/* ------------------ Wetterfest Bootsverdecke & Segel-------------------------------------- */

html, body { 
	height: 100%; 
	width: 100%; 
	margin:0; 
	padding:0; 
	background-image:url(../images/bg-welle-neu.jpg);
	background-repeat:repeat-x; 
	font-family: 'Open Sans', sans-serif;
	outline: none; 
}

* html #wrapper { height: 100%;} 


#wrapper {
	position: relative;
	min-height:100%;
    height:auto !important;
	width: 980px;
	margin: 0 auto;
	padding:0 0 55px 0;
	
}

a{	font-family: 'Open Sans', sans-serif;   
	text-decoration:underline;
    color:#1795d0;
    font-weight:normal;
    line-height:18px;
    font-size:15px;
	font-style:italic;
	outline: none;
  

   
    
}

a:hover	{
    text-decoration:none;
    color:#f47920;
    text-decoration:underline;
    line-height:18px;
	outline: none;
   
}


#container{
	position: relative;
	height:auto;
    min-height:890px; 
	width:940px;
	margin:0 auto;
	padding:0;
	z-index:100;
	background-image:url(../images/bg-slider.png);
	background-repeat:no-repeat;
	
}



#content{
	position: relative;
	margin: 0 0 0 0;
	padding: 53px 0 30px 50px;
	height:auto;
	width: 831px;

} 

#content-alternativ{
	position: relative;
	margin: 0 0 0 0;
	padding: 53px 0 30px 50px;
	height:auto;
	width: 831px;
	text-align:center;

} 





.branding{
	position: absolute;
	width: 350px;
	height: 150px;
	background-repeat: no-repeat;
	background-color: transparent;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	outline: none;
	z-index: 0;
	float: left;
	top: 20px;
	left: -2px;
  

}
.spacer {
	display:block; 
	height:auto; 
	font:1px/1 sans-serif; 
	clear:both;
    background-color:transparent;
}




#header{
	position:relative;
	width:918px;
	height:120px;
	padding:0 ;
	margin:0 ;
	z-index:150;
	

}

h1{
	font-family: 'Open Sans', sans-serif;
    color: #00447b;
    text-transform:none;
	font-style:italic;
    line-height: 24px;
    font-size: 18px;
    margin:0;
    padding:0;
    font-weight:bold;
	text-align:center;
	outline: none; 
	  
}

img{
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px; 
	-o-box-radius: 7px;
	border-radius: 7px;
	outline: none;
	
	
	
}


h2{
	font-family: 'Open Sans', sans-serif;
	color:#ff6600;
	padding:0 0 8px 0;
	margin:0 0 0 0;
	font-weight:normal;
	font-style:italic;
	font-size:16px;
	text-transform:none;


}

h3{
	color:#ff6600;
	padding:12px 0 15px 0;
	margin:0 0 0 0;
	font-family: 'Open Sans', sans-serif;
	font-weight:bold;
	font-style:italic;
	font-size:18px;
	text-transform:none;
	  


}

ul,li{
	font-family: 'Open Sans', sans-serif;
    color: #00447b;
    text-transform:none;
	font-style:normal;
    line-height: 24px;
    font-size: 15px;
    margin:0;
    padding:0;
    font-weight:normal;
	
}

p{
	font-family: 'Open Sans', sans-serif;
    color: #00447b;
    text-transform:none;
	font-style:normal;
    line-height: 24px;
    font-size: 15px;
    margin:0;
    padding:0;
    font-weight:normal;
	
	
}

.team{
	font-family: 'Open Sans', sans-serif;
    color: #00447b;
    text-transform:none;
	font-style:italic;
    line-height: 24px;
    font-size: 13px;
    margin:0 135px 0 0;
    padding:12px 0 22px 10px;
    font-weight:normal;
	text-align:left;
	float:left;
	
	
}
	




.hell-blau{	
	font-family: 'Open Sans', sans-serif;
    color: #269cd3;
    text-transform:none;
	font-style:italic;
    line-height: 19px;
    font-size: 17px;
    margin:0;
    padding:0;
    font-weight:bold;
	text-align:center;
}




#slider-container{
	position:relative;
	margin: 72px 0 0 25px;
	padding: 0 0 0 0;
	height: 420px;
	width: 890px;
	display:block;
	
} 


