/*-----------------------------------------------------------------*/
/* [berbureaus.css]
1. 	Main
2. 	Body
3. 	Container
4. 	Content
5.		Navigatie
6. 	Header
7. 	Footer
8. 	CSS image replacment
9. 	Forms
10.	Poll
/*-----------------------------------------------------------------*/
/* [1. Main] */
*{margin:0;padding:0}
a{color:#CC0000;outline:none;text-decoration:none}
a:hover{color:#CC0000;text-decoration:underline}
ul,li{list-style:none}
/*-----------------------------------------------------------------*/
/* [2. Body] */
body{background:#EDE3D1 url(../images/layout/bg_body.png) repeat-y center;color:#584B43;font:62.5% Verdana,Geneva,Arial,Helvetica,sans-serif;padding:0px 0px 50px 0px;text-align:center}
/*-----------------------------------------------------------------*/
/* [3. Container] */
#Container{position:relative;border:1px solid #2E2623;margin:50px auto 0px auto;/*padding:275px 0px 0px 0px;*/ width:750px;background:#FFF8E5 url(../images/layout/bg_container.png) no-repeat 0px 310px;text-align:left}
/*-----------------------------------------------------------------*/
/* [4. Content] */
#Container #Content{float:right;margin-top:275px;width:500px;text-align:left}
#Content h1{margin:0px 50px 20px 0px;font:2.5em "Times New Roman",Times,serif}
#Content h2{font:bold 1em/1.75em Verdana,Geneva,Arial,Helvetica,sans-serif;margin:0px 0px 20px 0px;padding:20px 50px 0px 0px;border-top:1px solid #ACA194}
#Content h3{font:bold 1em/1.75em Verdana,Geneva,Arial,Helvetica,sans-serif;margin:0px 0px 20px 0px}
#Content h4{font:bold 1em/1.75em Verdana,Geneva,Arial,Helvetica,sans-serif;margin:0px 50px 20px 0px}
#Content p,#Content table{font:1em/1.85em Verdana,Geneva,Arial,Helvetica,sans-serif;margin:0px 50px 20px 0px}
#Content td{vertical-align:top}
#Content hr{margin:0px 0px 20px 0px;height:1px;border:0px solid #ACA194;background:#ACA194;color:#ACA194;clear:both}
#Content ul{margin:0px 50px 20px 0px;padding:0px 0px 0px 0px}
#Content ul ul{margin:0}
#Content ul li{font:1em/1.85em Verdana,Geneva,Arial,Helvetica,sans-serif;list-style:none;padding:0px 0px 0px 15px;background:url(../images/layout/bg_li.png) no-repeat left 8px}
#Content ol{margin:0px 50px 20px 0px;padding:0px 0px 0px 24px}
#Content ol ol{margin:0px 50px 0px 0px}
#Content ol li{font:1em/1.85em Verdana,Geneva,Arial,Helvetica,sans-serif;list-style:decimal;padding:0px 0px 0px 10px}
#Content label{font-style:italic;cursor:pointer}
#Content a.logo{float:left;margin:4px 20px 10px 0px;border:1px solid #2E2623}
#Content .floatleft{float:left;width:250px}
#Content img.floatleft{float:left;margin:4px 20px 10px 0px;border:1px solid #2E2623}
#Content img.floatright{float:right;margin:4px 0px 10px 20px;border-top:1px solid #2E2623;border-bottom:1px solid #2E2623;border-left:1px solid #2E2623}
.clear{clear:both}
.red{color:RED}
/*-----------------------------------------------------------------*/
/* [5. Navigatie] */
#Container #Nav{float:right;width:190px;text-align:right;margin:325px 60px 40px 0px}
#Container #Nav h1{font:bold 1em/1.75 Verdana,Geneva,Arial,Helvetica,sans-serif;margin:0px 0px 20px 0px;padding:20px 0px 0px 0px;border-top:1px solid #ACA194}
#Nav ul{margin:0px 0px 20px 0px}
#Nav ul li a{margin:0;padding-right:15px;color:#584B43;font:1em/2.5em Verdana,Geneva,Arial,Helvetica,sans-serif;letter-spacing:1px;background:url(../images/layout/bg_li_a.png) no-repeat right -10px;text-decoration:none}
#Nav ul li a.active{background:url(../images/layout/bg_li_a.png) no-repeat right 5px}
#Nav ul li a:hover{text-decoration:none;background:url(../images/layout/bg_li_a.png) no-repeat right 5px}
#Nav ul li.bold a{font-weight:bold}
#Nav a.logo img{margin:0px 0px 10px 0px;border:1px solid #2E2623}
/*-----------------------------------------------------------------*/
/* [6. Header] */
#Container #Header{display:block;position:absolute;top:0px;left:0px;height:236px;width:750px;background:url(../images/layout/bg_header.png) repeat-x}
#Header #Slideshow{display:block;position:absolute;top:26px;right:26px;width:210px;height:210px;background:url(../images/layout/bg_slideshow.png) no-repeat}
/*
* jQuery Nivo Slider v2.1
* http://nivo.dev7studios.com
*
* Copyright 2010,Gilbert Pellegrom
* Free to use and abuse under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 
* March 2010
*/
/* The Nivo Slider styles */
.nivoSlider{position:relative;margin:5px;overflow:hidden}
.nivoSlider img{position:absolute;top:0px;left:0px}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink{position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:60;display:none}
/* The slices in the Slider */
.nivo-slice{display:block;position:absolute;z-index:50;height:100%}
/* Caption styles */
.nivo-caption{position:absolute;left:0px;bottom:0px;background:#000;color:#fff;opacity:0.8;/* Overridden by captionOpacity setting */ width:100%;z-index:89}
.nivo-caption p{padding:5px;margin:0}
.nivo-caption a{display:inline !important}
.nivo-html-caption{display:none}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a{position:absolute;top:45%;z-index:99;cursor:pointer}
.nivo-prevNav{left:0px}
.nivo-nextNav{right:0px}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a{position:relative;z-index:99;cursor:pointer}
.nivo-controlNav a.active{font-weight:bold}
/*-----------------------------------------------------------------*/
/* [7. Footer] */
#Container #Footer{clear:both;margin:0px 0px 0px 250px;padding:20px 0px 0px 0px;border-top:1px solid #ACA194}
#Footer p{color:#ACA194;margin-bottom:20px}
#Footer a{color:#ACA194;text-decoration:none}
#Footer a:hover{color:#584B43}
/*-----------------------------------------------------------------*/
/* [8. CSS image replacement] */
#Logo a{display:block;height:175px;background:url(../images/layout/bg_logo.png) no-repeat 0px 0px;line-height:1000px;overflow:hidden;position:absolute;left:0px;top:0px;width:235px;z-index:5000}
#ml2{position:absolute;right:5px;bottom:-20px;font:1em Verdana,Geneva,Arial,Helvetica,sans-serif;letter-spacing:1px}
#ml2 a{color:#927B59;text-decoration:none}
/*-----------------------------------------------------------------*/
/* [9. Forms] */
input{margin:0px 5px 5px 0px;padding:1px 2px 1px 2px;width:196px;/* 200-2-2 */ font:1em Verdana,Geneva,Arial,Helvetica,sans-serif;border-top:1px solid #C3A573;border-right:1px solid #997F4E;border-bottom:1px solid #997F4E;border-left:1px solid #C3A573;vertical-align:middle}
select{margin:0px 0px 5px 0px;padding:1px 2px 1px 2px;width:auto;font:1em Verdana,Geneva,Arial,Helvetica,sans-serif;border-top:1px solid #C3A573;border-right:1px solid #997F4E;border-bottom:1px solid #997F4E;border-left:1px solid #C3A573}
textarea{width:396px;/* 200-2-2 */ height:100px;font:1em Verdana,Geneva,Arial,Helvetica,sans-serif;padding:1px 2px 1px 2px;overflow:auto;border-top:1px solid #C3A573;border-right:1px solid #997F4E;border-bottom:1px solid #997F4E;border-left:1px solid #C3A573}
input.checkbox{border:0;width:auto;vertical-align:middle}
.false{border:1px solid RED}
input.submit{width:auto;margin:0px 0px 20px 0px;padding:0px 5px 0px 5px;border:1px solid #746358;background:#C3A573;cursor:pointer}
input.submit2{width:auto;margin:0px 0px 0px 0px;border:1px solid #746358;background:#C3A573;cursor:pointer}
input.submit3{width:auto;margin:0px 0px 3px 0px;padding:2px 10px 2px 10px;border:1px solid #997F4E;background:White;cursor:pointer}
/*-----------------------------------------------------------------*/
/* [10. Poll] */
#Content  h1.poll{margin:0px 50px 0px 0px;padding:5px;font:bold 10px/16px Verdana,Geneva,Arial,Helvetica,sans-serif;color:#333333;border:1px solid #746358;background-color:#C3A573}
#Content #PollBody{margin:0px 50px 0px 0px;background-color:White;border-left:1px solid #746358;border-right:1px solid #746358;border-bottom:1px solid #746358}
#Content #PollFooter{margin:0px 50px 20px 0px;background-color:#C3A573;border-left:1px solid #746358;border-right:1px solid #746358;border-bottom:1px solid #746358}
#Content #PollFooter p{margin:0px;padding:10px}
#Content #PollBody table,#Content #PollFooter table{margin:0}
#Content #PollBody th{text-align:center}
#Content #PollBody td{padding:0px 3px 0px 3px}
#Content #PollFooter hr{margin:0px 0px 0px 0px;height:1px;color:#746358;border:0px solid #746358;background-color:#746358;clear:both}
#Content input.poll{width:auto;margin:0px 10px 0px 10px;background-color:transparent;border:0}
/*#Content #PollBody td img{margin:5px 0px 0px 0px;}
*/
.vrouw{font-weight:bold;color:#990000}
.man{font-weight:bold;color:#003366}
.stat{margin:4px 0px 4px 0px;padding:0;width:100px;height:8px;border:1px solid #666666;background:#FFFFFF}
.stat img{float:left}

