@charset "utf-8";
/* CSS Document (c) Jan Keuter 8-feb-2008 */
/* General */
* {padding:0; margin:0;}
body {background:#ffffff;	font-family:Verdana, Arial, Helvetica, sans-serif; color:#543019; font-size: 14px; line-height: 140%; }
/* Background top */ 
#topBackground {top: 0;	left: 100%; position: absolute;	width: 100%;	height: 259px;	margin-left: -100%;  background-image: url(assets/images/top_back.jpg);	background-repeat: repeat-x; }
#jeppeName { top: 3px; left: 10px; position: absolute; width: 454px; height:53px; background-image: url(assets/images/jeppe_name.png); background-repeat:no-repeat; text-indent: -9999px;}
#jeppeNameGer { top: 6px; left: 10px; position: absolute; width: 468px; height:42px; background-image: url(assets/images/jeppe_name_ger.png); background-repeat:no-repeat; text-indent: -9999px;}
#cloud_1 { top: 72px; left: 10%; position: absolute; width: 113px; height: 93px; background-image:url(assets/images/cloud_1.png); background-repeat:no-repeat;}
#cloud_2 { top: 72px; left: 75%; position: absolute; width: 128px; height: 103px; background-image:url(assets/images/cloud_2.png); background-repeat:no-repeat;}
#sun { top: 140px; left: 30%; position: absolute; width: 44px; height: 43px; background-image:url(assets/images/sun.png); background-repeat:no-repeat;}
#island_1 { top: 187px; left: 5%; position: absolute; width: 170px; height: 20px; background-image:url(assets/images/island_1.png); background-repeat:no-repeat;}
#island_2 { top: 193px; left: 70%; position: absolute; width: 173px; height: 16px; background-image:url(assets/images/island_2.png); background-repeat:no-repeat;}
#ship { top: 90px; left: 45%; position: absolute; width: 159px; height: 133px; background-image:url(assets/images/ship.png); background-repeat:no-repeat;}
/* Mainfield */
#ship_drawing { top:260px; position:absolute; width: 100%; height: 100%; background-image:url(assets/images/ship.jpg); background-position:center 0;  background-repeat:no-repeat;}
/* Navigation Buttons Dutch */
#navcontainer { top: 234px; left:10px ; position : absolute; width : 488px; height : 25px; margin : 0; padding : 0;  }
#navcontainer h3 { text-indent: -9999px }
ul#nav_main { list-style-type: none }
ul#nav_main a { display : block; height : 25px; text-indent : -9999px; text-decoration : none; overflow : hidden; }
li#nm_1 { position : absolute; top : 0px; left : 10px; width : 57px; height : 25px; background : url(assets/images/nav_main.png) no-repeat 0 0; }
li#nm_2 { position : absolute; top : 0px; left : 67px; width : 102px; height : 25px; background : url(assets/images/nav_main.png) no-repeat -57px 0; }
li#nm_3 { position : absolute; top : 0px; left : 169px; width : 77px; height : 25px; background : url(assets/images/nav_main.png) no-repeat -159px 0; }
li#nm_4 { position : absolute; top : 0px; left : 246px; width : 72px; height : 25px; background : url(assets/images/nav_main.png) no-repeat -236px 0; }
li#nm_5 { position : absolute; top : 0px; left : 318px; width : 76px; height : 25px; background : url(assets/images/nav_main.png) no-repeat -308px 0; }
li#nm_6 { position : absolute; top : 0px; left : 394px; width : 54px; height : 25px; background : url(assets/images/nav_main.png) no-repeat -384px 0; }
li#nm_7 { position : absolute; top : 0px; left : 448px; width : 50px; height : 25px; background : url(assets/images/nav_main.png) no-repeat -438px 0; }
li#nm_8 { position : absolute; top : 0px; left : 498px; width : 139px; height : 25px; background : url(assets/images/nav_main.png) no-repeat -488px 0; }
li#nm_1 a:hover { background : url(assets/images/nav_main.png) no-repeat 0 -25px; }
li#nm_2 a:hover { background : url(assets/images/nav_main.png) no-repeat -57px -25px; }
li#nm_3 a:hover { background : url(assets/images/nav_main.png) no-repeat -159px -25px; }
li#nm_4 a:hover { background : url(assets/images/nav_main.png) no-repeat -236px -25px; }
li#nm_5 a:hover { background : url(assets/images/nav_main.png) no-repeat -308px -25px; }
li#nm_6 a:hover { background : url(assets/images/nav_main.png) no-repeat -384px -25px; }
li#nm_7 a:hover { background : url(assets/images/nav_main.png) no-repeat -438px -25px; }
li#nm_8 a:hover { background : url(assets/images/nav_main.png) no-repeat -488px -25px; }
/* NavigationButtons German */
#navcontainer_ger { top: 234px; left:10px ; position : absolute; width : 553px; height : 25px; margin : 0; padding : 0;  }
#navcontainer_ger h3 { text-indent: -9999px }
ul#nav_main_ger { list-style-type: none }
ul#nav_main_ger a { display : block; height : 25px; text-indent : -9999px; text-decoration : none; overflow : hidden; }
li#nm_ger_1 { position : absolute; top : 0px; left : 10px; width : 57px; height : 25px; background : url(assets/images/nav_main_ger.png) no-repeat 0 0; }
li#nm_ger_2 { position : absolute; top : 0px; left : 67px; width : 91px; height : 25px; background : url(assets/images/nav_main_ger.png) no-repeat -57px 0; }
li#nm_ger_3 { position : absolute; top : 0px; left : 158px; width : 68px; height : 25px; background : url(assets/images/nav_main_ger.png) no-repeat -148px 0; }
li#nm_ger_4 { position : absolute; top : 0px; left : 226px; width : 72px; height : 25px; background : url(assets/images/nav_main_ger.png) no-repeat -216px 0; }
li#nm_ger_5 { position : absolute; top : 0px; left : 298px; width : 83px; height : 25px; background : url(assets/images/nav_main_ger.png) no-repeat -288px 0; }
li#nm_ger_6 { position : absolute; top : 0px; left : 381px; width : 64px; height : 25px; background : url(assets/images/nav_main_ger.png) no-repeat -371px 0; }
li#nm_ger_7 { position : absolute; top : 0px; left : 445px; width : 51px; height : 25px; background : url(assets/images/nav_main_ger.png) no-repeat -435px 0; }
li#nm_ger_1 a:hover { background : url(assets/images/nav_main_ger.png) no-repeat 0 -25px; }
li#nm_ger_2 a:hover { background : url(assets/images/nav_main_ger.png) no-repeat -57px -25px; }
li#nm_ger_3 a:hover { background : url(assets/images/nav_main_ger.png) no-repeat -148px -25px; }
li#nm_ger_4 a:hover { background : url(assets/images/nav_main_ger.png) no-repeat -216px -25px; }
li#nm_ger_5 a:hover { background : url(assets/images/nav_main_ger.png) no-repeat -288px -25px; }
li#nm_ger_6 a:hover { background : url(assets/images/nav_main_ger.png) no-repeat -371px -25px; }
li#nm_ger_7 a:hover { background : url(assets/images/nav_main_ger.png) no-repeat -435px -25px; }
/* Language buttons */
#flagcontainer { top: 235px; left: 85%; position: absolute; width: 80px; height: 24px; margin: 0; padding: 0; }
#flagcontainer h3 { text-indent: -9999px }
ul#nav_flags { list-style-type: none; }
ul#nav_flags a { display: block; height: 24px; text-indent: -9999px; text-decoration: none; overflow: hidden; }
li#nf_1 { position: absolute; top: 0; left: 0px; width: 37px; height: 24px; background:url(assets/images/flags.png) no-repeat 0 0; }
li#nf_2 { position: absolute; top: 0; left: 43px; width: 37px; height: 24px; background:url(assets/images/flags.png) no-repeat -43px 0; }
/* CSS for Calender */
#calender_text { position:absolute; top: 270px; left:50%; width: 700px; height:25px; margin-left: -350px; text-align:center; }
#calender_container { position: absolute; top: 350px; width:100%; height:200px;}
a.cal_head { color: green; }
a.cal_head_hover { text-decoration: none; }
.cal_head { background-color: #dddddd; color: green; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-style: normal; }
.cal_days { background-color: #dddddd; color: gray; font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 11px; font-weight: bold; font-style: normal; }
.cal_content { background-color: #eeeeee; color: #000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; font-style: normal; }
.cal_today { background-color: white; color: green; font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 10px; font-weight: bold; font-style: normal; }
.cal_event, a.cal_event { background-color: #ff3300; color: #000000; font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 10px; font-weight: bold; font-style: normal; }
/* Historie text container */
#historie_container{ position: absolute; top: 270px; left: 50%; width:700px; height:410px; margin-left: -350px; text-align:justify; }
#historie_container h3 { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; }
#historie_container_text_1 { position: absolute; top:530px; left: 50%; width: 250px; margin-left: -350px; }
#historie_container_text_2 { position: absolute; top:530px; left: 50%; width: 200px; margin-left: -100px; }
/* Index Pic container */
#mainpic_container {position: absolute; top: 270px; left: 50%; width: 600px; height: 465px; margin-left: -300px; margin-top: 0px; background:url(assets/pictures/boot.jpg) no-repeat; }
/* Info */
#info_container { position:absolute; top: 270px; left:50%; width: 700px; height:25px; margin-left: -350px; text-align:center; }
#plan_container {position: absolute; top: 295px; left: 50%; width: 707px; height: 142px; margin-left: -351px; margin-top: 0px; background:url(assets/images/boot_plan.png) no-repeat; }
#info_container_text {position:absolute; top: 460px; left: 50%; width: 700px; margin-left: -350px;}
/* pics: container voor picshow.swf */
#pics_container {position: absolute; top: 270px; left: 50%; width: 800px; height: 450px; margin-left: -400px; margin-top: 0px; }
/* contact: container voor mail form */
#mail_container {position: absolute; top: 280px; left: 50%; width: 700px; height: 450px; margin-left: -350px; margin-top: 0px; }
#mail_container_adres { position: absolute; top:280px; left: 50%; width: 350px; margin-left: -350px; }
#mail_container_mail { position: absolute; top:280px; left: 50%; width: 350px; margin-left: 0px; }
p.success { color:#00CC00 }
p.error { color:#FF0000 }
/* Schipper container */
#skipper_container{ position: absolute; top: 270px; left: 50%; width:700px; height:410px; margin-left: -350px; text-align:justify; }
#skipper_container_pic { position: absolute; top:280px; left: 50%; height:300px; width: 200px; margin-left: -350px; background:url(assets/pictures/pieter.png) no-repeat; }
#skipper_container_text { position: absolute; top:280px; left: 50%; width: 500px; margin-left: -150px; }
/* Designer tekst */
#designer_container{ position:absolute; top:5px; left:85%; width:120px; text-indent: -9999px;}
#designer_container a { text-align:left; text-decoration:none; color:#063; font-size:10px; }
#designer_container a:hover{ text-decoration:none; color:#033; font-size:10px; }