#galerie-container{
	position:relative;
	margin: 72px 0 0 25px;
	padding: 0 0 0 0;
	height: 420px;
	width: 890px;
	display:block;
	
} 

#kontakt-container{
	position: absolute;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: auto;
	width: 300px;
	top: 76px;
	left: 670px;
	
} 


#teaser-container{
	position:relative;
	margin: 0px 0 55px 8px;
	padding: 0 0 0 0;
	height: 283px;
	width: 980px;
	
}

#teaser-container-galerie{
	position:relative;
	margin: 115px 0 30px 40px;
	padding: 0 0 0 0;
	height: 283px;
	width: 970px;
	
}



.teaser-box{
	position:relative;
	margin:0 22px 0 0;
	padding:17px 0 0 17px;
	background-image: url(../images/bg_teaser-box.gif);
	background-repeat: no-repeat;
	height:283px;
	width:203px;
	float:left;
	
}

.teaser-box-hw{
	position:relative;
	margin:0 22px 0 0;
	padding:17px 0 0 17px;
	background-image: url(../images/bg_teaser-box.gif);
	background-repeat: no-repeat;
	height:283px;
	width:203px;
	float:left;

	
}  

.teaser-box-foto{
	position:relative;
	margin:0 0 0 0;
	padding:15px 0 0 15px;
	background-image: url(../images/bg_teaser-box_.gif);
	background-repeat: no-repeat;
	height:283px;
	width:203px;
	float:left;

	
} 


.teaser{
	font-family: 'Open Sans', sans-serif;
    color: #00447b;
    text-transform:none;
	font-style:normal;
    line-height: 15px;
    font-size: 12px;
    margin:0;
    padding:0;
    font-weight:normal;
	text-align:left;
	
}

.teaser-hw{
	position:relative;
    color: #00447b;
    margin:0 0 0 0 ;
    padding:0 0 0 33px ;
    font-weight:bold;
	

	
}

.list-hw, ul{
	position:relative;
	font-family: 'Open Sans', sans-serif;	
	color: #00447b;
	text-transform:none;
	font-style:italic;
	line-height: 25px;
	font-size: 14px;
	margin:0 0 0 10px;
	padding:0 0 0 0 ;
	font-weight:bold;
	
	
}

#footer{
	position:relative;
	margin:0 auto;
	width: 100%;
	background: #1795d0;
	height:96px;
	text-align: center;	

} 

.footer{
	font-family: 'Open Sans', sans-serif;
    color: #ffffff;
    text-transform:none;
	font-style:italic;
    line-height: 20px;
    font-size: 14px;
    margin:0;
    padding:8px;
    font-weight:normal;
	text-align:center;

} 

.footer2{
	font-family: 'Open Sans', sans-serif;
    color: #00447b;
    text-transform:none;
	font-style:italic;
    line-height: 20px;
    font-size: 15px;
    margin:0;
    padding:0;
    font-weight:normal;
	text-align:center;

} 


	
		
#naviAdd {
	position: absolute;
	width: 315px;
	top: 10px;
	right: 637px;
	height: 18px;
	z-index: 500;
	display: inline;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background-repeat: no-repeat;
	text-transform: none;
   
  
}

#naviAdd li {
	list-style-type:none;
	color: #00447b;
	padding:0 4px 0 2px;
	margin:0 0 0 0px;
	font-family: 'Open Sans', sans-serif;
	font-weight:bold;
	font-style:italic;
	font-size:14px;
	list-style-image:none;
	display:inline;
	text-transform:none;
	outline: none;
	
	
 
    
}

#naviAdd li a	{
    color: #00447b;
 	font-size:11px;
	font-family: 'Open Sans', sans-serif;
	font-weight:bold;
	font-style:italic;
	font-size:14px;
	padding:0 0 0 0;
	margin:0 0 0 0;
    text-decoration:none;
	text-transform:none;
	outline: none;
	
   
}

#naviAdd li a:hover	{
	color:#eee;
	padding:0 0 0 0;
	margin:0 0 0 0;
	font-family: 'Open Sans', sans-serif;
	font-weight:bold;
	font-style:italic;
	font-size:14px;
	text-transform:none;
	outline: none;
 
   
}

