/**********************************************************

	Copyright (c) 2010 by Landstra & de Groot webdesign
    
    Landstra & de Groot webdesign
    Wijkstaat 69
    9901 AH Appingedam
    info@landstradegroot.nl
    http://landstradegroot.nl/
    
    Webdevelopment by Landstra & de Groot webdesign
    HTML/CSS & Webdesign by Rudolf Bos

**********************************************************/

* { margin: 0; }
html { height: 100%; background: #000; }

body {
 	background: #5c0c0c;
  	border-bottom: 5px solid #000;
	font: 12px Georgia, "Times New Roman", Times, serif;
	color: #d07f7f;
 	text-shadow: 1px 1px 0 #360505;
  	position: relative;
	}

a { color: #fff; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: 0; }
h1, h2, h3, h4 { font-weight: normal; line-height: normal; text-align: left; }
h1 { margin: 0 0 25px; color: #fff; }
h2 { margin: 15px 0; color: #fff; }
h3 { margin: 0 0 10px; color: #333; font-size: 20px; }
h4 { font-size: 20px; font-style: italic; }
p, address { padding: 0 0 20px; font-style: normal; }
input, textarea { padding: 0; border: 0; font: 12px Georgia, "Times New Roman", Times, serif; color: #333; }
input:focus, textarea:focus { outline: 0; }
iframe { margin: 0 0 20px; border: 5px solid #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;  }

#bg, #mg, #fg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; }
#bg { background: url(../img/bg/bg-wave.png) repeat-x 5% 0; }
#mg { background: url(../img/bg/bg-wave.png) repeat-x 20% 0; }
#fg { background: url(../img/bg/bg-wave.png) repeat-x 90% 0; }

#container {
	width: 982px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    padding: 5px 0 0;
	margin: 0 auto;
 	position: relative;
  	z-index: 2;
	}

#header {
	width: 982px;
 	height: 444px;
	background: url(../img/bg/header.png) no-repeat bottom;
	}
    #header a.btn { width: 150px; height: 19px; padding: 1px 0 0 47px; margin: 0 11px 0 774px; background: url(../img/bg/top-btn.png); color: #fff; font-size: 11px; text-shadow: none; float: right; }
    #header a:hover.btn { color: #ddd; text-decoration: underline; }
    #header a.logo { width: 180px; height: 64px; margin: 40px 0 0 31px; background: url(../img/bg/logo.png); text-indent: -9999px; float: left; }
    #header.sub { height: 314px; background: url(../img/bg/header-sub.png) no-repeat bottom; }
    
    #header ul#main-nav { padding:0; margin: 60px 31px 0 0; list-style: none; font-size: 15px; text-shadow: 1px 1px 0 #fff; float: right; }
    #header ul#main-nav li { margin: 0 0 0 8px; float: left; position: relative; z-index: 2; }
    #header ul#main-nav li a { display: block; color: #666; float: left; cursor: pointer; }
    #header ul#main-nav li a span { height: 32px; padding: 12px 20px 0; float: left; }
    #header ul#main-nav li a:hover, #header ul#main-nav li.active a { background: url(../img/bg/main-nav-hover.png) bottom right; color: #333; text-decoration: none; }
    #header ul#main-nav li a:hover span, #header ul#main-nav li.active a span { background: url(../img/bg/main-nav-hover.png) no-repeat; }
    #header	 ul#main-nav:hover li a, #header ul#main-nav:hover li a span { background: none; color: #666; }
    #header ul#main-nav li:hover a, #header ul#main-nav li.sfHover a { background: url(../img/bg/main-nav-hover.png) bottom right; }
    #header ul#main-nav li:hover a span, #header ul#main-nav li.sfHover a span { background: url(../img/bg/main-nav-hover.png) no-repeat; color: #333; }
    #header ul#main-nav ul { width: 198px; padding: 10px; background: url(../img/bg/main-nav-ul.gif) repeat-y #e3e3e3; display: none; list-style: none; color: #333; font-size: 11px; border-radius: 0 5px 5px 5px; -moz-border-radius: 0 5px 5px 5px; -webkit-border-radius: 0 5px 5px 5px; -khtml-border-radius: 0 5px 5px 5px; box-shadow: 1px 1px 1px rgba(0,0,0,0.25); -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.25); -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.25); -khtml-box-shadow: 1px 1px 1px rgba(0,0,0,0.25); position: absolute; top: -9999px; }
    #header ul#main-nav ul li { margin: 0; line-height: 28px; }
	#header ul#main-nav ul li a { width: 182px; height: 28px; padding: 0 8px; background: none !important; color: #333 !important; float: none; }
	#header ul#main-nav ul li a:hover { background: url(../img/bg/main-nav-subhover.gif) !important; text-decoration: underline; }
	#header ul#main-nav li:hover ul, #header ul#main-nav li.sfHover ul { top: 40px; left: 0; }
    
    #banner { width: 930px; height: 140px; padding: 30px 0 0 30px; line-height: 26px; text-align: justify; overflow: hidden; clear: both; float: left; }
    #banner p { width: 210px; padding: 0 20px 0 0; background: url(../img/bg/header-quote.png) no-repeat; color: #333; font-style: italic; text-shadow: 1px 1px 0 #fff; float: left; }
    #banner p span { width: 210px; display: block; line-height: 44px; clear: both; }
    #banner p span img { margin: 0 10px 10px 0; float: left; }
    #banner p span small { font-size: 11px; }
    #banner #header-img { width: 700px; float: left; position: relative; }
    #banner #header-img span { width: 700px; height: 140px; background: url(../img/bg/header-img-overlay-sub.png); position: absolute; top: 0; right: 0; }
    
    #featured-content { width: 970px; height: 270px; font-style: italic; clear: both; position: relative; top: 30px; z-index: 1; }
    #featured-content ul { list-style: none; padding: 0; }
    #slider-tabs { position: absolute; top: -5px; left: -10px; z-index: 2; width: 320px; text-shadow: 1px 1px 2px #000; }	
    #slider-tabs li a { width: 220px; height: 48px; padding: 22px 0 0 82px; margin: 0 0 -10px; display: block; background: url(../img/bg/featured-btns.png); color: #d07f7f; outline: none; }
    #slider-tabs li a:hover { width: 240px; color: #fff; }
    #slider-tabs li.cms a { background-position: 0 -70px; }
    #slider-tabs li.seo a { background-position: 0 -140px; }
    #slider-tabs li.hui a { background-position: 0 -210px; }
	#slider-tabs li.web a:hover { background-position: 0 -280px; color: #fff; }
    #slider-tabs li.cms a:hover { background-position: 0 -350px; color: #fff; }
    #slider-tabs li.seo a:hover { background-position: 0 -420px; color: #fff; }
    #slider-tabs li.hui a:hover { background-position: 0 -490px; color: #fff; }
    #slider-tabs li.web a.current { width: 240px; background: url(../img/bg/featured-btns.png) 0 -280px; color: #fff; }
    #slider-tabs li.cms a.current { width: 240px; background: url(../img/bg/featured-btns.png) 0 -350px; color: #fff; }
    #slider-tabs li.seo a.current { width: 240px; background: url(../img/bg/featured-btns.png) 0 -420px; color: #fff; }
    #slider-tabs li.hui a.current { width: 240px; background: url(../img/bg/featured-btns.png) 0 -490px; color: #fff; }
    #slider-tabs li a:hover.current { text-decoration: underline; }
    #slider-img { width: 700px; height: 270px; margin: 0 9px 0 0; float: right; }
    #slider-img li { position: absolute; width: 700px; height: 270px; }
    #slider-img li h4 a { width: 660px; height: 255px; padding: 15px 40px 0 0; background: url(../img/bg/header-img-overlay.png); color: #fff; font-size: 32px; text-align: right; text-shadow: 1px 1px 2px #000; position: absolute; top: 0; right: 0; }
    #slider-img li h4 a:hover { width: 659px; height: 256px; padding: 14px 41px 0 0; text-shadow: 2px 2px 2px #000; text-decoration: none; }

#content {
	width: 900px;
 	padding: 30px 41px 129px;
  	background: url(../img/bg/content.png) bottom left;
 	line-height: 26px;
  	text-align: justify;
   	overflow: hidden;
   	position: relative;
	}
    #content h3 { color: #d07f7f; font-style: italic; }
    #content ul { padding: 0 0 20px 30px; list-style: none; }
    #content ul ul { padding: 5px 0 5px 10px; }
    #content ul li { padding: 0 0 0 14px; background: url(../img/bg/arrow-li.gif) no-repeat 0 10px; }
    #content a.btn { width: 202px; height: 31px; padding: 2px 0 0 30px; margin: 0 0 20px; display: block; background: url(../img/bg/btn.png); color: #666; text-shadow: 1px 1px 0 #fff; }
    #content a:hover.btn { background-position: bottom; color: #333; }
    #content a.bel-mij-terug { width: 172px; height: 41px; padding: 12px 0 0 100px; display: block; background: url(../img/bg/bel-mij-terug.png); color: #d07f7f; font-size: 20px; font-style: italic; text-shadow: 1px 1px 2px #000; position: absolute; top: 26px; right: 39px; }
    #content a:hover.bel-mij-terug { background-position: bottom; color: #fff; text-decoration: underline; }
    #content a.toggle { width: 900px; height: 16px; display: block; background: url(../img/bg/toggle.png); text-indent: -9999px; overflow: hidden; outline: 0; }
    #content a:hover.toggle { background-position: 0 -16px; }
    #content a.toggle-active { width: 900px; height: 16px; display: block; background: url(../img/bg/toggle.png) 0 -32px; text-indent: -9999px; overflow: hidden; }
    #content a:hover.toggle-active { background-position: 0 -48px; }
    #content p span { font-size: 11px; color: #fff; }
    #content img { border: 5px solid #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; }
    #content blockquote { padding: 0 0 20px 20px; color: #fff; font-size: 17px; font-style: italic; line-height: 30px; }
    
    #content .item-overview { width: 430px; margin: 0 40px 20px 0; float: left; overflow: hidden; }
    #content .item-overview .thumb { width: 71px; padding: 0 19px 0 0; text-align: center; float: left; }
    #content .item-overview .thumb a img { border: 0; }
    #content .item-overview .thumb a:hover img { margin: 2px 0 0 }
    #content .item-overview .text { width: 340px; float: left; }
    #content .item-overview .text h2 { margin: 0 0 10px; }
    #content .alt-o { margin: 0 0 20px; }
    
    #content .item-wide { width: 590px; margin: 0 0 20px; overflow: hidden; }
    #content .item-wide .thumb { width: 170px; margin: 0 20px 0 0; float: left; }
    #content .item-wide .thumb a img { border: 5px solid #d07f7f; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; }
    #content .item-wide .thumb a:hover img { border: 5px solid #fff; }
    #content .item-wide .text { width: 400px; float: left; }
    #content .item-wide .text h2 { margin: 0 0 10px; }
    
    #content .item-portfolio { width: 432px; height: 166px; margin: 0 38px 13px 0; color: #fff; text-shadow: 1px 1px 0 #000; float: left; position: relative; }
    #content .item-portfolio img { margin: 5px 0 0; border: 0; }
    #content .item-portfolio h4 a { width: 392px; height: 30px; padding: 141px 20px 0; margin: 0; display: block; font-size: 12px; font-style: normal; position: absolute; top: 0; left: 0; }
    #content .item-portfolio h4 a:hover { text-decoration: underline; }
    #content .item-portfolio span { font-size: 11px; position: absolute; bottom: 5px; right: 20px; }
    #content .alt-p { margin: 0 0 18px -2px; }
    #content .webdesign-p h4 a { background: url(../img/bg/portfolio-overlay.png); }
    #content .webdesign-p h4 a:hover { background: url(../img/bg/portfolio-overlay.png) 0 -171px; }
    #content .cms-p h4 a { background: url(../img/bg/portfolio-overlay.png) 0 -342px; }
    #content .cms-p h4 a:hover { background: url(../img/bg/portfolio-overlay.png) 0 -513px; }
    #content .huisstijl-p h4 a { background: url(../img/bg/portfolio-overlay.png) 0 -684px; }
    #content .huisstijl-p h4 a:hover { background: url(../img/bg/portfolio-overlay.png) 0 -855px; }
    
    #content .item-ref { width: 164px; height: 150px; padding: 16px 2px 0 0; margin: 0 18px 18px 0; background: url(../img/bg/item-ref.png); text-shadow: 1px 1px 0 #fff; float: left; }
    #content .item-ref img { margin: 0 0 0 15px; }
    #content .item-ref h4 { width: 164px; margin: 25px 0 0; color: #333; font-size: 12px; font-style: normal; text-align: center; }
    #content .alt-r { margin: 0 0 18px -2px; }
    
    #intro {
        width: 900px;
        overflow: hidden;
        }
        #intro p { column-count: 2; column-gap: 40px; -moz-column-count: 2; -moz-column-gap: 40px; -webkit-column-count: 2; -webkit-column-gap: 40px; -khtml-column-count: 2; -khtml-column-gap: 40px; }
        #intro a.btn { margin: 0 0 29px; }
    
    #featured-news {
        width: 900px;
        height: 267px;
        margin: 33px 0 20px;
        overflow: hidden;
        clear: both;
        position: relative;
        z-index: 1; }
        #featured-news ul { list-style: none; padding: 0; }
    
    #news-tabs {
        width: 482px;
        text-shadow: 1px 1px 0 #360505;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        }	
        #news-tabs h2 { margin: -3px 0 10px 53px; }
        #news-tabs li { padding: 0 !important; margin: 0 0 -2px; background: none !important; }
        #news-tabs li a { width: 429px; height: 39px; padding: 6px 0 0 53px; display: block; color: #fff; display: block; outline: none; }
        #news-tabs li a span { color: #d07f7f; font-size: 11px; }
        #news-tabs li a:hover { background: url(../img/bg/news-btn.png); }
        #news-tabs li a:hover, #news-tabs li a:hover span { color: #fff; text-decoration: underline; text-shadow: 1px 1px 0 #000; }
        #news-tabs li a.current { background: url(../img/bg/news-btn.png); }
        #news-tabs li a.current span { color: #fff; }
        #news-tabs li a:hover.current { color: #fff; }
    
    #news-content {
        width: 454px;
        height: 267px;
        color: #333;
        text-shadow: 1px 1px 0 #fff;
        float: left;
        }
        #news-content div { width: 410px; height: 250px; padding: 17px 23px 0 21px; background: url(../img/bg/news.png); position: absolute; }
        #news-content a { color: #5c0c0c; text-decoration: underline; }
        #news-content h3 a { color: #333; text-decoration: none; }
        #news-content a:hover { color: #000; text-decoration: underline; }
        #news-content a img { border: 0; position: absolute; bottom: 24px; }
        #news-content span { color: #666 !important; }
        #news-content span strong { padding: 0 4px; }
    
    #browse-small {
     	width: 550px;
      	height: 33px;
       	padding: 7px 20px 0 20px;
        margin: 0 0 20px;
		background: url(../img/bg/browse-small.png);
  		text-shadow: 1px 1px 0 #000;
    	overflow: hidden;
    	clear: both;
	    }
        #browse-small p.prev { padding: 0 0 0 19px; display: block; background: url(../img/bg/arrow-prev.gif) no-repeat left; float: left; }
        #browse-small p.next { padding: 0 19px 0 0; background: url(../img/bg/arrow-next.gif) no-repeat right; float: right; }
        #browse-small a:hover { color: #ddd; text-decoration: underline; }
    
    #browse-large {
     	width: 860px;
      	height: 33px;
       	padding: 7px 20px 0 20px;
        margin: 0 0 20px;
		background: url(../img/bg/browse-large.png);
  		text-shadow: 1px 1px 0 #000;
    	overflow: hidden;
    	clear: both;
	    }
        #browse-large p.prev { padding: 0 0 0 19px; display: block; background: url(../img/bg/arrow-prev.gif) no-repeat left; float: left; }
        #browse-large p.next { padding: 0 19px 0 0; background: url(../img/bg/arrow-next.gif) no-repeat right; float: right; }
        #browse-large a:hover { color: #ddd; text-decoration: underline; }

