
body{
    margin: 0;
    padding: 0;
    background: #094981;
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #094981;
}

img{
    border: none;
}
.clear{
    font-size: 1%;
    clear: both;
    display: block;
}

#wrapper{
    background: #a2d2f6 url(../images/bg-wrap.png) repeat-x;
}


/*-----------------------   CONTENT   -----------------------*/
#content{
    width: 828px;
    margin: 0 auto;
    padding: 0 0 160px 0;
    text-align: left;
    background: url(../images/bg-content.png) no-repeat center bottom;
    font-size: 0.8em;
}

#content h1, #content h2, #content h3, #content h4{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin-top: 0;
    padding-top: 0;
}
#content h1{
    font-size: 2.2em;
    color: #105ea3;
}
#content h1 strong{
    font-weight: normal;
    color: #fff;
}
#content h2{
    font-size: 2em;
    color: #fff;
}
#content h3{
    font-size: 1.7em;
}

#content p, #content td, #content ul, #content ol{
    font-size: 1.1em;
}

#content a{
    color: #094981;
}

#content ul{
    list-style-type: none;
    padding: 0;
}
#content ul li{
    margin: 0 0 1em 0;
    padding: 0 0 2px 27px;
    background:  url(../images/dot-li.png) no-repeat;
}

#content ul.twocols li{
    width: 46%;
    float: left;
}

/* teaser */
#teaser{
    background: url(../images/bg-teaser.png) no-repeat left top;
    padding: 20px 0 0 20px;
    height: 109px;
    margin: 0 0 2em -12px;
}
#teaser .img{
    float:left;
    width: 130px;
}
#teaser h1, #teaser h3{
    margin: 0;
    padding: 0;
}

#teaser.home{
    background: none;
    padding: 14px 0 0 0;
}
#teaser.home .img{
    float:left;
    width: 314px;
    margin-top: -14px;
    text-align: left;
}

/* two columns */
#content div.twocols{
    width: 47%;
    float: left;
}
#content div.twocols.left{
    margin-right: 3%;
}
#content div.twocols.right{
    margin-left: 3%;
}

#content div.yacht_info{
    width: 64%;
    float: left;
    margin-right: 3%;
}
#content div.yacht_info div.image{
    width: 260px;
}
#content div.yacht_equipment{
    width: 30%;
    float: left;
}

/* thumbs */
.image{
    float: right;
    width: 151px;
    margin-left: 18px;
}
.image img{
    display: block;
    border: 3px solid #fff;
    margin: 0 0 0.8em 0;
}

/* tabelle */
#content table{
    border-top: 1px solid #fff;
    margin-bottom: 0.8em;
}
#content td, #content th{
    border-bottom: 1px solid #fff;
    padding: 2px 1px;
    vertical-align: top;
}

#content td{
    color: #094981;
}
#content th{
    color: #1b63a2;
    font-weight: normal;
}

/* fotogalerie */
#content ul.gallery{
	margin: 1em 0 0 0;
	padding: 0;
	list-style-type: none;
	width: 99%;
	clear: both;
}

#content ul.gallery li{
    display: inline;
	background: none;
	margin: 0;
	padding: 0;
}

#content ul.gallery a img{
	float: left;
	height: 104px;
	width: 104px;
	padding: 3px;
	margin: 2px 12px 12px 2px;
	background: #fff;
	position: relative;
	border: 1px solid #84adcb;
}
#content ul.gallery a:hover img{
	margin: 0px 10px 10px 0px;
	padding: 5px;
}

/* gästebuch */
#content ul#guestbook{
    margin: 0;
	padding: 0;
	list-style-type: none;
}
#content ul#guestbook li{
    margin: 0 0 1em 0;
	padding: 0;
	background: none;
}
#content ul#guestbook p{
    font-size: 1em;
}
#guestbook .entry_meta{
	width: 240px;
	float: left;
	text-align: right;
	margin: 4px 4px 0 0;
	padding-right: 24px;
	background: url(../images/dot-li.png) no-repeat right 2px;
}
#guestbook .entry_meta, #guestbook .entry_meta a{
    color: #fff;
}
#guestbook .entry_meta p{
	margin: 0;
	padding: 0;
}
#guestbook .entry_meta p.fullname{
	padding: 2px 0;
	font-weight: bold;
   
}

#guestbook .entry_content{
	width: 520px;
	float: left;
}
#guestbook .entry_content h3{
	margin: 0 0 0.3em 0;
	padding-top: 0;
}
.hnpt{ /* honeypot */
  display: none;
}


/* google map */
#map{
    border: 3px solid #fff;
    background: #c8d8ab;
    float: right;
    width: 560px;
    height: 440px;
    margin-left: 1em;
}

