/*_________________________________________________________________________________

 * CSS-Style-Datei
 *
 * Template fuer das Open Source CMS Website Baker (http://websitebaker2.org)
 *
 * name:		triathlon-friedrichroda
 * version:   	0.10
 * plattform:  	Website Baker 2.8
 *
 * license:		GNU General Public License 
 * license:   	http://www.gnu.de/documents/gpl.de.html (Innofizielle uebersetzung)
 * 
 * author:    	Stephan Fischer
 * copyright:	Stephan Fischer (c) 02.2010
 * firma: 		sf - mediengestaltung
 * email:		info@werbung-gotha.de
 * web:			www.werbung-gotha.de
 * farben:		grau #40403F			 
_________________________________________________________________________________*/

* {
margin:0px;
padding:0px;
}
html{
height:101%;
}
body {
	background-color: #ADB1AD;
	background-image: url(bilder_layout/hintergrund.gif);
	background-repeat:repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	text-align:center;
	}
#content{
width:905px;
background-color:#fff;
text-align:left;
border:1px solid #40403F;
margin:6px auto 0px auto;
}
#kopf{
width:905px;
height:107px;
background-color:#fff;
background-image:url(bilder_layout/kopf.jpg);
}
.banner{
display:none;
}
#bilder{
width:905px;
height:152px;
border-bottom:3px solid #fff;
}
#bilderstapel{
width:262px;
height:152px;
float:left;
}
#bilderstapel {
width:262px;
height:152px;
}
#bilderstapel img {
position:absolute;
width:262px;
height:152px;
z-index:1;
}
#bilderstapel img.obersteebene {
z-index:3;
}
#bilderstapel img.mittlereebene {
z-index:2;
}
#bilder_rechts{
width:637px;
height:152px;
background-image:url(bilder_layout/bilderwechsel_1.jpg);
float:right;
}
#navi_oben{
height:34px;
background-color:#40403f;
border-bottom:4px solid #fff;
}
#navi_oben #suche{
width:262px;
height:26px;
float:left;
text-decoration:none;
color:#fff;
padding-top:7px;
}
#navi_oben #suche span{
padding: 0 10px 0 0;
}
#navi_oben #suche .search_box {
text-align:right;
padding:0px 0 0 0;
}
#navi_oben #suche .search_string {
	width: 126px;
	height: 19px;
	padding:3px 0 0 5px;
	background-image: url(img/search-input.gif);
	background-repeat: no-repeat;
	background-color:#fff;
	border: none;
	color: #999;
	font-size: 90%;
	vertical-align: middle;
	border-bottom:1px solid #40403F;
}
#navi_oben #suche .search_submit {
	width: 25px;
	height: 23px;
	font-size: 89%;
	background-image: url(bilder_layout/suche.jpg);
	background-repeat: no-repeat;
	background-color:#fff;
	color: #40403F;
	border: none;
	vertical-align: middle;
	border-bottom:1px solid #40403F;
}
#menu_oben{
padding-top:7px;
}
#navi_oben li{
float:right;
width:156px;
height:28px;
list-style:none;
text-align:center;
margin:1px 0px 0px 4px;
}
#navi_oben a:link, #navi_oben a:visited, #navi_oben a:active{
width:156px;
height:19px;
background-image:url(bilder_layout/navi_kopf.jpg);
display: block;
text-decoration:none;
color:#1a1d1f;
padding:5px 0 0 0;
font-weight:bold;
}
#navi_oben a:hover{
width:156px;
height:19px;
background-image:url(bilder_layout/navi_kopf_hover.jpg);
display: block;
text-decoration:none;
font-weight:bold;
color:#fff;
padding:5px 0 0 0;
}

#bredcrumbs{
width:635px;
height:20px;
background-image:url(bilder_layout/breadcrumbs.jpg);
padding:5px 0 0 270px;
color: #666;
font-size:10px;
}
#links{
width:263px;
float:left;
letter-spacing:0.05em;
}
			#menu_links ul li{
				width:263px;
				list-style:none;
				list-style-position:outside;
				text-indent:15px;
			}
			#menu_links ul li li{
				width:263px;
				list-style:none;
				list-style-position:outside;
				text-indent:30px;
				font-weight:normal;
			}
			#menu_links ul li li li{
				width:263px;
				list-style:none;
				list-style-position:outside;
				text-indent:60px;
			}
			#menu_links ul li li li{
				width:263px;
				list-style:none;
				list-style-position:outside;
				text-indent:70px;
			}
			#menu_links a:link, #menu_links a:visited, #menu_links a:active{
				width:263px;
				height:21px;
				background-image: url(bilder_layout/navi_links.jpg);
				display: block;
				text-decoration:none;
				color:#000;
				margin:3px 0px;
				padding:6px 0 0 0;
				font-weight:bold;
			}
			#menu_links a:hover{
				width:263px;
				height:21px;
				background-image: url(bilder_layout/navi_links_hover.jpg);
				display: block;
				text-decoration:none;
				color:#000;
				margin:3px 0px;
				padding:6px 0 0 0;
				font-weight:bold;
			}
			#menu_links .menu_current a{
				background-image: url(bilder_layout/navi_links_aktiv.jpg);
				color: #fff;
			}
			#menu_links ul li ul li .menu_default{
			color: #DF7800;
			
			}