#main {
	width: 590px;
	margin: 0 0 0 40px;
	float: right;
	}
    #main h3 { color: #fff; font-size: 15px; font-weight: bold; font-style: normal; text-shadow: -1px -1px 0 rgba(0,0,0,0.5); }
    #main #contact-form { width: 550px; padding: 20px 20px 0; background: url(../img/bg/main-block-top.gif) no-repeat #310505; text-shadow: 1px 1px 0 #000; overflow: hidden; }
    #main #contact-form p { width: 120px; padding: 0; line-height: 30px; float: left; clear: both; }
    #main #contact-form span { margin: 0 0 0 5px; color: #f23c3c; line-height: 30px; float: left; }
    #main #contact-form .field { width: 210px; height: 30px; padding: 0 10px; margin: 0 0 10px; background: url(../img/bg/form-fields.png); line-height: 30px; float: left; }
    #main #contact-form .textarea { width: 410px; height: 183px; padding: 10px; margin: 0 0 10px; background: url(../img/bg/form-fields.png) bottom left; line-height: 20px; float: left; }
    #main #contact-form .btn { width: 232px; height: 33px; padding: 0 0 5px 28px; margin: 0 0 17px 120px; background: url(../img/bg/btn.png); color: #666; text-align: left; text-shadow: 1px 1px 0 #fff; float: left; clear: both; cursor: pointer; }
    #main #contact-form .btn:hover { background-position: bottom; color: #333; text-decoration: underline; }
    #main #contact-form .bottom { width: 590px; height: 5px; margin: 0 -20px; display: block; background: url(../img/bg/main-block-bottom.gif); overflow: hidden; clear: both; }

