/*
 * Klimaatproject v2. 2010
 */
* {margin:0; padding:0;}
body {font-family: Arial, Helvetica, sans-serif;font-size:11px;color: #000;text-align:center; /* center layout in IE */}
h1 {font-size:16px; font-weight:bold; color: #000;}
h2 {font-size:14px; font-weight:bold; color: #666;}
h3 {font-size:13px; font-weight:bold; color: #000;}
h4,h5,h6 {font-size:100%; font-weight:bold; color: #ff9900;}
ul {margin-left:20px;}
ol {margin-left: 24px;}
div,table,tr,td,p {font-size: 11px;line-height:18px; color:#666;}
a {text-decoration:underline;}
a:hover {text-decoration:none;}
hr{margin: 4px 0 4px 0;padding: 0px;display: block;height: 1px;background-color: #e2e2e2; border: none;}
#pagecontainer{width:1000px; height:auto; margin:0 auto;}
#pagelogo{width:980px;height:161px;}
#pageheader{width:1000px; height:181px; text-align:left;background: url(/cmsfile/1930) no-repeat right top;} 
#topnav{width:980px; height:20px; background:transparent;}
#contentcontainer{width:100%;height:auto;margin:0;padding:0;text-align:left;background:url(/cmsfile/33) repeat-y left top;}
#leftcol{width:166px; height:400px; clear:both; float:left; display:inline; background: url(/cmsfile/1934) no-repeat left top; position:relative; left 0; top:0;}
#leftcol #banner{margin:64px auto 12px auto;}
#maincontent{width:499px;height:auto; float:left; display:inline; background:url(/cmsfile/61) no-repeat center bottom;}
#rightcol{width:320px; height:auto; float:right; display:inline; margin:0;}
#pagefooter{width:100%; height:3px;margin-top:6px;float:left;clear:both;}
.box{width:auto;padding:20px;overflow:hidden;}
.clr{clear:both;}
#actueel p{ margin-top: 4px;}
#leftcol a img{border:none;}
#pagelogo a img{border:none;}
#contentcontainer p{font-size:1em; color:#000;margin:10px 0;}
#kp{width:auto; height:20px; margin-top:20px; padding-left:20px; font-size:10px; color:#ccc;}
#kp a{text-decoration:none; color:#ccc;}
#kp a:hover{text-decoration:underline;}
#maincontent p{line-height:1.8em;color:#000;}
#maincontent a{color:#000; text-decoration:underline;}
#maincontent a:hover{text-decoration:none;}
#maincontent h2{font-size:12px; font-weight:bold;color:#000;}
#maincontent ul, #maincontent ol{color:#000;}
#maincontent ul li{color:#000;}
#rightcol h3{font-size:18px; line-height:22px;font-weight:bold; color:#000;margin:10px 0;}
#actueel{width:148px;margin: 0 auto;font-size:0.9em;}
#actueel a{color:#b5d660;}
#actueel a img{border:none;}
.actueelitem {font-size:0.8em;color:#ff99cc;}
.actueelitem a{color:#a9c400;}
.nieuwsitem {margin-left:1px;}
.nieuwsitem a{color:#000 !important; font-weight:bold; text-decoration:none;}
.nieuwsitem a span.lees-verder {color:#909F27 !important; /*float:left;*/ display:block;}
.nieuwsitem a:hover span.lees-verder{color:#666 !important;}
.initiatief{font-size:12px; font-weight:bold;color:#000; text-transform:uppercase; text-align:justify;letter-spacing:5px;margin-bottom: 6px;}
#footerbuttons{width:472px; height:18px; margin-top:10px;background:url(/cmsfile/37) no-repeat left top;font-size:0.8em;text-align:center!important;}
#footerbuttons ul{margin:0 auto; display:inline;list-style-type:none;}
#footerbuttons li {/*float:left;*/ display:inline; margin:0; padding:2px 4px;line-height:18px;}
#footerbuttons li a{color:#fff; padding:2px 4px;text-transform:uppercase;text-decoration:none;line-height:12px;}
#footerbuttons a:hover{text-decoration:underline;}
#footernav ul{margin:0 auto!important;}
#footerbuttons #footernav ul {border: 1px solid #ff99cc;}
#topnav ul{list-style-type:none; background: lime; }
#topnav li {float:left; display:inline;}
#topnav a{color:#000; text-transform:uppercase;}
ul.dropdown{position: relative; list-style-type:none; margin-left:176px; z-index:100;}
ul.dropdown li {font-weight: bold; float: left; zoom: 1; background: transparent;  padding:0 12px; line-height:20px;}
ul.dropdown li.home{margin-left:10px;}
ul.dropdown li a:hover, ul.dropdown li a.selected{color: #666;}
ul.dropdown a:active {color: #ffa500;}
ul.dropdown li a {color:#666; display: block; text-decoration:none;}
ul.dropdown li:last-child a {border-right: none;} 
ul.dropdown li.hover,
ul.dropdown li:hover {background: #f5f8e2; color: #000; position: relative;}
ul.dropdown li:hover a{color: #333!important; position: relative; left:0;}
ul.dropdown li a:hover{color: #000!important; }
ul.dropdown ul {width: 190px; visibility: hidden; position: absolute; top: 100%; left: -20px; list-style-type:none; z-index:100; background:#f5f8e2; padding:0 !important;}
ul.dropdown ul li {font-weight: normal; background: #f5f8e2; color: #000; /*border-bottom: 1px solid #ccc;*/float: none; line-height:20px; margin:0;  padding:0!important; width:100%;}
ul.dropdown ul li a{background: url(/cmsfile/1946) no-repeat 4px center; border-right: none; color:#666 !important; width: 100%; display: inline-block; text-indent:14px; .text-indent:0; .padding-left:12px; .width:178px;}
ul.dropdown ul li a:hover{background: #bcd12c url(/cmsfile/1946) no-repeat 4px center;}
ul.dropdown li.selected{background:#f5f8e2 !important; color:#000 !important;}
ul.dropdown li.selected a{color:#000 !important;}
.rand{margin-left:4px;}
.inputtext{border: 1px solid #e2e2e2; width:240px; margin-bottom:6px;}
.inputtextarea{width:240px; margin-bottom:6px; }