/* CSS Document */

*{
margin:0;
padding:0;
}

body{
background-color:#d0ecdf;
font-family:"Trebuchet MS", Arial;
}


p {
font-family:"Trebuchet MS", Arial;
font-size:0.75em;
line-height:1.6em;
color:#d0ecdf;
padding:0 35px;
}

p a:link {
color:#FFFFFF;
text-decoration:none;
}

p a:hover {
color:#FFFFFF;
text-decoration:underline;
}

p a:visited {
color:#999999;
}

ul {
padding-left:10px;
margin-left:0;
list-style-type: none;
}

li {
padding-left:20px;
margin-left:0;
list-style-type: none;
}

p ul li ul {
padding:0;
margin:0;
	list-style-type: none;
}

p ul li ul li {
padding:0;
margin:0;
	list-style-type: none;
}

h1 {
font-size:1.3em;
font-weight:100;
letter-spacing:0.1em;
color:#FFFFFF;
padding:10px 35px 0 35px;
}

h2 {
font-size:1em;
color:#FFFFFF;
font-weight:100;
padding:10px 35px;
}

h3 {
font-size:0.9em;
color:#FFFFCC;
font-weight:100;
padding:10px 35px;
}

h4{
font-size:0.7em;
color:#d0ecdf;
font-weight:bold;
font-style:italic;
text-align:right;
margin-top:-5px;
margin-right:30px;
}

#dutch {
font-family:"Trebuchet MS", Arial;
font-size:0.8em;
line-height:1.6em;
color:#336633;
padding:0 35px;
text-align:center;
}

#dutch a:link {
color:#336633;
text-decoration:none;
}

#dutch a:hover {
color:#336633;
text-decoration:underline;
}

#dutch a:visited {
color:#336633;
text-decoration:none;
}

#wrapper{
margin:20px auto 0px auto;
position:relative;
width:900px;
height:600px;
border:#FFFFFF solid 2px;
background-color:#FFFFFF;
}


/*header*/
#logo{
float: left;
width:450px;
height:150px;
}
#logoFoto{
float: left;
width:450px;
height:150px;
}

/*content items. Opgebouwd uit 3 vlakken en navigatie*/
#vlak1 {
float:left;
width:450px;
height:300px;
}

#vlak2 {
float:left;
width:150px;
height:300px;
}

#vlak3 {
float:right;
width:300px;
height:450px;
}

#vlak4 {
float:right;
width:450px;
height:300px;
}

#vlak5 {
position:absolute;
top: 450px;
left:600px;
width:300px;
height:150px;
}

#vlakFormulier{
float:left;
width:600px;
height:300px;
}


.bgFacilities{
background-color:#8b2b2c;
}

.bgArea{
background-color:#fef2ce;
}

/*navigation items*/
#navigation{
float:left;
width:600px;
height:150px;
background-color:#FFFFFF;
}

#navigation p{
font-size:1em;
color:#7ebc9e;
letter-spacing:0.05em;
line-height:1.3em;
padding: 20px;
margin-top:30px;
font-weight:bold;
}

#navigation p a:link, #navigation p a:visited{
text-decoration:none;
color:#235a1d;
border-bottom:#235a1d dotted 1px;
}

#navigation p a:hover{
border-bottom:#235a1d solid 1px;
}

.inspring{
padding-left:220px;
}

#content_foto{
position:absolute;
width:150px;
height:300px;
top:150px;
left:450px;
}


/*formulier*/
input {
	width:270px;
	}
	
input.type{
	width:100px;
	font-size:0.8em;
	}

input.text {
font-family: Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#333333;
}

input.radio {
float:left;
display:inline;
}

input.list {
width:250px;
}

form p {
	clear: left;
	margin: 0px;
	padding: 0px;
	padding-top: 3px;
	padding-left:30px;
	font-size:0.7em;
}

form p label{
	float:left;
	width:13em;
	font-family:	"Trebuchet MS", Arial;
}

#labelSubmit {
position:absolute;
top:400px;
left:450px;
width:130px;
padding-left:10px;
	}

.submit {
width:120px;
font-family:"Trebuchet MS", Arial;
font-size:0.7em;
background:url(images/TT-knop.jpg) no-repeat left;
border:none;
}