/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-color:#fff9cf;
 /* font: 12px Verdana, Arial, Helvetica, sans-serif; */
 font-family: Verdana, Arial, Helvetica, sans-serif;
	
	} 
 
#pagewidth{ 
 width:810px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#head1{
 position:relative; 
 height:77px; 
 width: 810px;
 background-color:#fef4b3; 
 background: url(/images/site/head1.jpg);
 text-align:center; 
} 

#head2{
	position:relative;
	height: 203px;
	width: 810px;
	background-color:#FFF9CF;
	text-align:center;
} 

#head1 h1 {
  width: 810px;
  height: 1px;
  text-indent: -9999px;
  margin: 0;
  padding: 0;
  }

/* Toplinks
------------------------------------------------------------------*/

#toplinks {
color:#2c0973;
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
position: relative;
top: 5px; 
right: 40px;
text-align: right;
width: auto;
margin: 0px;
}

#toplinks a:link, a:visited  {
    color: #6d4597;
    text-decoration: none;
	padding: 5px;
}

#toplinks a:hover {
    color: #fc6a31;
	text-decoration: none;
	padding: 5px;
}

/* Hoofdmenu
------------------------------------------------------------------*/

#menucontainer {
height: 23px;
width: 810px;
}

ul#nav {
	position:absolute;
	top:280px;
	margin:0;
	width:810px;
	height:23px;
	overflow: hidden;
	padding: 0px;
	background-color: transparent;
	background-image: url(/images/site/menu.jpg);
	background-repeat: no-repeat;
	background-position: 0px -23px;
	}
ul#nav li {
	padding:0;
	margin:0;
	display:block;
	float:left;
	text-indent:-9999px;
	list-style-type:none;
	
	}
ul#nav li a {
	border:0;
	padding:0;
	display:block;
	text-decoration:none;
	overflow:hidden;
	background:transparent url(/images/site/menu.jpg) no-repeat    ;
	}

li#left {
	width:39px;
	height:23px;
		 } 
li#zl a {
	width:88px;
	height:23px;
		 }
li#kdv a {
	width:125px;
	height:23px;
		 }
li#bso a {
	width:155px;
	height:23px;
	 }	 
li#psz a {
	width:111px;
	height:23px;
	 }
li#kat a {
	width:105px;
	height:23px;
	 }	 	 	 
li#curs a {
	width:83px;
	height:23px;
	 }	
li#odr a {
	width:65px;
	height:23px;
	 }	
li#right {
	width:39px;
	height:23px;
	 }	 

li#left  {	
	background-position: 0px 0px;
		  	 }

li#zl a:link, li#zl a:visited {	
	background-position: -39px 0px;
		  	 }
li#zl a:hover, li#zl a:focus {
	background-position:-39px -23px;
	 }
li#kdv a:link, li#kdv a:visited {	
	background-position:-127px 0px;
	}
li#kdv a:hover, li#kdv a:focus {	
	background-position:-127px -23px;
	}
li#bso a:link, li#bso a:visited {	
	background-position: -252px 0px;
	}
li#bso a:hover, li#bso a:focus {	
	background-position: -252px -23px;
	}
li#psz a:link, li#psz a:visited {	
	background-position: -407px 0px;
	}
li#psz a:hover, li#psz a:focus {	
	background-position: -407px -23px;
	}
li#kat a:link, li#kat a:visited {	
	background-position: -518px 0px;
	}
li#kat a:hover, li#kat a:focus {	
	background-position: -518px -23px;
	}
li#curs a:link, li#curs a:visited {	
	background-position: -623px 0px;
	}
li#curs a:hover, li#curs a:focus {	
	background-position: -623px -23px;
	}
li#odr a:link, li#odr a:visited {	
	background-position: -706px 0px;
	}
li#odr a:hover, li#odr a:focus {	
	background-position: -706px -23px;
	}
li#right  {	
	background-position: -771px 0px;
		  	 }

/* Main navigation "active tabs"
------------------------------------------------------------------*/
body#left-page ul#nav li#left a {
	background-position:0px -23px;
	}
body#zl-page ul#nav li#zl a {
	background-position:-39px -23px;
	}
body#kdv-page ul#nav li#kdv a {
	background-position:-127px -23px;
	}
body#bso-page ul#nav li#bso a {
	background-position:-252px -23x;
	}
body#psz-page ul#nav li#psz a {
	background-position:-407px -23px;
	}
body#kat-page ul#nav li#kat a {
	background-position:-518px -23px;
	}	 	 

body#curs-page ul#nav li#curs a {
	background-position:-623px -23px;
	}
body#odr-page ul#nav li#odr a {
	background-position:-706px -23px;
	}
body#right-page ul#nav li#right a {
	background-position:-771px -23px;
	}
			


#headerbottom{
	height: 18px;
	background-color:#fef4b3;
	background-image: url(/images/site/headerbottom.jpg);
}
#wrapper {
	float: left;
	width: 100%;
	background-image: url(/images/site/bgmainlong.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
.content_wrap {
	float: left;
	width: 100%;
	background-image: url(/images/site/bgleft.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}


 /* Submenu
------------------------------------------------------------------*/

#leftcol{
	width:206px;
	float:left;
	/*position:relative;*/ 
 	top: 0px;
	background-color:#fde58f;
	background: url(/images/site/bgleft.jpg);
	clear:none;
 }
#submenucontainer {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#submenucontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#submenucontainer a
{
	display: block;
	outline: none;
	/*text-decoration: none;
border-bottom: 1px solid #fff;*/
font-weight: bold;
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 2px;
	padding-left: 40px;
	font-size: 0.7em;
}

#submenucontainer a:hover
{
/*background-color: #369;
color: #FFF;*/
}

#submenucontainer li li a
{
	/*display: block;*/
	text-decoration: none;
	/*border-bottom: 1px solid #fff;*/
font-weight: normal;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 50px;
}

a:link, a:visited  {
    color: #6d4597;
    text-decoration: none;
	padding: 0px;
}
a:hover {
    color: #fc6a31;
	text-decoration: none;
}
.art {
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}
/* Main window
-----------------------------------------------------------------*/

#maincol {
	background-color: #fef8ca;
	background: url(/images/site/bgmain.jpg);
	background-repeat: repeat-y;
	float: right;
	/*display:inline; 
	/*position: left; */
 	width:604px;
	text-align: left;
 }
 #maincol .maincolscroll {
	float: left;
	width:579px;
	overflow-x: hidden;
 }
 #maincol .tekst {
	padding-top: 15px;
	padding-left: 35px;
	float: left;
	width: 500px;
	line-height: 120%;
	font-size: small;
 }
.streamer {
	color: #6D4597;
	font-size: large;
	font-weight: bold;
	font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
}
 
/*p {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 line-height: 1.2;

	font-size:12px;
	
	}*/
 
 
 /* Footer
------------------------------------------------------------------*/

#footer{
	height:81px;
	width: 810px;
	background-color:#fdd77a;
	clear:both;
	background-image: url(/images/site/bgfooter2.jpg);	/*position:absolute;
	bottom: 0px;*/
	position: relative;
 } 
 
#address{
	color:#7a4379;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	position: relative;
	top: 35px;
	text-align: center;
	padding-left: 90px;
}

#bottommenu {
color:#2c0973;
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
position: relative;
top: 30px;
right: 60px;
text-align: right;
padding: 0px;
width: auto;

}

#credits{
	text-align:  center;
	position: relative;
	top: 40px;
	font: 8px Verdana, Arial, Helvetica, sans-serif;
	color:#7a4379;
	paddng: 0px;
	padding-left: 90px;
 } 


 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
}

