/* CSS Document */

*{
margin:0;
padding:0;
}

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


p {
font-family:"Trebuchet MS", Arial;
font-size:12px;
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:35px;
margin-left:15;
color:#d0ecdf;
font-size:12px;
line-height:1.6em;
color:#d0ecdf;
}

li {
padding-left:20px;
margin-left:0;
list-style-type: none;
background-image:url(images/bullet.png);
background-repeat:no-repeat;
background-position:left top;
}

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;
}
h1 .klein{
	font-size:12px;
	letter-spacing:0;
	
}
h2 {
font-size:14px;
color:#FFFFFF;
font-weight:bold;
padding:10px 35px 0px 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;
}
td {
font-family:"Trebuchet MS", Arial;
font-size:0.75em;
line-height:1.6em;
color:#d0ecdf;
}

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

#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;
	background-image: url(restaurants%20in%20Huijgenspark);
}

#vlakFormulier{
float:left;
width:600px;
height:300px;
background-image:url(images/TT_spiegel-stairs.jpg);
background-repeat:no-repeat;
background-position:right top;
}


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

.bgLinks ul, .bgLinks ul a{
	padding:0px;
	width:190px;
	float:left;
	color:#fff;
	font-size:14px;
	line-height:18px;
	font-weight:bold;
	text-decoration:none;
	margin-left:35px;
	margin-top:8px;
}
.bgLinks ul a:hover{
	color:#FFF;
	text-decoration:underline;
}

.bgLinks li li a {
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	padding-left:0px;
	margin-left:10px;
	color:#d0ecdf;
	list-style:none;
}
.bgLinks li li{
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	padding-left:0px;
	margin-left:10px;
	color:#d0ecdf;
}
.bgLinks li{
	padding-left:0px;
	background-image:none
}
.bgLinks ul ul{
	/*margin-bottom:10px;;*/
	margin-left:0px;
	margin-top:0px;
}

.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;
}
.inspring2{
padding-left:100px;
}
#content_foto{
position:absolute;
width:150px;
height:300px;
top:150px;
left:450px;
}


/*formulier*/
input, textarea {
	width:273px;
	}
	
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:423px;
	left:163px;
	width:265px;
	padding-left:10px;
	height: 26px;
	}

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