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


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

html{ height:100%; width:100%; display:block; background:url(images/bg.jpg) repeat-x #fff;}
body{ height:100%; min-height: 100%; margin:0; padding:0; color:#002639; font-size:0.75em; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; text-decoration:none; background:url(images/bg_top.jpg) no-repeat top left;}
body a{ text-decoration:none;color:#000000; font-weight:bold;}
body a:hover{text-decoration:none;color:#00be4d;font-weight:bold;}

.clear{clear:both; overflow:hidden; height:0px;} 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.0em;}

/* CONTAINER DIVISION */
#container { position:relative; width:100%; height:auto !important; height:100%; min-height:100%; }

/* TOP DIVISION */
#container #top{width:100%;}
#container #top .top_inner{position:relative; width:1000px; margin:0 auto; padding:0px 0px 0px 0px;}
#container #top .top_inner #logo{padding:53px 0px 45px 20px; float:left;}
#container #top .top_inner #logo a:hover img{filter:alpha(opacity=10); opacity:0.1; }
#container #top .top_inner #topnav{float:right; padding:72px 0px 0px 0px;}
#container #top .top_inner #topnav ul li{float:left; display:block;}
#container #top .top_inner #topnav ul li a{float:left; display:block; color:#002639; border-right:1px solid white; padding:0px 14px;}
#container #top .top_inner #topnav ul li.last a{border-right:0px solid white; padding:0px 0px 0px 14px;}
#container #top .top_inner #topnav ul li a:hover{text-decoration:underline;}
#container #top #menu{ height:52px; background:url(images/bg_menu.jpg) repeat-x;}
#container #top #menu ul{ width:960px; height:52px; margin:0 auto; display:block; font-size:1.1em;}
#container #top #menu ul li{ float:left; display:block; height:52px; margin:0px 8px 0px 0px;}
#container #top #menu ul li a{ outline:none; float:left; display:block; height:52px; color:#fff;}
#container #top #menu ul li a:hover{ background:url(images/bg_liright.jpg) no-repeat right;}
#container #top #menu ul li a span{ outline:none; float:left; display:block; height:52px; padding:0px 12px 0px 12px; line-height:52px;}
#container #top #menu ul li a:hover span{ cursor:pointer; background:url(images/bg_lileft.jpg) no-repeat left;}
#container #top #menu ul li.selected a{ background:url(images/bg_liright.jpg) no-repeat right; }
#container #top #menu ul li.selected a span{ background:url(images/bg_lileft.jpg) no-repeat left; }
#container #top #menu ul li span strong{ color:#bceeff; }
#container #top #product{ position:relative; background:url(images/bg_product.jpg) repeat-x; color:#fff; padding:0px 0px 10px 0px; }
#container #top #product #img{ float:left; padding:26px 34px 6px 0px; }
#container #top #product #omschrijving{ float:left; width:457px; padding:42px 0px 0px 0px; }
#container #top #product #omschrijving h1{ margin:0px 0px -3px -2px; font-family:"Myriad Pro", Arial; font-size:3.0em; color:#bceeff; font-weight:bold; }
#container #top #product #omschrijving h1 span{ color:#fff; }
#container #top #product #omschrijving strong{ color:#bceeff; font-weight:bold; display:block; padding:0px 0px 20px 0px; }
#container #top #product #omschrijving p{ margin:0px; padding:0px; line-height:18px;}
#container #top #product em{display:block; padding:130px 20px 0px 0px; font-style:normal; font-size:1.5em;}
#container #top #product em a{ font-weight:normal; text-indent:36px; line-height:49px; float:right; display:block; width:190px; height:49px; background:url(images/btn_more.jpg) no-repeat; color:#fff;}
#container #top #product em a:hover{ color:#007fab; }

/* MIDLE DIVISION */
#container #midle{ background:url(images/bg_content.jpg) repeat-x; padding:0px 0px 170px 0px; line-height:18px; }
#container #midle #content{ width:1000px; margin:0 auto; padding:30px 0px 0px 0px; }
#container #midle #content .left{float:left; width:652px; padding:0px 26px 18px 30px; background:url(images/bg_left.jpg) no-repeat bottom;}
#container #midle #content .left input{ border:1px solid #c1c1c1; background-color:#f3fbfe;}
#container #midle #content .left td.buttons input{ border:0px solid #c1c1c1; }
#container #midle #content .left td.submit input{ cursor:pointer; font-size:0.0em; display:block; border:0px; width:77px; height:29px; text-indent:-3333px; background:url(images/btn_submit.jpg) no-repeat; }
#container #midle #content .left textarea{ border:1px solid #c1c1c1; background-color:#f3fbfe; }
#container #midle #content .right{float:right; width:235px; padding:0px 26px 32px 26px; background:url(images/bg_right.jpg) no-repeat bottom;}
#container #midle #content .right em{display:block; float:left; height:29px; font-style:normal;}
#container #midle #content .right em a{ color:#bceeff; display:block; float:left; height:29px; background:url(images/bg_emright.jpg) no-repeat right;}
#container #midle #content .right em a span{ padding:0px 13px; line-height:29px; cursor:pointer; display:block; float:left; height:29px; background:url(images/bg_emleft.jpg) no-repeat left;}
#container #midle #content .right em a span strong{ color:#fff; }
#container #midle #content .right em a:hover span{ color:#fff; }
#container #midle #content .right em a:hover span strong{ color:#bceeff;  }
#container #midle #content .right h3{ padding:0px 0px 10px 0px;}
#container #midle #content .right .prijs{ float:right; font-weight:bold; font-size:2.6em; line-height:30px; }
#container #midle #content h2{ margin:0px; padding:0px 0px 20px 0px; font-family:"Trebuchet MS", "Myriad Pro", Arial; font-size:2.6em; color:#00547d; font-weight:bold; line-height:30px;}
#container #midle #content p{ margin:0; padding:0px 0px 18px 0px;}

/* BOTTOM DIVISION */
#container #bottom{ z-index:1000; position:absolute; bottom:0; width:100%; height:161px; background:url(images/bg_footer.jpg) repeat-x;}
#container #bottom #footer{ width:1000px; margin:0 auto;}
#container #bottom #footer ul#copyright{ height:14px;}
#container #bottom #footer ul#copyright li{ display:block; float:left; padding:0px 22px 0px 22px; border-left:1px solid #b2b2b2;}
#container #bottom #footer ul#copyright li.first{ padding:0px 22px 0px 14px; border-left:0px solid #b2b2b2;}
#container #bottom #footer ul#copyright li a{ color:#002639;}
#container #bottom #footer ul#copyright li a span{ color:#005178;}
#container #bottom #footer ul#copyright li a strong{ color:#fd770b;}