body,html 
{
background-color: #001B53;
padding: 0;
margin: 0;
width: 100%;
height: 100%;
overflow: auto;
font-family: sans-serif,tahoma,verdana,arial,helvetica;
font-weight: normal;
color:#001B53;
}

#container_index 
{

margin-top: 10px; 
margin-left: -50%; 
width:100%;
position: absolute; 
overflow: hidden;
left: 50%;
background-color: #A4E321;
}

#header 
{
position: absolute; 
clear:both;
background-color: #001B53;
width:100%;
height:60px;
top: 0px;
text-align: center;
color: #ffffff;
font-size: 13px;
font-weight: bold;
font-family: Verdana,sans-serif,Arial;
font-weight: bold;
padding: 0;
}


#left
{
float: left;
width:230px;
height:100%;
_height: 100%;
position: absolute; 
left:20px; 
top:0px;
background-color: #ffffff;
padding: 0 0 0 20px;
color:#001B53;
}

#left #nieuws
{
float: left;
width:230px;
position: relative; 
left:0px; 
top:0px;
padding: 0;
color:#001B53;
}
#left #items
{
float: left;
width:230px;
position: relative; 
left:0px; 
top:0px;
padding: 0;
color:#001B53;
}
#left #links
{
float: left;
width:230px;
position: relative; 
left:0px; 
top:0px;
padding: 0;
color:#001B53;
}

#left a 
{
color:#A4E321;
font-weight:normal;
}

#left ul 
{
float:left;
margin: 0;
padding: 0;
width: 180px;
font-size: 11px;
font-family: verdana,sans-serif,tahoma,arial,helvetica;
}

#left li 
{
float:left;
display:block;
margin: 0;
padding: 15px 0 0 0;
width: 180px;
font-size: 11px;
font-family: verdana,sans-serif,tahoma,arial,helvetica;
}
#left li.lees_verder
{
float:left;
display:block;
margin: 0;
padding: 0;
width: 180px;
font-size: 11px;
font-family: verdana,sans-serif,tahoma,arial,helvetica;
}

#left h1 
{
font-family: sans-serif,tahoma,verdana,arial,helvetica;
font-size: 18px;
font-weight: bold;
color: #001B53;
margin: 0;
padding: 20px 0 0 0;
border-bottom: 1px solid #A4E321;
}

#left p {
padding:5px 0 5px 0;
margin:0;
}

#left a.nieuwsitem
{
font-size: 12px;
font-weight: bold;
color: #001B53;
}
#left a.nieuwsitem:hover
{
font-size: 12px;
font-weight: bold;
color: #A4E321;
}

#left a.projectitem
{
font-size: 12px;
font-weight: normal;
color: #001B53;
}
#left a.projectitem:hover
{
color: #A4E321;
}

#left a.downloads
{
font-size: 12px;
font-weight: bold;
color: #A4E321;
}
#left a.downloads:hover
{
font-size: 12px;
font-weight: bold;
color: #001B53;
}

#left #submenu li 
{
font-family: sans-serif,tahoma,verdana,arial,helvetica;
font-size: 12px;
font-weight: bold;
color: #001B53;
margin: 0;
padding: 10px 0 0 0;
border-bottom: 1px solid #A4E321;
height: 20px;
width: 230px;
}
#left #submenu a 
{
font-family: sans-serif,tahoma,verdana,arial,helvetica;
font-size: 12px;
font-weight: bold;
color: #001B53;
padding: 10px 0 0 0;
}
#left #submenu a:hover 
{
font-family: sans-serif,tahoma,verdana,arial,helvetica;
font-size: 12px;
font-weight: bold;
color: #A4E321;
padding: 10px 0 0 0;
}
#left #submenu a:active 
{
font-family: sans-serif,tahoma,verdana,arial,helvetica;
font-size: 12px;
font-weight: bold;
color: #A4E321;
padding: 10px 0 0 0;
}

#submenu ul ul 
{
display: block;
height: 30px;
border: 1px solid #ff3300;
}

li li a:link, li li a:visited 
{
color: #ffffff;
padding: 0px;
margin: 0;
}

#left #sub
{
margin: 30px 0 0 0;
padding: 0;
}
#left #sub h1
{
width: 210px;
padding: 5px 7px 5px 7px;
background-color: #A4E321;
font-family: sans-serif,tahoma,verdana,arial,helvetica;
font-size: 15px;
font-weight: bold;
border-right: 1px solid #ffffff;
}

#contentitems{
position: relative; 
left:270px; 
top:20px; 
overflow: hidden;
width: 100%;
height:440px;
padding: 15px 0 0 0px;
font-family: verdana,sans-serif,arial,helvetica;
font-size: 12px;
color: #001B53;
line-height: 17px;
}


#nocontentitems{
position: relative; 
left:270px; 
top:20px; 
overflow: hidden;
width: 100%;
height:30px;
padding: 15px 0 0 0;
}


#contentitems h1 
{
font-family: sans-serif,tahoma,verdana,arial,helvetica;
font-size: 20px;
font-weight: bold;
color:#001B53;
}

#contentproject
{
float: left;
position: relative; 
left:20px; 
top:0px; 
overflow: hidden;
width: 786px;
height: 380px;
padding:10px 20px 20px 20px;
border: 1px solid #ffffff;
background: #B5B5B4;
}

#contentproject img 
{
border: 1px solid #ffffff;
padding:0;
}

#contentproject ul 
{
margin: 0;
padding:0 0 0 0px;
float: left;
}
#contentproject li 
{
padding:0 0 0 0px;
display: block;
}

