@charset "utf-8";

.pic_team {

	width: 125px;

	height: 147px;

	float:left;

	margin-top: 0;

	margin-right: 20px;

	margin-bottom: 0;

	margin-left: 0;

}

/* CSS Document */



/* Generelles */

html, body, div, span, applet, object, iframe, img, h1, h2, h3, h4, h5, h6, * {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 12px;

	line-height:140%;

}



html, body {

	margin:0;

	padding:0;

/*  height:100,1%;  */	

	font-family:Verdana, Arial, Helvetica, sans-serif;

	color:#666;

}



body {

	background-color:#ccc;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	text-align: center; 

}



p {

}





ul, li {

	list-style-image:none;

	list-style-type:none;

}



div {

	text-align: left; /* text-align:center wieder aufheben, damit DIV-Inhalte linksbündig ausgerichtet sind */

}



h1 {

	font-weight:normal;

	font-size: 22px;

	color:#33ccff;

	padding-bottom:10px;

}



h2 {

	font-size: 16px;

	color:#33ccff;

	padding:10px 0;

	font-weight:bold;

}



h3 {

	font-size: 12px;

	font-weight:bold;

	color:#ec1c24;

	padding-bottom:10px;

	letter-spacing:1px;

}





h4 {

	font-size: 12px;

	font-weight:bold;

	color:#ec1c24;

	padding:10px 0;

	letter-spacing:1px;

}



a, a:link, a:visited, a:active {

	text-decoration:none;

	color: #999;

}



a:hover {

	text-decoration:none;

	color: #ec1c24;

}



/*  Page Wrapper */

div#page_wrapper {

	margin:0 auto; /* Seite zentriert */

	width:980px;	/*               */

}



/*  Header  */

/*  header_wrapper: beinhaltet header_top, header_main (kontakt, anfahrt, impressum - Sprachuaswahl - Logo) und header_padding  */

#header_wrapper {

	width:980px;

	height:125px;

	margin-top:20px; /*  Abstand vom Browserfenster (Höhe)  */

}



/*  header_top */

#header_top {

	width:980px;

	height:25px;

	background-image:url(../img/header_top_bg.png);

	background-position:center top;

	background-repeat:no-repeat;

}



/*  header_main */

#header_main {

	width:980px;

	height:85px;

	background-image:url(../img/header_main_bg.png);

	background-position:center;

	background-repeat:repeat-y;

}



/*  Kontakt Anfahrt Impressum */

#header_kontakt {

	font-family:Arial, Helvetica, sans-serif;

	height:30px;

	width:200px;

	margin-left: 30px;

	position:absolute;

	font-size:10px;

	letter-spacing: 1px;

}



/*  Sprachauswahl */

#header_sprache {

	font-family:Arial, Helvetica, sans-serif;

	height:30px;

	width:200px;

	margin: 70px 0 0 30px;

	position:absolute;

	font-size:10px;

	letter-spacing: 1px;

}



/*  Claim Emotionen erleben */

#header_claim {

	height:85px;

	width:320px;

	margin: 0 0 0 248px;

	position:absolute;

}



/*  Logo */

#header_logo {

	height:82px;

	width:202px;

	margin: 0 0 0 748px;

	position:absolute;

}



/*  header_padding */

#header_padding {

	clear:both;

	width:980px;

	height:15px;

	background-image:url(../img/header_main_bg.png);

	background-position:center top;

	background-repeat:repeat-y;

}



/*  Header 2: Beinhaltet HauptNavi und Showcase */

/*  header2_wrapper */

#header2_wrapper {

	width:980px;

	height:240px;

	background-image:url(../img/header_main_bg.png);

	background-position:center top;

	background-repeat:repeat-y;

}



/*  header2 Navi */

#header2_navi_container_outer {

	width:250px;

	height:240px;

	margin: 0;

	float:left;

}



#header2_navi_container {

	width:220px;

	height:240px;

	margin: 0 0 0 30px;

/*  	float:left; */

	background-image:url(../img/nav1_bg.jpg);

	background-position:center;

	background-repeat:repeat-y;

}



#header2_navi_container a {

	color:#999;

	display:block;

	font-size:18px;

	font-weight:normal;

	height:20px;

	width:180px;

	padding: 20px 0 20px 20px;

	letter-spacing:1px;

}



#header2_navi_container a:hover {

	color:#ec1c24;

}



/*  header2 Showcase */

#header_2_showcase {

	width:700px;

	height:240px;

	margin-left:250px;

	background-color:#009999;

	background-image:url(../seasons/slide_images_start/1.jpg);

	background-position:center;

	background-repeat:no-repeat;

}



