@charset "utf-8";
/* CSS Document */

body, html{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#e9e9e9;
margin:0;
padding:0;
background-color:#6c6c6c;
}

h1{
font-size:22px;
margin:0;
padding:0;
}

h2{
font-size:16px;
margin:25px 0 0 0;
}

h3{
color:white;
font-size:15px;
margin:35px 0 0 0;
}

h4{
color:#82C5FB;
font-size:12px;
}

a{
color:white;
text-decoration:none;
}

a:hover{
color:white;
text-decoration:underline;
}

img{
border:0;
}

#logo{
margin:25px 0 0 54px;
}

#container{
margin:auto;
width:1000px;
background-color:#424242;
}

#header{
height:86px;
width:1000px;
background:#e9e9e9;
}

#zoeken{
float:right;
height:30px;
margin:30px 30px 0 0;
}

#zoekveld{
color:#424242;
border:none;
height:18px;
width:150px;
padding:4px 5px 2px 5px;
background-image: url('../images/bg_zoekveld.gif');
background-position:top left;
background-repeat:no-repeat;
background-color:#e9e9e9;
}

#zoekbutton{
color:#424242;
border-right:1px solid #e9e9e9;
border-left:none;
border-top:none;
border-bottom:none;
height:24px;
line-height:23px;
width:65px;
padding:0px 5px 2px 5px;
margin:0 0 0 -2px;
background-image: url('../images/b_zoek.gif');
background-position:top left;
background-repeat:no-repeat;
cursor:pointer;
}

#zoekbutton:hover{
color:white;
background-image: url('../images/b_zoek_over.gif');
background-position:left top;
background-repeat:no-repeat;
}

#loginbutton{
color:#424242;
border-right:1px solid #e9e9e9;
border-left:none;
border-top:none;
border-bottom:none;
height:24px;
line-height:23px;
width:90px;
padding:0px 5px 2px 22px;
margin:0 0 0 10px;
background-image: url('../images/b_login_top.gif');
background-position:top left;
background-repeat:no-repeat;
cursor:pointer;
}

#loginbutton:hover{
color:white;
background-image: url('../images/b_login_top_over.gif');
background-position:left top;
background-repeat:no-repeat;
}

#login{
text-align:right;
font-size:10px;
position:absolute;
padding:0 40px 0 0;
margin:9px 0 0 910px;
width:55px;
line-height:19px;
height:17px;
border-left:1px dotted #999999;
z-index:2000;
}

	#login a{
	color:#999;
	padding-left:18px;
	background-image: url('../images/b_login.gif');
	background-repeat:no-repeat;
	background-position: 0 0;
	}
	
	#login a:hover{
	color:white;
	}

#content_home{
width:1000px;
/*
padding:385px 0 0 0;
*/
/*background-image: url('../images/f_home1.jpg');
background-repeat: no-repeat;
background-position: top left;*/
}

#content_home_info{
color:#999999;
line-height:18px;
width:1000px;
height:385px;
margin:0;
padding:0;
}

	#content_home_info p{
	padding:0;
	margin:5px 0 0 0;
	}

#sub_content_home{
display:inline-block;
/*position:absolute;*/
padding:0 50px 30px 50px;
margin-top:-15px;
width:900px;
background-image: url('../images/bg_content_home.jpg');
background-repeat: no-repeat;
background-position: 0 30px;
}

/** INTOR HOME ************************************************************************************************************************************/


#intro_home{
float:left;
width:260px;
padding:0px 20px 0px 0px;
}

#intro_home h2 { font-size:15px; padding:0px 0px 16px 0px; }
#intro_home p { margin:0px; padding:0px 0px 10px 0px; }
#intro_home a { color:#82C5FB; }
#intro_home a:hover { color:white; }

	/*#intro_home p{
	padding-top:7px;
	font-weight:normal;
	font-size:12px;
	}
	
	* html #intro_home p{
	padding:0;
	}*/
	
	#intro_home a { color:#82C5FB; }
	#intro_home a:hover { color:white; }

