@charset "UTF-8";

/*-------------------------------------------------------------------------------------- Normalisieren  Normalisieren-------------------*/

	/* margin, padding normalisieren*/
	body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
	{ margin : 0; padding : 0; }  
	/* h -  berschriften normalisieren */
	h1,h2,h3,h4,h5,h6 { font-size : 100%; }
	/* list-style deaktivieren */
	ol,ul {list-style : none;}
	/* font-style und font-weight normalisieren */
	address, caption, cite, code, dfn, em, strong, th, var
	{ font-style : normal; font-weight : normal; }
	/* table normalisieren */
	table { border-collapse : collapse; border-spacing : 0; }
	/* boarder = 0 */
	fieldset,img { border : 0; }
	/* linke Ausrichtung */
	caption,th { text-align : left; }
	/* Anf hrungszeichen entfernen */
	q:before, q:after { content :''; }
	/*Underline weg und schwarz*/
	a:link, a:visited{text-decoration:none; color:#000;}
/*-------------------------------------------------------------------------------------- MAIN MAIN MAIN ---------------------*/	
html{
background-color:#FFF;

}
body{
	background: url(../Bilder/pat/tileable_wood_texture.png);
	font-family:Arial, Helvetica, sans-serif;
}
/*-------------------------------------------------------------------------------------- FORMATE FORMATE FORMATE ---------------------*/	


.teile{
	width:1030px;
	height:900px;
/*	background:#000;*/
/*	border-bottom:#333 solid 3px;*/
	background-size:100%;
}
.teile_links{
	width:300px;
	height:900px;
	float:left;
}
.teile_rechts{
	width:730px;
	height:900px;
	float:right;
}
 
.links{
	height:80px;
}
.impr{
font-size: 30pt;

}

/*-------------------------------------------------------------------------------------- Produkte Nav Logik ---------------------*/	
#unter_nav{
	margin:30px 0 0 400px;
	position: absolute;
}

#unter_nav li {
	margin: 10px;
}

.prod_bild {
	width: 150px;
	height: 150px;
	margin-bottom: 20px;
	display: block;
}
.red{
	width:150px;
	display:block;
	float:left;
	color: red;
}

.redagain {
	color: #f81712;
}
#b_snowboard,#b_mountainboard,#b_kiteboard,#b_kite {

	width: 220px;
	height: 200px;
	display: block;
	margin-bottom: 20px;
}
#b_snowboard{
	background: url(../Bilder/b_snowboard.jpg) no-repeat top left;
}
#b_mountainboard{
	background: url(../Bilder/b_mountainboard.jpg) no-repeat top left;
}
#b_kiteboard{
	background: url(../Bilder/b_kiteboard.jpg) no-repeat top left;
}
#b_kite {
	background: url(../Bilder/b_kite.jpg) no-repeat top left;
}
#unter_nav li a{
	background-color:#FFF;
	font-size:20pt;
	padding-left: 20px;
	height: auto;
	width: 250px;
	color: #000;
	text-indent:0px;
}
#pr_cont{
	width:660px;
	height:900px;
	overflow:hidden;
	color: #FFF;

}
.fix{
	width:100%;
	height:100%;
	padding-top:30px;

}
.inner{
background-color: #000;

margin-left: 157px;
margin-right: 10px;
padding: 10px 40px 40px 30px;
}
#top_links{
		margin:60px 50px 0px 100px;
}
#top_links li{
	display:inline;
	}
#top_links a{
	color:#e2221e;	
	font-weight:bolder;
	display:inline;
	font-size:14pt;	
	text-shadow: 4px 4px 0 rgba(255,255,255,1)
/*	


	letter-spacing:-1px; 
*/
}
.up{
	text-transform: uppercase;
	}
/*-------------------------------------------------------------------------------------- 1 1 1 ---------------------*/	
#home_r {
	background:url(../Bilder/bg/bg_02.png) no-repeat top left;

}
#home_l {
	background:url(../Bilder/bg/bg_01.png) no-repeat top left;
}
#bild{
	background:url(../Bilder/boarders.jpg) no-repeat;
	height:383px;
	width:459px;
	margin:50px 0 0 255px;
}
#home_r p{
	font-weight:bolder;
	color:#CCC;
	font-size:14pt;
	letter-spacing:-1px;
	margin:60px 50px 0px 100px;
}
#home_r p a{
	
	}
