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

/*************************************************************************************************
 * STYLE RESETS
 *************************************************************************************************/
 
    body,div,dl,dt,dd,ul,ol,li,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 { 
        border:0;
    }
    
    ol,ul {
        list-style:disc inside;
    }
    
    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:Century Gothic, arial, verdana;
    	color:#58585a;
    	font-size:12px;
    	line-height:20px;
    }
    
    body {
    	text-align:center;
    	background:#aeb703 url("../images/bg.jpg") top left repeat-x;
    }
    
    a:link, a:visited {
    	color:#e43117;
    	text-decoration:none;
    }
    
    a:hover,  a:active {
    }
    
    h1 {
    	color:#fe0001;
    	font-size:14px;
    	font-weight:bold;
    	padding-bottom:10px;
    	font-family:Century Gothic, Arial, Verdana;
    }
   
 
    h2 {
    }
    
    h3 {
    }
    
    p {
        margin-bottom: 10px;
    }
    
    ul {
    }
    
    li {
		padding-left:22px;
    }

/*************************************************************************************************
 * GLOBALE LAYOUT (STRAMIEN + ALGEMENE OPMAAK)
 *************************************************************************************************/
	
 div#wrapper {
 	width:1189px;
 	position:relative;
 	margin:0 auto;
 	text-align:left;
 	overflow:visible;
 }
 
 div#container-left {
 	height:932px;
    background:url("../images/left.jpg") top left no-repeat;
 	width:227px;
 	float:left;
 	display:block;
 }
 
  div#container-right {
    background:url("../images/bgContainer.jpg") top left repeat-y;
 	width:962px;
 	display:inline;
 	float:left;
	overflow:visible;
	 }

 div#headerTop {
 	height:87px;
    background:url("../images/headerTop.jpg") top left no-repeat;
 	width:947px;
 }
 
  div#headerBottom {
 	height:231px;
    background:url("../images/header.jpg") top left no-repeat;
 	width:947px;
 }
 
 div#headerBottom img
 {
 	position:absolute;
 }
 
  
  div#headerOverall {
 	height:349px;
    background:url("../images/bgHeaderOverall.jpg") top left no-repeat;
 	width:962px;
 }
 
 
  div#menu {
 	height:31px;
    background:url("../images/bgMenu.jpg") top left no-repeat;
 	width:947px;
 }
 
  div#overflow {
    background:url("../images/bgOverflow.jpg") top left no-repeat;
 	width:962px;
 	overflow:visible;
 }
 
 
  div#footer {
 	height:99px;
    background:#aeb703 url("../images/footer.jpg") top left no-repeat;
 	width:962px;
	float:left;
 }
 
 div#columnLeft {
 	float:left;
 	width:570px;
	
 	display:inline;
 	margin:50px 0 50px 120px;
 	
 	min-height:583px;
	height:auto !important;
	height:583px;
 }	
 
 div#columnRight {
 	float:left;
 	width:220px;

 	display:inline;
 	margin:	50px 0 0 14px;

 	min-height:583px;
	height:auto !important;
	height:583px;
 }	
 
 div#occa {
 	width:170px;
    background:url("../images/bgOcca.jpg") top left repeat-y;
	position:relative;
	height:239px;
	float:left;
	margin: 60px 0 0 35px;
 }
 
 div.aanbiedingg {
 	width:170px;
   	display:block;
	
	height:239px;
	float:left;
	margin: 25px 0 0 50px;
 }
 
 
 div.news {
 	width:170px;
    background:url("../images/bgOcca.jpg") top left repeat-y;


	position:absolute;s
	float:left;
	
	padding: 35px 7px 10px 7px;
	
	height:194px;
	_height:239px;
	
	width: 152px;
	_width: 166px;
	
	font-size: 10px;
	font-family: CenturyGothic, Century Gothic, Tahoma;
	color:#fff;
	
	background: transparent url("../images/nieuwsBg.png") top left no-repeat;
 }
 
 div.newsBlock {
 	margin-bottom:5px;
 }
 
 .newspost {
 	margin-bottom: 10px;
 }
 
 .newspost h4 {
 	font-weight:bold;
 }
a.newsTitle {
	color:#fff;
 	font-weight: bold;
	font-size:10.5px;
 }
 
span.newsA {
 	color:#c6c7c8;
 }
 
 a.newsArchive {
 	font-weight: regular;
	color:#c6c7c8;
	font-style: italic;
 }
 
 div#occa div.content {
 	padding:20px;
 	color:white;
 	padding-left:10px;
 	height:160px;
 	display:block;
 }
 
  div#occa div.content img{
 	max-width: 150px;
	max-height:113px;
 }
 
 div#occa div.header {
 	height:58px;
    background:#aeb703 url("../images/headerOcca.jpg") top left no-repeat;
 	width:170px;
 }
 
 div#occa div.footer {
 	height:21px;
    background:#aeb703 url("../images/footerOcca.jpg") top left no-repeat;
 	width:170px;
 	position:absolute;
 	top:229px;
 	left:0px;
 }
 
 .left {
 	position: absolute;
	left:160px;
	top:465px;
	
	}
 ul.nawG {
	
	margin:0px;
	padding:0px;
 	float:left;
	padding-top:50px;
	font-size:11px;
 }
 
 ul.nawG li {
 	float:left;
 	color:#fe0001;
	
	margin:0px;
	padding:0px;
	
	padding-left:6px;
 }
 
 a.mvlink {
 	color:#FFFFFF;
 }
 
/*************************************************************************************************
 * PAGINA SPECIFIEKE LAYOUT + OPMAAK
 *************************************************************************************************/

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

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

/*************************************************************************************************
 * FORMULIER OPMAAK
 *************************************************************************************************/
	
	
/*************************************************************************************************
 * OVERIGE OPMAAK
 *************************************************************************************************/

/*************************************************************************************************
 * MODIFIERS
 *************************************************************************************************/
 
  div.floatRight {
  	float:right;
  	display:inline;
  	margin-top:2px;
  	margin-right:14px;
  	color:white
  }
  
  .social {
  	position:			absolute;

  	display:			inline-block;
  	width:				17px;
  	height:				17px;
  	cursor:				pointer;
  	text-indent:		-9000px;
  }
  
  .linkedin {
  	top:				400px;
  	left:				310px;
  	background:			transparent url(../images/linkedin.png) left top no-repeat;
  }
  .twitter {
  	top:				400px;
  	left:				290px;
  	background:			transparent url(../images/twitter.png) left top no-repeat;
  }