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


/*******************************/
/* REGULAR COMMANDS */
/*******************************/

html{ height:100%; }
body{ height: 100%; min-height: 100%; background:url(../images/bg.jpg) repeat-x #fff; margin:0; padding:0; color:#4c4c4c; font-size:0.75em; font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; text-decoration:none;}
body a{ text-decoration:none; color:#003856; font-weight:bold;}
body a:hover{text-decoration:none; color:#2d81a8;font-weight:bold;}

.clear{clear:both; overflow:hidden; height:0px;} .clear2{clear:both; } img{border:0px; display:block;} ul, li{list-style:none; margin:0px; padding:0px; } form, fieldset {margin:0px;padding:0px;border:0;} h1, h2, h3, h4, h5 {margin:0px; padding:0px; font-size:1.05em; font-family:arial;}

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


/* TOP DIVISION */
#container #top {width:972px; height:139px;}
#container #top a img{float:left; display:block; }
#container #top a:hover img{ filter:alpha(opacity=60); opacity:0.6; }
#container #top strong{float:right; display:block; padding:68px 167px 0px 0px; font-weight:normal; color:#9bd2ee; font-style:italic; font-size:1.5em; }


/* MIDLE DIVISION */
#container #midle{ width:954px; line-height:1.4em; padding:3px 9px 50px 9px; font-size:0.95em; background:url(../images/bg_midle.gif) no-repeat; overflow: hidden; }
#container #midle #menu{ font-size:1.05em; font-family:arial; display:block; margin:0px 0px 3px 0px; width:954px; height:42px; line-height:42px; background:url(../images/bg_menu.jpg) repeat-x; text-align:center; overflow: hidden;}
#container #midle #menu li{ display:inline;}
#container #midle #menu li a{ display:inline; font-weight:bold; background:url(../images/bg_li.jpg) no-repeat right; padding:0px 10px 0px 9px; color:#fff;}
#container #midle #menu li.last a{ background:none;}
#container #midle #menu li a:hover{  color:#ecb939;}
#container #midle #menu li.selected a{  color:#ecb939;}

#container #midle #submenu{ font-size:1.00em; font-family:arial; display:block; margin:0px 0px 3px 0px; width:954px; height:38px; line-height:38px; background:url(../images/bg_menu.jpg) repeat-x; text-align:center;}
#container #midle #submenu li{ display:inline;}
#container #midle #submenu li a{ display:inline; font-weight:bold; background:url(../images/bg_li.jpg) no-repeat right; padding:0px 10px 0px 9px; color:#fff;}
#container #midle #submenu li.last a{ background:none;}
#container #midle #submenu li a:hover{  color:#ecb939;}
#container #midle #submenu li.selected a{  color:#ecb939;}

#container #midle #left{ width:198px; float:left; }
#container #midle #left h3{ width:198px; height:39px; display:block; line-height:39px; color:#fff; text-indent:14px; background:url(../images/bg_h3.jpg) repeat-x; }
#container #midle #left .keuzes{ width:170px; padding:12px 14px 12px 14px; }
#container #midle #left .keuzes ul li{ display:block; float:left; width:170px; }
#container #midle #left .keuzes ul li a{ color:#4c4c4c; display:block; float:left; padding:0px 0px 0px 32px; width:138px; background:url(../images/bg_liblok.jpg) no-repeat left; }
#container #midle #left .keuzes ul li a:hover{ color:#2d81a8; }
#container #midle #left .keuzes ul li.active a{ color:#009100; background:url(../images/bg_liblokvink.jpg) no-repeat left; }
#container #midle #left .keuzes ul li.link a{ color:#003856; background:url(../images/bg_lia.jpg) no-repeat left; }
#container #midle #left .keuzes .datetogglehidden { display: none;}

#container #midle #right{ width:753px; float:right; }
#container #midle #right #zoeken{ margin:0px 0px 3px 0px; width:713px; padding:20px 20px 10px 20px; background:url(../images/bg_zoeken.jpg) repeat-x #e29824;}
#container #midle #right #zoeken form h4{ display:block; height:22px; background:url(../images/bg_h4.jpg) no-repeat; text-indent:-3333px; padding:0px 0px 16px 0px;}
#container #midle #right #zoeken form fieldset{ float:left; width:202px; padding:0px 50px 0px 0px;}
#container #midle #right #zoeken form fieldset label{ color:#003b5a; font-weight:bold; font-size:1.05em; display:block; width:70px; float:left;}
#container #midle #right #zoeken form fieldset select{ margin:0px 0px 8px 0px; font-family:verdana; color:#4c4c4c; font-size:0.95em; border:1px solid #7f9db9; float:left; display:block;padding:0px; width:128px; height:20px;}
#container #midle #right #zoeken form fieldset input{ margin:0px 0px 8px 0px; font-family:verdana; color:#4c4c4c; font-size:0.95em; border:1px solid #7f9db9; float:left; display:block; padding:2px 0px 0px 3px; width:123px; height:18px;}
#container #midle #right #zoeken form fieldset.lang{ width:288px; padding:0;}
#container #midle #right #zoeken form fieldset.lang label{ width:157px;}
#container #midle #right #zoeken form button { margin:37px 0px 0px 0px; float:right; display:block; cursor:pointer; width:158px; height:42px; background:url(../images/bg_button.jpg) no-repeat; border:0; text-indent:-3333px;}
#container #midle #right #zoeken form button:hover {  filter:alpha(opacity=60); opacity:0.6; }

#container #midle #right #bread{ margin:0px 0px 3px 0px; color:#fff; width:743px; height:39px; line-height:39px; padding:0px 0px 0px 10px; background:url(../images/bg_bread.jpg) repeat-x;}
#container #midle #right #bread ul li{ display:block; float:left; padding:0px 0px 0px 10px;}
#container #midle #right #bread ul li a{ color:#fff; display:block; float:left; background:url(../images/bg_libread.jpg) no-repeat right; padding:0px 20px 0px 0px; }

#container #midle #right #content{ width:713px; padding:20px 20px 20px 20px; background:url(../images/bg_content.jpg) repeat-x;}
#container #midle #right #content p{ margin:0px; padding:0px 0px 18px 0px;}
#container #midle #right #content h1{ font-size:1.3em; color:#003856; margin:0px; padding:0px 0px 5px 0px; font-family:verdana; }
#container #midle #right #content .right span{ float:right; }
#container #midle #right #content .veld{ margin:0px 0px 8px 0px; border:1px solid #cccccc; background:#fff; padding:14px 14px 0px 14px;}
#container #midle #right #content .vakantie{ border-top:2px solid #f2f2f2; padding:10px 0px 6px 0px; margin:8px 0px 0px 0px;}
#container #midle #right #content .vakantie h2{ display:block; font-size:1.05em; height:18px; color:#003856; padding:0px 0px 10px 0px; font-family:verdana;}
#container #midle #right #content .vakantie h2 img{ display:inline;}
#container #midle #right #content .vakantie .vakantie_left{width:177px; float:left; padding:4px 0px 0px 0px; }
#container #midle #right #content .vakantie .vakantie_left img{padding:4px; border:1px solid #a4a4a4; }
#container #midle #right #content .vakantie .vakantie_left a:hover img{  filter:alpha(opacity=60); opacity:0.6; }
#container #midle #right #content .vakantie .vakantie_midle{width:344px; float:left; }
#container #midle #right #content .vakantie .vakantie_midle a{text-decoration:underline; }
#container #midle #right #content .vakantie .vakantie_right{float:right; width:175px; }
#container #midle #right #content .vakantie .vakantie_right .datum{ font-weight:bold; color:#002f48; float:right; width:49px; padding:15px 0px 0px 0px; height:65px; text-align:center; background:url(../images/bg_datum.jpg) no-repeat; }
#container #midle #right #content .vakantie .vakantie_right .datum span{display:block;}
#container #midle #right #content .vakantie .vakantie_right .datum strong{display:block; font-size:2.3em; padding:3px 0px 3px 0px;}
#container #midle #right #content .vakantie .vakantie_right .prijs{ font-weight:bold; float:right; width:91px; height:68px; padding:10px 0px 0px 9px; margin:2px 22px 0px 0px; color:#fff; background:url(../images/bg_prijs.jpg) no-repeat; }
#container #midle #right #content .vakantie .vakantie_right .prijs strong{ display:block; padding:12px 0px 0px 0px; font-size:1.3em; font-weight:normal; color:#000000;}
#container #midle #right #content .vakantie .vakantie_right .merchant {margin-top: 5px; float:right; }

#container #midle #right #content .pager{ text-align:center; padding:20px 0px 0px 0px;}
#container #midle #right #content .pager ul{ display:inline;}
#container #midle #right #content .pager ul li{ display:inline; width:21px; text-align:center;}
#container #midle #right #content .pager ul li a{ display:inline; padding:5px 7px 5px 3px; text-align:center; background:url(../images/bg_pager.jpg) no-repeat; color:#fff;}
#container #midle #right #content .pager ul li a:hover{ color:#ecb939; }
#container #midle #right #content .pager ul li.first a, #container #midle #right #content .pager ul li.last a{ font-weight:normal; padding:5px 10px 5px 6px; text-align:center; background:none; color:#4c4c4c;}


/* BOTTOM DIVISION */
#container #bottom{ z-index:1000; text-align:center; color:#fff; font-family:arial; height:42px; line-height:15px; position:absolute; bottom:0; left:9px; width:954px; overflow:block; background:url(../images/bg_menu.jpg) repeat-x;}
#container #bottom a{color:#fff; text-decoration: none;}
#container #bottom a span{color:#ecba3a;  text-decoration: none;}