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


/*******************************/
/* REGULAR COMMANDS */
/*******************************/
html{ height:100%; }
body{ height:100%; min-height: 100%; margin:0px; color:#828282; font-size:0.8em; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-decoration:none; background:url(../images/bg.jpg) repeat-x; }
body a{ text-decoration:none; color:#009ace; font-weight:bold;}
body a:hover{ text-decoration:underline; color:#2f6e80; font-weight:bold;}

.clear {clear:both; overflow:hidden; height:0px;} img{border:0px; display:block;} ul, li{list-style:none; } form, fieldset {margin:0px; padding:0px; border:0;}
/*******************************/
/* CONTAINER DIVISION */
/*******************************/
#container { position:relative; width:100%; height:auto !important; height:100%; min-height:100%; background:url(../images/bg_container.jpg) repeat-y top; }
#container #inner { position:relative;width:898px; margin:0 auto; padding:0px 30px 65px 30px; background:url(../images/bg_inner.jpg) no-repeat; }

/*******************************/
/* TOP DIVISION */
/*******************************/
#container #inner #top{ position:relative; width:898px; padding:0px 0px 0px 0px; height:173px; }
#container #inner #top #logo{ position:relative; width:248px; float:left; padding:12px 0px 0px 41px; }
#container #inner #top #submenu{ float:right; width:562px; font-family:verdana; font-size:0.9em; }
#container #inner #top #submenu ul{ margin:0px; padding:10px 0px 0px 0px; }
#container #inner #top #submenu ul li{ float:left; display:block; }
#container #inner #top #submenu ul li a{ float:left; display:block; padding:0px 40px 0px 40px;color:#fff; letter-spacing:0.05em; }
#container #inner #top #submenu ul li a:hover{ color:#00ccff; text-decoration:none; }

#container #inner ul#menu{ width:898px;  margin:0px; padding:0px 0px 0px 1px; position:absolute; top:136px; left:30px; z-index:1000;}
#container #inner ul#menu li{ display:block; float:left;}
#container #inner ul#menu li a.item{ color:#fff; display:block; float:left; height:37px; background:url(../images/bg_liright.jpg) no-repeat right; }
#container #inner ul#menu li a.item span{ cursor:pointer; display:block; float:left; padding:8px 31px 0px 30px; height:29px; background:url(../images/bg_lileft.jpg) no-repeat left; }
#container #inner ul#menu li a.item:hover{ color:#fff; text-decoration:none; background:url(../images/bg_lirightover.jpg) no-repeat right; }
 
.jqueryslidemenu{ width:898px; }
.jqueryslidemenu ul li{position: relative;display:inline;float: left; height:37px;}
.jqueryslidemenu ul li a.item{display: block;}

* html .jqueryslidemenu ul li a.item{ /*IE6 hack to get sub menu links to behave correctly*/display: inline-block;}
	
.jqueryslidemenu ul li ul{ z-index:1000; font-size:0.9em; position: absolute; margin:0px 0px 0px 0px; border-top:1px solid #fff; padding:10px 0px 10px 0px; display: block;visibility: hidden; width:235px; background:url(../images/bg_menu.jpg) no-repeat bottom;}
.jqueryslidemenu ul li ul li {height:22px; line-height:22px; margin:0px; padding:0px; display: block; float:none; width:235px; }
.jqueryslidemenu ul li ul li a{height:22px; line-height:22px; width:205px; margin:0px; padding:0px 0px 0px 30px; float:none;color:#ffffff; }
.jqueryslidemenu ul li ul li a:hover{color:#1dd2ff; text-decoration:none;}

/*******************************/
/* CONTENT */
/*******************************/
#container #inner #left{ width:258px; padding:31px 0px 0px 31px; float:left; position:relative; font-family:Tahoma; }
#container #inner #left h2{ width:243px; height:31px; margin:0px; padding:6px 0px 0px 15px; overflow:hidden; color:#fff; font-size:1.3em; background:url(../images/bg_h2left.jpg) no-repeat; font-weight:normal; }
#container #inner #left .blok{ line-height:18px; width:226px; font-size:0.85em; padding:10px 15px 10px 15px; margin:0px 0px 30px 0px; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}

#container #inner #right{ width:547px; float:right; padding:31px 31px 0px 0px; font-family:Tahoma;}
#container #inner #right h2{ width:532px; height:31px; margin:0px; padding:6px 0px 0px 15px; overflow:hidden; color:#fff; font-size:1.3em; background:url(../images/bg_h2right.jpg) no-repeat; font-weight:normal; }
#container #inner #right .blok{ margin:0px 0px 30px 0px; line-height:18px; width:517px; font-size:0.85em; padding:10px 15px 10px 15px; border-bottom:1px solid #dcdcdc; background:url(../images/bg_content.jpg) no-repeat;}
#container #inner #right .blok p{ padding:0px 0px 18px 0px; margin:0px;}


/*******************************/
/* FOOTER */
/*******************************/
#container #footer{font-family:tahoma; overflow: block; position:absolute; bottom:0px; z-index:70; font-size:0.9em; height:94px; background:url(../images/bg_footer.jpg) repeat-x; width:100%;}
#container #footer .inner{ width:958px; height:94px; padding:0px 0px 0px 0px;  background:url(../images/bg_footerinner.jpg) no-repeat; margin:0 auto; text-align:center;}
#container #footer .inner p{ margin:0px; padding:55px 0px 0px 0px; color:#fff; font-size:0.95em;}
#container #footer .inner p a{ color:#fff;}
#container #footer .inner p a span{ color:#00ccff;}