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


/*******************************/
/* REGULAR COMMANDS */
/***************font-size:0.75em; ****************/

body{margin:0px; padding:0px; color:#191919; font-size:12px;  font-family: Verdana, Helvetica, sans-serif; text-decoration:none; background:url(../images/bg.jpg) repeat-x #c9eaee;}
body a{ text-decoration:none;color:#1f383c; font-weight:bold;}
body a:hover{text-decoration:none;color:#000000;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:880px; margin:0 auto; display:table; }

/* TOP DIVISION */
#container #top{ float:left; width:870px; background:url(../images/bg_top.jpg) no-repeat #fff; height:421px; padding:0px 0px 0px 10px;}
#container #top #logo{ padding:41px 0px 46px 28px; float:left;}
#container #top #menu{ float:left; width:860px; height:49px; padding:0px 0px 10px 0px; background:url(../images/bg_menu.jpg) no-repeat; font-size:1.4em; }
#container #top #menu ul{ padding:15px 0px 0px 28px; }
#container #top #menu ul li{ float:left; display:block; padding-right:25px; }
#container #top #menu ul li a{ float:left; display:block; color:#fff; }
#container #top #menu ul li a:hover{ color:#88d6e0; }
#container #top #header{ float:left; }

/* TOP DIVISION */
#container #content{ float:left; width:860px; background:#fff; padding:0px 10px 0px 10px; }

/* Rotator styles */
    #rotator { width:860px; min-height:506px; height:auto !important; height:506px; float:left; padding:0px 0px 0px 0px; position:relative;  }
    
    	/* Tabs */
    li.ui-tabs-nav-item a, li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited {margin:0px 0px 10px 0px; display:block; outline:none; height:49px; width:325px; padding:0px 0px 0px 0px; font-weight:bold; line-height:49px; font-size:0.95em; }
    ul.ui-tabs-nav {position:absolute; left:0px; top:38px; z-index:100; font-size:1.4em; }
	ul.ui-tabs-nav li span{ width:50px; float:left; display:block; padding-right:14px; text-align:center; font-size:1.7em;}
	ul.ui-tabs-nav li strong{ width:250px; float:left; display:block; }
    
    	/* Non-Selected Tabs */
    li.ui-tabs-nav-item a:link,
    li.ui-tabs-nav-item a:visited {	background:url(../images/bg_normal.png) no-repeat; color:#191919; }
    
    	/* Hovered Tab */
    #rotator .ui-tabs-nav-item a:hover,
    #rotator .ui-tabs-nav-item a:active { text-decoration:none; background:url(../images/bg_normal.png) no-repeat; cursor:pointer; color:#191919;  }
    #rotator .ui-tabs-nav-item a span {cursor:pointer; z-index:101; }
    
    	/* Active Tab */
    #rotator .ui-tabs-selected a:link,
    #rotator .ui-tabs-selected a:visited,
    #rotator .ui-tabs-selected a:hover,
    #rotator .ui-tabs-selected a:active {text-decoration:none; background:url(../images/bg_active.png) no-repeat; color:#fff; }
    
    	/* Content Panels */
	.rondblok{ float:right; width:584px; height:506px; background:url(../images/bg_content.jpg) no-repeat bottom; }
	.rondblokin{ float:right; width:474px; height:466px; padding:25px 50px 0px 60px; background:url(../images/bg_contenttop.jpg) no-repeat top; color:#6c6c6c; line-height:24px; }
	.rondblokin .titel{  width:474px; float:left; }
	.rondblokin .titel h2{ float:left; height:53px; line-height:53px; color:#191919; font-weight:bold; font-size:1.8em;  padding:0px 65px 0px 0px; margin:0px; }
	.rondblokin .titel h2.first{ background:url(../images/bg_h2.jpg) no-repeat right; }
	.rondblokin .titel h1{ float:left; height:53px; line-height:53px; color:#191919; font-weight:bold; font-size:1.8em; padding:0px 65px 0px 0px; margin:0px 0px 0px 0px; }
	.rondblokin .titel h1.aanmelden{background:url(../images/icon4.gif) no-repeat right;  }
	.rondblokin .titel h1.verstuurd{background:url(../images/icon5.gif) no-repeat right;  }
    .rondblokin ul li{ display:block; padding:0px 0px 20px 70px; }
	.rondblokin ul li.first{ background:url(../images/icon1.gif) no-repeat left top; }
	.rondblokin ul li.second{ background:url(../images/icon2.gif) no-repeat left top; }
	.rondblokin ul li.third{ background:url(../images/icon3.gif) no-repeat left top; }
	.rondblokin em a{ display:block; float:right; width:251px; height:56px; background:url(../images/btn_aanmelden.png) no-repeat; text-indent:-3333px; }
	#rotator .ui-tabs-panel {  }
    #rotator .ui-tabs-panel img{width:415px; height:120px; padding:0px 0px 0px 0px; z-index:2;}
    #rotator .ui-tabs-hide {display:none;}
    
.punten{ float:left; width:860px; background:url(../images/bg_punten.jpg) no-repeat bottom; margin-top:10px; }
.puntenin{ float:left; width:860px; background:url(../images/bg_puntentop.jpg) no-repeat top; padding:20px 0px 20px 0px; color:#fff; }
.kolom{ float:left; width:257px; padding:0px 0px 0px 28px;  }
.kolom h3{ color:#fff; font-size:1.9em; padding:0px 0px 20px 0px; }
.kolom ul { line-height:18px; }
.kolom ul li{ background:url(../images/bg_li.gif) no-repeat 0px 7px; padding:0px 0px 4px 20px; }

.bread{ float:left; width:860px; height:51px; background:url(../images/bg_bread.jpg) no-repeat; }
.bread ul{ padding:0px 0px 0px 30px; line-height:41px; }
.bread ul li{ float:left; display:block; }
.bread ul li a{ padding:0px 35px 0px 0px; background:url(../images/bg_bread.gif) no-repeat right;}

.right{ float:right; width:266px; margin:0px 0px 0px 10px; background:url(../images/bg_right.jpg) no-repeat bottom; }
.rightin{ float:right; width:262px; background:url(../images/bg_righttop.jpg) no-repeat top; padding:40px 0px 4px 4px; }
.tekst{ padding:0px 26px 30px 36px; line-height:20px; }
.tekst h2{  color:#191919; font-weight:bold; font-size:1.8em; padding:0px 0px 26px 0px; }
.tekst ul li{ background:url(../images/bg_rightli.jpg) no-repeat 0px 7px; padding:0px 0px 0px 24px; }

.rondblokin form{ display:block; float:left; width:381px; }
.rondblokin form fieldset{ display:block; float:left; width:381px; }
.rondblokin form fieldset label{ display:block; float:left; width:168px; height:23px; }
.rondblokin form fieldset input{ display:block; float:left; width:205px; padding:3px 0px 0px 5px; margin:0px 0px 8px 0px; height:23px; border:1px solid #d5d5d5; background:url(../images/bg_input.jpg) repeat-x; }
.rondblokin form fieldset input.big{ width:85px; margin-right:3px; }
.rondblokin form fieldset input.small{ width:45px;  }
.rondblokin form fieldset input.file{  width:210px;  }
.space{ height:30px; display:table; width:381px; }
.rondblokin form fieldset button{ display:block; float:right; width:148px; padding:0px; margin:0px 0px 8px 0px; height:37px; background:url(../images/form_aanmelden.jpg) no-repeat; border:0; cursor:pointer; }


.grootblok{ float:left; width:860px; background:url(../images/bg_grootblok.jpg) no-repeat bottom; margin-top:10px; color:#6c6c6c;}
.grootblokin{ float:left; width:804px; background:url(../images/bg_grootbloktop.jpg) no-repeat top; padding:30px 28px 10px 28px; line-height:20px; }
.grootblokin h3{ color:#191919; font-weight:bold; font-size:1.8em; padding:0px 0px 20px 0px; }
.grootblokin p{ margin:0px; padding:0px 0px 18px 0px; }


/* FOOTER DIVISION */
#container #footer{ width:814px; clear:both; padding:40px 38px 40px 38px; background:url(../images/bg_footer.jpg) no-repeat; color:#1f383c; font-size:0.9em; }
#container #footer p{ float:left;  line-height:14px; padding:0px; margin:0px; }
#container #footer p strong span{ color:#00a8bc; }
#container #footer ul{ float:right; line-height:14px; }
#container #footer ul li{ float:left; border-left:1px solid #00a8bc; padding:0px 7px 0px 7px; }
#container #footer ul li:first-child{ border:0;  }