body           {
background: #000;
font-family:Segoe UI;
font-size:80%;
}


#main          {
border-style:  solid  ;
border-color: #555;
border-width: 1px;
width:   901px;
background: white;
margin: auto;
}


#header        {
background: #D70000 /*url(../images/header.jpg)*/;
height: 17px;
width:   901px;
color: white;
margin: auto;
overflow:hidden;
border-style:  solid ;
border-color: #555;
border-width: 1px;
font-style: italic;
text-align: left;
font-size: 90%;
}

#headerimg     {
height: 333px;
overflow: hidden;
margin: 2px auto 5px auto;
width:   901px;
border-style:  solid ;
border-color: #555;
border-width: 1px;
}

#headerimg2     {
height: 431px;
overflow: hidden;
margin: 2px auto 5px auto;
width:   901px;
border-style:  solid ;
border-color: #555;
border-width: 1px;
}


#headertekst     {
font-size: 40px;
color: #A40000;
overflow: hidden;
font-family: trebuchet MS;
margin: -150px 0 0 40px;
}

#logo {
background: url(../images/logo3.gif) no-repeat;
height: 139px;
width: 99px;
float: right;
margin: 10px 60px 10px 5px;
}


#noord {
background: url(../images/noordnederlandwit.png) no-repeat;
height: 325px;
width: 276px;
float: right;
margin: 10px 10px 10px 5px;
}

.left          {
float: left;
margin: 1px 10px 0 0 ;
height: 450px;
}

/*menu dropdown*/
ul.makeMenu, ul.makeMenu ul {
width: 175px;
background:  #fff;
padding: 3px;
cursor: default;
margin: 0 0 0 1px;

}
ul.makeMenu li {
list-style-type: none;
margin: 0px;
padding: 3px;
position: relative;
padding-left: 5px;
border-style: solid none dotted none;
border-width: 0px 0px 1px 0px;
border-color: #000;
color: white;
}



ul.makeMenu li > ul {
  display: none;
  position: absolute;
top: 2px;
left: 130px;
width: 175px;
padding: 1px 5px 1px 5px;
margin: 0px 0px 0px 45px;
background: #fff;/*2emenu witte achtergrond*/

}

ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {
  background: silver;
  color: black;

}

ul.makeMenu ul.CSStoShow {
  display: block;
}

ul.makeMenu li:hover ul {
  display: block;
}



ul.makeMenu li a {
color: #000;/*tekst zwart*/
display: block;
width: 110%;
text-decoration: none;
}

ul.makeMenu li a:hover, ul.makeMenu li a.CSStoHighLink {
color: black;
}

ul.makeMenu li:hover > a {
color: black; /*hover tekst zwart*/
}

.clear         {
background:green;
clear: both;
}

.gemeentes  {
float: left;
font-size: 90%;
margin: 2px 2px 2px -30px;
}

#extralinks  ul      {
margin: 25px 0px 5px 0px;
}

#extralinks        {
clear: both;
font-size: 77%;
text-align: center;
margin: auto;
height: 17px;
width:   901px;
}

#extralinks ul li a{
background:url("../images/icon_seperator_small.gif") no-repeat right top transparent;
padding:0 8px 0 4px;
text-decoration:none;
color: #fff;
}

#extralinks ul li{
display:inline;
line-height:1.3em;
padding:0;
margin:0;
}

#footer        {
border-top: 1px solid;
clear: both;
text-align: right;
font-size: 80%;
font-style: italic;
}

#footer   a     {
color: #555;
}


.content       {
margin: 0px 0px 0px 170px;
padding: 20px 0 0 0;
}

.container     {
background: white /*url(../images/side.jpg) left repeat-y  */ ;
}


h1             {
margin: 0px 20px 10px 40px;
padding: 0;
font-size: 140%;
/*text-decoration: underline;*/

}

h2             {
margin: 5px 20px 10px 40px;
padding: 0;
font-size: 120%;
/*text-decoration: underline;*/
}

h3             {
margin: 5px 20px 10px 40px;
padding: 0;
font-size: 100%;
/*text-decoration: underline;*/
}

h4             {
margin: 0px 20px 10px 0px;
padding: 0;
font-size: 100%;
text-decoration: underline;
}


p             {
margin: 5px 30px 10px 40px;
padding: 0px 0px 0px 0px;
font-size: 100%;
}

a  {
color: #DF0000;
text-decoration: none;
}

#wij {
background: url(../images/logo3.gif) no-repeat;
height: 139px;
width: 99px;
margin: 5px 5px 10px 5px;
padding: 0;
}

/*#werkgebied      {

font-size: 100%;
list-style: inside;
}*/

ul            {
margin: 5px 20px 10px 40px;
padding: 0px 0px 0px 0px;
font-size: 100%;

}

ul   li          {
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 0px;
font-size: 100%;
}

ol             {
margin: 5px 20px 10px 40px;
padding: 0px 0px 0px 0px;
font-size: 100%;
}

ol   li          {
margin: 0px 0px 0px 25px;
padding: 0px 0px 0px 0px;
font-size: 100%;
}

#contact {
width: 675px;
margin: auto;
background: #fff;/*lichtgrijs*/
color:      #575757;/*antra*/
}

#offerte {
width: 600px;
margin: auto;
background: #F8F8F8;/*lichtgrijs*/
color:      #575757;/*antra*/

}

#offertebedankt{
margin: 5px 20px 10px 40px;
padding: 0px 0px 0px 10px;
font-size: 100%;
background: #F8F8F8;/*lichtgrijs*/
color:      #575757;/*antra*/

}

#adres {
width: 210px;
margin: 5px 5px 5px 5px;
background: #555;/*lichtgrijs*/
color:      #fff;/*antra*/
float: right;
padding: 5px;
}


#adres p {
margin: 5px 0px 5px 0px;
}

#adres span {
background: #555;/*lichtgrijs*/
}



.telefoon {
float: right;
margin: 15px 0;
padding: 0 30px;
}