/*
 * Colours
 * Red		
 */

/* Globals */
html {overflow: -moz-scrollbars-vertical; overflow-y:scroll;}
body { font-family:arial; text-align:center; font-size:11px; margin:0; padding:0; font-family:verdana;}
body.gallery-item { background-color:#000; }
form {display:inline;}
img {border:0; display:block;}
td {vertical-align:top;}
a { text-decoration:none; outline:0; color:#B20000; }
p {line-height:21px; margin: 0 0 15px 0; clear:both;}
p a, li a {text-decoration:underline;}
ul, ol {margin:10px 0; padding:0 0 0 15px; list-style-position:outside;}
ul li, ol li { line-height:18px;}

#algevoorlink { font-weight:bold; }
#algevoorlink:hover { text-decoration:underline; }


/* Divs */
#wrapper {width:1024px; margin:0 auto; text-align:left;}

#header { background:#000 url('/images/layout/header_index.jpg') no-repeat; height:186px; position:relative; }
#header.en {background-image:url('/images/layout/header_index_en.jpg');}
#memo { position:absolute; right:0; top:0; }
#memo a.email { position: absolute; right: 21px; top: 68px; height: 22px; display: block; text-indent: -9999px; width: 172px; }
#memo a.skype { position: absolute; right: 78px; top: 20px; height: 22px; display: block; text-indent: -9999px; width: 115px; }

#contactinfo { position: absolute; top: 0; right: 0; padding: 20px 24px 0 0; }
#contactinfo > table { color: white; border-collapse: collapse; }
#contactinfo td, #contactinfo th { line-height: 22px; font-size: 14px; font-weight: normal; }
#contactinfo th { padding-right: 13px; color: #BB0000; }
#contactinfo a { color:#fff; }
#contactinfo a:hover, #contactinfo a:focus, #contactinfo a:active { color:#ccc; }

.menu { background:#000; overflow:auto; _height:20px; padding:10px 0 10px 97px; position:relative;}
.menu ul { overflow:auto; list-style:none; margin:0; padding:0; }
.menu ul li {float:left; padding:0 5px;}
.menu ul li a {display:block; font-size:11px; line-height:19px; color:#fff; text-transform:uppercase; text-decoration:none; font-weight:bold; padding:0 4px;}
.menu a:hover { color:#ccc; }
.menu ul li.active a, .menu ul li.active a:hover { color:#fff; background:#b20000; }
#sub.menu {background:#fff;}
#sub.menu ul li a {text-transform:none; color:#000;}
#sub.menu a:hover { color:#444; }
#sub.menu ul li.active a {color:#fff;}
a.flag {position:absolute; width:30px; height:15px; text-indent:-9999px; top:12px;  }
a.nl {background:url('/images/layout/flag_nl.png') no-repeat; left:937px;}
a.en {background:url('/images/layout/flag_en.png') no-repeat; left:977px}

#content {clear:both; min-height:500px; height:auto !important; height:500px;}
#main {float:left; width:763px;}
#main .inner {padding:30px 50px 20px 107px;}
body.gallery-item #main .inner { padding-top:5px; }
#main .intro {padding:0;}
#main .intro p {font-size:14px;}
#side {float:left; width:240px;}
#side .bar {float:left; width:229px;}
#side .inner { padding:19px 42px 40px 19px;overflow:auto; }
#side .image { width:167px; height:167px; overflow:hidden; margin-bottom:10px; }
#side .image img { width:167px; height:167px; }

#extra { clear:both; height:397px; background:url('/images/layout/map.png') bottom left no-repeat; position:relative; }
#extra ul {background:#fff; list-style:none; margin:0 78px 0 85px; overflow:auto; padding:0 0 19px 19px;}
#extra ul li { float:left; padding:0; width:200px; height:120px; margin-right:5px; overflow:hidden; border:solid 1px #b20000; }
#extra ul li.extra-4 { margin-right:0; }
#extra ul li a { position:relative; background-color:#fff; color:#b20000; text-decoration:none; display:block; width:170px; height:100px; padding:10px 15px; }
#extra ul li.extra-1 a { background-color:#b20000; color:#fff; }
#extra ul li.extra-4 a { color:#777; }
#extra ul li a span.title, #extra ul li a span.description { display:block; }
#extra ul li a span.title { font-size:13px; font-weight:bold; }
#extra ul li a .pijl { display:block; position:absolute; right:-1px; bottom:-1px; width:26px; height:26px; background:transparent url(/images/layout/pijl-klein.gif) no-repeat right bottom; }
#extra a.oosterschelde { position:absolute; left:588px; top:258px; display:block; width:104px; height:118px; text-indent:-9999px; }
#extra a.helena { position:absolute; left:774px; top:225px; display:block; width:100px; height:100px; text-indent:-9999px; }

#gallery { width:1024px; margin-left:-107px; position:relative; }
#gallery .carousel { height:117px; width:820px; margin:auto; clear:both; overflow:hidden; }
#gallery .carousel ul { height:117px; width:820px; clear:both; margin:0; padding:0; }
#gallery .carousel ul li { list-style:none; float:left; width:100px; height:117px; padding:0 10px; }
#gallery .carousel ul li a { display:block; border:solid 3px #fff; width:94px; height:94px; text-indent:-9999px; background:transparent none no-repeat center center; }
#gallery .carousel ul li a:hover { width:88px; height:88px; border-width:6px; }
#gallery .carousel ul li a.active { width:80px; height:80px; border-width:10px; }
#gallery .carousel ul li span { display:block; color:#fff; font-weight:bold; font-size:16px; text-align:center; }
#gallery .controls a { left:40px; position:absolute; top:37px; width:26px; height:26px; text-indent:-9999px; background:#fff; overflow:hidden; background:url(/images/layout/pijl-klein-links.gif) no-repeat 0 0; }
#gallery .controls a.next { left:auto; right:40px; background-image:url(/images/layout/pijl-klein.gif); }
#gallery .item { padding-top:15px; }
#gallery .item .image { text-align:center; }
#gallery .item .image img { max-width:1024px; display:inline; }
#gallery .item .title { padding-top:5px; }
#gallery .item .title h1 { text-align:center; }
#gallery .item .description { padding-bottom:40px; color:#fff; font-size:14px; }

#newsitems ul.layout {list-style:none; margin:0; padding:0;}
#newsitems ul li.layout { display:block; border-top:1px solid #b20000; position:relative; min-height:208px; }
#newsitems ul.gallery li.layout { min-height:120px; }
#newsitems ul li.media-layout { min-height:106px; }
#newsitems ul li.justtitle { height:auto; min-height:0; padding-bottom:20px; }
#newsitems ul li.layout .image { position:absolute; right:0; top:20px; width:168px; height:168px; overflow:hidden; }
#newsitems ul.gallery li.layout .image { width:100px; height:100px; }
#newsitems ul li.layout .image img { width:167px; height:167px; }
#newsitems ul.gallery li.layout .image img { width:100px; height:100px; background:transparent none no-repeat center center; }
#newsitems ul li.media-layout .image, #newsitems ul li.media-layout .image img { height:66px; width:66px; }

#wide #newsitems ul li.layout .inner { padding:20px 200px 10px 0; }
#newsitems p.date {font-size:14px; margin:0;}
#newsitems ul.ul-nieuws li.justtitle { padding-bottom:10px; }
#wrapper #newsitems ul.ul-nieuws li.justtitle .inner { padding-top:10px; }
#newsitems ul li.justtitle h1 { font-size:14px; }
#newsitems ul.ul-nieuws li.justtitle h1 a { /*color:black;*/ }
#newsitems li.layout h1 .smalldate { font-size:14px; color:black; }

#footer {background:#7c0000; position:relative; clear:both;}
#footer .logo {margin:0 auto; width:803px;}
#footer .logo h2 {margin:0;}
#footer .logo h2 a {display:block; height:77px; background:url('/images/layout/logo_rotterdamsezeilschip.png') no-repeat; text-indent:-9999px;}
#footer .contact {position:absolute; top:50%; left:725px; margin-top:-28px; height:50px;}
#footer .contact p {color:#cb9999; font-size:11px; line-height:18px;}
#footer .contact p a {color:#cb9999;}
#footer .contact p a:hover {color:#fff;}
.clear {clear:both;}

a.readmore { /*display:block; float:left;*/ clear:both; color:#b20000; text-decoration:none; border-bottom:1px solid #b20000; background:url('/images/layout/readmore.gif') 0 3px no-repeat; padding:0 0 0 12px; margin:0 0 9px; line-height:14px; }

#index #content {background:url('/images/layout/bar_top.png') no-repeat;}
#index #main .inner { padding-top:78px; }
#index #main {width:517px;}
#index #side {width:462px;}

#wide #main { width:auto; float:none; }
#wide #main .inner {padding-right:97px;}


#main .newsitem { padding-top:10px; }
.newsitem p { margin:0; }
.integral-form p { margin:0; }


/* Content */
h1 {margin:0 0 3px; color:#b20000;}
h1 a {text-decoration:none; color:#b20000;}
h1 a:hover {border-bottom:1px dotted;}
h2 { margin:0; font-size:16px; color:#000; }
h2 a {color:#000; text-decoration:underline;}
h2 a:hover {color:#b20000;}
h2 span {font-size:11px; font-weight:normal;}
h3 {margin:0 0 5px; font-size:15px; font-weight:bold; color:#b20000;}
h3 a {color:#b20000; text-decoration:none;}
h4 {margin:0 0 4px; font-size:13px; font-weight:bold;}


/* Inputs */
div.row { clear:both; position:relative; overflow:auto; }
div.integral-form div.ezcontentmailformreadonlyfield { display:none; }
span.input { display:block; float:left; width:200px; }
span.errormessage { display:none; position:absolute; left:360px; top:3px; color:#f00; }
div.error span.input input { border-color:red; background:yellow }
span.input input, textarea { border:1px solid #000; padding:3px; width:390px; margin:3px 0 0; _background-color:#eee; *background-color:#eee; }

/** Boekingsaanvraag **/
body.p-boekingsaanvraag div.row { float:left; clear:none; height:27px; overflow:visible; }
body.p-boekingsaanvraag div.ezcontentmailformtextareafield, body.p-boekingsaanvraag div.ezcontentmailformmultiplecheckboxfield, body.p-boekingsaanvraag div.ezcontentmailformlabelfield { height:auto; }
/** 100 % **/
body.p-boekingsaanvraag div.ezcontentmailformtextareafield, body.p-boekingsaanvraag div.ezcontentmailformlabelfield, body.p-boekingsaanvraag div.ezcontentmailformmultiplecheckboxfield, body.p-boekingsaanvraag div.field_1274177973631, body.p-boekingsaanvraag div.field_1274178144613, body.p-boekingsaanvraag div.field_1274178152678, body.p-boekingsaanvraag div.field_1274178190060, body.p-boekingsaanvraag div.xxx, body.p-boekingsaanvraag div.xxx, body.p-boekingsaanvraag div.xxx { width:100%; }
body.p-boekingsaanvraag #main div.field_1274177973631 input, body.p-boekingsaanvraag #main div.field_1274178144613 input, body.p-boekingsaanvraag #main div.field_1274178152678 input, body.p-boekingsaanvraag #main div.field_1274178190060 input, body.p-boekingsaanvraag #main div.xxx input, body.p-boekingsaanvraag #main div.xxx input, body.p-boekingsaanvraag #main div.xxx input, body.p-boekingsaanvraag #main div.xxx input { width:634px; }
/** right **/
body.p-boekingsaanvraag div.field_1274177965744, body.p-boekingsaanvraag div.field_1274177997961, body.p-boekingsaanvraag div.field_1274178015884, body.p-boekingsaanvraag div.field_1274178027042, body.p-boekingsaanvraag div.field_1274178165679, body.p-boekingsaanvraag div.field_1274178184163, body.p-boekingsaanvraag div.field_1274183812241, body.p-boekingsaanvraag div.field_1274183823403, body.p-boekingsaanvraag div.xxx { float:right; }
body.p-boekingsaanvraag div.field_1274177965744 span.label, body.p-boekingsaanvraag div.field_1274177997961 span.label, body.p-boekingsaanvraag div.field_1274178015884 span.label, body.p-boekingsaanvraag div.field_1274178027042 span.label, body.p-boekingsaanvraag div.field_1274178165679 span.label, body.p-boekingsaanvraag div.field_1274178184163 span.label, body.p-boekingsaanvraag div.field_1274183812241 span.label, body.p-boekingsaanvraag div.field_1274183823403 span.label, body.p-boekingsaanvraag div.xxx span.label { padding-left:20px; width:120px; }
span.label { display:block; float:left; width:150px; line-height:24px; }
body.p-boekingsaanvraag span.label { width:180px; line-height:normal; padding-top:10px; }
body.p-boekingsaanvraag div.ezcontentmailformmultiplecheckboxfield span.input input, body.p-boekingsaanvraag div.ezcontentmailformmultiplecheckboxfield span.input label { float:left; }
body.p-boekingsaanvraag div.ezcontentmailformmultiplecheckboxfield span.input input { clear:left; margin-right:24px; }
body.p-boekingsaanvraag div.ezcontentmailformmultiplecheckboxfield span.input label { clear:right; padding-top:3px; }
body.p-boekingsaanvraag div.field_1274185579971 span.label, body.p-boekingsaanvraag div.field_1277824565846 span.label { display:none; }
div.ezcontentmailformlabelfield span.label { width:auto; }
body.p-boekingsaanvraag div.field_1274186199934 span.label { width:auto; padding-right:12px; }
body.p-boekingsaanvraag span.input { width:auto; }
body.p-boekingsaanvraag textarea { width:632px; }
body.p-boekingsaanvraag span.input input { width:244px; border:dotted 1px black; border-width:0 0 1px 0; }
body.p-boekingsaanvraag span.input input:focus { outline:0; border:solid 2px black; border-width:0 0 2px 0; }
#main div.row span.input input.radio, #main div.row span.input input.checkbox { width:auto; border:none; }
#main .ezcontentmailformradiofield span.input label { padding:0 10px 0 6px; }
body.p-boekingsaanvraag #main .ezcontentmailformradiofield span.input { width:250px; padding-top:5px; }
.ezcontentmailformreadonlyfield span.input input.readonly { border-color:#fff; font-weight:bold; }
div.submit input { cursor:pointer; border:0; background-color:#b20000; padding:5px 15px; color:#fff; font-weight:bold; }
body.p-boekingsaanvraag div.submit input { margin:20px 0 0 180px; }
select {margin-top:3px;}
div.submit {clear:both;}
div.submit input {margin-left:150px;}

.newsletter-subscribe-form {}
.newsletter-subscribe-form .row {display: inline;}
.newsletter-subscribe-form div.submit {display: inline; padding-left: 60px;}
.newsletterlinkje { padding-left: 150px; margin-top: 10px; display: block; clear: both; width: 100%;}