body {margin:0; padding: 0; font-family:  Verdana, Arial, Helvetica, sans-serif;font-size: 11px;  Background-color:#808080;}
#paginacontainer { margin:0 auto; width:962px; background-image: url(../images/bg.png); background-repeat:repeat-y; overflow:hidden; padding:0 8px 0 8px;}
#header { height:82px;}
#header a img{ border:none; text-decoration:none; }
#header .logo {float:left; margin: 5px 0 0 20px;}
#header .logo2 { float:right; margin:10px 20px 0 0;}

strong { color: #733E8E;}
strong.black{color:#000;}

body.homepage .kruimelpad {float:left; margin:0px 0px 20px 0; width:500px; }
body.homepage .kruimelpad ul { margin:20px 0 20px 0; padding:0; }
body.homepage .kruimelpad ul li { list-style:none; float:left; }
body.homepage .kruimelpad ul li a{ padding:0px 10px; font-size:12px; text-decoration:underline; color:#733E8E;  }
body.homepage .kruimelpad ul li.first a{ padding:0px 10px 0 0px; font-size:12px; text-decoration:underline; }
body.homepage .kruimelpad ul li span { font-size:12px; text-decoration:none;color:#733E8E;  }

.kruimelpad {float:left; margin:8px 0px 0px 15px; width:500px; }
.kruimelpad ul { margin:10px 0 0px 0; padding:0; }
.kruimelpad ul li { list-style:none; float:left; }
.kruimelpad ul li a { padding:0px 10px; font-size:12px; text-decoration:underline;color:#733E8E;  }
.kruimelpad ul li.first a { padding:0px 0px 0 0px; font-size:12px; text-decoration:underline; }
.kruimelpad ul li.second a { padding:0px 0px 0 0px; font-size:12px; text-decoration:underline; }
.kruimelpad ul li span { font-size:12px; text-decoration:none;color:#000;  }
.kruimelpad ul li span.seperate { font-size:12px; text-decoration:none; margin-right:5px!important; margin-left:5px!important;  }


#introductie {position:relative;  height:200px; background-color:#733e8e; overflow:hidden; clear:both; padding:0 0 0 30px; border-bottom:1px solid #fff; width:931px; }
#introductie h1 {margin:60px 0 0px 0;  font-family: georgia, verdana; font-size: 36px; color:#fff;}
#introductie .text { width:500px; line-height:20px; color:#fff; float:left;  }
#introductie .text p { width:400px; height:100px; overflow:hidden; margin:0; padding:0; }
#introductie .afbeelding {position:absolute; top:0; right:20px; width:407px; float:left; background-color:#8954a4; height:200px; }
#introductie .afbeelding img { margin: 0 0 0 10px; height:200px; width:387px; overflow:hidden; }
.border { background-color:#93bbf9; height:16px; width:961px; }
#content { padding:0 20px 0 20px;  min-height:380px; height:auto !important; height:380px; line-height:22px; font-size:12px; }
#content .homepagetekst{ width:506px; float:left; }
#content .paragraph { width:430px; line-height:18px; margin: 0 0 20px 10px; }
#content .paragraph h1 { font-family: georgia, verdana; font-size: 30px; color:#733e8e; margin:20px 0 10px 0; padding:0;}
#content .paragraph .text { margin:0 0 20px 0; padding:20px 0 0 0; line-height:22px; width:470px;}
#content .paragraph .text p { margin:0; padding:0; font-size:12px; line-height:22px; }
#content .paragraph .text a { color:#733E8E; }
#content .paragraph .text ul { background-color:#e6f0ff; width:440px; padding:20px; margin:20px 0 0 0px;}
#content .paragraph .text ul li { margin:0 0 0 20px; }


#content #aanbod { float:left; margin:10px 0 0 10px; }
#content #aanbod h3 { font-family: georgia, verdana; font-size: 30px; color:#733e8e; margin:10px 0 0 100px; padding:0;}

#content #aanbod .portfolio { background-color:#c3d7f7; height:288px; width:404px; overflow:hidden; }
#content #aanbod .portfolio ul {background-color:#000; margin:6px 7px 0 7px; padding:0; overflow:hidden;}
#content #aanbod .portfolio ul li {float:left; margin:0; padding:0;}
#content #aanbod .portfolio ul li img { width:128px; height:85px; border-left:1px solid #fff; border-right:1px solid #fff; border-bottom:8px solid #C3D7F7; border-top:1px solid #fff; margin:0; padding:0; float:left;filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9;	opacity: 0.9;}
#content #aanbod .portfolio ul li a {border:none; text-decoration:none;}
#content #aanbod .portfolio ul li a:hover img {  width:128px; height:85px;  border-left:1px solid #fff; border-right:1px solid #fff; border-bottom:8px solid #C3D7F7; border-top:1px solid #fff; filter:alpha(opacity=99); -moz-opacity:0.99; -khtml-opacity: 0.99; opacity: 0.99;}
#submenu {float:left; margin:20px 0 0 0; padding:0; width:172px; overflow:hidden;}
#submenu ul {margin:0 0 0 0; padding:0; }
#submenu ul li {list-style:none; line-height:24px; margin:0; padding:0; }
#submenu ul li a {color:#8954a4; padding:0 0 0 15px; display:block; }
#submenu ul li a:hover {color:#8954a4; font-weight:bold; }
#submenu ul li a.active {color:#8954a4;  font-weight:bold; background-image:url(../images/arrow.png); background-repeat:no-repeat; background-position: center left; padding:0 0 0 15px; }
#wrapper h1 { margin:0 0 0 10px; padding:0; }
#wrapper .text { width:900px; margin: 0 0 0 15px; line-height:20px; clear:both; }
#wrapper .text a { color:#733E8E; }
#wrapper .text ul { background-color:#e6f0ff; width:500px; padding:20px; margin:20px 0 0 20px;}
#wrapper .text ul li { margin:0 0 0 20px; }
#wrapper .afbeeldingen { margin-top:30px; clear:both; }
#wrapper .afbeeldingen img { border:none; }
#wrapper .afbeeldingen img.left { border:none; }
#wrapper .keuze { width:900px; margin: 40px 0 0 70px;}
#wrapper .keuze ul {margin:0; padding:0; }
#wrapper .keuze ul li {float:left; border-right:30px solid #fff; list-style:none;background-color:#000;}
#wrapper .keuze ul li a {border:none; text-decoration:none;}
#wrapper .keuze ul li a img {width:243px; height:167px; border:none; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9;	opacity: 0.9;}
#wrapper .keuze ul li a img:hover {width:243px; height:167px; border:none; filter:alpha(opacity=99); -moz-opacity:0.99; -khtml-opacity: 0.99;	opacity: 0.99;}
#footer { height:33px; background-color:#93bbf9; clear:both; width:961px; overflow:hidden;  }
#footer p { float:right; color:#fff; margin:10px 20px 0 0; padding:0;}
#footer a { color:#fff; }

/* aanbod */
#wrapper {width: 935px; margin:20px -10px 20px 0; padding:0; float:left;}
#intro { padding-bottom: 10px; }

h2 { margin: 0!important; margin-bottom: 5px; padding: 0;}
#slider {width: 848px; margin: 0 auto; position: relative;}
.scroll {width: 847px; overflow: auto; overflow-x: hidden; position: relative; clear: left; background: #e7eef8 repeat-x scroll left bottom;}
.scrollContainer div.panel {padding: 20px; line-height:20px; width: 847px;}
.scrollContainer div.panel p{width: 780px;}
.scrollContainer div.panel a{color:#733E8E;}
#shade { background: #EDEDEC no-repeat 0 0; height: 50px;}
ul.navigation { list-style: none;  margin: 0; padding: 0;  border-bottom:1px solid #fff;  overflow:hidden;}
ul.navigation li { display: inline; width:100px; margin:0; padding:0;}
ul.navigation li.last a{ display: inline; width:110px;}
ul.navigation a { color: #fff; text-decoration: none; background-color:#72a7f9; float:left; border-right:1px solid #fff; width:116px; padding:5px 3px 5px 2px; text-align:center; font-size:11px; line-height:12px;}
ul.navigation a:hover { background-color:#93bbf9;}
ul.navigation a.selected { background-color:#93bbf9;}
ul.navigation a:focus {outline: none;}
.scrollButtons { position: absolute; top: 150px; cursor: pointer;}
.scrollButtons.left {left: -40px;  display:none; }
.scrollButtons.right { right: -40px; display:none;  }
.hide { display: none; }
/* einde aanbod*/

.googlekaartje { width:804px; height:260px; background-color:#e7eef8; border:1px solid #93bbf9; position:relative;  }
.googlekaartje .overlay  {background-color:Black; position:absolute; bottom:0; left:0; width:400px; height:20px; color:#fff;}
.googlekaartje .overlay a{ color:#fff!important; margin-left:10px; font-family:Tahoma, Verdana, Arial; font-size:12px; text-decoration:none;  }
.googlekaartje .overlay a:hover{ text-decoration:underline;}

.leftblock { position:relative; width:160px; float:left; background-color:#a4c5f9; margin-right:4px; margin-top:30px; border:2px solid #93bbf9;}
.leftblock .pdficon { background-image:url(../images/pdf_icon.png); width:98px; height:136px; position:absolute; top:-33px; left:15px; }
.leftblock .tekst { clear:both; float:left; margin:120px 0 0 15px; width:120px; min-height: 140px; text-align:left; font-size:11px; color:#fff; font-family:verdana;}
.leftblock .tekst ul { margin: 0 0 20px 0; padding: 0 0 0 15px; float:left; width:120px; }
.leftblock .tekst ul li{  width:120px; vertical-align: top;}
.leftblock .tekst a { color:#fff!important; text-decoration:none; display: block;}
.leftblock .tekst a:hover { text-decoration:underline;}


.tekeningkaartje {margin-top:30px; float:left; width:650px; height:260px; background-color:#e7eef8; border:2px solid #93bbf9; position:relative; overflow:hidden;  }
.tekeningkaartje .overlay  {background-color:Black; position:absolute; bottom:0; left:0; width:400px; height:20px; color:#fff;}
.tekeningkaartje .overlay a{ color:#fff!important; margin-left:10px; font-family:Tahoma, Verdana, Arial; font-size:12px; text-decoration:none;  }
.tekeningkaartje .overlay a:hover{ text-decoration:underline;}


/* menu */
ul.dropdown, ul.dropdown li, ul.dropdown ul { list-style: none; margin: 0; padding: 0; }
ul.dropdown { position: relative; z-index: 597; float: left;}
ul.dropdown li { float: left; line-height: 1.3em; vertical-align: middle; }
ul.dropdown li.hover, ul.dropdown li:hover { position: relative; z-index: 599; cursor: default;}
ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%; }
ul.dropdown ul li { float: none; height:1%; }
ul.dropdown ul ul { top: 1px; left: 99%; }
ul.dropdown li:hover > ul { visibility: visible;}
ul.dropdown { font-weight: bold; }
ul.dropdown li { padding: 7px 10px; border-style: solid; border-width: 1px 1px 1px 0; border-color: #fff #d9d9d9 #d9d9d9; background-color:#8954a4; color: #fff;}
ul.dropdown li.hover, ul.dropdown li:hover {background-color: #733e8e; color: #fff; cursor:pointer; }
ul.dropdown li.active {	 background-color: #733e8e; color: #fff!important; }
ul.dropdown a { display:block; }
ul.dropdown a:link,
ul.dropdown a:visited	{ color: #fff; text-decoration: none; }
ul.dropdown a:hover		{ color: #fff; }
ul.dropdown a:active	{ color: #fff; }
/* Einde menu */

/* -- level mark -- */
ul.dropdown ul { width: 220px; margin:0 0 0 -1px;}
ul.dropdown ul li { font-weight: normal; border:1px solid #fff; border-bottom:none;	}
ul.dropdown ul li.last { font-weight: normal; border-bottom:1px solid #fff;	}


ul#portfolio li img{}
ul#portfolio {margin:0; padding:0;}
ul#portfolio li { list-style:none;}

table.beschikbaar { text-align: left; margin: 10px 0 0 0;}
table.beschikbaar tr.light { background-color: #fff;}
table.beschikbaar tr td { padding: 3px 5px 3px 5px;}
table.beschikbaar tr td.oppervlakte { text-align: right; padding: 3px 30px 0 0; vertical-align: top;}