/* CSS Document */
body {margin:0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;}
html {margin:0;padding:0;overflow-y:scroll;}
p, h1, h2, h3, h4 {margin:0;padding:0;}

#content {background-image:url(../assets/go4it_top_bg2.jpg);background-repeat:repeat-x;}
#innercontent {width:1100px;margin:0 auto 0 auto;background-color:#FFFFFF;}
#head {background-image:url(../assets/go4it_top3.jpg);background-repeat:no-repeat;height:120px;}
#topnav {text-align:right;}
#topnav a {margin:0 10px 0 10px;color:#696a6c;font-size:11px;text-transform:uppercase;font-weight:bold;text-decoration:none;}
#topnav a:hover {text-decoration:none;}
#midhead {}
#subnav {background-image:url(../assets/go4it_subnav_bg.jpg);background-repeat:no-repeat;height:27px;padding-top:5px}
#innersubnav {margin:0 110px 0 110px;}
a.clsubnav  {color:#FFFFFF;font-size:11px;text-transform:uppercase;font-weight:bold;text-decoration:none;padding:0 22px 0 22px;border-right:1px solid #DDD100}
a.clsubnav:hover {text-decoration:none;}

#data {margin-top:20px;}
#datatop {background-image:url(../assets/go4it_content_top.jpg);background-repeat:no-repeat;height:25px;background-repeat:no-repeat;}
#breadcrumb {margin:0px 0 0 150px;padding-top:10px;}
#breadcrumb p {color:#FFFFFF;font-size:9px;}
#breadcrumb a {color:#FFFFFF;}
#breadcrumb a:hover {text-decoration:none;}
#datamid {background-color:#525254;width:896px;margin:0 auto 0 auto;background-image:url(../assets/go4it_content_mid.jpg);background-repeat:no-repeat;background-position:right top;padding-bottom:30px;padding-top:20px;min-height:350px;}


#bottom {background-color:#FFFFFF;padding-bottom:5px;padding-top:2px;}
#bottom p {font-size:9px;color:#999999;}
#bottom a {font-size:9px;color:#999999;text-decoration:none;}
#bottom a:hover {text-decoration:underline;}


#zoekfield .field {background:none;font-size:10px;color:#A09E9F;border:1px solid #A09E9F;padding:1px;}
#zoekfield .button {padding:0px;background-image:url(../assets/global_srch.png);width:13px;height:17px;border:0px solid #000000;}
.srchHighlight {background-color:#DDD100;color:#525254;}
#zoekresult .titel {font-weight:bold;margin-bottom:3px;}
#zoekresult .omschrijving {font-size:10px;margin-bottom:2px;}
#zoekresult .url {font-size:10px;margin-bottom:20px;}
#zoekresult .url a {color:#A09E9F;}

#innertext {margin-right:30px;margin-left:20px;}
#innertext h1 {color:#FFFFFF;font-size:13px;text-transform:uppercase;margin-bottom:15px;}
#innertext h2  {color:#ddd200;text-transform:uppercase;font-size:12px;padding-bottom:5px;margin-bottom:15px;border-bottom:1px solid #FFFFFF;}
#innertext h3  {color:#ddd200;font-size:12px;padding-bottom:5px;margin-bottom:8px;;}
#innertext p {color:#FFFFFF;font-size:11px;margin-bottom:15px;}
#innertext li {color:#FFFFFF;font-size:11px;}
#innertext h4 {color:#ddd200;font-size:11px;margin-bottom:5px;font-weight:bold;}
#innertext td {color:#FFFFFF;font-size:11px;}
#innertext a {color:#FFFFFF;}
#innertext a:hover {text-decoration:none;}

.fotoborder {border:1px solid #bababb;padding:2px;}

#klantenoverview a {color:#FFF;}
#klantenoverview p {font-size:10px;margin-bottom:5px;}

.midleft {border-left:1px solid #c9c7bd;}
#left, #dienstenleft, #portfolioleft {margin-left:7px;width:150px;}
#left p {color:#FFFFFF;font-size:11px;font-weight:bold;}
#left a {color:#DDD100;font-weight:normal;text-decoration:none;}
#left a:hover {text-decoration:underline;}
#left h1  {color:#DDD100;text-transform:uppercase;font-size:12px;margin-bottom:8px;}

#dienstenleft .hoofdcat a {color:#DDD100;display:inline;}
#dienstenleft .hoofdcat a:hover {background:none;color:#DDD100;text-decoration:underline;}

#dienstenleft p {text-transform:uppercase;color:#DDD100;margin-bottom:15px;font-size:11px;font-weight:bold;}
#dienstenleft a {display:block;text-transform:uppercase;color:#FFFFFF;margin-bottom:5px;font-size:11px;font-weight:bold;text-decoration:none;padding:2px;}
#dienstenleft a:hover {background-color:#DDD100;color:#525254;}

#portfolioleft p {color:#FFFFFF;font-size:11px;font-weight:normal;}
#portfolioleft h1 {color:#DDD100;font-size:11px;font-weight:bold;}
#portfolioleft a {color:#FFFFFF;}
#portfolioleft a:hover {text-decoration:none;}
.pfeigenschap {margin-bottom:10px;}
.pfmeerbutton {background-image:url(../assets/meerbtn.png);background-repeat:no-repeat;width:78px;height:14px;text-align:left;padding-left:20px;}

#portfoliopages {margin-top:15px;border-top:1px solid #FFFFFF;padding-top:15px;}
#portfoliopages a {font-size:10px;color:#343436;text-decoration:none;}
.pfvolgende {background-image:url(../assets/btn_portfolio_volgende.png);background-repeat:no-repeat;width:67px;height:14px;text-align:left;padding-left:6px;}
.pfvorige {background-image:url(../assets/btn_portfolio_vorige.png);background-repeat:no-repeat;width:58px;height:14px;text-align:left;padding-left:25px;}
.pfoverzicht {background-image:url(../assets/btn_portfolio_overzicht.png);background-repeat:no-repeat;width:66px;height:14px;text-align:left;padding-left:17px;}

.pfdetailfoto {height:300px;width:460px;overflow:hidden;}
.pfouterdetailfoto {border:1px solid #757575;padding:2px;height:300px;width:460px;margin-bottom:5px;}
.pfthumbfoto {height:35px;width:60px;overflow:hidden;}
.pfouterthumbfoto {border:1px solid #757575;padding:2px;height:35px;width:60px;float:left;margin-bottom:5px;margin-left:5px;}

#portfolio a {font-size:10px;text-decoration:none;}
.outerportfolioitem:hover .portfolioitem {border-color:#DDD100;}
#portfolio .outerportfolioitem:hover a {color:#DDD100;}
.portfolioitem {width:125px;height:40px;border:5px solid #88888A;cursor:pointer;}
#innertext a.portfoliomeerlink {color:#343436;font-size:10px;text-decoration:none;}


#portfolionav {margin-top:15px;}
#portfolionav a {text-transform:lowercase;color:#FFFFFF;font-size:10px;text-decoration:none;font-weight:bold;}
.portfoliobutton {background-image:url(../assets/go4it_portfolio_bg.jpg);height:17px;text-align:center;padding-top:2px;background-repeat:repeat-x;}

.highlight {padding:10px;width:127px;background-image:url(../assets/go4it_highlight.png);border-bottom:1px solid #4a4a4b;margin-bottom:20px;margin-left:7px;}
.go4magazine {background-image:url(../assets/go4it_magazine_2.png);width:147px;height:60px;background-repeat:no-repeat;background-position:bottom;}
.go4itvolgons {background-image:url(../assets/go4it_facebook_linkedin.png);width:147px;height:33px;background-repeat:no-repeat;background-position:bottom;}
#left .go4itvolgons a {font-size:9px;color:#333333;}

/* project teaser */
#pt_box_flash {border:1px solid #bababb;padding:2px;width:270px;}
#pt_box {border:1px solid #bababb;width:274px;padding:2px;}
#pt_box a {color:#DDD100;}
#pt_box a:hover {text-decoration:none;}
#pt_preview {height:200px;}
#pt_slide {background-color:#757576;}
.pt_text_preview {background-image:url(../assets/go4it_teaser_bg.png);height:24px;color:#FFFFFF;font-size:10px;padding:3px 10px 3px 10px;}
.smallslide {filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;cursor:pointer;}
.auto {cursor:pointer;}

/*nieuws*/
.foto_left {float:left; margin-right:10px; margin-bottom:5px;}
.tabellijst td {border-bottom:1px dotted #88888A;padding:4px;}
.tabellijst { width:590px;margin:0px 0px 0 10px;}


.float {clear:both;}


/*nieuwsbrief archief*/
.nieuwsarchiefitem {border-bottom:1px dotted #6D6D6E;}
.nieuwsarchiefitemtitel {font-weight:bold;padding:5px;}
.nieuwsarchiefitemsubtitel {padding:5px;}
.nieuwsarchiefitemrow {cursor:pointer;}
.nieuwsarchiefitemrow:hover {background-color:#828282;}