/*  header2_padding */

#header2_padding {

	clear:both;

	width:980px;

	height:30px;

	background-image:url(../img/header_main_bg.png);

	background-position:center top;

	background-repeat:repeat-y;

}



/*  content */

/*  content*/

#content_wrapper_3sp {

	width:980px;

	background-image:url(../img/content_bg_3sp.png);

	background-position:center top;

	background-repeat:repeat-y;

	overflow:hidden;

}



#content_inner_3sp {

	width:920px;

	margin:0 30px;

}



#left_3sp {

/* 	background-color:#993300;  nur zum Layout */

	width: 200px;

	padding:10px;

	float:left;

}



#main_3sp {

/* 	background-color:#FFFF00;   nur zum Layout */

	width: 510px;

	padding:10px;

	float:left;

}



#right_3sp {

/* 	background-color:#00FF00;   nur zum Layout */

	width: 150px;

	padding:10px;

	float:left;

}



#content_wrapper_2sp {

	width:980px;

	background-image:url(../img/content_bg_2sp.png);

	background-position:center top;

	background-repeat:repeat-y;

	overflow:hidden;

}



#content_inner_2sp {

	width:920px;

	margin:0 30px;

}



#left_2sp {

/* 	background-color:#993300;  nur zum Layout */

	width: 200px;

	padding:10px;

	float:left;

}



#main_2sp {

/* 	background-color:#FFFF00;   nur zum Layout */

	width: 680px;

	padding:10px;

	float:left;

}



#main_2sp a, #main_2sp a:link, #main_2sp a:visited, #main_2sp a:active,

#main_3sp_3sp a, #main_3sp a:link, #main_3sp a:visited, #main_3sp a:active {

	color: #ec1c24;

	text-decoration:none;

	display: inline-block;

	padding-right: 13px;

	background-color: transparent;

	background-image: url(../img/pflei-rot.png);

	background-repeat: no-repeat;

	background-attachment: scroll;

	background-position: right center;

}



#main_2sp a:hover, #main_3sp a:hover { 

	color: #999;

	text-decoration:none;

}



#main_occasion {

/* 	background-color:#FFFF00;   nur zum Layout */

	width: 680px;

	height:600px;

}





#main_2sp li, #main_3sp li { 

	text-decoration:none;

	list-style-image:url(../img/bullit-grau.png);

	margin-left:20px;

	padding:3px 0;

}







/*  Der Footer  */

#footer_wrapper {

	width:980px;

	background-image:url(../img/header_main_bg.png);

	background-position:center top;

	background-repeat:repeat-y;

}



#footer_inner {

	width:920px;

	height:60px;

	margin: 0 30px;

	background-color:#999999;

	color:#eee;	

}



#footer_inner a, #footer_inner a:link, #footer_inner a:visited, #footer_inner a:active {

	color:#f5f5f5;

	}

	

#footer_inner a:hover {

	color:#ec1c24;

	}



.footer_content {

	float:left;

/* 	height:40px; */

	padding: 10px 10px 0 10px;

	color:#eee;	

}



.footer_content_padding {

	float:left;

/* 	height:40px; */

	padding: 10px 10px 0 10px;

	color:#eee;

	width:40px;

}



#footer_padding {

	clear:both;

	width:980px;

	height:30px;

	background-image:url(../img/header_main_bg.png);

	background-position:center top;

	background-repeat:repeat-y;

}



#footer_ende {

	width:980px;

	height:25px;

	background-image:url(../img/footer_ende_bg.png);

	background-position:center top;

	background-repeat:no-repeat;

}



 /* Krueger Rot (Klasse) */ 

.krueger_red {

	color: #ec1c24;

}



 /* Float containers fix */ 

.clearfix:after {

	content: "."; display: block; height: 0; clear: both; visibility: hidden;

 }

 

.clear_float {clear:both;}

 

.clearfix{display: inline-block;}



* html .clearfix {height: 1%;}

.clearfix{display: block;}





/* Content Typo - wie sieht was aus  */  



.bild_links {

	float:left; margin: 0 10px 0px 0;

}



.bild_rechts {

	float:right; margin: 0 0 5px 10px;

}



.box {

/*	background:#f5f5f5;   */ 

	/* height:140px; */  

	background:#fff;

	margin-bottom:6px;

	margin-left:3px;

	padding:10px;

	width:480px;

	margin:10px 0;

	overflow:hidden;

	border-bottom:1px dotted #999; 

}



