html {
    height:100%;
    margin:0;
    padding:0;
    background-color:#1a160b;
    background-image:url(../images/big_bg.jpg);
    background-repeat:repeat-x; 
    background-attachment:scroll;
 }
body {
    min-height:100%;
    margin:0;
    padding:0;
    background-image:url(../images/site_bg.jpg);
    background-repeat:no-repeat; 
    background-position:center top;
    background-attachment:scroll;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#cfcdb4;
}
#container{
    margin:0 auto;
	width: 970px;
}
#header{
	height:500px;
}
#header a{
	width:320px;
	height:108px;
}
#logo{
	display:block;
}
.clearer{
	clear:left;	
}
#webontwikkeling, #training{
	float:left;	
	width: 480px;
	padding-left:5px;	
}
#webontwikkeling h1, #training h1, #content h1{
	color:#ea9f3e;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	padding-top:34px;
	padding-bottom:25px;
}
#webontwikkeling p, #training p{
	line-height:20px;
	padding-bottom:18px;
	text-align:justify;
}
#webontwikkeling p{
	padding-right:40px;
}
#webontwikkeling img, #training img{
	float: left;
}
#webontwikkeling a:link, #webontwikkeling a:visited, #webontwikkeling a:active, #training a:link, #training a:visited, #training a:active{
	color:#ea9f3e;
	text-decoration:none;
}
#webontwikkeling a:hover, #training a:hover{
	text-decoration:underline;
}
#opleiding, #contact{
	float:left;
	width:323px;
	padding-top:30px;
}
#diensten{
	float:left;
	width:293px;
	padding-top:30px;	
	padding-right:30px;
}
#diensten h1.diensten{
	background-image:url(../images/diensten.jpg);
	background-repeat:no-repeat;
	padding-left:55px;
	background-position:0px 18px;
}
#diensten h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	color: #af9671;
	line-height:20px;
}
#diensten p{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:normal;
	color: #cfcdb4;
	line-height:20px;
	padding-bottom:25px;
	text-align:justify;
}
#contact p{
	text-align:justify;
	padding-right:20px;
	line-height:20px;
	padding-bottom:7px;
	color:#cfcdb4;
}
#opleiding h1.opleiding{
	background-image:url(../images/opleiding.jpg);
	background-repeat:no-repeat;
	padding-left:65px;
	background-position:0px 18px;
}
#contact{
	padding-left:20px;
		width:303px;
}
#contact h1.contact{
	background-image:url(../images/contact.jpg);
	background-repeat:no-repeat;
	padding-left:65px;
	background-position:0px 18px;
}
#contact label, #contact input, #contact textarea, #contact a{
	display:block;
}
#contact a:link, #contact a:visited, #contact a:active{
	margin-top:13px;
	background-color: #201b0e;
	border: 1px solid #3c3218;
	text-decoration:none;
	font-size:14px;
	color:#cfcdb4;
	width:90px;
	height:25px;
	text-align:center;
	line-height: 25px;
}
#contact a:hover{
	color:#ea9f3e;	
}
#contact label{
	padding-top:7px;
	padding-bottom:7px;
}
#contact input, #contact textarea{
	width:270px;
	background-color:#201b0e;
	border: 1px solid #3c3218;
	color:#fff;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding: 0 5px;
}
#contact input{
	height:16px;
}
#contact textarea{
	height:170px;
	resize: none;
}
#klantlogos{
	float:left;
	width:485px;
}
#traininglogos{
	float:left;
	width:485px;	
}
#content3{
	padding-top:30px;
}
#contact input.verzend{
	margin-top:13px;
	background-color: #201b0e;
	border: 1px solid #3c3218;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#cfcdb4;
	width:90px;
	height:25px;
}