#anmeldung{
width:220px;
margin:0 auto;
color: #666;
text-align:left;
}
#logout input{
border:1px solid #666;
background-color:#fff;
color:#666;
}
#login{
width:220px;
margin:0 auto;
color: #666;
text-align:left;
}
#login input, #login form{
border:1px solid #666;
background-color:#fff;
color: #666;
margin:5px 0 5px 0;
}
#counter{
color:#666;
font-size:11px;
padding:15px 0 15px 10px;
}
#links #navi_bild{
width:262px;
height:212px;
}
#inhalt{
width:580px;
float:right;
padding:30px 30px 15px 0;
line-height:150%;
letter-spacing:0.1em;
}
#inhalt ul li{
padding: 2px 0 2px 20px;
list-style-position:inside;
list-style:none;
background-image:url(bilder_layout/li.jpg);
background-repeat:no-repeat;
}
#inhalt .tabberlive ul li{
padding: 2px 0 2px 0px;
list-style-position:inside;
list-style:none;
background-image: none;
background-repeat:no-repeat;
line-height:200%;
}
#inhalt ul ul li{
padding: 2px 0 2px 40px;
list-style-position:inside;
list-style:none;
}
#inhalt ul ul ul li{
padding: 2px 0 2px 60px;
list-style-position:inside;
list-style:none;
}
#inhalt ul ul ul ul li{
padding: 2px 0 2px 80px;
list-style-position:inside;
list-style:none;
}
#inhalt input, #inhalt textarea{
border:1px solid #FF8B04;
padding:2px;
margin:3px;
}
#inhalt #oben{
width:16px;
height:16px;
background-image:url(bilder_layout/oben.png);
float:right;
}
#fuss{
width:905px;
height:25px;
background-image:url(bilder_layout/breadcrumbs.jpg);
clear:both;
}
#copyright{
padding:2px 0 0 5px;
width:250px;
float:left;
}
#copyright a:link, #copyright a:visited, #copyright a:hover{
display: block;
text-decoration:none;
color: #666;
padding:5px 0 0 0;
font-weight:normal;
}
#navi_fuss{
width:500px;
float:right;
}
#navi_fuss ul li{
float:right;
list-style:none;
text-align:center;
padding:2px 10px 0 10px;
}
#navi_fuss a:link, #navi_fuss a:visited, #navi_fuss a:active{
display: block;
text-decoration:none;
color: #333;
padding:5px 0 0 0;
font-weight:normal;
}
#navi_fuss a:hover{
display: block;
text-decoration:none;
font-weight:normal;
color: #000;
padding:5px 0 0 0;
}
#navi_fuss ul li a[href*="http://triathlon-friedrichroda-de.km20628.keymachine.de/pages/admin.php"]{
background-image:url(bilder_layout/admin.png);
background-repeat:no-repeat;
text-indent:15px;
}
#navi_fuss ul li a[href*="http://triathlon-friedrichroda-de.km20628.keymachine.de/pages/sitemap.php"]{
background-image:url(bilder_layout/sitemap.png);
background-repeat:no-repeat;
text-indent:18px;
}
.stopp{
clear:both;
}
a:link, a:visited, a:active {
	color: #DF7800;
	text-decoration: none;
}
a:hover {
	color: #FF8B04;
	text-decoration: underline;
}
hr {
	margin: 5px 0px 5px 0px;
	color: #FF8B04;
	border: 0;
	border-top: 1px solid #FF8B04;
	height: 1px;
	width: 580px;
}
h1 {
	font-size:18px;
	color: #FF8B04;
	text-decoration:none;
	font-weight: normal;
	background-image:url(bilder_layout/h1.jpg);
	background-color:transparent;
	font-style: normal;
	font-weight:bold;
	background-repeat: no-repeat;
	height:27px;
	padding:7px 0px 0px 20px;
	margin:0px 0px 20px 0px;
}
h2{
font-size:16px;
	color: #666;
	text-decoration:none;
	font-weight: normal;
	background-image:url(bilder_layout/h2.gif);
	background-color:transparent;
	font-style: normal;
	font-weight:bold;
	background-repeat: no-repeat;
	height:27px;
	padding:4px 0px 0px 30px;
	margin:20px 0px 20px 0px;
}
h3 {
	font-size:16px;
	color: #333;
	text-decoration:none;
	font-weight: normal;
	background-color:transparent;
	font-style: normal;
	font-weight:bold;
	background-repeat:no-repeat;
	height:27px;
	width:630px;
	padding:7px 0px 0px 0px;
	margin:20px 0px 20px 0px;
}
h4{
margin:8px 2px 8px 10px;

}
h5{
margin:8px 2px 8px 10px;
font-style:italic;
}