.active, .bodyclass, .border, .buttons, .checkbox, .clear, .clearboth, .error, .headerImage, .leesverder, .left, .leftborder, .onderschrift, .pulldownlink, .right, .small, .terug, .thickbox, .------------- {} /*voor DotCMS volgorde*/

/* RESET */
* { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size: 1em; font-weight: normal; font-style: normal; }
fieldset,img { border: none; }
caption,th { text-align: left; font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; }

#omniture,#top { position: absolute; top: 0; }
blockquote:before,blockquote:after,q:before,q:after { content: ""; }
blockquote,q { quotes: "" ""; }

/* CSS Document */
html,body {
padding: 0 auto; height: auto !important;
/* voor moderne browsers */ height: 100%; /* voor IE */ min-height: 100%; background: #FFFFFF;
}


.bodyclass { background: #FFFFFF url(images/body_gradient.gif) top left repeat-x; }

body { overflow-y: none; }
body,td,p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #5E6E66; }
p { margin: 0 2px 10px 2px; padding: 0; line-height: 17px; }
ul li {margin-left:18px; list-style-type: square;}
td {vertical-align:top;}

.clearboth { clear: both; }
.border { border: 1px solid #D6DF3D; padding: 15px 15px 15px 15px; margin: 0; border-collapse: separate; }
table.border { padding: 0; }
table.border td { padding: 15px; }
table.border td.borderright { border-right: 1px solid #D6DF3D }


table.border p { margin: 0; }
#kader { border: 1px solid #D6DF3D; padding: 20px 20px 20px 20px; position: static; margin: 0; }
h1 { font-size: 20px; font-weight: 100; color: #5E6D65; margin: -4px 2px 18px 2px; padding: 0; }
h1 span { color: #9EA900; }
h1 a{text-decoration:none;}
h2 { margin: 0 0 0 0; padding: 0; font-size: 13px; color: #9EA900; }
h3 { margin: 0 0 0 0; padding: 0; font-size: 11px; color: #9EA900; }
h3 a{color:#9EA900; text-decoration:none;}
A { color: #5E6E66; outline: none; }
A:hover { color: #9EA900; }
.right { float: right; }
div#relativecontainer { margin: 0 auto; padding: 0; height: auto !important; /* voor moderne browsers */ height: 100%; /* voor IE */ min-height: 100%; width: 955px; background: #FFFFFF url(images/gradient_shadow.gif) top left no-repeat; }
div#absolutecontainer { position: absolute; margin: 0; padding: 0; height: auto !important; /* voor moderne browsers */ height: 90%; /* voor IE */ min-height: 90%; width: 955px; background: transparent url(images/main_background.gif) top left repeat-y; }
div#header { padding: 12px; margin: 0; float: right; width: 901px; height: 140px; top: 0; }
div#menu { margin: 10px 12px 34px 12px; padding: 0; float: left; display: block; width: 900px; height: 28px; border-top: 1px solid #CED3D1; border-bottom: 4px solid #D6DF3D; }
div#content { position: relative; width: 901px; margin: 0; top: 0; padding: 0; display: block; }
div#leftcolumn { float: left; width: 200px; margin: 0 0 0 12px; padding: 0 0 69px 0; display: block; }
div#contentframe { float: left; width: 623px; margin: 0 0 0 40px; padding: 0 0 69px 0; display: block; }


.hideWithHideNext { width: 620px;}
/********************************************
*****     INHOUDELEMENTEN      ****
********************************************/
div#inloggen { background-image: url(images/bg_inloggen.gif); background-repeat: repeat-x; height: 21px; padding: 9px 0 0 5px; margin-top: 10px; border: 1px; border-color: #d7dbd9; border-top-color: #d6df3d; border-style: solid; }
#pulldown { width: 180px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #5E6E66; margin: 3px 0 0 0; }
#pulldowncontact { width: 218px; height: 17px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #5E6E66; border: 1px solid #d7dbd9; margin: 4px 0 0 0; }
div#inloggen A { text-decoration: none; }
#postcode_nu { width: 40px; }
#postcode_nu2 { width: 25px; }
div#direct_aanvragen { background-color: #d6df3d; height: 46px; padding: 8px 0 0 10px; margin: 5px 0 0 0; font-weight: bold; color: #5e6e66; }       
a.pulldownlink { text-decoration: none; font-weight: bold; }
ul#voorwaarden { list-style: none; line-height: 18px;  padding: 0 0 0 0; margin: 0 0 0 0px; }
#stippellijn { margin: 25px 0 10px 4px; border: none; }
#groenelijn { padding: 0 0 16px 0; }
#bullit { margin: 0 10px 0 0; border: none; }
#stippellijn_shortcut { margin-top: 16px; margin-bottom: 16px; }
.left { float: left; }
.leftborder { float: left; margin: 0 18px 0 0; border: 1px solid #DFE2E0; }

A.leesverder { margin: 0; padding: 0 12px 0 0; color: #5e6e66; font-size: 10px; text-decoration: none; background: transparent url(images/arrow_leesmeer-grijs.gif) right 3px no-repeat; }
A.leesverder:Hover { color: #9ea900; background: transparent url(images/arrow_leesmeer-groen.gif) right 3px no-repeat; }
h4.hideNext { background: transparent url(images/dotted_line.gif) repeat-x left bottom; font-weight: bold !important; height: 29px; line-height: 29px; }
h4.hideNext span { background: transparent url(images/arrow.gif) no-repeat 0 4px; padding: 0 0 0 15px; } 
h4.active span { background: transparent url(images/menu_arrow_groen.gif) no-repeat 0 4px; padding: 0 0 0 15px; }
A.terug { background:transparent url(images/arrow_terug-grijs.gif) no-repeat scroll 0 3px; color:#5E6E66; font-size:10px; margin:0; padding:0 0 0 12px; text-decoration:none; }
A.terug:Hover { color: #9ea900; background: transparent url(images/arrow_terug-groen.gif) 0 3px no-repeat; }
.onderschrift { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #96a19b; }
input.buttons, 
.forms input.buttons { background-color: #0033CC; height: 23px; width: 125px; margin: 5px 0 0 0;
text-decoration: none; color: #5E6E66; background: transparent url(images/menu_arrow_groen.gif) 10px 10px no-repeat;
border: 1px solid #DFE2E0; border-bottom: 2px solid #D6E03E; cursor: hand;
}
input.disabledbuttons, .forms input.disabledbuttons{ background-color: #E0E0E0; height: 23px; width: 125px; margin: 10px 0 0 0px; text-decoration: none; color: #E0E0E0; background: transparent url(images/menu_arrow_grijs.gif) 10px 10px no-repeat; border: 1px solid #E0E0E0; border-bottom: 2px solid #E0E0E0; cursor: hand; margin: 5px 0 0 0; }
#genericFormSubmitButton { margin-left:180px; }
A.buttons { padding: 6px 18px 7px 25px; margin: 10px 0 0 0; text-decoration: none; color: #5E6E66; background: transparent url(images/menu_arrow_groen.gif) 10px 10px no-repeat; border: 1px solid #DFE2E0; border-bottom: 2px solid #D6E03E; }

A.buttons:Hover { color: #9EA900; background: transparent url(images/menu_arrow_groen.gif) 10px 10px no-repeat; border-color: #D6E03E; border-bottom: 2px solid #D6E03E; }
div#priveprotectieplan ul li { margin-left: -23px; }
#getallen { border: none; margin-right: 6px; }
#arrow { border: none; margin: 3px 6px 0 0; }
#arrow_groen { border: none; margin: 3px 10px 0 0; }

/********************************************
*****     MENUBALK         ****
********************************************/
#menu ul { margin: 0; padding: 0; height: 30px; border-right: 1px solid #DFE2E0; }
#menu ul li { margin: 0; padding: 8px 0 0 0; height: 20px; float: left; display: block; border-left: 1px solid #DFE2E0; }
#menu ul li A { color: #5E6E66; text-decoration: none; text-transform: Uppercase; font-weight: bold; font-size: 10px; padding: 4px 21px; }
#menu ul li A:Hover { color: #9EA900; }

/********************************************
*****   LINKERKOLOM SUBMENU      ****
********************************************/
div#leftcolumn #submenu ul { padding: 0; margin: 0; list-style: none; width: 200px; border-top: 1px solid #DFE2E0; display: block; position: relative;}
div#leftcolumn #submenu ul li { margin: 0; padding: 4px 8px 7px 0; display: block; position: relative; border-bottom: 1px solid #DFE2E0;}
div#leftcolumn #submenu ul li:Hover,
div#leftcolumn #submenu ul li.active { border-bottom: 2px solid #D6E03E; padding: 4px 8px 6px 0;}

div#leftcolumn #submenu ul li A { margin: 0; padding: 4px 8px 7px 25px; width: 167px; display: block; text-decoration: none; color: #5E6E66; background: transparent url(images/menu_arrow_grijs.gif) 10px 7px no-repeat;}
div#leftcolumn #submenu ul li A:hover,
div#leftcolumn #submenu ul li.active A { color: #9EA900; padding: 4px 8px 7px 25px; display: block; background: transparent url(images/menu_arrow_groen.gif) 10px 7px no-repeat;}

div#leftcolumn #submenu ul li ul li { padding: 0; margin: 2px 0 2px 0; }

div#leftcolumn #submenu ul li.active ul li A { background: transparent; color: #5e6e66; }
div#leftcolumn #submenu ul li ul li A:hover { background: transparent; color: #9ea900; }

div#leftcolumn #submenu ul li.active ul li,
div#leftcolumn #submenu ul li ul li,
div#leftcolumn #submenu ul li.active ul li a ,
div#leftcolumn #submenu ul li ul li a { width: auto !important; }


div#leftcolumn #submenu ul li ul { list-style: none; margin: 0; border-top: 0;}
div#leftcolumn #submenu ul li ul li { margin: 0; padding: 0px 2px 7px 1px; display: block; border-bottom: none; background: none;}
div#leftcolumn #submenu ul li.active ul li { margin: 0; padding: 0px 2px 0 1px; display: block; border-bottom: none; background: none;}
div#leftcolumn #submenu ul li ul li:Hover { margin: 0; padding: 0px 2px 0 1px; display: block; border-bottom: none;}
div#leftcolumn #submenu ul li ul li A { margin: 0 0 0 0; padding: 3px 2px 3px 2px; font-size: 9px; background: none; width: 172px; display: block; text-decoration: none; color: #5E6E66; border-bottom: none;}
div#leftcolumn #submenu ul li ul li.active A:Hover,
div#leftcolumn #submenu ul li ul li.active A { margin: 0 0 0 0; padding: 4px 8px 7px 25px; color: #9EA900; border-bottom: none; background: transparent url(images/menu_arrow_groen.gif) 10px 7px no-repeat;}
div#leftcolumn #submenu ul li ul li A:Hover { background:transparent; }
div#leftcolumn #submenu ul li ul li { padding: 4px 8px 4px 25px; margin-bottom: 0; }
.active { color: #9EA900; }

/********************************************
*****       OPMAAK FORMS       ****
********************************************/
.forms { line-height:22px; }
.forms table.leningen { width:400px; display: block; margin-bottom: 10px;}
.forms table.leningen td{ width: 90px; } 
.forms table.leningen td input{ width: 80px; margin: 0px;  } 
.forms select { width:184px; }
.forms input, 
.forms textarea, 
.forms select { margin:4px 5px 4px 180px; width:180px;  }
input { margin: 5px 0 0 0; width: 215px; height: 16px; border-width: 1px; border-color: #d7dbd9; border-style: solid; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #5E6E66; }

.forms input { margin-left: 180px; }
.forms input.radio {  width: 14px;  border: none;}
.forms input.radio1 { width: 14px; height:14px; margin-left: 180px; border: none; }
.forms input.radio2 { width: 14px; height:14px; margin: 0px; border: none }
.forms label.long { width:auto; }
.forms input.day { width: 30px; margin-left:180px;}
.forms input.month{ width: 30px; margin-left:0px;}
.forms input.year { width: 40px; margin-left:0px;}

.checkbox { width: 20px; border: none; }
.forms input.checkbox { margin-top:7px; width:15px; }

div#contentframe form textarea { height: 60x; width: 215px; border-width: 1px; border-color: #d7dbd9; border-style: solid; border-style: solid; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #5E6E66; margin-top: 5px; }
div#contentframe form .verplicht { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #96a19b; }
.small { width: 30px; }
 
#leningovernemen {margin-top: 20px;}
/************************************
***       FOOTER          ***
************************************/
div#footer { padding: 0; margin: 20px 0 0 0; position: absolute; background: transparent url(images/bottom_shadow.gif) bottom left no-repeat; bottom: 0; width: 955px; height: 51px; clear: both; }
div#footerinhoud { width: 901px; height: 24px; padding: 7px 0 0 0; margin: 0 auto; color: #AEB6B2; font-size: 9px; border-top: 2px solid #D6E03E; background-color: #FFFFFF; }
#footer A { color: #AEB6B2; text-decoration: none; }
#footer A:Hover { color: #5e6e66; }
div#footerleft { float: left; }
div#footermiddle { float: left; width: 420px; display: block; margin: 0 0 0 114px; padding: 0; }
div#footerright { float: right; }

/********************************************
*****           ERROR        ****
********************************************/
.error { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-variant: small-caps; color: #ff0000; }

#epticaIncludeDiv { margin: 0; float: none; padding: 0; background-color: #FFFFFF; border: 1px solid #d5dd3e; position: relative; display: block; }
#epticaDiv { margin: 0; float: none; padding: 0; width: 1000px; height: 690 px; background-color: #FFFFFF; border: 1px solid #d5dd3e; position: relative; display: block; }
#closeButton { border: none; text-align: right; }
.smallthumb img { margin: 0 20px 0 0; border: 1px solid #DFE2E0 }
form td { vertical-align: top; }
td label { display: block; float: none; width: auto; height: auto; }

/********************************************
*****           form         ****
********************************************/
.forms label { margin:2px 0; position:absolute; text-align:left; width:160px; }
.forms label.invalid { background: red url('images/invalid.gif') center left no-repeat; color: #fff; display: inline; padding: 0 7px 0 10px; line-height: 20px; height: 20px; width: auto; margin: 0px 0 0px 0; }
.forms td label.invalid { background: red url('images/invalid_td.gif') bottom left no-repeat; color: #fff; display: block; padding: 0 7px 3px 7px; line-height: 20px; height: 23px; margin: 2px 0 2px 150px; }
.forms td label.valid { background: transparent; padding: 0; margin: 0; line-height: 1px; height: 1px; }
.forms label.valid { background: transparent; padding: 0; margin: 0; line-height: 1px; height: 1px; }
.forms td label { clear: both; position: static; margin: 5px 0 5px 0; }
.forms td input { margin-top: 4px; }
.forms td strong { margin-bottom: 10px; }

/********************************************
*****           table        ****
********************************************/
table.green { border:1px solid #D6DF3D; }
.green tr td {  padding: 5px; }

tr.dotted ,
tr.dotted  { background: transparent url(images/dotted_line.gif) left bottom repeat-x;    }
tr.green td { border-bottom:1px solid #D6DF3D; }

.dark { color: #FFF; background: #5E6D66; padding: 5px; font-size: 11px; }
.dark td, .dark p { color: #FFF; }
.light { background: #EFF0EF; border-bottom: 1px solid #D6DF3E; padding: 5px; font-size: 10px; }
.light td { padding: 5px; font-size: 10px; }


.pollsArea { width:200px;  background: transparent url(images/bg_inloggen.gif) left top no-repeat ;  overflow: hidden; margin: 10px 0;}

.poll { text-align: left; clear: both;  padding:15px; width: 168px; border: 1px solid #D7DBD9; 
	background: transparent url(images/bg_inloggen.gif) left top repeat-x; overflow: hidden; }
.poll dd { margin: 0;  margin-bottom: 5px;}
.poll dl { margin: 0; }
.poll a { display: block; margin: 0 0 10px 0; padding: 0; color: #616161; text-decoration: none; font-size: 12px; font-weight: bold; float: left; }

.poll td.question { width: 150px;  }
.poll td.votes { display: none; }
.poll label { float: right; width:148px; text-align: left; clear: right; line-height: 21px; *border-bottom: 1px solid white;}
.poll input { float: left; clear: left; height: 20px; margin-top: 2px; }
.pollSection input {  width: 17px; border: none; }

.poll .chart { float: left; }
.poll #question11 {   overflow: hidden;}
.poll #answer11 {  }
.poll .buttonGroup input { cursor:pointer; font-size:12px; font-weight:bold; margin:5px 5px 5px 0;  height:25px;
  border-color:#DFE2E0 #DFE2E0 #D6E03E;border-style:solid;border-width:1px 1px 2px;text-decoration:none; font-size: 11px ;
    padding:2px 2px 2px 10px; width:150px;background: transparent url(images/menu_arrow_groen.gif) 10px 10px no-repeat; color:#5E6E66; }