/* Basis */
/* Farben: Gold #CC9900; Grau #BBBBBB; Dunkelgrau: #CCCCCC; Dunkelblau #000080 */
body {  	                                           /* Basis. Schrift muss in den divs noch einmal festgelegt werden */
	background-color:#FFFFFF;
	padding:20px;                              
	color:#000000; font-family:Verdana,Arial; font-size:10pt; text-align:justify;   
	}
*	{                                                  /* Universal-Element - Achtung wg. überschreiben, jeder undef. Abstand ist Null */
	margin:0px; padding:0px; border-width:0px;   
	}
/* Seitenbereiche */
div#outtop {	                                       /* OUT TOP: Ganz oben, scheinbar im Randbereich */    
	position:relative; width:850px;                    /* AUSGEBLENDET, sonst abzustimmen mit body, page, outbottom */  
	line-height:0pt; height:0px;                       /* nötig für Ausblenden in IE */       
	} 
div#page {                                             /* PAGE: Seitenbereich, der alle Bereiche außer out... enthält */       
	position:relative; width:850px;                    /* Abstimmen mit body, div#outtop, div#outbottom */                                                                    
	}
div#top		{                                          /* TOP: Kopfbereich, über der Navigation, Logos, Banner */ 
	position:relative; margin-bottom:10px;                                     
	text-align:left; 
	color:#CC9900; font-family:"Goudy Stout"; font-weight: bold; font-size:18pt; text-transform:uppercase /* Banner- oder Headertext */
	}
div#topnav  {                                          /* TOP NAVIGATION: Navgation oben */ 
	position:relative; background-color:#FFFFFF; 
	margin-top:0px;    
	padding-bottom:15px; border-bottom:2px solid #CCCCCC; margin-bottom:15px;                     
	text-align:left; 
    color:#CC9900; font-weight:bold;font-family:Verdana,Arial; font-size:10pt; font-weight:bold; /* Angeklickte Seite */
    }
div#content   {                                        /* CONTENT: Inhaltsbereich */
	position:relative; width:680px;                    /* Um Float-Bug (div#content unsichtbar) auszutricksen, ni8cht zu groß */                                                
	margin-left:160px;                                 /* Abstimmen mit width div#navleft */
	font-family:Verdana,Arial; font-size:10pt;
	} 
div#leftnav   {                                        /* LEFT NAVIGATION: Navigation links vom Content */	
	position:relative; 
	float:left; text-align:left; 
	width:155px;                                       /* Abstimmen mit margin-left div#content */
	margin-top:0px; padding-top:0px;                   /* Abstimmen mit link-styles */                       
    color:#CC9900; font-weight:bold;font-family:Verdana,Arial; font-size:10pt; font-weight:bold; /* Angeklickte Seite */
	}
div#bottom  {											
	position:relative; 
	margin-top:15px;
	border-top:2px solid #CCCCCC;
	}
div#outbottom {                                        /* OUT BOTTOM: Ganz unten, scheinbar im Randbereich */
	position:relative; width:850px;                    /* Abstimmen mit page, outtop */ 
	} 
	
/* Text-Gestaltung in Bereichen */		
.small  { font-size:8pt; }	
h1  { 
	text-align:left; 
	border-bottom:1px solid #CCCCCC; padding-bottom:5px; margin-bottom:15px; 
	font-family:Verdana; font-size:14pt; color:#808000; font-weight:bold; text-transform:uppercase;  
	}
