html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0}
body{margin:0px; padding:0px; font-family:Arial,Helvetica,sans-serif; font-size:75%; line-height:150%; color:#555; background:#54b721}
body .holder{margin:0px auto; width:980px; clear:both}
#container{background:#fff url('/images/bg-sub.jpg') repeat-x top center}
#container.home{background:#fff url('/images/bg-home.jpg') repeat-x top center}
#container input, textarea, select{margin:1px; border:1px solid #54b721; padding:3px; font-size:12px; font-family:Arial,Helvetica,sans-serif; color:#666}
#container input, select{width:355px}
#container textarea{width:355px}
#container input[type="checkbox"]{border:none; width:15px}
#container input.button{margin:5px 0px 0px 0px; width:85px; border:1px solid #368b0a; font-size:12px; color:#fff; background:#54b721; font-weight:bold; float:right; background:url('/images/bg-button.gif')}
#container input.button:hover{background:#afb1b5; border-color:#777}
#container input.focused {border-color: #999;}
#container h1, #container .titel{font-family:'AvenirRegular'; color:#54b721; font-size:200%; margin:0px 0px 10px 0px; padding:0px; font-weight:normal; display:block; text-decoration:none; line-height:130%}
#container h2{font-family:'AvenirRegular'; color:#54b721; font-size:170%; margin:5px 0px 5px 0px; padding:0px; font-weight:normal}
#container h3{font-family:'AvenirRegular'; color:#54b721; font-size:140%; font-weight:bold; text-decoration:none; margin:5px 0px 5px 0px; padding:0px}
#container h4{color:#54b721; font-weight:bold; margin:5px 0px 5px 0px; padding:0px}
#container .titel{font-size:180%}
#container a{color:#54b721; text-decoration:underline}
#container a:hover{color:#666; text-decoration:none}
#container h3 a, #container h4 a{text-decoration:none}
#container label{display:block; float:left; clear:both; width:175px; font-weight:bold; line-height:22px}
#container p{margin:0px 0px 10px 0px; padding:0px}
#container .clear{clear:both}
#container .small{font-size:90%}
#container .holder{margin:0px auto}
#header ul{margin:0px; padding:20px 0px 0px 0px; list-style:none; height:50px}
#header ul li{margin:0px; padding:0px; display:inline}
#header ul li a{margin:10px 0px 0px 25px; padding:23px 0px 0px 0px; display:block; float:left; height:0px !important; overflow:hidden; background-position:0px 0px}
#header ul li a:hover, #header ul li a.current{background-position:0px -23px; -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
#header ul li a:hover {-webkit-transform:rotate(3deg); -moz-transform:rotate(3deg); -o-transform:rotate (3deg)}
#header ul li a.current {-webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -o-transform:rotate (-3deg)}
#header ul li a.logo{margin:0px 86px 0px 0px; padding:35px 0px 0px 0px; display:block; float:left; height:0px !important; width:300px; overflow:hidden; background:url('/images/dotsolutions.gif') no-repeat top center; -webkit-transform:rotate(-1deg); -moz-transform:rotate(-1deg); -o-transform:rotate (-1deg)}
#header ul li a.logo:hover{background-position:0px 0px; -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -o-transform:rotate (-3deg)}
#header ul li a.over{width:42px; background-image:url('/images/menu-over.gif')}
#header ul li a.internet-diensten{width:80px; background-image:url('/images/menu-diensten.gif')}
#header ul li a.referenties{width:99px; background-image:url('/images/menu-referenties.gif')}
#header ul li a.vacatures{width:89px; background-image:url('/images/menu-vacatures.gif')}
#header ul li a.nieuws{width:64px; background-image:url('/images/menu-nieuws.gif')}
#header ul li a.contact{width:69px; background-image:url('/images/menu-contact.gif')}
#teaser{height:285px}
#teaser #omschrijving{float:left; display:block; width:430px; padding:40px 0px 0px 0px}
#teaser h1, #teaser p{color:#fff; margin:0px 0px 10px 0px}
#teaser h1{font-size:260%}
#teaser p{font-size:140%; line-height:175%}
#teaser img{float:right; display:block}
#teaser a{margin:0px 86px 0px 0px; padding:42px 0px 0px 0px; display:block; float:left; height:0px !important; width:140px; overflow:hidden; background:url('/images/teaser-link.gif') no-repeat top center}
#teaser a:hover{background-position:bottom center}
#diensten{float:left; width:490px}
#diensten .blok{float:left; width:235px; height:100px; padding:0px 10px 0px 0px}
#diensten a.titel{height:45px; width:120px; padding:10px 0px 0px 65px; margin:0px; background:no-repeat top left; display:block; font-size:170%; line-height:20px}
#diensten .webdesign a{background-image:url('/images/icon-webdesign.gif')}
#diensten .seo a{background-image:url('/images/icon-seo.gif')}
#diensten .nieuwsbrieven a{background-image:url('/images/icon-nieuwsbrieven.gif')}
#diensten .webwinkel a{background-image:url('/images/icon-webwinkel.gif')}
#zoeken, #cases, .kwartkolom{float:left; width:235px; padding:0px 10px 10px 0px}
#zoeken input{width:225px}
#cases img{float:left; margin-right:10px;}
#cases a{text-decoration:none}
#cases p.quote{font-style: italic;}
#home-content-2{background:url('/images/lijn.gif') no-repeat 0px 10px; padding:30px 0px}
#nieuws{padding:0px 10px 0px 0px; clear: both; background:url('/images/lijn.gif') no-repeat 0px 10px; padding:30px 0px}
#container .nieuwsbericht{margin-bottom:10px; float: left; width: 490px; height: 110px;}
#container .nieuwsbericht img{border:1px solid #ddd; margin: 0px 10px 5px 0px; background:#fff; padding:1px; width:60px}
#container .nieuwsbericht p{margin:0px;padding:0px;}
#container .nieuwsbericht p.titel{font-size:120%; float:none; margin:0px 0px 5px 0px;}
#container .nieuwsbericht a{text-decoration:none}
#container .nieuwsbericht .small span{text-decoration:underline}
#container .clickable{cursor:pointer}
#container .halvekolom{float:left; width:490px}
#container .halvekolom img{border:1px solid #ddd; padding: 1px;}
#container .halvekolom a.project{display:block; float:left; width:237px; margin:0px 7px 7px 0px; text-decoration:none; font-size:100%; font-weight: bold;}
#nieuwsbrief input{width:225px}
#sub-content{padding-top:10px}
#content{float:left; width:725px; margin-right:10px; padding-bottom:20px}
#content h1, #content p.breadcrumb, #content p.breadcrumb a{color:#fff}
#content p.breadcrumb{font-size:90%; line-height:20px; margin:0px; padding:10px 0px 0px 0px}
#content h1{line-height:40px; font-size:240%; padding-bottom:25px}
#showcase a{float:left; width:125px; height:125px; text-align:center; border:1px solid #ddd; background:#fff; padding:1px; margin:6px}
#showcase a:hover{border:1px solid #54b721}
#referentie-lijst h2{clear:both; padding:10px 0px 10px 0px}
#referentie-lijst a{float:left; width:60px; height:60px; padding:13px; margin:6px; border:1px solid #ddd; background:#f4f4f4}
#referentie-lijst a:hover{border-color:#54b721}
#content .kolom{width:47%; margin-right:10px; float:left}
#content form{padding:10px 20px 10px 20px; margin:10px 0px 10px 0px; border:1px solid #ddd; background:#f5f5f5; clear:both}
#portfolio-left, #portfolio-right{float:left}
#portfolio-left{width:290px; padding-right:10px; margin-right:10px}
#portfolio-right{width:410px}
#portfolio-small{margin:0px 0px 0px 0px; padding:4px; width:400px; border:1px solid #ddd; background:#f5f5f5; border-top:none}
#portfolio-right  img{border:1px solid #ddd; background:#fff; padding:4px}
#portfolio-small img:hover{border-color:#54b721}
#portfolio-small img{margin:4px}
#container ul.nieuwslijst{list-style:none; font-size:110%; clear: both;}
#container ul.nieuwslijst li span{font-size:80%; width:145px; float:left}
#content .nieuwsbericht {width:auto; height: 100px;}
#content .nieuwsbericht p.titel{font-size: 170%;}
#content .nieuwsbericht img {float:left}
#content ul {padding: 0px 10px; margin: 0px 10px; list-style: square;}
#content ol {padding: 0px 10px; margin: 0px 10px;}
#right{float:left; width:245px}
#social{padding:16px 0px 45px 100px; height: 32px;color: #fff; font-size: 90%; text-align: right;}
#social a {padding-top:32px; display: block; width: 32px; height:0px !important; overflow:hidden; float: right; margin-left: 3px; }
#social a.twitter { background:url('/images/icon-twitter.png');}
#social a.linkedin { background:url('/images/icon-linkedin.png');}
#social a.facebook { background:url('/images/icon-facebook.png');}
#social a.hyves { background:url('/images/icon-hyves.png');}
#social a:hover { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
#right .blok{width:245px}
#right .blok p{padding:0px 10px}
#right .blok p.titel{background:url('/images/bg-right-titel-groen.gif') no-repeat top left; line-height:50px; height:50px; color:#fff; font-size:150%; padding:0px 20px}
#right #submenu ul{margin:0px; padding:0px 0px; list-style:none}
#right #submenu ul li a{font-family:'AvenirRegular'; line-height:23px; display:block; padding:0px 23px; margin:5px 0px; font-size:140%; text-decoration:none; color:#666}
#right #submenu ul li a:hover, #right #submenu ul li a.current{background:url('/images/bg-right-menu-over.gif') no-repeat center left; color:#54b721}
#right a.banner{margin:40px 10px; width:230px; padding:123px 0px 0px 0px; display:block; height:0px !important; overflow:hidden}
#right a.banner:hover{background-position:0px -123px}
#right a.websitetest{background:url('/images/banner-websitetest.gif') no-repeat 0px 0px}
#foot-holder{background:url('/images/bg-footer.jpg') #54b721 repeat-x top left; height:151px}
#footer{padding:20px 0px 0px 0px; color:#fff; text-align:right}
#footer ul{margin-right:10px; padding-right:10px; list-style:none; float:left; width:145px; text-align:left}
#footer ul li{margin:0px; padding:0px; display:block}
#footer .top{font-family:'AvenirRegular'; font-weight:bold; font-size:150%}
#footer a{color:#fff; text-decoration:underline}
#footer ul li a{text-decoration:none}
#footer a:hover{color:#fff; text-decoration:underline}
#footer a.contact{margin:0px 0px 10px 0px; padding:59px 0px 0px 0px; display:block; float:right; height:0px !important; width:145px; overflow:hidden; background:url('/images/contact.gif') no-repeat 0px 0px}