#side {
	width: 270px;
	float: right;
	}
    #side a.bel-mij-terug { margin: 0 0 30px; position: static; }
    
    #sub-nav {
        width: 270px;
        margin: 0 0 30px;
        background: url(../img/bg/sub-nav.gif) bottom left;
        color: #333;
        text-shadow: 1px 1px 0 #fff;
        }
        #sub-nav h3 { width: 252px; height: 62px; padding: 0 0 0 20px; margin: 0 -1px; background: url(../img/bg/sub-nav.gif) -270px 0; line-height: 62px; text-shadow: 1px 1px 2px #000; }
        #sub-nav h3 a { color: #d07f7f; }
        #sub-nav h3 a:hover { color: #fff; }
        #sub-nav h4 { padding: 20px 0 0 20px; font: bold 12px Georgia, "Times New Roman", Times, serif; }
        #sub-nav ul { padding: 8px 0 0; list-style: none; }
        #sub-nav ul:hover .active a { background: none; color: #333; text-shadow: 1px 1px 0 #fff; }
        #sub-nav li { padding: 0 !important; background: none !important; }
        #sub-nav li a { width: 271px; height: 38px; padding: 7px 0 0 31px; margin: 0 0 -2px -11px; display: block; color: #333; }
        #sub-nav li a:hover { background: url(../img/bg/sub-nav-hover.png); color: #fff; text-shadow: 1px 1px 0 #000; }
        #sub-nav li.active a, #sub-nav li.active a:hover { background: url(../img/bg/sub-nav-hover.png); color: #fff; text-shadow: 1px 1px 0 #000; }
        #sub-nav span.bottom { width: 270px; height: 5px; margin: 10px 0 0; display: block; background: url(../img/bg/sub-nav.gif) -542px 0; overflow: hidden; clear: both; }
        #sub-nav address, #sub-nav p { padding: 15px 20px 0; overflow: hidden; }
        #sub-nav p a { color: #5c0c0c; }
        #sub-nav p a:hover { color: #000; text-decoration: underline; }
        #sub-nav span.type { width: 75px; color: #666; font-size: 11px; float: left; }
        #sub-nav span.value { width: 155px; color: #333; font-size: 12px; float: left; }
    
    #spot {
     	width: 236px;
      	height: 151px;
       	padding: 17px 20px 0;
       	margin: -2px -4px 20px -2px;
        background: url(../img/bg/spot.png);
        position: relative;
	    }
        #spot h4 { color: #fff; line-height: 26px; text-shadow: none; }
        #spot a.btn { position: absolute; bottom: 4px; }

    #split-left {
        width: 432px;
        margin: 0 38px 0 0;
        float: right;
        }
        #split-left img { border: 0; }
        #split-left ul { padding: 0; list-style: none; }
        #split-left ul li { padding: 0; margin: 0 0 11px; background: none; position: relative; }
        #split-left ul li a { width: 432px; height: 166px; background: url(../img/bg/item-portfolio-detail-overlay.png); text-indent: -9999px; position: absolute; }
        
        #details {
            width: 390px;
            padding: 0 22px 0 20px;
            margin: 0 0 28px;
            background: url(../img/bg/details.gif) bottom left;
            color: #333;
            text-align: left;
            text-shadow: 1px 1px 0 #fff;
            overflow: hidden;
            position: relative;
            }
            #details h3 { width: 412px; height: 61px; padding: 0 0 0 20px; margin: 0 -22px 15px -20px; background: url(../img/bg/details.gif) -432px 0; color: #333; line-height: 60px; font-style: normal; }
            #details .type { width: 140px; color: #666; font-size: 11px; float: left; }
            #details .value { width: 250px; float: left; }
            #details a.btn { margin: 11px 0 0; float: left; clear: both; }
            #details span.bottom { width: 432px; height: 7px; margin: 13px -22px 0 -20px; display: block; background: url(../img/bg/details.gif) -864px 0; overflow: hidden; float: left; clear: both; }
    
    #split-right {
        width: 430px;
        float: right;
        }
        #split-right h2 { margin: 0 0 20px; }
        #split-right h3 { color: #fff; font-size: 15px; font-weight: bold; font-style: normal; text-shadow: -1px -1px 0 rgba(0,0,0,0.5); }

