/* main/screen.css */html, body { margin: 0; padding: 0; font-size: 100%; line-height: 140%;color: #000; background: url("../../img/pattern.jpg") #fff; font-family: "Verdana", "Arial", "Helvetica", sans-serif;}/* general styles */h1 {margin: 0 0 16px; font-size: 200%; color: #707077; background: transparent;font-weight: bold; font-family: "Arial Narrow", "Verdana", "Arial", "Helvetica", sans-serif;}h2 { color: #404044; background: transparent; margin: 0.6em 0 0.6em; font-size: 110%; line-height: 150%; }h3 { margin: 0 0 0.5em; font-size: 100%; line-height: 140%; color: #505055; background: transparent; }body#adresgegevens h3 { color: #505055; background: transparent; margin: 1.5em 0 1em; }h4 { margin: 0 0 0.7em; font-size: 100%; line-height: 140%; color: #505055; background: transparent; }p { margin: 0 0 1.5em; }p.intro { font-weight: bold; color: #404044; background: transparent; }p.error { border: 3px solid #000; padding: 0.5em 4%; }p.error {width: 92%;\width: 100%;w\idth: 92%;}html>body p.error { width: 92%; }p.illustration { font-size: 90%; line-height: 140%; }div.address h2 { border-top: 1px solid #fff; padding: 0.8em 4% 0; margin: 0 0 0.5em; }div.address p { padding: 0 4%; margin: 0 0 0.5em; line-height: 160%; }div.address { width: 100%; padding: 0 0 0.3em; border: 2px solid #ddddd6; margin: 0 0 2em; }ul { list-style-position: outside; margin: 0 0 1.7em 1.5em; padding: 0; }ol { list-style-position: outside; margin: 0 0 1.7em 2em; padding: 0; }li { margin: 0; padding: 0; }sup, sub { line-height: 1%; }ul.teamlijst { list-style: none outside; margin-left: 0; }div#extra ul, div#extra ol { margin-left: 0; margin-right: 0; }div#extra li { list-style-type: none; margin: 0.3em 0; }div#extra div.aanbod ul { margin-left: 2.6em; margin-right: 1.4em; }div#extra div.aanbod ul li { list-style-type: disc; }div#extra div.aanbod ol { margin-left: 3em; margin-right: 1.4em; }div#extra div.aanbod ol li { list-style-type: decimal; }ul.nieuws {list-style: none outside; margin: 0 0 1.2em; padding: 0;}ul.nieuws li { margin: 0.2em 0; padding: 0; }ul.nieuws h2 { font-size: 100%; }body#werken div#extra ul, body#vacatures div#extra ul, body#sollicitatie div#extra ul { margin-top: 1.4em; font-weight: bold; }/* form styling */form { margin: 0; }form p { margin: 0.2em 0; }input, select, textarea { font-family: "Verdana", "Arial", "Helvetica", sans-serif; font-size: 100%; color: #000; background: #fff; padding: 0; line-height: 140%; vertical-align: middle; }input.text, textarea, select { border: 0.075em solid #000; padding: 0.075em; }input.submit { font-weight: bold; padding: 0 0.4em; }input.checkbox, input.radio { color: #000; background: transparent; }label span.addition { font-size: 90%; color: #606066; background: transparent; }label span kbd { font-size: 100%; color: #606066; background: transparent; font-style: italic; font-family: "Verdana", "Arial", "Helvetica", sans-serif; }fieldset { border: 2px solid #ddddd6; margin: 0 0 1em; padding: 0.5em 1.5em; color: #000; background: url("../../img/line.gif") transparent repeat-x;background-position: 0 1.4em;}html>body fieldset { background-position: 0 1em; }fieldset.nolg { background-position: 0 0; }html>body fieldset.nolg { background-position: 0 2px; }@media screen {html>body fieldset { background-position: 0 0; }}legend { font-weight: bold; color: #556; padding: 0 0.1em; }p.explanation { margin: 1.5em 0 0.6em; }input.text, textarea { width: 99%; margin: 0; }input#postcode { width: 19%; }input#woonplaats { width: 76%; margin: 0 0 0 1.5%;}div.aanbod input#email { vertical-align: middle; width: auto; margin-right: 0.2em; }body#nieuwsbrief input#email { vertical-align: middle; width: 50%; margin-right: 0.2em; }div.aanbod input.submit { vertical-align: middle; font-weight: normal; padding: 0 0.2em;}img { color: #000; background: transparent; border: 0; }a:link { color: #b06030; background-color: transparent; text-decoration: underline; }a:link img { border: 1px solid #b06030; text-decoration: none; }a:visited { color: #606066; background-color: transparent; text-decoration: underline; }a:link img { border: 1px solid #606066; text-decoration: none; }a:hover { color: #000; background-color: transparent; text-decoration: underline; }a:link img { border: 1px solid #000; text-decoration: none; }a:active { color: #000; background-color: transparent; text-decoration: underline; }a:link img { border: 1px solid #c00; text-decoration: none; }a.statement { font-size: 90%; }hr { display: none; }abbr, acronym, dfn { border-bottom: 0.075em dotted #a0a0aa; cursor: help; }span.quote { font-style: italic; }code, kbd { font-size: 100%; color: #303033; background: transparent; font-style: italic; font-family: "Verdana", "Arial", "Helvetica", sans-serif; }/* outerwrap block */div#outerwrap {color: #000; background: url("../../img/backgrounds/header5.jpg") #fff top left no-repeat;padding: 0;}/* header backgrounds per page *//* start */body#start div#outerwrap { color: #000; background: url("../../img/backgrounds/header1.jpg") #fff top left no-repeat; }/* diensten */body#diensten div#outerwrap, body#webstrategie div#outerwrap, body#websites div#outerwrap, body#webmarketing div#outerwrap, body#webapplicaties div#outerwrap { color: #000; background: url("../../img/backgrounds/header2.jpg") #fff top left no-repeat; }/* portfolio */body#clienten div#outerwrap, body#casestudies div#outerwrap { color: #000; background: url("../../img/backgrounds/header6.jpg") #fff top left no-repeat; }/* nieuws */body#nieuws div#outerwrap, body#nieuwsbrief div#outerwrap { color: #000; background: url("../../img/backgrounds/header3.jpg") #fff top left no-repeat; }/* contact */body#adresgegevens div#outerwrap, body#contactformulier div#outerwrap { color: #000; background: url("../../img/backgrounds/header4.jpg") #fff top left no-repeat; }a#top { display: block; text-align: right; color: #000; background: url("../../img/logo_bg.jpg") transparent top right no-repeat; margin: 0 0 1px; height: 139px; }/* problems, xnavigation */a#problems, div#xnavigation {display: none;}/* innerwrap block */div#innerwrap {color: #000; background-image: url("../../img/innerwrap.jpg");background-color:  #eeeee7; border-bottom: 1px solid #666; border-top: 1px solid #fff;}/* contents block */div#contents {font-size: 80%; padding: 26px 3% 10em 5%;color: #000; background: url("../../img/backgrounds/body5.jpg") transparent top left no-repeat; width: auto; }/* contents backgrounds per page *//* start */body#start div#contents { color: #000; background: url("../../img/backgrounds/body1.jpg") transparent top left no-repeat; margin: 0; }/* diensten */body#diensten div#contents, body#webstrategie div#contents, body#websites div#contents, body#webmarketing div#contents, body#webapplicaties div#contents { color: #000; background: url("../../img/backgrounds/body2.jpg") transparent top left no-repeat; }/* portfolio */body#clienten div#contents, body#casestudies div#contents { color: #000; background: url("../../img/backgrounds/body6.jpg") transparent top left no-repeat; }/* nieuws */body#nieuws div#contents, body#nieuwsbrief div#contents { color: #000; background: url("../../img/backgrounds/body3.jpg") transparent top left no-repeat; }/* contact */body#adresgegevens div#contents, body#contactformulier div#contents { color: #000; background: url("../../img/backgrounds/body4.jpg") transparent top left no-repeat; }div#contents {width: 55%;\width: 62%;w\idth: 55%;}html>body div#contents { width: 55%; }/* start page contents block */body#start div#contents { padding: 26px 4% 0 5%; }body#start div#contents {width: 91%; \width: 100%; w\idth: 91%; }html>body#start div#contents { width: 91%; }body#start div.block1 { float: left; margin: 0 2% 1em 0; width: 47%; }body#start div.block2 { float: left; margin: 0 0 1em 2%; width: 47%;}body#start div.block1 p, body#start div.block2 p { margin-bottom: 0.4em; }/* extra block */div#extra {font-size: 70%; padding: 24px 4% 1em 1%; line-height: 140%; margin: 0; color: #000; background: transparent; position: absolute; top: 153px; left: 64%; width: 28.5%;}div#extra {width: 28.5%;\width: 34.5%;w\idth: 28.5%;}html>body div#extra { width: 30.5%; top: 141px; }/* start page extra block */body#start div#extra { position: static; padding: 0.8em 4% 0 5%; }body#start div#extra { width: 91%;\width: 100%;w\idth: 91%;}html>body#start div#extra { width: 91%; }body#start div.block3 { float: left; margin: 0 2% 3em 0;width: 30.0%; }body#start div.block4 { float: left; margin: 0 2% 3em 2%; width: 30.0%; }body#start div.block5 { float: left; margin: 0 0 3em 2%; width: 30.0%; }body#start img.rule { color: #000; background: #ddddd6; margin: 0 0 3em; display: block; float: left; height: 150px; width: 1px; }/* extra block styles */#extra h2 { display: none; }div#extra h3 { color: #666; background: transparent; margin: 0 0 0.5em; font-size: 100%; font-weight: bold; }#extra h3 a.sub, #extra h3 strong.sub { font-weight: normal; }#extra p { margin-bottom: 1em; }#extra input.submit { font-weight: normal; }body#start div#extra h3 { font-size: 110%; font-weight: bold; font-family: "Verdana", "Arial", "Helvetica", sans-serif; margin-top: 0; margin-bottom: 0.5em; }body#start div.block3 p, body#start div.block4 p, body#start div.block5 p { margin-bottom: 1em; }/* aanbod block */div.aanbod {border: 2px solid #ddddd6; color: #000; background: transparent; margin: 0 0 1em; padding: 0 0 1em;}html>body div.aanbod { padding-bottom: 0; }#extra div.aanbod p { margin: 0 1em 1em; }#extra div.aanbod h3 { color: #505055; background: transparent; padding: 1em 1em 0; border-top: 1px solid #fff; margin: 0 0 0.7em; }/* portfolio main text */body#clienten div#contents { width: 91.5%;\width: 99.5%;w\idth: 91.5%;}html>body#clienten div#contents { width: 91.5%; }body#clienten div#contents p { width: 60%; }/* clienten table */body#clienten table { line-height: 160%; margin: 0 0 1.5em; font-size: 90%; font-weight: normal; color: #000; background: transparent; width: 99%;}body#clienten caption { text-align: left; padding: 0 0 1em; font-size: 135%; font-weight: bold; color: #404044; background: transparent; line-height: 140%;}body#clienten td, body#clienten th { text-align: left; vertical-align: top; padding: 0.2em 2em 0.1em 0.4em; color: #000; background: transparent; }body#clienten th, body#clienten tr.odd td { color: #000; background: #e0e0da; }/*routebeschrijving */body#adresgegevens ol { line-height: 160%; margin: 0 0 2em 1.5em; padding: 0; }body#adresgegevens ol li { list-style: disc outside; margin:0 0 0.3em; padding: 0; }body#adresgegevens ol em { color: #336; background: transparent; }/* navigation block */div#navigation { font-size: 70%; line-height: 100%; width: 100%; margin: -23px 0 0;position: absolute; top: 139px; left: 0; font-weight: bold; border-bottom: 1px solid #cccac5;}#navigation span { display: none; }#navigation h2 { display: none; }#navigation ul {margin: 0; padding: 0; list-style: none outside; height: 23px;color: #fff; background: url("../../img/backgrounds/menu5.jpg") #606066 no-repeat; width: 492px;}/* navigation backgrounds per page *//* start */body#start #navigation ul { color: #fff; background: url("../../img/backgrounds/menu1.jpg") #606066 top left no-repeat; }/* diensten */body#diensten #navigation ul, body#webstrategie #navigation ul, body#websites #navigation ul, body#webmarketing #navigation ul, body#webapplicaties #navigation ul { color: #fff; background: url("../../img/backgrounds/menu2.jpg") #606066 top left no-repeat; }/* portfolio */body#clienten #navigation ul, body#casestudies #navigation ul { color: #fff; background: url("../../img/backgrounds/menu6.jpg") #606066 top left no-repeat; }/* nieuws */body#nieuws #navigation ul, body#nieuwsbrief #navigation ul { color: #fff; background: url("../../img/backgrounds/menu3.jpg") #606066 top left no-repeat; }/* contact */body#adresgegevens #navigation ul, body#contactformulier #navigation ul { color: #fff; background: url("../../img/backgrounds/menu4.jpg") #606066 top left no-repeat; }#navigation li { width: 81px; float: left; margin: 0; padding: 0; display: block;border-top: 1px solid #cccac5; border-right: 1px solid #cccac5;}#navigation li strong { display: block; height: 22px; width: 81px; }#navigation li a { display: block; margin: 0; width: 81px; height: 22px; color: #b06030; background-color: transparent; }#navigation li a:focus { color: #000; background-color: #666; }#navigation li a:hover, #navigation li a:active { color: #000; background-color: #72737d; }#navigation li strong a:hover { color: #b06030; background-color: transparent; }a#menuvoorpagina, a#menuvoorpagina span.image { background: url("../../img/menu/start.gif") no-repeat; }a#menunieuws, a#menunieuws span.image { background: url("../../img/menu/nieuws.gif") no-repeat; }a#menucinnamon, a#menucinnamon span.image { background: url("../../img/menu/cinnamon.gif") no-repeat; }a#menudiensten, a#menudiensten span.image { background: url("../../img/menu/diensten.gif") no-repeat; }a#menuportfolio, a#menuportfolio span.image { background: url("../../img/menu/portfolio.gif") no-repeat; }a#menucontact, a#menucontact span.image { background: url("../../img/menu/contact.gif") no-repeat; }strong a#menuvoorpagina, strong a#menuvoorpagina span.image { background: url("../../img/menu/start_on.gif") transparent no-repeat; }strong a#menunieuws, strong a#menunieuws span.image { background: url("../../img/menu/nieuws_on.gif") transparent no-repeat; }strong a#menucinnamon, strong a#menucinnamon span.image { background: url("../../img/menu/cinnamon_on.gif") transparent no-repeat; }strong a#menudiensten, strong a#menudiensten span.image { background: url("../../img/menu/diensten_on.gif") transparent no-repeat; }strong a#menuportfolio, strong a#menuportfolio span.image { background: url("../../img/menu/portfolio_on.gif") transparent no-repeat; }strong a#menucontact, strong a#menucontact span.image { background: url("../../img/menu/contact_on.gif") transparent no-repeat; }@media all {#navigation span.image { display: block; width: 81px; height: 22px; cursor: pointer; }}/* feet block */address#feet {margin: 0; padding: 0.3em 1em 0.5em;color: #445; background: url("../../img/footer2.jpg") #fff top right no-repeat;font-style: normal; font-size: 70%;text-align: center; line-height: 140%; clear: both;border-top: 1px solid #998;}address#feet a:link, address#feet a:visited { color: #445; background: transparent; text-decoration: underline; }address#feet a:hover { color: #000; background: transparent; text-decoration: underline; }.break { clear: both; }body#clienten form p { font-size: 85%; padding-bottom: 2em; }body#clienten input#nieuwvenster { color: #000; background: transparent; }