html{ background : url(../img/bg.gif) repeat-x;}
body{  margin : 0; font-family : "Trebuchet MS";  font-size : 12px;  }
.clearer{ clear : both; }
p{ margin : 0; padding : 0; }
#purple{ background : url(../img/purple.jpg) bottom repeat-x; position : absolute; top : 175px; left : 0; width : 100%; height : 161px; z-index : -1;}
hr{ height : 1px; border : 0; border-top : 1px solid #ccc; background : none; }

#container{ width : 950px; margin : 0 auto; position : relative; }
#logo h1{ display : none; }
#logo{ background : url(../img/nova-energie.jpg) no-repeat; width : 220px; height : 65px; float : left; margin : 80px 50px 0 0; }
#menu{ list-style : none; margin : 0; padding : 0; float : right; width : 638px; }
#menu li{ float : left; margin : 0 10px 0 0; }
#menu li a{ text-decoration : none; color : #999; padding : 30px 10px; float : left; }
#menu li a#active{ background : url(../img/a_active.jpg) repeat-x; color : #fff; }
#menu li a#active:hover{ text-decoration : none; }
#menu li a:hover{ text-decoration : underline; }

#main{ list-style : none; margin : 60px 0 0 15px; padding : 0; font-size: 14px; }
#main li a{ color : #fff; text-decoration : underline; background : url(../img/arrow.gif) no-repeat left; padding : 5px 0 5px 25px; display : block; }
#main li a:hover{ text-decoration : underline; }

#unizo{ margin : 0 60px; border : 0; }

#banner{ position : absolute; right : 0; top : 74px; }
#banner img{ border : 1px solid #fff; }

#wrapper{ position : absolute; top : 336px; line-height : 1.4; color : #666; }
#content{ float : left; width : 680px; padding : 0 10px 10px 10px; position : relative; }
#content h4{ font-size : 13px; margin : 10px 0; color : #666; }
#content a{ color : #925f89; font-weight : bold; text-decoration : none; }
#content a:hover{ color : #99cc33; text-decoration : underline; }
#side{ float : right; background : url(../img/fade_line.gif) no-repeat left top; }
#side ul{ margin : 0 10px; padding : 0; list-style : none; }
#side ul li{ margin : 20px 0; font-size : 14pt; line-height : 72px; background : url(../img/side_block.gif) no-repeat; display : block; width : 220px; text-align : right; padding : 0 10px 0 0; }
#side li a{ text-decoration : none; color : #99cc33; }
#side li a#contacteer_ons{ background : url(../img/contacteer_ons.gif) no-repeat; padding : 8px 0 8px 80px; }
#side li a#registratie{ background : url(../img/registratie.gif) no-repeat; padding : 8px 0 8px 40px; }
#side li a#enkele_tips{ background : url(../img/enkele_tips.gif) no-repeat; padding : 8px 0 8px 75px; }
#side li a#onze_diensten{ background : url(../img/onze_diensten.gif) no-repeat; padding : 8px 0 8px 75px; }
#side li a:hover{ color : #925f89; }

#login{ background : url(../img/side_block_login.gif) no-repeat; margin : 0 0 0 10px; padding : 10px 15px 10px 10px; }
#login_form a.button{ float : none; text-align : center; margin : 10px 0 0 0; }
#login_form input{ width : 115px; }
#login_form label{ width : 85px; font-weight : bold; }

#pass{ color : #99cc33; font-size : 11px; font-weight : bold; margin : 5px 0 0 0; float : left; }
#pass:hover{ color : #925f89; text-decoration : none; }

#footer{ border-top : 1px solid #ccc; padding : 10px; background : url(../img/bg.jpg) repeat-x; }
#footer b{ color : #99cc33; }
#footer a{ text-decoration : none; color : #925f89; font-weight : bold; }

/* INLOGGEN */

table td b{ color : #925f89; }
table td a img{ border : 0; }
table{ border-left : 1px solid #ccc; border-top : 1px solid #ccc; }
table#profiel{ border : 1px solid #ccc; }
#overzicht td{ border-bottom : 1px solid #ccc; border-right : 1px solid #ccc; font-size :11px; }
tr.even td{ background : #efefef; }

#loggedin a{ display : block; color : #99cc33; font-weight : bold;}
#loggedin a:hover{ color : #925f89; text-decoration : none; }

#prof{ position : absolute; top : 70px; right : 0; text-align : center; width : 100px; font-weight : bold; }
#prof img{ display : block; margin : 0 auto; }

/* FIELDSET */

form, fieldset{ margin : 10px 0; padding : 0; border : 0; }
label{ float : left; width : 155px; }
form input, form textarea, form select{ border : 1px solid #ccc; padding : 3px; font-family : 'Tahoma'; font-size : 11px; width : 200px; }
form input.small{ width : 50px; }
form .radio{ border : 0; width : auto; }

.formerror{ display : block; margin : 5px 0 !important; font-size : 11px; color : #925f89; padding : 5px 0; }
form div{ margin : 5px 0; }

.clear { overflow: hidden; width: 100%; }
a.button { font-weight : normal !important; color : #666 !important; background: transparent url('../img/bg_button_a.gif') no-repeat scroll top right; color: #444; display: block; float: left; font: normal 12px "trebuchet ms"; height: 24px; margin-right: 6px; padding-right: 18px; text-decoration: none; }
a.button span {background: transparent url('../img/bg_button_span.gif') no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px; } 
a.button:active { background-position: bottom right; color: #000; outline: none; }
a.button:active span { background-position: bottom left; padding: 6px 0 4px 18px; } 

#totaal{ margin : 0 0 10px 0; font-size : 18px; color : #99cc33; display : block; border: 1px solid #CCC; text-align: right; padding: 10px; background-color: #F2F2F2; }

.hiddenstuff{ display : none; }

/* SIFR */

.sIFR-flash {visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-flash + div[adblocktab=true] { display: none !important; }
.sIFR-hasFlash h1,.sIFR-hasFlash h2,.sIFR-hasFlash h3 { visibility: hidden; }
h2,h3,h4{ font-size : 16pt; margin : 30px 0 0 0; padding : 0; }
h3{ font-size : 12pt; margin : 10px 0; }
h4{ font-size : 13pt; margin : 0 0 5px 0; padding : 0; color : #925f89 !important; }