* {
	margin: 0;
	padding: 0;
}

body {
background: #B8D5DC url(images/achtergrond_groen.gif) no-repeat ;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 17px;
color: #222;
}

a {
text-decoration: none;
color: #FD9A01;
}
a:hover {
text-decoration: underline;
color: #111;
}

#wrap {
margin: 0 auto;
width: 975px;
position: relative;
}

#header {
height: 469px;
text-align: left;
border: 0px solid #000000;
position: relative;
float: left;
padding-top: 40px;
overflow: hidden; /*Voor internet explorer 6*/
}
#header h2 {
font-size: 18px;
color: #fff;
padding: 3px 40px 0 0;
letter-spacing: -1px;
font-weight: 100;
}

#foto {
width: 975px;
height: 469px;
float: left;
}

#flash {
width: 170px;
height: 469px;
float: left;
background: url(./images/logo_simpelveld_hoekje.png) no-repeat 0em 0em;

}

#content {
background: #ffffff url(images/content.jpg) repeat-y;
padding: 0px;
border: 0px solid #000000;
z-index: 14;

}

.right {
float: right;
width: 565px;
text-align: left;
margin-right: 50px;
margin-top: 75px;
border: 0px solid #000000;
}
.right h2 {
font-size: 18px;
font-weight: 100;
padding-left: 10px;
height: 26px;
line-height: 26px;
}
.right h2 a {
text-decoration: none;

}
.right h2 a:hover {

}

.left {
float: left;
width: 170px;
border: 0px solid #990000;

}
.left h2 {
margin: 10px 0 0 0;
padding-left: 10px;
height: 26px;
line-height: 26px;
color: #000;
font-size: 13px;
}
.left ul {
padding: 10px 0 15px 20px;
color: #FD9A01;
list-style-type: none;
}
.left ul li a {
text-decoration: none;
font-weight: 600;
}
.left ul li a:hover {

}

.menu {
float: right;
width: 160px;
border: 0px solid #990000;

}
.menu h2 {
margin: 70px 0 30px 0;
padding-left: 0px;
height: 26px;
line-height: 26px;
color: #000;
font-size: 19px;
font-weight: normal;
}
.menu ul {
padding: 10px 0 15px 20px;
color: #FD9A01;
list-style-type: none;
}
.menu ul li a {
text-decoration: none;
font-weight: 600;
}
.menu ul li a:hover {

}
.articles { padding-left: 10px; position:relative; z-index: 66; }

#bottom {
padding: 10px 0;
background: #FEAD1D url(images/content.jpg) repeat-y;
}

#footer {
padding-top: 20px;
text-align: left;
font-size: 11px;
color: #fff;
padding-bottom: 10px;
}
#footer a { color: #fff; }
#footer a:hover { color: #111; }




