/* Website ontwerp en realisatie door: 
    ________________________________________
    GBdesign - Mooi bekeken
    Ariahof 9
    2992 NL  Barendrecht
    
    Telephone	: 0180 - 84 85 88
    E-mail	: info@gbdesign.nl
    Heeft u vragen of commentaar over de site, neem dan gerust contact met ons op!
    _________________________________________ */

* {margin:0; padding:0}
a:-moz-any-link:focus {outline: none;}
a:focus {outline: none;}
body { font: normal 11px Verdana, Arial, Helvetica, sans-serif;	color: #666; margin: 0;	overflow: auto;	padding	: 0;}
.lijnoranje { background: #4a484a url(../images/bodyo.png) no-repeat;}
.lijnpaars { background: #4a484a url(../images/bodyp.png) no-repeat;}
.lijngroen { background: #4a484a url(../images/bodyg.png) no-repeat;}
.lijnblauw { background: #4a484a url(../images/bodyb.png) no-repeat;}
p { margin: 0 0 20px 0; font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif; padding: 0; }
div, ul {font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; color: #666; }
.lijn {	width: 326px; height: 10px; background-image: url(../images/line1.jpg);	margin: 40px 0px 35px -5px; }
.lioranje { list-style-image: url(../images/bullit-oranje.gif); margin-left: 12px;}
.lipaars { list-style-image: url(../images/bullit-paars.gif); margin-left: 16px;}
.ligroen { list-style-image: url(../images/bullit-groen.gif); margin-left: 12px;}
.liblauw { list-style-image: url(../images/bullit-blauw.gif); margin-left: 12px;}
.liok { list-style-image: url(../images/vinkje.png); margin-left: 23px;}
.linok { list-style-image: url(../images/kruisje.png); margin-left: 23px;}
h1 { font: normal 18px Verdana, Arial, Helvetica, sans-serif; color: #666; margin: 0; letter-spacing: 1px;}
h2 { font: normal 14px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 15px 40px;}
h3 { font: normal 14px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 15px 40px;}
h4 { font: normal 14px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 15px 0;}
.subh2 { font: bold 11px/16px Verdana, Arial, Helvetica, sans-serif; color: #666; margin: 0px 0px 15px 0px;}
.oranje { color: #f47134;}
.oranjeleft { color: #f47134; margin-left: 0px;}
.oranjeb { color: #f47134; font-weight: bold;}
.groen { color: #8fd328;}
.blauw { color: #0097db;}
.paars { color: #5d58a7;}	
.bordeaux { color: #c83140;}
.thuiswinkelgroen {color: #afae1b;}

/* ---------------------------------------------------------------------------------------------------- */
/* Container met kader  										*/
/* ---------------------------------------------------------------------------------------------------- */
#container { position: absolute; left: 50%; width: 980px; margin: 0 0 0 -490px;	z-index	: 9;}
.top { float: left; background: url(../images/top2.png); width: 980px; height: 26px;}
.content { float: left; background: url(../images/content2.png); width: 936px; padding: 178px 22px 0px 22px;}
.voet { float: left; width: 980px; height: 80px; background: url(../images/voet2.png) no-repeat;}

/* ---------------------------------------------------------------------------------------------------- */
/* Content opbouw		  																			    */
/* ---------------------------------------------------------------------------------------------------- */
.bodytext {float: left; width:605px; padding: 0px 0px 0px 15px}
.bodytextwide {float:left; width: 675px; padding: 0px 20px 25px 19px}
.bodydiensten {float:left; width:714px; margin-bottom:45px}
.bodylinks {float:left; width:327px; padding:0px 10px 0px 20px}
.bodymidden {float:left; width:322px; padding:0px 15px 0px 19px; border-left-width:1px; border-left-style:solid; border-left-color: #DDDDDD}
.bodyrechts {float:right; width:221px}

.diensten-kader-off {float: left; background:url(../images/diensten-kader-off.jpg) no-repeat; width: 698px;	height: 140px; padding: 5px 0px 0px 17px}
.diensten-kader-on {float:left;	background: url(../images/diensten-kader-on.jpg) no-repeat;	width:698px; height:140px;	padding: 5px 0px 0px 17px; cursor:pointer}
.diensten-image {float: left; width:174px; height:118px}
.diensten-tekst {float: left; width: 465px;	font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif; padding: 4px 20px 0px 14px}
.diensten-header {color:#5d58a7}
.diensten-verder {color:#5d58a7; font-weight:normal}

.portfolio-header {color: #8fd328; font-weight: bold;}
.portfolio-tonen {color: #8fd328;}
.profiel-header {color: #f47134;}
.profiel-tonen {color: #f47134;}
.bodyheader {float: left; width: 778px; padding: 0px 20px 15px 20px;}
.intro {font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;}
.rechts {float: left; width: 201px; padding: 68px 10px 0 10px;}
.werkwijze {float: left; background: url(../images/werkwijze.jpg) no-repeat; width: 151px; height: 440px; margin: 0px 0px 0px 35px;}
.infobox {font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; float: left; width: 211px; padding: 0px 10px 0 0px;}
.infobox2 {font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; float: right; width: 211px; padding: 26px 10px 0 0px;}
.infobox3 {font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; float: left; width: 211px; padding: 0px 10px 0 0px;}
.infoboxport {font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; float: left; width: 211px; padding: 43px 10px 0 0px;}
.infoboxoverig {font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; float: left; width: 211px; padding: 34px 10px 0 0px;}
.bookmark {float:right; width:212px; height:25; padding:0px 0px 20px 0px}
.seo-website-design {float:right; width:196px; padding:23px 15px 0px 0px}
.seo-website-design h2 {color:#f47134; margin-left:0px}
.seo-logo {float:right; padding-right:5px}
.seo-logo-left {height:94px; width:73px; background:url(../images/seo-deskundig-webdesign-burea.png) no-repeat}
.webdesign-contact {float:right; width:196px; padding:30px 15px 20px 0px; line-height: 18px}
.webdesign-rotterdam {float:left; width:677px; height:248px; margin:20px 0px 20px 20px; background:url(../images/webdesign-rotterdam.jpg) no-repeat}

.menu {position:relative; height:36px; width:936px;}
.menu ul {list-style:none; z-index:10; position:relative; z-index:100; padding:14px 0px 0px 460px}
.menu li {font:12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; float:left; padding:0px 16px 0px 16px}
.menu a, .menu a:active, .menu a:visited {text-decoration:none; font-weight:bold; color:#FFF}
.menu a:hover {text-decoration:none; font-weight:bold; color:#ebf0e6}
.menu a.tekstgrijs, .menu a.tekstgrijs:active, .menu a.tekstgrijs:visited, .menu a.tekstgrijs:hover {text-decoration:none; color:#777}
#slide {position:absolute; bottom:0; height:4px; background:#89957a; z-index:10}

.menuhome {background:url(../images/homeback.png) no-repeat}
.menudiensten {background:url(../images/dienstenback.png) no-repeat}
.menuportfolio {background:url(../images/portfolioback.png) no-repeat}
.menuprofiel {background:url(../images/profielback.png) no-repeat}
.menucontact {background:url(../images/contactback.png) no-repeat}

.mooie-websites-box {float: left; width: 274px; height: 201px; margin: 40px 50px 0px 0px; padding: 6px;	background: url(../mooie-websites/websites/mooie-websites-box-off.png) no-repeat;}
.mooie-websites-box:hover {background: url(../mooie-websites/websites/mooie-websites-box-on.png) no-repeat;}
.mooie-websites-box p{font: bold 11px Verdana, Arial, Helvetica; margin: 183px 2px 0px 4px; color: #666;}
.mooie-websites-box img {float: left; border: 0;}

.breadcrumbs {position:relative; background:url(../images/drops.png) no-repeat 245px 0px; padding:18px 0px 0px 292px; height:33px; width:644px; font-size: 10px;}
.homedrops {position:relative; background:url(../images/drops.png) no-repeat 245px 0px; width:936px}
.gerelateerd {position:relative; height:51px; text-align: right; overflow: hidden; margin:0px 10px 10px 0px; display:none; padding: 19px 0px 0px 0px;}
.webdesign_gerelateerd {position:relative; height:51px; text-align: right; overflow: hidden; margin:-5px 10px 0px 0px; display:none;}
.design_button {position:relative; padding:19px 0px 0px 0px; height:25px; text-align: right; overflow: hidden; margin:0px 10px 10px 0px;}
.webdesign_button {position:relative; height:25px; text-align: right; overflow: hidden; margin:-15px 10px 15px 0px;}
.seo-webdesign {background:url(../images/seo-webdesign-stappen.jpg) no-repeat; height:223px; width:322px;}
.ontwerp_close {float:right;}
.ontwerp_close a{height:25px;width:38px;}
.ontwerp_open {float:right;}
.ontwerp_open a{height:25px;width:98px;}
.design_but {background-image:url(../images/web_buton.png); background-repeat:repeat-x;	height:17px; float:right; margin-top:2px; padding-top:4px; border-left-color: #f7f7f7; border-left-width: 1px; border-left-style: solid; border-right-width: 1px; border-right-style: solid; border-right-color: #cccccc;}
.design_but a, .design_but a:active, .design_but a:visited {text-decoration:none; color:#f37132; font:bold 10px Verdana, Arial, Helvetica, sans-serif; margin:0px 5px 0px 5px; letter-spacing: normal;}
.design_but a:hover {text-decoration:none; color:#777;}
.buttonP{background-image:url(../images/leesverderP.png); background-repeat:no-repeat; height:20px; width:117px; float:left; margin-top:10px}
.buttonO{background-image:url(../images/leesverderO.png); background-repeat:no-repeat; height:20px; width:117px; float:left; margin-top:10px}
.buttonB{background-image:url(../images/leesverderB.png); background-repeat:no-repeat; height:20px; width:117px; float:left; margin-top:10px}
.buttonG{background-image:url(../images/leesverderG.png); background-repeat:no-repeat; height:20px; width:117px; float:left; margin-top:10px}
.webdesign_but {background-image:url(../images/web_buton.png); background-repeat:repeat-x; height:17px; float:right; margin-top:2px; padding-top:4px; border-left-color: #f7f7f7; border-left-width: 1px; border-left-style: solid; border-right-width: 1px; border-right-style: solid; border-right-color: #cccccc;}
.webdesign_but a, .webdesign_but a:active, .webdesign_but a:visited {text-decoration:none; color:#5d58a7; font:bold 10px Verdana, Arial, Helvetica, sans-serif; margin:0px 5px 0px 5px; letter-spacing: normal;}
.webdesign_but a:hover {text-decoration:none; color:#777;}
.subnav, .webdesign-case {float: left; width: 211px; padding: 0px 10px 0 0px; margin-top: 20px; }
.subnav ul { margin: 0; padding: 0; list-style-type: none;}
.webdesign-case-subhead {float: left; width: 211px; height: 2px; background-color: #8fd328;}
.case-website-beschrijving {background-image:url(../images/back-cases.png); background-repeat:repeat-y; padding: 10px 10px 10px 10px;}
.case-titel {text-decoration:none; color:#74b90c; font:bold 11px Arial, Verdana, Helvetica, sans-serif; margin:0px;}
.case-item, .case-item a {background-image:url(../images/case-line.png); background-repeat:no-repeat; background-position: 0px bottom; text-decoration:none; color:#666; font:normal 11px Arial, Verdana, Helvetica, sans-serif; margin:0px 0px 5px 0px; padding-bottom: 10px;}
.case-item a:hover {text-decoration:none; color:#fff; background-color: #8fd328; margin:0px 0px 0px 0px; padding: 0px 0px 2px 0px;}
.sub, .sub_over, .sub_paars, .sub_oranje, .sub_groen, .subhead_paars, .subhead_oranje, .subhead_groen {float: left; width: 186px; height: 20px;	color: #666; font: normal 11px/16px Arial, Verdana, Helvetica, sans-serif; padding: 0px 1px 0px 24px;}
.sub {background: url(../images/subbut.png) no-repeat;}
.sub:hover {background: url(../images/subbut-over.png) no-repeat;}
.subhead_paars {background: url(../images/subhead-paars.png) no-repeat;}
.subhead_groen {background: url(../images/subhead-groen.png) no-repeat;}
.subhead_oranje {background: url(../images/subhead-oranje.png) no-repeat;}
.sub_paars {background: url(../images/subbut-paars.png) no-repeat; color: #5d58a7;}
.sub_groen {background: url(../images/subbut-groen.png) no-repeat; color: #8fd328;}
.sub_oranje {background: url(../images/subbut-oranje.png) no-repeat; color: #f47134;}
.sub a:link, .sub a:visited, .sub a:active, .sub a:hover, .sub_over a:link, .sub_over a:visited, .sub_over a:active, .sub_over a:hover {color: #666; text-decoration: none; font-weight: normal;}
.subhead_paars a:link, .subhead_paars a:visited, .subhead_paars a:active, .subhead_paars a:hover, .subhead_groen a:link, .subhead_groen a:visited, .subhead_groen a:active, .subhead_groen a:hover, .subhead_oranje a:link, .subhead_oranje a:visited, .subhead_oranje a:active, .subhead_oranje a:hover {color: #FFF; text-decoration: none; font-weight: bold;}
.sub_drop {float: left; width: 211px; height: 24px; background: url(../images/subnav-drop.png) no-repeat;}
.tags {float: left; width: 211px; height: 120px; background: url(../images/back-tagcloud.png) no-repeat; padding:44px 0px 0px 0px;}
.tags h1 {font: normal 16px/20px Verdana, Arial, Helvetica, sans-serif; color: #bbb; margin: 0; padding-right:50px;}
.hometags {float: right; width: 224px; height: 194px; text-align: center; background: url(../images/back-hometagcloud.png) no-repeat; padding:19px 65px 0px 0px;}
.hometags a{color:#999;line-height:25px;padding:2px 2px;height:20px}a.tag1{font-size:24px}a.tag2{font-size:14px}a.tag3{font-size:12px;color:#ccc}a.tag4{font-size:10px;color:#ccc}a.tag5{font-size:10px}
.hometags a:hover{color:#99cc33; text-decoration: none;}
.onzeklantengroen {background: url(../images/klantengroen.png) no-repeat; float: left; width: 211px; height: 225px;}
.onzeklantenbordeaux {background: url(../images/klantenbordeaux.png) no-repeat; float: left; width: 211px; height: 225px;}
.onzeklantenoranje {background: url(../images/klantenoranje.png) no-repeat; float: left; width: 211px; height: 225px;}
.onzeklantengrijs {background: url(../images/klantengrijs.png) no-repeat; float: left; width: 211px; height: 225px;}
.onzeklantenblauw {background: url(../images/klantenblauw.png) no-repeat; float: left; width: 211px; height: 225px;}
.bodytexttotal {float: left; width: 914px; padding: 0px 11px 0px 11px;}
.bodyrowtotal {float: left; width: 936px; padding: 0px;}
.bodyflashtop {float: left; background: url(../images/flashtop.png) no-repeat; width: 936px; height: 68px; padding: 0px 11px 0px 11px;}
.bodyflashtext {float: left; background: url(../images/flashback.png) repeat-y; width: 936px; font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; padding: 0px 11px 15px 223px;}
.bodyflashback {float: left; background: url(../images/flashback.png) repeat-y; width: 936px; padding: 0px 0px 25px 0px;}
.copy {float: left; font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: white; width: 210px; padding: 3px 0 0 10px;}
.disclaimer {float: right; font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: white; width: 255px;	padding: 3px 10px 0 0; text-align: right;}
.regio {float: left; font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: white; width: 355px; padding: 3px 10px 0 0;}
.dropboven {float: left; background: url(../images/slide-drop1.jpg) center no-repeat; width: 936px; height: 7px; padding: 0px; border-bottom: 1px solid #fff;}
.droponder {float: left; background: url(../images/slide-drop2.jpg) center no-repeat; width: 936px; height: 11px; padding: 0px; margin-bottom: 20px; border-top: 1px solid #fff;}
.flashcategory {float: left; background: url(../images/flashsubbut.png) no-repeat; font: normal 14px Verdana, Arial, Helvetica, sans-serif; text-align: right; color: #ffffff; width: 163px; height: 96px; padding-top			: 4px; padding-right: 60px; letter-spacing: 2px;}
.flashthumbs {float: left; width: 693px; padding-right : 20px; padding-bottom : 55px;}
.huisstijlTop {float: left; width: 888px; height: 33px; background-image: url(../images/HuisstijlBoven.jpg); background-repeat: no-repeat; background-position: 20px;}
.huisstijlLeft {float: left; background: url(../images/HuisstijlLinks.jpg) no-repeat; width: 68px; height: 600px; background-repeat: no-repeat; background-position: 20px;}
.huisstijlMiddle {float: left; width: 800px; height: 600px;}
.huisstijlRight {float: left; background: url(../images/HuisstijlRechts.jpg) no-repeat; width: 20px; height: 600px;}
.huisstijlBottom {float: left; background: url(../images/HuisstijlOnder.jpg) no-repeat; width: 888px; height: 26px; background-repeat: no-repeat; background-position: 20px; margin-bottom: 20px;}
.links {float: left; width: 210px; height: 250px; padding: 0px 0px 0px 10px;}
.topPart {width: 936px; height: 179px; text-align: right; top: 26px; left: 22px; position: absolute;}
.headerimage {background: #ffffff url(../images/topback.png) no-repeat; width: 936px; height: 142px; text-align: left; top: 0px;}
.navigatieblauw {background: url(../images/topbackblauw.png) no-repeat; width: 936px; height: 164px; text-align: right; top: 0px;}
.navigatiegroen {background: url(../images/topbackgroen.png) no-repeat; width: 936px; height: 164px; text-align: right; top: 0px;}
.navigatieoranje {background: url(../images/topbackoranje.png) no-repeat; width: 936px; height: 164px; text-align: right; top: 0px;}
.navigatiepaars {background: url(../images/topbackpaars.png) no-repeat; width: 936px; height: 164px; text-align: right; top: 0px;}
.voettaboranje {float: left; background: url(../images/voet-tab-oranje.gif) center bottom no-repeat; width: 936px; height: 21px; padding: 0px;}
.voettabgroen {float: left; background: url(../images/voet-tab-groen.gif) center bottom no-repeat; width: 936px; height: 21px; padding: 0px;}
.voettabflash {float: left; background: url(../images/voet-tab-groen.gif) center bottom no-repeat; width: 936px; height: 21px; padding: 0px;}
.voettabblauw {float: left; background: url(../images/voet-tab-blauw.gif) center bottom no-repeat; width: 936px; height: 21px; padding: 0px;}
.voettabpaars {float: left; background: url(../images/voet-tab-paars.gif) center bottom no-repeat; width: 936px; height: 21px; padding-top: 0px;}
.social-media {float: left; width:350px; margin: 32px 10px 10px 390px;}
.social-media a:link, .social-media a:visited { color: #fff; }
.social-media a:hover {color: #ccc; text-decoration: none;}
#formcontentinfo {width: 211px; background-image: url(../images/infoback.png);}
#contentinfodark {width: 211px;	background-image: url(../images/infobackdark.png);}

/* ---------------------------------------------------------------------------------------------------- */
/* Links												*/
/* ---------------------------------------------------------------------------------------------------- */
a:link, a:active, a:visited {text-decoration: none;}
a:hover { text-decoration: underline;}
.disc:link, .disc:active, .disc:visited { color: white; text-decoration: none; font-weight: normal;}
.disc:hover { color: white; text-decoration: underline;	font-weight: normal;}
.gegevensbeleidP:link, .gegevensbeleidP:active, .gegevensbeleidP:visited { font: normal 9px Verdana, Arial, Helvetica, sans-serif; color: #969696; text-decoration: none; font-weight: normal; padding-left: 100px;}
.gegevensbeleidP:hover { color: #5b56a5; text-decoration: underline; font-weight: normal;}
.gegevensbeleidG:link, .gegevensbeleidG:active, .gegevensbeleidG:visited { font: normal 9px Verdana, Arial, Helvetica, sans-serif; color: #969696; text-decoration: none; font-weight: normal; padding-left: 100px;}
.gegevensbeleidG:hover { color: #8fd328; text-decoration: underline; font-weight: normal;}
.gegevensbeleidO:link, .gegevensbeleidO:active, .gegevensbeleidO:visited { font: normal 9px Verdana, Arial, Helvetica, sans-serif; color: #969696; text-decoration: none; font-weight: normal; padding-left: 100px;}
.gegevensbeleidO:hover { color: #f47134; text-decoration: underline; font-weight: normal;}
.gegevensbeleidB:link, .gegevensbeleidB:active, .gegevensbeleidB:visited { font: normal 9px Verdana, Arial, Helvetica, sans-serif; color: #969696; text-decoration: none; font-weight: normal; padding-left: 160px;}
.gegevensbeleidB:hover { color: #0097db; text-decoration: underline; font-weight: normal;}
.infotoporanje { float: left; width: 211px; height: 42px; background-image: url(../images/infotoporanje.png); background-repeat: no-repeat;}
.infotoppaars { float: left; width: 211px; height: 42px; background-image: url(../images/infotoppaars.png); background-repeat: no-repeat;}
.infotopgroen { float: left; width: 211px; height: 42px; background-image: url(../images/infotopgroen.png); background-repeat: no-repeat;}
.samentop {float: left; width: 211px; height: 58px; background-image: url(../images/samentop.png); background-repeat: no-repeat;}
.quickscan {float: left; width: 211px; height: 45px; background-image: url(../images/quickscan.png); background-repeat: no-repeat;}
.quickscangroen {float: left; width: 211px; height: 45px; background-image: url(../images/quickscangroen.png); background-repeat: no-repeat;}
.quickscanpaars { float: left; width: 211px; height: 45px; background-image: url(../images/quickscan.png); background-repeat: no-repeat;}
.jaloers { float: left; width: 211px; height: 231px; background-image: url(../images/jaloers.jpg); background-repeat: no-repeat; margin: 82px 0px 0px 0px;}
.website_ontwerp_child{	padding:1px; background:#f1f1f1;}
.recent_open{ background:#f37132; color:#FFF;}
.recent_open h1{ color:#FFF;}
.thuiswinkelaward { width: 211px; height: 130px; background-image: url(../images/thuiswinkelaward.jpg);	background-repeat: no-repeat;}
.infomiddle { float: left; width: 191px; background-image: url(../images/infoback.png); background-repeat: repeat-y; padding: 0px 10px 8px 10px;}
.infomiddledark { float: left; width: 191px; background-image: url(../images/infobackdark.png); background-repeat: repeat-y; padding: 0px 10px 8px 10px;}
.infoform { float: left; width: 194px; background-image	: url(../images/infoback.png); background-repeat: repeat-y; padding: 0px 7px 0px 10px;}
.infobottom { float: left; width: 211px; height: 8px; background-image: url(../images/infobottom.png); background-repeat: no-repeat; padding: 0px 0px 0px 0px;}
.infobottomdark { float: left; width: 211px; height: 8px; background-image: url(../images/infobottomdark.png); background-repeat: no-repeat; padding: 0px 0px 0px 0px;}

/* ---------------------------------------------------------------------------------------------------- */
/* Forms												*/
/* ---------------------------------------------------------------------------------------------------- */
.adres { float: left; width: 252px; height: 380px; background-image: url(../images/backadres.png); background-repeat: no-repeat; padding: 35px 0px 0px 30px; margin-top: 31px;}
.formulier { float: left; width: 372px; background-image: url(../images/backform.png); background-repeat: repeat-y; padding: 0px 0px 0px 0px;}
.headerinfo {float: left; width: 372px; height: 43px; background-image: url(../images/headerinfo.png); }
.headerkoffie { float: left; width: 372px; height: 51px; background-image: url(../images/headerkoffie.png);}
.headerbelterug { float: left; width: 372px; height: 45px; background-image: url(../images/headerbelterug.png);}
.hoofdforminfo { float: left; width: 350px; padding: 0px 11px 0px 11px; margin-bottom: 20px; font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;}
.formcolleft { float: left; width: 170px; padding: 0px 5px 0px 0px;}
.formcolright { float: left; width: 170px; padding: 0px 0px 0px 5px;}
.snelbuttons { float: left; width: 252px; height: 380px; background-image: url(../images/backcontactbuttons.png); background-repeat: no-repeat; padding: 35px 0px 0px 30px; margin-top: 53px;}
.formdata { float: left; width: 150px;}
.selectfield { float: left; width: 333px;}
.opmerkingen { float: left; width : 333px; height: 100px;}
input.formfield { color: #959595; background-color: #FFF; font: normal 9px/13px Verdana, Arial, Helvetica, sans-serif; border-width: 1px; border-style: solid; border-top-color: #959595; border-right-color: #e1e1e1; 	border-bottom-color: #e1e1e1; border-left-color: #959595; height: 16px; width: 170px; vertical-align: middle; margin-bottom: 4px; padding: 1px 4px 1px 5px;}
select { color : #959595; background-color: #FFF; font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;}
textarea { color: #959595; background-color: #FFF; font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; border-width: 1px; border-style: solid; border-top-color: #959595; border-right-color: #e1e1e1; border-bottom-color: #e1e1e1; border-left-color: #959595; margin-bottom: 4px; padding: 1px 4px 1px 5px;}

/* ---------------------------------------------------------------------------------------------------- */
/* Flash objecten											*/
/* ---------------------------------------------------------------------------------------------------- */
#flashHeader { width: 639px; height: 142px; float: right; position: absolute; top: 0px; right: 0px;}
#alleenGrafisch { float: left; width: 211px; height: 197px; padding: 20px 10px 0 0px;}
#websites { width: 914px; height: 610px;}
#logo_huisstijl { width: 800px; height: 600px; }
#drukwerk_ontwerpen { width: 675px; height : 480px;}
#grafische_ontwerpen { width: 675px; height: 440px;}
#kopje_koffie {	width: 210px; height: 100px; }
#wij_bellem { width: 210px; height: 70px; }

/* ---------------------------------------------------------------------------------------------------- */
/* Achtergrond elementen										*/
/* ---------------------------------------------------------------------------------------------------- */
#greenPlus { position: fixed; top: 300px; width: 100%; height: 197px; background: url(../images/greenplus.png) center no-repeat;}
#bluePlus { position: fixed; background: url(../images/blueplus.png) left no-repeat; width: 200px; height: 200px; left: 50%; bottom: 0px; margin: 0 0 0 -620px;}