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

html
{
    overflow:hidden;
	height:100%; /* needed for container min-height */
    }

body {
    font: 78%/1.3 Arial, Helvetica, Verdana, sans-serif;
    
}

div.flash
{
    margin:10px auto 0px auto;
    width:990px;
    }
div.left
{
    float:left;
    }

div.right
{
    float:right;
    }

div.page_container
{
    width:1020px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
    background-color: transparent; 
    background-image: url('../images/verfpotten.jpg'); 
    background-repeat: no-repeat; 
    background-position: bottom left; 
    margin:0 auto;
    }

div.header
{
    width:1020px;
    height:167px;
    background-color: #fff; 
    background-repeat: no-repeat; 
    background-position: right; 
    text-align:left;
    }

div.header h1
{
    float:left;
    position:relative;
    top:78px;
    left:34px;
    }

div.header div.servicemenu
{
    float:right;
    color:#fff;
    margin:5px 20px 0px 0px;
    cursor:default;
    }
    
div.wrapper
{
    width:100%;
    height:100%;
    position:relative;
    background: transparent;
    float:left;
    }
    
div.menu_container
{
    height:425px;
    float:left;
    }
    
div.menu
{
    width:270px;
    background: transparent;
    float:left;
	background:#fff;
}
    
div.weer
{
    width:220px;
    height:420px;
    float:left;
    position:relative;
    top:0;
    left:100px;
    text-align:center;
    background:transparent url(../images/weericoon.gif) no-repeat 0px 20px;
    color:#fff;
    font-weight:bold;
    }

.weericoon
{
    margin:27px 0px 5px 0px;
    clear:both;
    } 
    
div.content_container
{
    width:742px;
    background: transparent;
    float:right;
    height:317px;
    }
    
div.content_container h1
{
    height:28px;
    width:742px;
    margin:25px 0px 0px 0px;
}
div.content_container .submenu
{
	width: 700px;
	height: 20px;
	padding: 0;
	margin: 0;
}
div.content_container .scrollzonder,
div.content_container .scrollzondermenu
{
    overflow:auto;
    width:741px;
    height:100%;
    background: transparent;
    clear: both;
}
div.content_container .scroll
{
    overflow:auto;
    width:741px;
    height:78.5%;
    background: transparent;
    clear: both;
}
div.content_container .scrollcontent
{
    overflow:auto;
    width:741px;
    height:95%;
    background: transparent;
    clear: both;
}
    
div.content_container h2
{
    margin:25px 0px 0px 0px;
    }
    
div.content_container img.right
{
    float:right;
    margin:5px 0px 10px 15px;
    display:inline-block;
    }
    
div.content_container img.left
{
    float:left;
    margin:5px 10px 10px 0px;
    display:inline-block;
    }
    
div.content_container div.newsitem
{
    clear:both;
    }
    
div.content_container .fotoitem a
{
    float:left;
    padding:0px;
    margin:0px 25px 12px 0px;
    width:119px;
    font-size:0.9em;
    text-align:center;
    color:#000;
    }
    
div.content_container .fotoitem a:hover
{
    color:#ef482f;
    }
    
div.content_container .fotoitem img
{
    width:119px;
    height:45px;
    padding:0px;
    margin:0px 0px 0px 0px;
    }
    
div.content_container a.projectitem
{
    float:left;
    padding:0px;
    margin:0px 8px 8px 0px;
    width:150px;
    display:block;
    }
div.content_container a.projectitem img
{
    clear:both;
    height:120px;
    width:40px;
    }

table.contactform td
{
    
    padding:3px 0px 3px 30px;
    vertical-align:middle;
    }

table.contactform td.grijs
{
    
    background:#f6f6f6;
    border-bottom:1px solid #f0f0f0;
    }

table.contactform td .input_groot,
table.contactform td select,
table.contactform td .textarea,
div.content_container .input_search
{
    border:1px solid #ddd;
    padding:2px;
    }

table.routeplanner
{
    background:#f1f1f1;
    margin:15px 0px;
    padding:15px;
    width:550px;
    }

table.routeplanner td input,
table.routeplanner td select
{
    border:1px solid #ff4000;
    padding:2px;
    }

table.contactform td .button,
div.content_container .button
{
    border:1px solid;
    border-top:#2862e5;
    border-left:#2862e5;
    border-bottom:#0a41bd;
    border-right:#0a41bd;
    background:#0c47cd;
    padding:1px 2px 2px 2px;
    color:#fff;
    height:22px;
    }
div.content_container .buttonred
{
    background:#ff4000;
    padding:1px 2px 2px 2px;
    color:#fff;
    height:22px;
    }
div.content_container .buttonpaars
{
    background:#d23ea0;
    padding:1px 2px 2px 2px;
    color:#fff;
    height:22px;
    border:1px solid #d23ea0;
    }
