/**
 * @section   : Lay-out CSS
 * @project   : www.plusgommers.nl
 * @author    : Sjoerd Maessen <smaessen@e-sites.nl>
 * @media     : all
 * @version   : 1.0
 */
 
/* Algemene container en header */
div#wrapper {width:770px; margin:0 auto; overflow:hidden; background:#fff url(/images/backgrounds/wrapperBg.png) repeat-y;}
div#header {width:100%; clear:both;}
div#header h1 {background:url(/images/logos/logo.jpg) no-repeat; font-size:10px; float:left;}
div#header h1 a span {visibility:hidden;}
div#header h1 a {height:81px; width:560px; display:block; text-decoration:none;}
div#header #logoWrapper {width:770px; height:81px; margin:0 auto;}
div#header #logoWrapper #cookit {float:right}

/* Hoofdnavigatie */
div.main {width:770px; margin:0 auto; font-size:12px;}
div.main ul {width:444px; margin:0; padding:0;}
div.main ul li {display:block; float:left; position:relative;}
div.main ul li a {display:block; float:left;}
div#header #navigation {background-image:url(/images/backgrounds/achtergrond_lgroennoise.gif); height:28px;}

/* Subnavigatie */
div.main ul li:hover ul {display:block;}
div.main ul li ul {display:none; width:150px; margin-top:28px; position:absolute; background-color:#ebf4fa; border:1px solid #a2cde7; top:0; left:0;}
div.main ul li ul li a {display:block; float:left; padding:5px 15px 5px 15px; color:#183F80; width:120px}
div.main ul li ul li a:hover {background-color:#fff;}

/* Breadcrumbs */
div.breadcrumbs {background-image:url(/images/backgrounds/achtergrond_dgroennoise.gif); height:33px;}
div.breadcrumbs,
a {color:#fff; font-size:11px; font-weight:bold; line-height:20px;}
div.breadcrumbs a:hover {color:#fff; text-decoration:none;}
div.breadcrumbs ul li {display:block;float:left; padding-top:5px;}
 
/* Algemene content sectie */
div#pagePicture {height:180px; width:720px;}
div#content a, 
div#mainContentText a, 
div#nieuwsContent a {text-decoration:underline; color:#FF0000; font-weight:normal; }
div#content a:hover, 
div#mainContentText a:hover, 
div#nieuwsContent a:hover {text-decoration:underline; color:#FF0000; font-weight:normal;}

div#content, 
div#nieuwsContent {color:#183F80; font-size:11px; line-height:18px; float:left; width:499px; padding-right:3px; padding-left:5px;} 
h2{font-weight:bold; color:#183F80; padding:10px 0 10px 0; font-size:14px}

div#content ul {list-style:none; padding:0; margin:0}
div#content ul li a {color:#FF0000; font-weight:normal;}
div#mainContentText ul.voordelen {margin:0 0 0 15px; padding:15px; background-color:#DDECF7; border:1px solid #183F80; width:80%;}
div#mainContentText ul.voordelen li {list-style-type:none; padding-left:25px; height:20px; background:url(/images/icons/opsomming.gif) no-repeat 0;color:#183F80; font-size:14px; font-weight:bold; margin-bottom:10px; padding-top:2px;}
div#nieuwsContent {width:287px; float:left; padding-right:25px;}
div#nieuwsLinks {width:190px; float:left;}

div#sidebar {float:left; height:100%;}
div#sidebar ul.opsomming, ul.nieuws {margin:0; padding:0; padding-left:5px;}
div#sidebar ul.opsomming li, ul.nieuws li {list-style-type:none;}
div#sidebar ul.opsomming li a, ul.nieuws li a {padding-left:15px; color:#f00; height:20px; background:url(/images/icons/opsommingsplus.jpg) no-repeat 0 2px; font-weight:normal;}
div#sidebar ul.opsomming li a:hover, ul.nieuws li a:hover {text-decoration:none;}
div#sidebar span {width:200px; display:block; margin-left:5px;}

/* Footer */
div#footer {width:100%; clear:both;}
div#footer div.bar {background-color:#689822; height:29px;}
div#footer div.wrapper {width:770px; margin:0 auto;}
div#footer ul {width:475px; margin:0 auto;}
div#footer ul li {display:block; float:left;}
div#footer ul li a {text-decoration:underline; color:#FF0000; font-weight:normal; border-right:1px solid #183F80; padding:0 15px}
div#footer ul li a:hover {text-decoration:none;}
div#footer address {clear:both; font-style:normal; margin:0 auto; position:relative; width:466px;}

/* Contactformulier */
form.contactFrm fieldset {margin:0; padding:0; width:300px;}
form.contactFrm label {font-size:90%;  width:80px; float:left; padding-top:10px;}
form.contactFrm input {float:left; width:150px;}
form.contactFrm .submit {background-color:#fff;}

/* Contactformulier Notifications */
.hide {display:none;}
.show {display:block;}
div#success {padding:20px; border:1px solid #689822; margin:25px 15px 15px 0; color:#000;}
div#error {text-align:left; background:#fff; padding:20px; border:1px solid #FF5555; margin:0 15px 15px 0; color:#000;}

/* Misc */
dd {float:left; width:100px;}