#footer {
	width: 900px;
 	padding: 42px 41px 53px;
  	background: url(../img/bg/footer.png) no-repeat;
 	color: #dd8686;
  	font-size: 11px;
  	line-height: 26px;
   	text-shadow: none;
    clear: both;
    position: relative;
	}
    #footer a { color: #972e2e; }
    #footer a:hover { color: #dd8686; }
    #footer span { padding: 0 4px; font-weight: bold; }
    #footer ul { padding: 0; list-style: none; position: absolute; left: 40px; top: -53px; }
    #footer ul li { margin: 0 14px 0 0; float: left; }
    #footer ul li a { width: 77px; height: 80px; background: url(../img/bg/social-media.png); text-indent: -9999px; float: left; }
    #footer ul li.twi a:hover { background-position: 0 -80px; }
    #footer ul li.lin a { background-position: -77px 0; }
    #footer ul li.lin a:hover { background-position: -77px -80px; }
    #footer .right { text-align: right; float: right; }

#card {
    width: 244px;
    height: 151px;
    padding: 48px 0 0 179px;
    background: url(../img/bg/card.png);
    color: #333;
    line-height: 20px;
    text-shadow: 1px 1px 0 #fff;
    position: absolute;
    right: 0;
    bottom: 132px;
    z-index: 3;
    }
    #card a { color: #5c0c0c; text-decoration: underline; }
    #card a:hover { color: #000; }

