html, body {
padding: 0px;
margin:0px;
background:#035455;
top:0;
left:0;
}

a:active{outline: none;}
:-moz-any-link:focus {outline: none;}

body,td,th,input,select,textarea {
font-family: verdana, arial;
font-size: 12px; 
line-height: 18px;
}

input,textarea { line-height: normal; }

p { margin: 20px 25px; }

a { color: black; text-decoration: none;  }
a:hover { color:#025454; }
a:active { color:#025454; }
img { border: none; }
fieldset { border: none; }
caption { display: none; }

ul { list-style-type: ; }
ol {}

table { border-collapse: collapse; }
th, td {}
th {}
thead th {}
tbody th {}
tfoot th {}
tfoot td {}

dl dt {}
dl dd {}

strong { font-weight: bold; }
em { font-style: italic; }

/* HEADINGS */

h1,h2,h3,h4,h5,h6 {
	margin-bottom: 5px;
	color:#000000;	
	
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { text-decoration: none; }

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {  }

h1 { font-size: 24px; padding: 20px; font-weight:bold; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 13px; font-weight: bold; }

article{

}

/* Colour's 

#5ea5a5 = lightgreen
#025454 = darkgreen

#136e6e =button
#00e90b =button active

*/

/* Code's */

#responsive{
width:960px;
-webkit-box-shadow: 0px 0px 4px 1px #000;
		box-shadow: 0px 0px 4px 1px #000;
margin:40px auto 20px;
}

header{
color:white;
height:55px;
width:960px;
background-image:url('/Forms/Logeerhuis/img/header.jpg');
}


#main{
width:960px;
height:auto;
margin:0px auto;
overflow: hidden;
background:#5ea5a5;
}


aside{
width:235px;
min-height:600px;
height:100%;
float:left;
}

.photo-left{
height:auto;
float:left;
}

.photo-left img{
border:2px #025454 solid;
width: 210px;
margin: 10px 10px 10px 10px;
}

.adress_left{
margin-top: -175px;
background-image:url(/Forms/Logeerhuis/img/adres_pijl.png) ;
background-position:bottom left;
background-repeat: no-repeat;
height:175px;
width: 235px;
}

address {
font-family:Comic Sans MS;
font-weight:bold;
font-style: normal !important;
font-size:12.4px;
padding:60px 23px 0px;
}

/* End left content */ 

#main_content{
width:478px;
height:auto;
min-height:590px;
padding-bottom:20px;
float:left;
background:white;
border-right:1px black solid;
border-left:1px black solid;
font-size: 12px; 
-webkit-box-shadow: 0px 0px 4px 1px #000;
		box-shadow: 0px 0px 4px 1px #000;
}

article{ 
color:#202020;
}
/* End main content */ 


#right_content{
width:245px;
height:auto;
min-height:600px;
float:left;
}

#logo{
height:100px;
width:214px;
background-image:url('/Forms/Logeerhuis/img/logo.png');
position:absolute;
top:106px;
margin-left:735px;
overflow:hidden;
}

nav{
margin-top: 120px;
list-style:none;
top:190px;
width:200px;
}

nav ul{
list-style:none;
}

nav ul li{
margin-left:-15px;
}

nav ul li a{
display:block;
line-height:75px;
padding-left:22px;
height:70px;
width:200px;
text-decoration: none;
background-image:url('/Forms/Logeerhuis/img/menu_button.png');
background-repeat: no-repeat;
background-position:left;
text-align:left;
color:white;
font-size:14.3px;
font-weight:bold;
font-family:Comic Sans MS;
}

nav ul li.active a,nav ul li a:hover  {  
background-image:url('/Forms/Logeerhuis/img/menu_button_active.png');
background-repeat: no-repeat;
background-position:left;
color:black;
}  
.menu li a.active{
background-image:url('/Forms/Logeerhuis/img/menu_button_active.png');
background-repeat: no-repeat;
background-position:left;
color:black;
}

.photo-right{
height:auto;
float:left;
margin-top: 10px;
}

.photo-right img{
border:2px #025454 solid;
width:215px;
margin:10px 12px 0px 12px;
}

#copyright{
text-align:center;
line-height:10px;
font-size:11px;
color:#5ea5a5;
}

#copyright a{
color:#5ea5a5;
}

#copyright a:hover{
color:black;
}


/* End right content */ 

footer{
float:left;
height:30px;
width:100%;
}