#naviAdd li a.nav-avtive {
	color:#eee;
	font-size:11px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	font-family: 'Open Sans', sans-serif;
	font-weight:bold;
	font-style:italic;
	font-size:14px;
	text-decoration:none;
	outline: none;
}

#naviAdd li a.nav-avtive:hover,#naviAdd li.active a.nav-avtive ,#naviAdd li.active a.nav-avtive:hover {
	color:#eee;	
	text-decoration:none;
	padding:0 0 0 0;
	margin:0 0 0 0;
	font-family: 'Open Sans', sans-serif;
	font-weight:bold;
	font-style:italic;
	font-size:14px;
	outline: none;
	
}


	 
/*---------------- NAVIGATION --------------------------*/


ul#navi {
	list-style: none;
	position: absolute;
	float: left;
	width: 589px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	left: 340px;
	top: 38px;
	z-index: 500;
    
  
}
ul#navi li {
    list-style-type:none;
	float:left;
	
}

ul#navi li a {
	background:url(../images/navi.png);
	display: block;
	background-repeat:no-repeat;
	text-indent:-9999px;
	height:106px;
	outline: none; 


}



#navi li a.team-werkstatt {
	width:117px;
	background-position: 0 -2px;
	
}

#navi li a.team-werkstatt:hover,#navi li.active a.team-werkstatt,#navi li.active a.team-werkstatt:hover {
	width:117px;
	background-position: 0 -108px;	 	
}




#navi li a.unser-handwerk {
	width:117px;
	background-position:-117px -2px;
	
}

#navi li a.unser-handwerk:hover,#navi li.active a.unser-handwerk,#navi li.active a.unser-handwerk:hover {
	width:117px;
	background-position:-117px -108px;
}




#navi li a.pflegetipps {	
	width:117px;
	background-position:-233px -2px;}

#navi li a.pflegetipps:hover,#navi li.active a.pflegetipps,#navi li.active a.pflegetipps:hover {
	background-position:-233px -107px;
}





#navi li a.fotogalerie {
	width:117px;
	background-position:-348px -2px;}

#navi li a.fotogalerie:hover,#navi li.active a.fotogalerie,#navi li.active a.fotogalerie:hover {
	background-position:-348px -107px;
}

  
#navi li a.kontakt {
	width:111px;
	background-position:-462px -2px;}

#navi li a.kontakt:hover,#navi li.active a.kontakt ,#navi li.active a.kontakt :hover {
	background-position:-462px -107px;
}

div.unser-handwerk {
	width: 170px;
	height: 170px;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	float: left;
	display: block;
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px; 
	-o-box-radius: 7px;
	border-radius: 7px;
	}

    

/*-------------ENDE-----------------------------*/

div.bootsverdecke {
	background:url(../images/bootsverdecke.jpg)left top no-repeat; 
	width: 170px;
	height: 170px;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	float: left;
	display: block;
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px; 
	-o-box-radius: 7px;
	border-radius: 7px;
	}

div.bootsverdecke:hover {
	background:url(../images/bootsverdecke-over.jpg)left bottom no-repeat;
	
	} 
	
	
div.textil-arbeiten {
	background:url(../images/reparaturservice.jpg)left top no-repeat; 
	width: 170px;
	height: 170px;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	float: left;
	display: block;
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px; 
	-o-box-radius: 7px;
	border-radius: 7px;
	}

div.textil-arbeiten:hover {
	background:url(../images/reparaturservice-over.jpg)left bottom no-repeat;
	
	} 
	
	
			
div.vorher-nachher {
	background:url(../images/pflegetipps.jpg)left top no-repeat; 
	width: 170px;
	height: 170px;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	float: left;
	display: block;
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px; 
	-o-box-radius: 7px;
	border-radius: 7px;
	}

div.vorher-nachher:hover {
	background:url(../images/pflegetipps-over.jpg)left bottom no-repeat;
	
	} 

	
	
		
div.wetterfest {
	background:url(../images/mobile-werkstatt.jpg)left top no-repeat; 
	width: 170px;
	height: 170px;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	float: left;
	display: block;
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px; 
	-o-box-radius: 7px;
	border-radius: 7px;
	}

div.wetterfest:hover {
	background:url(../images/mobile-werkstatt-over.jpg)left bottom no-repeat;
	
	}