html,body  {
margin: 0px;
padding: 0px;
font-family: arial, helvetica, sans-serif;
font-size: 85%;
color: black;
margin: 0 auto;
background-color: #e2e2e2;
width:100%;
height:100%;
}

ul { list-style-image: url(/images/punt.png); }
img {border: none;}
hr {color: #df144c;}
h3 {
  color: #000;
  font-size: 120%;
}

div#container {
position:relative;
margin:0 auto;
width:976px;
min-height: 650px;
background:#fff;
background-image:url(../images/sitebg.png);
}
div#offertehead {
  width: 685px;
  height: 130px;
  background-image: url(../images/offertebg.jpg);
  color: #fff;
  font-size: 120%;
  font-weight: bold;
  padding: 10px;
}

.koptekst {
  font-weight: bold;
  font-size: 110%;
  color: #df144c;
}
.footertekst{
  text-align: center;
  padding-top: 10px;
  height: 15px;
  line-height: 15px;
  color: #000;
}
#content a:link {
	color:#ad0035;
    font-weight: bold;
    text-decoration: none;
}
#content a:visited {
	color:#ad0035;
    font-weight: bold;
    text-decoration: none;
}
#content a:hover {
	color:#ad0035;
    font-weight: bold;
    text-decoration: underline;
}

.balklinks { text-decoration: none;color: #fff; }
.balklinks:visited { text-decoration: none;color: #fff;}
.balklinks:active { text-decoration: none;color: #fff;}
.balklinks:hover { border-bottom:2px solid #fff;color: #fff;}

.footerlinks { text-decoration: none;color: #000; }
.footerlinks:visited { text-decoration: none;color: #000;}
.footerlinks:active { text-decoration: none;color: #000;}
.footerlinks:hover { text-decoration: underline;color: #000;}

.links { text-decoration: none;color: #df144c; }
.links:visited { text-decoration: none;color: #df144c;}
.links:active { text-decoration: none;color: #df144c;}
.links:hover { text-decoration: underline;color: #df144c;}

.red { color: #f40500; font-weight: bold; border: 1px solid #f40500;}

 div#balk {
   width: 570px;
   height: 30px;
   padding-left: 10px;
   line-height: 30px;
   color: #fff;
   background-color: #ad0035;
 }

#logo{
/*position:relative;*/
float:right;
width:330px;
height:151px;
/*top:-40px;*/
background-image:url(../images/logo.jpg);
}

#links{
position:absolute;
width:200px;
top:0px;
left:0px;
background-color:#FFFFFF;
}
#adres {
  position: absolute;
  width:130px;
  height: 150px;
  padding: 5px 10px;
  left: 50px;
  top: 522px;
  color: #ffffff;
}

#rechts-top{
font-size:120%;
font-weight:bold;
float:left;
padding-left:260px;
margin-top:-53px;
width:390px;
}

#content{
float:right;
width:705px;
font-size: 110%;
padding: 10px 35px 10px 15px;
min-height:465px;
height:465px;
*min-height: 465px;
height:auto !important;
}

.inloggen {
  width: 210px;
  height: 207px;
  padding-right: 20px;
  float: left;
}


/*-----------dropmenu meuk------------------*/
#nav .dmc{/*nav button container */
float:left;
list-style:none;
margin:0px;
margin-top:10px;
padding:0px;
margin-left:10px;
margin-right:10px;
} 

#nav ul .dmi{ /*de dropmenu zelf*/
position:absolute; 
display:none; 
list-style:none; 
width:150px;
background-color:#000; 
padding-top:15px; 
margin-left:-11px; 
padding-left:15px;
}

#nav ul{/*de nav btn*/
margin:0px;
padding:0px; 
list-style:none;
}
 
#nav ul .dmi li{/*items in het dropmenu*/
padding:5px;
}
#nav a{color:#fff;text-decoration:none;}

#nav ul:hover .dmi{display:block;} /*de ul waar de dropmenu instaat*/

#foot{
clear:both;
width:100%;
height:40px;
background-color:#000;
}
#nav {
z-index:100;
position:relative;
float:left;
padding-left:10px;
top:40px;
height: 40px;
width: 630px;
background-color:#000;
color: #FFF;
font-size: 150%;
font-weight: bold;
}
#menubalk {
z-index:100;
position:relative;
float:left;
top:40px;
width: 646px;
height: 40px;
background-color:#000;
color: #FFF;
font-size: 150%;
font-weight: bold;
}

.navscheiding{
float:left;
margin-top:10px;
}
div#help {
  padding: 20px;
  width: 500px;
  height: 400px;
}