/* CSS Document */

div.container {
	position:relative;
	text-align: left;
	height: auto;
	width: 852px;
	margin : 10px auto;
	padding : 0;
	}
	
div.container2 {
	text-align: left;
	width: 852px;
	margin : 0 auto;
	padding : 0;
	}

ul.topmenu {
	margin : 0 ;
	padding : 0 10px 0 0;
	}
	
ul.topmenu li {
list-style-type:none;
display:  inline;
margin: 0 ;
padding: 0 ;
color:#DDD;
font-weight:bold;
}	

ul.topmenu li a {
color:#DDD;
margin:0 ;
padding: 3px 6px ;
text-decoration:none;
background: url(../img/bg_topmenu.gif) left bottom no-repeat;
}	
	
ul.topmenu li a:hover{
margin: 0 ;
padding: 3px 6px ;
color:#CCC;
text-decoration:none;
background: url(../img/bg_topmenu.gif) left bottom no-repeat;
}

div.content {
margin:5px 0;
padding: 0;
width:100%;
overflow:auto;
}

div.content_left {
	text-align: left;
	float:left;
	width: 401px;
	margin:0;
	padding:0;
	overflow:auto;
	}
	
div.content_left_left {
	text-align: left;
	float:left;
	width: 200px;
	margin:0 1px 0 0;
	padding:0;
	background-color:#fff;
	overflow:hidden;
	}
	
div.content_left_right {
	text-align: left;
	float:right;
	width: 200px;
	margin:0;
	padding:0;
	background-color:#686a6c;
	overflow:hidden;
	}	

div.content_left h1, div.aanbod_left h1{
font-size:12px;
margin:0;
padding:0;
}

div.content_left h1 a, div.aanbod_left h1 a{
font-size:12px;
text-indent:-9999px;
background:url(../img/logo_homerun.jpg) top left no-repeat;
display:block;
margin:0;
padding:0;
width:200px;
height:150px;
}	

div.content_right {
	float:right;
	width: 451px;
	margin:0;
	padding:0;
	}
	
div.actiebanner {
margin:0;
padding:0;
width:100%;
height:200px;
text-align:center;
background:url(../img/bg_banner.jpg) right top no-repeat;
}	

div.banner {
margin:0;
padding:0;
width:100%;
height:200px;
background:url(../img/bg_banner.jpg) right top no-repeat;
}	

div.zoeken {
margin:0;
padding:25px 0 0 0;
width:400px;
}
	
div.blok {
margin:0;
padding:10px;
width:180px;
height:130px;
}

div.blok2 {
margin:0;
padding:10px;
width:180px;
height:180px;
}		

div.blok_contact {
margin:0;
padding:0;
width:200px;
height:200px;
}

div.bloknews {
margin:0;
padding:15px 10px 10px 15px;
width:175px;
height:226px;
background:url(../img/bg_news.gif) left top no-repeat #FFF;
overflow: hidden;
}

div.blokhome {
margin:0;
padding:15px 10px 10px 15px;
width:175px;
height:275px;
background:url(../img/bg_home.gif) left top no-repeat #FFF;
}


div.blokimg {
margin:0;
padding:0;
width:200px;
height:200px;
}

ul.footer {
	text-align: center;
	margin : 5px 0 0 0 ;
	padding : 0;
	width:100%;
	}
	
ul.footer li {
list-style-type:none;
display:  inline;
padding: 3px 3px ;
font-size:10px;
color:#999999;
}	

ul.footer li a {
color:.CCC;
text-decoration:none;
font-size:10px;
color:#999999;
}	
	
ul.footer li a:hover{
margin: 0 ;
text-decoration:underline;
font-size:10px;
color:#999999;
}		

img {
margin:0;
padding:0;
}
		
		
/* hier begint het aanbodgedeelte */

div.aanbodtop {
margin:0;
padding:0;
width:100%;
height:51px;
background:url(../img/bg_banner.gif) right top no-repeat;
overflow: hidden;
}		

div.dienstentop {
margin:0;
padding:0;
width:100%;
height:51px;
background:url(../img/bg_banner.gif) right top no-repeat;
overflow: hidden;
}	

div.aanbod_left {
	text-align: left;
	float:left;
	width: 201px;
	height:600px;
	margin:0;
	padding:0;
	overflow:auto;
	background: url(../img/detail_lo.gif) left bottom no-repeat #FFF;
}	

div.aanbod_right {
	float:right;
	width: 650px;
	margin:0;
	padding:0;
}
	
div.aanbod {
	margin:0;
	padding:15px 10px;
	width:630px;
	height:499px;
	overflow:auto;
}

div.aanbod2 {
	margin:0;
	padding:0;
	width:650px;
	overflow:auto;
}


div.diensten {
	margin:0;
	padding:0;
	width:650px;

}

