html, body { height: 100%; }
body { overflow-y: visible; background-image: url(../gfx/header_home.jpg); background-position: top center; background-repeat: no-repeat; background-color: #000000; }

body.informatie { background-image: url(../gfx/header_informatie.jpg); }
body.portfolio { background-image: url(../gfx/header_portfolio.jpg); }
body.contact { background-image: url(../gfx/header_contact.jpg); }
body.mogelijkheden { background-image: url(../gfx/header_mogelijkheden.jpg); }
body.portfolio_klein { background-image: url(../gfx/header_portfolio_klein.jpg); }
body.wiezijnwij { background-image: url(../gfx/header_wiezijnwij.jpg); }
body.route { background-image: url(../gfx/header_route.jpg); }
body.locatie { background-image: url(../gfx/header_locatie.jpg); }

div.container { min-height: 100%; height: auto !important; height: 100%; }

div.leftcol { width: 167px; position: relative; float: left; }
div.leftcol a { color: #ffffff; text-decoration: none; }
div.leftcol li { list-style: none; }
div.leftcol ul { padding: 0; margin: 0; margin-left: 0px; }

div.rightcol { margin-left: 25px; width: 690px; position: relative;	float: left; font-family: "Trebuchet MS"; color: #FFFFFF; min-height: 250px; _height: 250px; }
div.rightcol a, div.rightcol { color: #cccccc; }

div.header { width: 900px; height: 283px; }
div.header div.leftcol { }
div.header div.leftcol h1 a { background: transparent url(../gfx/logo.png); display: block; font-size: 0; margin: 0; padding: 0; height: 80px; width: 167px; overflow:hidden; margin-top: 10px; margin-left: -4px; text-indent: -9999px;}
div.header div.rightcol { }
div.header div.rightcol ul { margin: 0; margin-top: 38px; }
div.header div.rightcol ul li { list-style: none; list-style-image: none; float: left; margin-right: 18px; }
div.header div.rightcol ul.portfolio li a { color: #ffffff; }

div.content { clear: both; width: 900px; background: url(../gfx/content_repeat.png) top center; background-repeat: repeat-y; } 
div.content a { color: white; }
div.content div.leftcol { clear: both; height: 250px; float: none; }
div.content div.rightcol { margin-top: -250px; margin-left: 192px; clear: both; float: none; }

div.button a { display: block; font-size: 0; text-indent: -9999px; float: left; height: 75px; width: 214px; color: #000000; overflow: hidden;  margin-left: 23px; }
div.button a:hover { background-position: 0 75px; }
div.button_text { width: 214px; float: left; margin-left: 23px; }
div.button_text a { color: #838383; text-decoration: none; }
div.button_first, div.button_first a { margin: 0; background-position: 0 0; }

div.button_portfolio a { background: url(../gfx/portfolio.png); }
div.button_goedgesprek a { background: url(../gfx/goedgesprek.png); }
div.button_contact a { background: url(../gfx/contact.png);  }
div.button_illustraties a { background-image: url(../gfx/portfolio_illustratie.png); }
div.button_drukwerk a { background-image: url(../gfx/portfolio_drukwerk.png); }
div.button_vrijwerk a { background-image: url(../gfx/portfolio_vrijwerk.png); }
div.button_logos a { background-image: url(../gfx/portfolio_logos.png); }
div.button_animatie a { background-image: url(../gfx/portfolio_animatie.png); }
div.button_websites a { background-image: url(../gfx/portfolio_websites.png); }

div.button_showcase a { float: none; width: 493px; height: 170px; margin: 22px 0 0px 170px; background-image: url(../gfx/showcase.png); }
div.button_showcase a:hover { background-position: 0 170px; }

div.content_footer { float: right; width: 730px; height: 23px; background: url(../gfx/content_footer.jpg) no-repeat; background-position: top right; }
div.content_footer_portfolio { width: 785px; background: url(../gfx/content_footer_portfolio.jpg) no-repeat; }

div.cartoon_container { z-index: 100; position: absolute; left: 50%; }
div.cartoon { margin: -172px 0 0 220px; width: 209px; height: 230px; background-image: url(../gfx/cartoon_homepagina.png); padding: 12px 0 0 23px; }
div.cartoon_image { width: 186px; height: 175px; margin-bottom: 5px; background-color: #ffffff; }
div.cartoon_vorige { width: 17px; height: 16px; background-image: url(../gfx/cartoon_vorige.jpg); float: left; }
div.cartoon_volgende { width: 17px; height: 16px; background-image: url(../gfx/cartoon_volgende.jpg); float: left; }
div.cartoon_title { margin: -2px 0 0 0px; float: left; color: #333333; }

div.push { height: 260px; }
div.footer { clear: both; width: 100%; background: url(../gfx/sitemap_footer.jpg); height: 235px; margin-top: -227px; text-align: center; }
div.footer_text { width: 900px; padding-top: 8px; text-align: left; color: #838383; padding-left: 50%; margin-left: -280px; }
div.footer_text_portfolio { margin-left: -335px; }
div.footer_text a { color: white; }

div.footer_text div.column { float: left; width: auto; margin-right: 20px; margin-top: 10px; }
div.footer_text div.column ul { list-style: none; margin: 0; margin-left: 5px; }
div.footer_text div.column b a { font-size: 11px; text-decoration: none; color: #838383; } 
div.footer_text div.column a { color: #515151; font-size: 11px; }
div.footer_text div.column a:hover { color: #8F8F8F; }