/** PROJECTEN HOME ********************************************************************************************************************************/

#project_home{
float:left;
width:280px;
padding:0px 0px 0px 24px;
}

/*#project_home div{
width:280px;
background-image: url('../images/bg_home_project.gif');
background-repeat:repeat-x;
background-position:top left;
}*/

#project_home h2 { font-size:15px; padding:0px 0px 16px 0px; }
#project_home p { margin:0px; padding:0px 0px 10px 0px; }
#project_home p a{ color:#82C5FB; }
#project_home p a:hover{ color:white; }

	/*#project_home div h4{
	padding: 4px 10px;
	margin:0;
	}
	
		#project_home div h4 a, #project_home div h4 a:visited{
		color:#82C5FB;
		}
		
		#project_home div h4 a:hover{
		color:white;
		}

	#project_home p{
	font-size:12px;
	padding:7px 10px;
	width:260px;
	margin:0;
	}*/

	
	/*#project_home p a{
	margin:5px 0 0 0;
	color:#82C5FB;
	padding: 0;
	background-position: 0 5px;
	background-repeat:no-repeat;
	}
	
	#project_home p a:hover{
	color:white;
	}*/

/** NIEUWS HOME ***********************************************************************************************************************************/

#nieuws_home{
float:right;
width:270px;
padding:0px 0px 0px 35px;
}

#nieuws_home h2 { font-size:15px; padding:0px 0px 16px 0px; }
#nieuws_home p { margin:0px; padding:0px 0px 10px 0px; }
#nieuws_home p a{ color:#82C5FB; }
#nieuws_home p a:hover{ color:white; }

/*#nieuws_home a{
text-decoration:none;
}

#nieuws_home p{
margin:0;
padding:0 0;
}

#nieuws_home ul{
list-style:none;
margin:0px 0 0 0;
padding:0;
}

#nieuws_home ul li{
list-style:none;
margin:0 0 1px 0;
padding:0;
border-bottom:1px dotted #999999;
list-style-image:none;
}

#nieuws_home ul li a{
color:#999999;
padding:4px 0 4px 5px;
display:block;
}

#nieuws_home ul li a:hover{
background-image: url('../images/bg_nieuws_home.gif');
background-repeat:repeat-x;
background-position:bottom left;
}

#nieuws_home ul li a strong{
color:white;
display:block;
float:left;
margin-right:8px;
}

#nieuws_home ul li span{
color:#82C5FB;
}*/

/**************************************************************************************************************************************************/

#star{
position:absolute;
margin:-40px 0 0 20px;
background-image: url('../images/star.png');
width:74px;
height:73px;
}

#footer{
text-align:left;
width:965px;
height:20px;
background:#171717;
margin:auto;
padding:30px 0 20px 35px;
clear:both;
font-size:11px;
}

	#footer a:hover{
	text-decoration:underline;
	border-bottom: 1px dotted #3a3a3a;
	}

/* START PAGE STUFF */

#header_foto{
height:234px;
/*margin-top:35px;*/
width:1000px;
background: url('../images/fh1.jpg');
}

#clickpath{
color:#666666;
position:absolute;
top:279px;
height:20px;
width:967px;
padding: 10px 0 0 33px;
}

#clickpath a{
color:white;
text-decoration:none;
}

#clickpath a:hover{
color:white;
text-decoration:underline;
}

#header_txt{
position:absolute;
top:180px;
text-align:right;
height:45px;
background-color:#cc0234;
width:385px;
opacity:0.6;filter:alpha(opacity=60);
z-index:1;
}

#header_foto h1{
text-align:right;
position:absolute;
top:190px;
width:370px;
z-index:2;
}

#menu_left{
width:220px;
float:left;
margin:55px 0 0 0;
padding:0 4px 0 25px;
background-image: url('../images/bg_menu_line.gif');
background-position: 248px 90px;
background-repeat:repeat-y;
clear:both;
}

