body{
	font-family: Tahoma, Verdana;
	font-size: 11px;
	color: #333;
	background: url("../img/layout/bg.gif") repeat-x;
}

.header{
	width: 100%;
	height: 60px;
	
}

#head_bg_l{
	width:580px;
	height:60px;
	background:transparent url(../img/layout/head_bg_l.gif) no-repeat;
	float:left;
}

#head_bg_r{
	width:17px;
	height:60px;
	background:transparent url(../img/layout/head_bg_r.png) no-repeat;
	float:left;
}

#head_cnt{
	width:575px;
	height:60px;
	background:transparent url(../img/layout/head_bg.png) repeat-x;
	margin:0 0 0 7px;
}

#head_l{
	position:relative;
	margin:0px;
	float:left;
}

#head_m{
	position:relative;
	width:220px;
	height:100%;
	margin:0px;
	float:left;
}

#head_r{
	position:relative;
	width:80px;
	height:100%;
	margin:0px;
	float:left;
}

.logo{
	position: relative;
	width: 240px;
	height: 36px; /* 44 */
	margin: 16px 0 0 6px;
}

.logo_w3c{
	position: relative;
	margin: 25px 0 0 20px;
	top: 0px;
}

.head_ul{
	position: relative;
	margin: 10px 0 0 0;
	font-size: 9px;
}

.head_ul li{
	position: relative;
	margin: 0 0 0 45px;
	color: #666;
}

.footer{
	width: 597px;
	height: 25px;
}

#foot_l{
	position:relative;
	width:14px;
	height:25px;
	background:transparent url(../img/layout/foot_left.gif) no-repeat;
	float:left;
	clear:left;
}

#foot_m{
	position:relative;
	width:569px;
	height:25px;
	background:transparent url(../img/layout/foot_bg.gif) repeat-x;
	float:left;
}

#foot_r{
	position:relative;
	width:14px;
	height:25px;
	background:transparent url(../img/layout/foot_right.gif) no-repeat;
	float:left;
}

.copyright{
	color: #999;
	font-size: 9px;
	text-align: right;
	margin: 7px 0 0 0;
}

a{
	text-decoration: none;
	color: #333;
}

ul{
	list-style: none;
}
/* menu */
.menu{
	width: 595px;
	height: 26px;
	padding: none;
	background: url("../img/layout/menu_bg.png") repeat-x;
	border-left: 1px solid #0000ff;
	border-right: 1px solid #0000ff;
}

.ul_level_0{
	position: relative;
	margin: -0px 0px 0px -60px; 
	z-index: 100;
}

.li_level_0{
	position: relative;
	width: 100px;
	height: 20px;
	text-align: center;
	margin: 3px 0px 0px 0px;
	padding: none;
	float: left;
}

div.menu ul{
	height:20px;
}

div.menu ul ul{
	position: relative;
	z-index: 2;
}

div.menu ul ul li{
	background: #fff;
	padding: 0 0 0 3px;
	margin: 0 0 0 0px;
	width: 170px;
	height: 20px;
	text-align: left;
}

div.menu ul ul,
div.menu ul li:hover ul{
	display: none;
}

div.menu ul li:hover ul,
div.menu ul ul li:hover ul{
	display: block;
}

/* level 3*/
div.menu ul ul ul{
		position: relative;
		padding: 0;
		margin: 3px 0px 0px 40px;
		z-index: 3;
}

div.menu ul ul ul li{
	position: relative;
	background: #ccc;
	margin: 0 0 0 40px;
}

div.menu ul ul ul li{
	display: none;
}

div.menu ul ul li:hover ul li{
	display: block;
}


.li_level_0 a{ 
	font-weight: bold;
}

.li_level_0 span a{ 
	position: relative;
	top: 3px;
}

/* menu end */

/* breadcrumbs */
.breadcrumb{
	border: none;
	font-size: 9px;
}

#breadcrumb{
	position: absolute;
	height: 12px;
	margin: 2px 0 0 -20px;
	padding: none;
	z-index: 5;
}

.breadcrumb_li{
	position: relative;
	float: left;
}

.breadcrumb_divider{
	position: relative;
	width: 12px;
	text-align: center;
	float: left;
}

.itemclass{
	font-size: 9px;
	font-weight: bold;
}

.main_container{
	width: 100%;
}

.container{
	width: 599px;
	height: 569px;
	margin: 0 auto;
}

.inner_container{
	position: relative;
	width: 595px;
	height:458px;
/*	padding:10px; */
	background: url("../img/layout/leaf.png") no-repeat;
	border-left: 1px solid #0000ff;
	border-right: 1px solid #0000ff;
	z-index: 0; 
}