#pop-up { display: none; }
#bel-mij-terug {
 	width: 554px;
  	height: 430px;
   	padding: 20px 20px 0;
  	color: #d07f7f;
   	text-shadow: 1px 1px 0 #000;
    position: relative;
	}
    #bel-mij-terug h3 { padding: 0 0 10px; border-bottom: 1px solid #4a0a0a; color: #fff; }
    #bel-mij-terug img { position: absolute; top: 10px; right: 30px; }
    #bel-mij-terug p { width: 120px; padding: 0; line-height: 30px; float: left; clear: both; }
    #bel-mij-terug span { margin: 0 0 0 5px; color: #f23c3c; line-height: 30px; float: left; }
    #bel-mij-terug .field { width: 210px; height: 30px; padding: 0 10px; margin: 0 0 10px; background: url(../img/bg/form-fields.png); line-height: 30px; float: left; }
    #bel-mij-terug textarea { width: 410px; height: 183px; padding: 10px; margin: 0 0 10px; background: url(../img/bg/form-fields.png) bottom left; line-height: 20px; float: left; }
    #bel-mij-terug .btn { width: 232px; height: 33px; padding: 0 0 5px 28px; margin: 0 0 0 120px; background: url(../img/bg/btn.png); color: #666; text-align: left; text-shadow: 1px 1px 0 #fff; float: left; clear: both; cursor: pointer; }
    #bel-mij-terug .btn:hover { background-position: bottom; color: #333; text-decoration: underline; }

