/* Hieronder de kleuren die over de gehele site voorkomen
back blauw 	= #004a7c
Mid. blauw	= #29658d
licht blauw = #4f7d9c
oranje/geel = #ffa800
ornaje/geel lichter= #ffb11b
*/

/*--- Site Init ---*/
* {margin: 0px; padding: 0px;}
body, html {margin:0px; padding:0px; width: 100%; height:auto; background:url('/background-body.gif') repeat-x 0px 0px #004a7c;}
body {font-family:sans-serif; font-size:13px; text-align:left; color:#ffffff; behavior: url('/csshover.htc');}


/*--- Basic Styles ==> VERPLICHTE VELDEN --*/
img {}
ul {margin:0px 0px 0px 15px;}
ol {margin:0px 0px 0px 25px;}
ul li ul{list-style-image:url(images/sub-list-image.gif); margin-left:13px; *margin-left:18px; }
li {}
a {color:#ffffff; font-style:italic; font-size:13px; text-decoration:underline;}
a:hover {color:#ffa800;}
a img {border:0px;}

a.btnBlock {background:#ffa800; position:relative; padding:3px; border-left:1px solid #ffffff; border-top:1px solid #ffffff; border-right:1px solid #4f7d9c; border-bottom:1px solid #4f7d9c; color:#004a7c; text-decoration:none; font-style:normal; font-weight:bold; margin:0px 0px 15px 0px!important; *margin:0px; }
a.btnBlock:hover {color:#004a7c; background:#ffb11b;}

h1 {display:block; font-size:16px; font-weight:bold; font-style:italic; border-bottom:2px solid #FFFFFF; width:100%;}/* H1 is het belangrijkst voor Google */
h2 {display:block; font-size:13px; font-weight:bold; font-style:italic; margin-bottom:0px; color:#FFFFFF;}
h3 {display:block; font-size:16px; font-weight:bold; font-style:italic; border-bottom:0px solid #FFFFFF; width:100%;}

#siteContent #allNews .news {display:block; width:400px; float:left;}
#siteContainer #siteContent #allNews .news .r1 h3 a,
#siteContainer #siteContent #allNews .news .r2 h3 a {display:block; font-style:normal; text-decoration:none; font-size:12px; font-weight:bold; border-bottom:1px solid #FFFFFF;}

.r1, .r2 {margin-bottom:10px;}

.printOnly {display:none;}

/*h3 {display:block; font-size:16px; font-weight:bold; font-style:italic; margin-bottom:0px; color:#FFFFFF;}*/

/* h6 {display:block; width:333px; position:absolute; top:265px; float:right; margin:0px -10px 0px 0px; text-align:right; font-style:italic;} */
p {margin:0px 0px 10px 0px;}
.title {}
.underscription {}
table {width:710px;}
td {vertical-align:top;}

hr {color:#ffffff; border:none; background-color:#ffffff; margin: 5px 0px 5px 0px !important; *margin:0px;}

form {}
form table {width:710px;}
form table th {font-size:13px; font-weight:bold; font-style:italic; margin-bottom:0px; color:#FFFFFF; text-align:left; background:#ffa800; height:20px; lineheight:20px;}
form table td {vertical-align:top;}
input {margin:0px 0px 10px 0px; width:350px; font-size:11px;}
input.button {width:auto; padding:0px 5px;}
input.radio {margin:0px 0px 0px -5px; width:20px;}
input.checkBox {width:auto;}
input#postcode {width: 80px;}
input#woonplaats {margin-left:10px; width: 253px;}
input.amount {width:112px;}
textarea {margin:0px 0px 10px 0px; width:350px; *width:352px; height:125px; font-family:sans-serif; font-size:11px;}
select {margin:0px 0px 10px 0px; width:354px; font-family:sans-serif; font-size:11px;}
select.dateDay {width:54px;}
select.dateMonth {width:192px;}
select.dateYear {width:100px;}
input.dateYear {width:96px; height:16px;}

table {font-family:sans-serif; font-size:13px; text-align:left; color:#ffffff;}
th {}
tr {}
tr.masked td {background:#4f7d9c;}
td {font-family:sans-serif; font-size:13px; text-align:left; color:#ffffff;}
td.masked {background:#4f7d9c;}

.TextMarginLeft {padding-left: 10px;}
.TextMarginRight {padding-right: 10px;}

table#tblArticleIndex H3 {display:block; font-size:13px; font-weight:bold; font-style:italic; width:100%; border:none;}

/*--- Basic 1st level elements ---*/
#siteContainer {width:995px; height:auto; margin:0px auto 10px auto; overflow:hidden; background:url('/background-sitecontainer.gif') repeat-y 0px 0px;}
#siteContainer #siteHeader {width:995px; height:237px; margin:0px; z-index:100;}
#siteContainer #sidebarLeft {left:0px; width:142px; height:auto; background:url('/menuBottom.jpg') no-repeat bottom left; float:left;}
#siteContainer #siteContent {left:0px; width:710px; height:auto; min-height:270px; margin-bottom:15px; float:left; z-index:50;}
#siteContainer #sidebarRight {position:relative; left:15px; width:115px; float:left;}
#siteContainer #siteFooter {clear:both; display:block; position:relative; bottom:0px; width:995px; height:30px; background:url('/background-footer.jpg') no-repeat 0px 0px; color:#89abc2; text-align:center;}

/*--- Header elements ---*/
#siteContainer #siteHeader #quickLinks {display:block; position:absolute; top:0px; color:#89abc2; font-weight:normal; font-size:13px; margin-left:825px; width:160px;}
#siteContainer #siteHeader #quickLinksEnglish {display:block; position:absolute; top:0px; color:#89abc2; font-weight:normal; font-size:13px; margin-left:879px; width:160px;}
#siteContainer #siteHeader #quickLinksCrew {display:block; position:absolute; top:0px; color:#89abc2; font-weight:normal; font-size:13px; margin-left:887px; width:160px;}
#siteContainer #siteHeader #lichtkrant {position:absolute; width:450px; margin-left:410px; font-size:11px; font-weight:bold; top:50px;}
#siteContainer #siteHeader #lichtkrantShadow {position:absolute; width:450px; margin-left:411px; font-size:11px; color:black; font-weight:bold; top:51px;}


#siteContainer #siteHeader #quickLinks a,
#siteContainer #siteHeader #quickLinksEnglish a,
#siteContainer #siteHeader #quickLinksCrew a {color:#ffffff; font-weight:bold; font-size:11px; text-decoration:none; font-style:normal;}
#siteContainer #siteHeader #quickLinks a:hover,
#siteContainer #siteHeader #quickLinksEnglish a:hover,
#siteContainer #siteHeader #quickLinksCrew a:hover {color:#89abc2;}

#siteContainer #siteHeader #webRouteLinks {position:relative; margin:0px; font-size:10px; top:-17px; right:143px; float:right; text-align:right;}
#siteContainer #siteHeader #webRouteLinks a {font-size:10px;}

/*--- Sidebar Left elements ---*/
#siteContainer #sidebarLeft ul.menu {position:relative; left:11px; width:115px; list-style:none; background:url('/background-menu.jpg') no-repeat 0px 0px; margin:0px 0px 15px 0px; padding:1px 0px 0px 0px; z-index:100;}
#siteContainer #sidebarLeft ul.menu li {height:18px; background:url('/background-menu-li.jpg') no-repeat 0px 0px; text-indent:5px;}
#siteContainer #sidebarLeft ul.menu li.big {height:36px; background:url('/background-bigmenu-li.jpg') no-repeat 0px 0px; text-indent:5px;}
#siteContainer #sidebarLeft ul.menu li.empty {height:18px; background:url('/background-menu-li-empty.jpg') no-repeat 0px 0px;}
#siteContainer #sidebarLeft ul.menu li a {display:block; width:115px; height:18px; font-weight:bold; text-decoration:none; font-size:12px;}
#siteContainer #sidebarLeft ul.menu li a:hover {display:block; width:115px; height:18px;}
#siteContainer #sidebarLeft ul.menu li:hover {position:relative; width:115px; height:18px; background:url('/background-menu-li-hover2.jpg') no-repeat 0px 0px;}
#siteContainer #sidebarLeft ul.menu li.big:hover {height:36px; background:url('/background-bigmenu-li2.jpg') no-repeat 0px 0px;}
#siteContainer #sidebarLeft ul.menu li.empty:hover {background:url('/background-menu-li-empty.jpg') no-repeat 0px 0px;}
#siteContainer #sidebarLeft ul.menu li.subMenu:hover {display:block; width:115px; height:18px; *margin-bottom:-3px; background:url('/background-menu-li-hover.jpg') no-repeat 0px 0px;}
#siteContainer #sidebarLeft ul.menu li.bigSubMenu {height:36px; background:url('/background-bigmenu-li.jpg') no-repeat 0px 0px; text-indent:5px;}
#siteContainer #sidebarLeft ul.menu li.bigSubMenu:hover {display:block; width:115px; height:36px; *margin-bottom:-3px; background:url('/background-bigmenu-li-hover.jpg') no-repeat 0px 0px;}

/*--- Submenus ---*/
#siteContainer #sidebarLeft ul.menu li ul {position:absolute; background:none; border-top:1px solid #4f7d9c; margin:-17px 0px 0px 110px; *margin:-19px 0px 0px 105px;  z-index:200;}
#siteContainer #sidebarLeft ul.menu li ul li {width:175px; background:#29658d; color:#004a7c; border:1px solid #4f7d9c; border-top:none; height:18px; z-index:210;}
#siteContainer #sidebarLeft ul.menu li ul li:hover {position:relative; width:175px; height:18px; background:url('/background-submenu-hover.jpg') no-repeat 0px 0px;}
#siteContainer #sidebarLeft ul.menu li ul li a {display:block; height:18px; font-weight:normal; text-decoration:none; font-size:12px; width:175px;}
#siteContainer #sidebarLeft ul.menu li ul li a:hover {display:block; width:175px; height:18px;}

/*--- Activating Submenu's ---*/
#siteContainer #sidebarLeft ul.menu li ul {display:none;}
#siteContainer #sidebarLeft ul.menu li.subMenu:hover ul {display:block;}
#siteContainer #sidebarLeft ul.menu li.bigSubMenu:hover ul {display:block; _margin:-33px 0px 0px 105px;}

/*--- Content elements ---*/
#siteContainer #siteContent #homeBlock a {color:#004a7c; font-size:11px;}
#siteContainer #siteContent #homeBlock a:hover {color:#FFFFFF;}
#siteContainer #siteContent ul { list-style-image:url(/list-image.jpg); margin-left:13px; *margin-left:18px;}
#siteContainer #siteContent ul li.sub {margin:0px 0px 0px 15px;}
#siteContainer #siteContent ul li ul{list-style-image:url(/sub-list-image.gif); margin-left:13px; *margin-left:18px;}

/*--- Sidebar Right elements ---*/
#siteContainer #sidebarRight #newsHighlight {position:relative; left: 3px; width:110px; font-size:11px;}
#siteContainer #sidebarRight #sponsoren {position:relative; text-align: left; margin-bottom:12px; left:1px; width:115px;}
#siteContainer #sidebarRight #sponsoren H2 {position:relative; width:112px; text-align:left; left:-1px; padding-left:3px; background:#1a5c89; border:1px solid #4f7d9c;}
#siteContainer #sidebarRight #sponsoren img {position:relative; left:2px;} 
#siteContainer #sidebarRight a {width:100%; font-size:11px;}

/*--- Sidebar Right News ---*/
#siteContainer #sidebarRight #smallNews .news .r1 span.date {display:none;}
#siteContainer #sidebarRight #smallNews .news img {display:none;}
#siteContainer #sidebarRight #smallNews .news.r1 h3 {font-size:13px; font-decoration:none;}
#siteContainer #sidebarRight #smallNews .news.r1 h3 a {font-decoration: none;}

/*--- Footer elements ---*/
#siteContainer #siteFooter {line-height:18px; font-size:12px;}
#siteContainer #siteFooter a {color:#89abc2; font-weight:normal;font-size:12px;}
#siteContainer #siteFooter a:hover {color:#ffffff;}


/*==== PAGE SEPERATE STYLES ====*/

/*--- News ---*/
#siteContainer #siteContent #bigNews .news .date {display:none;}
#siteContainer #siteContent #allNews .news .r1,
#siteContainer #siteContent #allNews .news .r2 {margin-bottom:20px;}
#siteContainer #siteContent #allNews .news .r1 img,
#siteContainer #siteContent #allNews .news .r2 img {display:none;}
#siteContainer #siteContent #allNews .news span.date {display:none;}
/*#siteContainer #siteContent .news img {position:relative; float:right; margin: 15px 0px 40px 15px; height:200px;}*/
/*#siteContainer #siteContent .news  h6 {display:block; width:250px; position:absolute; top:475px; float:right; margin: 0px 0px 0px 31px; font-weight:normal; font-style:italic; text-align:right;}*/

/*--- Webshop ---*/
#siteContainer #siteContent #webshopForm #webshopTable td {padding:5px;}
#siteContainer #siteContent #webshopForm #webshopTable th {font-size:13px; font-weight:bold; font-style:italic; margin-bottom:0px; color:#FFFFFF; text-align:left; background:#ffa800; height:20px; lineheight:20px;}
#siteContainer #siteContent #webshopForm #webshopTable select {width:115px;}
#siteContainer #siteContent #webshopForm #webshopTable select.model {width:115px;}
#siteContainer #siteContent #webshopForm #webshopTable radio {float:left;}

.vaarprogramma {width: 600px;}
.vaarprogrammaReisnummer {width: 100px;} 

/*--- Boekingsformulieren EN+NL ---*/
#voyageInfoBlock {position:relative; display:block; width:690px; padding:5px; background:#ffa800; font-size:15px; min-height:20px;}
#voyageInfoBlock span {position:relative; display:block; float:left; width:235px; *width:200px;}
#voyageInfoBlock select.selectTrip {position:relative; float:left;} 

/*--- Vaarprogramma ---*/
a.bookingLink {display:block; width:97px; height:27px; background: url('/img/button-boeken-01.gif') no-repeat 0px 0px; line-height:25px; text-align:center; color:#004a7c; text-indent:1px; font-size:11px; font-weight:bold;}
a.bookingLink:hover {background: url('/img/button-boeken-02.gif') no-repeat 0px 0px; color:#ffffff;}

/*--- Vrienden pagina's ---*/
div#friendPages form {position:relative; width:710px;}
div#friendPages form div {position:relative; height:auto; width:100%; margin:10px 0px; overflow:hidden;}
div#friendPages form div label {position:relative; width:240px; height:auto;float:left;}
div#friendPages form div input {margin:0px;}

div#friendPages form div input.inputCheckbox,
  div#friendPages form div input.inputRadio {width:20px; margin:2px 5px 0px -4px; *margin-top:-2px;float:left;}
div#friendPages form div input.inputRadio {margin:-2px 5px 0px 20px;}
div#friendPages form div label#lblContinuousAuthorisationAmounts3 {width:195px;}
div#friendPages form div input#continuousAuthorisationAmount {width:80px}

div#friendPages form div input.button {position:relative; float:left; margin-right:10px; left:240px; width:auto; padding:0px 5px;}
div#friendPages form select {margin:0px;}
div#friendPages form label#lblRequestPassword {display:block; width:180px;}
div#friendPages div.security table {position:relative; top:10px;}
div#friendPages form div#divcontinuousAuthorisation label,
  div#friendPages form div#divMailingList1 label,
    div#friendPages form div#divLabel1 label {width:auto;}