div.hoofdstuk_titel_gastvrij { position: absolute; background-color: #F9A032; width: 35em; height: 4em; left:14.2em; top:13.5em; z-index:12}
div.hoofdstuk_titel_nostalgisch { position: absolute; background-color: #922047; width: 35em; height: 4em; left:14.2em; top:13.5em; z-index:12}
div.hoofdstuk_titel_natuurlijk { position: absolute; background-color: #72a244; width: 35em; height: 4em; left:14.2em; top:13.5em; z-index:12}
div.hoofdstuk_titel_cultureel { position: absolute; background-color: #63195F; width: 35em; height: 4em; left:14.2em; top:13.5em; z-index:12}
div.hoofdstuk_titel_historisch { position: absolute; background-color: #BC8229; width: 35em; height: 4em; left:14.2em; top:13.5em; z-index:12}
div.hoofdstuk_titel_winkelend { position: absolute; background-color: #362950; width: 35em; height: 4em; left:14.2em; top:13.5em; z-index:12}
div.hoofdstuk_titel_overige { position: absolute; background-color: #8A5A4E; width: 35em; height: 4em; left:14.2em; top:13.5em; z-index:12}

div.hoofdstuk_titel_gastvrij h1,  
div.hoofdstuk_titel_nostalgisch h1, 
div.hoofdstuk_titel_natuurlijk h1, 
div.hoofdstuk_titel_cultureel h1, 
div.hoofdstuk_titel_historisch h1, 
div.hoofdstuk_titel_winkelend h1,
div.hoofdstuk_titel_overige h1  {
color: #fff;
font-size: 2.1em; 
margin: 0em 0 0 1.5em; 
padding: 0; 
font-weight: normal;
line-height: 2em;
}


h1  { font-size: 1.8em; font-weight: bold; margin: 0 0 1.6em 0; padding: 0em; color: #F18E00; font-weight: normal; } /* also needed outside wysiwyg texts */
.kleur_titel_natuurlijk { font-size: 1.8em; color: #72a244;}
.kleur_titel_cultuur { font-size: 1.8em; color: #63195f;}
.kleur_titel_gastvrij { font-size: 1.8em; color: #f9a032;}
.kleur_titel_nostalgisch { font-size: 1.8em; color: #922047;}
.kleur_titel_historisch { font-size: 1.8em; color: #bc8229;}
.kleur_titel_sportief { font-size: 1.8em; color: #362950;}
.kleur_titel_overige { font-size: 1.8em; color: #8A5A4E;}




img.titel { position: absolute; left:590px; top:17.5em; width:216px; height:40px; z-index: 15; border: 0;  }

/* menu icoontjes */

/* tekst icoontjes */
div.knoppen_twee { position: absolute; top: 0em; left: 18em;  background: #000000;  }

.icoon_navigatie { 
height:40px;
width: 565px; 
} 

.diap {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}


ul.submenu { margin: 0; padding: 0; }
ul.submenu li { list-style: none; padding: 0; margin: 0 0 0 1.3em;  }
ul.submenu li a { color: #ffffff; font-size: 1.3em; font-weight: normal; text-decoration: none; line-height: 1.6em; width: 100%; display: block; }
ul.submenu li a:hover {color: #3c382e; }
ul.submenu li.active a { color: #3c382e; }

ul.submenu li ul { margin: 0 0 0.6em 0; padding: 0; }
ul.submenu li ul li { list-style: none; padding: 0; margin: 0 0 0 0.8em;  }
ul.submenu li ul li a { color :#ffffff; line-height: 1.1em;  font-size: 1.1em; padding: 0.1em 0 0.4em 0; font-weight: normal; }
ul.submenu li ul li a:hover { color: #3c382e;  }
ul.submenu li.active ul li a { color: #3c382e; }       /* to reset color when an item from a higher level is selected */
ul.submenu li.active ul li a:hover { color: #3c382e; } /* to re-enable hovercolor */
ul.submenu li ul li.active a { color: #3c382e; font-weight: bold; }

#start {
padding-top: 10px;
padding-bottom: 0px;
}

#navigatie {
padding-top: 85px;
padding-bottom: 200px;
}

hr { border: 1px solid; border-color: #ffffff;  }

.basic  {
	width: 550px;
	font-family: arial;
	border: 0px solid black;
	padding-top: 25px;
}
.basic div {
	background-color: #ffffff;	
}

.basic p {
	margin-bottom : 10px;
	border: none;
	text-decoration: none;
	font-weight: normal;
	margin: 0px;
	padding: 5px;
}
.basic a.ondernemer {
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: black;
	background-color: transparent;
	border-top: 1px solid #F9A032;
	border-bottom: 0px solid #F9A032;
	
	background-image: url("AccordionTab0.gif");
}
.basic a.ondernemer:hover {
	background-color: white;
	background-image: url("AccordionTab2.gif");
}
.basic a.ondernemer.selected {
	color: white;
	background-color: #F9A032;
	background-image: url("AccordionTab2.gif");
}

.basic ul {
	margin: 0px 0 10px 0 ! important;
	padding-left: 5px ! important;
	list-style-type: none;
	}	
	
.basic li {
	margin: 0px 0 0px 0 ! important;
	padding: 0px ! important;
	list-style-type: none;
	display: inline;
	}

    .afbeelding_mini {
    border: 5px solid #FFCB8F;
    vertical-align:middle;
    width: 40px;
    height: 40px;
    } 
    
    .afbeelding_normaal {    
    border: 0px solid #FFCB8F;
    padding: 10px 10px 10px 5px;
    }

	.basic h4 {
		margin: 10px 0 0px 5px;
		color: #EC900B;
		font-weight: bold;
	}

.header-lower-left {





  position: absolute;
  top: 25em;
  left: 39.7em;
  width: 30em;
  height: 30em;
  z-index: 3; 

  
}








#list3 { border: 0px solid #111; width: 550px; padding-top: 20px;}
#list3 div.selected .title { font-weight: bold; }
#list3 div div {
	border-left:0px solid #6699CC;
	padding: 5px;
}
#list3 div.title {
	border-top: 1px solid #F9A032;
	background-color: #ffffff;
	padding: 10px;
	cursor: pointer;
}
#list3 div.selected {
	border-bottom: none;
}


#list3 div.title.selected {
background-color: #F9A032;
color: #ffffff;
}

#list3 ul {
	margin: 0px 0 10px 0 ! important;
	padding-left: 5px ! important;
	list-style-type: none;
	}	
	
#list3 li {
	margin: 0px 0 0px 0 ! important;
	padding: 0px ! important;
	list-style-type: none;
	display: inline;
	}
	
#list3 h4 {
		margin: 10px 0 0px 5px;
		color: #EC900B;
		font-weight: bold;
	}