/*******************************/
/**       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:#000; font-size:0.7em; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration:none; }
body.intro{ background:url(../images/bg_intro.jpg) repeat-x bottom;}
body.vervolg{ background:#30b7e1;}
body a{ text-decoration:none; color:#009dce; font-weight:normal;}
body a:hover{ text-decoration:none; color:#ab601a; font-weight:normal;}

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

/*******************************/
/* CONTAINER DIVISION */
/*******************************/
div#container { position:relative; width:100%; height:auto !important; height:100%; min-height:100%; }
body.vervolg div#container { position:relative; width:100%; background:url(../images/bg.jpg) repeat-x top ; height:auto !important; height:100%; min-height:100%; }

div.intro { background:url(../images/bg_topintro.jpg) repeat-x;}
div.intro #inner{ padding:55px 0px 0px 0px; width:956px; margin:0 auto; text-align:center;}
div.intro #inner img{ height:220px;}
div.intro #inner ul{ margin:0px; padding:82px 0px 0px 0px;}
div.intro #inner ul li{float:left; display:block; height:113px; margin:0px 17px 0px 0px;}
div.intro #inner ul li a{float:left; display:block; height:113px; line-height:113px; color:#FFF; font-size:1.8em; font-weight:normal; background:url(../images/bg_btnright.jpg) no-repeat right; width:144px; }
div.intro #inner ul li a span{display:block;  background:url(../images/bg_btnleft.jpg) no-repeat left;}
div.intro #inner ul li a:hover{background:url(../images/bg_btnrightover.jpg) no-repeat right; }
div.intro #inner ul li a:hover span{ background:url(../images/bg_btnleftover.jpg) no-repeat left;}
div.intro #inner ul li.last{margin:0px 0px 0px 0px;}

body.vervolg #inner{ padding:0px 0px 0px 0px; width:956px; margin:0 auto; text-align:center;}

/*******************************/
/* TOP DIVISION */
/*******************************/
#container #inner #top{ position:relative; width:956px; height:290px;}
#container #inner #top ul{ position:absolute; bottom:0px; left:0px; margin:0px; padding:0px; height:37px;}
#container #inner #top ul li{ float:left; display:block; height:37px; margin:0px 17px 0px 0px;}
#container #inner #top ul li a{ float:left; display:block; height:37px; background:url(../images/bg_liright.jpg) no-repeat right; color:#fff; }
#container #inner #top ul li a strong{ float:left; display:block; height:37px; background:url(../images/bg_lileft.jpg) no-repeat left;}
#container #inner #top ul li a strong span{ display:block; height:37px; width:144px; line-height:37px; font-size:1.2em; background:url(../images/bg_span.jpg) no-repeat top; cursor:pointer;}
#container #inner #top ul li a:hover{ background:url(../images/bg_lirightover.jpg) no-repeat right; }
#container #inner #top ul li a:hover strong{background:url(../images/bg_lileftover.jpg) no-repeat left;}
#container #inner #top ul li a:hover strong span{ background:url(../images/bg_spanover.jpg) no-repeat top; }
#container #inner #top ul li a.selected{ background:url(../images/bg_lirightover.jpg) no-repeat right; }
#container #inner #top ul li a.selected strong{background:url(../images/bg_lileftover.jpg) no-repeat left;}
#container #inner #top ul li a.selected strong span{ background:url(../images/bg_spanover.jpg) no-repeat top; }
#container #inner #top ul li.last{margin:0px 0px 0px 0px;}

/*******************************/
/* CONTENT */
/*******************************/
#container #inner #content {position:relative; line-height:20px; font-size:1.25em; background:url(../images/bg_content.jpg) no-repeat; width:908px; padding:46px 24px 30px 24px; text-align:left; margin:0px 0px 0px 0px;}
#container #inner #content h2{ margin:0px; padding:0px 0px 42px 0px; font-size:2.0em; color:#ac6725; font-weight:normal;}
#container #inner #content em img{ position:absolute; right:40px; top:40px;}
#container #inner #content p{ padding:0px 0px 20px 0px; margin:0px;}

/*******************************/
/* FOOTER */
/*******************************/
#container #inner #footer {position:relative; background:url(../images/bg_footer.jpg) no-repeat; width:906px; height:57px; padding:36px 46px 0px 46px; margin:0px 0px 0px -22px;}
#container #inner #footer p{float:left; display:block; margin:0px; padding:0px;}
#container #inner #footer p a{font-weight:bold; color:#009dce;}
#container #inner #footer p a span{color:#ab601a;}
#container #inner #footer ul{float:right; display:block; margin:0px; padding:0px;}
#container #inner #footer ul li{float:left; display:block;}
#container #inner #footer ul li a{float:left; display:block; border-right:1px solid #c4c4c4; color:#000; line-height:12px; padding:0px 18px 0px 18px;}
#container #inner #footer ul li.last a{padding:0px 0px 0px 18px;  border-right:0px solid #c4c4c4;}
#container #inner #footer ul li a:hover{color:#009dce;}