#warning {
 	width: 860px;
  	height: 124px;
   	padding: 20px 22px 0 20px;
  	margin: 0 0 29px;
   	background: url(../img/bg/browser-warning.png);
  	color: #40382b;
   	text-shadow: 1px 1px 0 #d1b99a;
    overflow: hidden;
	}
    #warning h3 { color: #2e2922; }
    #warning p { width: 410px; column-count: 1; -moz-column-count: 1; -webkit-column-count: 1; -khtml-column-count: 1; }
    #warning a img { margin: 0 0 0 12px; border: 0; float: right; }
    #warning a:hover img { margin: -2px 0 0 12px; }

/* CLASSES */

.img-left { margin: 0 20px 0 0; float: left; }
.img-right { margin: 0 0 0 20px; float: right; }

/* SIFR */
.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-flash + div[adblocktab=true] { display: none !important; }
.sIFR-hasFlash h1 { visibility: hidden; font-size: 42px; line-height: 42px; height: 42px; }
.sIFR-hasFlash h2 { visibility: hidden; font-size: 28px; line-height: 28px; height: 28px; }

/* FANCY BOX */
#fancybox-loading { position: fixed; top: 50%; left: 50%; height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; }
* html #fancybox-loading { position: absolute; margin-top: 0; }
#fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('../img/fancybox/fancybox.png'); }
#fancybox-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; z-index: 1100; display: none; }
* html #fancybox-overlay { position: absolute; width: 100%; }
#fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; }
#fancybox-wrap { position: absolute; top: 0; left: 0; margin: 0; margin: 20px; background: #310505; z-index: 1101; display: none; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; -khtml-box-shadow: 0 0 10px #000; }
#fancybox-outer { position: relative; width: 100%; height: 100%; }
#fancybox-inner { position: absolute; top: 0; left: 0; width: 1px; height: 1px; padding: 0; margin: 0; outline: none; overflow: hidden; }
#fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; }
#fancybox-close { position: absolute; top: -13px; right: -13px; width: 30px; height: 30px; background-image: url('../img/fancybox/fancybox.png'); background-position: -40px 0px; cursor: pointer; z-index: 1103; display: none; }
#fancybox_error { color: #444; font: normal 12px/20px Arial; padding: 7px; margin: 0; }
#fancybox-content { height: auto; width: auto; padding: 0; margin: 0; }
#fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; -ms-interpolation-mode: bicubic; }
#fancybox-frame { position: relative; width: 100%; height: 100%; border: none; display: block; }
#fancybox-title { position: absolute; bottom: 0; left: 0; font-family: Arial; font-size: 12px; z-index: 1102; }
.fancybox-title-inside { padding: 10px 0; text-align: center; color: #333; }
.fancybox-title-outside { padding-top: 5px; color: #fff; text-align: center; font-weight: bold; }
.fancybox-title-over { color: #fff; text-align: left; }
#fancybox-title-over { padding: 10px; background-image: url('../img/fancybox/fancy_title_over.png'); display: block; }
#fancybox-title-wrap { display: inline-block; }
#fancybox-title-wrap span { height: 32px; float: left; }
#fancybox-title-left { padding-left: 15px; background-image: url('../img/fancybox/fancybox.png'); background-position: -40px -90px; background-repeat: no-repeat; }
#fancybox-title-main { font-weight: bold; line-height: 29px; background-image: url('../img/fancybox/fancybox-x.png'); background-position: 0px -40px; color: #fff; }
#fancybox-title-right { padding-left: 15px; background-image: url('../img/fancybox/fancybox.png'); background-position: -55px -90px; background-repeat: no-repeat; }
#fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background-image: url('blank.gif'); z-index: 1102; display: none; }
#fancybox-left { left: 0px; }
#fancybox-right { right: 0px; }
#fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; }
#fancybox-left-ico { background-image: url('../img/fancybox/fancybox.png'); background-position: -40px -30px; }
#fancybox-right-ico { background-image: url('../img/fancybox/fancybox.png'); background-position: -40px -60px; }
#fancybox-left:hover, #fancybox-right:hover { visibility: visible; }
#fancybox-left:hover span { left: 20px; }
#fancybox-right:hover span { left: auto; right: 20px; }
.fancy-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; }