/* benjamin-brochhagen.de Stylesheet 
 * 2008
 * 
 * Colours:
 * background-color: #666666 (body)
 * background-color: #ffffff (container)
 * background-color: #B4C40F 
 * color: #B3C413 [Ergon-Grün](navigation, line)
 * background-color: #E2DFD3 (header, toolbar)
 * font-color: #000000 (body, navigation, Toolbar, Footer) 
 * font-color: #ffffff (Navigation aktiv)
 * background-color: #f1f1f1; (Background Content Teaser)
 * font-color: #1e307a; (Content h1)
 * typography: px/12=em
 * 
*/

/* ---------- GLOBAL --- container zentriert das layout -------------- */
#container {
	width: 980px;
	background-color: #E2DFD3;
	border-top: 10px solid #ffffff;
	border-right: 10px solid #ffffff;
	border-bottom: 10px solid #ffffff;
	border-left: 10px solid #ffffff;
	margin-top: 50px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}

body {
	font-size: 11px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#000000;
	/*background-image: url('g/bg_body1.png');
	position: fixed;*/
	background-color: #666666;
	margin:0px;
	padding:0px;
	
}

a, a:visited, a:active {
	color: #000000;
	text-decoration: none;
}

.rad_link a {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #B3C413;
	text-decoration: none;
}

#navi a:hover {
	color: #FFFFFF;
	text-decoration: none;
	display: inline;
}

.artikel a, .subhead_contakt a, .bildunterschrift a{
	color: #888887;
	text-decoration: none;	
}

.artikel a:hover, .subhead_contakt a:hover, .bildunterschrift a:hover{
	color: #B3C413;
	text-decoration: underline;
}

.vita a {
	color: #666666;
	text-decoration: none;
}
.vita a:hover {
	color: #B3C413;
	text-decoration: none;
}

.footer a:hover {
	color: #000000;
	text-decoration: underline;
}
img {
	border: 0;
}

.clearer { 
	clear: both; 
}

.line {
	width: 700px;
	height:1px;
	color: #B3C413;
	border-width: 1px; 
	border: 0px solid #B3C413;
	border-top: 1px solid #B3C413;
}

.line_ohne_div {
	width: 700px;
	height:1px;
	color: #B3C413;
	border-width: 1px; 
	border: 0px solid #B3C413;
	border-top: 1px solid #B3C413;
	margin: 0px 0px 10px 10px;	
}

.line_news {
	width: 690px;
	height:1px;
	color: #B3C413;
	border-width: 1px; 
	border: 0px solid #B3C413;
	border-top: 1px solid #B3C413;
	margin: 0px 0px 10px 10px;	
}

.line_foto {
	width: 700px;
	height:1px;
	color: #B3C413;
	border-width: 1px; 
	border: 0px solid #B3C413;
	border-top: 1px solid #B3C413;
	margin: 0px 0px 10px 10px;
}

/* ------------------------ HEADER ---------------------------- */

#header {
	z-index:99;
	height: 80px;
	background-color: #E2DFD3;
	/*background-image: url('g/bg_header.png');
	background-repeat: no-repeat;*/
	text-align: right;
	border-bottom: 0px solid #ffffff;
}

#siegel {
	z-index:99;
	position:absolute; 
	top:30px; 
	left:960px; 
	width:150px; 
	height:150px;
}

/*#profil_1 {
	z-index:90;
	position: relative; 
	top: 20px; 
	left: 100px; 
	width: 595px; 
	height: 138px;
}

#profil_2 {
	z-index:90;
	position: absolute; 
	top: 60px; 
	left: 100px; 
	width: 595px; 
	height: 138px;
}

#profil_3 {
	z-index:90;
	position: absolute; 
	top: 60px; 
	left: 400px; 
	width: 595px; 
	height: 138px;
}

#profil_4 {
	z-index:90;
	position: absolute; 
	top: 60px; 
	left: 350px; 
	width: 595px; 
	height: 138px;
}
/* ------------------------ NAVIGATION ---------------------------- */
#navi {
	height: 35px;
	font-size: 15px;
	text-align: left;
	background-color: #B4C40F;
	border-bottom: 10px solid #ffffff;
	padding: 15px 20px 0px 10px;
	
}

.flaggen {
	margin: 0px 5px 5px 5px;
	height:20px;
	width:30px;
}