div.content_container .buttonred:hover,
div.content_container .buttonpaars:hover
{
    background:#000;
    padding:1px 2px 2px 2px;
    color:#fff;
    height:22px;
    border:1px solid #000;
    }
select.dropdownsearch{border:1px solid #ddd;padding-top:2px;margin-left:15px;}
table.contactform td td
{
    
    padding:0px 0px 0px 0px;
    }
    
table.contactform td table
{
    float:right;
    margin-right:110px;
    }
    
div.content_container ul
{
    float:left;
    width:300px;
    }
    
div.content_container ul ul
{
    float:none;
    width:100%;
    }
    
div.content_container ul li 
{
    list-style:none outside;
    font-size:1.2em;
    font-weight:bold;
    color:#275eea;
    margin-bottom:10px;
    }
    
div.content_container ul li ul li
{
    list-style:disc inside;
    padding-left:20px;
    font-size:0.9em;
    color:#5f5f5f;
    margin-bottom:0px;
    }
    
div.content_container ul li a
{
    font-size:1.0em;
    font-weight:bold;
    color:#275eea;
    text-decoration:none;
    }
    
div.content_container ul li ul li a,
div.content_container ul li ul li ul li a,
div.content_container ul li ul li ul li ul li a
{
    font-size:0.9em;
    color:#5f5f5f;
    text-decoration:none;
    }
    
div.content_container ul li a:hover
{
    text-decoration:underline;
    }

div.content_container .controls
{
    width:655px;
    clear:both;
    text-align:center;
    cursor:default;
    margin-top:5px;
    }

.alkmaar{
    width:134px;
    height:36px;
    display:block;
    background:#fff url(../images/plattegrond/Alkmaar.jpg) no-repeat;
}
.amsterdamw{
    width:157px;
    height:36px;
    display:block;
    background:#fff url(../images/plattegrond/Amsterdamw.jpg) no-repeat;
}
.purmerend{
    width:134px;
    height:37px;
    display:block;
    background:#fff url(../images/plattegrond/Purmerend.jpg) no-repeat;
}
.amsterdamzo{
    width:157px;
    height:37px;
    display:block;
    background:#fff url(../images/plattegrond/Amsterdamzo.jpg) no-repeat;
}
.haarlem{
    width:134px;
    height:41px;
    display:block;
    background:#fff url(../images/plattegrond/Haarlem.jpg) no-repeat;
}
.almere{
    width:157px;
    height:41px;
    display:block;
    background:#fff url(../images/plattegrond/Almere.jpg) no-repeat;
}
.leiden{
    width:134px;
    height:39px;
    display:block;
    background:#fff url(../images/plattegrond/Leiden.jpg) no-repeat;
}
.eemnes{
    width:157px;
    height:39px;
    display:block;
    background:#fff url(../images/plattegrond/Eemnes.jpg) no-repeat;
}
.utrecht{
    width:134px;
    height:39px;
    display:block;
    background:#fff url(../images/plattegrond/Utrecht.jpg) no-repeat;
}
.katwijk{
    width:134px;
    height:39px;
    display:block;
    background:#fff url(../images/plattegrond/Katwijk.jpg) no-repeat;
}
    

.alkmaar:hover{
    background:transparent url(../images/plattegrond/Alkmaar-over.jpg) no-repeat;
}
.amsterdamw:hover{
    background:transparent url(../images/plattegrond/Amsterdamw-over.jpg) no-repeat;
}
.purmerend:hover{
    background:transparent url(../images/plattegrond/Purmerend-over.jpg) no-repeat;
}
.amsterdamzo:hover{
    background:transparent url(../images/plattegrond/Amsterdamzo-over.jpg) no-repeat;
}
.haarlem:hover{
    background:transparent url(../images/plattegrond/Haarlem-over.jpg) no-repeat;
}
.almere:hover{
    background:transparent url(../images/plattegrond/Almere-over.jpg) no-repeat;
}
.leiden:hover{
    background:transparent url(../images/plattegrond/Leiden-over.jpg) no-repeat;
}
.eemnes:hover{
    background:transparent url(../images/plattegrond/Eemnes-over.jpg) no-repeat;
}
.utrecht:hover{
    background:transparent url(../images/plattegrond/Utrecht-over.jpg) no-repeat;
}
.katwijk:hover{
    background:transparent url(../images/plattegrond/Katwijk-over.jpg) no-repeat;
}

.route_small
{
    width:100px;
    height:100px;
    }

div.footerlink
{
    width:100%;
    background:transparent;
    clear:both;
    text-align:right;
    }

div.footerlink a
{
    background:transparent;
    text-decoration:none;
    padding:0px 50px;
    }