/*
Title:      	beck_impex master styles for screen media
Author:     	gbe, © 2008 anaXis nv.
Updated:        May 08 2008
*/

* { margin: 0; padding: 0; }
* div[width] { width: 100% !important;} /* stupid hack for eyes cms and because IE6 doesn"t understand auto */
html>body div[width] { width: auto !important; } /* stupid hack for eyes cms */
a img { border: 0; }

body { font: normal 62.5%/1.5em Arial, Verdana, sans-serif; background: #ABAEB5 url(images/background.jpg) repeat-x top left; }

/* ---- [ typography ] ------------ */
h1 { font-size: 2em; font-family: Arial Narrow; line-height: 1.4em; font-weight: normal; margin-bottom: 10px; color: #6E6764; }
h2 { font-size: 1.0em; margin-bottom: 5px; font-weight: bold; color: #6E6764; }
p { color: #6E6764; margin-bottom: 10px; }
.error { color: #FF0000; }
.error a { color: #FF0000 !important; }

/*	wrapper
--------------------------------*/
body.home #bgWrapper { background: transparent url(images/Achtergrondfoto.jpg) no-repeat; width: 1253px; height: 799px; margin: 0 auto; }
body.detail #bgWrapper { background: transparent url(images/Achtergrondfoto-detailpag.jpg) no-repeat; width: 1253px; height: 799px; margin: 0 auto; }
#wrapper { width: 960px; margin: 0 auto; clear: both; }

/*	header
--------------------------------*/
#header { clear: both; overflow: hidden; }
#logo { padding-top: 25px; height: 100px; width: 200px; float: left; }
body.home #sloganBIM { height: 25px; position: relative; top: -35px; font-size: 1.5em; color: #9EBBE5; font-weight: 600; margin-bottom: 10px; }
body.detail #sloganBIM { height: 25px; position: relative; top: -45px; left: 150px; font-size: 1.5em; color: #2F4E84; font-weight: 600; margin-bottom: 10px; }
#sloganBIM .prefix1 { color: #ffffff; margin-right: 6px;}
#sloganBIM .prefix2 { color: #ffffff; margin: 0 8px; }
body.home #logo { padding-top: 25px; height: 100px; width: 250px; overflow: hidden; float: left; }
#toolscont { float: right; overflow: hidden; padding-top: 10px; }
#toolbar { float: left; color: #C7C7C7; font-size: 1.1em; }
#toolbar ul.lang { float: left; list-style-type: none; }
#toolbar span.separator { margin: 0 5px; float: left;}
#toolbar span.separator2 { margin: 0 5px; float: left; }
#toolbar img { margin-right: 5px; float: left; }
#toolbar .resize { float: left; margin-right: 5px; }
#toolbar a { color: #C7C7C7; text-decoration: none; float: left; }
#toolbar a:hover { color: #717171 !important; }
#tools #search { background: transparent url(images/zoekvenster.png) no-repeat; width: 198px; height: 25px; float: left; margin-left: 10px; position: relative; top: -5px; }
#tools .txtSearch { border:none; padding-top: 7px; padding-left: 5px; float: left; width: 157px; background: none; margin-left: 5px; font-family: Verdana;}
#tools .btnSearch { position: relative; float: left; top: 2px; left: 3px; #top: -21px; #left: 170px; }
#loggedin { color: #C7C7C7; padding-top: 40px; }
#loggedin p { color: #C7C7C7; font-size: 1.1em;  }

body.home #toolbar .resize { display: none; }
body.home #toolbar .print { display: none; }
body.home #toolbar .separator2 { display: none; }


/*	breadcrumb
--------------------------------*/
.breadcrumb { clear: both; margin-left: 8px; color: #999999;}
.breadcrumb a { text-decoration: none; color: #999999; }
body.home .trailintro { display: none; }

/*	container
--------------------------------*/
body.detail #container { background-color: #ffffff; padding-bottom: 10px; margin-top: 85px; min-height: 600px; _height: auto !important; _height: 600px;}
body.home #container { background-color: Transparent; min-height: 650px; _height: auto !important; _height: 650px; }

/*	tree
--------------------------------*/
#tree { clear: both; color: #ffffff; font-size: 1.4em; position: relative; top: -21px; _width: 960px; _padding:0; _margin:0;  }
#tree a { color: #ffffff; text-decoration: none; }
#tree #pmenu0 { background: transparent url(images/ORANJE-BALK.png) no-repeat; _background: transparent url(images/ORANJE-BALK.gif) no-repeat; width: 610px; _width: 610px; height: 49px; float: left; margin-right: 11px; padding-top: 5px;  }
#tree #pmenu1 { background: transparent url(images/GROENE-BALK.png) no-repeat; _background: transparent url(images/GROENE-BALK.gif) no-repeat; width: 164px; _width: 164px; height: 49px; float: left; margin-right: 11px; padding-top: 5px;  }
#tree #pmenu2 { background: transparent url(images/GELE-BALK.png) no-repeat; _background: transparent url(images/GELE-BALK.gif) no-repeat; width: 164px; _width: 164px; height: 49px; float: left; padding-top: 5px; }

/*	content
--------------------------------*/
#content { clear: both; overflow: hidden; width: 960px; }
body.detail #content { padding: 20px 50px 20px; overflow: hidden; _overflow: none; clear: both; width: 860px; background: #ffffff url(images/bottom.jpg) no-repeat bottom center; font-size: 1.2em; }
body.detail #content a { color: #91B134; text-decoration: underline; }
body.detail #content ul { list-style-position:inside; padding-bottom: 15px; color: #6E6764; }
body.detail #content ul li { list-style-type: none; background: url(images/separator_oranje.jpg) no-repeat 0 .5em !important; padding-left: 12px; #padding-left: 0; line-height: 18px; }
body.detail #content ul li ul { padding-bottom: 0; margin: 3px 0; }
body.detail #content ul li ul li { background: url(images/separator_green.jpg) no-repeat 0 .5em !important; #margin-left: 15px; }
body.detail #content ul li ul li li { background: url(images/separator_yellow.jpg) no-repeat 0 .5em !important; }
body.detail #viewcontent table { border-top: solid 1px #C1C1C1; margin-bottom: 15px; width: auto !important; border-collapse: collapse; }
body.detail #viewcontent table td { border-bottom: solid 1px #C1C1C1; padding: 3px 15px 3px 5px; width: auto !important; }
body.detail #viewcontent table td p { margin-bottom: 0; }
body.detail #Sitemap { font-size: 1.4em; }
body.detail #Sitemap li { line-height: 20px;  }

/*	teasers homepage
--------------------------------*/
body.home #teasers { clear: both; overflow: hidden; font-size: 1.2em; }
body.home #content { padding-top: 297px; }
body.home div.teaser0 { float: left; margin-right: 25px; }
body.home div.teaser0 a { display: block; }
body.home div.teaser0 div.backgroundimg { background: transparent url(images/info-blok-1.png) no-repeat; width: 302px; height: 199px; position: relative; }
body.home div.teaser0 div.titlediv { position: absolute; top:7px; left: 15px; color: #ffffff; font-size: 1.4em; font-weight:bold;  }
body.home div.teaser0 div.linkdiv { position: absolute; bottom: 10px; left: 15px; color: #355E94; }
body.home div.teaser0 div.linkdiv a { color: #355E94; text-decoration: none; font-weight: bold; }
body.home div.teaser1 { float: left; margin-right: 27px; }
body.home div.teaser1 a { display: block; }
body.home div.teaser1 div.backgroundimg { background: transparent url(images/info-blok-2.png) no-repeat; width: 302px; height: 199px; position: relative; }
body.home div.teaser1 div.titlediv { position: absolute; top:7px; left: 15px; color: #ffffff; font-size: 1.4em; font-weight:bold;  }
body.home div.teaser1 div.linkdiv { position: absolute; bottom: 10px; left: 15px; color: #355E94; }
body.home div.teaser1 div.linkdiv a { color: #355E94; text-decoration: none; font-weight: bold; }
body.home div.teaser2 { float: left; }
body.home div.teaser2 a { display: block; }
body.home div.teaser2 div.backgroundimg { background: transparent url(images/info-blok-3.png) no-repeat; width: 302px; height: 199px; position: relative; }
body.home div.teaser2 div.titlediv { position: absolute; top:7px; left: 15px; color: #ffffff; font-size: 1.4em; font-weight:bold;  }
body.home div.teaser2 div.linkdiv { position: absolute; bottom: 10px; left: 15px; color: #355E94; }
body.home div.teaser2 div.linkdiv a { color: #355E94; text-decoration: none; font-weight: bold; }

/*	bottom images rounded corners
--------------------------------*/
#bottomrounded { clear: both; overflow: hidden; width: 960px;}
#linksonder { width: 13px; height: 12px; background: transparent url(images/corner-left.png) no-repeat; float: left; }
#centerbottom { width: 934px; height: 12px; background-color: #ffffff; float: left; }
#rechtsonder { width: 13px; height: 12px; background: transparent url(images/corner-right.png) no-repeat; float: left; }
body.home #bottomrounded { display: none; }

/*	footer
--------------------------------*/
body.detail #footer { clear: both; overflow: hidden; width: 960px; height: 68px; margin: 4px auto; background: transparent url(images/weerspiegeling.png) no-repeat; _background: transparent url(images/weerspiegeling.gif) no-repeat; }
body.detail #adres { padding: 9px 0 0 20px; font-size: 1.2em; font-weight: bold; color: #4D4B4C;  }
body.detail #adres a { text-decoration: none; color: #4D4B4C; }
body.detail #adres a:hover { text-decoration: underline; }
body.detail #adres span.seperator { padding: 0 8px; }

body.home #footer { clear: both; overflow: hidden; width: 960px; height: 68px; margin: 2px auto; }
body.home #adres {    padding: 7px 0 0 15px; font-size: 1.2em; font-weight: bold; color: #4D4B4C;  }
body.home #adres a { text-decoration: none; color: #4D4B4C; }
body.home #adres a:hover { text-decoration: underline; }
body.home #adres span.seperator { padding: 0 8px; }

/*	created
--------------------------------*/
#created { padding-right: 20px; text-align: right; }

/* -----[ CSS editing ] ----------------	*/
div.eyeEditMenu *, 
div.eyeEditMenu #content table { margin: 0 !important; padding: 0 !important; }
div.eyeEditMenu a { cursor: pointer; }

div.editmenu { margin-top: 20px !important; }