#menu_left h2{
margin:0 0 25px 0;
padding:0;
}

#menu_left #producten{
font-weight:bold;
}

#menu_left #producten span{
font-size:14px;
display:block;
padding:5px 0;
margin: 0 15px 0 0;
border-bottom: 1px solid white;
}

#menu_left #producten ul{
border-top:1px dotted gray;
font-weight:bold;
font-size:12px;
width:200px;
margin:5px 0 2px 0;
padding:2px 0;
}

	#menu_left #producten ul li{
	height:15px;
	font-weight:normal;
	margin:0;
	padding:2px 0;
	list-style:none;
	list-style-image:none;
	}
	
#content{
background-image: url('../images/bg_page.jpg');
background-position:left top;
background-repeat:no-repeat;
background-color:#424242;
width:1000px;
display:inline-block;
padding-bottom:25px;
}

#content_right{
line-height:18px;
float:right;
width:320px;
margin:53px 0 0 10px;
padding:0 20px 0 20px;
border-left:1px solid #303030;
}

	#content_right2{
	line-height:18px;
	float:right;
	width:235px;
	margin:53px 0 0 10px;
	padding:0 20px 0 20px;
	border-left:1px solid #303030;
	}

#content_txt{
color:#ddd;
font-size:12px;
line-height:18px;
margin: 0 0 20px 252px;
padding:0 30px 0 30px;
}
	
	#content_txt2{
	color:#ddd;
	font-size:12px;
	line-height:18px;
	margin-left:250px;
	width:340px;
	padding:0 0 20px 30px;
	}
	
	#content_txt3{
	color:#ddd;
	font-size:12px;
	line-height:18px;
	margin-left:250px;
	width:425px;
	}

#content_txt a, #content_txt2 a, #content_txt3 a{
color:#82C5FB;
text-decoration:none;
padding:0 2px;
}

#content_txt a:hover, #content_txt2 a:hover, #content_txt3 a:hover{
color:#e9e9e9;
text-decoration:none;
background:#303030;
border:none;
}

	#content_txt h2, #content_txt2 h2, #content_txt3 h2{
	font-size:18px;
	margin:0 0 35px 0;
	}

.page{
text-align:right;
margin:0 0 10px 0;
}

	.page a{
	padding:2px 5px;
	}
	
	.page a:hover, .page .active{
	background:#333;
	}

#product_thumbs{
width:680px;
}

#product_thumbs ul{
margin:0 0 20px 0;
padding:0;
display:inline-block;
overflow:hidden;
width:680px;
background: url('../images/bg_projects.gif');
}

#product_thumbs ul li{
margin:0;
padding:0;
list-style:none;
width:330px;
background-color:#3a3a3a;
}

#product_thumbs ul li .product_img{
padding:5px 5px 6px 6px;
display:inline-block;
height: 138px;
width:136px;
}

#product_thumbs ul li .product_img a{
padding:0;
margin:0;
}

	#product_thumbs ul li .product_txt{
	float:right;
	line-height:15px;
	display:block;
	margin: 10px 10px 4px 5px;
	padding: 0 0 10px 0;
	width:165px;
	min-height:105px;
	}
	
	/*#product_thumbs ul li .product_txt strong{
	padding:0 0 5px 0;
	}
			
	#product_thumbs ul li .product_txt strong{
	display:block;	
	}*/
	
	#product_thumbs span.product_txt_info{

	float:right;
	text-align:left;
	padding-left:12px;
	width:318px;
	height:35px;
	line-height:35px;
	background-color:#333333;
	}

	#product_thumbs span.product_txt_info a{
	line-height:15px;
	margin:8px 5px 0 0;
	padding:0;
	}
	
	#product_thumbs span.product_txt_info img{
	padding:3px 0 0 0;
	}
	
	#product_thumbs ul li .product_id{
	padding: 0 7px 0 0;
	}


#product_thumbs ul .product_right{
float:right;
}

#product_thumbs ul .product_left{
float:left;
margin-right:20px;
}

