/* Basis */
/* Farben: Rot #B40000; (bis 2011) #990000;
           Gold #FFCC66; Orange #FF6600; Grau #AAAAAA oder #BBBBBB */
body {  	                                           /* Basis. Schrift muss in den divs noch einmal festgelegt werden */ 
	border-top:20px solid #000000; /* border-bottom:300px solid #000000; */
	/* padding-bottom:30px; */
	background-color:#990000;                               
	color:#FFFFFF; font-size :10pt; text-align:justify;   
	}
*	{                                                  /* Universal-Element - Achtung wg. Überschreiben, jeder undef. Abstand ist Null */
	font-family :Verdana,Arial; 
	margin:0px; padding:0px; border-width:0px;    
	}
	
/* Seitenbereiche */
div#outtop {	                                       /* OUT TOP: Ganz oben, scheinbar im Randbereich */    
	position:relative;
	background-color:#000000; 
	padding-bottom:5px;                         
	} 
div#page {                                             /* PAGE: Seitenbereich, der alle Bereiche außer out... enthält */       
	position:relative; width:800px;                    /* Abstimmen mit body, div#outtop, div#outbottom */  
	margin-left:70px; margin-top:30px;                                                                            
	}
div#top		{                                          /* TOP: Kopfbereich, über der Navigation, Logos, Banner */ 
	position:relative; margin-bottom:10px;                                  
	text-align:left; 
	font-size:15pt; font-weight:bold; /* Banner- oder Headertext */
	}
div#topnav  {                                          /* TOP NAVIGATION: Navgation oben */ 
	position:relative; margin-top:0px; 
	padding-bottom:4px; 
	border-bottom:1px solid #000000; border-top-width:0; border-left-width:0; border-right-width:0; 
	margin-bottom:15px; 
	text-align:left; 
    font-size:10pt; font-weight:bold; /* Basis-Schrift, würde sonst von top festgelegt */
    }
div#content   {                                        /* CONTENT: Inhaltsbereich */
	position:relative; width:585px;
	margin-left:200px;                                 /* Abstimmen mit width div#navleft */
	margin-top:0px; margin-bottom:0px; 
	border-left:1px solid #FFFFFF; padding-left:10px;
	font-size :10pt; font-weight:normal; 
	} 
div#leftnav   {                                        /* LEFT NAVIGATION: Navigation links vom Content */	
	float:left; text-align:left; 
	width:180px;                                       /* Abstimmen mit margin-left div#content */
	margin-top:0px; padding-top:0px;                   /* Abstimmen mit link-styles */                     
    color:#FFFFFF; font-family:Verdana,Arial; font-size:10pt; font-weight:normal; /* Keine änderungen gegenüber Default-Font */
	}
div#bottom  {											
	position:relative; margin-top:10px;
	border-top:1px solid #000000; border-left-width:0; border-right-width:0; border-bottom-width:0; 
	padding-top:4px;
	padding-bottom:30px;
	color:#FFFFFF; font-size:8pt;
	}
div#outbottom {                                         /* OUT BOTTOM: Ganz unten, scheinbar im Randbereich */
	background-color:#000000;
	position:relative;                                  /* Abstimmen mit page, outtop */
	font-size:8pt;
	padding-top:5px; 
	height: 500px;
	} 
	
/* Text-Gestaltung in Bereichen */		
h1  {color:#FFFFFF; font-size:11pt; font-weight:bold; 
	text-align:left; margin-bottom:10px;}
