body, html{
margin: 5px;
text-align: left;
padding: 0;
}
 
.inside {
padding: 10px;
}

h1{
font-size: 130%;
font-family: verdana, arial, helvetica, sans-serif;
} 

h2{
font-size: 100%;
font-family: verdana, arial, helvetica, sans-serif; 
}

h3{
font-size: 67%;
font-family: verdana, arial, helvetica, sans-serif;
} 

ul,p.klein {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 75%;
}

 a:link {
font-family: verdana, arial, helvetica, sans-serif; 
color: maroon;
text-decoration:none;
}
 
a:visited {
color: maroon;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 100%;
text-decoration:none;
}

a:hover{
font-family: verdana, arial, helvetica, sans-serif; 
color: red;
text-decoration:none;
}



/*horizontale navigatie*/

ul#navigatie {
float:left;
padding:0;
margin:0;
}

#navigatie li{
list-style: none;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 120%;
width: 91px;
text-decoration: none;
float:left;
}

#navigatie li a{
display: block;
font-family: verdana, arial, helvetica, sans-serif;
width: 100%;
color: maroon; 
background-color: #f8dc7e;
padding: 4px;
text-decoration: none;
}

#navigatie li a:hover{
background-color: #f2cc4a;
color: red;
padding: 4px;
text-decoration: none;
}

/*formulier*/

legend{
color: #000000;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 100%;
}

fieldset{
border: #f8dc7e 1px solid;
padding: 0 0 10px 10px;
}

label{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 75%;
float: left;
margin: 10px 0 8px 24px;
padding: 5px; 
width: 100px;
}

br{
clear: left;
}

input{
border: 0;
padding: 5px; 
font-family: verdana, arial, helvetica, sans-serif;
font-size: 75%;
float: left;
margin: 10px 0 8px 4px;
width: 200px;
}

#klaar{
border: none;
float:left;
width: 150px;
}

#klaar input{
width: 150px;
}

#klaar legend{
display: none;
}

#invul{
float: left;
margin: 0 0 8px 4px;
width: 600px;
height: 150px;
}

#wrap {
width:1035px;
}

#content{
width:100%;
overflow:hidden;
}

div#kleur2{
background:#CC0033;
width:100%;
position:relative;
right: 805px;
float:left;

}

div#kleur1{
background: #FFFFCC;
width: 100%;
float:left;
}

div#top{
width: 100%;
height: 200px;
}

#top_left{
background-image: url(../images/logo.jpg);
width:1035px; 
height: 200px;
}

#top_right{
}

#navigatiediv {
width:100%;
background: #f8dc7e;
float:left;
}

#left{
width: 230px;
position:relative;
left:805px;
float:left;
}

#right{
width: 805px;
float: left;
position:relative;
left:805px;
}

img.flag{ /*flag afbeelding*/
float:left;
background: #f8dc7e;
padding: 2px 0.3em 3px 0;
}

img.flag e { /*flag afbeelding engels*/
float:left;
background: #f8dc7e;
padding: 2px 0.3em 3px 0;
}


img.gebouw{
margin: 10px 2px 5px 10px;
}

img.expo{
margin: 5px 12px 5px 5px;
float:left;
align: left;
}

img.expore{
margin: 5px 12px 5px 5px;
float:right;
align: left;
}


/*table*/
table{
width:700px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 75%;
border: solid 1px #CC0033;
}
td, th{
text-align: left;
padding:4px 4px 4px 4px;
border: 1px solid black;
}

caption{ 
display: none;
}

#footer{
height: 30px;
width: 1035px;
clear: both;
padding: 1px 0 1px 0;
background: #CC0033;
text-align: right;
}