@import url(reset.css);

/* GENERAL STRUCTURE AND SETUP */
body {background:#fff; font-size:62.5%; font-family:verdana, arial, helvetica, sans-serif;}

#container {width:946px; margin:0 auto;}

#header {height:139px; background-color:#fff; background:url(img/header.jpg) no-repeat; margin-top:5px;}
#header #logo {position:relative; top:36px; left:57px;}
#header #baseline {position:relative; top:45px; left:69px; background-color:#fff; width:650px;}
#header #baseline p {font-size:1.4em; font-weight:300;}

#navigation {position:relative; top:120px; margin-left:69px; font-size:1.4em;clear:both; text-align:left;}
#navigation li {display:inline; border-right:1px solid #ccc; padding-right:1em; margin-right:1em;}
#navigation li.last {border-right:none; padding-right:0; margin-right:0;}
#navigation li.current {font-weight:700;}
#navigation a:link, #navigation a:visited {color:#000; text-decoration:none;}
#navigation a:hover, #navigation a:active {color:#000; text-decoration:underline;}


#breadcrumbs {margin:3em 0 0 0;}
#breadcrumbs ul li {display:inline; font-size:1.1em;}

#toolbar {float:right; margin-top:0;}
#toolbar li {display:inline; border-right:1px solid #ccc; padding-right:1em; margin-right:1em;}
#toolbar li.last {border-right:none; padding-right:0; margin-right:0;}
#toolbar li a {font-size:1.2em; font-weight:700; line-height:2em;}
#toolbar li a.search {background:url(img/icon_search.gif) top left no-repeat; padding-left:15px;}
#toolbar li a.result {background:url(img/icon_result.gif) top left no-repeat; padding-left:15px;}

#content {margin:3em 0 2.5em 0;}
#content p {font-size:1.2em; margin:0 0 1em 0;}

#footer {font-size:1.2em; border-top:1px solid #ccc; padding:1em 0 1em 0; text-align:center; clear:both;}
#footer li {display:inline; border-right:1px solid #ccc; padding-right:1em; margin-right:1em;}
#footer li.last {border-right:none; padding-right:0; margin-right:0;}

h1 {font-size:1.9em; font-weight:700; margin:0em 0 1.2em 0; color:#0092BF; background:url(img/h1_arrow.png) left 1.3em no-repeat; padding:1em 0 0 15px; text-align:left;}
h2 {font-size:1.7em; font-weight:700; margin:0 0 0.5em 0; color:#5d5f60;}
h3 {font-size:1.2em; font-weight:700; margin:0 0 1em 0;}

#help {font-size:1.2em; font-weight:700; float:right; padding:2.5em 0 0 0;}
#help a:link, #help a:visited {color:#0092BF; text-decoration:underline;}
#help a:hover, #help a:active {color:#0092BF; text-decoration:underline;}
#help li {display:inline; border-right:1px solid #ccc; padding-right:1em; margin-right:1em;}
#help li.last {border-right:none; padding-right:0; margin-right:0;}
 

strong {font-weight: 700;}


/* CONTENT */

.stressedParagraphs {border: 1px solid #ccc; padding:0.5em 0.5em 0 0.5em; margin-bottom:2em;}

#content ul.contentlist {margin-bottom:1em;;}
#content ul.contentlist li {list-style-type:disc; margin:0 0 0 2em; font-size:1.2em;}
#content ul.contentlist li p {font-size:1.0em;}
#content ul.contentlist li ul li {font-size:1.0em; list-style-type:circle;}

#content .contentTable {margin-bottom:1.5em;}
#content .contentTable td, #content .contentTable th {border:1px solid #ccc; padding:0.3em;}
#content .contentTable caption {font-weight:700;}


/* HOMEPAGE */
.home #content {background-image:none; margin-bottom:0em;}
#content #menuBlock {margin-top:3em; margin-bottom:3em;}

#content #menuBlock {display:block; width:25em; margin:0 auto; background-color:#f4f4f5; margin-top:2em; margin-bottom:3em;}
#content #menuBlock .startLink {text-align:right; padding:1em 1em 0.8em 0;}

#content #menuBlock .header {background:url(img/terneuzen_box_tr.png) right top no-repeat; width:100%; height:12px; font-size:1px; float:left;}
#content #menuBlock .header div {background:url(img/terneuzen_box_tl.png) left top no-repeat; height:12px; width:12px; font-size:1px;}
#content #menuBlock .content {border-left:10px solid #0092bf; border-right:10px solid #0092bf; clear:both; min-height:10em;}
#content #menuBlock h2 {clear:both; padding:0.4em 0 0.4em 10px; margin-bottom:0; font-size:1.5em; background:url(img/terneuzen_box_ml.png) top left repeat-y; border-right:10px solid #0092bf; text-align:center;}
#content #menuBlock h2 a:link, #content #menuBlock h2 a:visited {color:#0092BF; text-decoration:none;} 
#content #menuBlock .content p.introText {margin:0 0 0 14px; border-top:1px solid #929189; padding:1em 1em 0 0;}
#content #menuBlock .footer {background:url(img/terneuzen_box_br.png) right top no-repeat; width:100%; height:12px; font-size:1px; float:left;}
#content #menuBlock .footer div {background:url(img/terneuzen_box_bl.png) left top no-repeat; height:12px; width:12px; font-size:1px;}

.steps {font-weight:700; font-size:2em; color:#0092BF; padding-left:0.25em; padding-right:0.25em;}

#partners {clear:both; padding-top:1em; padding-bottom:0.5em;}
#partners ul {text-align: center;}
#partners ul li {display:inline; margin-right:40px;}
#partners ul li.last {margin-right:0;}

/* SEARCH FORM */
#content form {margin-top:3em;}
#content form .formRow {clear:both; margin-top:1em;}
#content form .formRow .formLabel {display:block; float:left; width:15em; text-align:right; margin-right:1em;}
#content form .formRow .formLabel label {font-size:1.2em;}
#content form .formRow input {display:block; float:left;}

#content form .buttonRow {clear:both; margin-top:1em; padding-left:16em;}

/* SEARCH RESULT */
#content .resultNumber p {font-size:1.2em; font-weight:700;}
#content table.resultRecords {margin:0; width:100%;}
#content table.resultRecords thead tr th {position:absolute; left:-9999px; border:1px solid red;}
#content table.resultRecords tr.odd {background-color:#f3f3ef;}
#content table.resultRecords tr.even {background-color:#efefeb;}
#content table.resultRecords tr:hover {background-color:#d3dbdb; cursor:pointer;}
#content table.resultRecords tr td {font-size:1.2em; padding:0.6em;}

/* DETAIL */
.detail #content h3 {margin:2em 0 0.5em 0;}
.detail #content ul.detailList li {list-style-type:disc; margin:0 0 0.5em 1.4em; font-size:1.2em;}
.detail #content ul.detailList li ul {margin-top:0.5em;}
.detail #content ul.detailList li ul li {list-style-type:circle; margin:0 0 0.5em 1.4em; font-size:1.0em;}
.detail #content .imgBuilding {float:right;padding:1px;border:10px solid #ccc; margin:10px 0 20px 20px;}

/* CLEARFIX */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

.hidden {position:absolute; left:-9999px;}