body {
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: verdana;
        color: #665E49;
}

h1 {
	padding: 0;
	margin: 0;
}

*{
    margin: 0;
    padding: 0;
}

a {
	color:#665E49;
	font-size:10px;
	text-decoration:none;
}

a img{border:none;}

.container {
	margin : 0 auto;
	text-align: left;
	width: 1000px;
}

.main {
	text-align: left;
}
.contentarea {
	float: left;
	width: 200px;
	height: 465px;
	background-image: url(../images/bg_home_menu.jpg);
}
.contentarea  a.top{
	font-size: 10px;
	font-family: verdana;
	font-weight: bold;
	color: #695E4A;
	padding-left:23px;
	padding-top:6px;
	display: block;
	text-decoration: underline;
}
.contentarea div{
	margin-top: 7px;
	margin-left: 9px;
	height: 305px;
}
.contentarea div h1{
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	line-height:18px;
	padding-left:13px;
	padding-top:20px;
	width:153px;
}
.contentarea #ca1 {
}
.contentarea #ca2 {
}
.contentarea #ca3{
}
.contentarea #ca4 {
}

.contentarea  a.top:hover{
	color: white;
}

.menu , .menu li{
	font-size: 10px;
	font-family: verdana;
	list-style: none;
	margin: 0;
	padding: 0;
}
.menu {
	margin-top: 8px;
        height: 100px;
        border-top: solid 1px white;
}
.menu li {
	float: left;
	width: 200px;
	height:22px;
	border-bottom: solid 1px white;
}
.menu li a {
	padding-top:3px;
	padding-left: 20px;
	height:19px;
	display: block;
	background:url(../images/bg_home.gif) no-repeat left center;
}

ul.menu li a{
    color: #FFFFFF;
}
.menu li a:hover {
	background:url(../images/bg_home_over.gif) no-repeat left center;
}
.gr .menu  li a:hover {
	background-color: #7ac043;
}
.or .menu  li a:hover {
	background-color: #f79727;
}
.ro .menu  li a:hover {
	background-color: #f26530;
}
.footer {
	vertical-align:bottom;
        height: 30px;
        margin-bottom: 20px;
}
.footer .displacement{
        margin-top: 3px;
	height: 1px;
        border-top: solid 1px #695E4A;
}
.footer  a {
	color:#665E49;
	text-decoration:none;
}

/************INNER TEMPLATE***********/
td p{
        margin: 0;
        padding: 0;
}
.bodytext{
	font-size:10px;
}

.rechts{
	position:absolute;
	top:141px;
	margin-left:610px;
}
.rechts_kleuren{
	position:absolute;
	top:141px;
	margin-left:601px;
}
.logo{
        text-align: left;
        height: 75px;
}
/*lees verder*/
.style1{
	color:#FFFFFF;
	font-size:11px;
}

/* kop nieuwsitems*/	
.style2{
	font-size:12px;
	line-height:18px;
}
.search{
	/*position:absolute;
	top:40px;
	margin-left:800px;*/
    background: url(../images/bg_submenu.jpg) no-repeat left top;
    padding-top: 15px;
	width:200px;
	height: 22px;
	font-family: Verdana;
	font-size:12px;
	color:#695E4A;
	z-index: 1000; 
}

/*content*/
.content{
	_position:absolute;
	_top:125px;
	margin-left:200px;
	width:750px;
	_width:350px;
	_width:400px;
	height:435px;
	_height:435px;
	padding-left:25px;
	padding-right:25px;
	background-image:url(../images/bg_content.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	overflow:auto;
}

/* Menu 1 column */
#menu_1 {
	_padding-top:15px;
	_vertical-align:text-top;
	width: 200px;
	float: left;
	_width: 200px;}
	
#menu_1 DIV {
	width: 100%;
}
	
#menu_1 DIV A {
	text-decoration: none;
	line-height:21px;
}
	
#menu_1 DIV A:hover {
	text-decoration: none;
}

/*  MENU 1, level 1, normal state (NO) */
#menu_1 DIV.menu1-level1-no {
	color: #665E49;
	padding-left:19px;
	background-image:url(../images/bg_subnav_noact.jpg);
  	background-repeat:no-repeat;
  	background-position:left;
}

/*  MENU 1, level 1, active state (ACT) */
#menu_1 DIV.menu1-level1-act {
	color:#FFFFFF;
	padding-left:19px;
	background-image:url(../images/bg_subnav.jpg);
  	background-repeat:no-repeat;
  	background-position:left;
	font-weight:bold;
}
	
#menu_1 DIV.menu1-level1-act A {
  	color: #FFFFFF;
  	text-decoration: none;
}

/*  MENU 1, level 2, normal state (NO) */
#menu_1 DIV.menu1-level2-no {
	color: #665E49;
	padding-left:32px;
	background-image:url(../images/bg_subnav_noact.jpg);
  	background-repeat:no-repeat;
  	background-position:left;
}
  
/*  MENU 1, level 2, active state (ACT) */
#menu_1 DIV.menu1-level2-act {
	color:#FFFFFF;
	padding-left:32px;
	background-image:url(../images/bg_subnav.jpg);
  	background-repeat:no-repeat;
  	background-position:left;
	font-weight:bold;
}

#menu_1 DIV.menu1-level2-act A {
  	color: #FFFFFF;
  	text-decoration: none;
}
	