.navi_stil, .navi_stil a, .navi_stil a:visited, .navi_stil a:active {
	font-size: 14px;
	font-weight: normal;
	margin-right: 55px	
}

.navi-active {
	font-size: 14px;
	font-weight: bold;
	margin-right: 55px;
}

/*.spacer {
	color: #B4C40F;
	background-color: #B4C40F;
	text-decoration: none;
}
*/

/* ------------------------ CONTENT ---------------------------- */

#content {
	width: 710px;
	min-height: 600px;
	background-color: #ffffff;
	text-align: left;
	border-right: 10px solid #ffffff;
	margin-left: 0px;
	margin-right: 0px;
	float: left;
}

#moodbild_index {
	width: 700px;
	height: 230px;
	margin: 0px 0px 30px 0px;
}

.gruss {
	font-size: 12px;
	line-height: 15px;
	margin: 0px 50px 20px 10px;
}

.headline_index {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	line-height: 35px;
}

.subhead_index {
	line-height: 15px;
	margin: 10px 0px 25px 0px;
}  
  
.headline {
	font-weight: bold;
	line-height: 35px;
}

.sub_headline {
	line-height: 10px;
	margin: 20px 0px 0px 0px;
}

.link_teaser{
	font-weight: bold;
	line-height: 30px;
	margin-top: 10px;
}

.teaser {
	line-height: 15px;
	text-align: justify;
	margin: 0px 10px 10px 10px;
}
.teaserbild {
	margin: 0 20px 20px 20px;
	float: right;
}

#spacer_oben {
	width: 690px; 
}


/* ------------------------ TOOLBOX ---------------------------- */
#toolbox {
	width: 200px;
	background-color: #E2DFD3;
	padding: 30px;
	float: right;
}

.Ergebnisse {	
	line-height: 15px;
	margin: 0px 0px 60px 0px;
}

.ergebnisse {	
	line-height: 15px;
	margin: 0px 0px 60px 0px;
	padding:35px 0 0 0;
	/*background-image: url('image/toolbox/.jpg');	
	background-repeat:no-repeat;
	background-position: 0px 0px;*/	
}

.raeder {	
	line-height: 15px;
	margin: 0px 0px 60px 0px;
	padding:35px 0 0 0;
	/*background-image: url('image/toolbox/mtb.jpg');	
	background-repeat:no-repeat;
	background-position: 0px 0px;*/	
}

.fotos {	
	line-height: 15px;
	margin: 0px 0px 60px 0px;
	padding:35px 0 0 0;
	/*background-image: url('image/toolbox/.jpg');	
	background-repeat:no-repeat;
	background-position: 0px 0px;*/	
}

.termine {	
	line-height: 15px;
	margin: 0px 0px 60px 0px;
	padding:35px 0 0 0;
	/*background-image: url('image/toolbox/termine.jpg');	
	background-repeat:no-repeat;
	background-position: 0px 0px;*/
}

.toolbox_headline{
	font-weight: bold;
	line-height: 40px;
}

.line_toolbox {
	width: 200px;
	height:1px;
	color: #7B7A7F;
	line-height: 15px;
	border: 0px solid #7B7A7F;
	border-top: 1px solid #7B7A7F;
	margin: 5px 0px 0px 0px;
	padding: 0px 0 10px 0;
}

.toolbox_text{
	font-weight: bold;
	line-height: 20px;
}

.toolbox_sponsoren{
	font-weight: normal;
	line-height: 15px;
}

.ticker{
	background-color: #d5d1c3;
	border: solid 1px #ffffff;
	padding: 0 5px 5px 5px;
	margin-bottom: 30px;
}

/* ------------------------ IMPRESSUM ---------------------------- */
.impressum {
	width: 600px;
	text-align: justify;
	margin: 0px 0px 10px 30px;
	padding: 30px 0px 20px 0px;	
}

.stil1_headline {
	font-weight: bold;
}

/* ----------- ARTIKEL --------------------------- */
.artikel {
	width: 690px;
	text-align: justify;
	display: inline;
}

.bildunterschrift {
	font-size: 10px;
	color: #6D6D6D;
	text-align: left;
	line-height: 20px;
	margin: 0px 0px 10px 10px;
	
}

