﻿/* overall styles */
body {font-size:0.7em; line-height: 1.5em; color:#393835; background: #ffffff url(/images/bg-1px.gif) repeat-y center top; font-family: Verdana, Tahoma, Arial ,Sans-Serif, 'Lucida Sans Unicode' ,'Lucida Sans' ,'Lucida Grande' ,Lucida; padding:0px 3px 0px 3px; margin: 0px 3px 0px 3px;}
img {border:0px;}
a {color:#898989;}
a:link {color:#898989;}
a:hover {color:#FFB700;}
input {font-size:1em; font-family:Verdana;}
textarea {font-size:1em; font-family:Verdana;}
h1 {font-size:1.5em; font-weight:normal; padding-top:0px; margin-top:0px; color:#434343;}
h2 {font-weight:bold; font-size:1.2em; margin:0; padding:0; color:#434343;}

/* id styles voor structuur */
#divoverallposition {width:100%; text-align:left; display:block;}
#divoverallsite {width:850px; margin-left:auto; margin-right:auto; display:block;}
#divheadercontainer {float:left; width:850px; height:150px; display:block;}
#divcontentoverallcontainer {float:left; width:850px; display:block;}
#divlogoheader {float:left; width:210px; height:110px; background: url(/images/logo-header.gif) no-repeat;}
#divrightoflogo {float:left; width:640px; height:110px; text-align:right;}
#divversionheader {margin-top:90px;}
#divfunctionnav {float:left; width:850px; height:35px;}
#divsubnavcontainer {float:left; width:210px; height:300px;}
#divcontentcontainer {float:left; display:block; width:620px; background: url(/images/pat-stipl-3px-vert.gif) repeat-y; padding-left:20px;}
#divcontent {float:left; width:620px; display:block;}
#divfootercontainer {float:right; width:850px; height:40px; margin-top:15px; padding-top:7px; text-align:right; background: url(/images/pat-stipl-3px-hori.gif) repeat-x top left;}

.divheadnavbut {float:left; width:141px; text-align:center; display:table; padding-top:1px;}
.divblockyellow {float:left; width:850px; height:140px;}
.divcolumshome {float:left; width:210px; background-color: #F9F9F6;}
.divcasecontainer {float:left; width:160px; padding-top:5px; padding-bottom:35px; padding-left: 22px; padding-right: 22px; margin-bottom:10px; border-bottom: dashed 1px #E2DFD3;}
.divcaseshoriblockcontainer {float:left; display:block;}

a.butprint {color:#898989; font-size:0.9em; padding-left: 20px; padding-bottom:6px; padding-top:3px; background: url(/images/picto-print.gif) no-repeat; text-decoration:underline; font-weight:normal; text-transform:uppercase;}
a.butprint:hover {color:#FFB700; background: url(/images/picto-print-over.gif) no-repeat; text-decoration:underline;}
.divprintcontainer {float:right; width:180px; height:20px;}
.divprint {float:right; margin-top:7px; padding-top:3px; height:15px;}

.kruimelnav {color:#898989; font-size:0.9em; text-transform:uppercase;}
a.kruimelnav {color:#898989; text-decoration:underline; text-transform:uppercase;}
a.kruimelnav:hover {color:#FFB700;}
.divkruimelnavcontainer {float:left; width:620px; height:20px;}

ul.footernav {margin:0px 0px 5px 0px; padding:0px;}
li.footernav {list-style-type:none; display:inline; padding: 0px 5px 0px 6px; border-right:solid 1px #999999;}
li.footernavright {list-style-type:none; display:inline; padding: 0px 0px 0px 6px;}
li.footernavleft {list-style-type:none; display:inline; padding: 0px 5px 0px 0px; border-right:solid 1px #999999;}
.footernav {color:#898989;}
a.footernav {font-weight:normal; color:#898989; text-decoration:underline;}
a.footernav:hover {text-decoration:underline; color:#FFB700;}

/* algmene classes */
.textbold {font-weight:bold;}
.textyellow {color:#FFB700;}
.texthighlight {background-color:#FFD403; padding:1px;}
.textversionheader {color:#ababab; font-size:0.9em;}
.headertitle {color:#898989; font-size:2.4em; font-weight:normal;}
.form {font-weight:normal; text-align:right; vertical-align:text-top;}
.inputfield {font-size:1em; font-family:Verdana; width:250px;}
.textarea {font-size:1em; font-family:Verdana; width:250px; height:150px;}
.divtxtrecprojhome {width:120px; background-color:#F5F4F0; text-align:center;}
.txtrecprojhome {font-style:italic; color:#767676; padding: 10px;}
.floatleft {float:left;}
.itemtitlehome {float:left; background-color:#E2DFD3; padding:4px 10px 4px 10px; width:190px; font-weight:bold;}
.casemarginfoto {margin-bottom:5px;}
.casetitlebg {background-color:#F5F4F0; width:156px; padding:3px;}

.imgborder1pxgray {border:solid 1px #E2DFD3; display:block;}
a.imgborder1pxgray {border:solid 1px #E2DFD3; display:block;}
a.imgborder1pxgray:hover {border:solid 1px #393835;}

ul.subnav {margin:0; padding:0;}
ul.subnav li {list-style-type:none; background-color:#E2DFD3; width:210px; border-bottom: solid 1px #ffffff; padding:6px 0px 7px 0px;}
ul.subnav li a {font-size:11px; background:url(/images/li-pijl-sub.gif) no-repeat 7px 4px; padding:0px 0px 0px 20px; color:#656565; text-decoration:none;}
ul.subnav li a:hover {color:#000000; background:url(/images/li-pijl-sub-over.gif) no-repeat 7px 4px; text-decoration:underline;}

ul.serviceshome {margin:0; padding:0px 0px 20px 0px;}
ul.serviceshome li {list-style-type:none; background-color:#F0EFE9; width:210px; border-bottom: solid 1px #ffffff; padding:6px 0px 7px 0px;}
ul.serviceshome li a {font-size:11px; background:url(/images/li-pijl-sub.gif) no-repeat 7px 4px; padding:0px 0px 0px 20px; color:#656565; text-decoration:none;}
ul.serviceshome li a:hover {color:#000000; background:url(/images/li-pijl-sub-over.gif) no-repeat 7px 4px; text-decoration:underline;}

a.leesverder {color:#767676; background: url(/images/pijl-leesverder.gif) no-repeat right 4px; padding-right:15px;}
a.leesverder:hover {color:#393835; background: url(/images/pijl-leesverder-over.gif) no-repeat right 4px; padding-right:15px;}

a.newshome {color:#767676; font-weight:bold;}
a.newshome:hover {color:#393835; font-weight:bold;}


/* picto*/
img.picto {margin-bottom:-4px; margin-right:5px;}