/*
Title:      	Spectron master styles for screen media
Author:     	fel, © 2009 anaXis nv.
Updated:        feb 25 2009


Overzicht kleuren Spectron:

STARTPAGINA:

Alles wat grijs is: 707070 (breadcrumb enz)
Alles wat zwart is: 000000 (plain text, knoppen, titels what’s up...)
Alles wat wit is: ffffff (tekst in gekleurde blokken)
Alles wat blauw is: 005c84 (links, search text ...)

DETAILPAGINA:

Breadcrumb link: 22bbea
Hoofding 2: 6695a9
Plain text: 333333

Hoofding Navigatie: 7ba9bf
Navigation item: 006996
Active item: 333333
Roll over item: 22bbea

Kleur lijn tussen items: f2f2f2

*/

* { margin: 0; padding: 0; }
* div[width] {width: 100% !important;} /* stupid hack for eyes cms */

body { font: normal 62.5%/1.5em Arial, Verdana, sans-serif;}

/* ---- [ typography ] ------------ */
a {color:#005c84; font-size: 1.00em; text-decoration: none; }
h1 {color: #000000; font-size: 1.7em;font-weight:normal; margin:15px 0 15px 0;}
h2 {color: #6695a9; font-size: 1.7em; font-weight:normal; margin:5px 0 10px 0;}
h3 { font-size: 1.15em; }
li { font-size: 1.15em; }
li li{ font-size: 1em; }


p {color:#000000; font-size: 1.1em;margin-bottom:10px; }
#innercontent TABLE{width:350px; font-size: 1.065em;}

p.styledlink{margin:0; padding-top:2px;padding-left:7px; height:20px;background: url(images/regularbutton.png) no-repeat top left;}
a.styledlink{color:#000000;font-weight: bolder;}

.error{ color: #FC0000; }
/*	wrapper
--------------------------------*/
#wrapper { margin: 0 auto; width:100%;  }


/*	geheel
--------------------------------*/
#geheel { width: 747px; margin: 0 auto; overflow:hidden; clear: both; }

/*	header
--------------------------------*/

#header {background: url(images/headerbg.jpg) no-repeat top right; clear: both; overflow: hidden; height:60px;width:747px;}

#header a { display: inline; color:#005c84;}
#header a img { /*float:left;*/ }

/*#header ul.lang a.tooltip span {display: none; padding: 2px 3px; margin-left: 8px; width: 20px;} 
#header ul.lang a.tooltip:hover span { display:inline; position:absolute; top:30px; border:1px solid #cccccc; background:#ffffff; color:#6c6c6c; } 
*/

#headertop {height:124px; font-size:0.9em; position: relative; background-color:Transparent;}

#header #headertop #logo {float: left;padding-top:3px;}

#topmenu{width:837px;float:left;height:124px;}
.topmenutop{position: absolute;top:1px;right:6px;/*height:30px;/*}
#topmenutop ul.lang {/*clear:both;*/ list-style: none;/*height:30px;*/}
.topmenutop ul.lang li {float:left; display: block; font-size: 1.2em;margin: 0 1px 0 1px; font-weight: bold;height:30px;width:30px;text-align:center;padding-top:6px;}

.topmenutop ul.lang li.selected{background: url(images/lang_button_sel.png) no-repeat top right;}
.topmenutop ul.lang li.unselected{background: url(images/lang_button.png) no-repeat top right;}
.topmenutop ul.lang a:hover {text-decoration: none;}

#topmenubottom{overflow:hidden;position:absolute;bottom:6px;right:10px; height:26px; width:837px;}

#header #breadcrumb{color:#707070;  margin: 4px 2px 0 0;  font-size: 1.1em; float: left;}
#header #breadcrumb a{color:#22bbea;}

#header #search{float:right; border: 0;width:257px; }
#header #search input{color:#005c84; border:solid 1px #d5e1ed;float:left;padding:2px 0 0 0; width:170px;height:21px;}
#header #search #button{text-align:center;  float:left;width:81px;margin-left:4px;height:25px;background-position: center center;background-image: url(images/searchbutton.png);background-repeat: no-repeat;}
#header #search #button a.Zoekbtn{border:0;color:#000000;padding:3px 0 0 0; display:block; font-size:1.2em;text-decoration:none;}

#header #menu_left{float:left;height:40px;width:7px;background: url(images/menubg-left.png) no-repeat top right;}
#header #menu{ float:left;height:40px;width:933px;background: url(images/menubg.png) repeat top right;}
#header #menu td{padding-top:3px;}
#header #menu a{font-size:1.5em;}
#header #menu table{margin-left:45px;}
#header #menu .separator{padding:4px 30px 0 30px;}
#header #menu_right{float:left;height:40px;width:7px;background: url(images/menubg-right.png) no-repeat top right;}



/*
#header #controls {  margin: 4px 2px 0 0; color: #C9D3DD; font-size: 1.1em; float: left; }
#header #controls a { text-decoration: none; color: #C9D3DD; margin-right: 10px; }
#header #controls span.seperator { margin-right: 10px; }
#header #controls fieldset {float:right; border: 0; display: inline; vertical-align: middle;}
#header #controls fieldset input.btn { width: auto; vertical-align: middle; }
#header #controls fieldset input { width: 135px; margin-right: 2px; vertical-align: middle; }
*/

/*	container
--------------------------------*/
#container{float:left;width:947px;}

/*	quads
--------------------------------*/
#quads{float:left; width:650px;height:160px;}
#quads h1{margin:0;padding:0;}
#quads h2{color:white;font-weight:900; padding:6px 0 0 0; text-align:center;margin:0px;}
#quads p{color:white;font-size:1.1em; padding:8px 8px 5px 10px;margin:0px;}

#quads #quad_1{float:left;margin:10px 5px 0 5px;height:150px;width:150px;background:#005C84 url(images/pijl-wit.png) no-repeat 95% 95%;}
#quads #quad_2{float:left;margin:10px 5px 0 5px;height:150px;width:150px;background:#22BBEA url(images/pijl-wit.png) no-repeat 95% 95%;}
#quads #quad_3{float:left;margin:10px 5px 0 5px;height:150px;width:150px;background:#8AAF1A url(images/pijl-wit.png) no-repeat 95% 95%;}
#quads #quad_4 {float:left;margin:10px 5px 0 5px;height:150px;width:150px;background:#FED500 url(images/pijl-wit.png) no-repeat 95% 95%;}

#quads.elements{width:633px;padding: 12px 0 0 0;}
#quads.elements #quad_1{margin:10px 5px 0 0;}
#quads.elements #quad_2{margin:10px 5px 0 0;}
#quads.elements #quad_3{margin:10px 5px 0 0;}
#quads.elements #quad_4 {margin:10px 5px 0 0;}

/*	tools
--------------------------------*/

#tools{float:left; margin:5px 0 0 25px; width:258px;}
#tools div{background:url(images/largebutton.jpg) no-repeat top left;margin:0 0 4px 0 ;width:244px;height:54px;}
#tools div h2{color:#005c84;font-size:1.4em; font-weight:900; padding:5px 0 2px 10px;margin:0px;}
#tools div p{font-size:0.9em;padding:0 0 0 10px;margin:0px;}

#tools.elements{clear:both;margin:15px 0 0 0;padding:0;width:245px;}

/*	content
--------------------------------*/
#left_content{float:left; width:947px;background:url(images/pagebg-left.jpg) no-repeat bottom left;}
#content{float:left; width:933px; background:url(images/pagebg.jpg) repeat-x bottom;}
#right_content{float:left; width:940px;padding-left:7px;background:url(images/pagebg-right.jpg) no-repeat bottom right;}

/*	maincontent
--------------------------------*/

#maincontent{float:left;width:600px;margin:-50px 0 0 10px;padding:0 50px 0 0;}

/*	innercontent
--------------------------------*/

#innercontent{float:left;width:550px;margin: 20px 0 0 0;padding:0 0 60px 0;}
#innercontent ul{list-style-type: none;padding:10px 0 10px 25px; }
#innercontent ul li{background: url("images/pijl-blauw.jpg") no-repeat 0 3px; }
#innercontent ul li{padding:0 0 2px 20px;}

/*	attachments
--------------------------------*/
#attachments{float:left;width:923px;margin:40px 0 0 10px;padding-bottom:20px;}
#attachments h1{margin:0;color:#000000;font-weight:600;}
#attachments h2{color:#000000;font-weight:600;}

#attachments #news{float:left;width:453px;}
#attachments #leftattachments{float:left;width:237px;}
#attachments #rightattachments{float:left;width:190px;}


/*	footer
--------------------------------*/
#footer{clear:both; width:947px;height:25px;margin:5px  auto 0 auto;}
#footer_left{color:#707070; float:left;}
#footer_right{float:right;}
#footer_right span{padding:0 6px 0 6px;}

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

/* -----[ CSS tree ] ----------------	*/
ul.tree{display: block; width:305px;float:left;background:url(images/navbg.jpg) no-repeat top left;margin:20px  0 0 -7px;}
ul.tree a:hover{color:#22bbea;}
ul.tree li.current{background: url("images/pijl-grijs.png") no-repeat 200px 7px ;}
ul.tree li.current a{color:#333333;font-weight:600;}
ul.tree li.current ul.open a{font-weight:normal; color:#006996;}
ul.tree ul.open li.current a{font-weight:normal; color:#006996;}
ul.tree .treetitel{font-size:1.9em; color:#7ba9bf;padding:10px 0 15px 15px;}
ul.tree li a {font-size:1.2em;color:#006996;}
ul.tree li ul { display: none; }
ul.tree li ul.open {margin: 5px 0 0 15px;list-style:none; display: block; }
ul.tree li ul.open li{padding:5px 0 0 0;}
ul.tree li ul.open li a{font-size:1.1em;}
ul.tree li ul.open li a:hover{color:#22bbea;}


ul.tree li {}
ul.tree ul {/* padding-left: 15px;list-style-type: circle;*/ }


ul.tree li.lvl1{width:238px;padding:7px 0 7px 15px;border-style:solid;border-bottom-width:1px;border-top-width:0px;border-left-width:0px;border-right-width:0px;border-bottom-color:#f2f2f2;}


/*
ul.myEyesTree li.open a {
    background: url(minus.gif) center left no-repeat;
}
ul.myEyesTree li a {
    background: url(plus.gif) center left no-repeat;
}
ul.myEyesTree li.bullet a {
    background: url(bullet.gif) center left no-repeat;
}
*/