* { margin: 0; padding: 0 }

body  {
	color: #4d4d4f;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-image: url(../images/pageBG.jpg);
	background-repeat: repeat-x;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
h2 {
	
	height:30px;
	font-size: 26px;
	color: #006196;
	margin-bottom: 10px;
}
iframe { border-style: none }
ul { list-style-type: none }
a { color: #4d4d4f; text-decoration: none }
a:hover { text-decoration: underline }
p {
	padding-bottom: 10px;
}
table { width: 100% }
th, td { 
	vertical-align: top; 
	text-align: left;
}
img { border-style: none }
hr {
	
	border-top-width: thin;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top-color:#808080;
}
#overlay { position: fixed; z-index: 90; filter:alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: #000; }
#highlightContainer { position: absolute; z-index: 91;  font: 12px Verdana, Tahoma, sans-serif; left: 0px;}

.block { margin-bottom: 0px }
.clear   { font-size: 0; line-height: 0; height: 0; clear: both }
.indent {
	padding-left: 20px;
}
.verlauf_main{margin-top:34px; left:0px;top:0px;}
.verlauf_img{background-image:url(/images/bluesea_verlauf2.png);background-position:right center; background-repeat:no-repeat;height:33px;z-index:89;}
.verlauf_txt{
	padding:3px 5px 0 10px; 
	height:30px;
	margin-right:190px;
	background-color:#ffffff;
	font-size:22px;
	color:#006196;
	z-index:99;
	overflow:visible;
	white-space: nowrap;}
.ar { text-align: right }
.ac { text-align: center }
.al { text-align: left }
*html .input,  textarea,  select,  .text { padding-top: 0; padding-bottom: 0 }
select { padding: 1px; width: 100% }
option { padding-right: 20px; padding-left: 3px }
.submit  { color: white; background-color: #72b63b; background-image: none; cursor: pointer; padding-top: 1px; padding-bottom: 1px; vertical-align: middle; border: solid 1px #c4d2da }
#pagewrapper { margin-right: auto; margin-left: auto; position: relative; width: 940px}
#header {
	position: relative;
	overflow: hidden;
	height: 66px;
}
#logo {
	background-image: url(../images/Logo.jpg);
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	top: 0px;
	width: 146px;
	height: 55px;
	left: 0px;
}
#logo h1, #logo h2 { display: none }
#mainNav  {
	position: absolute;
	top: 23px;
	background-image: url(../images/Trenner.gif);
	background-repeat: repeat-x;
	padding-left: 1px;
	right: 0px;
}
#mainNav li {
	float: left;
}
#mainNav li a {
	background-image: url(../images/Nav_BG.gif);
	background-repeat: repeat-x;
	display: block;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	height: 22px;
	margin-right: 1px;
	color: #333333;
}
#mainNav li a.active {
	background-image: url(../images/Nav_active_BG.gif);
}
#content  { text-align: left; margin-top: 10px; position: relative; width: 950px;  clear: both; overflow: hidden }
#content div { position: relative; }
#content .left, #content .mid, #content .right { width: 303px; float: left; }
#content .left, #content .mid { margin-right: 11px; }
#content .twocol { width: 617px; }
#headcontent  { background-image: url("../images/Headcontent_BG.jpg"); background-repeat: no-repeat; padding-top: 0px; padding-left: 7px; height: 288px }
#bodycontent  { padding-left: 7px; height: 100%; clear: both }
#footer    { font-size: 10px; background-image: url("../images/Footer_BG.gif"); background-repeat: no-repeat; text-align: right; margin-top: 5px; padding: 12px 50px 10px 10px; position: relative; height: 23px; clear: both }
.cthead1 {
	position: relative;
	display: block;
	padding-top: 0px;
	background-repeat: no-repeat;
	overflow: hidden;
	height: 121px;
}
.cthead2 {
	position: relative;
	display: block;
	padding-top: 41px;
	background-repeat: no-repeat;
	overflow: hidden;
	height: 78px;
}

