/*************************************************************************************************
 * <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:none;
    }
    
    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:#676B6C;
    	font-size:11px;
    	line-height:18px;
    }
    
    body {
    	text-align:center;
    }
    
    a:link, a:visited {
    	color:#e31818;
    	text-decoration:none;
    }
    
    a:hover,  a:active {
    }
    
    h1 {
    	color:#e31818;
    	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#container {
 	width:1200px;
 	position:relative;
 	margin:0 auto;
 	text-align:left;
    background:url("../images/bg.jpg") top left repeat-y;
 }
 
  div#bgHeader {
 	height:346px;
    background:url("../images/bgHeader.jpg") top left no-repeat;
 	width:1200px;
 }
 

 div#header {
 	height:322px;
    background:url("../images/header.jpg") top left no-repeat;
 	width:862px;
 	
 	margin-left:169px;
 	
 	
 }
 
  div#overflow {
    background:url("../images/bgOverflow.jpg") left top no-repeat;
 	width:1200px;
 	overflow:hidden;
 }
 
 
  div#footer {
 	height:178px;
    background:url("../images/footer.jpg") top left no-repeat;
 	width:926px;
 	margin-left:143px;
 	
 	position:relative;
 }
 
 div#columnLeft {
 	float:left;
 	width:530px;
 	display:inline;
 	margin:50px;
 	
 	margin-left:220px;
 	
 	min-height:283px;
	height:auto !important;
	height:283px;
 	
 	margin-top:70px;
 	
 	padding-bottom:20px;
 }	
 
 div#columnRight {
 	float:left;
 	text-align:center;
 	width:200px;
 	display:inline;
 	margin:50px;
 	margin-left:79px;
 	margin-right:20px;
 	
 	min-height:283px;
	height:auto !important;
	height:283px;
 	
 	margin-top:70px;
 }	
 
 
 div#mededelingen {
 	width:203px;
    background:url("../images/mededelingenBg.jpg") top left repeat-y;
 }
 
 div#mededelingen h1 {
 	padding:0px;
 	font-size:11px;
 	
 }
 
 div#mededelingen a {
 	
    	color:#9c9e9f;
 }
 
  div#mededelingen div.content {
    background:url("../images/mededelingenBackground.jpg") left bottom no-repeat;
 	text-align:left;
 	padding:20px;
	padding-left:10px;
	padding-right:27px;
 	
 	min-height:233px;
	height:auto !important;
	height:233px;
	text-align:center;
 }
 
   div#mededelingen div.header {
 	height:63px;
    background:url("../images/mededelingenHeader.jpg") top left no-repeat;
 	width:203px;
 }
 
  div#mededelingen div.footer {
 	height:57px;
    background:url("../images/mededelingenFooter.jpg") top left no-repeat;
 	width:203px;
 }
 
 div#footer a.email {
 	height:18px;
    background:url("../images/email.jpg") top left no-repeat;
 	width:107px;
 	display:block;
 	text-indent:-9000px;
 	
 	float:left;
 	display:inline;
 	margin-left:661px;
 	margin-top:120px;
 		
 }
 
 
/*************************************************************************************************
 * PAGINA SPECIFIEKE LAYOUT + OPMAAK
 *************************************************************************************************/

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

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

/*************************************************************************************************
 * FORMULIER OPMAAK
 *************************************************************************************************/
	
  .text, .select, .button, .textarea {
	  margin-bottom:3px;
  }
	
/*************************************************************************************************
 * OVERIGE OPMAAK
 *************************************************************************************************/

/*************************************************************************************************
 * MODIFIERS
 *************************************************************************************************/
 
 div.copyright {
 	color:#9c9e9f;
 	font-size:10px;
 	float:right;
 	display:inline;
 	bottom:10px;
 	right:39px;
 	position:absolute;
 }
 
 div.copyright a {
 	color:#9c9e9f;
 }
 
 div.copyright a:link, a:visited {
    	color:#9c9e9f;
    	text-decoration:none;
    }
    
div.copyright a:hover,  a:active {
    }