html, body {height: 100%;}
body {background-color: #FFF; margin: 0px; padding: 0px; font-family: Arial, Times New Roman, Verdana; font-size: 14px; color: #000; background-image: url(images/body_bg.gif); height: 100%;}
p {font-size: 11px; font-family: Verdana, Times New Roman, Arial; margin: 0px; padding: 0px; padding-bottom: 8px; color: #1b5595; background-color: Transparent;}
h1 {background-color: transparent; font-family: Arial, Times New Roman, Verdana; font-size: 16px; font-weight: normal; color: #0066D6; margin: 0px; padding: 0px;}
h2 {font-family: Verdana, Times New Roman, Arial; font-size: 12px; font-weight: normal; font-variant: small-caps; color: #0fa4de; margin: 0px; padding: 15px 0px 5px 0px; background-color: Transparent;}
a {color: #0fa4de; text-decoration: none; background-color: Transparent;}
a:hover {text-decoration: underline;}
/* main container */
#main_container {width: 800px; min-height: 100%; margin: auto; padding: 0px;}
#logo {width: 155px; height: 1px;}
/* navigation */
#navigation {width: 710px; height:39px; margin-left:242px; margin-top: 10px; background: transparent url(images/navigationbg.png) no-repeat; font-family: Verdana, Times New Roman, Arial;}
#nav {padding-top: 7px; background-color: Transparent; text-align:center;}
.navigation {font-size:13px;}
.navigation ul {margin: 0;padding:0;list-style-type: none;}
/*Top level list items*/
.navigation ul li {position: relative; display: inline; float: left; background-color:Transparent; /*overall menu background color*/}
/*Top level menu link items style*/
.navigation ul li a {display: block; width: 82px; padding: 8px 10px; text-decoration: none; color: #ffffff;}
/*1st sub level menu*/
.navigation ul li ul {left: 0;position: absolute; top: 1em; /* no need to change */ display: block; visibility: hidden;}
/*Sub level menu list items (undo style from Top level List Items)*/
.navigation ul li ul li {display: list-item;float: none; text-align:left;}
/*All subsequent sub menu levels offset after 1st level sub menu */
.navigation ul li ul li ul { left: 159px; /* no need to change */top: 0;}
/* Sub level menu links style */
.navigation ul li ul li a {width: 150px; /*width of sub menu levels*/ color: #ffffff; text-decoration: none; padding: 6px 10px; border: 1px solid #ffffff; background-color: #35acdb;}
.navigation ul li a:hover {background: url(images/bg_img.gif) no-repeat bottom; text-decoration:none;}
.navigation ul li ul li a:hover {background: #31a3cd url() no-repeat bottom; text-decoration:none;}
* html p#iepara {padding-top: 1em;}
/* Holly Hack for IE \*/
* html .navigation ul li {float: left; height: 1%;}
* html .navigation ul li a {height: 1%;}
/* End */
/* header */
#header {background-color: #FFF; color: #000; width: 702px; height: 204px; margin: auto; border: 1px solid #f8f4f4; border-top: 0px;}
#header_sub {margin: 0px 2px 2px 2px; width: 698px; height: auto; padding-top: 3px;}
#header_sub img {width: 698px;}
/* subcontainer */
#container {width: 704px; height: auto; margin: auto; padding-bottom: 8px; margin-top: 2px;}
.headbar {float: left; background-color: #FFF; color: #000; width: 702px; border: 1px solid #f8f4f4; margin: 2px 0px 0px 0px;}
.quotebar {float: left; background-color: #FFF; color: #000; width: 231px; border: 1px solid #f8f4f4; margin: 2px 2px 0px 0px;}
.quotebar_right {float: left; background-color: #FFF; color: #000; width: 232px; border: 1px solid #f8f4f4; margin: 2px 0px 0px 0px;}
.klantbar {float: left; background-color: #FFF; color: #000; width: 460px; border: 1px solid #f8f4f4; margin: 2px 2px 0px 0px;}
.resultaatbar {float: left; background-color: #FFF; color: #000; width: 702px; border: 1px solid #f8f4f4; margin: 2px 2px 0px 0px;}
.logobar {float: left; background-color: #FFF; color: #000; width: 238px; border: 1px solid #f8f4f4; margin: 2px 0px 0px 0px;}
.nieuwsbar {float: left; background-color: #FFF; color: #000; width: 702px; border: 1px solid #f8f4f4; margin: 2px 2px 0px 0px;}
.archiefbar {float: left; background-color: #FFF; color: #000; width: 198px; border: 1px solid #f8f4f4; margin: 2px 0px 0px 0px;}
.zoekbar {background-color: #FFF; color: #000; width: 200px; border: 1px solid #f8f4f4; float: left; margin: 2px 2px 0px 0px; padding: 2px 0px 0px 0px;}
.quickbar {background-color: #FFF; color: #000; width: 498px; border: 1px solid #f8f4f4; float: left; margin: 2px 0px 0px 0px; padding: 0px;}
#quickbar_div {width: 498px; height: 21px; font-size: 10px; color: #0fa4de; font-family: Verdana;}
.quickbar_left {padding: 4px 0px 0px 1px; float: left; width: 425px;}
.quickbar_right {padding: 4px 0px 0px 1px; float: left;}
.subhead {font-family: Verdana, Times New Roman, Arial; font-size: 12px; text-decoration: underline; font-weight: normal; font-variant: small-caps; color: #0066D6; margin: 0px; padding: 15px 0px 5px 0px; background-color: Transparent;background-color: #FFF; margin: 3px; margin-bottom: 2px; padding: 4px;}
.content {margin: 2px; background: transparent url(images/background_content.gif); color: #000; height: 100%;}
.head {background-color: transparent; font-family: Arial, Times New Roman, Verdana; font-size: 16px; font-weight: normal; color: #0066D6; margin: 0px; padding: 0px;}
.head_box {width: 100%;}
.box {background-color: #FFF; color: #000; margin: 3px; padding: 6px 4px 0px 4px; min-height: 100%;}
.box ul {list-style-type: none; padding: 0px; margin: 0px;}
.box ul li {padding: 0px 0px 0px 15px; margin: 2px 2px 2px 0px; font-size: 11px; font-family: Verdana, Times New Roman, Arial; color: #277e9f; background: transparent url(images/arrow.gif) no-repeat 1% 65%;}
.box ul li a {color: #277e9f;}
.leftbox {background-color: #FFF; color: #000; margin: 3px; padding: 6px 4px 0px 4px; min-height: 100%; float: left;}
.kop {font-family: Arial, Times New Roman, Verdana; font-size: 16px; font-weight: normal; color: #0066D6; background-color: #FFF; margin: 3px; margin-bottom: 2px; padding: 4px; }
.blank_bg {background-color: #FFF; color: #000; margin: 0px 3px 3px 3px; padding: 4px;}
.form_c {padding: 4px 0px 0px 0px; margin: 0px;}
.form_c a {margin-bottom: 10px;}
.input {margin-bottom: 4px; padding: 0px;}
.select {margin-bottom: 4px; padding: 0px; background-color: #FFF; color: #8b8b8b; width: 470px; font-family: Verdana, Arial; font-size: 10px; height: 22px;}
.tophead {margin-bottom: 0px; padding: 0px; color: #8b8b8b; font-family: Verdana, Arial; font-size: 10px; text-align: center; font-weight: bold;}
.topselect {margin-bottom: 0px; padding: 0px; color: #8b8b8b; font-family: Verdana, Arial; font-size: 10px; text-align: center;}
.toptable {border-bottom: 1px solid #2697c4; margin-bottom: 8x;}
.downtable {border-bottom: 1px solid #dfdfdf;}
.klantnaam {color: #6b6969; font-weight: bold; font-family: Trebuchet MS; font-size: 12px; }
.letter {Color: #35acdb; font-size: 16px; font-family:"Trebuchet MS"; font-variant: small-caps;}
.button {border: 1px solid #A7A6AA;}
a .project_box {width: 188px; height: 108px; border: 1px solid #EBEBEB; float: left; margin: 2px; margin-left: 25px; margin-bottom: 25px; background-color: #FFF; color: #000;}
a:hover .project_box {border: 1px solid #EBEBEB; background-color: #CCC; color: #000;}
.port {margin: 3px; border: 1px solid #EBEBEB;}
.refbox {background-color: transparent; width: auto; height: auto; margin: 5px 0px 0px 10px; padding: 0px;}
.refbox ul {list-style-type: none; padding: 0px;}
.refbox ul li {padding: 0px 0px 0px 15px; margin: 2px 2px 2px 0px; font-size: 11px; font-family: Verdana, Times New Roman, Arial; color: #277e9f; background: transparent url(images/arrow.gif) no-repeat 1% 65%;}
.refbox ul li a {color: #0fa4de; text-decoration: none;}
.refbox ul li a:hover {text-decoration: underline;}
.gallerycontainer {position: relative;}
.thumbnail img {border: 1px solid white; margin: 0 5px 5px 0;}
.thumbnail:hover {background-color: transparent;}
.thumbnail:hover img {border: 1px solid #CCC;}
.thumbnail span {position: absolute; background-color: #FFF; padding: 0px; left: -1000px; visibility: hidden; color: black; text-decoration: none;}
.thumbnail span img {border-width: 0; padding: 0px;}
.thumbnail:hover span {visibility: visible; left: 660px; top: 480px; z-index: 50;}
.quote {width: 200px; height: auto; margin: 5px 0px 0px 0px; padding: 0px; padding-right: 10px; float: left; border-right: 1px dotted #EBEBEB;}
.quote p {padding: 5px 0px 10px 20px;}
p.write {font-size: 10px;}
.normal p {padding: 5px 0px 10px 20px; font-size: 11px; color: #1b5595; background-color: Transparent; font-family: Verdana, Times New Roman, Arial;}
.quotehead {font-size: 14px; color: #2bb4e8; padding: 5px 0px 5px 20px; background-color: Transparent; }
.quotehead_stripe {font-size: 14px; color: #2bb4e8; padding: 5px 0px 5px 0px; width: 250px; background-color: Transparent;}
.quotemeer {padding: 7px 17px 3px 0px; font-family: Arial, Times New Roman, Verdana; width: auto; float: right; text-align: right; font-size: 10px; color: #1e518a; background-color: Transparent;}
.diensten_list {color: #2bb4e8; font-size: 11px; text-decoration: underline; background-color: Transparent;}
.dienst_box {float: left; background-color: transparent; margin-left: 10px; margin-top: 5px; margin-bottom: 5px; padding: 0px 0px 15px 10px; width: 320px;}
.dienst_box p {font-family: Verdana, Times New Roman, Arial; padding-bottom: 10px; color: #1b5595; background-color: Transparent;}
.dienst_box ul {padding: 2px; padding-left: 10px; margin: 0px;}
.dienst_box li {font-size: 10px; color: #2bb4e8; font-family: Verdana, Times New Roman, Arial; list-style: none; background: transparent url(images/reflist.gif) no-repeat; background-position: 1% 70%; padding-left: 20px;}
.big_box {background-color: transparent; margin-left: 10px; margin-top: 5px; margin-bottom: 0px; padding: 0px 0px 5px 10px; width: 650px;}
.big_box ul {list-style-type: none; padding: 0px; padding-bottom: 10px; margin: 0px;}
.big_box ul li {padding-left: 20px; padding-bottom: 3px; font-size: 10px; font-family: Verdana, Times New Roman, Arial; background: transparent url(images/reflist.gif) no-repeat; color: #1b5595; background-position: 1% 50%; text-decoration: none;}
.big_box li.ww {background: url(images/ww_list.gif) no-repeat; height: 25px; padding: 9px 0px 0px 0px;}
.left_box {background-color: transparent; margin-left: 10px; margin-top: 0px; margin-bottom: 0px; padding: 0px 0px 5px 10px; width:440px; float: left;}
.right_box {background-color: transparent; margin-left: 10px; margin-top: 19px; margin-bottom: 0px; padding: 0px 0px 5px 10px; width:180px; float: left; border: 1px solid #EBEBEB;}
.quote_box {width: 200px; height: 250px; background-color: transparent; margin: 5px 0px 0px 0px; padding: 0px 0px 5px 5px;}
/* Klantencase */
.klant_box {background-color: transparent; margin-left: 10px; margin-top: 5px; margin-bottom: 0px; padding: 0px 0px 5px 10px; width: 400px; height: 82px;}
.resultaat_box {background-color: transparent; margin-left: 0px; margin-top: 5px; margin-bottom: 0px; padding: 0px 50px 5px 10px; width: 400px; height: 155px; float: left;}
.logo_box {background-color: transparent; margin-left: 10px; margin-top: 5px; margin-bottom: 5px; padding: 0px 0px 5px 0px; width: 200px; height: 100px;}
.reactie_box {background-color: transparent; margin-left: 0px; margin-top: 5px; margin-bottom: 5px; padding: 0px 0px 5px 0px; width: 200px; height: 150px; float: left;}
.klant_box ul {list-style-type: none; padding: 0px; padding-bottom: 10px; margin: 0px;}
.kalnt_box ul li {padding-left: 20px; padding-bottom: 3px; font-size: 10px; font-family: Verdana, Times New Roman, Arial; background: transparent url(images/reflist.gif) no-repeat; color: #1b5595; background-position: 1% 50%; text-decoration: none;}
/* Span */
span.nr {padding-left: 12px; padding-right: 25px;}
span.bold {font-weight: bold;}
span.italic {font-style: italic;}
span.underline {text-decoration: underline;}
span.begrip {cursor: help; border-bottom: 1px dashed #0066D6; text-decoration: none;}
span.linkcolor {color: #0fa4de; text-decoration: none; background-color: Transparent;}
.mtop_llow {padding-top: 5px; padding-bottom: 1px;}
/* floaters and frames */
.logoframe {float: left; border: 1px solid #EBEBEB; margin: 0px 3px 3px 0px;}
.logo_left {float: left; border: 1px solid #EBEBEB; margin: 2px 5px 5px 0px;}
.image_right {float: right; border: 1px solid #EBEBEB; margin: 2px 5px 3px 0px;}
.image_right_btm {float: right; border: 0px; margin: 2px 5px 0px 5px;}
.image_rightspace {float: right; border: 1px solid #EBEBEB; margin: 2px 5px 3px 5px;}
.web_frame a {float: left; border: 5px solid #CCC; margin: 5px 15px 25px 0px;}
.web_frame a:hover {border: 5px solid #31a3cd;}
.clearbox {border: 1px solid #EBEBEB; float: right; margin: 2px;}
.cmsbottom {background: url(images/smilecms.gif) no-repeat bottom right; width: 210px; height: 250px; float: right;}
.clearbox_inner {margin: 1px;}
/* Contact formulier */
.left_box form label {display: block; float: left; width: 100px; padding: 0; margin:5px 5px 0px 0px; text-align: right; background-color:Transparent; font-family:Tahoma, sans-serif; font-size:11px; color: #1b5595;}
.left_box form input.button {background-color:#f3f3f3; width:155px; margin-left: 10px; color:#948E8E; text-align:center; letter-spacing:1px;}
.left_box form input {display: block; float: left; width: 250px; padding: 0; margin:5px 0px 0px 0px; text-align: left; background-color:Transparent; font-family:Tahoma, sans-serif; font-size:11px; border:1px solid #CCC;}
.left_box form input.radio {display: inline; width: 40px; border: 0px; padding: 0px;}
.left_box form select {display: block; float: left; width: 252px; padding: 0; margin:5px 0px 0px 0px; text-align: left; background-color:white; font-family:Tahoma, sans-serif; font-size:11px; border:1px solid #CCC; }
.left_box form {margin: 0; padding: 0; width: 400px; background-color:Transparent;}
.left_box form fieldset {border-color: #EBEBEB; border-width: 1px; border-style: solid; padding: 10px; margin:0px 0px 10px 0px;}
.left_box textarea {font-family:Tahoma, sans-serif; font-size:11px; border:1px solid #CCC; width: 250px;}
.left_box legend {padding:2px 5px 2px 5px; margin-bottom: 5px; border:1px solid #EBEBEB; font-family: Verdana, Times New Roman, Arial; font-size: 12px; font-weight: normal; font-variant: small-caps; color: #0fa4de;}