@charset "utf-8";

@import url("icons.css");

/* CSS Template fr
** Sunflair Bademoden
*/

/* Default Styles */
html, body {
	height: 100%;
	max-height: 100%; }

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #666; text-align: left;
	font-size: 12px; line-height: 15px;
	margin: 0px; padding: 0px; }

a { color: #666; text-decoration: underline; }
a:hover { color: #034EA2; text-decoration: underline; }

img { border: none; }

strong { font-weight: bold; }

.clear  { 
	clear: both; 
	font-size: 0; 
	margin: 0; 
	padding: 0; 
	line-height: 0;
	display: block; 
	}

p {	margin: 0; padding: 0; }
	
p.service { margin: 0 0 15px 0; padding: 0; }

p#index {
	display: block;
	margin: 185px 0 0 119px; padding: 0; }
	
.highlight {
	color: #034EA2; }
	
h1 { }
	
h2 { 
	color: #034EA2; font-size: 18px; 
	margin: 0 0 15px 0; padding: 0; }

h3 { 
	color: #034EA2; font-size: 13px;
	margin: 0 0 5px 0; padding: 0; }

/* Box-Modell */

#wrapper {
	position: absolute;
	top: 2%;
	width: 100%;
	margin: 0; padding: 0;}
#wrapper_exterior {
	display: block;
	margin: 0 auto; padding: 0; 
	position: relative;
	width: 1004px; height: 560px; }

#wrapper_interior {
	width: 1004px;
	height: 529px;
	margin: 0; padding: 30px 0 0 0; }

.interior_index {
	background: url(../gfx/index_bg.png) no-repeat; }

.interior_kollektion {
	background: url(../gfx/kollektion_bg.png) no-repeat; }

.interior_service {
	background: url(../gfx/presse_bg.png) no-repeat; }

/* Navigation - Head */

#sunmarin_logo {
	border: none;
	display: block;
	margin: 0 auto; padding: 0; }

#wrapper_interior ul {
	list-style: none; 
	margin: 0 0 0 80px; padding: 0;
	height: 25px; }

#wrapper_interior ul li {
	float: left; 
	/* margin: 0 42px 0 0;  */
	margin: 0 30px 0 0;
	padding: 0;
	font-size: 13px; line-height: 16px;
	text-transform: uppercase; }
	
#wrapper_interior ul li.nav_special {
	float: right; 
	margin: 0;
	padding-right: 135px;	/* 105px */
	}

*html #wrapper_interior ul li.nav_special{
	float: right; 
	padding-right: 42px;
	}

.nav_main a { color: #BBBBBB; text-decoration: none; }
.nav_main a:hover { color: #034EA2; text-decoration: none; }
.nav_main_active a { color: #034EA2; text-decoration: none; }
.nav_main_active a:hover { color: #BBBBBB; text-decoration: none; }

/* Navigation - Foot */

#foot_wrapper {
	width: 891px;
	margin: 12px 0 0 0; padding: 0 33px 0 80px; }

#foot_wrapper #languages {
	float: left;
	width: 300px;
	padding: 0; margin: 0; }

#foot_wrapper #foot_nav {
	float: right;
	width: 591px;
	padding: 0; margin: 0;
	text-align: right;
	font-size: 10px;
	line-height: 150%;
	}

#foot_wrapper #languages ul {
	list-style: none; 
	margin: 0; padding: 0; }

#foot_wrapper #languages ul li {
	float: left; 
	margin: 0 10px 0 0; padding: 0; 
	font-size: 10px; line-height: 16px;
	text-transform: uppercase;
	color: #AAB3BD; }
	
#foot_wrapper #foot_nav ul {
	list-style: none; 
	margin: 0; padding: 0; }

#foot_wrapper #foot_nav ul li {
	float: right; 
	margin: 0; padding: 0; 
	font-size: 10px; line-height: 16px;
	color: #AAB3BD; }

.nohighlight { text-decoration: none; }

/* Index */

#index_kollektion {
	height: 200px;
	margin: 50px 0 0 119px; padding: 0; }

#index_kollektion .frames {
	width: 150px; height: 180px;
	padding: 5px; margin: 0 57px 0 0;
	background-color: #fff;
	float: left; }

#index_kollektion .frames .link { 
	float: right;
	text-align: right;
	padding: 0; margin: 7px 0 0 0;
	width: 75px; }

#index_kollektion .frames .kollektion { 
	float: left;
	padding: 0; margin: 9px 0 0 0;
	width: 70px; 
	color: #00B48D; font-weight: bold; text-transform: uppercase; }
	
/* Kollektion */

#kollektion_wrapper { 
	padding: 20px 0 0 80px; margin: 0;  }

#kollektion_list {
	float: left;
	width: 175px;
	margin: 0; padding: 0; }

#kollektion_details {
	float: left;
	width: 732px;
	margin: 0 0 0 15px; padding: 0; }

#kollektion_paging {
	float: right;
	margin-right: 30px;
	width: 40px;
	z-index: 10; }

*html #kollektion_paging {
	margin-right: 15px;
}
	
#kollektion_list ol {
	list-style: none; 
	margin: 0; padding: 0 0 5px 20px; }

