* { margin:0; padding:0; font-family:Trebuchet MS, Arial, Georgia; border:0; }
a { text-decoration:none; }
ul { list-style-type:none; }
html,body {height:100%;}
body { background:#f7f7f7;}
.container { width:840px; margin:0 auto; }

#top { float:left; height:111px; width:100%; background:#f3f3f3; }
#top h1 { float:left; }
#top ul { float:right; padding-top:42px; }
#top ul li { float:left; padding:0 15px; position:relative; }
#top ul li:hover ul { visibility:visible; }
#top ul li ul { float:left; padding:0; border-top:4px solid #288fe0; background:url(/images/menu-ul-li-ul-li-bg.png); position:absolute; top:25px; left:0; visibility:hidden;   }
#top ul li ul li { width:157px; }
#top ul li a { display:inline-block; padding-bottom:5px; color:#7c7c7d; font-size:17px; }
#top ul li a:hover, #selected a, .top ul li:hover a  { color:#288fe0 !important; text-decoration:none; }
#top ul li:hover ul li a { color:#7c7c7d; }
#top ul li ul li a { font-size:15px; margin:5px 0; }
#top ul li ul li a:hover { color:#000; }

#header { float:left; height:300px; width:100%; background:#e9e9e9; border-top:1px solid #fff; border-bottom:1px solid #fff; }
#header .left { float:left; width:500px; padding:40px 0 0 0; }
#header .left h2 { font-weight:normal; font-size:30px; }
#header .left h2 span { color:#288fe0; }
#header .left p { padding:10px 0; font-size:13px; color:#404040; line-height:22px;}
#header .left a { float:right; margin:10px 18px 0 0; }
#header .left a img { float:left; }
#header .right { float:right; height:233px; width:306px; margin:34px 0 0 0; background: url(/images/header-right-bg.png); }
#header .right iframe { float:left; height:207px; width:283px; margin:13px 0 0 11px; display:inline; }
#sub #header { height:210px; }
#sub #header .right { margin:0; height:210px; width:541px; }
#sub #header .left { width:263px; padding:70px 0 0 0; }

#quote { float:left; height:105px; width:100%; background:#f3f3f3; border-top:1px solid #fff; border-bottom:1px solid #fff; }
#quote .container { text-align:center; padding-top:25px; }

#mid { float:left; width:100%; background:#f7f7f7; }

#mid #inleiding { float:left; width:840px; padding-top:28px; }
#mid #inleiding h2 { color:#404040; font-family:Trebuchet MS, Arial, Georgia; font-weight:normal; font-size:25px; }
#mid #inleiding h2 span { color:#288fe0; }
#mid #inleiding p { padding:10px 0; color:#606060; font-size:13px; line-height:22px; }

#mid .left { float:left; width:223px; margin-top:30px; padding-right:40px; }
#mid .left h3 { float:left; width:223px; padding:0 0 5px 0; border-bottom:2px solid #cecece; font-size:19px; color:#242424; font-weight:normal; }
#mid .left ul { float:left; width:223px; margin-bottom:30px; }
#mid .left ul li { float:left; height:20px; width:214px; padding:3px 0 0 9px; border-bottom:1px solid #ebebeb; font-size:14px; color:#606060; }
#mid .left ul li:last-child { border:0; }
#mid .left ul a { color:#606060; }
#mid .left ul a:hover { color:#288fe0; }

#mid .right { float:left; width:577px; margin-top:30px; }
#mid .right p { padding-bottom:18px; color:#606060; font-size:13px; line-height:22px; }
#mid .right h2 { float:left; width:577px; margin-bottom:10px; padding:0 0 10px 0; border-bottom:2px solid #cecece; font-size:25px; font-weight:normal; color:#404040; }
#mid .right h2 span { color:#288fe0; }
#mid .right h3 { font-weight:normal; padding-bottom:20px; font-size:19px; color:#242424; }
#mid .right h6 { float:left; width:577px; margin-bottom:10px; padding:0 0 3px 0; border-bottom:1px solid #cecece; font-size:20px; font-weight:normal; color:#404040; }
#mid .right h6 a { color:#288fe0; }
#mid .right p span strong { display:inline-block; width:557px; }
#mid .right p a { color:#288fe0; }

#mid .right#contactgegevens { float:left; width:577px; font-size:13px; color:#606060; line-height:25px; }
#mid .right#contactgegevens ul.left { float:left; width:291px; margin:0px; padding:0 13px 0 0; border-right:1px solid #288fe0; }
#mid .right#contactgegevens ul.left li { float:left; width:291px; }
#mid .right#contactgegevens ul.left li strong { float:left; }
#mid .right#contactgegevens ul.left li span, #mid .right#contactgegevens ul.left li a { float:right; text-align:right; }
#mid .right#contactgegevens ul.right { float:right; width:262px; margin:0; }
#mid .right#contactgegevens ul.right li { float:left; width:262px; }
#mid .right#contactgegevens ul.right li strong { float:left; }
#mid .right#contactgegevens ul.right li span, #mid .right#contactgegevens ul.left li a { float:right; text-align:right; }
#mid .right#contactgegevens ul a { color:#288fe0; }
#mid .right#contactgegevens ul a:hover { text-decoration:underline; }

#portfolio li { float:left; width:577px; }
#portfolio li .left { float:left; width:271px; padding:0;}
#portfolio li .right { float:right; width:271px; }
#portfolio li .image { float:left; border:7px solid #000; }
#portfolio li .image img { float:left; }
#portfolio li .image:hover { border-color:#288fe0; }
#portfolio li h4 { float:left; width:271px; padding:5px 0; font-size:14px; color:#404040; font-weight:normal; }
#portfolio li small { float:left; width:271px; font-size:14px; }
#portfolio li small a { color:#288fe0; }
#portfolio li small a:hover { text-decoration:underline; }
#portfolio li p { float:left; width:271px; font-size:12px; color:#404040; padding:10px 0; }

#sitemap { font-size:13px; }
#sitemap a { color:#404040; }
#sitemap a:hover { color:#288fe0; }

h5 { float:left; padding:20px 0 0 0; }
.accordion {float:left; width:570px; font-size:11px;}
.accordion p { background:none !important; padding:10px !important; width:536px !important; }
.accordion h3 { height:0px; font-size:11px !important; width:567px; margin-top:1px; padding:5px; background:#288fe0; color:#fff !important; cursor:pointer; font-weight:bold !important; }

#bottom { float:left; background:url(/images/bg_footer.png) #e9e9e9 no-repeat center; height:181px; width:100%; margin-top:20px; border-top:1px solid #fff; overflow:hidden; }
#bottom ul { float:left; height:120px; margin-top:20px; }
#bottom ul li { float:left; font-size:13px; color:#606060; }
#bottom ul li strong { float:left; display:block; width:100%; }
#bottom ul li a { color:#606060; }
#bottom ul li a:hover { color:#288fe0; }
#bottom ul li ul { padding-top:10px; margin:0; }
#bottom ul li ul li { float:none; padding:1px 0; display:block; }

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -181px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
clear: both;
	height: 181px; /* .push must be the same height as .footer */
}

#footer { float:left; width:840px; padding-top:20px; color:#606060; font-size:10px; }
#footer .left { float:left; }
#footer .right { float:right; }
#footer .right a { color:#606060; }
#footer .right a:hover { color:#288fe0; }