*{
margin: 0;
font-family: Verdana;
font-size: 12px;}

html, body {
height: 100%;}

div#container {
position: relative;
background: url(img/background.gif) bottom right no-repeat;}

div#left {
position: relative;
width: 180px;
min-height: 700px;
height: auto !important;
height: 700px;
float: left;
display: block;
z-index:400;}

div#right {
position: relative;
min-height: 700px;
height: auto !important;
height: 700px;
margin: 0 0 0 180px;
border-left: 2px solid #000000;
display: block;}

div#text {
padding: 20px;}

div#left h1 {
position: absolute;
top: 19px;
left: 24px;
width: 130px;
height: 165px;
background: url(img/logo.gif) no-repeat;}

div#container h1 span{
display: none;}

address {
position: absolute;
top: 580px;
left: 24px;
font-style: normal;}

div#footer {
position: relative;
height: 37px;
line-height: 37px;
color: #ffffff;
background: url(img/footer_background.gif);
text-align: center;
font-weight: bold;}

div#foto {
float: right;
width: 200px;
margin: 0px 0px 5px 5px;}

div#foto img{
border: 2px solid #000000;}

/*menu*/
ul#menu{
position: absolute;
left: 0;
top: 200px;
margin: 0;
padding: 0;
list-style: none;
font-size: 12px;
z-index:400;}

ul#menu li{
float: left;}

ul#menu a{
display: block;
text-align: center;
text-decoration: none;
color: #000000;
line-height: 12px;
width: 183px;
padding: 5px 0 5px 0;
border-bottom: 2px solid #000000;}

ul#menu a.first{
display: block;
text-align: center;
text-decoration: none;
color: #000000;
line-height: 12px;
width: 183px;
padding: 5px 0 5px 0;
border-top: 2px solid #000000;
border-bottom: 2px solid #000000;}

ul#menu li.last{
display: block;
height: 72px;
border-left:  2px solid #000000;
border-bottom: 2px solid #000000;}

ul#menu li.over a{
background: #8b0f04;
color: #ffffff;}

ul#menu li.active a{
background: #8b0f04;
color: #ffffff;}

/*submenu*/
ul#menu ul{
margin: -26px 0 0 0;
padding: 0;
position: absolute;
left: 179px;
list-style: none;
display: none;}

ul#menu ul li{
clear: left;}

ul#menu ul a{
line-height: 12px;
width: 183px;
background: #47545b;
text-align: left;
padding: 5px 0 5px 5px;
border-right:  2px solid #000000;
border-left:  2px solid #000000;}

ul#menu ul a.first{
height: 12px;
width: 183px;
background: #47545b;
text-align: left;
padding: 5px 0 5px 5px;
border-top:  2px solid #000000;
border-left:  2px solid #000000;}

ul#menu li.over ul{
display: block;}

ul#menu li.over ul a{
background: #ffffff;
color: #000000;}

ul#menu ul li.over a{
background: #8b0f04;
color: #ffffff;}

ul#menu ul li.active a{
background: #8b0f04;
color: #ffffff;}

fieldset{
border: 0;
margin: 0;
padding: 0;}

label{
float: left;
width: 100px;
height: 19px;
padding: 2px 5px 0 5px;
text-align: left;
color: #ffffff;
margin-bottom: 5px;
background: #8b0f04;}

label.empty{
background: none;}

input.text{
width: 320px;
background: #ffffff;
border: 1px solid #000000;
font-size: 10px;
font-size: 12px;
height: 17px;}

textarea{
width: 320px;
background: #ffffff;
border: 1px solid #000000;
font-size: 10px;
font-size: 12px;
}

input.button{
width: 100px;
background: #ffffff;
border: 1px solid #000000;
font-weight: bold;}

fieldset br{
clear: left;}

div.fotogroep{
width: 200px;
height: 200px;
float: left;
padding-right: 20px;}

div.fotogroep img{
border: 0;}

div.fotogroep a{
text-decoration: none;
font-weight: bold;
color: #000000;}

p.clear{
clear: both;}