#mapMessage { 
    position: absolute;
    padding: 6px 8px 0 31px;
    color:#f26c00;
    font-size: 11px;
    font-weight: bold;
    height: 37px;
    background: url(../images/mapmessage.png) no-repeat;
}

#mapMessage h2{
    font-size: 11px;
    margin: 0;
    padding: 0;
}
#mapMessage p{
    margin: 0;
    padding: 0;
}


/* Formulare: */
.tf{
	background: #fff;
	border: 2px solid #74b2e1;
	margin: 1px;
	padding: 1px;
}
.tf:focus{
	border: 3px solid #0a5598;
	margin: 0px;
}
.content label{
	font-weight: bold;
	color: #688290;
}
.content form p{
	margin-bottom: 0;
	padding-bottom: 0.5em;
}
.labelleft, #commentbox label{
	float:left;
	width: 76px;
}
 #contactform label{
	float:left;
	width: 88px;
}
label.block, #contactform label.block{
	display: inline;
	float: none;
	width: auto;
}

.submit{
	padding: 1px 12px;
	background: #387db1;
	border: 1px solid #fff;
	color: #fff;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
}

.error{
	display: inline;
	color: #f00;
}


/*-----------------------   HEADER   -----------------------*/
#header{
    width: 900px;
    height: 157px;
    margin: 0 auto;
    font-family: Helvetica, Arial, sans-serif;
	position: relative;
	top: 0;
}

#lang{
	width: 132px;
	height: 25px;
	position: absolute;
	background: url(../images/bg_lang.gif) no-repeat;
	right: 0;
	top: 0;
	margin: 0;
	padding: 0;
	text-align: left;
}
#lang a{
	width: 38px;
	margin: 0 0 0 8px;
	float: left;
	padding: 3px 0 4px 20px;
	color: #b8dbf3;
	text-decoration: none;
}
#lang #link_de{
    background: url(../images/de.gif) no-repeat left center;
}
#lang #link_en{
    background: url(../images/gb.gif) no-repeat left center;
}

#sitelogo, #sitelogo img {
    width:174px;
    height:132px;
}
#sitelogo{
    position: absolute;
    top: 5px;
    left: 50%;
    margin: 0 0 0 -87px;
	z-index: 99;
}

#navL{
    float: left;
    text-align: left;
    width: 50%;
    height: 38px;
    margin-top: 52px;
    background: url(../images/bg-navl.png);
}
#navR{
    float: right;
    text-align: right;
    width: 50%;
    height: 38px;
    margin-top: 52px;
    background: url(../images/bg-navr.png) right;
}

.nav{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.nav li{
    margin: 0;
    padding: 0;
    display: inline;
}
.nav a{
    display: inline-block;
    text-transform: uppercase;
    color: #1466ae;
    margin: 2px 0 0 0;
    padding: 9px 10px 0 4px;
    height: 25px;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    background: url(../images/nav-delimiter.png) no-repeat right center;
}
#navR a{
    padding: 9px 4px 0 10px;
    background: url(../images/nav-delimiter.png) no-repeat left center;
}

#navL .nav{
    margin-left: 8px;
}
#navR .nav{
    margin-right: 8px;
}

#navL .nav li:last-child a{
    background: none;
}
#navR .nav li:first-child a{
    background: none;
}

#sell{
    position: absolute;
    top: 0px;
    left: 50%;
	width: 109px;
	height: 63px;
	background: url(../images/btn_sale.png) no-repeat;
    margin: 0 0 0 -330px;
}


/*-----------------------   FOOTER   -----------------------*/
#footer{
    background: #094981 url(../images/bg-footer.jpg) repeat-x center top;
    height: 220px;
    width: 100%;
    position: relative;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}
#footer .sun {
    background:transparent url(../images/sun.png) no-repeat scroll center top;
    height:213px;
    left:50%;
    margin-left:-173px;
    position:absolute;
    top:-122px;
    width:372px;
}
#footer .inner{
    width: 846px;
    text-align: left;
    margin: 0px auto;
    padding-top: 80px;
}
#footer, #footer a{
    color: #5188b8;
    text-decoration: none;
}
#footer a:hover{
    color: #9bbbd7;
    text-decoration: underline;
}

#pagetools{
    margin: 0;
	padding: 0;
	float: right;
	list-style-type: none;
	width: 160px;
	text-align:right;
}
#pagetools li{
    display: inline;
}
#pagetools a{
    display: block;
	padding: 4px 21px 4px 0;
}
#pagetools .totop a{
    background: url(../images/btn_totop.gif) no-repeat right center;
}
#pagetools .print a{
    background: url(../images/btn_print.gif) no-repeat right center;
}
#pagetools .fav a{
    background: url(../images/btn_bookmark.gif) no-repeat right center;
}
#pagetools .print, #pagetools .fav{
    display: none;
}