#nocontentproject
{
float: left;
position: relative; 
left:20px; 
top:0px; 
overflow: hidden;
width: 70%;
height: 35px;
padding:0;
background: #A4E321;
}

#content
{
position: relative; 
left:300px; 
top:0px; 
overflow: hidden;
width: 825px;
height:100%;
padding: 0;
border: 0px solid #ffffff;
}
#content h1 {
color: #001B53;
}

#content img
{
border: 1px solid #001B53;
margin: 1px;
}

#contenttext a.img
{
border: 1px solid #A4E321;
}
#contenttext a.img:hover
{
border: 1px solid #A4E321;
filter:alpha(opacity=60);
opacity:0.8;
}

#contenttext #imgage
{
border: 1px solid #ffffff;
}

#contenttext #text_img
{
float:right;
margin: 40px 0 35px 35px;
border: 1px solid #ffffff;
height: 470px;
padding: 7px;
text-align: center;
}
#contenttext #text_img_babylon
{
float:right;
margin: 40px 0 35px 35px;
border: 1px solid #ffffff;
padding: 7px;
text-align: center;
}
#contenttext #text_img_egypte
{
float:right;
margin: 40px 0 35px 35px;
border: 1px solid #ffffff;
padding: 7px;
text-align: center;
}
#contenttext #text_img_groendak
{
float:right;
margin: 40px 0 35px 35px;
border: 1px solid #ffffff;
padding: 7px;
text-align: center;
}
#contenttext #text_img_energiebesparing
{
float:right;
margin: 40px 0 35px 35px;
border: 1px solid #ffffff;
padding: 7px;
text-align: center;
}
#contenttext #text_img_fijnstof
{
float:right;
margin: 40px 0 35px 35px;
border: 1px solid #ffffff;

padding: 7px;
text-align: center;
}
#contenttext #text_img_co2
{
float:right;
margin: 40px 0 35px 35px;
border: 1px solid #ffffff;
padding: 7px;
text-align: center;
}
#contenttext #text_img_contact
{
float:right;
margin: 40px 0 35px 35px;
border: 1px solid #ffffff;
padding: 7px;
text-align: center;
}
#contenttext #text_img_referenties
{
float:right;
margin: 10px 0 35px 35px;
border: 1px solid #ffffff;
padding: 7px;
text-align: center;
}

#contenttext #onderschrift
{
font-style: italic;
line-height: 16px; 
padding: 5px;
width: 390px;
text-align: center;
}

#contenttext
{
float: left;
position: relative; 
left: 0px; 
top:0px; 
width: 100%;
overflow: hidden;
padding: 5px 0 25px 0px;
font-family: verdana,sans-serif,arial,helvetica;
color: #001B53;
font-size: 11px;
line-height:17px;
}

#contenttext h1
{
font-family: verdana,sans-serif,arial,helvetica;
color: #ffffff;
font-size: 22px;
font-weight: bold;
line-height:25px;
margin: 0;
padding: 25px 0 0 0;
}

#contenttext h2
{
font-family: verdana,sans-serif,arial,helvetica;
color: #001B53;
font-size: 17px;
line-height: 20px;
font-weight: bold;
margin: 0;
padding: 20px 0 10px 0;
}

#contenttext h3
{
font-family: verdana,sans-serif,arial,helvetica;
color: #001B53;
font-size: 14px;
font-weight: bold;
margin: 0;
padding: 10px 0 5px 0;
}

#contenttext img.no_border 
{
border: 0px solid #ffffff;
}

#contenttext a
{
font-family: verdana,sans-serif,arial,helvetica;
color: #001B53;
font-size: 11px;
text-decoration: underline;
}
#contenttext a:hover
{
font-family: verdana,sans-serif,arial,helvetica;
color: #ffffff;
}
#contenttext a.current
{
font-family: verdana,sans-serif,arial,helvetica;
color: #ffffff;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}

#imgborder
{
border: 1 px solid #001B53;
}

a 
{
font-size: 11px;
font-family: verdana,sans-serif,tahoma,arial,helvetica;
color:#001B53;
}
a:hover 
{
color:#A4E321;
}

#footer 
{
position: relative; 
background-color: #001B53;
color: #ffffff;
left:250px; 
padding: 7px 0 7px 20px;
font-size: 11px;
font-family: verdana,sans-serif,tahoma,arial,helvetica;
font-weight: bold;
}
#footer a 
{
color: #ffffff;
text-decoration:none;
}
#footer a:hover 
{
color: #A4E321;
text-decoration:underline;
}

.superscript
{
font-size:xx-small; 
vertical-align:top;
} 
.subscript
{
font-size:xx-small; 
vertical-align:bottom;
} 


#contenttext #nieuwsedit_link
{
display: inline;
height: 50px;
width: 280px;
background-color: #B6EF3F;
border: 1px solid #ffffff;
margin-right: 10px;
}


#contenttext a.nieuwsedit
{
font-family: verdana,sans-serif,arial,helvetica;
color: #001B53;
font-size: 13px;
text-decoration: none;
font-weight: bold;
}

fieldset { 
border: 1px solid #ffffff;
padding: 10px;
margin: 10px 5px 5px 5px;
width: 600px;
}

legend {
padding: 0.2em 0.5em;
font-family: verdana,sans-serif,arial,helvetica;
color: #001B53;
font-size: 17px;
font-weight: bold;
text-align:right;
border: 1px solid #ffffff;
}

label {
float:left;
width:25%;
margin-right: 0.5em;
padding-top: 0.2em;
text-align: right;
font-family: arial,helvetica;
font-size: 12px;
font-weight: bold;
color:000066;
}