h1{
	font-weight:bolder;
	color:#FFF;
	background-color:#000;
	font-size:30pt;
	margin:60px 0px 0 60px;
	padding:10px 30px;
	letter-spacing:-3px;
	}
h2{
	font-weight:bolder;
	color:#F00;
	background-color:#000;
	font-size:24pt;
	margin:0px 0px 0px 60px;
	padding:0px 10px 30px 50px;
	line-height:0%;
	letter-spacing:1px;
}
h3{
	font-size:20pt;
	padding: 10px 0;
}
p, div, a, span{
	font-size: 10pt;
}
#pr_cont a {
	color: white;
}
/*-------------------------------------------------------------------------------------- 2 2 2 ---------------------*/	
#produkte_r{
	background:url(../Bilder/bg/bg_05.gif) no-repeat top left;

}
#produkte_l{
	background:url(../Bilder/bg/bg_04.gif) no-repeat top left;
}

#inhalt_pr{
	color:#FFFF9D;

}
/*-------------------------------------------------------------------------------------- 3 3 3 ---------------------*/	
#kontakt_r{
	background:url(../Bilder/bg/bg_07.gif) no-repeat top left;
}
#kontakt_l{
	background:url(../Bilder/bg/bg_06.gif) no-repeat top left;
}

#anfahrt{
	background:url(../Bilder/anfahrt.jpg) no-repeat;
	height:282px;
	width:400px;
	display: block;
	margin:10px 0;
}
.black{
	width:150px;
	display:block;
	float:left;
	color: #343434;
}

.blackagain {
	color: #343434;
	text-shadow:2px 2px 0 rgba(255,5,5,0.3);
}

#inhalt_k {
	margin-left:130px;
	margin-right:30px;

	padding: 70px 40px 40px 40px ;	
}
/*-------------------------------------------------------------------------------------- 4 4 4 ---------------------*/	
#events_r{
	background:url(../Bilder/bg/bg_09.gif) no-repeat top left;
}
#events_l{
	background:url(../Bilder/bg/bg_08.gif) no-repeat top left;
}
#event{
width: 370px;
margin: 50px 0 0 140px;
	}
/*-------------------------------------------------------------------------------------- 5 5 5 ---------------------*/	
#foto_r{
	background:url(../Bilder/bg/bg_11.gif) no-repeat top left;
}
#foto_l{
	background:url(../Bilder/bg/bg_10.gif) no-repeat top left;
}
#container{
	margin:12px 0 0 150px;
}
/*-------------------------------------------------------------------------------------- 6 6 6 ---------------------*/	
#service_r{
	background:url(../Bilder/bg/bg_13.png) no-repeat top left;
}
#service_l{
	background:url(../Bilder/bg/bg_12.png) no-repeat top left;
}
#serv_beschr{
	color: #fffeff;
	margin:60px 30px 0 100px;
	padding:40px;
	background:#000;
}
#gross{
	font-size:16pt;
	font-weight: bold;
}
#mittelgross{

font-size: 13pt;
font-weight: bold;

}
/*--------------------------------------------------------------------------------------NAVIGATION ---------------------*/	
.link{
	text-indent:-9999px;
	display:block;
	height:80px;
	width:300px;
	outline-color:#FFF;
}
#nav_haupt li{ 
}
/*#nav_1{background:no-repeat url(../Bilder/b_boards-trans.png);}
#nav_2{background:no-repeat url(../Bilder/b_kontakt-trans.png); margin-left:100px;}
#nav_3{background:no-repeat url(../Bilder/b_events-trans.png);}
#nav_4{background:no-repeat url(../Bilder/b_fotos-trans.png); margin-left:60px;}
#nav_5{background:no-repeat url(../Bilder/b_service-trans.png);}*/
 
#navigation{
	left:30px;
	height:auto;
	width:300px;
	position:fixed;
	float:left;
	top:5%;

}
#logo{
	background:url(../Bilder/logo.png) no-repeat;
	height:100px;
	width:300px;
	margin-bottom:20%;
}
#nav_haupt{
	background:no-repeat url(../Bilder/buttons-trans.png);
	height:432px;
	width:300px;
}

#kontaktdaten, #oeffnungszeiten{
	font-weight:bolder;
	color:#FFF;
	background-color:#000;
	font-size: 20pt;
	margin:35px 0px 0px 80px;
	padding:10px 40px;
	letter-spacing:-2px;
}