@CHARSET "UTF-8";
/* Algemene HTML opmaak */
* { color: #FFF; font-family: Arial, Verdana, sans-serif; font-size: 11px; }
body, html { margin: 0; padding: 0; height: 100%; }
body { background: #6B860D url('/images/background.jpg') repeat-y center; line-height: 19px; }
/* algemene layout opmaak */
#clear { clear: both; margin: 0px }
div#sitecontainer { background: url('/images/footer.png') no-repeat; position: relative; height: auto !important; margin: 0 auto; min-height: 100%; width: 942px; }
div#contentcontainer { background: url('/images/background.jpg') repeat-y center; }
div#content_text { position: relative; left: 535px; padding: 50px 0 50px 0; text-align: justify; width: 371px; }
/* footer opmaak */
div#footer { position: relative; width: 942px; bottom: 0; min-height: 100px; height: 100px; }
div#footer_left { float: left; padding: 15px 0 0 26px; }
div#footer_right { color: #FFF; float: right; padding: 15px 26px 0 0; }
div#footer_left a,
div#footer_right a { color: #FFF; text-decoration: none; }
div#footer_left a:hover,
div#footer_right a:hover { color: #92B615; text-decoration: none; }
div#logo { position: absolute; left: 26px; top: 62px; z-index: 3; }
div#spot { position: absolute; left: 40px; top: -60px; z-index: 0; }
/* menu */
div#menu { position: relative; background: url('/images/menu.png') repeat-x; height: 40px; width: 942px; left: 0; top: 0; z-index: 5; }
div#menu_item,
div#menu_item_selected { float: left; height: 29px; margin: 0; padding: 6px 20px 0 18px; text-transform: uppercase; }
div#menu_item_selected { background: url('/images/menu-selected.png') repeat-x; }
div#menu_item:hover { background: url('/images/menu-selected.png') repeat-x; }
div#menu_item_spacer { float: left; width: 9px; height: 29px; margin: 0; }
div#menu_item a,
div#menu_item_selected a { color: #FFF; text-decoration: none; }
/* font opmaak */
a:hover { text-decoration: underline; }
h1 { color: #FFF; font-size: 18px; text-transform: uppercase; text-decoration: none; margin: 0 0 15px 0; padding: 0; }
h2, h3, h4, h5 { color: #FFF; font-size: 15px; text-transform: uppercase; text-decoration: none; margin: 0 0 8px 0; padding: 0; }
/* visual opmaak */
div#slogan_home { position: absolute; left: 555px; top: 187px; }
div#visual_home { position: absolute; left: 12px; top: 90px; }
div#visual_wie-is { position: absolute; left: 40px; top: 250px; }
div#visual_werkwijze { position: absolute; left: 110px; top: 250px; }
div#visual_seo { position: absolute; left: 80px; top: 160px; }
div#visual_hosting { position: absolute; left: 150px; top: 150px; }
div#visual_portfolio { position: absolute; left: 50px; top: 200px; }
div#visual_disclaimer { position: absolute; left: 60px; top: 375px; }
div#visual_404 { position: absolute; left: 30px; top: 225px; }
div#visual_contact { position: absolute; left: 28px; top: 130px; }
div#visual_contact_image { position: absolute; left: 200px; top: 0; }
div#visual_contact_image2 { position: absolute; left: 123px; top: 450px; }
div#google_maps_div { position: absolute; left: 0px; top: 88px; height: 475px; width: 475px; }
/* referenties */
#slideshow { background:#3E4C09; height:263px; margin:0 0 0 -50px; position:relative; width:450px; z-index:99; }
#slideshow #slidesContainer { height:263px; margin:0 40px; overflow:auto; position:relative; width:360px; }
#slideshow #slidesContainer .slide { margin:0 auto; width:310px; height:263px; }
#slideshow #slidesContainer .slide #container2 { padding:15px 0 0 10px; }
#slideshow #slidesContainer .slide #container2 #txt { float:left; position:relative; width:220px; }
#slideshow #slidesContainer .slide #container2 #img { float:left; margin:0 0 0 10px; position:relative; width:120px; }
#slideshow #slidesContainer .slide #container2 #img img { border:0; margin:0 0 10px 0; width:120px; }
.control { display:block; width:39px; height:263px; text-indent:-10000px; position:absolute; cursor: pointer; }
#leftControl,
#rightControl { top:0; opacity:0.4; filter:alpha(opacity=40); }
#leftControl { background:url(/images/control_left.jpg) no-repeat 0 0; left:0; }
#rightControl { background:url(/images/control_right.jpg) no-repeat 0 0; right:0; }
#leftControl:hover,
#rightControl:hover { opacity:1.0; filter:alpha(opacity=100); }
/* formulier opmaak */
input.btn { position:absolute; background:#324107; border:0; color:#FFF; font-size:11px; left:271px; margin:0; padding:0; width:100px; }
input.contact { position:absolute; background:#FFF; border:1px solid #324107; color:#000; font-size:11px; left:120px; margin:0; padding:0; width:251px; }
textarea.contact { position:absolute; background:#FFF; border:1px solid #324107; color:#000; font-size:11px; left:120px; margin:0; width:251px; height:67px; }
#fielderror { border:1px solid #F00; background:#F0D2D2;}