/*****************************************************************************************
	** Basis 																				**
	*****************************************************************************************/
	
	* {
		margin:0px;
		padding:0px;
	}
	
	body {
		font-size:12px;
		color:#444444;
		font-family:arial, verdana, sans-serif;
		background: #000000 url(http://cms.johanberkhout.net/images/standaardsite_back.jpg) repeat-x;
	}
	
	div#centerThis {
		width:900px;
		margin:0px auto;
		/* visibility: hidden; */
	}
		
	div#mainmenu {
		z-index:0;
		height:35px;
		width:940px;
		background-color:#029ad9;	
	}
		
	div#submenu {
		width: 240px;
		height:auto;
		padding:20px;
		color:#FFFFFF;
		background-color:#0099d9;
		margin-bottom:10px;
	}	
	
	div#columWrapper {
		width:890px;
		margin:0px;
		float:left;
		background-color:#FFFFFF;
		margin:0px 5px;
	}

	div#firstColum {
		width:230px;
		margin:5px;
		float:left;
	}

	div#secondColum {
		width:645px;
		margin:5px 5px 5px 0px;
		float:left;
	}
	
	div#visual {
		height:150px;
		width:940px;
		float:left;
		overflow:hidden;
		background:#666666;
	}

	/*****************************************************************************************
	** Blokken 																				**
	*****************************************************************************************/	

	div.block {
		display:block;
		float:left;
		width:200px;
		color:#000000;
		margin:0px 0px 10px 0px;	
		padding:10px;
		background-color:#DDDDDD;		
	}

	div.block h1 {
		font-size:13px;
		font-weight:bold;
		margin:2px 0px;
	}
	
	div.block p {
		font-size:11px;
		margin:0px 0px 2px 0px;
	}	


	/*****************************************************************************************
	** Menu 																				**
	*****************************************************************************************/
	
	div#mainmenu ul {
		margin:0 0 0 250px;
		list-style:none;
		line-height:35px;		
	}
	
	div#mainmenu ul li {
		display:block;
		float:left;	
	}	
	
	div#mainmenu ul li a {
		font-weight:bold;
		font-size:13px;
		display:block;
		padding:0 10px;
		text-decoration:none;
		color:#FFFFFF;
	}
	
	div#mainmenu ul li a:hover,
	div#mainmenu ul li a.current {
		background:url(../images/layout/pijl.png) no-repeat bottom center;
	}
	

	div#submenu ul {
		margin:0;
	}
	
	div#submenu ul li {
		position:relative;
		display: inline;
	}	
	
	div#submenu ul li a {
		height:25px;
		line-height:22px;
		font-size:12px;
		font-weight:bold;
		color:#FFFFFF;
		display:block;
		text-decoration:none;
	}
	
	div#submenu ul li a:hover {
		background:url(../images/layout/pijl-links.png) no-repeat center left;
		padding-left:8px;
	}
		
	/*****************************************************************************************
	** Egaal 																				**
	*****************************************************************************************/
	
	@charset "utf-8";
	/* CSS Document */
	body { background: #00537b; margin-top:0; font-family:Arial, Helvetica, sans-serif }
	
	div#main-wrapper { margin:auto; width:940px; }
	
	div#header {
		height:150px;
		width:940px;
		z-index:0;
		background-image:url(../header.jpg);
		position:relative;
		
	}
	
	div#logo {
		position:absolute;
		top:0;
		left:40px;
		height:	200px;
		width:200px;
		background-image:url(../images/layout/logo.jpg);
		z-index:1000;	
	}
	
	.current {
		background:url(../pijl.png) no-repeat bottom center;	
	}
	
	div#content-wrapper {
		height:auto;
		width:940px;
		background-color:#FFFFFF;
		float:left;
	}
	
	div#landing-pages {
		clear:both;
		padding:0 10px 0 45px;
		width:885px;
		height:30px;
		line-height:30px;
		background-color:#029ad9;
		color:#FFFFFF;
	}
	
	div#landing-pages ul {
		margin:0;
		padding:0;
		list-style:none;
		line-height:30px;
	}
	
	div#landing-pages li {
		display:block;
		float:left;	
	}
	
	div#landing-pages li a, a:visited, a:active {
		font-size:11px;
		display:block;
		text-decoration:none;
		color:#FFFFFF;
		padding-left:1px;
	}
	
	div#footer {
		text-align:center;
	}
	
	div#footer a, a:active, a:visited {
		text-decoration:none;
		color:#0099d9;
		font-size:11px;
	}
	
	div#colum1 {
		width:580px;
		height:auto;
		float:left;
		padding:40px 10px 40px 40px;
	}
	
	div#colum1 h1 {
		font-size:24px;
	}
	
	div#colum2 {
		width:260px;
		padding:25px 40px 25px 10px;
		height:auto;
		float:left;
	}
	
	div.block {
		width: 240px;
		height:auto;
		padding:20px;
		color:#FFFFFF;
		background-color:#0099d9;
	}
	
	ul, ol {
		margin-left:25px;
	}
	
	div#colum3 {
		width:500px;
		height:auto;
		float:left;
		padding:40px 10px 40px 40px;
	}
	
	div#colum4 {
		width:300px;
		height:auto;
		float:left;
		padding:40px 10px 40px 40px;
	}
	
	div#googlemap {
		clear:both;
		float:left;
		margin:40px;
	}


	/*****************************************************************************************
	** Contact, Offerte formulier & GoogleMaps												**
	*****************************************************************************************/

	form#form {
		width:475px;
		float"left;
		display:block;
		margin:2px;
	}
	div.formrecord {
		clear:both;
		margin:2px;
	}
	
	div.formrecord label {
		dispaly:block;
		float:left;
		width:160px;
		margin:2px;
	}
	
	div.formrecord INPUT[type="text"] {
		width:300px;
	}
	
	div.formrecord textarea {
		width:300px;
		height:150px;
	}
	
	div.formrecord sup {
		margin-right:110px;
	}
	
	.right {
		text-align:right;
	}
	
	.attention {
		background-color:#FFCFCF;
	}
	
	div#googledirectionsPrint {
		width:460px; 
		float:left; 
		clear:both; 
		margin:0 0 10px 0; 
		text-align:center;
		display:none;
	}
	
	div.googledir {
		width:460px;
	}