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


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

html{ background:url(images/bghtml.jpg) repeat-x #fff; width:100%; }
body{ background:url(images/bgbody.jpg) no-repeat top; margin:0; padding:0; color:#000; font-size:0.8em; font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; text-decoration:none;}
body a{ text-decoration:underline; color:#7cb305; font-weight:bold;}
body a:hover{text-decoration:underline; color:#000; 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.0em; color:#7cb305;}

/* CONTAINER DIVISION */
#container { position:relative; width:895px; margin:0 auto; padding:0px 0px 0px 0px;}

/* TOP DIVISION */
#container #top {width:885px; height:141px; padding:0px 10px 0px 0px;}
#container #top #logo{ float:left; width:243px; height:69px; margin:49px 0px 0px 11px; }
#container #top #logo a{ display:block; width:243px; height:69px; text-indent:-3333px;}
#container #top #menu{float:right; width:587px; height:29px; padding:11px 0px 0px 0px; background:url(images/bg_menu.jpg) no-repeat; margin:77px 0px 0px 0px;}
#container #top #menu li{outline:0; float:left; display:block; height:20px; text-indent:-3333px; }
#container #top #menu li a{ outline:0; display:block; height:20px; margin:0px 14px 0px 56px;}
#container #top #menu li a#werkwijze{width:118px; background:url(images/btn_werkwijze.jpg) no-repeat;}
#container #top #menu li a#werkwijze:hover, #container #top #menu li.current_page_item a#werkwijze{background:url(images/btn_werkwijzeover.jpg) no-repeat;}
#container #top #menu li a#referenties{width:124px; background:url(images/btn_referenties.jpg) no-repeat;}
#container #top #menu li a#referenties:hover, #container #top #menu li.current_page_item a#referenties{background:url(images/btn_referentiesover.jpg) no-repeat;}
#container #top #menu li a#contact{width:118px; background:url(images/btn_contact.jpg) no-repeat;}
#container #top #menu li a#contact:hover, #container #top #menu li.current_page_item a#contact{background:url(images/btn_contactover.jpg) no-repeat;}

#container .gesponsord{ padding:160px 0px 0px 0px;}

/* TOP DIVISION */
#container #left{ float:left; width:265px; line-height:18px; font-size:0.95em;}
#container #left .box{ width:265px; background:url(images/bg_left.jpg) no-repeat; margin:0px 0px 15px 0px;}
#container #left .box .boxinner{ width:228px; background:url(images/bg_leftbottom.jpg) no-repeat bottom; padding:19px 19px 19px 18px;}
#container #left .box .boxinner .contact{ width:189px; padding:17px 19px 17px 19px;}
#container #left .box .boxinner .contact p{ margin:0px; padding:0px; }
#container #left .box .boxinner .contact dl{ display:block; width:189px; margin:0px; padding:0px; }
#container #left .box .boxinner .contact dl dt{float:left; width:22px; margin:0px; padding:0px; font-weight:bold; }
#container #left .box .boxinner .contact dl dd{ margin:0px; padding:0px; }
#container #left .box .boxinner .contact h2 span{ color:#000; }

#container #right{ float:right; width:608px; padding:0px 0px 30px 0px; line-height:18px; color:#393939; font-size:0.95em;}
#container #right .box{  width:608px; background:url(images/bg_right.jpg) no-repeat top left; margin:0px 0px 15px 0px;}
#container #right .box .boxinner{ width:572px; background:url(images/bg_rightbottom.jpg) no-repeat bottom left; padding:17px 19px 17px 17px;}
#container #right .box .boxinner #header {width: 575px;  height: 163px;  }
#container #right .content {width:586px; padding:10px 11px 0px 11px;}
#container #right .content h1{margin:0px 0px 17px 0px; font-size:1.5em; padding:0px 0px 18px 0px; border-bottom:2px solid #dedede;}
#container #right .content p{margin:0px; padding:0px 0px 18px 0px;}
#container #right .content ul{margin:0px; padding:0px 0px 18px 0px; line-height:18px;}
#container #right .content ul li{display:block; background:url(images/bg_li.jpg ) no-repeat top left; padding:0px 0px 0px 30px;}


#container #right .content form{margin:0px; padding:0px ; position:relative;}
#container #right .content form label{margin:0px; padding:0px ; line-height:35px; font-weight:bold; color:#000; float:left; display:block; width:116px;}
#container #right .content form label.small{line-height:18px; font-weight:normal; font-size:0.90em;}
#container #right .content form input{cursor:pointer;margin:10px 0px 9px 0px; padding:0px; width:119px; height:32px; outline:0; background:url(images/btn_submit.jpg) no-repeat; border:0; color:#fff; font-weight:bold; }
#container #right .content form span.wpcf7-form-control-wrap input{ cursor:text; color:#000; font-weight:normal; margin:0px 0px 9px 0px; padding:7px 0px 0px 6px; width:246px; height:26px; border:1px solid #e0e0e0; background:url(images/bg_input.jpg) repeat-x bottom;}
#container #right .content form textarea{ float:left; height:120px; padding:7px 0px 0px 6px; width:458px; font-family:arial; margin:0px 0px 9px 0px; font-size:1.0em; border:1px solid #dedede; background:#f5f5f5; color:000; font-weight:normal;}
#container #right .content form span.wpcf7-form-control-wrap{ width:400px; display:block; float:left; }
#container #right .content form .wpcf7-response-output{ position:absolute; margin-top:-6px; top:0px; left:-6px; }

#container #right .content .entry .overzicht{ padding:0px 0px 0px 20px; }
#container #right .content .entry{ margin:0px 0px 0px -20px; width:628px; display:block; position:relative; }
#container #right .content .album{ position:relative; float:left; padding:17px 10px 17px 15px; height:98px; margin:0px 0px 20px 20px; width:256px; border:1px solid #dedede; background:url(images/bg_referentie.jpg) repeat-x bottom;}
#container #right .content .album img{ float:left; display:block; margin:0px 17px 0px 0px; }
#container #right .content .album h2, #container #right .content .album h2 a{ padding:0px 0px 6px 0px; font-size:1.15em; color:#393939; text-decoration:none; }
#container #right .content .album p{ margin:0px; padding:0px; font-size:0.90em; line-height:12px; }
#container #right .content .album em a{ position:absolute; bottom:17px; right:26px; color:#fff; text-align:center; line-height:20px; font-size:0.90em; text-decoration:none; font-style:normal; display:block; width:94px; height:20px; background:url(images/btn_bekijk.jpg); }