body
{

max-width: 100%; 
margin: 0px;
padding: 0px;
border: 0px;
line-height:28px;
background-color:#857650;
font-family: 'Montserrat', sans-serif;
overflow-x:hidden;



}

* html body { /*IE6 hack*/
padding-top: 0px;
padding-bottom:0px;
padding-left:0;
padding-right:0; 
}


html,body, .input .td
{
color:#ffffff;
font-family: 'Montserrat', sans-serif;
font-weight:400;
font-size:16px;
line-height:1.7em;

}

h1 {        font-size:35px;  font-family: 'Ovo', serif;font-weight:600!important;margin:0px;margin-bottom:0px;margin-top:3px;color:#ffffff;line-height:40px;}
h2 {        font-size:23px ;  font-family: 'Ovo', serif; color:#857650;margin:0px;margin-bottom:0px;margin-top:25px;text-transform:uppercase;}


li      {        
       list-style: square outside;
        margin-left:20px;/*was 10*/
        padding-left:0px;
        }
		
ul      {        
        margin-top:0px;
        margin-bottom:0px;
        margin-left: 0px;/*was -23*/
        padding-left:0px;
        }

.submit {font:16px 'Montserrat', sans-serif; color:#4f4f4f; cursor:hand; background:#FFFFFF;border : 1px solid #d9d9d9;padding:5px; }

.input, .textarea   {
            font-family: 'Montserrat', sans-serif;
            font-size: 16px;
            color: #4f4f4f;
            background-color: #FFFFFF;
            border : 1px solid #d9d9d9;
			width:150px;
			font-weight:300;
        }
        



a:link {color:#ffffff}
a:visited {color:#ffffff}
a:hover {color:#857650}
a:active {color:#857650}


#container
{
 
  margin-left:0px;/* dit is om te centreren. Moet helft zijn van width*/
  position:absolute;
  width:100%;/* dit is om een vaste breedte te maken*/
  left:0%;/* dit is om te centreren*/
  z-index:2;
}
	
	
#foto
{
background-color:#000000;
background-image:url(../images/poort-van-hulst2.jpg); 
background-size: cover;
height:600px;
margin-bottom:25px;
margin-top:00px;
border-top: 1px solid #ffffff;
}	
	
.tweekolommen
{
	width:47%;
	min-width:320px;
	    max-width: 500px;
	padding:0px;
	text-align:left;
	margin:1%;
	display:inline-block;
}

.inner-kolom
{
	padding:40px;
}

.knop
{
    display: inline-block;
    position: relative;
	-webkit-appearance: none;
	border: 1px solid #857650;
	font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 2px;
	padding: 10px;
    padding-right: 20px;
    padding-left: 20px;
}

.knop:hover
{
background-color:#857650;
color:#ffffff;
}
	
	
	
	@media screen and (max-width:800px)
	{
	
	
	
	html,body, .input .td
{
font-size:1.1em;

}
	
	}