﻿body {}
#header img { border:none; margin:0; padding:0;}
img.logo {margin:0; padding:0;}
ul.dropdown { display:none; }
.sIFR-flash { display:none;  }
h1 { color:#733E8E; font-family:  Verdana, Arial, Helvetica, sans-serif;font-size: 30px; font-weight:bold; }
.kruimelpad { display:none;}
ul#portfolio  {margin:0; padding:0;} 
ul#portfolio li {list-style:none;}
p {font-family:  Verdana, Arial, Helvetica, sans-serif;font-size: 11px; font-weight:normal; color:#000; line-height:18px;}

#content #aanbod .portfolio { background-color:#c3d7f7; height:280px; 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:5px 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:5px solid #C3D7F7; border-top:1px solid #fff; filter:alpha(opacity=99); -moz-opacity:0.99; -khtml-opacity: 0.99; opacity: 0.99;}
#content .paragraph .text ul { background-color:#e6f0ff; width:440px; padding:20px; margin:20px 0 0 0px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; font-weight: normal; color: #000000; line-height: 18px;}
#content .paragraph .text ul li { margin:0 0 0 20px; }
#wrapper .keuze {  margin: 0;}
#wrapper .keuze ul {margin:0; padding:0; }
#wrapper .keuze ul li {float:left; border-right:30px solid #fff; list-style:none;background-color:#000; margin-bottom:20px;}
#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;}

/* aanbod */
#wrapper {margin:20px -10px 20px 0; padding:0; float:left;}
#intro { padding-bottom: 10px; }

#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: 600px;}
.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:150px; height:260px; 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:150px 0 0 15px; width:120px; text-align:left; font-size:14px; color:#fff; font-weight:bold; font-family:Tahoma, Verdana, Arial;}
.leftblock .tekst ul { margin:0 0 0 0px; padding:0; float:left; width:120px; }
.leftblock .tekst ul li{  width:120px; list-style-position:inside;  }
.leftblock .tekst a { color:#fff!important; text-decoration:none; }
.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;}



#footer {clear:both;float:left; margin-top:50px;}
