/* CSS Document */

body {
	background-image:url(../bilder/surf_hintergrund.jpg);
	font-family:Arial, Helvetica, sans-serif;
	background-repeat:no-repeat;
	color:#000000;
	font-size:11px;
	z-index:1;
	
}
#gesamt{
	width:860px;
	height:auto;
	margin: 0 auto;
	z-index:2;
}
#head{
	background-image:url(../bilder/clean_head.png);
	height:767px;
	width:870px;
	margin: 0 auto;
	background-repeat:no-repeat;
	z-index:15;
}

#background{
	position:relative;
	top:-53px;
	width:870px;
	margin:0 auto;
	background-repeat:repeat-y;
	float:left;
	z-index:20;
	background-image:url(../bilder/bg_repeat.png);

}
#lang{
	height:50px;
	position:relative;
	left:-10px;
	top:-500px;
	float:left;
	border:none;
}
#lang img {
	padding:0px 0px 4px 0px;
	border:none;
}
#lang img a {
	border:none;
}

#foot {
	background-image:url(../bilder/foot2.png);
	background-repeat:no-repeat;
	position:relative;
	top:-53px;
	width: 750px;
	height:101px;
	margin: 0 auto;
	color:red;
	text-align:center;
	padding-top:50px;
	clear:both;
	padding: 0px 0px 0px 130px;
}

#navi{
	height:253px;
	width:155px;
	top:-120px;
	left: -20px;
	position: relative;
	font:Arial, Helvetica, sans-serif;
	fon-size:15px;
	text-align:left;
	padding:20px;
	z-index:100;
	background-image:url(../bilder/navi_01.png);
}

#navi2{
	top:-200px;
	left: -20px;
	width:210px;
	position: relative;
	z-index:99;
}

#rot{
background-image:url(../bilder/rot.png);
height:183px;
width:172px;
position:relative;
top:-473px;
}

#navi_normal{
	height:200px;
	width:150px;
	top:650px;
	left: 50px;
	position: relative;
	font:Arial, Helvetica, sans-serif;
	fon-size:15px;
	text-align:left;
	z-index:50;
}

#bild{
	position:relative;
	left:225px;
	float:left;
	width:200px;
	top:-142px;
	z-index:40;
}
#inhalt{
	position:relative;
	left:275px;
	float:left;
	top:-142px;
	width:300px;
	z-index:50;
}

#inhalt_gross{
	position:relative;
	float:left;
	top:-142px;
	width:560px;
	z-index:50;
	padding: 20px 0px 0px 0px;
}
#inhalt_gross2{
	position:relative;
	float:left;
	top:-142px;
	width:430px;
	z-index:50;
	padding: 20px 0px 0px 0px;
	z-index:120;

}

#inhalt_gross3{
	position:relative;;
	float:left;
	top:-142px;
	width:430px;
	z-index:50;
	line-height:18px;
	padding: 20px 0px 0px 0px;
	z-index:120;
}
#inhalt_gross4{
	position:relative;
	float:left;
	top:-142px;
	width:430px;
	z-index:50;
	padding: 20px 0px 0px 0px;
	z-index:120;
}
#inhalt_gross5{
	position:relative;
	float:left;
	top:-142px;
	width:430px;
	z-index:50;
	padding: 20px 0px 0px 0px;
	z-index:120;
}
#inhalt_gross6{
	position:relative;
	float:left;
	top:-142px;
	width:610px;
	z-index:50;
	padding: 20px 0px 0px 0px;
	z-index:120;
}

#inhalt_gross a{
color:#FF0000;
}
#inhalt_gross a:hover{
color:#990000;
}
#grauer_balken_1zeilen{
	position:relative;
	background-image:url(../bilder/grey_1_boards.png);
	width:351px;
	height:110px;
	padding-left:15px;
	padding-top:11px;
	z-index:50;
	background-repeat:no-repeat;
}

#grauer_balken_2zeilen{
	position:relative;
	background-image:url(../bilder/grey_2_boards.png);
	width:351px;
	height:207px;
	padding-left:15px;
	padding-top:11px;
	z-index:50;
}


#grauer_balken_3zeilen{
	position:relative;
	background-image:url(../bilder/grey_3_boards.png);
	width:351px;
	height:245px;
	padding-left:15px;
	padding-top:11px;
	z-index:50;
}


