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

body, h1, h2, h3, h4, h5, h6, ul, li {
	margin: 0;
	padding: 0;
}


/*algemene CSS*/
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: small;
	background-color:#343434;
	color: #acadad;
}
#wrapper {
	border: 3px solid #424242;
	width: 960px;
	margin: 25px auto;
	background-color: #637C49;
}

p.vergroten {
	font-size: 70%;
	text-align: center;
	margin: -10px 0px 15px 0px;
}

h2 {
	padding: 15px 0px 10px 0px;
	color: #cdd4d4;
	border-bottom: 2px #637C49 solid;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 150%;
	font-weight:  normal;
}
h4 {
	text-align: center;
	font-size: 120%;
	font-weight: normal;
	color: #cdd4d4;
}

/*navigatie*/
#navcontainer {
	float: left;
	height: 120px;
	background: url(../img/logo.jpg) no-repeat;
}

#nav {
	margin: 70px 0px 5px 225px;
	height: 50px;
}
#nav ul {
	list-style: none;
}
#nav li {
	padding:10px 11px 0 11px; 
	border-right:1px solid #3a3c3f; 
	display:inline;
	color: #acadad;
	font-size: 85%;
}
#nav li.last {
	border-right: none;
	padding: 10px 0px 0px 11px;
}
#nav li a {
	text-decoration:none;
	text-transform:uppercase;
	padding-bottom:3px;
	color: #acadad;
}
#nav li a:hover {
	border-bottom: 3px #424242 solid;
	color: #666;
}
#nav li a.current {
	color: #cdd4d4;
	border-bottom: 3px #666 solid;
}


/*contentgedeelte*/
#contentwrapper {
	width: 960px;
	background-color: #424242;
	margin: -20px 0px 0px 0px;
	padding: 0px;
	float: left;
}
#pics {
	width: 420px;
	float: left;
	margin: 10px 0px 0px 0px;
	}
#pics .singlepics {
	float: left;
	margin: 90px 0px 0px 20px;
	
}
#pics img {
	margin: 15px 0px 8px 20px;
	padding: 0px;
	border: 1px solid #acadad;
}
#pics a:hover img {
	border: 0px;
}
#pics1 {
	position: absolute;
	border: 1px solid #acadad;
	padding: 0px;
	top: 50px;
	left: -150px;
}

#pics2 {
	position: absolute;
	border: 1px solid #acadad;
	padding: 0px;
	top: 20px;
	left: -150px;
}

#content {
	width: 500px;
	float: right;	
	padding: 0px 20px 10px 20px;
}

#content1 {
	width: 500px;
	margin: 10px 230px 10px 230px;
	position: relative;
}

#subcontentl {
	float: left;
	width: 210px;
	font-size: 90%;
	padding: 0px 0px 20px 20px;
}
#subcontentr {
	float: right;
	width: 210px;
	font-size: 90%;
	padding: 0px 20px 20px 0px;
}

h3 {
	font-size: 99%;
	border-bottom: 2px solid #637C49;
	padding: 0px;
	margin: 0px;
}

#content p, content1 p{
	font-size: small;
	padding: 9px;
	line-height: 1.5em;
	margin: 5px;
	}

h4 {
	text-align: center;
	font-size: 90%;
	font-weight: normal;
	color: #cdd4d4;
	margin: 120px 0px 0px 0px;
	padding: 0px 9px 0px 9px;
	border-top: 1px solid #637C49;
}
#content1 a, #content a {
	text-decoration: none;
	color: #637C49;
	font-weight: bold;
}
#content1 a:hover, #content a:hover {
	text-decoration: underline;
	color: #acadad;
}

#content ul {
	width: 420px;
	margin: 0px 0px 0px 55px;
	list-style:disc;
}
#content ul li {
	padding: 3px;
}	

/*footer*/
#footer {
	width: 960px;
	text-align: center;
	color: #acadad;
	font-size: 80%;
	clear: both;	
	height: 30px;
}
#footer p {
	padding: 7px 0px 7px 0px;	
	font-size: 95%;
}
#footer a img {
	margin: 0px 0px -6px 20px;
}
#footer a {
	text-decoration: underline;
	color: #acadad;
}
#footer a:hover {
	text-decoration: none;
	color: #333;
}
/*html*/
#html {
	position: absolute;
	left: 810px;
}
/*contact*/
fieldset {
	border: 2px solid #637C49;
}
legend {
	color: #cdd4d4;
	font-weight: normal;
	font-size: 150%;
}
.formindent {
	margin: 10px 10px 10px 10px;
}
input, textarea {
	float: left;	
	background-color: #acadad;
	margin: 0px 10px 10px 0px;
}
input:focus, textarea:focus{
	background-color: #DFE4DA;
	border:#666 2px solid;
}
label  {
	display: block;
	width: 70px;
	float: left;
	margin: 5px 40px 5px 10px;
}
br {
	clear: left;
}
.centerbuttons {
	margin: 10px 0px 10px 120px;
}