/*************************************************************************************************
 * <APPLICATIE TITEL> CSS
 *************************************************************************************************/

/*************************************************************************************************
 * STYLE RESETS
 *************************************************************************************************/
 
    body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
{ 
        margin:0;
        padding:0;
    }
    
    table {
        border-collapse:collapse;
        border-spacing:0;
    }
    
    fieldset,img { 
    }
    
    
    caption,th {
        text-align:left;
    }
    
    h1,h2,h3,h4,h5,h6 {
        font-size:100%;
        font-weight:normal;
    }
	
 
    abbr,acronym { 
        border:0;
    }
    
/*************************************************************************************************
 * GENERIEKE STYLES (UITSLUITEND "KALE" HTML-TAGS!)
 *************************************************************************************************/

    html, body {
    	padding:0px;
    	margin:0px;
    }
 
    body, input, select, textarea, td {
    	font-family:Trebuchet MS, Verdana, arial;
    	color:#c0c0c0;
    	font-size:11px;
    	line-height:20px;
    }
    
    body {
    	text-align:center;
    	background:#111111 url("../images/bgBody.png") top left repeat-x;
    }
    
    a:link, a:visited {
	 	color:#f96200;
	 	text-decoration:none;
    }
    
    a:hover,  a:active {
    }
    
    h1 {
    	font-size:11px;
    	padding-left:15px;
		color:#ffffff;
		text-transform:uppercase;
		font-weight:bold;
    background:url("../images/bullet.png") 0% 50% no-repeat;
		
    }
    
	h2 {
		font-size: 12px;
		color: #c0c0c0;
		font-weight:bold;
		cursor:pointer;
	}
	
	h2 div{
		font-size:11px;
		font-weight:normal;
	}
	
    h3 {
    }
    
    p {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    
    div.spacer {
    	height:20px;
    	display:block;
    	width:200px;
    }
    
/*************************************************************************************************
 * GLOBALE LAYOUT (STRAMIEN + ALGEMENE OPMAAK)
 *************************************************************************************************/
	
 div#wrapper {
 	width:100%;
	background:url("../images/underFooter.jpg") bottom left repeat-x;
 }
 
 div#container {
 	width:1200px;
 	position:relative;
 	margin:0 auto;
 	text-align:left;
 }
 
 div#header {
 	width:1200px;
 	height:347px;
	background:url("../images/header.png") top left no-repeat;
 }
 
  div#footer {
  	position: relative;
 	width:1200px;
 	height:189px;
	background:url("../images/footer.png") top left no-repeat;
 }
 
 
 #VCA {
 	margin: 10px 0 0 85px;
 	display:block;
	background: transparent url(../images/vcacertified.png) top left no-repeat;
	width:72px;
	height:72px;
	text-indent:-9000px;
 }
 
 div#overflow {
 	overflow:hidden;
	background:url("../images/bgOverflow.png") top left no-repeat;
	
 }
 
 div#search {
 	position:absolute;
 	right:120px;
 	top:18px;
 }
 
 div#search .txt {
 	background:#4d4d4d;
 	border:none;
 	padding:2px;
 	width:130px;
 }
 
 div#search .btn {
 	background:none;
 	color:#ffffff;
 	font-weight:bold;
 	text-transform:uppercase;
 	border:none;
 }
 
 div.smallBlock {
 	width:211px;
 	padding:0px 15px 0px 15px;
 	text-align:justify;
	float:left;
	display:inline;
 }
 
 div.smallBlock h1 {
    position:absolute;
    top:360px;
 }
 
 div#contentBlocks {
	background:url("../images/smallblocksBg.png") top left repeat-y;
	overflow:hidden;
	display:inline;
	float:left;
	margin-top:45px;
	margin-left:120px;
 }
 
  div#overflow div.footer {
	background:url("../images/smallblocksFooter.png") top left repeat-y;
 	width:960px;
 	height:15px;
 	clear:both;
	margin-left:120px;
 }