/* LAYOUT */
#inner_inner_cnt{
	position: relative;
	height: 350px;
	width: 100%;
	padding: none;
	z-index: -1;
	
}

#cnt_left{
	position: relative;
	height: 458px;
	width: 425px;
	padding: none;
	float: left;
	z-index: 6;
	
}

.cnt_left_only{
	position: relative;
	height: 456px;
	width: 590px !important;
	overflow: auto;
	float: none;
}

.cnt_left_overflow{
	position: relative;
	width: 425px;
	height: 450px;
	overflow: auto;
	z-index: 6;
}

#cnt_right{
	position: relative;
	height: 458px;
	width: 165px;
	padding: none;
	float: left;
	z-index: 6;
	
}

.cnt_block{
	position: relative;
	margin: 50px 0 0 5px;
}

.quick_contact{
	position: absolute;
	height: 120px;
	width: 135px;
	margin: 24px 23px 0px 0px;
	left: 10px;
/*	background: transparent url("../img/") no-repeat; */
}

#diensten_page{
	margin: 24px 23px 0px 10px;
	left: 0px;
}

.contact_cap{
	position: relative;
	height: 25px;
	width: 117px;
	background: transparent url("../img/layout/contact_cap.gif") repeat-x;
	float: left;
}

.q_contact{
	width: 257px !important; 
}


.contact_top_block_corner{
	position: relative;
	height: 25px;
	width: 17px;
	background: transparent url("../img/layout/contact_top_corner.gif") no-repeat;
	float: left;
	z-index: 100;
	
}

#contact_block_top{
	position: relative;
	height: 3px;
	background: transparent url("../img/contact_block_top.png") no-repeat 0px 0px;
}

.contact_block_content{
	position: relative;
	height: 138px;
	width: 134px;
	background: #fff;
	margin: 25px 0 0 0 ;
	z-index: 0;  
}

.contact_block_bottom{
	position: relative;
	height: 21px;
	width: 88px;
	background: transparent url("../img/layout/block_bottom.gif") repeat-x;
	float: left; 
	z-index: 50;
}

.popin_content{
	height: 185px;
	margin: 25px 0 0 0;
	background: #fff;
	z-index: 600;
}

.block_popin{
	width: 228px;
	z-index: 600;
}

.contact_bg{
	position: relative;
	width: 130px;
	margin-left: 1px;
	z-index: 7;
}

/* blocks */
._block{
	position: relative;
	width: 366px;
	height: 118px;
	margin-left: 33px;
	margin-top: 20px;
	z-index: 100;
	border: 1px solid transparent;
}
/* website bouw */
.web_1{
	height: 248px;
}

.web_2{
	height: 218px;
}

.web_3{
	height: 158px;
}

.web_3_content{
	height: 110px !important;
	background: #fff !important;
}

.web_1_content{
	height: 200px !important; 
	background: #fff !important;
}
#web_1_content{
	height: 170px !important; 
	background: #fff !important;
}

.web_list{
	list-style: square;
	margin: 0 0 0 -20px;
}
/* website bouw end */
._block_contact{
	width: 530px;
}

._cap{
	position: relative;
	height: 24px;
	width: 344px;
	background: transparent url("../img/layout/cap.png") repeat-x;
	float: left;
	z-index: 100;
	
}

._cap_contact{
	width: 508px;
}

.top_block_corner{
	position: relative;
	height: 24px;
	width: 22px;
	background: transparent url(../img/layout/top_corner.gif) no-repeat;
	float: left;
	z-index: 100;
	
}

._top{
	position: relative;
	height: 4px;
	z-index: 100;
}

._bottom{
	position: relative;
	height: 9px;
	z-index: 100;
}

.block_content{
	position: relative;
	height: 71px;
	width: 366px;
	margin: 24px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: transparent url("../img/layout/block_content.png") repeat-x;
	z-index: 100;
}

.block_content_contact{
	width: 530px;
}

.block_bg{
	position: relative;
	width: 345px;
	height: 71px;
	margin: 10px 0 0 8px;
	top: 8px;
	z-index: 500;
}

.web_1_bg{
	height: 220px; 
}

.web_3_bg{
	height: 90px;
}


#block_bg_contact{
	
	width: 500px;
}

.kvk{
	text-align: center;
	margin: 5px 0 0 0;
}

.block_bg a{
	text-decoration: none;
	color: #0099ff;
}

#form_block{
	height: 358px; 
}

#form_content{
	height: 310px; 
	background: #fff;
}

#portfolio_content{
    height: 450px; 
    background: #fff;
}

.contact_mod{
	width: 450px;
	padding: 0 0 0 55px;
}

