/* ---[ achtergrond ]------------------------------- */

body {
 margin: 0;
 padding: 0;
 font-family: "trebuchet", "lucida grande", Verdana, sans-serif;
 color: #006;
 font-size: small;
 text-align: center;
 line-height: 1.5em;
 background: #9cf url(images/achtergrond.gif) repeat-y 50% 0;
 }

#welcome {
 background: #9cf url(images/achtergrondwelkom.gif) repeat-y 50% 0;
 }

/* ---[ kop ]------------------------------- */

#wrap {
	position: relative;
	margin: 0 auto;
	padding: 0;
	font-size: 95%;
	text-align: left;
	width: 800px;
	left: -1px;
 }

#kop {
 position: fixed;
 z-index: 10;
 background: url(images/kop.gif) no-repeat top right;
 background-repeat: no-repeat;
 height: 80px;
 padding: 0;
 margin: 0;
 }

#navigatie {
 margin: 0 0 0 85px;
 align: left;
 padding: 4px;
}

#navigatie li {
 display: inline;
 list-style-type: none;
 }

#navigatie a {
 margin: 0;
 padding: 1px 5px 1px 5px;
 font-size: 14px;
 font-weight: bold;
 text-decoration: none;
 color: #900;
 }

#navigatie a.active, #navigatie a:hover {
 background: #fff;
 color: #000;
 }

/* ---[ midden kolom ]----------------------------- */

#main-body {
 position: absolute;
 z-index: 5;
 top: 94px;
 left: 183px;
 float: right;
 width: 600px;
 margin: 0;
 padding: 5px;
 }

#welkom-body {
 position: fixed;
 text-align:center;
 z-index: 5;
 top: 80px;
 float: right;
 width: 800px;
 margin: 0;
 padding: 5px;
 }

/* ---[ linker kolom ]----------------------------- */

#sidebar {
 position: fixed;
 top: 80px;
 width: 170px;
 float: left;
 margin: 0;
 padding: 5px;
 }

#menu {
 margin: 10px;
 padding: 0 20px 0 10px;
 }

#menu li {
 background: url(images/menu.gif) no-repeat 0px 1px;
 margin: 0;
 padding-left: 15px;
 list-style-type: none;
 }

#menu a {
 margin: 10px 3px 20px 0px;
 padding: 2;
 text-decoration: none;
 color: #006;
 }

#menu a.active, #menu a:hover {
 color: #006;
 text-decoration: underline;
 }


/* ---[ diversen ]---------------------------------------- */

.hide {
 display: none;
 }

h1 {
 font-family: "trebuchet", "lucida grande", Verdana, sans-serif;
 font-weight: bold;
 font-style: italic;
 color: #006;
 font-size: 160%;
 }

h2 {
 font-family: "trebuchet", "lucida grande", Verdana, sans-serif;
 font-size: 120%;
 color: #600;
 border-bottom: 1px solid #F1C3D1;
 }

#enquete { background-color:#ffffff; border:1px solid #cccccc; }

#welkomstwoord {
 width: 200px;
 height:200px;
 padding: 5px;
 font-family: "trebuchet", "lucida grande", Verdana, sans-serif;
 font-size: 120%;
 color: #600;
 background: url(images/welkom.gif) no-repeat; 
 }

.nieuws {
 margin: 4px;
 padding: 4px;
 font-family: "trebuchet", "lucida grande", Verdana, sans-serif;
 font-size: 80%;
 font-weight: normal;
 color: #600;
 }

.newsitem {
 margin: 2px;
 padding: 2px;
 font-family: "trebuchet", "lucida grande", Verdana, sans-serif;
 font-weight: normal;
 color: #006;
 background-color: #eeeeff;
 }

a:link			{color:#600;text-decoration:underline;}
a:visited		{color:#606;text-decoration:underline;}
a:active		{color:#006;text-decoration:underline;}
a:hover			{color:#006;text-decoration:underline;}

a.newsitem.link			{color:#660066;text-decoration:none;}
a.newsitem.visited		{color:#660066;text-decoration:none;}
a.newsitem.active		{color:#0000ff;text-decoration:underline;}
a.newsitem.hover			{color:#0000ff;text-decoration:underline;}

 .data {font-family: "trebuchet", "lucida grande", Verdana, sans-serif;font-weight: normal;color: #666;font-size: 80%;}
a.data {color: #669;text-decoration: underline;}
a.data.active {color: #669;text-decoration: underline;}
a.data.visited {color: #969;text-decoration: underline;}
a.data.hover {color: #669;text-decoration: underline;}

.foto { background-color:#fff; padding:5px; margin:10px; border:1px solid #ccc; }