@import "../admin/library/JavaScript/release/interpulse/dijit/themes/tundra/tundra.css";
 @import "../admin/library/JavaScript/release/interpulse/dojo/resources/dojo.css";

/* ----------------------------------------------
	BASISSETTING, positionering                               
	____________________________________________ */

body{
	font: 11px Verdana, Arial,Helvetica ;
	color:#757577;
	line-height:17px;
	padding:0;
	margin: 0;
	background:#fff;
}

#placeholder {	
	width: 981px;
	position:absolute;
	margin:-310px 0px 0px -490px;
	top: 50%; 
	left: 50%;
	text-align: left;
}

div{
	margin:0;
	padding:0;
}

#container {
	padding: 0;
	margin: 0 auto;
	width: 981px;
}

	.content_container {
		position:absolute;
		top:0px;
		left:0px;
		width:981px;
		height:420px;
		z-index:2;
	}
	
	#boven{
		float:left;
		width:100%;
	}
	
	
		#foto_groot{
			float:left;
			width:783px;
			height:420px; 
			border:1px solid #d4d4d4;
			border-bottom:0px solid #d4d4d4;
			background:url(../images/logo2.gif) center center no-repeat;
		}
	
		#content_blok{
			background: #fff;
			float:right;
			height:421px;
		}
		
		.content_wrapper{
			float:left;
			overflow:hidden;
			height:288px;
			width:100%;
		}
		
		.content_kolom {
			float:left;
			width:180px;
			height:288px;
			padding-left:16px;
		}
		
		.content_controller {
			height: 25px;
			width: 100%
		}
		.content_controller a 
		{
			float: right;
			padding-right: 16px;
			padding-bottom: 10px;
			color: #000;
			font-weight: bold;
		}
		
			#logo a{
				float:left;
				width:100%;
				height:107px;
				background:url(../images/logo.gif) no-repeat left;
			}
			
			#logo {
				float:left;
				width:100%;
				height:107px;
				padding-left:16px;
			}
			
			#submenu{
				float:left;
			}		
	
			#submenu ul{
				margin:0;
				padding:0;
				margin-top:10px;
				border-bottom:1px solid #b1b2b4;
			}
			#submenu li{
				margin:0;
				padding:0;
				list-style:none;
			}
			#submenu li a{
				letter-spacing:-1px;
				float:left;
				width:180px;
				margin:0;
				padding:0;
				list-style:none;
				padding-top:5px;
				padding-bottom:5px;
				border-bottom:1px solid #b1b2b4;
			}
			#submenu li a:hover, #submenu li a.actief{
				color:#b1b3b4;
			}
			
	#onder{
		float:left;
		width:100%;
		border-top:1px solid #d4d4d4;
		border-left:1px solid #d1d1d1;
		border-bottom:1px solid #d1d1d1;
	}
		#onder ul{
			margin:0;
			padding:0
		}
		#onder li{
			margin:0;
			padding:0;
			list-style:none;
			display:inline;
		}
		#onder li a{
			float:left;
			width:175px;
			height:77px;
			padding-top:100px;
			padding-left:10px;
			padding-right:10px;
		
			font-size:10px;
			line-height:13px;
			border-right:1px solid #d1d1d1;
		}
		
		#onder li span{ 
			float:left;
			background:url(../images/gradient_bg.gif) no-repeat left;
		}
		
			
		#onder li.blok1 a{
			background:url(../images/home_bg.jpg) no-repeat top;
		}
		#onder li.blok2 a{
			background:url(../images/history_bg.jpg) no-repeat top;
		}
		#onder li.blok3 a{
			background:url(../images/products_bg.jpg) no-repeat top;
		}
		#onder li.blok4 a{
			background:url(../images/brands_bg.jpg) no-repeat top;
		}
		#onder li.blok5 a{
			background:url(../images/services_bg.jpg) no-repeat top;
		}
		#onder li span:hover,#onder li span.actief {
			background:url(../images/gradient_bg.gif) no-repeat right;
		}

	#footer{
		float:left;
		width:100%;
	}
	
		#footer ul{
			margin:0;
			padding:0;
			margin-top:5px;
		}
		#footer li{
			margin:0;
			padding:0;
			display:inline;
			list-style:none;
		}
		#footer li a{
			border-right:1px solid #8b8b8b;
			padding-right:5px;
			padding-left:5px;
			font-size:10px;
		}

.clearer {
	clear: both; 
	line-height:0; 
	height: -10; 
	float: none;
}

#mapzoek{
	float:left;
	width:410px;
	overflow:hidden;
}

	#gmap {
		width:440px;
		height:310px;
		margin-top:-40px;
	}
	
	.bedrijf_regel {
		margin-top:8px;
		padding:3px;
		width:302px;
		height:196px;
		overflow:auto;
		border:1px dotted gray;
		
	}

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

				CONTENT STYLES
	
****************************************************/

h1{	
	letter-spacing:-1px;
	font-size:13px;
	margin:0;
	padding:0;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:3px;
}

h2{
	font-size:13px;
	margin:0;
	font-weight:bold;
	color:#000000;
}

h3{
	font-size:16px;
	margin:0px;
}

h4{
	font-size:14px;
	margin:0px;
}

h5{
	font-size:12px;
	margin:0px;
}

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

#dynaContent {
	padding-left:15px;
}


#dynaContent a{
	text-decoration:underline;	
}

a:hover{
	text-decoration:none;
}