/*******************************/
/**       CSS DOCUMENT        **/
/**   OWNED BY DROOMSLICING   **/
/**   COPYRIGHT 2009 - 1010   **/
/**       www.idroom.nl       **/
/*******************************/


/*******************************/
/* REGULAR COMMANDS */
/*******************************/
html{ height: 100%;}
body{ height: 100%; min-height: 100%; margin:0px; padding:0px; color:#575757; font-size:0.7em; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; background:url(../images/bg.jpg) repeat-x #000000;}
body a{ text-decoration:none; color:#b4820b; font-weight:bold;}
body a:hover{ text-decoration:underline; color:#b4820b; font-weight:bold;}

.clear{clear:both; overflow:hidden; height:0px;} img{border:0px;} ul, li{list-style:none;}

/*******************************/
/* CONTAINER DIVISION */
/*******************************/
#container{ position:relative; width:914px; margin:0 auto; background:url(../images/bg_container.jpg) repeat-y; height:auto !important; height:100%; min-height:100%;}

/*******************************/
/* INNER DIVISION */
/*******************************/
#container .header1{background:url(../images/bg_top.jpg) no-repeat; }

#container #top{ position:relative; width:914px; background:url(../images/bg_top.jpg) no-repeat; height:261px;}
#container #top ul{ margin:0px; padding:0px 0px 7px 2px; height:39px; }
#container #top ul li { float:left; display:block; height:39px; margin:0px 1px 0px 0px; }
#container #top ul li a{ outline: 0; float:left; display:block; height:39px; background:url(../images/bg_li.jpg) no-repeat right; color:#fff; }
#container #top ul li a span{ float:left; display:block; cursor:pointer; height:27px; padding:12px 18px 0px 18px; background:url(../images/bg_lileft.jpg) no-repeat left; }
#container #top ul li a:hover{ background:url(../images/bg_liover.jpg) no-repeat right; text-decoration:none; }
#container #top ul li a:hover span{ background:url(../images/bg_lileftover.jpg) no-repeat left; }

#container #top h1{ position:absolute; width:0px; height:0px; display:hidden; text-indent:-3000px; margin:0px; padding:0px;}

#container #top #header{ width:904px; height:190px; padding:0px 0px 0px 10px;}
#container #top #header a { outline: 0;}
#container #top #header a img{ }
#container #top #header a:hover img{ display:block; filter:alpha(opacity=70); opacity:0.7; width:98px; height:98px; }

#container #top #bread{ width:900px; padding:4px 0px 0px 14px; }
#container #top #bread p { margin:0px; padding:0px; color:#FFF; }
#container #top #bread p a{ color:#FFF; }
#container #top #bread p a span{ color:#f2b524; font-weight:normal; text-decoration:underline; }

/*******************************/
/* BALK */
/*******************************/
#container #balk {width:894px; height:175px; padding:14px 4px 0px 16px; background:url(../images/bg_balk.jpg) no-repeat;}
#container #balk #cursus{float:left; width:350px; color:#fff;}
#container #balk #cursus a img{float:left; display:block; margin:0px 19px 0px 0px;}
#container #balk #cursus h2{ float:left; padding:10px 0px 6px 23px; font-size:1.25em; font-weight:bold; margin:0px; display:block;}
#container #balk #cursus p{ margin:0px; padding:0px 0px 10px 0px; line-height:16px; width:183px; float:left;}
#container #balk #cursus p a{ color:#fbbc25;}

#container #balk #film{float:right; width:516px; color:#fff; padding:10px 0px 0px 0px;}
#container #balk #film h2{ padding:0px 0px 9px 25px; font-size:1.25em; font-weight:bold; margin:0px; display:block;}
#container #balk #film .filmpje{ float:left; width:153px; height:129px; background:url(../images/bg_film.jpg) no-repeat; padding:0px 9px 0px 10px;}
#container #balk #film .filmpje strong{ display:block; height:21px; padding:9px 0px 0px 0px; font-size:1.1em; }
#container #balk #film .filmpje a img{ display:block; border:1px solid #cb9f36; }

/*******************************/
/* CONTENT */
/*******************************/
#container #content {width:894px; padding-top:18px; padding-right: 10px; padding-left: 10px; background:url(../images/bg_content.jpg) no-repeat;}
#container .space{padding-bottom:200px;}

/*******************************/
/* LEFT / RIGHT */
/*******************************/

#container #content #left { float:left; width:540px; padding:0px 15px 140px 15px; position:relative;}
#container #content #right { float:right; width:286px; padding:0px 5px 140px 15px;}
#container #content #right ul { font-size:0.9em; margin:-8px 0px 20px 4px; padding:0px 0px 0px 6px; list-style-type:disc; list-style-position:outside;}
#container #content #right ul li{list-style-type:disc; list-style-position:outside;}
#container #content h2.titel{ color:#fff; margin:0px; padding:0px 0px 26px 25px; font-size:1.35em;}
#container #content p{ margin:0px; padding:0px 0px 16px 0px; line-height:18px; font-size:1.00em;}
#container #content img.logo{ float:right; margin:0px 0px 20px 10px; display:block;}
#container #content p.logo{ float:right; margin:0px 0px 20px 10px; display:block;}

#container #content #left #nieuws_ar{}
#container #content #left #nieuws_ar ul{ width:539px; margin:0px; padding:0px;}
#container #content #left #nieuws_ar ul li{ width:539px; height:33px; display:block; float:left; margin-bottom:3px; }
#container #content #left #nieuws_ar ul li a{ float:left; cursor:pointer; width:539px; height:33px; display:block; background:url(../images/bg_nieuwsli.jpg) no-repeat; }
#container #content #left #nieuws_ar ul li a p{ cursor:pointer; display:block; float:left; padding:8px 0px 0px 20px; margin:0px; color:#000;}
#container #content #left #nieuws_ar ul li a em{ cursor:pointer; display:block; float:right; padding:10px 20px 0px 0px; font-weight:normal;}
#container #content #left #nieuws_ar ul li a:hover{ color:#000; text-decoration:none; }


/*******************************/
/* LAATSTE */
/*******************************/

#container #content #laatste { position:absolute; bottom:134px; width:894px; height:174px; margin:0px 0px 8px 0px; background:url(../images/bg_laatste.jpg) no-repeat;}
#container #content #laatste a img{ position:absolute; right:0px; top:0px;}
#container #content #laatste ul{ width:257px; float:left; padding:10px 0px 0px 18px; margin:0px; list-style:none;}
#container #content #laatste ul li{ width:257px; display:block;}
#container #content #laatste ul li span{ display:block; height:30px; color:#000; font-weight:bold; font-size:1.1em;}
#container #content #laatste ul li a{ width:230px; height:18px; padding:6px 0px 0px 27px; color:#000; font-weight:normal; margin:0px 0px 5px 0px; background:url(../images/bg_ulli.jpg) no-repeat; display:block;}
#container #content #laatste ul.nieuws li a{ background:url(../images/bg_linieuws.jpg) no-repeat; }
#container #content #laatste ul.downloads li a{ background:url(../images/bg_lidownloads.jpg) no-repeat; }
#container #content #laatste ul li a:hover{ font-weight:bold; text-decoration:none;}

/*******************************/
/* FOOTER */
/*******************************/

#container #footer { position:absolute; width:886px; bottom:0px; overflow: block; padding:0px 14px 0px 14px; height:133px; background:url(../images/bg_footer.jpg) no-repeat;}
#container #footer #first{ width:886px; color:#c6c6c6; padding:10px 0px 0px 0px;}
#container #footer #first p{ display:block; float:left; margin:0px; padding:0px;}
#container #footer #first ul{ float:right; display:block; margin:0px; padding:0px;}
#container #footer #first ul li{ float:left; display:block;}
#container #footer #first ul li a{ color:#c6c6c6; font-weight:normal; text-decoration:none; float:left; display:block; background:url(../images/bg_lifooter.jpg) no-repeat right; padding:0px 14px 0px 12px;}
#container #footer #first ul li a:hover{ color:#fff;}
#container #footer #first ul li.last a{ padding:0px 0px 0px 12px; background:none;}
#container #footer em{ display:block; width:886px; height:100px; margin:10px 0px 0px 0px;}
#container #footer em a{ display:block; width:886px; height:100px; cursor:pointer;}

/*******************************/
/* FORMS */
/*******************************/

#container #content #left .forms{ width:540px; }
#container #content #left .forms form{ margin:0px; padding:0px; }
#container #content #left .forms form fieldset{ margin:0px; margin:1px 0px 2px 0px;  width:530px; padding: 5px; border:0; display:block; clear:both; background:url(../images/bg_fieldset.jpg) repeat-y; }
#container #content #left .forms form fieldset label{ float:left; display:block; width:176px; font-weight:bold; padding:5px 0px 0px 6px; }
#container #content #left .forms form fieldset input{ border:1px solid #cccccc; width:180px; height:18px; color:#575757; padding:3px 0px 0px 4px; background:#fff; margin:0px;}
#container #content #left .forms form fieldset textarea{ border:1px solid #cccccc; width:280px; height:100px; color:#575757; padding:3px 3px 4px 4px; background:#fff; margin:0px;}