.box:hover {

	background:#f5f5f5;

}



box.content {

}



box.content a, box.content a:link, box.content a:visited, box.content a:active {

	color: #ec1c24;

	text-decoration:none;

	display: inline-block;

	padding-right: 10px;

	background-color: transparent;

	background-image: url(../img/pflei-rot.png);

	background-repeat: no-repeat;

	background-attachment: scroll;

	background-position: right center;

}



box.content a:hover { 

	color: #333333;

	text-decoration:none;

}



box.content li {

	list-style: url(../seasons/img/krueger-li.gif);

	margin-left:20px;

}



/* Infospalte standard */

.info {

/* 	background-color:#FFFF00;   nur zum Layout */

	color: #999999;

	width: 100%;

	padding:10px 0 10px 0;

	border-bottom: 1px dotted #999;

}



.info_heading {

	font-weight:bold;

	padding-bottom:5px;

	}



.info a, .info a:link, .info a:visited, .info a:active {

	color: #999999;

	text-decoration:none;

	display: inline-block;

	padding-right: 20px;

	background-color: transparent;

	background-image: url(../seasons/img/pfeil-season_dk.gif);

	background-repeat: no-repeat;

	background-attachment: scroll;

	background-position: right center;

}



.info a:hover {

	text-decoration:none;

}



.nav_boote_head {

	color: #999;

	width: 180px;

	padding: 10px 0 15px 0;

	display:block;

	font-weight:bold;

}



.nav_boote {

	color: #999999;

	width: 170px;

	height:30px;

	padding: 10px 15px 15px 20px;	

	display:block;

	background-color:#CCCCCC;

}



.nav_boote a, .nav_boote a:link, .nav_boote a:visited, .nav_boote a:active {

	color: #ec1c24;

	text-decoration:none;

	display: block;

	padding-right: 15px;

	background-color: transparent;

	background-image: url(../img/pflei-rot.png);

	background-repeat: no-repeat;

	background-attachment: scroll;

	background-position: right center;

}



.nav_boote a:hover {

	color: #999;

	text-decoration:none;

	background-color:#FFFFFF;

}



#nav_boote_container {

	margin:0;

	padding:0;

}



		

/* ein neuer test */ 		

ul#navigation {

  width:    		200px;

  height:    		30px;

  margin:    		0;

  padding:    		0;

  list-style:    	none;

}



ul#navigation li {

  margin:    		0;

  padding:    		0 0 0 10px;

  text-align:    	left;

  border-bottom:solid 1px #fff;

}



ul#navigation li a {

	display:block;

	height: 30px;

	width: 130px;

	padding:12px 0 0 70px;

	text-decoration: none;

	color: #ec1c24;

	letter-spacing:1px;

}



ul#navigation li a:hover {



}



.nav_nimbus {background-image:url(../img/nav_boote/nav_nimbus.png);background-position:center left;background-repeat: no-repeat;}

.nav_frauscher {background-image:url(../img/nav_boote/nav_frauscher.png);background-position:center left;background-repeat: no-repeat;}

.nav_sunseeker {background-image:url(../img/nav_boote/nav_sunseeker.png);background-position:center left;background-repeat: no-repeat;}

.nav_apreamare {background-image:url(../img/nav_boote/nav_apreamare.png);background-position:center left;background-repeat: no-repeat;}

.nav_elan {background-image:url(../img/nav_boote/nav_elan.png);background-position:center left;background-repeat: no-repeat;}

.nav_fjord {background-image:url(../img/nav_boote/nav_fjord.png);background-position:center left;background-repeat: no-repeat;}

.nav_krueger {background-image:url(../img/nav_boote/nav_krueger.png);background-position:center left;background-repeat: no-repeat;}

.nav_pegiva {background-image:url(../img/nav_boote/nav_pegiva.png);background-position:center left;background-repeat: no-repeat;}



.pic_116_80 {

	width: 116px;

	height: 80px;

	float:left;

	margin: 0 20px 0 0;

}


/* Kontakt "Button" soll rot sein für DE-Seiten */ 	
#kontakt, #kontakt a, #kontakt a:link, #kontakt a:visited, #kontakt a:active {
	text-decoration:none;
	color: #ec1c24;}

#kontakt a:hover {
	text-decoration:underline;
	color: #999;}
	
/* Contact "Button" soll rot sein für EN-Seiten */ 	
#contact, #contact a, #contact a:link, #contact a:visited, #contact a:active {
	text-decoration:none;
	color: #ec1c24;}

#contact a:hover {
	text-decoration:underline;
	color: #999;}