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

html, body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
a img { border:none; }
a, a:active, a:visited { color:#678575; text-decoration:none; }
a:hover { text-decoration:underline; }

div.center-this {
	margin:0 auto;
	width:940px;
}

	div#header {
		height:140px;
		width:940px;
	}
	
		div#header div#logo {
			float:left;
			width:190px;
			height:140px;
		}
		
		div#header div#menu {
			float:left;
			height:60px;
			width:750px;
			margin-top:80px;
		}
		
		div#header div#menu ul {
			margin:0;
			padding:0;
			list-style:none;
		}
		
		div#header div#menu ul li {
			float:left;
		}
		
		div#header div#menu ul li a,
		div#header div#menu ul li a:active,
		div#header div#menu ul li a:visited {
			display:block;
			padding:0 10px;
			line-height:60px;
			height:60px;
			font-size:20px;
			font-weight:lighter;
		}
		
	div#visual {
		position:relative;
		height:435px;
		width:940px;
	}
	
		div#visual div#slideshow {
			height:435px;
			width:940px;
			overflow:hidden;
		}
		
		div#visual div#slideshow-blokken {
			position:absolute;
			bottom:0; z-index:99;
			height:145px;
			width:940px;
		}
		
			div#visual div#slideshow-blokken div.slideshow-block {
				float:left;
				height:105px;
				width:180px;
				
				padding:20px;
				margin-right:20px;
				
				background:url(../images/layout/transparent-background.png); 
			}
			
    			div#visual div#slideshow-blokken div.slideshow-block h3 {
    				 color:#678575;
    				 font-size:18px;
    				 font-weight:bold;
    				 margin:0 0 10px 0;
    			}
    			
    			div#visual div#slideshow-blokken div.slideshow-block p {
    				height:60px;
    				width:180px;
    				
    				margin:0;
    				overflow:hidden;
    			}
    			
    			div#visual div#slideshow-blokken div.slideshow-block div.slideshow-more {
    				text-align:right;
    				font-size:10px;
    			}
			
			div#visual div#slideshow-blokken div.slideshow-block-last {
				float:left;
				height:105px;
				width:180px;
				
				padding:20px;
				margin-right:0;
				
				background:url(../images/layout/transparent-background.png); 
			}
			
    			div#visual div#slideshow-blokken div.slideshow-block-last h3 {
    				 color:#678575;
    				 font-size:18px;
    				 font-weight:bold;
    				 margin:0 0 10px 0;
    			}
    			
    			div#visual div#slideshow-blokken div.slideshow-block-last p {
    				height:60px;
    				width:180px;
    				
    				margin:0;
    				overflow:hidden;
    			}
    			
    			div#visual div#slideshow-blokken div.slideshow-block-last div.slideshow-more {
    				text-align:right;
    				font-size:10px;
    			}
            
	div#column-wrapper {
		width:940px;
		height:auto;
		
		padding:20px 0;
	}
		
		div#column-wrapper div#column-one {
			float:left;
			width:700px;
			height:auto;
			
			margin-right:20px;
		}
			
			div#column-wrapper div#column-one h1 {
				color:#678575;
				font-size:20px;
				
				margin:0;
				padding-bottom:10px;
				
				border-bottom:1px solid black;
			}
			
		div#column-wrapper div#column-two {
			float:left;
			width:220px;
			height:auto;
		}
		
			div#column-wrapper div#column-two h2 {
				color:#678575;
				font-size:20px;
				
				margin:0 0 10px 0;
				padding-bottom:10px;
				
				border-bottom:1px solid black;
			}
			
			div#column-wrapper div#column-two div.crew {
				height:75px;
				width:220px;
			}
			
				div#column-wrapper div#column-two div.crew img {
					float:left;
					margin:0 5px 5px 0;
				}
				
				div#column-wrapper div#column-two div.crew h6 {
					float:left;
					margin:0 0 5px 0;
					width:140px;
					color:#678575;
					font-size:12px;
				}
				
				div#column-wrapper div#column-two div.crew p {
					float:left;
					width:140px;
					margin:0;
					font-size:11px;	
				}
		
	div#footer {
		width:100%;
		height:auto;
		padding:20px 0;
		
		background:#678575;
	}
		
		div#footer div.footer-column {
			float:left;
			width:220px;
			margin-right:20px;
			color:#FFFFFF;
		}
		
			div#footer div.footer-column h4 {
				font-size:16px;	
				margin:0 0 10px 0;
			}
			
			div#footer div.footer-column ul {
				margin:0;
				padding:0 0 0 15px;
				list-style:url(../images/layout/bullet.png);
			}
			
			div#footer div.footer-column ul li a,
			div#footer div.footer-column ul li a:active, 
			div#footer div.footer-column ul li a:visited {
				color:white;
			}
			
		div.bel-ons {
			float:left;
			width:210px;
			height:80px;
			margin-top:20px;
		}
		
	div#credits {
		height:30px;
		line-height:30px;
		text-align:right;	
	}
	
	div.footer {
		float:right;
		min-width:175px;
	}

	div.footer a {
		float: left;
	}
	
	div.footer span {
		float:left;
	}

	div.footer h3 {
		float: left;
		font-size: 12px;
		margin: 0;
	}
	
	
		div#credits a,
		div#credits a:active,
		div#credits a:visited {
			color:#000000;	
		}
		
.clear {
	clear:both;
}


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

	form#form {
		/* width:475px; */
		float:left;
		display:block;
		margin:2px;
        margin-right: 80px;
	}
	div.formrecord {
		clear:both;
		margin:2px;
	}
	
	div.formrecord label {
		display:block;
		width:160px;
		margin:2px;
	}
	
	div.formrecord INPUT[type="text"] {
		width:300px;
	}
    
	div.formrecord INPUT[type="submit"] {
		display:block;
	}
	
	div.formrecord textarea {
        display:block;
		width:300px;
		height:150px;
	}
	
	input#id_captcha_input {
		display:none;
	}
	
	div.formrecord sup {
		margin-right:110px;
	}
	
	.right {
		text-align:right;
	}
	
	.attention {
		background-color:#FFCFCF;
	}
	
	div#googledirections {
		width:460px; 
		float:left; 
		clear:both; 
		margin:0 0 10px 0; 
		text-align:center;
		display:none;
	}
	
    div#googledirectionsform {
        float: left;
        width: 550px;
        height: auto;
        margin-right: 20px;
		margin-bottom:20px;
    }
    
    div#googledirectionsform h1 {
        width: 700px;
        color: #678575;
        font-size: 20px;
        margin: 20px 0 20px 0;
        padding-bottom: 10px;
        border-bottom: 1px solid black;
    }
    
    div#column-wrapper div#column-one table#contactInfo {
        margin-top: 30px;
    }  
    
    div#column-wrapper div#column-one table#contactInfo td.label {
        text-transform: capitalize;
    }
    
	div.googledir {
		width:460px;
	}
    
    div.formrecord #areyouhuman {
        display: none;
    }
    
    div.onze-diensten-submenu {

    }
    
        div.onze-diensten-submenu ul {
            margin: 0;
            padding: 0;
            list-style-type: none;
            -webkit-padding-start: 0;
        }
        
        div.onze-diensten-submenu ul li {
            border-bottom: 1px dotted #678575;
            margin-bottom: 5px;
        }