.headline_news {
	font-size: 15px;
	font-weight: bold;
	line-height: 10px;
	margin: 10px 0px 5px 10px;
}

.subhead_news {
	font-size: 12px;
	line-height: 5px;
	margin: 0px 0px 25px 10px;
  }
  
.spacer_artikel {
	background-color: #ffffff;
	margin: 0px 0px 250px 0px;
}

.link_artikel{
	font-weight: bold;
	line-height: 30px;
	margin: 40px 0px 0px 0px;
}

.zoom {
	margin-left: 10px;
	font-size: 9px;
	color: #6D6D6D;
	text-align: left;
	line-height: 20px;
	font-style: italic;
}
/* ------------------------ VITA ---------------------------- */
table {
	line-height: 25px;
	margin: 0px 0px 0px 0px;
	
}
.headline_vita {
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
	margin: 25px 0px 5px 10px;
  }

.subhead_vita {
	font-weight: bold;
	line-height: 15px;
	margin: 25px 0px 5px 10px;
  }
  
.mood_vita {
	width: 130px;
	height: 150px;
	margin: 0px 12px 30px 0px;
	float: left;
}
/* ------------------------ TERMINE ---------------------------- */

.subhead_termine {
	line-height: 15px;
	margin: 10px 0px 25px 10px;
  }
.termine {
	margin-left: 10px;
  }
/* ------------------------ Links ---------------------------- */
.headline_links {
	font-weight: bold;
	line-height: 15px;
	margin: 20px 0px 20px 10px;
  }
.teamlogo {
	width: 200px;
	height: 119px;
	margin: 0px 10px 0px 10px;
	float: left;
}

.sponsorenlogo {
	width: 100px;
	height: 55px;
	margin: 15px 25px 15px 15px;
	float: left;
}

.main_sponsoren {
	width: 170px;
	height: 50px;
	margin: 0px 20px 20px 30px;
	float: left;
}

.second_sponsoren {
	width: 140px;
	height: 30px;
	margin: 15px 45px 20px 55px;
	float: left;
}

.tabelle_links {
	width: 680px;
	line-height: 10px;
	background-color: #ffffff;
	margin: 15px 10px 10px 3px;
}

.spacer_links {
	height:150px;
	background-color: #ffffff;
	margin: 0px 0px 0px 0px;
}

.grey {
	background-color: #E2DFD3;
}
td, th {
	padding: 0 0 0 5px;
}

/* ------------------------ GALLERY ---------------------------- */
.gallery {
	width: 700px;
	margin: 0px 10px 10px 0px;
}
.foto {
	margin: 0px 0px 10px 10px;
	float: left;

}

.headline_gallery {
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
	margin: 25px 0px 0px 10px;
  }

.subhead_gallery {
	color: #000000;
	font-size: 11px;
	line-height: 15px;
	margin: 30px 0px 25px 10px;
  }  


/* ------------------------ CONTACT ---------------------------- */

.subhead_contakt {
	font-weight: normal;
	line-height: 15px;
	margin: 15px 0px 0px 10px;
}

.formular {
	width: 380px;
	height: 380px;
	margin: 10px 20px 10px 4px;
}
/* ------------------------ FOOTER ---------------------------- */
.footer {
	width: 360px;
	height: 300px;
	background-color: #E2DFD3;
	padding: 10px 10px 10px 5px;
	text-align: left;
	height: 15px;
	clear: both;
}

.spacer {
	
	height: 10px;
	width: 980px;
	background-color: #ffffff;
	clear: both;
}
/* ------------------------ 10-JAHRE ---------------------------- */
.artikel-10 {
	width: 690px;
	text-align: justify;
	margin: 0px 10px 10px 10px;
}

.headline_10 {
	font-size: 11px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#000000;
	font-weight: bold;
}
.subhead_10-jahre {
	line-height: 25px;
	margin: 0px 0px 15px 0px;
  }
  
/*.sub_headline_10 {
	font-size: 11px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#000000;
}*/

.img-10-jahre {
	float: left;
}

/* ------------------------ RÄDER ---------------------------- */
.mood_bike_left {
	width: 220px;
	height: 180px;
	margin: 0px 0px 15px 0px;
	float: left;
}

.mood_bike_right {
	width: 220px;
	height: 180px;
	margin: 0px 0px 15px 25px;
	float: left;
}