/**************************************
    Copyright 2009, Webcreationz
    info@webcreationz.nl    
    A L L   R I G H T S   R E S E R V E D
**************************************/
html,body,div,h5,h6,ul,ol,dl,li,dt,dd,p,a,blockquote,pre,fieldset,table,th,td,textarea,input{margin:0;padding:0;}
body{background:#4d4d4d url(images/bg.jpg) top repeat-x;font-family:Arial,Helvetica,sans-serif;color:#666;font-size:12px;min-width:1024px;cursor:default;}
/*@font-face{font-family:"Helvetica","Arial",Helvetica,sans-serif;font-weight:normal;src:url('http://www.webcreationz.nl/fonts/');}*/
a img{border:none;}
:focus{outline:none;}
h1,h2,h3,h4{font-family:Helvetica,Arial,Helvetica,sans-serif;font-size:16px;}
h1,h2,h3,h4,p{margin:10px 0 15px 0;cursor:default;}
h1.title{font-size:26px;font-weight:normal;color:#4c4c4c;}
h1.f-title{font-size:26px;font-weight:normal;color:#4c4c4c;}
h1.f-title a,h1.f-title a:visited{color:#ff8400;text-decoration:none;}
h1.f-title a:hover{color:#ff8400;text-decoration:underline;}
h2.title,h3.title{font-size:26px;font-weight:normal;color:#4c4c4c;}
h2.title a,h2.title a:visited,h3.title a,h3.title a:visited{color:#333;text-decoration:none;}
h2.title a:hover,h3.title a:hover{color:#ff8400;text-decoration:underline;}
h2.title-home{font-size:26px;font-weight:normal;color:#4c4c4c;}
h2.title-home a,h2.title-home a:visited{color:#ff8400;text-decoration:none;}
h2.title-home a:hover{color:#ff8400;text-decoration:underline;}
h2.widgettitle{font-size:16px;font-weight:bold;color:#4c4c4c;}
h2.widgettitle a,h2.widgettitle a:visited{color:#777;text-decoration:none;}
h2.widgettitle a:hover{color:#ff8400;text-decoration:underline;}
h2.side-title{font-size:18px;font-weight:normal;color:#4c4c4c;}
h2.f-title{font-size:26px;font-weight:normal;color:#e6e6e6;}
h3.f-title{font-size:26px;font-weight:normal;color:#e6e6e6;}
#body-content h2 a,#body-content h2 a:visited{color:#ff8400;text-decoration:none;}
#body-content h2 a:hover{color:#ff8400;text-decoration:underline;}
p a,td a{color:#ff8400;text-decoration:none;font-weight:bold;}
p a:hover,li a:hover,td a:hover{color:#FFF;}
p strong{color:#4c4c4c;}
b{font-weight: bold;}
li a{color:#e6e6e6;text-decoration:none;}
.orange{color:#ff8400;}
.small{font-size:10px;margin:0;}
.clear{clear:both;margin:0;padding:0;height:0;overflow:hidden;}
.nodisplay{display:none;padding:0;margin:0;}
.rightimg{float:right;}
.rightimg2{float:right;margin-left:10px;}
.leftimg{float:left;margin:0 10px 5px 0;}
.container{width:1000px;margin:auto;}
#body-content p,#footer p{line-height:20px;}
#body-content p.noheight{line-height:0;}
ul#points{line-height:17px;list-style:none;float:left;margin-left:15px;}
.img-left{float:left;margin-right:30px;}
.top-space{padding-top:15px;}
#header{height:120px;}
#header .container{background:url(images/header-bg.jpg) top left no-repeat;height:100%;}
#header .container h1{color:#333;font-size:23px;font-weight:normal;margin:0;padding:10px 0 0 0;}
#logo{background:url(images/webcreationz-logo.jpg) no-repeat;width:170px;height:70px;display:block;float:left;}
#header .menu{width:830px;height:70px;float:left;}
.menulist{position:relative;height:29px;width:765px;padding:20px 0 15px 65px;overflow:hidden;}
.menulist li{float:left;list-style:none;text-decoration:none;}
.menulist li.back{background:url(images/menu-slider.gif) no-repeat right -30px;width:9px;height:30px;z-index:8;position:absolute;}
.menulist li.back .left{background:url(images/menu-slider.gif) no-repeat top left;height:30px;margin-right:9px;}
.menulist li a{font-size:13px;font-weight:bold;text-decoration:none;outline:none;text-align:center;top:7px;letter-spacing:0;z-index:10;display:block;float:left;position:relative;overflow:hidden;margin:auto 28px;}
.menulist li a:hover,.menulist li a.active{border:none;text-decoration:none;color:#FFF;}
#body{background:#e6e6e6 url(images/body-end.jpg) repeat-x bottom;padding-bottom:20px;}
#body,#body-content{position:relative;overflow:hidden;}
.body-sep{margin:15px 0 20px 0;width:1000px;height:2px;background:url(images/body-sep.jpg) repeat-x;position:relative;}
#body-content{position:relative;width:1000px;}
.body-sep-portfolio{margin:15px 0 20px 0;width:768px;height:2px;background:url(images/body-sep.jpg) repeat-x;position:relative;}
#body-content-portfolio{width:768px;margin-right:20px;float:left;}
.blogleft{background:url(images/blogbg.png) top left no-repeat;width:465px;height:115px;padding:15px 15px 0 20px;margin-bottom:15px;float:left;line-height:20px;}
.blogleft a.title{font-size:13px;}
.blogleft a:hover.title{font-size:13px;}
.blogright{width:475px;padding-left:25px;float:left;}
.blogleft a{color:#ff8400;font-size:12px;font-weight:bold;text-decoration:none;line-height:20px;}
.blogleft a:hover{color:#ff8400;font-size:12px;font-weight:bold;text-decoration:underline;line-height:20px;}
.ui-tabs .ui-tabs-hide{display:none!important;}
#tab-box{background:url(images/tab-bg.jpg) no-repeat top;width:1000px;height:350px;}
.tab-content{height:300px;position:relative;}
#tab-welcome,#tab-portfolio,#tab-news,#tab-connect,#tab-testimonials{background:url(images/tab-box/tab-bg-sprite.jpg);}
#tab-welcome{background-position:0 0;}
#tab-portfolio{background-position:0 -300px;}
#tab-news{background-position:0 -600px;}
#tab-connect{background-position:0 -1200px;}
#tab-testimonials{background-position:0 -900px;}
#tab-welcome-content,#tab-portfolio-content,#tab-news-content,#tab-connect-content,#tab-testimonials-content{padding-top:140px;padding-left:40px;}
#tab-welcome-content h1,#tab-portfolio-content h1,#tab-news-content h1,#tab-connect-content h1,#tab-testimonials-content h1{font-size:36px;font-weight:100;width:540px;}
#tab-welcome-content p,#tab-portfolio-content p,#tab-news-content p,#tab-connect-content p,#tab-testimonials-content p{width:540px;}
.tab-welcome-buttons,.tab-portfolio-buttons,.tab-news-buttons,.tab-connect-buttons,.tab-testmonials-buttons{background:url(images/buttons/homebtns.jpg);float:left;margin-right:20px;display:block;width:100px;height:30px;text-indent:-9999px;}
.tab-welcome-buttons{background-position:0 0;}
.tab-portfolio-buttons{background-position:0 -30px;}
.tab-news-buttons{background-position:0 -60px;}
.tab-connect-buttons{background-position:0 -120px;}
.tab-testmonials-buttons{background-position:0 -90px;}
#tab-welcome-content h1,#tab-portfolio-content h1,#tab-news-content h1,#tab-connect-content h1,#tab-testimonials-content h1{position:relative;width:520px;height:80px;text-indent:-9999px;}
#tab-welcome-content h1 span,#tab-portfolio-content h1 span,#tab-news-content h1 span,#tab-connect-content h1 span,#tab-testimonials-content h1 span{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;}
#tab-nav li{display:inline;float:left;position:relative;}
#tab-nav a{display:block;width:150px;height:50px;}
#tab-nav .ui-tabs-selected a{display:block;width:150px;height:51px;}
.ui-tabs-selected{position:absolute;top:-1px;}
#tab-nav-welcome,#tab-nav-portfolio,#tab-nav-news,#tab-nav-connect,#tab-nav-testimonials,.ui-tabs-selected #tab-nav-welcome,.ui-tabs-selected #tab-nav-portfolio,.ui-tabs-selected #tab-nav-news,.ui-tabs-selected #tab-nav-testimonials,.ui-tabs-selected #tab-nav-connect{background:url(images/tab-box/tabs-sprite.png);}
#tab-nav-welcome{background-position:0 0;}
#tab-nav-portfolio{background-position:-150px 0;}
#tab-nav-news{background-position:-300px 0;}
#tab-nav-connect{background-position:-450px 0;}
#tab-nav-testimonials{background-position:-600px 0;}
.ui-tabs-selected #tab-nav-welcome{background-position:0 -50px;}
.ui-tabs-selected #tab-nav-portfolio{background-position:-150px -50px;}
.ui-tabs-selected #tab-nav-news{background-position:-300px -50px;}
.ui-tabs-selected #tab-nav-connect{background-position:-450px -50px;}
.ui-tabs-selected #tab-nav-testimonials{background-position:-600px -50px;}
#slider-wrap{border:1px solid #ccc;padding:9px;background:#f2f2f2;overflow:hidden;width:460px;position:relative;float:left;}
#slider{position:relative;}
#slider ul li{list-style:none;width:460px;height:200px;overflow:hidden;position:relative;}
#prevBtn a,#nextBtn a{display:block;position:absolute;left:210px;width:60px;height:30px;}
#nextBtn a{background:url(images/slider/rightbottom.png);bottom:9px;}
#prevBtn a{top:9px;background:url(images/slider/lefttop.png);}
ul#wat-doen-wij-lijst{list-style:none;width:160px;float:left;margin-left:25px;}
#wat-doen-wij-lijst li{background:url(images/icons/check.png) left top no-repeat;padding:5px 0 10px 28px;}
ul#wat-doen-wij-lijst img{vertical-align:middle;margin-right:10px;}
#sidebar ul.list{list-style:none;width:195px;float:left;margin:0 0 15px 5px;}
#sidebar li{padding:3px 0;}
#body-content ul.list{line-height:20px;list-style:none;float:left;margin:0 0 15px 5px;}
#sidebar ul.list li a,#body-content ul.list li a{color:#666;text-decoration:none;}
#sidebar ul.list li a:hover,#body-content ul.list li a:hover{color:#000;text-decoration:none;}
#sidebar ul.list img,#body-content ul.list img{vertical-align:middle;margin-right:10px;}
.image-left{float:left;margin:0 25px 20px 0;display:inline;border:5px solid #ff8400;}
.product-description{float:left;width:67%;}
#sidebar{background:url(images/body-sep-portfolio.jpg) left repeat-y;width:200px;margin:40px 0 0 0;padding:0 0 0 12px;float:left;}
ul.portfolio-list{margin-bottom:20px;margin-left:20px;list-style:none;}
ul.portfolio-list li{padding:5px 5px 5px 15px;background:url(images/icons/li_icon.png) no-repeat center left;}
ul.buttons{width:99%;margin:15px 0;list-style:none;}
ul.buttons li{float:left;margin-right:5px;background-image:none;height:25px;padding:0;}
ul.buttons li.website a{background:url(images/bezoek-website.png) no-repeat 0 0;display:block;width:93px;height:20px;padding-left:10px;padding-top:5px;color:#fff;}
ul.buttons li.website a:hover{background:url(images/bezoek-website.png) no-repeat 0 -25px;display:block;width:93px;height:20px;padding-left:10px;padding-top:5px;color:#fff;text-decoration:none;}
ul.buttons li.websiteoffline{background:url(images/bezoek-website.png) no-repeat 0 0;display:block;width:93px;height:20px;padding-left:10px;padding-top:5px;color:#000;}
ul.buttons li.vergroot a{background:url(images/vergroot-afbeelding.png) no-repeat 0 0;display:block;width:98px;height:20px;padding-left:5px;padding-top:5px;color:#fff;}
ul.buttons li.vergroot a:hover{background:url(images/vergroot-afbeelding.png) no-repeat 0 -25px;display:block;width:98px;height:20px;padding-left:5px;padding-top:5px;color:#fff;text-decoration:none;}
#footer{background:url(images/footer-bg.jpg) repeat-x;color:#b2b2b2;min-width:1024px;}
#footer .container{background:url(images/footer-bg-start.jpg) no-repeat top;min-height:240px;}
#footer-content{padding-top:40px;}
.footer-sec{width:235px;float:left;margin-right:20px;}
#footer h1{color:#e5e5e5;}
#legal{margin-right:0;}
.footer-icons{margin:35px 8px 5px 0;}
.icon-twitter,.icon-del,.icon-blink,.icon-stumble,.icon-linkedin,.icon-iebooks{background:url(images/icons/icons.gif);width:20px;height:20px;float:left;margin-left:8px;display:block;}
.icon-twitter{background-position:0 0;margin-left:0;}
.icon-del{background-position:-20px 0;}
.icon-blink{background-position:-40px 0;}
.icon-stumble{background-position:-60px 0;}
.icon-linkedin{background-position:-80px 0;}
.icon-iebooks{background-position:-100px 0;}
.icon-html,.icon-css{background:url(images/icons/icons.gif);width:80px;height:15px;float:left;margin:8px 8px 0 0;display:block;}
.icon-html{background-position:0 -20px;}
.icon-css{background-position:-80px -20px;margin-right:0;}
.contacttable{margin:0;padding:0;}
.contacttable td{padding:2px;}
.alert,.error,.alertdot{font-weight:bold;color:#ff8400;}
ol.forms{float:left;list-style:none;width:100%;}
ol.forms li{clear:left;float:left;margin-bottom:6px;width:100%;}
ol.forms label{cursor:pointer;display:block;float:left;line-height:1.5em;padding-right:10px;text-align:left;width:120px;}
ol.forms input{width:200px;}
ol.forms textarea{height:8em;width:270px;}
ol.forms .error{display:block;margin:2px 0 5px 130px;}
ol.forms li.buttons{padding-left:130px;width:89%;}
textarea,label,input{font-family:Arial,Helvetica,sans-serif;}
.auto_sitemap a,.auto_sitemap a:link,.auto_sitemap a:visited{font-size:13px;text-decoration:none;color:#333;}
.auto_sitemap a:hover{text-decoration:underline;}
.auto_sitemap h3,.auto_sitemap h3 a{font-size:17px!important;color:#ff8400!important;}
.auto_sitemap h3{border-left:5px solid #ff8400!important;margin:1px 0 6px -11px!important;padding:0 0 0 9px;}
.auto_sitemap_container ul{list-style-type:none;padding-left:0;margin:0;}
.auto_sitemap_container ul ul{padding-left:15px;}
.auto_sitemap_container ul li{padding:4px 0 4px 8px;margin:0 0 0 2px;border-left:1px solid #ff8400;}
.auto_sitemap a.lightergray{color:#777;}