div#underFooter {
	width:100%;
	height:31px;
	background:black;
}
 
div#slider {
	width:624px;
	height:301px;
	
	position:absolute;
	left:433px;
	top:96px;
}

div.sliderInner {
	position:relative;
}

div#slider img {
	position:absolute;
	z-index:5;
	top: 32px;
	left:173px;
	height:196px;
	width:473px;
	
	/*background-position:50% 50%;*/
}

div#overImage {
	background:url("../images/overImage.png") top left no-repeat;
	height:251px;
	width:617px;
	position:absolute;
	z-index:10;
	left:115px;
}

div#slider a.vorige {
	width:32px;
	height:32px;
	background:url("../images/btnLeft.png") top left no-repeat;
	display:block;
	text-indent:-900000px;
	position:absolute;
	
	z-index:11;
	left:161px;
	top:120px;
}
div#slider a.vorige:hover {
	background:url("../images/btnLeftHover.png") top left no-repeat;
}
div#slider a.volgende {
	width:32px;
	height:32px;
	background:url("../images/btnRight.png") top left no-repeat;
	display:block;
	text-indent:-900000px;
	position:absolute;
	z-index:11;
	left:630px;
	top:120px;
}
div#slider a.volgende:hover {
	background:url("../images/btnRightHover.png") top left no-repeat;
}
div#slider a.standbouwer {
	width:103px;
	height:100px;
	background:url("../images/standbouwerNodig.png") top left no-repeat;
	display:block;
	text-indent:-900000px;
	position:absolute;
	z-index:11;
	left:595px;
	top:-5px;
}

div#slider a.standbouwer:hover {
	background:url("../images/standbouwerNodigHover.png") top left no-repeat;
}

div#slider h1 {
	left:180px;
	top:10px;
	z-index:15;
	position:absolute;
}

div.imageTitle {
	width:137px;
	height:22px;
	background:url("../images/titleImage.png") top left no-repeat;
	
	
	position:absolute;
	z-index:11;
	left:39px;
	top:169px;
	
	text-align:center;
	color:white;
}

.social {
	position: absolute;
	top: 0;
	right: 130px;
}

.social a {
	border: 0;
	text-decoration: none;
}

.social img {
	border: 0;
}

/*************************************************************************************************
 * PAGINA SPECIFIEKE LAYOUT + OPMAAK
 *************************************************************************************************/

        /*****************************************************
         * PAGINA VOORBEELD 1
         *****************************************************/

        /*****************************************************
         * PAGINA VOORBEELD 2
         *****************************************************/

/*************************************************************************************************
 * FORMULIER OPMAAK
 *************************************************************************************************/
	
	
/*************************************************************************************************
 * OVERIGE OPMAAK
 *************************************************************************************************/
.news-item {
	display:			block;
	margin:				0 0 10px 0;
	overflow:			hidden;
		padding-bottom:		10px;
	border-bottom:		1px dashed #6a6a6a;
}

div.news-item > h2.news-title {
	font-weight: 		bold;
	font-size:			12px;
	position:			relative;
}

.news-descripion {
	width:				460px;
	float:				left;
	display:			inline-block;

}
.image-contain {
	float:				left; 
	width:				185px;
	display:			inline-block;
	margin-right:	10px;
}
/*************************************************************************************************
 * MODIFIERS
 *************************************************************************************************/

 div.right {
 	float:right;
	margin-right:120px;
	margin-top:5px;
	display:inline;
 }
 
 div.right a {
	color:#c0c0c0;
 }
 
 div.spacer {
	background:url("../images/spacer.jpg") top left no-repeat;
 	width:212px;
 	margin-top:10px;
 	margin-bottom:10px;
 	height:7px;
 }
 
 hr {
	background:url("../images/hr.jpg") top left no-repeat;
 	width:212px;
 	height:2px;
 	border:none;
 }
 
 div.center{
 	margin-left:100px;
 }