#grauer_balken_6zeilen{
	position:relative;
	background-image:url(../bilder/grey_6_boards.png);
	width:351px;
	height:345px;
	padding-left:15px;
	padding-top:11px;
	z-index:50;
}

.tabelle_ueberschrift{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-align:left;
	width:301px;
}

.tabelle_text{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:white;
	text-align:left;
	width:321px;
	
}

a { text-decoration:none; font-weight:bold; color:#000000;}
a:visited { text-decoration:none; font-weight:bold; color:#000000;}
a:focus { text-decoration:underline; font-weight:bold; color:#FF0000;}
a:hover { text-decoration:underline; font-weight:bold; color:#FF0000;}

.link { text-decoration:none; font-weight:bold; color:#000000;}
.link:visited { text-decoration:none; font-weight:bold; color:#000000;}
.link:focus { text-decoration:underline; font-weight:bold; color:#FF0000;}
.link:hover { text-decoration:underline; font-weight:bold; color:#FF0000;}
	
#navi a:link { font-weight:bold; font-size: 15px; color:#000000; text-decoration:none; }
#navi a:visited { font-weight:bold; color:#000000; font-size: 15px; text-decoration:none; }
#navi a:focus { font-weight:bold; color:red; font-size: 15px; text-decoration:underline; }
#navi a:hover { font-weight:bold; color:red; font-size: 15px; text-decoration:underline; }	
#navi_normal a:link { font-weight:bold; font-size: 15px; color:white; text-decoration:none; }
#navi_normal  a:visited { font-weight:bold; color:#000000; font-size: 15px; text-decoration:none; }
#navi_normal  a:focus { font-weight:bold; color:red;font-size: 15px; text-decoration:underline; }
#navi_normal  a:hover { font-weight:bold; color:red;;font-size: 15px; text-decoration:underline; }

#foot a:link {font-size: 11px; color:#000000; text-decoration:none; }
#foot a:visited {color:#000000;font-size: 11px; text-decoration:none; }
#foot a:focus {color:red;font-size: 11px; text-decoration:underline; }
#foot a:hover {color:red;;font-size: 11px; text-decoration:underline; }



h1{
	font:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#d10019;
}


h2{
	font:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
	font-size:13px;
	padding-left:5px;
	padding-top:1px;
}

h3{
	font:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
	font-size:11px;
	padding-left:5px;
	padding-top:2px;
}

ul{
padding:0px 0px 0px 20px;
}

li{
padding:0px 0px 0px 10px;
}

.spalte1{
float:left;
width:200px;
}
.spalte2{
float:left;
width:200px;
}

.spalte3{
float:left;
width:200px;
}
.spalte3 h1{
font-size:14px;
padding:0px 0px 0px 0px;
}

#inhalt_gross2 h2{
color:#d10019;
padding:10px 0px 3px 0px;
}

.rot{
color:#d10019;
}
.rot2{
color:#d10019;
float:left; 
font-size:10px;

}
.fett{
font-weight:bold;
}

.links2{
float:left;
padding:0px 10px 0px 0px;
}

.rechts{
float:right;
padding:0px 0px 0px 5px;

}

.rotteam{
color:#d10019;
font-size:20px;
font-weight:bold;
}

#teambilder{
	position:relative;
	width: 203px;
	float: left;
	adding:0px 0px 0px 0px;
}
#teambilderklein{
	position:relative;
	width:203px;
	float:left;
}

#teamtext{
	position:relative;
	float:left;
	width:290px;
	padding: 0px 0px 0px 20px;
	
}	

#div_kategorie{
	width:495px;
	height:144px;
	position:relative;
	background-repeat:no-repeat;
	background-image:url(../boards/produkt_bilder/overview_board/kategorien.jpg);
	padding-top:30px;
	line-height:18px;
	color:#333333;
}

#div_wave{
	position:relative;
	width:96px;
	padding-left:4px;
	float:left;
}
#div_freestyle{
	position:relative;
	width:93px;
	padding-left:5px;
	float:left;
}
#div_slalom{
	position:relative;
	width:99px;
	padding-left:2px;
	float:left;
}
#div_speed{
	position:relative;
	width:93px;
	padding-left:2px;
	float:left;
	}
