@import url("atocstyles/advancedtoc.css");
@import url("atocstyles/level1.css");
@import url("atocstyles/level2.css");
@import url("atocstyles/level3.css");
html{
    margin: 0;
    padding:0;
}
body{
	font-family: arial, helvetica, sans serife;
	font-size:9pt;
	color:black;
	/*background: #ccc url(images/mainbg.png) repeat-y 50% 0;
	background-color: #E5E6E7; /* lichtblauw */	
       /* background: #929292 url(images/bg2011b.jpg) repeat-y top center;*/
        background-image: url(images/bg_hd.jpg);
        background-position: top center;
        background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
}
body,TD{
	font-family: arial, helvetica, sans serife;
	font-size:9pt;
	color:black;
}
body { /* vaste (ruimte voor) scrollbalk in Firefox/Mozilla */
	overflow: -moz-scrollbars-vertical; 
}
.retrieve{background-image:none;background-color:White;color:Black;}/*background for OEDIT*/
.print{background-image:none;background-color:White;color:Black;}/*background for print*/
#wrapper1{ /* box om hele site te centreren */ 
	width:874px;
	position:relative;
	top:0px;
	margin-left:auto;
	margin-right:auto;
	padding: 0px;
}
#wrapper2{ /* box om evt. een border om de site te zetten */
	width:868px;
	position:relative;
	border:0px;
	margin-left:auto;
	margin-right:auto;
}
#logo{ /* headerbox met achtergrondbeeld */
	width:868px;
	height:181px;
	position:relative; /* t.o.v. wrapper2 */
	margin-top:0px;
	margin-left:0px;
	padding:0px;
	background-color:#FFFFFF; /* blauw */
	background-image:url(images/header2011.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px
}
#locator{
	width:550px;
	height:20;
	position:absolute;
	margin-top: 128px;
	margin-left: -200px;
	padding:0px;	
}
.locationtext {
	font-family: arial, helvetica, sans serife;
	font-size: 8pt;
	font-weight: normal;
	color: #fff; /* wit */
	text-align: left;
	padding-top: 15px;
	padding-bottom: 2px;
	padding-left: 48px;
	margin-left: 163px;
}
.locationtext a:visited,.locationtext a:active,.locationtext a:link {
	font-family: arial, helvetica, sans serife;
	font-size: 8pt;
	font-weight: normal;
	color: #fff; /* wit */
	text-align: left;
	padding-top: 4px;
}
.locationtext a:hover {
	font-family: arial, helvetica, sans serife;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF; /* wit */
	text-align: left;
	padding-top: 4px;
}
#homebutton{
	width:300px;
	height:20;
	position:absolute;
	margin-top: 188px;
	margin-left: -200px;
	padding:0px;	
}
.homebuttontext {
	font-family: arial, helvetica, sans serife;
	font-size: 8pt;
	font-weight: bold;
	color: #8C857B; /* warm gray */
	text-align: left;
	padding-top: 4px;
	padding-bottom: 2px;
	padding-left: 48px;
	margin-left: 163px;
}
.homebuttontext a:visited,.homebuttontext a:active,.homebuttontext a:link {
	font-family: arial, helvetica, sans serife;
	font-size: 8pt;
	font-weight: bold;
	color: #8C857B; /* warm gray */
	text-align: left;
	padding-top: 4px;
}
.homebuttontext a:hover {
	font-family: arial, helvetica, sans serife;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF; /* wit */
	text-align: left;
	padding-top: 4px;
}
#columns{ /* box voor linker, midden en rechterkolom */
	width:868px;
	position:relative; /* t.o.v. logo */
	top:0px;
	margin-left:0px;
	margin-right:0px;
	bottom: 0px;
}
#left{
	width:169px;
	position:absolute; /* t.o.v. columns */
	top:0px;
	left:0px;
	padding:0px;
        background-color: #fbe7cf;
}
#witruimte_l {
	width:169px;
	height:20px;
	position:relative; /* t.o.v. left */
	top:-0px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
	padding-top:0px; 
	padding-right:0px; 
	padding-bottom:0px ;
	padding-left:0px;
	background-color:#FFFFFF;/* witte achtergrond */
}
#menuoptions {
	margin-top: 0px;
	margin-bottom: 0px;
}
.wbt a:link, .wbt a:active, .wbt a:visited {
	font-family: arial, helvetica, sans serife;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	text-align: left;
	display: block;
	margin-top: 3px;
	padding-top:3px;
	padding-right:2px;
	padding-bottom:2px;
	padding-left:8px;
}
.wbt a:hover {
	font-family: arial, helvetica, sans serife;
	font-size: 9px;
	font-weight: normal;
	color: #000000; /* fris groen */
	text-align: left;
	text-decoration: underline;
	display: block;
	margin-top: 3px;
	padding-top:3px;
	padding-right:2px;
	padding-bottom:2px;
	padding-left:8px;
}
.flag1 {
	text-align: left;
	margin-left: 0px;
	padding-top:3px;
	padding-right:2px;
	padding-bottom:2px;
	padding-left:8px; 
}
#loginlink,#loginlink a,#loginlink a:link,#loginlink a:visited,#loginlink a:active,#loginlink a:hover{
	font-family: arial, helvetica, sans serife;
	font-weight:normal;
	font-size:9px;
	color:#FBDEBC; /* donkerder dan licht zalmoranje */
	text-decoration:none;
	text-align:left;
	margin-top:0px;
	padding-top:3px;
	padding-right:2px;
	padding-bottom:3px;
	padding-left:5px;
}
#lastupdate{
	font-family: arial, helvetica, sans serife;
	font-weight:normal;
	font-size:9px;
	color:#EC7404; /* diep oranje */
	text-decoration:none;
	text-align:left;
	margin-bottom:3px;
	margin-top:3px;
	padding-top:0px;
	padding-right:2px;
	padding-bottom:3px;
	padding-left:8px;
}
#searchbox{
	margin-bottom:3px;
	margin-top:3px;
	padding-top:0px;
	padding-right:2px;
	padding-bottom:3px;
	padding-left:8px;
}
#searchbox .text,#searchbox .submit{
	border:2px solid #5493B4;
	background-color:white;
}
.copyright{
	font-size:10px;
	color:#444444;/* donkergrijs */
	letter-spacing:-1px;
	padding:10px;
}
.copyright a,.copyright a:link,.copyright a:visited{
	color:#444444;/* donkergrijs */
	text-decoration:none;
}
.copyright a:hover,.copyright a:active{
	color:#000000;/* zwart */
	text-decoration:underline;
}
#middle{
	width:509px;
	height:575px;
	position:static; /* laten staan op static anders heel columns weg */
	top:20px;
	margin-left:170px;
	padding-left:0px;
	padding-right:10px;
	padding-top:0px;	
	padding-bottom:10px;	
}
#content{
	width:499px;
        background-color: #fff;
	position:static;
	padding-top:10px; 
	padding-right:3px; 
	padding-bottom:20px ;
	padding-left:15px;        
        border-left: 1px solid #8c857b;
	overflow-x: visible;
	overflow-y: hidden; 
}
#right{
	width:170px;
	position:absolute; /* t.o.v. columns */
	top:0px;
	margin-left:698px; /* 170 left plus 528 middel */
	padding:0px;
	font-family: arial, helvetica, sans serife;
	font-size:11px;
	background-color:#EDEDED;/* lichtgrijsblauwe achtergrond, was in ontwerp #F6F6F6 */
	text-align:left;
}
#right a{
	color: #000000;/* zwarte links nieuws */
}
#witruimte_r {
	width:170px;
	height:20px;
	position:absolute; /* t.o.v. right */
	top:0px;
	left: 0px;
	padding-top:0px; 
	padding-right:0px; 
	padding-bottom:0px ;
	padding-left:0px;
	background-color:#FFFFFF;/* oranje achtergrond */
}
#helpdeskheading {
	width:150px;
	height:28px;
	position:absolute; /* t.o.v. right */
	top:20px;
	left:5px;
	padding-top:8px; 
	padding-right:0px; 
	padding-bottom:0px ;
	padding-left:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color:#FFFFFF;/* witte tekst */
	background-color:#EC7404;/* oranje achtergrond */
}
#helpdeskheading a {
	color:#FFFFFF;/* witte tekst */
}
#helpdeskimage {
	width:160px;
	height:112px;
	position:absolute; /* t.o.v. right */
	top:56px;
	left:5px;
	padding:0px;
	background-color:#C5C6C8;/* grijze achtergrond */
}
#newsheading {
	width:150px;
	height:28px;
	position:absolute; /* t.o.v. right */
	top:208px;
	left:5px;
	padding-top:8px; 
	padding-right:0px; 
	padding-bottom:0px ;
	padding-left:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color:#FFFFFF;/* zwarte tekst */
	background-color:#C5C6C8;/* grijze achtergrond */
}
#newsmodule {
	width:150px;
	position:absolute; /* t.o.v. right */
	top:246px;
	left:5px;
	padding:0px;
}
.news {
	padding-top: 0px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
}
.news H4{
	color: #000000;/* zwarte h4-kop nieuws */
}
.news a:hover {
	color: #FFFFFF;/* witte mouse-over op links nieuws */
}
.clear{
	width:868px;
	height:0px;
	position:relative;
	clear:both;
	margin-top:0px; /* hoogte van logoblok */
	overflow:hidden;
}
#navigator{
	width:868px;
	height:1px;
	position:relative;
	padding: 0px;
	background-color:#8C857B; /* warm gray */
}
#previouspage{ 
	position:absolute; 
	left:10px; 
}
#top{ 
	position:absolute; 
	left:50%; 
}
#nextpage{ 
	position:absolute; 
	right:10px;
}
a{
	text-decoration:none;
	font-weight: bold;
	color:#0066CC; /* middelblauw */
}
a:link,a:visited{
	color:#0066CC; /* middelblauw */
}
a:active{
	color:#0066CC; /* middelblauw */
}
a:hover{
	color:black; /* zwarte mouse-over op links */
}
.search a{ /* links in zoekresultaten */
	font-weight:normal;
	color:0066CC; /* middelblauw */
}
.search a:link,.search a:visited,.search a:active{
	color:0066CC; /* middelblauw */
}
.search a:hover{
	color:000000; /* zwarte mouse-over */
}
H1,H2,H3{
	font-size:14pt;
	padding: 5px 0px 0px;
	margin: 0px;
	margin-left: 188px;
	margin-bottom:6px;
	font-family: Tahoma;
	color: #000000; /* zwarte koppen */
	font-weight: normal;
}
H4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #000000; /* zwarte kopjes h4 */
	margin: 14px 0px 0px;
	margin-bottom:6px;
	text-align: left;
}
H5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #000000; /* zwarte kopjes h5 */
	margin-bottom:-12px;
	text-align: left;
}
hr {
	border: 1px solid #FBBB7E; /* oranje */
	padding: 0px;
	margin: 0px;
}
ul.menulevel1,ul.menulevel2,ul.menulevel3,ul.sitemaplevel1,ul.sitemaplevel2,ul.sitemaplevel3,ul.submenu,ul.search{
	padding-left:0;
	margin-left:0;
	list-style:none;
}
li{
	line-height:1.5; /* interlinie van opsommingen, in navigatie (ook uitklap) en in de content */
	margin-left: 0px;
}
li.doc{padding-left:15px;background-image:/*url(menu/doc.gif)*/;background-repeat:no-repeat;}
li.docs{padding-left:15px;background-image:/*url(menu/docs.gif)*/;background-repeat:no-repeat;}
li.sdoc{padding-left:15px;background-image:/*url(menu/sdoc.gif)*/;background-repeat:no-repeat;}
li.sdocs{padding-left:15px;background-image:/*url(menu/sdocs.gif)*/;background-repeat:no-repeat;}
.menulevel1,.menulevel2,.menulevel3,#navigator,.sitemaplevel1,.sitemaplevel2,.sitemaplevel3,.submenu{
	font-weight:bold;
	font-size:9pt;
	color:#5493B4;
}
.menulevel1 a:link,.menulevel1 a:visited,.menulevel1 a:active,.menulevel1 a:hover,.menulevel2 a:link,.menulevel2 a:visited,.menulevel2 a:active,.menulevel2 a:hover,.menulevel3 a:link,.menulevel3 a:visited,.menulevel3 a:active,.menulevel3 a:hover,#locator a:link,#locator a:visited,#locator a:active,#locator a:hover,#navigator a:link,#navigator a:visited,#navigator a:active,#navigator a:hover,.sitemaplevel1 a:link,.sitemaplevel2 a:link,.sitemaplevel3 a:link,.sitemaplevel1 a:visited,.sitemaplevel2 a:visited,.sitemaplevel3 a:visited,
.sitemaplevel1 a:active,.sitemaplevel2 a:active,.sitemaplevel3 a:active,.sitemaplevel1 a:hover,.sitemaplevel2 a:hover,.sitemaplevel3 a:hover,.submenu a:link,.submenu a:visited,.submenu a:active,.submenu a:hover{
	text-decoration:none;
}
.edit{font-size:8pt;color:black;background-color:buttonface;}
.edit a:link,.edit a:visited,.edit a:active,.edit a:hover{font-weight:normal;color:black;}
input,select{font-size:8pt;}
textarea{	font-family: arial, helvetica, sans serife;font-size:8pt;background-color:white;width:98%;}
.sitemaplevel1,.sitemaplevel2,.sitemaplevel3{font-size:9pt;}
.sitemaplevel1 a,.sitemaplevel2 a,.sitemaplevel3 a{font-weight:normal;color:black;}
.sitemaplevel1 a:link,.sitemaplevel2 a:link,.sitemaplevel3 a:link,.sitemaplevel1 a:visited,.sitemaplevel2 a:visited,.sitemaplevel3 a:visited{color:black;}
.sitemaplevel1 a:active,.sitemaplevel2 a:active,.sitemaplevel3 a:active,.sitemaplevel1 a:hover,.sitemaplevel2 a:hover,.sitemaplevel3 a:hover{color:black;}
form{margin:0;padding:0px;}
img{border:0;}
.fotomw {
	vertical-align: top;
margin: 0px;
padding: 0px;
}
.blauwe_AG {
	background-color: #013E7D; /* blauw */
	color: #FFFFFF; /* witte tekst */
	padding: 3px;
}
.naam {
	font-family: arial, helvetica, sans serife;
	font-size:8pt;
	font-weight: bold;
}
.functie {
	font-family: arial, helvetica, sans serife;
	font-size:7pt;
	font-weight: normal;
}
.oranje_AG {
	background-color: #EC7404; /* oranje */
	padding: 3px;
}
.citaat {
	font-family: arial, helvetica, sans serife;
	font-size:7pt;
	font-weight: bold;
	font-style: normal; /* was italic */
	color: #000000; /* zwarte tekst */
}
.fotoprod {
	width: 123px;
	height:90px;
	vertical-align: top;
}
.tussenwit {
	width: 13px;
}
.tussenwit2 {
	width: 1px;
}
.witregel {
	height: 13px;
}
.citaatTable {margin: 0px; padding: 0px;}
.BG_grijs {
	background-color: #E9E9E9; /* grijs */
	vertical-align: top;
	font-family: arial, helvetica, sans serife;
	font-size:8pt;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;	
}
.witfontcel {
	background-color: #FFFFFF; /* grijs */
	vertical-align: top;
	font-family: arial, helvetica, sans serife;
	font-size:8pt;
}
#grijsfontmarge {
	vertical-align: top;
	padding:5px;
}
.productlink {
	vertical-align: top;
	font-family: arial, helvetica, sans serife;
	font-size:8pt;
	font-weight: bold;
	color: #8C857B;
}
.producttype {
    vertical-align: top;
    font-family: arial, helvetica, sans serife;
    font-size:7pt;
    color: #8C857B;
}
.productphoto {
	width: 75px;
	height:93px;
	vertical-align: top;
}
#fotoschuin{ /* foto links bovenin in content, met schuine hoek */
	width:187px;
	height:112px;
	position:relative; /* t.o.v. wrapper2 */
	top:-44px;
	left:-14px;
	padding:0px;
	margin-bottom: -30px;
	margin-left: 0px;
	float: left;
}
#afdekker{ /* schuine hoek maken door gedeeltelijk afdekken van onderliggende foto links bovenin in content */
	width:187px;
	height:112px;
	position:absolute; /* t.o.v. wrapper2 */
	top:0px;
	left:171px;
	padding:0px;
	margin-bottom: -30px;
	margin-left: 0px;
	float: left;
	z-index: 101;
}
#supportvoorwaarden{
    border: 1px solid #333;
    padding: 10px;
    background-color: #eee;
    border-radius: 5px;
   box-shadow: 3px 3px 3px #aaa;
}