/*Deze site is gemaakt volgens de richtlijnen van de w3c*/ 


/* ----------- hoofdonderdelen ------------------------------ */

* {
padding: 0px;
margin: 0px;
}

body {
/*	background: #5ab9e7 url(img/bg.png) top left repeat-x; */
	background: #348AB7 url(img/bck.gif) top left repeat-x; 
/*	background: #348AB7 url(img/bck2.jpg) top left repeat-x; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFF;
}

/* ----------- container  ----------------------------------- */

#container {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
}

/* ----------- top  ----------------------------------------- */

#top {
width: 800px;
height: 200px;
}

/* ----------- navigatie ------------------------------------ */
 	
#navigatie {
	float: left;
	width: 200px;
}

#nav {
width: 200px;
}

#nav li {
list-style: none;
border-top: 1px solid gray;
padding: 7px;
}

#nav li a { 
text-decoration: none; 
color: #fff;
display: block;
}

/* ----------- banner slideshow ----------------------------- */

#banner {
	float: right;
	height: 200px;
	width: 590px;
/*	background-image: url("fto/banner1.jpg");  */
}
 	
/*
#naam {
	float: right;
	visibility: visable;
	z-index: 2;
	top: 0px;
	left: 0px;
}

#test {
	position: absolute;
	visibility: visable;
	z-index: 2;
	top: 0px;
	left: 0px;
}
*/


/* ----------- container midden ------------------------------------- */

#container #midden {
	width: 800px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #666;
	border-bottom-color: #666;
}

/* ----------- container content ----------------------------- */

#container #content {
	width: 590px;
	float: right;
	line-height: 130%;
	padding-top: 15px;
	padding-bottom: 15px;
	/* padding-left: 210px; */
}

#container #content h1 {
	padding-bottom: 10px;
	font-size: large;
	font-weight: lighter;
}

#container #content a {
color: #fff;
}

#container #content img {
padding-top: 15px;
padding-bottom: 5px;
}

/* ----------- subnavigatie ------------------------------------- */

#subnavigatie {
	float: left;
	padding-top: 10px;
	padding-bottom: 35px;
	width: 200px;
}

#subnav {
	width: 200px;
}

#subnav li {
	list-style: none;
	border-bottom: 1px solid gray;
	padding: 5px;
}

#subnav li a { 
	text-decoration: none; 
	color: #fff;
	display: block;
}

/* ----------- container onder ----------------------------------- */

#container #onder {
	float: left;
	width: 800px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}

#container #onder h2 {
	font-weight: normal;
	font-size: small;
}

/* ----------- container fotos ------------------------------------ */

#fotos {
width: 590px;
float: right;
padding: 15px;
}

#fotos img {
border: 0 none;
padding-left: 10px;
padding-right: 10px;
margin-left: 10px;
margin-right: 10px;
}

/*
#fotos img a {
border: 0 none;
}
*/

/* ----------- liststyles ------------------------------------- */

#onder ul {
list-style-type: none;
}