.contact_mod div{
	position: relative;
	margin: 3px 0 0 0;
}

.contact_label{
	width: 100px;
	
	float: left;
}

.form_input{
	width: 300px;
	
	float: left;
}

#btn_submit{
	text-align: right;
}

#btn_submit input{
	background: #fff;
}

.block_corner_l{
	position: relative;
	height: 21px;
	width: 24px;
	background: transparent url("../img/layout/block_corner_left.gif") no-repeat;
	float: left;
	z-index: 50;
}

.block_bottom{
	position: relative;
	height: 21px;
	width: 320px;
	background: transparent url("../img/layout/block_bottom.gif") repeat-x;
	float: left; 
	z-index: 50;
}

.block_bottom_contact{
	width: 484px;
}

.block_corner_r{
	position: relative;
	height: 21px;
	width: 22px;
	background: transparent url("../img/layout/block_corner_right.gif") no-repeat;
	float: left; 
	z-index: 50;
}

h2{
	font-size: 13px;
	color: #666;
	margin: 3px 0 0 10px;
}

.top_block{
	margin-top: 20px !important;
}

/*	EMAIL mod */
#email_txt{
	padding: 3px 0 0 10px;
}

#email_txt a{
	color: #0099ff;
}

#email_txt a:hover{
	color: #666;
}

.email_btn{
	text-align: center;
}

#popin{
	position: absolute;
	width: 274px;
	height: 231px;
	border: none;
	top: 20px;
	margin: 0 100px 0 0px;
	left: -250px;
	z-index: 600;
}

#popin_top{
	height: 9px;
	background: transparent url("../img/popin_top.png") no-repeat 14px 0px;
}

#popin_body{
	height: 212px;
	background: transparent url("../img/popin_right.png") no-repeat 265px 0px;
}

#popin_table{
	position: relative;
	margin: -10px 0px 0px 12px;
	z-index: 600;
}

#popin_bottom{
	height: 10px;
	background: transparent url("../img/popin_bottom.png") no-repeat 0px 0px;
}

.popin_msg{
	position: relative;
	width: 274px;
	height: 40px;
	margin: 25px 0px 0px 0px;
	background: #fff;
}

#popin_msg{
	font-weight: bold;
}

#email_msg{
	margin: 0 0 5px 10px;
}

#maps{
	height: 258px;
	padding: 0px;
	background: #fff;
}

.maps_mod{
	position: relative;
	margin: 0px 0 0 25px;
}

.map_logo{
	position: relative;
	height: 20px;
	width: 150px;
	background: transparent url("../img/layout/mini_logo.gif") no-repeat;
}

.small_diensten{
	position: relative;
	border: 1px solid transparent;
	margin: 0 0 5px 10px;
	padding: 0px;
}

.small_diensten li{
	margin: 0 0 0 3px !important;
	list-style: square;
	color: #666;
}

.small_diensten li a{
	text-decoration: none;
}

.small_diensten li a:hover{
	text-decoration: underline;
	color: #0099ff;
}

#_block_diensten{
	height: 245px;
}

#block_content_diensten{
	height: 198px;
	background: #fff;
}

/* BUTTONS */
#btnContact{
	position: relative;
	width: 100px;
	border: 1px solid #ccc;
	background: none;
	cursor: pointer;
	z-index: 500;
}

#btnSend{
	width: 50px;
	height: 12px;
	margin: 5px 0 0 195px;
	border: 1px solid #ccc;
	background: transparent url("../img/icons/btnSend.png") no-repeat;
	cursor: pointer;
}

#btn_submit #btnSend{
	width: 60px;
	height: 20px;
	background: transparent url("../img/icons/btnSend.png") no-repeat 3px 3px;
}

#btnClose{
	width: 16px;
	height: 16px;
	border: none;
	background: transparent url("../img/icons/cross-button.png") no-repeat;
	margin: 3px 0 0 240px;
	cursor: pointer;
}

/* FORM ELEMENTS */
input{
	border: 1px solid #ccc;
}

textarea{
	border: 1px solid #ccc;
	z-index: 600;
}

/* PRODUCTS (portfolio page) */

.products{
	
	height: 100%;
}

.prod_head{
	background: transparent url("../img/layout/contact_cap.gif") repeat-x 0 -12px;
}

.prod_bg{
	width: 356px;	
	margin: 0 0 0 0;
	padding: 0 5px 0 5px;
	background: #fff;
}

.prod_descrip p{
	margin: 0 0 0 0;
}

.prod_descrip a{
	color: #0099ff;
}

.prod_descrip ul{
	margin: 0 0 0 0;
	list-style: square;
}

.prod_descrip li{
	margin: 0 0 0 -25px;
}