/** general **/
/* background color and body margin */
html,body{margin:0px;background-color:#000064;}
/* default font */
html,body,td,div,a:link,a:visited,a:hover,a:active,a:focus{font-family:Verdana,sans-serif;font-size:10pt;}
/* link hover */
img{border:0;}
a:hover{text-decoration:underline overline;}
/* small capitals */
.caps{font-variant:small-caps;}
/* red bold box */
.important{font-weight:bold;border:1px solid red;margin:10px 0px;padding:10px;}
/* yellow box */
.hiddeninfo{border:1px solid black;background-color:#FFFFBB;visibility:hidden;position:absolute;margin:10px 0px;padding:10px;}
/* small note */
.note{font-size:8pt;}
/* back link */
.back{margin-top:30px;font-weight:bold;}
/* embedded */
.emb{margin:0px;}
/* emphasized text */
.emphasis{font-weight:bold;font-style:italic;}
/* bold */
.b{font-weight:bold;}
/* headline */
.h{margin-bottom:0px;}
.hl{font-weight:bold;font-size:16pt;}
.small{font-size:8pt;}
.indent{margin-left:20px;}
.motto{font-size:12pt;color:darkblue;font-weight:bold;}
.green .quote{font-weight:bold;border:1px solid darkgreen;color:darkgreen;margin:10px 0px;padding:10px;text-align:center;}
.green .quote .by{font-style:italic;}
.green .quote .where{font-size:7pt;text-align:right;}
.green .experience{border:1px solid silver;color:#111111;padding:10px;}
.green .experience *{font-size:8pt;}
/* centered text */
.c{text-align:center;}
.little_br{margin: 2px 0px;}
/* line style */
.line{border-bottom:1px solid black;}
.nolink,.nolink:hover{text-decoration:none;cursor:default;}
h2{font-size:16pt;}
#hidden{visibility:hidden;position:absolute;}
/** layout **/
.body{margin:20px;}
h2,h3,h4,h5,h6{border-bottom:1px solid #E6E6E6;}
h2.caps{border-bottom:1px solid #808080;}

/** header layout **/
#header{position:absolute;top:0px;left:0px;width:100%;height:49px;margin:0px;border-bottom:5px solid #0032FF;/* topmost deco line */}
#header .company{position:absolute;top:3px;left:240px;font-size:20pt;font-weight:bold;font-variant:small-caps;color:yellow;margin:9px;}
#header .slogan{position:absolute;top:3px;left:500px;font-size:18px;color:#FFFFFF;margin:15px;}
#header .body{color:#FFFFFF;}
#logo{position:absolute;top:0px;left:0px;width:199px;height:110px;z-index:99;border:0;}
#header .sitemap{position:absolute;top:25px;right:3px;}
#header .sitemap a:link,#header .sitemap a:visited,#header .sitemap a:active,#header .sitemap a:focus{color:white;text-decoration:none;font-size:7pt;}
#header .sitemap a:hover{text-decoration:underline;}
/** menu layout **/
#menu{position:absolute;top:120px;left:0px;width:199px;margin:0;color:white;}
#menu .body{color:white;}
#menu .body .link{margin:3px 0px;}
#menu a:link,#menu a:visited,#menu a:active,#menu a:focus{}
/* menu link color */
#menu h1,#menu h2,#menu a:link,#menu a:visited,#menu a:hover,#menu a:active,#menu a:focus,#menu{color:white;}
#menu .body a:hover{color:white;font-weight:bold;}
/* foreinformation of important menu items*/
#menu .body:hover  a.main{font-weight:600;color:#FFFFBB;} /* menu pre-highlighting */
#menu .body a{margin-left:1px;} /* menu shifting */
#menu .body:hover a.main{margin-left:0px;} /* menu shifting */
#menu .body a.main:hover{color:yellow;font-weight:bold;} /* menu highlighting */

/** content layout **/
#content{background-color:white;position:absolute;top:53px;left:199px;right:0px;border-top:4px solid #C8D2FF;/* lower deco line */border-left:3px solid #C8D2FF;/* left deco line */}
.copy{width:100%;clear:both;}
.copy{text-align:right;border-top:1px solid #C0C0C0;margin-top:40px;padding:7px 0px;}
.copy,.copy a:link,.copy a:visited,.copy a:hover,.copy a:active,.copy a:focus{color:#787878;font-size:8pt;}

/** Reference **/
.reference{background-color:#FFDC78;color:black;margin-top:20px;padding:8px;border:2px solid white;}
.reference .quote{font-weight:bold;}
.reference *{font-size:8pt;}
.reference a:link,.reference a:visited{color:darkblue;}
.references{background-color:#FFDC78;padding:8px;border:1px solid black;}

/** Welcome **/
.welcome{font-variant:small-caps;margin:0;}
.welcome_decoration{float:right;}
.offer{font-weight:bold;font-size:16pt;}
.for li{font-weight:bold;}
.features{font-weight:bold;}
.features li{margin:4px 0px;}
li.margintop{margin-top:5px;padding-top:5px;border-top:1px solid #EFEFEF;}
.software{float:right;}
.routes{background-color:white;margin:10px 0px;}
.album_link{margin-left:30px;}
.album_link img{border:1px solid black;}
.tipp{border:1px solid orange;padding:15px;font-weight:bold;}
.green .solution{color:darkgreen;font-weight:bold;}
/** Yacht **/
.details{float:right;background-color:#FFFFBB;padding:10px;margin:10px;width:300px;border:1px solid #808080;}
.c_img{text-align:center;margin:20px;}
.r_img{float:right;margin:10px;}
.details .type{font-size:13pt;font-weight:bold;border-bottom:1px solid black;}
.pic{border:1px solid black;padding:10px;margin:10px 0px;background-color:#FFFFBB;text-align:center;}
.more_pics{margin-top:35px;}
.headline{margin-top:35px;} /* new headline with paragraph */
.headline{border-bottom:2px solid #A6A6A6;} /* new headline */

/** Skipper **/
.skipper_decoration{float:right;margin:10px;}
.passion li{margin:5px 0px;}
.previous_trips li{margin:3px 0px;}
/** Costs **/
.box{background-color:#FFFFBB;border:1px solid black;padding:15px;margin-top:50px;} /*Anmeldevorgang*/
.costs_decoration{float:right;margin-left:10px;margin-bottom:10px;}
.costs_box {background-color:#FFFFBB;border:1px solid black;padding:15px;margin-top:10px;width:100%;}
#price_list td{padding:3px;text-align:center;}
#price_list th{text-align:left;background-color:#FFDC78;}
#price_list .offer_box{text-align:left;margin:10px;padding:10px;border:1px solid black;background-color:#FFFFBB;}

/** Plans **/
.plans_decoration{float:right;margin-left:10px;margin-bottom:10px;}
/* yellowish box for plans */
.plan{border:1px solid black;padding:10px;margin:10px 0px;background-color:#FFFFBB;}
.available{color:green;font-style:italic;margin-left:20px;}
.th{padding-top:10px;font-weight:bold;}/* table header */
.plan_overview{margin-bottom:20px;}
.plan_overview td{padding:3px 10px;}
.plan_overview_h{background-color:#FFDC78;text-align:center;font-weight:bold;color:darkblue;}
.calendar_plans{float:right;}
.price_list{padding:0px;margin:10px;border:1px solid black;}
.price_list td,th{padding:7px;}
.price_list th{text-align:left;background-color:#FFDC78;}
.special_offer{text-align:center;font-weight:bold;font-size:13pt;border:2px solid #FF8000;margin:10px 0px;padding:10px;background-color:#FFFF80;width:250px;position:absolute;right:30px;z-index:99;}

.special_offer .big,.special_offer .price,.special_offer .price a{font-size:16pt;}
.special_offer .price,.special_offer .price a{color:red;}
/** Application **/
#application div{margin:5px 0px;}
.apply_navigation{margin-top:20px;}
.apply_navigation_top{float:right;}
#application .label{font-weight:bold;}
#application .page{border:1px solid black;padding:10px;}
#application .hidden_page{position:absolute;visibility:hidden;}
#application .input_text{position:absolute;left:250px;}
#application .div_text{height:20px;}
#application textarea{width:700px;height:200px;}
.pre{margin:10px;padding:10px;border:1px solid silver;}

/** Preparation **/
.bring_box{background-color:#FFFFBB;border:1px solid black;padding:10px;}
.bring li{margin:5px 0px;}
.common_error{text-decoration:underline;font-weight:bold;}
.looking_forward{font-variant:small-caps;font-weight:bold;font-style:italic;font-size:16pt;margin-top:20px;}
.preparation_decoration{float:right;margin-left:10px;margin-bottom:10px;}

.faq_decoration{float:right;margin-left:10px;margin-bottom:10px;}

/** Pictures **/
#album_navigation_top{float:right;}
.album,#album_status{text-align:center;}
.album *{position:relative;margin:2px;padding:2px;z-index:1;}
#album{min-height:100px;}
#album_loading{position:absolute;margin:30px;z-index:0;width:90%;height:40px;text-align:center;background:url(/images/loading.gif) no-repeat center;}

/** FAQ **/
.topic_list a:link,.topic_list a:visited{color:darkblue;}
.topic_list li{padding:2px;}
.list li{padding:3px;}
.recommended_links{border:1px solid orange; padding:20px;margin:20px;background-color:#FFFFBB;}
.recommended_links li{padding:3px;}

/** Impressum **/
.impressum_decoration{float:right;margin-left:10px;margin-bottom:10px;}

/* Software */
.software_decoration{float:right;margin-left:10px;margin-bottom:10px;}
.software_decoration p{font-weight:bold;width:560px;}

/* Sitemap */
#content .sitemap  a:link, #content .sitemap  a:visited{color:darkblue;}
#content .sitemap li{margin:3px 0px;}