span.inlineHL  { color: #CC9900; font-weight:bold; }
span.bewohner  { color: #666666; font-weight:bold; text-transform:uppercase;  }
span.element   { color: #CC0000; font-weight:bold; text-transform:uppercase;  }
span.irgendwer { color: #669900; font-weight: bold; text-transform:uppercase; }
span.z-village { color: #CC9900; font-weight: bold; text-transform:uppercase; }
span.banner    { color:#CC9900; font-family:"Goudy Stout"; font-weight: bold; font-size:18pt; text-transform:uppercase }  /* wie top */
div#content p:first-letter  {  }
div#content p  {margin-bottom:8px; } /* per Default: 0px; */
div#leftnav p  {margin-bottom:0px; }
.clearleft    {clear:left; font-size:0pt; line-height:0px; height:0px; margin:0px;}
.clearright   {clear:right; font-size:0pt; line-height:0px; height:0px; margin:0px;}
p.left { text-align:left; }
p.right { text-align:right; }
.center  { text-align:center; }
div.quote { background-color:#F0F0F0; 
	 		padding:7px; font-size:8pt; margin-bottom:7px; }

/* Hyperlinks */
/* Hyperlinks, Basis */
a:link			{color:#000080; font-weight:bold; }
a:visited		{color:#000080; font-weight:bold; }
a:active		{color: #CC9900; font-weight:bold; }
a:hover			{color: #CC9900; font-weight:bold; }

/* Button-artige Hyperlinks, für senkrechte Navigation */
/* Wird nicht benötigt, wenn Hyperlinks = nur Text, TEMPLATE von subversiv */
div.leftnavitem { /* Zeile, Kastl für Hyperlinks und angeklickte Seite */
                color:#CC9900; text-decoration:none;
                }
div.leftnavitem a:link     {  /* Keine änderungen in Farbe und Text gegenüber Default, keine Abstände */
                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;  } 
div.leftnavitem  div.clicked {
                display:block; padding:0px; margin:0px;
                 }
/* Hyperlinks für waagrechte Navigation */   
div.topnavitem { /* Inline Kastl für einen Hyperlink oder angeklickte Seite */
                display:inline; margin-top:15px; margin-right:0px; margin-left:0px; margin-bottom:0px; 
                border-left:3px solid #CC9900; border-right-width:0px; text-decoration:none; text-align:center;
                }
div.topnavCurPar { /* Inline Kastl für Hyperlink zur Eltern-Seite */
                display:inline; margin-top:15px; margin-right:0px; margin-left:0px; margin-bottom:0px; 
                border-left:3px solid #CC9900; border-right-width:0px; text-decoration:none; text-align:center;
                }             
div.topnavitem a:link        {padding-left:5px; padding-right:5px; } /* Padding nicht bei div, sonst bg nicht bis zum Rand */
div.topnavitem a:visited     {padding-left:5px; padding-right:5px; }
div.topnavitem a:active      {padding-left:5px; padding-right:5px; }
div.topnavitem a:hover	     {padding-left:5px; padding-right:5px; }
div.topnavitem span.clicked  {color:#CC9900; padding-left:5px; padding-right:5px; }
div.topnavitem span.dummy    {color:#FFFFFF; padding-left:5px; padding-right:5px; }   
div.topnavCurPar a:link      {color:#CC9900; padding-left:5px; padding-right:5px; } /* Padding nicht bei div, sonst bg nicht bis zum Rand */
div.topnavCurPar a:visited   {color:#CC9900; padding-left:5px; padding-right:5px; }
div.topnavCurPar a:active    {padding-left:5px; padding-right:5px; }
div.topnavCurPar a:hover	 {padding-left:5px; padding-right:5px; }                                  
/* Hyperlinks, im Fußbereich */
div#bottom a:link    { }
div#bottom a:visited { }
div#bottom a:active  { }
div#bottom a:hover	 { }

/* Tabellen und Aufzählungen */
table	{  /* Std.-Tabelle für Bildlisten, Abstände in Table-Tag */
	border-collapse:collapse;
	}
td  {
	border-left-width:0px;
	border-top:1px dashed #CCCCCC; padding-top:7px; 
	vertical-align:middle;
	padding-bottom:7px; border-right-width:0px; 
	border-bottom-width:0px;
	}
td.imgLink { 
	padding-left:15px; width:150px; padding-right:15px;
	font-size:10pt; text-align:left;
	}

table.std    {  /* CHECK, ob überhaupt verwendet */
	text-align: justify; 
	line-height: 100%; 
	margin-top:5px; margin-bottom:5px;
	border-top-width: 1px; border-bottom-width: 2px; 
	border-left-width: 1px; border-right-width: 1px; 
	padding-bottom:2px; border-bottom-width: 0px; 
	padding-right:0px; padding-left:0px;
	border-bottom-style: solid;  
    }
 
/* Bilder-Anzeige */
body.imgPopup { padding:30px; }
img.layoutborder { border:1px solid #FFFFFF; }
.imgClicked {												/* div...kein margin-bottom, p...margin-bottom >> default-p */
	border-left-width:0px; border-right-width:0px;
	border-top:1px dashed #CCCCCC; padding-top:7px; 
	vertical-align:middle; 
	padding-bottom:7px;  
	border-bottom-width:0px; 
	}
p.clearimg { 
	clear:both;
	}
.imgClickedCenter {  /* abzulösen durch div.imgCenter */
	text-align:center;
	vertical-align:middle; 
	padding-bottom:7px;  
	}
.imgCenter {
	margin-top:13px;
	text-align:center;
	margin-bottom:13px;  
	}
div.right {
	border-left-width:0px; border-right-width:0px;
	border-top:1px dashed #CCCCCC; padding-top:7px; padding-bottom:7px; 
	text-align:right;
	}
div.left {
	border-left-width:0px; border-right-width:0px;
	border-top:1px dashed #CCCCCC; padding-top:7px; padding-bottom:7px;  
	text-align:left;	
	}	
img.right    {float:right; margin-left:10px; }
img.left     {float:left; margin-right:10px; }
div.imgleftinline  {float:both; margin-right:10px; margin-bottom:10px; margin-top:10px; }
td.layout {border:0px; padding:0px;}

/* Log-File-Styles */
.logFile { font-size:9pt; text-align:left; }
.logFileLine2 { color: #669900; font-style:italic;}
p.logFile a:link	{	color:#000000;	}
span.logFileLine2 a:link	{	color: #669900;	}
p.logFile a:active	{	color:#CC9900;	}
span.logFileLine2 a:active	{	color: #CC9900;	}
p.logFile a:hover	{	color:#CC9900;	}
span.logFileLine2 a:hover	{	color: #CC9900;	}
p.logFile a:visited	{	color:#000000;	}
span.logFileLine2 a:visited	{	color: #669900;	}

body.log { background-color: padding:30px; margin:0px;}
p.logintro       { font-size:9pt; }
p.log1           { font-size:9pt; text-align:left; padding:3px; margin:4px; color:#000000; background-color:#CC9900; }
p.log2           { font-size:9pt; text-align:left; padding:3px; margin:4px; color:#000080; background-color:#CCCCCC; }
p.logintro a:link    { color:#000000; font-weight:normal; }
p.logintro a:visited { color:#000000; font-weight:normal;  }
p.logintro a:active  { color:#000000; text-decoration:underline; font-weight:normal; }
p.logintro a:hover   { color:#000000; text-decoration:underline;  font-weight:normal; }
p.log1 a:link    { color:#000000; font-weight:normal; }
p.log1 a:visited { color:#000000; font-weight:normal; }
p.log1 a:active  { color:#000000; text-decoration:underline; font-weight:normal; }
p.log1 a:hover   { color:#000000; text-decoration:underline; font-weight:normal; }
p.log2 a:link    { color:#000080; font-weight:normal;  }
p.log2 a:visited { color:#000080; font-weight:normal;  }
p.log2 a:active  { color:#000080; text-decoration:underline; font-weight:normal;  }
p.log2 a:hover   { color:#000080; text-decoration:underline; font-weight:normal;  }