span.inlineHL   { color:#FF6600; }
span.hLBlack  	{ color:#000000; font-weight:bold; }
p.black         { color:#000000; }
p.majusk:first-letter  {font-family:"Courier New",Courier,monospace; font-size:15pt; font-weight:bold; color:#FF6600; }
div#content p   {margin-bottom:10px; } 
p.left 			{text-align:left;}
p.center 		{text-align:center;}
p.clearleft     {clear:left; font-size:0pt; margin:0px; line-height:0px;}
p.clearright    {clear:right; font-size:0pt; margin:0px; line-height:0px;}
p.bottom 		{border-bottom:1px solid #BBBBBB;border-top-width:0; border-left-width:0; border-right-width:0; 
				padding-bottom:2px;	} 
ul 	{list-style-type:disc; 
	margin-left: 20px; margin-bottom:7px; }
li	{margin-bottom:2px; }

.newsbox {  font-size:9pt;
			border-left-width:1px; border-left-color:#FFFFFF; border-left-style:solid; 
            border-right-width:1px; border-right-color:#000000; border-right-style:solid;
            border-top-width:1px; border-top-color:#FFFFFF; border-top-style:solid;
            border-bottom-width:1px; border-bottom-color:#000000; border-bottom-style:solid;
            padding:4px; margin-top:20px; margin-bottom:13px; }

/* Hyperlinks */ 
/* Hyperlinks, Basis */
a:link			{color:#FFCC66; }
a:visited		{color:#FFCC66; }
a:active		{color:#000000; }
a:hover			{color:#000000; }
/* Hyperlinks in Außenbereichen */
div#outtop a:link     {color:#FFFFFF; font-weight:normal; text-decoration:underline; }
div#outtop a:visited  {color:#FFFFFF; font-weight:normal; text-decoration:underline; }
div#outtop a:active   {color:#FFCC66; font-weight:normal; text-decoration:underline; }
div#outtop a:hover    {color:#FFCC66; font-weight:normal; text-decoration:underline; }
div#outbottom a:link     {color:#FFFFFF; font-weight:normal; text-decoration:underline; }
div#outbottom a:visited  {color:#FFFFFF; font-weight:normal; text-decoration:underline; }
div#outbottom a:active   {color:#FFCC66; font-weight:normal; text-decoration:underline; }
div#outbottom a:hover    {color:#FFCC66; font-weight:normal; text-decoration:underline; }


/* Hyperlinks, für senkrechte Navigation */
div.leftnavitem { /* Zeile, Kastl für Hyperlinks und angeklickte Seite */
                color:#FFFFFF; text-decoration:none;
                }
div.leftnavitem a:link       { display:block; padding:0px;  } 
div.leftnavitem a:visited    { display:block; padding:0px;  }
div.leftnavitem a:active     { display:block; padding:0px;  }
div.leftnavitem a:hover      { display:block; padding:0px; background-color:#FF6600; } 
div.leftnavitem  div.clicked { display:block; padding:0px; background-color:#000000; margin:0px; }
/* Hyperlinks für waagrechte Navigation */   
/* a:.. Standard-Link-Farben */
div.topnavitem { /* Inline Kastl für einen Hyperlink oder angeklickte Seite */
                display:inline; margin-top:15px; margin-right:2px; margin-left:0px; margin-bottom:0px; 
                background-color:#000000; color:#FFFFFF; 
                border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; text-decoration:none; text-align:center;
                }
div.topnavCurPar { /* Inline Kastl für Eltern-Seite der angeklickte Seite */
                display:inline; margin-top:15px; margin-right:2px; margin-left:0px; margin-bottom:0px; 
                color:#FFFFFF; 
                border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; text-decoration:none; text-align:center;
                }               
div.topnavitem a:link           { background-color:#990000; padding-left:5px; padding-right:5px; } 
div.topnavitem a:visited        { background-color:#990000; padding-left:5px; padding-right:5px; }
div.topnavitem a:active         { background-color:#990000; padding-left:5px; padding-right:5px; }
div.topnavitem a:hover	        { background-color:#FF6600; padding-left:5px; padding-right:5px; }
div.topnavitem span.clicked     { padding-left:5px; padding-right:5px; } /* background nicht hier definieren */
div.topnavitem span.dummy       { color:#990000; padding-left:5px; padding-right:5px; }      
div.topnavCurPar a:link         { color:#FFFFFF; padding-left:5px; padding-right:5px; } 
div.topnavCurPar a:visited      { color:#FFFFFF; padding-left:5px; padding-right:5px; }
div.topnavCurPar a:active       { background-color:#FF6600; padding-left:5px; padding-right:5px; }
div.topnavCurPar a:hover	    { background-color:#FF6600; padding-left:5px; padding-right:5px; }

/* Buttons */
input.arch	{ background-color:#000000; color:#FFCC66; }
}

/* Bilder */
div.imgClickedCenter {
	text-align:center;
	border-left-width:0px; border-right-width:0px;
	border-top:1px solid #BBBBBB; border-bottom:1px solid #BBBBBB;
	padding-top:7px; padding-bottom:7px; 
	vertical-align:middle; 
	margin-bottom:10px; 
	}
img.right  { float:right; margin-left:10px; }
img.left { float:left; margin-right:10px; }
div.right {
	border-left-width:0px; border-right-width:0px;
	border-top:1px solid #BBBBBB; padding-top:7px; padding-bottom:7px; 
	text-align:right;
	}
div.left {
	border-left-width:0px; border-right-width:0px;
	border-top:1px solid #BBBBBB; padding-top:7px; padding-bottom:7px;  
	text-align:left;	
	}	
/* Bilder - Popups */
body.imgPopup { margin:0px; border:0px; padding:30px; }
.imgCenter {
	margin-top:13px;
	text-align:center;
	margin-bottom:13px;  
	}

/* Tabellen, Aufzählungen */
td  { font-family:Verdana,Arial; font-size:10pt; 
      text-align:left; }
.mailHeader { width:100%; padding:2px; margin-bottom:15px;}
.toField    { width:100px; }

/* Logfile-Styles */ 
body.log { background-color: #770000; padding:30px; }
p.logintro       { font-size:8pt; text-align:left; padding:2px; color:#FFFFFF; background-color:#770000; }
p.log1           { font-size:8pt; text-align:left; padding:2px; margin:3px; color:#FFFFFF; background-color:#000000; }
p.log2           { font-size:8pt; text-align:left; padding:2px; margin:3px; color:#000000; background-color:#FFFFFF; }
p.logintro a:link    { color:#FFFFFF; }
p.logintro a:visited { color:#FFFFFF; }
p.logintro a:active  { color:#FFFFFF; text-decoration:underline; }
p.logintro a:hover   { color:#FFFFFF; text-decoration:underline; }
p.log1 a:link    { color:#FFFFFF; }
p.log1 a:visited { color:#FFFFFF; }
p.log1 a:active  { color:#FFFFFF; text-decoration:underline; }
p.log1 a:hover   { color:#FFFFFF; text-decoration:underline; }
p.log2 a:link    { color:#000000; }
p.log2 a:visited { color:#000000; }
p.log2 a:active  { color:#000000; text-decoration:underline; }
p.log2 a:hover   { color:#000000; text-decoration:underline; }