@charset "utf-8";
/* CSS Document */

*						{ padding: 0; margin: 0; }
ul, li					{ list-style: none; }

h1						{ font-size: 25px; color: #FFF; padding: 0 0 15px 0;  }
h2						{ font-size: 15px; color: #FFF; padding: 0 0 15px 0;  }
a						{ color: #5594d9; }

body					{ background-color: #9ED1EE; font-family:Verdana, Geneva, sans-serif; font-size: 12px; color: #FFF;}
#wrapper				{ margin: 0 auto; width: 950px; }
#container				{ background-image:url(../afbeeldingen/bg.jpg); float:left; position:relative; }
#header					{ width: 950px; height: 392px; float: left; position: relative;  }

	#circles			{ background-image:url(../afbeeldingen/circles.png); width: 450px; height: 442px; display:block; position:absolute; top: -145px; left: 58px; z-index:1; }
	#illu5				{ background-image:url(../afbeeldingen/illu-5.png); width: 543px; height: 418px; display:block; position:absolute; top: -5px; left: -78px; z-index:2; }
	#headerbus			{ background-image:url(../afbeeldingen/bus.png); width: 352px; height: 213px; display:block; position:absolute;  top: 110px; left: 58px; z-index:3; }
	#banner-tekst		{ background-image:url(../afbeeldingen/banner-class-vw-restoration.png); text-indent:-9999px; width: 484px; height: 101px; display:block; position:absolute;  top: 290px; left: 33px; z-index:9; }

	#banner-webshop		{ background-image:url(../afbeeldingen/banner-webshop.png); text-indent:-9999px; width: 161px; height: 74px; display:block; position:absolute;  top: 6px; right: 21px; z-index:6; }
	#surfer				{ background-image:url(../afbeeldingen/surfer.png); width: 96px; height: 125px; display:block; position:absolute;  top: 20px; right: 180px; z-index:4; }
	#illu3				{ background-image:url(../afbeeldingen/illu-3.png); width: 343px; height: 376px; display:block; position:absolute; top: 32px; right: -103px; z-index: 5; }
	#illu1				{ background-image:url(../afbeeldingen/illu-1.png); width: 159px; height: 233px; display:block; position:absolute; top: 155px; right: -30px; z-index:8; }
	
	#mini-gallery		{ background-image:url(../afbeeldingen/mini-gallery-bg.png); width: 455px; height: 90px; padding: 22px 15px 29px 21px; display:block; position:absolute; top: 176px; left: 383px; z-index: 7; }
	#mini-gallery .frame	{ width: 141px; height: 100px; overflow: hidden; margin: 0 10px 0 0; display:inline; float: left; }
	#mini-gallery img	{ border: 5px solid #FFF; width: 131px; height: 90px; }
#leftcolumn				{ width: 224px; display:block; float: left; }
#content				{ width: 448px; display:block; padding: 0 30px 30px 30px; float: left; }
#content p				{ padding: 0 0 20px 0; }
#content-breed			{ width: 640px; display:block; padding: 0 30px 30px 30px; float: left; }
#rightcolumn			{ width: 173px; display:block; float: left; padding: 40px 45px 0 0; }

#menu					{ padding: 0 0 20px 60px; width: 166px; }
#menu li				{ padding: 0 0 10px 0; height: 15px; width: 166px; display:block; position:relative; }
#menu li a				{ height: 20px; padding: 0 0 0 25px; width: 141px; font-size: 15px; color: #FFF; text-decoration:none; display: block; overflow:hidden; background-image: url(../afbeeldingen/pijltje.png); background-repeat:no-repeat; background-position: 9999px 0; z-index:11; position:absolute; }
#menu li a:hover		{ background-position: 0 3px; }

#fotokader				{ width: 141px; height: 100px; padding: 0 0 45px 82px; position:relative; }
#mini-image-fade		{ width: 141px; height: 100px; overflow: hidden; }
#fotokader img			{ border: 5px solid #FFF; width: 131px; height: 90px; }
#illu4					{ background-image:url(../afbeeldingen/illu-4.png); width: 125px; height: 172px; display:block; position:absolute; top: -20px; left: -10px; z-index: 12; }

#info					{ padding: 0 0 45px 85px; }
#info p					{ font-size: 10px; } 
#info p	a				{ color: #FFF; text-decoration:none; } 

#illu2					{ background-image:url(../afbeeldingen/illu-2.png); width: 91px; height: 133px; display:block; position:absolute; bottom: 101px; right: -51px; z-index: 13; }

.gallery-content		{ height: 119px; float: left; padding: 0 2px 0px 2px; margin: 20px 0 0 0; display: inline; position:relative;  }
.gallery-content.small	{ background-image:url(../afbeeldingen/photobar-small.png); background-position: 0 3px; width: 426px; background-repeat:no-repeat; }
.gallery-content.large	{ background-image:url(../afbeeldingen/photobar.png); background-position: 0 3px; width: 566px; background-repeat:no-repeat; }
.gallery-content #left	{ top: 47px; left: -17px; display: none; width: 24px; height: 24px; position:absolute; z-index:21; }
.gallery-content #right	{ top: 47px; right: -17px; display: block; width: 24px; height: 24px; position:absolute; z-index:22; }
.gallery-content #left img,
.gallery-content #right img	{ border: none; }

.gallery-inner-small	{ width: 426px; height: 100px; display:block; float: left; overflow:hidden; padding: 11px 0 8px 0; position:relative;}
.gallery-inner-large	{ width: 566px; height: 140px; display:block; float: left; overflow:hidden; padding: 11px 0 8px 0; position:relative;}
.imglist				{ height: 100px; width: 9999px; position:absolute; top: 0; left: 0; z-index:20; padding: 0 0 0 6px; position:relative; }
.imglist a				{ position:relative; width: 140px; height: 100px; float: left; }
.imglist img			{ width: 124px; height: 90px; display: inline; border: 5px solid #FFF; float: left; margin: 0 6px 0 0; position:absolute; top: 0; left: 0;  }
.imglist img:hover		{ border: 5px solid #AC7730; }
.status					{ display: none; }
.start					{ display: none; }

#laatstenieuws			{ padding: 0 0 30px 0; }
#overig-nieuws			{ padding: 40px 0 0 0; float: left;}

.projectblock			{ width: 640px; padding: 0 0 30px 0; float: left; position:relative; }
.projectblock p			{ width: 640px; float: left; display:block; padding: 0 0 20px 0;  }
.projectblock p.kop		{ padding: 0;  }
#verkocht				{ width: 153px; height: 45px; position:absolute; background-image:url(../afbeeldingen/verkocht.png); z-index: 24; top: -20px; left: -30px;}

.column					{ width: 209px; display: inline; float: left; margin: 20px 0 0 0; }
.column-breed			{ width: 440px; display: inline; float: left; }
.column.left			{ margin: 20px 20px 0 0; }
.column label,
.column-breed label		{ width: 209px; float: left; padding: 8px 0 3px 0; }
.column	input			{ width: 209px; float: left; }
.column-breed textarea	{ width: 440px; height: 80px; float: left; }

fieldset				{ border: none; }
#opmerkingen			{ position:relative; }
input, textarea			{ border: 1px solid #AC7730; padding: 2px; }
input.error, 
textarea.error 			{ border: 1px solid #F05527;  }
.foutmeldingen			{ display:none; }
#inp_email				{ display:none; }
#submit					{ position:absolute; bottom: -26px; left: 10px; width: 73px; height: 32px; border:none; } 

#nieuwsbrief			{ width: 173px; padding: 0 0 30px 0; position:relative; }
#nieuwsbrief p 			{ padding: 0 0 15px 0; }
#nieuwsbrief label		{ width: 173px; padding: 0 0 5px 0; display:block; float:none; }
#nieuwsbrief input		{ width: 160px; height: 18px; margin: 0 0 5px 0; display:inline; float:none; }
#subscribe				{ width: 45px; height: 45px; display:block; position:absolute; bottom: 10px; left: 150px; text-indent: -9999px; background-image:url(../afbeeldingen/subscribe.png); z-index:15; }
.fout					{ color: #F00; }


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(../afbeeldingen/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../afbeeldingen/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../afbeeldingen/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../afbeeldingen/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../afbeeldingen/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../afbeeldingen/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../afbeeldingen/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../afbeeldingen/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../afbeeldingen/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../afbeeldingen/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../afbeeldingen/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../afbeeldingen/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../afbeeldingen/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../afbeeldingen/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background afbeeldingen are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.classicvwresto.com/afbeeldingen/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.classicvwresto.com/afbeeldingen/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.classicvwresto.com/afbeeldingen/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.classicvwresto.com/afbeeldingen/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.classicvwresto.com/afbeeldingen/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.classicvwresto.com/afbeeldingen/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.classicvwresto.com/afbeeldingen/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.classicvwresto.com/afbeeldingen/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}