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


/*******************************/
/* REGULAR COMMANDS */
/*******************************/
body{ margin:0px; padding:0px; color:#474f71; font-size:0.8em; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration:none; background:url(../images/bg.jpg) repeat-x #ffffff;}
body a{ text-decoration:none; color:#4d5579; font-weight:bold; }
body a:hover{ text-decoration:underline; color:#4d5579; font-weight:bold;}

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

/*******************************/
/* CONTAINER DIVISION */
/*******************************/
#container{ position:relative; width:928px; margin:0 auto; background:url(../images/bg_container.jpg) repeat-y;}

/*******************************/
/* INNER DIVISION */
/*******************************/
#container #inner{ position:relative; width:878px; background:url(../images/bg_inner.jpg) no-repeat; padding:0px 25px 0px 25px; overflow:hidden;}

/*******************************/
/* TOP DIVISION */
/*******************************/
#container #inner #top{ position:relative; height:152px; width:878px;}
#container #inner #top #domeincheck{ width:652px; float:left; padding:60px 0px 0px 6px; }
#container #inner #top #domeincheck h1{ float:left; display:block; width:348px; margin:0px; height:31px; padding:4px 0px 0px 0px; text-indent:-3333px; background:url(../images/bg_check.jpg) no-repeat bottom left;}
#container #inner #top #domeincheck form{ width:289px; margin:0px; padding:0px; float:right; position:relative;}
#container #inner #top #domeincheck form fieldset{ margin:0px; padding:0px; border:0; position:relative;}
#container #inner #top #domeincheck form fieldset input{ color:#8e8e8e; font-size:1.0em; width:219px; height:18px; margin:0px; padding:2px 10px 0px 4px; background:url(../images/bg_input.jpg) no-repeat; float:left; border:0;}
#container #inner #top #domeincheck form fieldset select{ color:#565656; height:20px; width:56px; margin:0px; padding:0px; }
#container #inner #top #domeincheck form fieldset select option{ color:#565656; }
#container #inner #top #domeincheck form fieldset label{ float:left; width:225px; display:block; margin:0px; padding:10px 0px 0px 2px; color:#757a8f; font-size:0.85em; }
#container #inner #top #domeincheck form fieldset button{ outline:0; position:absolute; cursor:pointer; right:0px; bottom:-2px; text-indent:-3333px; display:block; border:0; background:url(../images/btn1.jpg) no-repeat; width:56px; height:20px; margin:0px; line-height:1.0em; text-align:center; font-weight:bold; font-size:0.9em;}
#container #inner #top #domeincheck form fieldset button:hover{ filter:alpha(opacity=70); opacity:0.7; }

#container #inner #top #login{ width:188px; float:right; padding:35px 2px 0px 0px;}
#container #inner #top #login h3{ margin:0px; padding:0px 0px 8px 0px; font-size:1.0em; color:#abac33;}
#container #inner #top #login form{ margin:0px; padding:0px; position:relative; }
#container #inner #top #login form fieldset{ margin:0px; padding:0px; border:0; position:relative; }
#container #inner #top #login form fieldset input{ font-size:0.85em; width:180px; color:#434a6b; height:16px; padding:4px 4px 0px 4px; margin:0px 0px 5px 0px; display:block; background:url(../images/bg_login.jpg) no-repeat; border:0;}
#container #inner #top #login form fieldset input.small{ width:118px; height:16px; display:block; background:url(../images/bg_loginsmall.jpg) no-repeat; border:0;}
#container #inner #top #login form fieldset button{ outline:0; position:absolute; cursor:pointer; right:0px; bottom:5px; text-indent:-3333px; display:block; border:0; background:url(../images/btn2.jpg) no-repeat; width:56px; height:20px; margin:0px; line-height:1.0em; text-align:center; font-weight:bold; font-size:0.9em;}
#container #inner #top #login form fieldset button:hover{ filter:alpha(opacity=70); opacity:0.7; }

/*******************************/
/* HEADER */
/*******************************/
#container #inner #header{ width:878px; height:177px; position:relative; margin:0px 0px 10px 0px; }
#container #inner .bg1{ width:676px; height:177px; background:url(../images/header1.jpg) no-repeat; }
#container #inner .bg2{ width:676px; height:177px; background:url(../images/header2.jpg) no-repeat; }
#container #inner .bg3{ width:676px; height:177px; background:url(../images/header3.jpg) no-repeat; }
#container #inner .bg4{ width:676px; height:177px; background:url(../images/header4.jpg) no-repeat; }
#container #inner #header #logo{ position:absolute; right:0px; top:16px; width:195px; height:98px; background:url(../images/logo.jpg); text-indent:-3333px; }
#container #inner #header #logo a{ display:block; width:195px; height:98px; cursor:pointer;}
#container #inner #header ul{ position:absolute; bottom:0px; left:0px; width:878px; height:44px; background:url(../images/bg_menu.gif) no-repeat; margin:0px; padding:1px 0px 0px 0px; }
#container #inner #header ul li { float:left; display:block; height:44px; background:url(../images/bg_li.jpg) no-repeat right; }
#container #inner #header ul li a{ color:#fff; float:left; display:block; height:30px; padding:14px 25px 0px 23px;}
#container #inner #header ul li a:hover{ text-decoration:none; color:#ffffff; background:url(../images/bg_liover.jpg) no-repeat center; margin:0px 2px 0px 0px; padding:14px 23px 0px 23px;  }
#container #inner #header ul li a.first:hover{ text-align:center; padding:14px 25px 0px 23px; margin:0px; background:url(../images/bg_lihome.gif) no-repeat left; }
#container #inner #header ul li.selected a.first{ text-align:center; padding:14px 25px 0px 23px; margin:0px; background:url(../images/bg_lihomeselected.gif) no-repeat left; }
#container #inner #header ul li.selected a{ color:#ffffff; background:url(../images/bg_lioverselected.jpg) no-repeat center; margin:0px 2px 0px 0px; padding:14px 23px 0px 23px; }


/*******************************/
/* LEFT */
/*******************************/
#container #inner #left{  width:616px; padding:22px 25px 0px 24px; float:left; background:url(../images/bg_left.jpg) no-repeat; font-size:0.9em;}
#container #inner #left h2{ margin:0px; padding:0px 0px 20px 0px; font-weight:bold; font-size:1.6em; color:#abac33;}
#container #inner #left h3{ margin:0px; padding:0px 0px 10px 0px; font-weight:bold; font-size:1.2em;}
#container #inner #left p{ margin:0px; padding:0px 0px 18px 0px; line-height:16px; }
#container #inner #left p a{ text-decoration:underline; font-weight:normal; }
#container #inner #left ul#items{ margin:0px; padding:0px 0px 0px 0px; }
#container #inner #left ul#items li{ display:block; float:left; width:288px; height:71px; padding:13px 0px 0px 15px; background:url(../images/bg_items.jpg) no-repeat;}
#container #inner #left ul#items li span{ display:block; width:208px; height:52px; padding:8px 16px 0px 64px;}
#container #inner #left ul#items li span.aard{background:url(../images/1.jpg) no-repeat;}
#container #inner #left ul#items li span.webmail{background:url(../images/2.jpg) no-repeat; }
#container #inner #left ul#items li span.netwerk{background:url(../images/3.jpg) no-repeat; }
#container #inner #left ul#items li span.virus{background:url(../images/4.jpg) no-repeat; }
#container #inner #left ul#items li span.realtime{background:url(../images/5.jpg) no-repeat; }
#container #inner #left ul#items li span.data{background:url(../images/6.jpg) no-repeat; }
#container #inner #left ul#items li span.brede{background:url(../images/7.jpg) no-repeat; }
#container #inner #left ul#items li span.windows{background:url(../images/8.jpg) no-repeat; }
#container #inner #left ul#items li.space{ width:298px; height:61px; padding:13px 0px 0px 15px;}

#container #inner #left ul.list { margin:0px; padding:10px 0px 20px 0px; }
#container #inner #left ul.list li{ margin:0px; padding:4px 0px 0px 24px; height:18px; background:url(../images/bg_list.jpg) no-repeat; font-weight:normal;}

#container #inner #left ul.vergelijk { margin:-10px 0px 0px 0px; padding:0px 0px 0px 0px; }
#container #inner #left ul.vergelijk li{ float:left; display:block; margin:0px; height:19px; width:615px; padding:6px 0px 0px 0px; background:url(../images/bg_prijs.jpg) no-repeat;}
#container #inner #left ul.vergelijk li.head{ font-size:0.95em; color:#abac33; font-weight:bold; background:url(../images/bg_head.jpg) no-repeat; }
#container #inner #left ul.vergelijk li p{ display:block; margin:0px; padding:0px; float:left;}
#container #inner #left ul.vergelijk li p.pakket{ width:180px; font-weight:bold; }
#container #inner #left ul.vergelijk li p.domeinenzo{ width:91px; }
#container #inner #left ul.vergelijk li p.cysco{ width:98px; }
#container #inner #left ul.vergelijk li p.your{ width:88px; }
#container #inner #left ul.vergelijk li p.domein{ width:95px; }
#container #inner #left ul.vergelijk li p.domi{ width:60px; }
#container #inner #left ul.vergelijk li.clear{ width:615px; clear:both; height:20px; display:block; overflow:hidden; background:none;}

#container #inner #left em{ display:block; height:29px; background:url(../images/bg_em.jpg) no-repeat left; float:left; margin:10px 4px 0px 80px;}
#container #inner #left em a{ cursor:pointer; display:block; float:left; height:22px; padding:7px 16px 0px 16px; background:url(../images/bg_ema.jpg) no-repeat right; font-style:normal; font-weight:bold; color:#2c324d;}
#container #inner #left em a:hover{ color:#FFF; text-decoration:none;}

#container #inner #left form{ margin:0px; padding:0px; }
#container #inner #left form fieldset{ margin:0px; padding:0px; border:0; }
#container #inner #left form fieldset label { display:block; float:left; padding:3px 0px 0px 0px; height:19px; }
#container #inner #left form fieldset input.domein{ border:0; margin:0px 10px 0px 10px; padding:2px 0px 0px 3px; display:block; float:left; width:233px; height:20px; background:url(../images/bg_domein.jpg) no-repeat;}
#container #inner #left form fieldset select{ display:block; float:left; height:22px; }
#container #inner #left form fieldset button{ outline:0; float:left; cursor:pointer; text-indent:-3333px; display:block; border:0; background:url(../images/btn_check.jpg) no-repeat; width:56px; height:20px; margin:1px 0px 0px 10px; line-height:1.0em; text-align:center; font-weight:bold; font-size:0.9em;}
#container #inner #left form fieldset button:hover{ filter:alpha(opacity=70); opacity:0.7; }

#container #inner #left dl{ margin:0px; padding:20px 0px 20px 0px; }
#container #inner #left dl dt{ float:left; width:244px; height:20px; display:block; }
#container #inner #left dl dd{ height:20px; display:block; }
#container #inner #left dd a{ font-weight:normal; text-decoration:underline;}

#container #inner #left .pakket ul{ margin:0px; padding:0px 0px 10px 0px; } 
#container #inner #left .pakket ul li{ display:block; float:left; height:24px; width:598px; padding:6px 0px 0px 18px; background:url(../images/bg_pakket.jpg) no-repeat; } 
#container #inner #left .pakket ul li p{ display:block; float:left; } 
#container #inner #left .pakket ul li p.first{ width:288px; font-weight:bold; } 
#container #inner #left .pakket ul li p.second{ width:108px; } 
#container #inner #left .pakket ul li p.third{ width:106px; } 
#container #inner #left .pakket ul li p.four{ width:90px; }
#container #inner #left .pakket ul li.none{ background:#FFF; height:30px; width:598px;} 
#container #inner #left .pakket ul li.top{ background:url(../images/bg_pakkettop.jpg) no-repeat; color:#fff; font-weight:bold; } 
#container #inner #left .pakket ul li p em{ display:block; height:29px; background:url(../images/bg_em.jpg) no-repeat left; float:left; width:auto; margin:0px 18px 0px -4px;}
#container #inner #left .pakket ul li p em a{ font-size:0.9em; text-decoration:none; cursor:pointer; display:block; float:left; width:auto; height:22px; padding:7px 10px 0px 10px; background:url(../images/bg_ema.jpg) no-repeat right; font-style:normal; font-weight:bold; color:#2c324d;}
#container #inner #left .pakket ul li p em a:hover{ color:#FFF; text-decoration:none;}

#container #inner #left p span.big a{ font-weight:bold; font-size:1.4em; text-decoration:none;} 
#container #inner #left p span.red a{ color:red; font-weight:bold;} 

#container #inner #left form.formulier{ margin:0px; padding:0px; } 
#container #inner #left form.formulier fieldset label{ width:600px; display:block; height:16px; padding:4px 0px 2px 0px; float:none; } 
#container #inner #left form.formulier fieldset input{ display:block; border:0; margin:0px; padding:2px 0px 0px 3px; width:233px; height:20px; background:url(../images/bg_domein.jpg) no-repeat; } 
#container #inner #left form.formulier fieldset textarea{ background:#e8e4b4; font-family:arial; width:300px; height:150px;} 
#container #inner #left form.formulier fieldset button{ outline:0; float:left; cursor:pointer; text-indent:-3333px; display:block; border:0; background:url(../images/btn_verstuur.jpg) no-repeat; width:77px; height:20px; margin:1px 0px 0px 0px; line-height:1.0em; text-align:center; font-weight:bold; font-size:0.9em;}
#container #inner #left form.formulier fieldset select{ display:block; float:none;}
#container #inner #left form.formulier fieldset select.ex{ float:left; margin:0px 0px 0px 8px;}
#container #inner #left form.formulier fieldset input.domeinnaam{ float:left; } 
#container #inner #left form.formulier fieldset input.check{ background:none; margin:0px; padding:0px; float:left; width:14px; height:14px; } 



/*******************************/
/* RIGHT */
/*******************************/
#container #inner #right{width:202px; float:right;}
#container #inner #right .blok{width:202px; height:148px; background:url(../images/bg_blok.jpg) no-repeat;}
#container #inner #right .blok a{width:187px; height:127px; padding:11px 0px 0px 15px; display:block; cursor:pointer; color:#d3d45d; text-decoration:none;}
#container #inner #right .blok a strong{display:block; font-size:1.9em; font-weight:bold;}
#container #inner #right .blok a strong span{color:#FFF;}
#container #inner #right .blok a span.tekst{display:block; color:#fff; font-weight:normal; margin:0px; padding:12px 0px 8px 0px; font-size:0.95em;}
#container #inner #right .blok a em{display:block; float:right; font-style:normal; color:#FFF; font-weight:normal; padding:0px 14px 0px 0px;}
#container #inner #right .blok a em span{font-size:2.4em; color:#d3d45d; font-weight:bold;}
#container #inner #right .blok a:hover strong{ color:#fff; }
#container #inner #right .blok a:hover span{ color:#d3d45d; }

#container #inner #right .geel { background:url(../images/bg_blok2.jpg) no-repeat;}
#container #inner #right .geel a{width:187px; height:127px; padding:11px 0px 0px 15px; display:block; cursor:pointer; color:#4c5476; text-decoration:none;}
#container #inner #right .geel a strong{display:block; font-size:1.9em; font-weight:bold;}
#container #inner #right .geel a span.tekst {color:#4c5476; font-weight:normal; }
#container #inner #right .geel a span.tekst span{font-weight:bold;}
#container #inner #right .geel a em{font-weight:normal; display:block; color:#4c5476; font-size:0.9em; float:right; font-style:normal; padding:0px 14px 0px 0px;}
#container #inner #right .geel a em span{font-size:2.5em; color:#979800; font-weight:bold;}

#container #inner #right .wit { background:url(../images/bg_blok3.jpg) no-repeat;}
#container #inner #right .wit a{width:187px; height:127px; padding:11px 0px 0px 15px; display:block; cursor:pointer; color:#4c5476; text-decoration:none;}
#container #inner #right .wit a strong{display:block; font-size:1.9em; font-weight:bold;}
#container #inner #right .wit a span.tekst {color:#4c5476; font-weight:normal; }
#container #inner #right .wit a span.tekst span{font-weight:bold;}
#container #inner #right .wit a em{font-weight:normal; display:block; color:#4c5476; font-size:0.9em; float:right; font-style:normal; padding:0px 14px 0px 0px;}
#container #inner #right .wit a em span{font-size:2.5em; color:#4c5476; font-weight:bold;}

/*******************************/
/* FOOTER */
/*******************************/
#container #footer{ position:relative; color:#fff; width:842px; height:72px; padding:70px 36px 0px 50px; background:url(../images/bg_footer.jpg) no-repeat; overflow:hidden;}
#container #footer ul{ margin:0px; padding:0px; float:left; }
#container #footer ul li{ margin:0px; padding:0px 18px 0px 0px; float:left; }
#container #footer p{ margin:0px; padding:0px; float:right; text-align:right; font-size:0.85em; line-height:18px; color:#737dab;}
#container #footer p a{ padding:0px 17px 2px 17px; background:url(../images/bg_a.jpg) no-repeat right; color:#737dab; text-decoration:none; font-weight:normal;}
#container #footer p a.last{ #9faeef; padding:0px 0px 0px 17px; background:none;}
#container #footer p a:hover{ color:#d3d35b; }