/*
Title:      	Baseproject master styles for screen media
Author:     	kvs, © 2007 anaXis nv.
Updated:        Aug 17 2007
*/


body {color: #000; background: #ad9ba9 url('images/background.jpg') repeat-x top left;}

/* ---- [ typography ] ------------ */
a {color:  #e47e00; }
h1 {background-color: #9ea900; color: #fff; padding: 5px; font-size: 1.8em; font-weight:bold; line-height:1.3; /*color: #003876;*/}
h2 {color: #cc0099; /*color: #6e7fad; */}

/*	wrapper
--------------------------------*/
#wrapper  {padding-left:0;padding-right:0;/*background-color: Transparent;*/}

/*	header
--------------------------------*/
#header {padding-left: 20px; }
#headertop {height: 75px; background: #cc0099;clear: both; margin-top: 20px;}
#headertop #SubtitleGroup a{font-size:2.4em; font-weight:800; top:35px; left:427px;line-height:20pt; width:450px;text-align:right; position:absolute;color:#fff;}
#headertop #SubtitleGroup a{text-decoration:none;}

#topmenu {color: #fff;}
#topmenu a {color: #fff;}

#logo {left:0px;top:0px;}
#topmenu {right:30px; }
#search {right:15px; }

#canvas {background-color: #cc0099; border-style: none;}
#canvas table.canvasmenu {border-collapse: collapse; width: 100%;}
#canvas tr.imagemenu { overflow:hidden;}

#canvas .menubutton {/*vertical-align: middle;*/ background-color: #ffdf1c;}
#canvas .menubutton a {font-size: 12pt; color: #003876; text-decoration: none;padding-top: 22px;}
#canvas tr.buttonrow td.last a {background-image: url('images/arrow.gif'); background-repeat:no-repeat; background-position: right top;}
#canvas .imagemenu tr.buttonrow{height:61px;}
#canvas .canvasmenu tr.buttonrow{height:61px;}
#canvas .imagemenu tr.buttonrow td a{padding-top:15px;}
#canvas .imagemenu tr.buttonrow td.last a {background-image: url('images/top_rechts.jpg'); background-repeat:no-repeat; background-position: right top;}

/*
Hover effects, don't work properly in older IE versions, so fix it there if the effect needs to be enabled
#canvas .menubutton a:hover {color: #ffdf1c; text-decoration: none;}
#canvas .menubutton:hover {background-color: #003876; text-decoration: none;}
#canvas tr.buttonrow td.last a:hover {background-image: url('images/arrowblue.gif'); background-repeat:no-repeat; background-position: right top;}
#canvas .imagemenu tr.buttonrow td.last a:hover {background-image: url('images/arrowblue_home.gif'); background-repeat:no-repeat; background-position: right top;}
*/

/*
#canvas .menubutton a:first-letter {color: #ffdf1c;}
#canvas .menubutton a:hover:first-letter {color: #fff;} */


/*	container
--------------------------------*/
/*#content, #teaser, #breadcrumb {background-color: #fff;}*/
#breadcrumb {width: 450px;}
#headerappendix {margin-right: 20px; background:#fff;  color: #cc0099;}

#teaser {margin-top: 5px;}
#teaser h1 { background-color: #9ea900; }
#teaser h1 a {color: #fff;  }
#teaser h2 a {color: #cc0099;font-style: italic; font-weight: normal;}
#teaser hr {width: 50px; height: 1px; margin-left: 10px; color: #9ea900;}
#teaser .morediv a.more{color:#e47e00; text-decoration:none; }
#teaser .morediv a.more:hover{color:#e47e00;text-decoration:underline; }
	
#curpoll a.stemlink{color:#e47e00; text-decoration:none; }
#curpoll a.stemlink:hover{color:#e47e00;text-decoration:underline; }
#curpoll .stem{text-align:right;}

#sidebar { min-height: 300px;  background: #e47e00 url('images/cornertreebottom.gif') no-repeat; background-position: left bottom; color: #fff;}
#sidebar a, #sidebar a:hover, #sidebar a:visited {color: #fff;}
#sidebar li { border-bottom: none; /*border-color: #f5d8bc; */} 
	
#tree {margin-left: 10px;}
#tree a:visited{font-size:1em;}
#tree div.lvl1 a {color: #fff;  }
#tree div.lvl1 li {background-image: url('images/listbullet1.gif'); background-repeat: no-repeat; background-position: left 5px;}
#tree div.lvl2 a {color: #ffe241; }
#tree div.lvl2 li { background-image: url('images/listbullet2.gif'); background-repeat: no-repeat; background-position: 10px 5px;}
#tree div.lvl3 a {color: #ffea89;}
#tree div.lvl3 li { background-image: url('images/listbullet3.gif'); background-repeat: no-repeat; background-position: 15px 5px;}
#tree div.lvl4 a {color: #fff0af; }
#tree div.lvl4 li { background-image: url('images/listbullet4.gif'); background-repeat: no-repeat; background-position: 20px 5px;}

#content h1{}
#content h2{background-image: url('images/titlebullet2.gif'); background-repeat: no-repeat; background-position: left center; padding-left: 16px; }
#content a{color:#e47e00;text-decoration:none; }
#content a:hover{color:#e47e00;text-decoration:underline; }

.form-results .datumnewsitem{font-size:1.3em; font-weight:700;margin-bottom:0px;}
#content .form-results h2 a.title {font-size:11pt; color:#cc0099 !important;}

#content #tabDetailedInfo{table-layout:fixed;}
#content #tabDetailedInfo tbody tr td span{font-size:1.2em;}

#content #miniweb td.miniwebsite_tekst{ padding:5px 35px 5px 25px;}
#content .customH{font-size:1.5em; color:#e47e00;margin-top:0px;}

#gallery div.imgcontainer { padding: 5px; float:left; border: 1px solid #787878; text-align: center; }
#gallery div.imgcontainer a { display: table-cell; text-align: center; vertical-align: middle; }
#gallery div.imgcontainer { *position: relative; *overflow: hidden; }
#gallery div.imgcontainer a { *position: absolute; *top: 50%; *left: 50%; *width: auto!important; *height: auto!important; }
#gallery div.imgcontainer a img { *position: relative; *top: -50%; *left: -50%; }


/*	footer
--------------------------------*/
#footer {padding-top: 10px; } 
#footer a{color: #000; }

/* forms */
div fieldset legend {color: #9ea900;}
div fieldset {border: solid 1px #8592bb; }