/***********************************************/
/* HTML tag styles                             */
/*
*/
/***********************************************/
body, html {
		margin:0;
		padding:0;	
		background-color:#000; 
		color:#fff; 
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;			
		height:100%;
		width:100%;
		}

.pagebody { 
		background-image:url(images/bg_body.jpg); 
		background-repeat:no-repeat;
		}
		
#main { 
		width:100%; 
		height:670px;
		margin:0;
		padding:0;	 
		border:0px;
		background-image:url(images/bg_feuer.jpg); 
		background-repeat:no-repeat; 
		background-position:bottom right;	 
		}
		
#content { 
		height:670px; 
		width:900px;
		margin-top:0px;
		margin-left:auto;
		margin-right:auto;
		background-image:url(images/bg_rahmen.gif); 
		background-repeat:no-repeat; 
		background-position:top center;	  
		}
		
#links { width:250px; height:670px; float:left; background-image:url(images/schmetterling.gif); background-repeat:no-repeat; background-position:top right;}	
#mitte { width:345px; height:670px; float:left; padding-top:165px; padding-left:50px; text-align:center;}
#rechts { width:250px; height:670px; float:left; }
		
  
#mittesub { width:340px; height:400px; float:left; padding-top:120px; padding-left:30px;}

#contentstart { 
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		width:100%; 
		height:225px;
		overflow:auto;
		scrollbar-arrow-color: #ccc;
		scrollbar-highlight-color: #ccc;
		scrollbar-3dlight-color: #666;
		scrollbar-base-color: #000;
		scrollbar-darkshadow-color: grey;
		scrollbar-face-color: grey;
		scrollbar-shadow-color: #666;
		scrollbar-track-color:#000;
  }
  
#contentcenter { 
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		width:100%; 
		height:295px;
		overflow:auto;
		scrollbar-arrow-color: #ccc;
		scrollbar-highlight-color: #ccc;
		scrollbar-3dlight-color: #666;
		scrollbar-base-color: #000;
		scrollbar-darkshadow-color: grey;
		scrollbar-face-color: grey;
		scrollbar-shadow-color: #666;
		scrollbar-track-color:#000;
  } 
  
#contentleft { 
		text-align:left;
		margin-left:auto;
		margin-right:auto;
		padding-right:5px;
		width:100%; 
		height:225px;   
		overflow:auto;
		scrollbar-arrow-color: #ccc;
		scrollbar-highlight-color: #ccc;
		scrollbar-3dlight-color: #666;
		scrollbar-base-color: #000;
		scrollbar-darkshadow-color: grey;
		scrollbar-face-color: grey;
		scrollbar-shadow-color: #666;
		scrollbar-track-color:#000;
  }	   	
  
#contenttop { 
		text-align:center;
		padding-right:5px;
		width:100%; 
		height:150px;  
		overflow:auto;
		scrollbar-arrow-color: #ccc;
		scrollbar-highlight-color: #ccc;
		scrollbar-3dlight-color: #666;
		scrollbar-base-color: #000;
		scrollbar-darkshadow-color: grey;
		scrollbar-face-color: grey;
		scrollbar-shadow-color: #666;
		scrollbar-track-color:#000;
  }	
  
#contentsubtop { 
		text-align:center;
		padding-right:5px;
		width:100%; 
		height:80px;  
		overflow:auto;
		scrollbar-arrow-color: #ccc;
		scrollbar-highlight-color: #ccc;
		scrollbar-3dlight-color: #666;
		scrollbar-base-color: #000;
		scrollbar-darkshadow-color: grey;
		scrollbar-face-color: grey;
		scrollbar-shadow-color: #666;
		scrollbar-track-color:#000;
  }	  

.kapitale {font-size:25px; font-style:italic; }
.ueberschrift {font-size:18px; font-style:italic; }

.hidden {
		display:none;
		visibility:hidden
		}
/***********************************************/
/* hyperlink and anchor tag styles             */
/***********************************************/
a:link, a:visited{
		color: #fff;
		text-decoration: none;
		}

a:hover{
		color:#F5DF45;
		text-decoration: underline; 
		}


/***********************************************/
/* Tunnel Styles                                */
/***********************************************/
#tunnelmain { 
		margin-top:20px;
		height:100%; 
		width:651px;
		margin-left:auto;
		margin-right:auto;
		}
/***********************************************/
/* Navi styles                                 */
/***********************************************/

#topnavikreis { position:relative; top:15px; left:20px; text-align:center; padding-top:16px; padding-left:35px; height:140px; background-image:url(images/bg_topnavikreis.gif); background-repeat:no-repeat; background-position:top center;}

.topnavi, .topnavi_act { text-align:center; color:#FFF; padding-right:40px; padding-left:5px;}		
.topnavi a:link, .topnavi a:visited { color:#000; line-height:16px; font-size:12px; letter-spacing:.08em; font-weight:bold;}
.topnavi a:active { color:#F5DF45;}

.topnavi_act a:link, .topnavi_act a:visited { color:#F5DF45; line-height:16px; font-size:12px; letter-spacing:.08em; font-weight:bold;}
.topnavi_act a:active { color:#F5DF45; }

#ars { z-index:1;position:relative; top:344px; left:15px;background-image:url(images/bg_schwarz.gif); padding-top:13px; padding-left:30px; background-repeat:no-repeat; height:47px; }
#anne { z-index:2;position:relative; top:349px; left:33px;background-image:url(images/bg_schwarz.gif); padding-top:24px; padding-left:30px; background-repeat:no-repeat; height:36px;}
#rufus { z-index:3;position:relative; top:354px; left:65px;background-image:url(images/bg_schwarz.gif); padding-top:24px; padding-left:30px; background-repeat:no-repeat; height:36px;}

#gelb { z-index:1;position:relative; top:273px; left:20px; padding-top:0px; padding-left:0px; width:107px; height:60px; }
#rot { z-index:2;position:relative; top:282px; left:17px; padding-top:0px; padding-left:0px; width:107px; height:60px;}
#gruen { z-index:3;position:relative; top:291px; left:33px; padding-top:0px; padding-left:0px; width:107px; height:60px;}
#blau { z-index:4;position:relative; top:297px; left:61px; padding-top:0px; padding-left:0px; width:107px; height:60px;}
#termine { z-index:5;position:relative; top:300px; left:100px; padding-top:0px; padding-left:0px; width:107px; height:60px;}

#freunde { z-index:1;position:relative; top:344px; left:15px;background-image:url(images/bg_schwarz.gif); padding-top:15px; padding-left:25px; background-repeat:no-repeat; height:45px; }
#eigene { z-index:2;position:relative; top:349px; left:33px;background-image:url(images/bg_schwarz.gif); padding-top:17px; padding-left:24px; background-repeat:no-repeat; height:43px;}
#sonstiges { z-index:3;position:relative; top:354px; left:65px;background-image:url(images/bg_schwarz.gif); padding-top:24px; padding-left:25px; background-repeat:no-repeat; height:36px;}

.navi {
		font-size:11px; 
		}
		
.navi a:link, .navi a:visited {
		color:#fff; 
		font-size:11px; 
		text-decoration:none; 
		letter-spacing:.08em;
		}
		
.navi a:hover{ 
		text-decoration:underline; 
		letter-spacing:.08em;
		}

.navi_act {
		color:#F5DF45; 
		letter-spacing:.08em;
		font-size:12px; 
		}
		
.navi_act a:link, .navi_act a:hover, .navi_act a:active, .navi_act a:visited {
		color:#F5DF45; 
		text-decoration:none; 
		font-size:12px;
		}

/********************* end **********************/