/* 
8e8c54 Hoofdmenu
bfc18f Submenu
eaebe4 Content
*/


body { background-image: url(../images/body.bg.gif); background-repeat: no-repeat; color: black; background-color: #fbfaf0; }

#sitecontainer {
	background-color: transparent;
	margin: auto;
	height: 550px;
	width: 880px;
	}

#newsbar {
	background-color: transparent;
	background-image: url(../images/newsbar.bg.gif);
	position: absolute;
	top: 20px;
	margin-left: 600px;
	width: 220px;
	height: 95px;
	}

#newsbar2 {
	background-color: transparent;
	background-image: url(../images/newsbar2.bg.png);
	position: absolute;
	top: 20px;
	margin-left: 330px;
	width: 220px;
	height: 95px;
	}
	
#newsbarcontent {
	padding-top: 5px; padding-right: 7px;
	font: bold 12px verdana,helvetica,arial,sans-serif;
	color: #999966;
	text-align: right;
	}
	
#mainmenu {
	background-color: transparent;
	background-image: url(../images/menubar.bg.gif);
	height: 45px;
	width: 880px;
	position: absolute;
	text-align: left;
	margin: 0px;
	padding: 0px;
	top: 130px;
	}
	
#container {
	background-color: transparent;
	height: 390px;
	width: 880px;
	position: absolute;
	top: 175px;
	}
	
#logo {
	position: absolute;
	top: 80px;
	margin-left: 2px;
	width: 195px;
	height: 95px;
	background-image: none;
	background-color: none;
	overflow: hidden;
	}

#menu {
	background-color: #cccc99;
	background-image: url(../images/menu.bg.gif);
	background-position: left;
	background-repeat: repeat-y;
	height: 370px; width: 200px;
	position: absolute;
	float: left;
	top: 0px;
	}

ul#navlist {
	width: 198px; \width: 200px; w\idth: 198px;
	padding: 0px;
	border: 0px solid #808080;
	border-top: 0px;
	margin: 0px;
	margin-left: 2px;
	font: bold 12px verdana,helvetica,arial,sans-serif;
	background: #cccc99;
	}

ul#navlist li {
	list-style: none;
	margin: 0px;
	margin-bottom: 20px;
	border: 0px;
	border-top: 0px solid #808080;
	}

ul#navlist li a {
	display: block;
	width: 132px; \width: 168px; w\idth: 132px;
	margin-bottom: 20px;
	padding: 2px 25px 2px 8px; /*padding voor hoverbalk bij mouseover*/
	border: 0px;
	border-left: 20px solid #999966; /* de kleur van de bullets is dezelfde als hover */
	background: #cccc99; /* de kleur van de links is dezelfde als menu */
	text-decoration: none;
	text-align: left; /* uitlijning menu */
	}

ul#navlist li a:link { color: #666677; margin-bottom: 20px;} /*kleur van de text*/
div#menu li a:visited { color: #666677; margin-bottom: 20px;}
ul#navlist li.active a { color: #666677; background-color: #999966; margin-bottom: 20px;}
ul#navlist li.active { color: #666677; background-color: #999966; margin-bottom: 20px;}

ul#navlist li a:hover {
	margin-bottom: 20px;
	border-color: #999966;
	color: #ffffff;
	background: #999966;
	}

#content {
	background-color: #eaebe4;
	background-image: url(../images/content.bg.gif);
	background-position: right;
	background-repeat: repeat-y;
	margin: 0px;
	margin-left: 200px;
	padding: 0px;
	width: 680px;
	height: 370px;
	position: absolute;
	top: 0px;
	}

#overlay { /*overgang menu en content */
	background-image: url(../images/overlay.bg.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 370px;
	margin-left: 170px;
	width: 30px;
	position: absolute;
	top: 0px;
	}
#contenttextimg { /*image staat in betreffende contentpaginas*/
	background-position: top right; 
	background-repeat: no-repeat; 
	margin: 0px;
	}

#contenttext { /*image staat in betreffende contentpaginas*/
	background-position: right bottom; 
	background-repeat: no-repeat; 
	/*background-color: #ee2d2d;*/
	width: 580px; height: 330px;
	overflow: hidden;
	padding-top: 0px; 
	padding-left: 55px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin: 0px;
	margin-top: 25px;
	}
	

	
#contactbar {
	background-color: transparent;
	background-image: url(../images/contactbar.bg.gif);
	height: 45px;
	width: 880px;
	position: absolute;
	top: 545px;
	}

#contactbarcontent {
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 15px;
	font: bold 10px verdana,helvetica,arial,sans-serif;
	color: #dddddd;
	text-align: right;
	float: right;
	}
#contactbarcontent2 {
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 15px;
	font: bold 10px verdana,helvetica,arial,sans-serif;
	color: #dddddd;
	text-align: left;
	float: left;
	}

p.mainmenu {
	text-align: right; font: bold 12px verdana,helvetica,arial,sans-serif; 
	padding-right: 20px;
	}

p.content { text-align: justify; color: #666677; font-size: 11px; 
font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; 
font-style: normal; font-variant: normal}

table.content { text-align: justify; color: #666677; font-size: 11px; 
font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; 
font-style: normal; font-variant: normal}

h1 {
	text-decoration: underline;
	text-align: left; 
	font: bold italic 14px "Lucida Sans Unicode",verdana,helvetica,arial,sans-serif; 
	color: #555566;
	padding: 0px;
	margin: 0px;
	margin-bottom: 1em;
	}

h2 {
	text-decoration: underline;
	text-align: left; 
	font: bold 12px "Lucida Sans Unicode",verdana,helvetica,arial,sans-serif; 
	color: #555566;
	padding: 0px;
	}

p.content a { color: #be9950; font: bolder ; background-image: none;medium;}
p.content a:hover { color: grey; }


p.contacta a {color: #fbfaf0; font: bolder;}
p.contacta a:hover { color: silver; }

#lbgclear1 , #lbgclear2, #lbgclear3, #lbgclear4, #lbgclear5, #lbgclear6, #lbgclear7, #lbgclear8, #lbgclear9, #lbgclear0
{font-size: 1px; display: inline; background-color: none; float: left;clear: left; height: 33px;} 
#rbgclear1 , #rbgclear2, #rbgclear3, #rbgclear4, #rbgclear5, #rbgclear6, #rbgclear7, #rbgclear8, #rbgclear9, #rbgclear0
{font-size: 1px; display: inline; background-color: none; float: right;clear: right; height: 330px;} 

#lbgclear1 { background-position: 100% 0; width: 150px; }
#lbgclear2 { width: 155px; }
#lbgclear3 { width: 140px; }
#lbgclear4 { width: 95px; }
#lbgclear5 { width: 10px; }
#lbgclear6 { width: 10px; }
#lbgclear7 { width: 10px; }
#lbgclear8 { width: 10px; }
#lbgclear9 { width: 10px; }
#lbgclear0 { width: 10px; }

#rbgclear1 { width: 180px; }
#rbgclear2 { width: 200px; }
#rbgclear3 { width: 220px; }
#rbgclear4 { width: 220px; }
#rbgclear5 { width: 200px; }
#rbgclear6 { width: 200px; }
#rbgclear7 { width: 220px; }
#rbgclear8 { width: 220px; }
#rbgclear9 { width: 220px; }
#rbgclear0 { width: 220px; }

img {border: 0px}
.white {color: white}