/* CSS van www.ErikCoolen.nl | aangepast door Boy Kollee, Weert november 2008 - juni 2010 */

html{ 
padding: 0;
margin: 0;
}
#wrapper {
width: 1080px;
margin: 0 auto;
padding: 0;
background:url(images/bg_erik.png);
background-repeat:no-repeat;
text-align:center;
position:relative;
height: 800px;
overflow-x:hidden; 
overflow-y: hidden;
}
#container #menu {
padding-bottom: 20010px;  
margin-bottom: -20000px;  
}
body {
background-color:#FFF;
margin:0;
padding:0;
height: 550px;
}
#header {
height:120px;
padding:0;
margin:0;
width: 100%;
text-align: left;
}
#menu {
float: left;
width: 190px;
height: 100%;
padding: 15px 0 0 20px;
text-align: left;
margin: 0;
}
#menu a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#333;
}
#menu ul li {
margin: 0 0 0 -30px;
padding: 0;
list-style: none;
line-height:1em;
}
#menu ul ul {
padding-left: 4px;
}
#menu ul ul ul {
padding-left: 4px;
}
#menu a:link, #menu a:visited, #menu a:active, #menu a:hover {
display: block;
padding:0;
border-bottom: 1px solid #44009d;
height:24px;
}
#menu_default a:link, #menu_default a:visited,#menu_default a:active {
background-color: #fff;
border-bottom: 1px solid #44009d;
}
#menu a:hover {
border-right:3px solid #44009d;
border-bottom:2px solid #44009d;
border-left:1px solid #663399;
padding:0;
color:#333;
}
#menu_current  {
font-weight:bold;
}
.search_box {
float: right;
clear: right;
width: 150px;
}
.search_string {
width: 80px;
height: 16px;
font-size: 10px;
vertical-align: middle;
}
.search_submit {
width: 50px;
height: 22px;
font-size: 10px;
vertical-align: middle;
}
/*            content */
#content {
padding: 5px 0 0 30px;
float:left;
margin:0;
width:41em;
text-align: left;
max-height:500px;
overflow-x: hidden;
overflow-y: auto;
}
#content p, td, th, ul, li{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #333333;
text-align:left;
line-height:1.4em;
}
#content p {
width:33em;
}
#content p.uitgelijnd {
width:33em;
text-align: justify;
}
#content p.rechts {
width:33em;
text-align: right;
}
#content ul li { 
width: 33em;
list-style-type: circle;
line-height:1.4em;
margin : 0;
padding : 1px; 
}
#content table {
width:37em;
}
img.plaatje{
position:absolute;
left:760px;
border: 3px outset #ccc;
}
div {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
/*       footer*/
#footer {
position: absolute;
clear: both;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #44009d;
top: 635px;
left:270px;
height: 21px;
text-align: center;
}
#footer a {
color:#44009d;
}
#footer a:hover {
color:#663399;
}
#footer a:link, a:visited, a:active {
color: #CCCCCC;
text-decoration: none;
}

a:link, a:visited, a:active {
color: #2e6dbd;
text-decoration: none;
}
a:hover {
color: #993366;
text-decoration: none;
border-bottom: 1px solid #993366;
}
h1, h2, h3, h4, h5, h6 {
font-family:Verdana, Arial, Helvetica, sans-serif;
}
h1 {
font-family: Papyrus, Arial, Verdana, serif;
font-size: 22px;
border-bottom: 1px solid #44009d;
width:17em;
color: #44009d;
letter-spacing:0.08em;
text-align: left;
margin: 8px 2px 14px 2px;
font-style: normal;
font-variant: normal;
font-weight: bolder;
}
h2 {
font-size: 14px;
color: #FF9900;
text-align: left;
margin: 14px 2px 14px 2px;
font-style: italic;
}
h3 {
font-size: 14px;
color: #3333CC;
text-align: left;
font-style: italic;
font-variant: normal;
font-weight: bolder;
margin: 0;
padding:0px 0 0 0;
}
h4 {
color: #2e6dbd;
text-align: center;
padding:10px;
border-top:1px solid #cc3300;
border-bottom:1px solid #cc3300;
font-style:italic;
font-size:15px;
line-height:130%;
width:350px;
margin: 30px 0 30px 0;
}
h5 {
font-size: 14px;
width:400px;
color: #cc3300;
text-align: left;
margin: 10px 2px 8px 0;
font-style: oblique;
}
h6 {
font-size: 12px;
color: #003366;
text-align: left;
margin: 1px 2px 4px 1px;
font-style: normal;
font-variant: normal;
font-weight: normal;
}