* {
	margin:0;
	padding:0;
}
html {
  height: 100.01%;
  min-height: 100.01%;
}
body {
  background: #fff url(images/fond.gif) repeat-x;
  font-family:Verdana,Arial,Helvetica,Sans-Serif;
  font-size: 62.5%;
  line-height:150%;
  position:relative;
  height:auto !important; height:100%;
  min-height:100%;
}

#header {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 160px;
  background: url(images/logo.gif) no-repeat top center;
  text-align: center;
}
#yacht {
  width: 100%;
  height:140px;
  background: url(images/header.jpg) no-repeat right;
}
#stage {
  margin: auto;
  margin-top:40px;
  width: 740px;
  text-align: left;
  font-size: 1.2em;
  padding-bottom:25px;
}
.trenner {
  display: block;
  width: 100%;
  height: 84px;
  background: url(images/trenner_rad.gif) no-repeat center;
}
.trenner_anker {
  display: block;
  width: 100%;
  height: 84px;
  background: url(images/trenner_anker.gif) no-repeat center;
}
.trenner_wellen {
  display: block;
  width: 100%;
  height: 60px;
  background: url(images/trenner_wellen.gif) no-repeat center;
}
.textblock {
  display: block;
  width: 420px;
}
.widetext {
  width: 560px;
}
a {
	text-decoration:none;
   color:#2D66B0;
}
.address {
  display: block;
  position:absolute; bottom:0;right:0;
  margin: 5px;
	text-decoration:none;
  font-family:Arial,Helvetica,Sans-Serif;
	font-size:1em;
	color:#96B2D7; /*#2D66B0;*/
}
a.address:hover {
	color:#96B2D7; /*#2D66B0;*/
}
strong.titel {
  display: block;
  text-indent:-5000px;
  background-repeat: no-repeat;
  height:28px;
}
strong.titel_traum {
  width: 655px;
  height: 61px;
  background-image: url(images/titel_traum.gif);
}
strong.titel_kommensie {
  width: 413px;
  background-image: url(images/titel_kommensie.gif);
}
strong.titel_roxann {
  width: 86px;
  background-image: url(images/titel_roxann.gif);
}
strong.titel_liegeplatz {
  width: 521px;
  background-image: url(images/titel_liegeplatz.gif);
}
strong.titel_crew {
  width: 195px;
  background-image: url(images/titel_crew.gif);
}
strong.titel_urlaub {
  width: 121px;
  background-image: url(images/titel_urlaub.gif);
}
strong.titel_segeltoern {
  width: 292px;
  background-image: url(images/titel_segeltoern.gif);
}
strong.titel_wohlfuehlurlaub {
  width: 237px;
  background-image: url(images/titel_wohlfuehlurlaub.gif);
}
strong.titel_boatbreakfast {
  width: 201px;
  background-image: url(images/titel_boatbreakfast.gif);
}
strong.titel_bilder {
  width: 166px;
  background-image: url(images/titel_bilder.gif);
}
strong.titel_danke {
  width: 161px;
  background-image: url(images/titel_danke.gif);
}
td {
  line-height:150%;
}
td.bezeichnung {
  font-weight: bold;
  padding-right:10px;
}
#menu {
  margin: auto;
  margin-top:114px;
  width: 740px;
  display: block;
}
ul {
  list-style: none;
  line-height:150%;
}
.original li {
  padding-left:15px;
  background: url(images/bullet_anker.gif) no-repeat 0 4px;
  padding-bottom:5px;
}
.textblock li {
  padding-left:12px;
  background: url(images/bullet_list.gif) no-repeat 0 4px;
  padding-bottom:5px;
}
.nobullets li {
  padding-left:0px;
  background: none;
}
#menu li {
float:left;
}
a#tab_home {
  width:64px;
  background-image: url(images/tab_home.gif);
}
a#tab_roxann {
  width:74px;
  background-image: url(images/tab_roxann.gif);
}
a#tab_liegeplatz {
  width:92px;
  background-image: url(images/tab_liegeplatz.gif);
}
a#tab_crew {
  width:61px;
  background-image: url(images/tab_crew.gif);
}
a#tab_urlaub {
  width:94px;
  background-image: url(images/tab_urlaub.gif);
}
a#tab_bilder {
  width:64px;
  background-image: url(images/tab_bilder.gif);
}
a#tab_kontakt {
  width:138px; /*76px;*/
  background-image: url(images/tab_crewkontakt.gif);
}
a#tab_home.active {
  background-image: url(images/act_home.gif);
}
a#tab_roxann.active {
  background-image: url(images/act_roxann.gif);
}
a#tab_liegeplatz.active {
  background-image: url(images/act_liegeplatz.gif);
}
a#tab_crew.active {
  background-image: url(images/act_crew.gif);
}
a#tab_urlaub.active {
  background-image: url(images/act_urlaub.gif);
}
a#tab_bilder.active {
  background-image: url(images/act_bilder.gif);
}
a#tab_kontakt.active {
  background-image: url(images/act_crewkontakt.gif);
}
#menu a {
  height:25px;
  background-repeat: no-repeat;
  display: block;
  text-indent:-5000px;
}
#menu a:hover, #menu a.active {
  height:31px;
}
.foto {
  float: left;
  display: block;
  width: 134px;
  height: 134px;
  background: url(images/fond_bilder.jpg) no-repeat;
  margin:0 10px 10px 0;
}
.foto img {
  margin:10px 0 0 11px;
}
#kontaktformular {
  font-weight: bold;
}
#kontaktformular input, #kontaktformular textarea {
  width:100%;
  height:1.5em;
  border: 1px solid #cccccc;
  margin: 0 0 10px;
  font-family:Verdana,Arial,Helvetica,Sans-Serif;
  font-weight: normal;  
}
#kontaktformular input#email1 {
  display:none;
}
#kontaktformular textarea {
  width:100%;
  height:15em;
  font-size: 1em;
}
#kontaktformular input#senden {
  width:117px;
  height:36px;
  border: none;
}

#mail>span:before { content:"@"; }
#mail>span span { display:none; }
*:first-child+html #mail>span span { display:inline; }  /* Workaround fuer IE 7 */