html, body{
   padding:0px;
  font-family: arial, verdana, sans-serif;
  font-size:12px;
  height: 100%;
  background: url('images/bg.gif');
  background-color: #000000;
  text-align: center;
  white-space:in-line;
  margin-top:3px;
  margin-left:0px;
  }

div{
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    margin:0px;
    padding:0px;
}

#container {
  margin:0px auto;
  max-width:768px;  
  width:768px;
  min-width:768px;
  min-height:100%
  
}

#menu {
  background: url('images/menu.gif');
  width:768px;
  height:92px;
  float:top;
  padding:31px 0px 20px 0px;
}
#menu  a:link {color: #FFFFFF; text-decoration: underline; outline: none;}
#menu   a:visited {color: #FFFFFF; text-decoration: underline; outline: none;}
#menu   a:hover {color: #FFFFFF; text-decoration: none; outline: none;}
#menu   a:active {color: #FFFFFF; text-decoration: underline; outline: none;} 
#menu   a {border:0; padding:0; margin-top:0px;}

#banner {
  width:768px;
  float:left;
  position:relative;
  height:232px;
  text-align: left;
}

#links {
  background: url('images/index_02.gif');
  width:42px;
  height:232px;
  float:left;
  position:relative;
  text-align: left;
  padding:10px 10px 20px 10px;
}

#midden {
  background: url('images/banner.jpg');
  width:686px;
  height:232px;
  float:left;
  position:relative;
  text-align: right;
  padding:10px 10px 20px 0px;
}
#rechts {
  width:40px;
  height:232px;
  float:right;
  position:relative;
  text-align: right;
  font:#ffffff;
  background: url('images/index_04.gif');
  padding:10px 10px 20px 0px;
}

#onder_header {
  width:768px;
  height:158;
  float:left;
  position:relative;
  text-align: left;
  background: url('images/onder_header_bg.gif');
  }

#onder_links {
width:197px;
height:122px;
background-color:#FFFFFF;
font-family: arial, verdana, sans-serif;
font-size:11px;
/*padding is op volgorde van: top right bottom left...*/
}
#onder_links  a:link {color: red; text-decoration: none; outline: none; font-size:11px;}
#onder_links  a:visited {color: red; text-decoration: none; outline: none; font-size:11px;}
#onder_links  a:hover {color: red; text-decoration: underline; outline: none; font-size:11px;}
#onder_links  a:active {color: red; text-decoration: none; outline: none; font-size:11px;} 
#onder_links  a {border:0; padding:0; margin:0;}

#onder_midden{
width:197px;
height: 122px;
position: relative;
background-color:#FFFFFF;
font-family: arial, verdana, sans-serif;
font-size:12px;
}

#shout_box {
margin-top:0px;
width:197px;
height: 122px;
position: relative;
font-family: arial, verdana, sans-serif;
font-size:11px;
}

#onder_rechts{
width:197px;
height: 122px;
position: relative;
background-color:#FFFFFF;
font-family: arial, verdana, sans-serif;
font-size:12px;
}

#content {
  width:768px;
  height:auto;
  float:left;
  position:relative;
  background:#FFFFFF;
  padding:20px 10px 20px 40px;
  text-align:left;
}
#content h1 {font-size: 16px; color: #000000; text-align:left;}
#content h2 {font-size: 14px; color: #8c2525; text-align:center;}
#content h3 {font-size: 12px; color: #420006;}
#content h4 {font-size: 11px; color: #920101;}
#content h5 {font-size: 10px; color: #bf0000;}
#content a:link {color: #000000; text-decoration: underline; outline: none; font-size:11px;}
#content a:visited {color: #000000; text-decoration: underline; outline: none; font-size:11px;}
#content a:hover {color: #000000; text-decoration: none; outline: none; font-size:11px;}
#content a:active {color: #000000; text-decoration: underline; outline: none; font-size:11px;} 
#content a {border:0; padding:0; margin:0;}

#footer {
 text-align:right;
 position:relative;  /* Nodig voor Safari */
 float:left;
 padding:5px 10px 10px 0px;
 width:768px;
 height:34px;
 background:url('images/footer.gif');
 background-repeat:no-repeat;
 bottom:0;
}
#footer a:link {color: #FFFFFF; text-decoration: none; outline: none; font-size:11px;}
#footer a:visited {color: #FFFFFF; text-decoration: none; outline: none; font-size:11px;}
#footer a:hover {color: #FFFFFF; text-decoration: underline; outline: none; font-size:11px;}
#footer a:active {color: #FFFFFF; text-decoration: none; outline: none; font-size:11px;} 
#footer a {border:0; padding:0; margin:0;}
  /*padding is op volgorde van: top right bottom left...*/
#footer table{
	margin-left:400px;
	padding: 0,0,0,0;
	}

#form{
    width:400px;
    background-color: #f5f5f5;
    
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    
    margin-bottom: 10px;
}
#form input
    {
    background-color: #f5f5f5;

    font-size: 12px;

    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    
    margin-bottom: 10px;
    }
#form textarea
    {
    width: 400px;
    background-color: #f5f5f5;
    
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    
    margin-bottom: 10px;
    }
	
#form2{
    width:400px;
    background-color: #f5f5f5;
    
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-left:15%;
    margin-bottom: 10px;
}
#form2 input
    {
    background-color: #f5f5f5;

    font-size: 12px;

    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    
    margin-bottom: 10px;
    }
#form2 textarea
    {
    width: 400px;
    background-color: #f5f5f5;
    
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    
    margin-bottom: 10px;
    }

#lees{
font-family: arial, verdana, sans-serif;
font-size:12px;
}
#lees hr{color:red;}