/*
Title:      	Martens
Author:     	dmu, © 2008 anaXis nv.
Updated:        August 13 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: #C3E0AA url(images/kraag.jpg) no-repeat top center; }
body.wide #sidebar { display: none; }
body.wide #content { width: auto !important; }

/* ---- [ typography ] ------------ */
a { font-size: 1em; text-decoration: none }
h1 { font-size: 2.3em; margin-bottom: 25px; line-height: 25px }
h2 { font-size: 1.8em; margin-bottom: 10px}
dt { font-size: 2.1em; }
dd { font-size: 1.2em; }
p { font-size: 1.3em; }

/*	wrapper
--------------------------------*/
#wrapper { position: relative; width: 955px; margin: 4px auto 0 auto; }
#wrapper #div1 { position: absolute; z-index: 1000; top: 37px; left: 645px; bottom: 130px; background: transparent url(images/pils.png) no-repeat left top; width: 256px; height: 322px; }
#wrapper #div2 { position: absolute; top: 172px; left: -121px; background: url(images/bloemen-links.png) no-repeat left top; width: 121px; height: 418px} 
#wrapper #div3 { position: absolute; top: 450px; right: -72px; background: url(images/bloemen-rechts.jpg) no-repeat left top; width: 72px; height: 157px}
#wrapper #div4 { position: absolute; top: -2px; left: 300px; height: 158px; width: 388px; }

/*	header
--------------------------------*/
#header { height: 154px; } 
#header img { margin: 10px 0 15px 32px; }
#header div { font-size: 1.1em; position: absolute; top: 10px; right:20px; }
#header div a { margin-left: 10px; color:#000; text-decoration: underline; }
#header ul.lang li { display: inline; list-style: none; }
#header ul.lang li a { text-transform: uppercase; }

/*	menu
--------------------------------*/
#menu { height: 31px; }
#menu ul { clear: both; overflow: hidden; margin-left: 30px; margin-bottom: 0; }
#menu li { list-style:none; margin: 0 2px; background: transparent url(images/button_left.png) no-repeat top left; padding-left: 5px; float: left; }
#menu li a { background: transparent url(images/button_right.png) no-repeat top right; display: block; font-size: 1.1em; font-weight: bold; float: left; padding-right: 5px; text-decoration: none; color: #000; }
#menu li a span {  background: #B3EB70 url(images/button_mid.gif) repeat-x top; display: block; float: left; padding: 5px 15px 5px 15px; padding-top: 10px;}

#menu li a:hover span { color: white; cursor: pointer;}

/*
#menu li.current { background: #B3EB70 url(images/button_active_left.gif) no-repeat top left; border-bottom-color: #82B71E; }
#menu li.current a { background: #B3EB70 url(images/button_active_right.gif) no-repeat top right;}
#menu li.current a span {  background: #B3EB70 url(images/button_active_mid.gif) repeat-x top;} */
 
/*	infobox
--------------------------------*/
#infobox { clear: both; overflow: hidden; height: 175px; background: url(images/infobox_bg.jpg) no-repeat top left; padding-left: 11px;}
#infobox dl { width: 180px; float: left; margin: 20px 0 0 20px; }
#infobox dt { border-left: solid 4px #BFDB9E; color: #E6C52A; margin-bottom: 10px; text-transform: uppercase; padding: 2px 0 0 20px; }
#infobox dt span { display: block; margin: 6px 0; font-size: .9em; text-transform: lowercase; }
#infobox dd { color: #fff; margin-bottom: 10px; text-align: left; }
#infobox dd a { color: #E6C52A; text-decoration: none; }

/*	container
--------------------------------*/
#container { background: #1A6356 url(images/container_bg.gif) repeat-y left; clear:both; overflow: hidden; width: 955px; margin: 0 auto; }

/*	container: =teaser
--------------------------------*/
#teaser { background: #0C443F url(images/row1_column1_bg.gif) top repeat-x; float:left; width: 255px; margin-bottom: 5px; min-height: 251px }
#teaser dl { margin: 40px 0 0 20px;}
#teaser dt { margin-bottom: 15px; color: #F7FFFF }
#teaser dd { color:#B1E7CF; margin: 0 10px 10px 0}
#teaser dd a { color: #F7FFFF; font-weight: bold; text-decoration: underline }
#teaser dd.date { color: #96C8BF; text-decoration: underline; }
#teaser p { color: #b3d48e; margin: 30px 20px 10px 20px }

/*	tree
--------------------------------*/
#teaser div ul { list-style: none; margin: 20px 5px 20px 20px; }
#teaser div li { background: url(images/menubutton-geel.png) 0 6px no-repeat; padding: 2px 0 2px 14px; }
#teaser div li a { font-size: 1.3em; font-weight: bold; color: #b3d48e; text-decoration: none;}
#teaser div li a:hover { cursor: pointer; text-decoration: underline; }

/*	container: =canvas
--------------------------------*/
#canvas {
    background: #1A6356 url(images/row1_column2_bg.gif) repeat-x top left; color: #b3d48e; float: left; 
    width: 700px; margin-bottom: 5px; 
    min-height: 251px;
    height: auto !important;
    height: 251px;
}

/*	canvas: =breadcrumb
--------------------------------*/
#Breadcrumb {margin: 10px 0 10px 20px; clear: both; overflow: hidden;}
#Breadcrumb a {color: #b3d48e; text-decoration: underline}

/*	canvas: =content
--------------------------------*/
#content { float: left; width: 400px; margin: 0 20px 10px 20px;  }
#content h1 { color: #6EA627; }
#content p { margin: 6px 0 10px 0;}
#content ul { margin-left: 15px; margin-bottom: 10px; font-size: 1.3em}
#content ul li { margin-bottom: 2px; line-height: 15px }

#content p.style1 { font-weight: bold; font-size: 1.3em; border-top: solid 1px #60968C; padding-top: 8px; }
#content p.style2 { color: #6EA627; }

/*	canvas: =sidebar
--------------------------------*/
#sidebar {float:left; width:240px; margin: 0 20px 10px 0; }

/*	footer
--------------------------------*/
#footer { background: #0C443F; }
#footer div { background: #1A6356; margin-left: 255px; }
#footer address {  color: #60968C; padding: 10px 0; margin: 0 20px; text-align: center; border-top: solid 1px #60968C; }
#footer span { padding: 0 3px } 
#footer a { vertical-align: middle;}

/*	created
--------------------------------*/
#created { width: 955px; margin: 7px auto; text-align: right; }
#created * { vertical-align: middle; font-size: 1.1em; }
#created a { margin-left: 7px; }