#content a:hover {
	text-decoration: none;
	border: none;
}
a.cthead1:hover, a.cthead2:hover {
	text-decoration: none;
}
#content .hovercontent  { color: #ffffff; text-decoration: none; display: block; padding-right: 10px; padding-left: 10px; position: absolute; left: -1000px }
#content a:hover .hovercontent {
	left: 0px;
}
#content .hoverhide {
	display: block;
	position: absolute;
	left: 0px;
}
#content a:hover .hoverhide {
	left: -1000px;
}
.cthead1 .hoverhide, .cthead1 .hovercontent{
	top: 47px;
}
.cthead2 .hoverhide, .cthead2 .hovercontent {
	top: 41px;
}
.info  { color: #ffffff; text-align: justify; padding: 0px 15px 15px; overflow: hidden }
.headline{
	height:60px;padding:25px 10px 10px 0;text-align: left; 
}
.info .large-image{}
#info {
	background-image: url(../images/Start_Info_BG.gif);
	background-repeat: no-repeat;
	padding-top: 15px;
	height: 260px;
}
.info h2 {
	font-size: 18px;
	padding-bottom: 5px;
	clear: both;
}
#info img {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}
.info a  { color: #ffffff; font-weight: bold; text-decoration: none; padding-bottom: 10px }
#kontaktinfo {
	height: 268px;
}
#kontaktinfo .top-image{
	width:120px;
}
#kontaktinfo img {
	float: right;
	padding-bottom: 10px;
	padding-left: 10px;
}
#kontaktinfo h4 {
	font-size: 16px;
}
#kontaktinfo {
	background-image: url(../images/ENTWURF_Events_03.gif);
	background-repeat: no-repeat;
}
#kontaktinfo .kontaktperson {
	clear: both;
	margin-top:10px;margin-bottom:15px;
}
#kontaktinfo .kontaktperson li{
	color:#ffffff;text-decoration:none;font-size:12px;
	font-weight:100;
	margin-bottom: 1px; 
}
#segler #kontaktinfo, #special #kontaktinfo {
	background-image: url(../images/Segler_Info_Box.gif);
	background-repeat: no-repeat;
}
#breadcrumb {
	background-image: url(../images/breadcrumbsBG.gif);
	background-repeat: no-repeat;
	height: 39px;
	padding-top: 8px;
	padding-left: 20px;
	font-size: 10px;
}
#breadcrumb2 {
	background-repeat: no-repeat;
	height: 39px;
	padding-top: 8px;
	padding-left: 20px;
	font-size: 10px;
}
#breadcrumb li {
	float: left;
}
#breadcrumb a, #breadcrumb2 a {
	display: block;
	padding-left: 12px;
	background-image: url(../images/breadcrumb.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-right: 5px;
}
#beispiele li {
	float: left;
	width: 119px;
}
#beispiele li h3 {
	font-size: 10px;
	font-weight: bold;
}
#hhhafenfest  { background-image: url("../images/Events_Hafenfest.gif"); background-repeat: no-repeat; padding-top: 70px; height: 273px }
#seglerspecial {
	background-image: url(../images/Segler_Special_Box.gif);
	background-repeat: no-repeat;
	height: 209px;
}
#auditt {
	background-image: url(../images/Ref_Special_Box.gif);
	background-repeat: no-repeat;
	height: 248px;
}
.searchresult {
	padding: 10px;
	cursor: pointer;
	width: 577px;
	min-height:60px;
}

.searchresult .lupblock{display:none;position:absolute;top:24px;left:37px;z-index:99;}
.searchresult .lupblock img{width:27px;height:27px;} 
.searchresult .sIFR-flash {
	cursor: pointer;
}
.searchresult img {

	height: 55px;
	width: 84px;
}
.img-yachtline {
	float:left;
	width:84px;
	overflow:hidden;
	height:55px;
}

.searchresult .overview {
	margin-left:10px;
	float:left;
}
.searchresult .description {
	padding: 10px;
	height:50px;
}
.searchresult table {
	width: 470px;
}
.searchresult th {
	width: 140px;
}
#searchresult .even {
	background-color: #B9D4E1;
	background-image: url(../images/Segler_Search_Ext_even.gif);
	background-repeat: repeat-x;
}
#searchresult .uneven {
	background-color: #EAF2F6;
	background-image: url(../images/Segler_Search_Ext_uneven.gif);
	background-repeat: repeat-x;
}
#searchbutton {
	text-align: right;
}
#hansesail h3 {
	margin-bottom: 10px;
	cursor: pointer;
}
#hansesail ul {
	list-style-position: outside;
	list-style-image: url(../images/News_Head_Arrow.gif);
}
#news-gallery {
	background-image: url(../images/News_Special_Box.gif);
	background-repeat: no-repeat;
	height: 422px;
}
#news-gallery .news-thumbnail{
	cursor:pointer;height:65px;margin-right:5px;} 
#news-gallery .large-image{
	text-align:center;
	padding:0 0 5px 0;} 	
#news-gallery .full-image{
	height:195px;} 	
#kunden li {
	float: left;
}
#kunden h3 {
	margin-bottom: 15px;
}
#searchcontrols {
	width: 100%;
	clear:both;
}
.slidercontrol {
	float: left;
}
#regiontrack {
	background-image: url(../images/SliderTrack_Region.gif);
	background-repeat: no-repeat;
	clear:both;
}
#daytrack, #nighttrack {
	background-image: url(../images/SliderTrack_Simple.gif);
	background-repeat: no-repeat;
}
#regioncontrol {
	width: 204px;
}
#daycontrol {
	width: 215px;
	padding-top:66px;
}
#nightcontrol {
	width: 215px;
	padding-top:66px;
}
#tag_value, #nacht_value {
	position: absolute;
	left: 165px;
	bottom: 5px;
}
.slidertrack {
	cursor: pointer;
	
}
#detailView{
	position:absolute;
	z-index:99;
	left:0px;
}
#regionlegend img{
	display:block;
	float:left;
}
#large_img{ height:190px; }
.video-headline{	
	text-align:left;
	padding:5px 10px 10px 0px;
	font-family:arial;
	font-size:12px;
	color: #FFFFFF;
	height:25px;
}
.gallery-headline{	
	text-align:left;
	padding:25px 10px 10px 0px;
	font-family:arial;
	font-size:12px;
	color: #FFFFFF;
	height:25px;
}
div.startsite_caption{
	font-family:arial;
	font-size:16px;
	color: #FFFFFF;
	padding:5px 0 0 10px ;
}
.input, textarea, select, .text,  .text-input { padding: 3px; vertical-align: middle; border: solid 1px #bfc1c1;margin:2px;}
.input-error{ border: solid 1px #ff0000;}
.kontakt-headline{
	height:30px;
	font-size:20px;
	color:#ffffff;
	margin:5px 0px 5px 0px;
}
#ProductListNavi{margin:10px 0;font-size:14px;font-weight:normal;}