.submenu{
	background-image:url(../images/bg_submenu.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	height:294px;
	_height:294px;
	width:200px;
}

.bottom_hoofdnav{
	z-index:10000;
    clear: both;
    height:3px;
    display: block;
    background: url(../images/bottom_hoofdnav.jpg) no-repeat;
}

div#nav {
          width: 100%;
          display: block;
          z-index: 1000;
          font-size: 12px; 
          width: auto; 
          height: 25px;   
          font-family: Verdana;  
}
div#nav4 {
          width: 100%;
          z-index: 1000;
          font-size:12px; 
          float: left;
}
div#nav ul {
          margin:0;
          padding:0;  
}
div#nav li {
          float: left;
          position: relative; 
          list-style: none; 
          margin: 0; 
          width:200px;  
          height:25px;  
}
div#nav li a {
          color: #FFFFFF;
          display: block;   
          text-decoration:underline; 
          height:25px; 
          padding-left:23px; 
          padding-top:6px; 
}
div#nav li a:hover { 
          display: block;   
          text-decoration:underline; 
          height:25px; 
          padding-left:23px; 
          padding-top:6px;
}
div#nav ul ul {
          position: absolute; 
          width: 199px; 
          width:199px; 
          display: none
}
div#nav a {
          text-decoration: none;
          font-size: 10px;
}
div#nav>ul a {width: auto}

div#nav #rood,div#nav li#rood ul,div#nav li#rood a { 
          background-image:url(../images/bg_hoofdnav.jpg); 
          background-repeat:no-repeat;   color: #FFFFFF;font-weight:bold;
}

/***********selected menu****************/
div#nav li#oker a.selected{
          background-image:url(../images/bg_hoofdnav_or.jpg); 
          background-repeat:no-repeat;   
          color: #FFFFFF;
          font-weight:bold; 
}

div#nav li#rood a.selected{
          background-image:url(../images/bg_hoofdnav_gr.jpg); 
          background-repeat:no-repeat;   
          color: #FFFFFF;
          font-weight:bold; 
}

div#nav li#geel a.selected{
          background-image:url(../images/bg_hoofdnav_ro.jpg); 
          background-repeat:no-repeat;   
          color: #FFFFFF;
          font-weight:bold; 
}

div#nav li#paars a.selected{
          background-image:url(../images/bg_hoofdnav_or.jpg); 
          background-repeat:no-repeat;   
          color: #FFFFFF;
          font-weight:bold; 
}

div#nav li#groen a.selected{
          background-image:url(../images/bg_hoofdnav_gr.jpg); 
          background-repeat:no-repeat;   
          color: #FFFFFF;
          font-weight:bold; 
}
/***********end selected menu****************/


/***********right gallery********************/

#nieuws .content-text{
		float: left;
		width: 200px;
}

#nieuws .content-image{
		float: left;
		width: 190px;
		max-height: 140px;
		max-width: 190px;
}

#nieuws .content-image img{
		max-height: 140px;
		max-width: 190px;
}
/***********end right gallery****************/
div#nav li#rood a:hover { 
          background-image:url(../images/bg_hoofdnav_gr.jpg); 
          background-repeat:no-repeat; font-weight:bold;  
}
div#nav li#oker a { 
          background-image:url(../images/bg_hoofdnav.jpg); 
          background-repeat:no-repeat;   
          color: #FFFFFF;
          font-weight:bold;
}
div#nav li#oker a:hover { 
          background-image:url(../images/bg_hoofdnav_or.jpg); 
          background-repeat:no-repeat; font-weight:bold; 
}
div#nav #geel, div#nav li#geel ul, div#nav li#geel a { 
          background-image:url(../images/bg_hoofdnav.jpg); 
          background-repeat:no-repeat;  color: #FFFFFF;font-weight:bold; 
}
div#nav li#geel a:hover { 
          background-image:url(../images/bg_hoofdnav_ro.jpg); 
          background-repeat:no-repeat;  
          font-weight:bold;  
}
div#nav #paars, div#nav li#paars ul, div#nav li#paars a {  
          background-image:url(../images/bg_hoofdnav.jpg); 
          background-repeat:no-repeat;  
          color: #FFFFFF; 
          font-weight:bold; 
}
div#nav li#paars a:hover { 
          background-image:url(../images/bg_hoofdnav_or.jpg); 
          background-repeat:no-repeat; 
          font-weight:bold; 
}
div#nav #groen, div#nav li#groen ul, div#nav li#groen a {   
          background-image:url(../images/bg_hoofdnav.jpg); 
          background-repeat:no-repeat;  
          color: #FFFFFF; 
          font-weight:bold; 
}
div#nav li#groen a:hover {
          background-image:url(../images/bg_hoofdnav_gr.jpg); 
          background-repeat:no-repeat; 
          font-weight:bold; 
}
div#nav .blauw, div#nav li#blauw ul, div#nav li#blauw a { 
          background-color: #09f;
          color: #fff
}

.footer-inner{
	_position:absolute;
	_top:589px;
	background-image:url(../images/footer.jpg);
	background-repeat:repeat-x;
	_vertical-align:bottom;
	padding-top:5px;
    _width: 85%;
    _width: 70%;
    text-align: right;
	height: 30px;
}
	
.footer-inner a{
	font-size:10px;
	color:#665E49;
	text-decoration:none;
}
	
.footer-inner a:hover{
	font-size:10px;
	color:#665E49;
	text-decoration:none;
}

/***********contact form***********/

fieldset.csc-mailform label{
    width: 100px;
    float: left
}

fieldset.csc-mailform{
    padding-left: 20px;
}

fieldset.csc-mailform div{
     display: block;
     margin: 3px 5px;
     float: left;
}

.csc-mailform-field{
    margin-bottom: 5px;
}
label.error{
     float: left;
     width: auto;
     color: #990000;
}
input.error{
     border: 1px dotted #990000;
     background-color:#FFFFCC;
}