.dropdown{
font-size:12px;
margin:17px 0;
}

/**********************************************************************************************************************************************/

.ProjectItems, .ProductItems{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#171717;
	width:200px;
}

/**********************************************************************************************************************************************/

/*.dropdown option{
border:none;
background:#3a3a3a;
border:none;
overflow:hidden;
}*/

.dropdown input.zoek{
margin:12px 0 0 60px;
}

#projecten_thumbs{
width:680px;
}

#projecten_thumbs ul{
list-style:none;
/*min-height:175px;*/
display:block;
overflow:hidden;
padding:0;
margin:0 0 20px 0;
background-image: url('../images/bg_projects.gif') ;
}

	#projecten_thumbs ul li{
	list-style:none;
	width:330px;
	overflow:hidden;
	padding:0;
	float:left;
	margin:0;
	background:#3a3a3a;
	}
	
	#projecten_thumbs ul .project_left{
	margin-right:20px;
	}
	
	#projecten_thumbs ul li a{
	padding:0;
	margin:0;
	}
	
	#projecten_thumbs ul li img{
	display:block;
	}

	.groter{
	position:absolute;
	margin:65px 0 0 297px;
	}
	
	#projecten_thumbs ul .header_project{
	font-weight:bold;
	font-size:13px;
	height:27px;
	line-height:27px;
	padding:0 2px 0 8px;
	margin:0;
	display:block;
	background:#333333;
	}
	
	#projecten_thumbs ul .info_project{
	margin:0;
	padding:4px 5px 5px 8px;
	min-height:50px;
	}
	
/****************** IE 6 Hack *******************/

* html #zoeken{
margin-right:0px;
}

* html #zoekveld{
border-right:1px solid #e9e9e9;
height:19px;
margin-right:-2px;
background-image: url('../images/bg_zoekveld.gif');
background-position:top left;
background-repeat:no-repeat;
}

* html #zoekbutton{
height:26px;
width:66px;
border-right:1px solid #e9e9e9;
padding:0 0 2px 0;
background-image: url('../images/b_zoek.gif');
background-position:top left;
background-repeat:no-repeat;
cursor:pointer;
}

* html #loginbutton{
height:26px;
width:94px;
border-right:1px solid #e9e9e9;
padding:0 0 2px 22px;
margin-right:30px;
background-image: url('../images/b_login_top.gif');
background-position:top left;
background-repeat:no-repeat;
cursor:pointer;
}

* html #login{
text-align:right;
font-size:10px;
padding:0 40px 0 0;
margin:9px 0 0 908px;
width:55px;
line-height:19px;
height:17px;
border-left:1px dotted #999999;
z-index:2000;
}

* html #star{
position:absolute;
margin:-40px 0 0 20px;
background-image: url('../images/star.gif');
width:74px;
height:73px;
}

/*
* html #content{
display:inline-block;
background-position:left top;
background-repeat:no-repeat;
background-color:#424242;
}
*/

* html #sub_content_home{
display:inline-block;
/*position:absolute;*/
padding:0 50px 30px 50px;
margin-top:-35px;
width:900px;
background-image: url('../images/bg_content_home.jpg');
background-repeat: no-repeat;
background-position: 0 37px;
}

* html #product_thumbs ul li .product_txt{
float:right;
line-height:15px;
display:block;
margin: 10px 4px 4px 0;
height:106px;
}

* html #product_thumbs span.product_txt_info{
padding-top:10px;
height:25px;
}

* html #projecten_thumbs ul{
display:inline-block;
overflow:hidden;
padding:0;
margin:0 0 60px 0;
background-image: url('../images/bg_projects.gif') ;
}

ul{ padding:0px; margin:0px 0px 10px 16px; }
ol{ padding:0px; margin:0px 0px 10px 24px; }
ul li{ list-style-image:url(http://www.aberson.nl/templates/images/li_image.gif); }

/** GALLERY *************************************************************************************************************************************************************/

#cfCreatedDiv{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:1000;
}