#div_formula{
	position:relative;
	width:85px;
	padding-left:6px;
	float:left;
}

#div_kategorie a:link { text-decoration:none; font-weight:bold; color:#333333;}
#div_kategorie a:visited { text-decoration:none; font-weight:bold; color:#333333;}
#div_kategorie a:focus { text-decoration:underline; font-weight:bold; color:#333333;}
#div_kategorie a:hover { text-decoration:underline; font-weight:bold; color:#333333;}


.td_links{
	font-weight:bold;
	width:110px;
	vertical-align:top;
	padding-bottom:10px;
}
.td_rechts{
	vertical-align:top;
	paddig_bottom:10px;
}


.news_text{
	font-size:10px;
	float:left;
	text-align:left;

}

#div_news{
	background-color:#FFFFFF;
	background-image:url(../news/news_top.png); 
	background-repeat:no-repeat;
	text-align:left;
	padding:0px 10px 0px 10px;

	width:156px;
	left:0px;
	position:relative;
	float:left;
	top:-115px;
}
 #div_foot{
 	position:relative;
	background-image:url(../news/news_foot.jpg);
	background-repeat:no-repeat;
	left:-10px;
	top:12px;
}
	
.mehr{
	font-size:9px;
	float:right;
	color:#ff0000;
}
	
.news_head{
	font-weight:bold;
	font:Georgia, "Times New Roman", Times, serif;

}
#div_news a:link { text-decoration:none; font-weight:bold; color:#333333;}
#div_news a:visited { text-decoration:none; font-weight:bold; color:#333333;}
#div_news a:focus { text-decoration:none; font-weight:bold; color:#333333;}
#div_news a:hover { text-decoration:none; font-weight:bold; color:#333333;}

#div_news h1{
	color:#FF0000;
	font-size:10px;
	font-weight:bold;
}
#div_news h2{
	font-size:11px;
	font-weight:bold;
	padding:0px;
}

#div_news img{
	border:none;
}

/*################################  NAVI ################################*/
#navi img{
	border:none;
}
.p1{background-image:url(../bilder/p1.png); background-repeat:no-repeat;}
.p2{background-image:url(../bilder/p2.png); background-repeat:no-repeat;}
.p3{background-image:url(../bilder/p3.png); background-repeat:no-repeat;}
.p4{background-image:url(../bilder/p4.png); background-repeat:no-repeat;}
.p5{background-image:url(../bilder/p5.png); background-repeat:no-repeat;}
.p6{background-image:url(../bilder/p6.png); background-repeat:no-repeat;}
.p7{background-image:url(../bilder/p7.png); background-repeat:no-repeat;}

.p1:hover{background-image:url(../bilder/a1.png);}
.p2:hover{background-image:url(../bilder/a2.png);}
.p3:hover{background-image:url(../bilder/a3.png);}
.p4:hover{background-image:url(../bilder/a4.png);}
.p5:hover{background-image:url(../bilder/a5.png);}
.p6:hover{background-image:url(../bilder/a6.png);}
.p7:hover{background-image:url(../bilder/a7.png);}

.p10{background-image:url(../bilder/a1.png); background-repeat:no-repeat;}
.p20{background-image:url(../bilder/a2.png); background-repeat:no-repeat;}
.p30{background-image:url(../bilder/a3.png); background-repeat:no-repeat;}
.p40{background-image:url(../bilder/a4.png); background-repeat:no-repeat;}
.p50{background-image:url(../bilder/a5.png); background-repeat:no-repeat;}
.p60{background-image:url(../bilder/a6.png); background-repeat:no-repeat;}
.p70{background-image:url(../bilder/a7.png); background-repeat:no-repeat;}

#inhalt_gross5 img{
	border:none;
	text-decoration:none;
}

#inhalt_gross5 tr{
	text-align:center;
	vertical-align:top;
}
#inhalt_gross6 h2{
	padding-left:0px;
	font:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
	font-size:13px;
	padding-top:1px;
	color:#d10019;
}
.form_h{
text-align:left;
font-weight:bold;
}
.form_if{
width:300px;
}
.form_f{
text-align:left;
vertical-align:top;
}
.form_i{
text-align:left;
}
.form_ff{
width:300px;
}
.tea{
padding:0px 0px 0px 20px;
position:relative;
top:3px;
}