div.blokdetail {
margin:0;
padding:15px 10px 10px 15px;
text-align:left;
width:175px;
height:275px;
}

div.blokdetail2 {
margin:0;
padding:15px 10px 10px 15px;
text-align:left;
width:175px;
height:228px;
}

div.blokdetail img{
margin:0;
padding:3px 0;
}

ul.leftmenu {
	margin : 0 ;
	padding : 0 ;
	}
	
ul.leftmenu li {
list-style-type:none;
margin: 0 0 1px 0 ;
padding: 0 0 2px 0 ;
color:#666;
background:url(../img/stripe_leftmenu.gif) right bottom no-repeat;
}	

ul.leftmenu li a {
margin:0;
padding: 3px ;
color:#666;
text-decoration:none;
background:url(../img/bg_leftmenu.gif) right bottom no-repeat;
display:block;
}	
	
ul.leftmenu li a:hover{
margin: 0 ;
padding: 3px ;
color:#fff;
text-decoration:none;
background:url(../img/bg_leftmenu_over.gif) right bottom no-repeat;
background-color: #999;
display:block;
}
/* PDF */

.pdf {
	width:175px; 
	margin:15px 0 0 0;
	padding:0;	
	}	

.pdf .downloads {
	width:147px; margin: 0 0 5px 0 ; padding: 0 0 0 23px; background:url(../images/pdf.gif) left top no-repeat; 
	}	

.pdf .downloads a {
	color:	#666; text-decoration: none;	
	}
	
.pdf .downloads a:hover {
	color:	#fff; text-decoration: none; background:#999;
	}
	
.pdf p {
	color:	#333; font-weight:bold; margin:0; padding:0 0 5px 0;
	}	

.formfield {
border:none;
background:#707175;
width:200px;
height:17px;
border:solid 1px #FFFFFF;
color:#FFFFFF;
}

.formfield_sm {
border:none;
background:#707175;
width:50px;
height:17px;
border:solid 1px #FFFFFF;
color:#FFFFFF;
}

.formfield_xsm {
border:none;
background:#707175;
width:30px;
height:17px;
border:solid 1px #FFFFFF;
color:#FFFFFF;
}

.formfield_m {
border:none;
background:#707175;
width:145px;
height:17px;
border:solid 1px #FFFFFF;
color:#FFFFFF;
}

.formfieldbig {
background:#707175;
width:200px;
height:150px;
border:solid 1px #FFFFFF;
color:#FFFFFF;
}

.formfieldbig_contact {
background:#707175;
width:200px;
height:75px;
border:solid 1px #FFFFFF;
color:#FFFFFF;
}

.formbutton {
border:solid 1px #666666;
background:#fff;
color:#0484FA;
width:75px;
height:20px;
}

.buttonSubmit, .buttonSubmitHovered {
	width:69px;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px 5px;
	background:url(../images/button.gif) no-repeat left top;
	cursor:pointer;
	border:none;
}

.buttonSubmitHovered {
	background-position:left bottom;
}

.pulldownmenu {
font-size:11px;
	width:145px;
	height:20px;
	border:solid 1px #FFFFFF;
	color: #000000;
	background-color: #CCCCCC;
}


/* ######################### GEZOCHT ################################ */

.diensten .content{
	margin:		0;
	padding:	0px 20px;
	width:		610px;

	}
	
.diensten .content h1 {

	color:		#FFF;
	margin:		15px 0 10px 0;
	font-size:	20px;
	
	}	
	
.clear {

	height:		7px;
	clear:		both;	
	
	}
	
.outer {

	width:		600px;
	background:	url(../img/bg_gezocht.gif) left top repeat-y;
	overflow:	auto;
	margin-bottom:	20px;
	zoom:		1;
	
	}
	
.klein {

	width:		300px;
	zoom:		1;	
	
	}	
		
	
.diensten .content .box {

	width:		270px;
	padding:	10px;
	overflow:	auto;
	float:		left;

	
	}
	
.diensten .content .box .titel {

	width:		270px;
	margin:		0;
	padding:0;
	font-size:	14px;
	font-weight:	bold;
	color:		#c36d15;
	
	}
	
.diensten .content .box p {

	color:		#222;
	
	}		
	
	
.floatright {

	float:		right!important;
	
	}	
	
a.button_pdf {

	width:		179px;
	height:		34px;
	margin:		0;
	padding:	15px 0 0 50px;
	color:		#000;
	font-size:	16px;
	font-weight:	bold;
	display:	block;
	background:	url(../img/button_pdf.gif) left top no-repeat;
	text-decoration:	none;
	
	}
	
a.button_pdf:hover {

	background:	url(../img/button_pdf_over.gif) left top no-repeat;
	color:		#FFF;
	text-decoration:	none;
	
	}