@charset "UTF-8";
/* 
CSS Document 
Name: Go-online
Version: 1.0
Author: Toon nelissen /Cinezaster
Author URI: http://www.cinezaster
Tags: design website
*/
html {margin: 0; color: white;height: 100%;}
body {background: #422d18 url(/images/bovenbalk.jpg) repeat-x;margin: 0;font-size: 62.5%;font-family:  Tahoma, Verdana, geneva, sans-serif;height: 100%;}
div#container {background: url(/images/background.jpg) no-repeat; margin: 0 auto;width: 1080px;height: 100%;}
#subcontainer {width: 900px;margin-left: 90px;height: 100%;margin-right: 90px;}
#header {height: 90px;}
#header ul#menu {margin: 0;float: right;padding-top: 35px;font-variant: small-caps;font-size: 1.6em;font-weight: bold;}
#menu li {display: inline;margin-left: 60px;}
#menu li a {text-decoration: none;color: black;}
#menu li a:link {color: black;}
#menu li a:active {color: #00adff;}
#menu li a:hover {color: #ff8e00;background-color: #412d17;}
#hoogte{height: 100%;float: right;}
#footer {background: url(/images/footer-lijn.gif) repeat-x;color: #00adff;margin-top: 20px;width: 900px;margin-bottom: 0;clear: both;overflow: auto;height: 30px;}
#copyrights {margin-top: 8px;float: left;}
#footer #contact {float: right;margin-top: 8px;width: 50px;height: 20px;text-align: right;}
h1 {display: none;}
a {color: #ff8e00; outline: none;}
img {margin: 0;padding: 0;border-style: none;}
p {font-size: 1.3em;}
p.veertien {font-size: 1.4em;}
p.vijftien {font-size: 1.5em;}
p.zestien {font-size: 1.6em;}
p.achtien {font-size: 1.8em;}

/* HOME */
#home #bovenblok {height: 185px;padding-top: 25px;}
#home #verkoper {height: 45px;width: 590px;padding-top: 136px;background: url(/images/verkoper.jpg) no-repeat;font-size: 2em;float: left;}
#home #sampel {float: right;}
#home #driekolommen {height: 365px;color: #412d17;}
#home h3 {display: none;}
#home h4 {font-weight: bold;font-size: 2em;margin: 0;}
#home #midden p {margin-bottom: 19px;font-size: 1.6em;}
#home p {font-size: 1.4em;margin: 0;}
#home #links {background-image: url(/images/blok-nieuws.png);float: left;width: 225px;height: 245px; padding:  90px 30px 30px 35px;}
#home #midden {background-image: url(/images/blok-werkwijze.png);float: left;width: 205px;height: 235px; padding: 100px 45px 30px 50px;}
#home #rechts {background-image: url(/images/blok-portfolio.png);float: left;width: 205px;height: 235px; padding: 100px 30px 30px 55px;}

/* PORTFOLIO */
#portfolio #bovenblok {padding-top: 25px;margin-bottom: 30px;}
#portfolio h3 {font-weight: bold; font-size: 2em;margin: 0 0 15px;}
#portfolio h4 {font-size: 1.2em;margin-top: 5px;margin-bottom: 5px;}
#portfolio h5 {color: #00adff;font-size: 1em;font-weight: bold;margin-top: 20px;margin-bottom: 0;}
#portfolio p {margin-top: 10px;}
#portfolio #driekolommen {height: 400px;color: #412d17;margin-bottom: 40px;}
#portfolio #links {width: 225px;background: url(/images/portfolio-workinfo.png) no-repeat;height: 370px;float: left;padding-left: 30px;padding-top: 25px;padding-right: 30px;font-size: 1.5em;}
#portfolio #links ul {padding: 0;margin: 0 0 20px;}
#portfolio li {list-style-type: none;}
#portfolio #rechts {height: 395px;float: left;margin-left: 20px;}
#portfolio a.linknaarsite {color: #412d17;}
#portfolio ul#portfoliolijst {overflow: auto;padding: 0;margin-bottom: 35px;}
#portfolio ul#portfoliolijst a {text-decoration: none;color: white;font-size: 1.5em;margin: 0;padding: 0;border-style: none;}
#portfolio ul#portfoliolijst a img {margin: 0;padding: 0;border-style: none;}
#portfolio ul#portfoliolijst li {width: 230px; float: left;margin-right: 8px;}

/* WERKWIJZE */
#werkwijze #bovenblok {height: 200px;padding-top: 25px;width: 900px;}
#werkwijze  #verkoper {background: url(/images/Werkwijze_verkoper.jpg) no-repeat;height: 200px;width: 900px;}
#werkwijze #driekolommen {height: 170px;color: #412d17;}
#werkwijze #links {float: left;width: 225px;height: 110px; padding: 20px 30px 30px 35px;background: url(/images/blokfase1.png) no-repeat;}
#werkwijze #midden {float: left;width: 215px;height: 110px; padding: 20px 30px 30px 45px;background: url(/images/blokfase2.png) no-repeat;}
#werkwijze #rechts {float: left;width: 215px;height: 110px; ; background: url(/images/blokfase3.png) no-repeat;padding: 20px 30px 30px 45px;}
#werkwijze #driekolommen ul {list-style-type: none;padding: 0;font-size: 1.2em;}
#werkwijze #driekolommen h4 {font-size: 1.5em;margin: 0;}
#werkwijze #onderblok {margin-top: 20px;font-size: 1.6em;}
#werkwijze #onderblok ul{padding-left: 20px;}


/* CONTACT */
#contact #bovenblok {padding-top: 25px;margin-bottom: 30px;}
#contact h3 {font-weight: bold; font-size: 2em;margin: 0 0 15px;}
#contact h4 {font-size: 1.2em;margin-top: 5px;margin-bottom: 5px;}
#contact h5 {color: #00adff;font-size: 1em;font-weight: bold;margin-top: 20px;margin-bottom: 0;}
#contact p {margin-top: 10px;}
#contact #driekolommen {height: 400px;color: #412d17;margin-bottom: 40px;}
#contact #links ul {padding: 0;margin: 0 0 20px;}
#contact li {list-style-type: none;}
#contact #rechts {height: 395px;float: left;margin-left: 20px;}
#contact a.linknaarsite {color: #412d17;}
#contact ul#contactlijst {overflow: auto;padding: 0;margin-bottom: 35px;}
#contact ul#contactlijst a {text-decoration: none;color: white;font-size: 1.5em;margin: 0;padding: 0;border-style: none;}
#contact ul#contactlijst a img {margin: 0;padding: 0;border-style: none;}
#contact ul#contactlijst li {width: 230px; float: left;margin-right: 8px;}