#kollektion_list ol li {
	margin: 0 0 5px 0; padding: 0; 
	text-decoration: none; }

#kollektion_list ol li a {
	text-decoration: none; }

.kollektion_frames {
	width: 110px; height: 205px;
	padding: 20px 20px 0px 20px; margin: 0px 15px 18px 0;
	background-color: #fff;
	float: left; }

/*.kollektion_frames .article { 
	float: right;
	text-align: right;
	padding: 0; margin: 2px 0 0 0;
	color: #00B48D;
	width: 39px; }*/

.kollektion_frames .dessin { 
	float: left;
	padding: 0; margin: 2px 0 0 0;
	width: 98px; 
	color: #42576D; }

.nav_sub a { color: #666; text-decoration: none; }
.nav_sub a:hover { color: #034EA2; text-decoration: none; }
.nav_sub_active a { color: #034EA2; text-decoration: none; }
.nav_sub_active a:hover { color: #666; text-decoration: none; }

/* Service */

#service_navigator { 
	width: 800px;
	margin: 50px 0 0 119px; padding: 0; }

#service_navigator table {
	color: #000;
	width: inherit;
	border-top: 1px solid #034EA2;
	border-left: 1px solid #034EA2; }
	
#service_navigator tr {	
	text-align: center;	 }
	
#service_navigator td {
	padding: 3px; 
	border-bottom: 1px solid #034EA2;
	border-right: 1px solid #034EA2; }
	
#service_navigator td.left {
	text-align: left;
	width: 50px; }	

/* News / Impressum */

#news_list {
	float: left; 
	margin-right: 15px; padding: 0px; 
	width: 200px; }

#news_details {
	float: left; 
	margin-left: 15px; padding: 0px; 
	width: 550px; }

/* Disclaimer Popup*/

#disclaimer_description {
	display: block;
	position: relative;
	width: 575px; height: 590px;
	padding: 20px 20px 10px 20px;
	margin: -295px auto;
	background: #CDF0E9; }
	
#disclaimer_description #disclaimer_details {
	height: 540px;
	margin: 0px;
	padding: 0px; }

#disclaimer_description #close {
	text-align: right;
	margin: 0px;
	padding: 0px 0px 0px 0px; }
	
/* Kontakt Formular */

.warning {
   color: #990000;
}
.error {
   color: #990000;
}
.hint {
   color: #990000;
}
.input_button {
   background-color: #D9ECEC;
   padding: 3px 3px 8px;
   height: 15px;
   border: 1px solid #666;
}
form {
   margin: 0;
   padding: 0;
}
select {
   height: 18px;
   border: 1px solid #666;
}
input {
   border: 1px solid #666;
}
textarea {
   margin: 15px 0 0 0;
   padding: 0;
   width: 366px;
   height: 90px;
   border: 1px solid #666;
}
.buttons {
   color: #034EA2;
   text-decoration: none;
   background: url(gfx/spacer.gif) repeat;
   border: none;
   padding: 0px;
   margin: 0px;
}
	
.input_root {
   border-width: 0;
}
.kontakt_abstand {
   margin: 0 0 0 0px;
   padding: 15px 0px 0px 0px;
}
.kontakt_abstand_buttons {
   margin: 0 0 0 -4px;
   padding: 15px 0px 0px 0px;
}
html* .kontakt_abstand_buttons {
   margin: 0 0 0 -17px;
   padding: 15px 0px 0px 0px;
}
.kontakt_abstand_short {
   margin: 0px;
   padding: 15px 0px 0px 0px;;
}
.kontakt_plz {
   margin: 5px 0px 0px 0px;
   padding: 0px;
   width: 40px;
}
.kontakt_ort {
   margin: 5px 0px 0px 5px;
   padding: 0px;
   width: 235px;
}
.kontakt_telefon {
   margin: 5px 0px 0px 15px;
   padding: 0;
   width: 232px;
}
.kontakt_clearall {
   clear: left;
}
.kontakt_textarea {
	margin: 0; padding: 0; 
}
.kontakt_name {
   margin: 0px;
   padding: 7px 0px 0px 0px;
   width: 78px;
   float: left;
}
.kontakt_input {
   margin: 5px 0px 0px 0px;
   padding: 0px;
   width: 285px;
}
.kontakt_captchapic {
	margin: 0 10px 0 0;
}
.kontakt_captcha {
	margin: 0 0 0 10px;
}

/* Lightbox Popup - DO NOT MODIFY!! */

#artikel_details { 
	display: block;
	position: relative;
	width: 350px; height: 500px; 	
	padding: 15px 15px 25px 15px; margin: -270px auto; 
	background-color: #CDF0E9; }

#lightbox{
	display:none;
	position: absolute;
	top:50%;
	width: 100%;
	margin: 0; padding: 0;
	z-index:6668;
	background: url(../gfx/spacer.gif) repeat;
}
#lightbox[id]{
	position:fixed;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#fff;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
}
#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
	margin: 0px auto;
}
#lightbox.done #lbContent{
	display:block;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage{
	display:block;
}

#lightbox.done img{
	width:100%;
	height:100%;
}