html, body {height:100%; margin:0; padding:0;}
body {background-color:#fff; border-style:none; color:#102c55; font:70% Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0;}
fieldset {border:0; margin:0; padding:0;}
legend {display:none;}
form {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
img {border:0; margin:0; padding:0;}
p {margin:0; padding:0 0 10px 0;}
p.intro {font-weight:bold;}
p.nomargin {margin:0; padding:0;}
ol, ul, li {margin:0; padding:0; text-indent:0;}
dd {margin:0;}
select, input, textarea {font-family:Verdana, Arial, Helvetica, sans-serif;}
table {font-family:Verdana, Arial, Helvetica, sans-serif;}
h1 {font-size:1.6em; padding-bottom:10px;}
h2 {font-size:1.5em; padding-bottom:10px;}
a {text-decoration:none;}
a span{color:#102c55; border-bottom:1px solid #b7bfcc; text-decoration:none;}
a:hover span{border-bottom:none; padding-bottom:1px;}
h1 a:hover, h2 a:hover {color:#b7bfcc;}
h3 a:hover {color:#b7bfcc;}
.clear {clear:both; font-size:0em; height:0px; line-height:0px; margin:0; padding:0;}
p.clear {clear:both;}
.print {display:none;}
.hidden {position:absolute; left:-1000em;}
span.hidden {position:relative;left:-1000em;}
img.left {float:left; padding:0;}
img.right {float:right; padding:0;}
/* Wrapper
---------------------------------------------- */
#wrapper {min-height:100%; margin:0 auto; width:995px; border:none;}
#innerWrapper {padding-top:10px;}
ul.accesNav {font-size:0.1em; height:0px; line-height:0.1em; list-style:none; position:absolute; left:-900em;}
/* Main navigation
---------------------------------------------- */
#mainNav {color:#ff6600; float:left; font-size:1.3em; margin:5px 0 5px 15px;}
#mainNav ul li {float:left; list-style:none; margin:0;}
#mainNav a {color:#ff6600; font-size:0.8em; margin:0 15px 0 15px; text-decoration:none;}
#mainNav a span {border-bottom:none; color:#ff6600; font-size:1.0em;}
#mainNav a.home {margin:0 20px 0 0;}
#mainNav a.selected , #mainNav a.selected span{color:#ffb685;}
/* Header
---------------------------------------------- */
.logo {float:left; display:block; height:119px; width:273px;}
.header {float:right;}
/* Content
---------------------------------------------- */
#content {line-height:1.3em;}
#content li a {color:#102c55; border-bottom:1px solid #b7bfcc; text-decoration:none;}
#content li a span {border-bottom:none;}
#content li a:hover {border-bottom:none; padding-bottom:1px;}
#content li a.extern {border-bottom:none;}
#content li a.extern, #content li a:hover.extern {background:url("../img/externlink.gif") no-repeat center right; padding:5px 30px 5px 3px;text-decoration:none;}
#content li a.extern span{color:#102c55; border-bottom:1px solid #b7bfcc; margin-right:1px; text-decoration:none;}
#content li a:hover.extern span {border-bottom:none; padding-bottom:1px;}
span.extern {background:url("../img/externlink.gif") no-repeat center right; padding:5px 30px 5px 3px;}
span.info {clear:left; color:#8795aa; display:block; float:left; font-size:1em; padding:5px 0 10px 20px;}
span.newsinfo {clear:both; color:#8795aa; display:block; font-size:1em; padding:0;}
span.icons {background:url("../img/icon-block.gif") no-repeat; color:#8795aa; display:block; float:right; height:25px; text-align:center; width:69px;}
span.icons img {margin:5px 8px 0 10px;}
/* innercontent
---------------------------------------------- */
.innerContent {float:left; width:720px;}
/* Leftbar
---------------------------------------------- */
.leftBar {float:left; width:210px; margin:15px 10px 10px 0;}
.leftBar.home {margin:30px 10px 0 0;}
.leftBar h2, .leftBar p {margin:0 30px 0 10px;}
.leftBar img.left {padding-right:10px;}
/* Sub navigation
---------------------------------------------- */
#subNav {font-size:1.2em; margin: 0 0 15px 0; }
#subNav dl { margin: 0; }
#subNav a { color: #f60; text-decoration:none;}
#subNav dt {background: #fff url("../img/leftnav-corners-top.gif") left top no-repeat; font-size:1.1em; font-weight:bold; }
#subNav dt a, #subNav dt a:link { padding: 12px 0 6px 20px; display: block; }
#subNav dt a:hover, #subNav dt a.selected {background: #fff url("../img/leftnav-corners-top-selected.gif") left top no-repeat; }
#subNav dd {border: 1px solid #d2d2d2; border-bottom:none; list-style:none; }
#subNav dd a {display:block; padding:6px 0 6px 20px; width:188px;}
#subNav dd a:hover, #subNav dd a.selected { background: #eff0f0; }
#subNav dd.last { border-left: none; border-right: none; background: #fff url("../img/leftnav-corners-bottom.gif") left bottom no-repeat; margin:0; }
#subNav dd.last a:hover, #subNav dd.last a.selected { background: #fff url("../img/leftnav-corners-bottom-selected.gif") left bottom no-repeat;}
/* Main
---------------------------------------------- */
.main {float:right; width:500px; margin:15px 0 15px 0;}
.main a {border-bottom:#102c55 solid 1px; color:#102c55;}
.main h1 {padding:5px 0 10px 20px;}
.main h1.forum, .main h1.news {padding:5px 0 0 20px;}
.main h2 { font-size:1.3em; padding:5px 0 10px 20px;}
.main h3 { font-size:1.2em; padding:5px 0 10px 20px;}
.main h3 a {border-bottom:#fff solid 1px;}
.main p {margin:0 30px 0 20px;}
.main ul {margin:0 0 15px 5px;}
.main img {float:left; margin:0 20px 20px 20px; padding:0;}
.main p img {float:left; margin:0 20px 20px 0; padding:0;}
/* Rightbar
---------------------------------------------- */
.rightBar {float:right; width:265px; margin-bottom:10px;}
.innerrightBar {background:url("../img/white.gif") 0 10px no-repeat; position:absolute; top:65px; }
.rightBar h2, .rightBar p {margin:0 0 0 15px;}
.rightBar h2 { line-height: 1.1em; }
/* Items
---------------------------------------------- */
.item { margin-bottom:15px; }
a.extern {background:url("../img/externlink.gif") no-repeat center right; padding:5px 30px 5px 3px; text-decoration:underline;}
a.extern:hover {text-decoration:none;}
ul li a.extern {padding-left:0;}
span.extern {background:url("../img/externlink.gif") no-repeat center right; padding:5px 30px 5px 3px;}
span.info {clear:left; color:#8795aa; display:block; float:left; font-size:1em; padding:5px 0 10px 20px;}
span.newsinfo {clear:both; color:#8795aa; display:block; font-size:1em; padding:0;}
span.icons {background:url("../img/icon-block.gif") no-repeat; color:#8795aa; display:block; float:right; height:25px; text-align:center; width:69px;}
span.icons img {margin:5px 8px 0 10px;}
/* Blockitems: informatiepakket vervolgpagina's
---------------------------------------------- */
.blockitem .itemtop {background:url("../img/leftnav-corners-top.gif") no-repeat; height:10px; width:210px; }
.blockitem .itembottom {background:url("../img/leftnav-corners-bottom.gif") no-repeat bottom center; width:210px; }
.blockitem {background:url("../img/borders-blockitem.gif") left top; }
.blockitem img {padding:0;}
.blockitem p {padding:0;}
.topitem .itemtop {background:url("../img/item-topright.gif") no-repeat; height:10px; width:256px;}
.blockitem1 .itemtop {background:url("../img/item-topright.gif") no-repeat; height:10px; width:256px;}
.rightBar .blockitem1 h2 {margin:0 0 0 15px;}
.blockitem1, .topitem {background:url("../img/item-bottom.gif") no-repeat bottom center; padding:0 0 40px 0; width:256px;}
/* lists
---------------------------------------------- */
ul li {list-style-image:url("../img/list-item.gif"); line-height:1.4em; margin:0 5px 12px 35px;}
ol li {line-height:1.8em; margin:12px 5px 12px 40px;}
ul li ul li, ol li ul li {margin:12px 5px 12px 15px;}
ul li a {text-decoration:underline;}
ul.download li {background:url("../img/icon-gen.gif") no-repeat; list-style:none; list-style-image:none; margin:12px 30px 12px 20px; padding-left:20px;}
ul.download li.doc {background:url("../img/icon-word.gif") no-repeat;}
ul.download li.pdf {background:url("../img/icon-pdf.gif") no-repeat;}
ul.download li.xls {background:url("../img/icon-excell.gif") no-repeat;}
ul.download li.gen {background:url("../img/icon-gen.gif") no-repeat;}
ul.bijlagen {margin-left:30px;}
ul.bijlagen li {background:url("../img/attach-icon.gif") 0 50% no-repeat; list-style-image:none; list-style:none; padding-left:20px; margin:0 0 5px 15px;}
ul.bijlagen li img {margin-right:10px;}
ul.options li {list-style-image:none; list-style:none; margin:0 5px 3px 0;}
ul.options li img {margin-right:10px;}
ul.options li span.options {color:#ff6600;}
ul.news li {clear:both; float:none; list-style-image:none; list-style:none; margin:10px 5px 10px 15px;}
ul li span.newsinfo {float:left; color:#8795aa; font-size:1em; padding-top:5px; max-width:150px; width:75px;}
ul.news li ul {float:left; margin:0;}
ul.news li ul li {float:none; list-style-image:url("../img/list-item.gif"); margin:2px 5px 10px 35px; max-width:350px; width:350px;}
ul.cards {clear:both; margin:0; }
ul.cards li {background-color:#e6e6e6; border-left:5px solid #fff; border-top:10px solid #fff; float:left; list-style-image:none; list-style:none; margin:0; padding:0 0 10px 0; width:235px;}
ul.cards li img { float:none; padding:0; margin:0;}
ul.cards li input {margin:10px 0 0 10px;}
ul.cards li label {margin-top:7px;}
ul.errors {margin-bottom:0;}
ul.errors li {list-style-image:none; list-style:none; margin:0 5px 3px 15px;}
.downloads dl {background:url("../img/ico-gen.gif") no-repeat 0 10px; margin:0 10px 10px 15px; padding:10px 0 0 30px;}
.downloads dl.doc {background:url("../img/icon-word.gif") no-repeat 0 10px;}
.downloads dl.gen{background:url("../img/icon-gen.gif") no-repeat 0 10px;}
.downloads dl.pdf {background:url("../img/icon-pdf.gif") no-repeat 0 10px;}
.downloads dl.xls {background:url("../img/icon-excell.gif") no-repeat 0 10px;}
.downloads dl dt a { display:block; font-size:1.1em; font-weight:bold; margin-bottom:10px; text-decoration:underline;}
.downloads dl dd.info {padding-left:0;}
/* tables
---------------------------------------------- */
table {border-left:1px solid #d2d2d2; border-top:1px solid #d2d2d2; width:100%;}
td, th {border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; font-weight:normal; text-align:left; padding:5px 5px 5px 20px;}
thead th {background-color:#eff0f0; font-weight:bold; width:165px;}
/* overview1: FAQ,
---------------------------------------------- */
.overview1 {margin-bottom:10px;}
.overview1 .head {background: url("../img/el-top.gif") no-repeat; clear:both; display:block; float:none; font-size:1.3em; width:475px; padding:10px 5px 10px 20px;}
.overview1 .head1 {border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; clear:both; display:block; float:none; font-size:1.3em; width:475px; padding:10px 3px 10px 20px;}
.overview1 div.head {border-bottom:none; font-size:0.1em; padding:0 5px 7px 20px;}
.overview1 .item {border:1px solid #d2d2d2; border-top:none; clear:both; margin:0; padding-bottom:5px; }
.overview1 .lastitem {border-bottom:none;}
.overview1 p {border:1px solid #d2d2d2; border-top:none; clear:both; margin:0; padding:5px 5px 5px 20px;}
.overview1 div p {border:none; border-top:none; clear:both; margin:0; padding:5px 5px 5px 20px;}
.overview1 img {float:none; margin:0; padding:5px;}
.overview1 h3, .overview1 h4 {font-size:1.1em; padding:10px 5px 5px 20px;}
.overview1 h3.date {border-bottom:1px solid #d2d2d2; color:#ff6600; width:473px; padding:10px 5px 10px 20px;}
.overview1 ul {margin:0 0 15px 5px;}
.overview1 .lastitem ul {margin:0 0 0 5px;}
.overview1 .info {color:#8795aa; padding:5px 5px 0 20px;}
.overview1 .foruminfo {color:#8795aa; padding:5px 5px 10px 20px;}
.overview1 .replies {background:url("../img/forum.gif") no-repeat; display:inline; padding:0 0 10px 25px;}
.overview1 .foot {background: url("../img/el-bottom1.gif") no-repeat center bottom; border-top:none; clear:both; display:block; float:none; padding:5px 5px 5px 0; width:495px;}
.overview1 .foot.pageNav {padding:10px 5px 25px 0;}
/* pageNav
---------------------------------------------- */
ul.pageNav {display:block; float:right; margin:0; padding:0; width:478px;}
ul.pageNav li {float:left; list-style-image:none; list-style:none; margin:0;}
ul.pageNav li.previous {float:left; width:30px;}
ul.pageNav li.pages {float:right; margin:0; text-align:center; width:300px;}
ul.pageNav li.next {float:right; width:30px; margin-left:20px; margin-right:50px;}
ul.pageNav li a {margin-top:7px; padding:0 4px 0 4px;}
ul.pageNav li a.selected {border:1px solid #ff6600; margin-top:6px; text-decoration:none;}
ul.pageNav li.previous a {background:url("../img/list-item-prev.gif") no-repeat left 60%; margin-top:0; padding:7px 0 0 20px;}
ul.pageNav li.next a {background:url("../img/list-item.gif") no-repeat right 60%; margin-top:0; padding:7px 20px 0 0;}
/* overview
---------------------------------------------- */
.overview {margin-bottom:10px;}
.overview .head {background: url("../img/el-top.gif") no-repeat; border-top:none; clear:both; display:block; float:none; width:475px; padding:15px 5px 10px 20px;}
.overview .head1 {background: none;}
.overview .headitem {border:1px solid #d2d2d2; border-top:none; clear:both; padding:15px 5px 10px 20px;}
.overview .headitem1 {background-color:#f9f9f9;}
.overview .item, .overview p {border:1px solid #d2d2d2; border-top:none; clear:both; height:60px; margin:0; padding:5px 5px 5px 20px; }
.overview .lastitem {border-bottom:none; clear:both; margin:0; padding-bottom:0;}
.overview .headitem p {border:none; clear:none; float:left; height:auto; padding:0;}
.overview .info {border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; position:absolute; top:267px; width:498px; z-index:10;}
.overview .info1 {border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; position:absolute; top:527px; width:498px; z-index:10;}
.overview .info a, .overview .info1 a {float:right; margin-right:40px; width:30px;}
.main .overview .info img, .main .overview .info1 img {margin:0 0 5px 2px;}
.overview .info span, .overview .info1 span { border-bottom:none; margin:0;}
.overview .item div span {display:block; margin-top:47px; margin-left: 7px; }
.overview h2 {color:#ff6600; float:left; padding:0 0 5px 0; width:145px;}
.overview h3 {float:left; font-size:1.2em; padding:15px 0 0 0; width:145px;}
.overview h3 a {display:block; text-decoration:none;}
.overview h3 a span {text-decoration:none;}
.overview h3 a:hover {border-bottom:none; text-decoration:none;}
.overview .foot {background: url("../img/el-bottom.gif") no-repeat center top; border-top:none; clear:both; display:block; float:none; width:475px; padding:15px 5px 20px 20px; }
.overview .foot1 {background: url("../img/el-bottom1.gif") no-repeat center bottom; border-top:none; clear:both; display:block; float:none; padding:5px 5px 0 20px; width:475px;}
.overview .foot a {background:url("../img/list-item-grey.gif") no-repeat center left; color:#ff6600;padding-left:20px;}
/* visuals
---------------------------------------------- */
.visualStemronde {background:url("../img/thermometer4-stemronde.jpg") no-repeat; float:left; height:57px; width:323px;}
.visualOnderhandelingen {background:url("../img/thermometer2-onderhandelingen.jpg") no-repeat; float:left; height:57px;width:222px;}
.visualAccoord {background:url("../img/thermometer3-akkoord.jpg") no-repeat; float:left; height:57px; width:277px;}
.visualVoorstellen {background:url("../img/thermometer1-voorstellen.jpg") no-repeat; float:left; height:57px; width:162px;}
.visualStem {background:url("../img/stem.gif") no-repeat; float:left; height:56px; width:300px;}
.visualStem a { display:block; height:56px; width:300px; text-decoration:none;}
.visualNieuweCao {background:url("../img/thermometer5-nieuwecao.jpg") no-repeat; float:left; height:57px; width:323px;}
/* Form
---------------------------------------------- */
.formitem {clear:both; padding:0 0 10px 20px; width:475px;}
.formitem.first {padding-top:10px;}
.formitem.second {padding:0 0 30px 20px;}
.formitem.options {padding:0 0 0 20px; width:auto;}
label {display:block; float:left; padding:5px 0 5px 0; width:175px;}
.cards label {float:left; padding:0 0 0 10px;}
.formitem h3 {float:none; padding:5px 5px 10px 0;}
.formitem h3 label {float:none;}
input {border:1px solid #102c55; font-size:1.0em; height:15px; width: 270px;}
textarea {border:1px solid #102c55; font-size:1.0em; height:150px; overflow:auto; width: 270px;}
textarea#bericht {border:1px solid #102c55; height:100px; overflow:auto; width: 450px;}
.options input {border:0; height:auto; width:auto;}
.cards input {border:0; float:left; height:auto; width:auto;}
span.name {display:block; float:left; width:180px;}
span.email {display:block; float:left; padding-right:20px; width:180px;}
.delete {background:url("../img/icon-delete.gif") no-repeat; border:0; color:#fff; cursor:pointer; float:right; height:14px; margin:0 30px 10px 0; width:11px;}
.formsubmit {background:url("../img/formsubmit.gif"); border:0; color:#fff; cursor:pointer; float:right; font-size:1.0em; height:21px; margin:0 25px 10px 0; padding-bottom:3px; width:93px;}
.formsubmit1 {background:url("../img/formsubmit-large.gif"); width:120px;}
.formitem.horizontal {clear:none; float:left; padding:0 0 10px 10px; width:auto;}
.formitem.horizontal.left {padding:0 0 10px 20px;}
.horizontal label {display:block; float:none; padding:5px 0 5px 0; width:auto;}
.horizontal input.receiver {height:15px; width: 160px;}
.horizontal .formsubmit {background:url("../img/formsubmit.gif"); border:0; color:#fff; cursor:pointer; float:left; font-size:1.0em; height:21px; margin:25px 0 10px 7px; padding-bottom:3px; width:93px;}
.formitem.options .submit {background:url("../img/submit.gif"); border:0; color:#fff; cursor:pointer; float:right; font-size:1.0em; height:20px; margin-right:20px; padding-bottom:5px; width:51px;}
.formitem.options label.option {display:inline; float:none; padding-bottom:0; width:auto;}
/* Errors
---------------------------------------------- */
.error {background:url("../img/error.gif") no-repeat 15px 15px; border:4px solid #ff6600; color:#ff6600; min-height:60px; margin-bottom:20px; padding:10px 10px 10px 60px;}
/* Footer
---------------------------------------------- */
#footer {padding:15px 0 0 20px;}
#footer span {margin-left:20px;}