/*************************************************************************************************
 * <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;
    }
    
    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 {

    }
 
    body, td, input, select, textarea {
		font-family:			verdana, arial;
		font-size:				11px;
		vertical-align:			top;
		line-height:			16px;
    }
    
    body, td
    {
		color:					#FFFFFF;
    }
    
    input, select, textarea {
    color:					#000000;
    }
    
    body {
    	background:				#000000;
		padding:				0;
		margin:					0;
		
		text-align:				center;
    }
    
    a:link, a:visited, a:hover, a:active {
    	text-decoration:none;
    	color:#b885e6;
    }
    
    a:hover {
    }
    
    h1 {
    	font-size:				16px;
		color:					#9268b9;
		font-weight:			bold;
		padding-bottom:15px;
	font-family:Century Gothic, Verdana, Arial;
    }
 
    h2 {
    }
    
    h3 {
    }
    
    p {
    }

/*************************************************************************************************
 * GLOBALE LAYOUT (STRAMIEN + ALGEMENE OPMAAK)
 *************************************************************************************************/

 div#container {
 	width:1000px;
 	
 	position:relative;
 	margin:0 auto;
 	
 	text-align:left;
 }
 
div#container div#overflow {
 	overflow:hidden;
	_height:1%;
	position: relative;
}
 
div#container div#overflow div#columnLeft {
 	width:270px;
 	float:left;
}

div#container div#overflow div#columnLeft div#overflowMenu {
	background:url("../images/menuOverflowNew.png") top left no-repeat;
	width:82px;
	height:393px;
	float:left;
	margin-top:-393px;
	display:inline;
	margin-left:129px;
	behavior:url("http://klanten.impres.nl/jazz/css/behaviorbg.htc");
}


div#container div#overflow div#columnLeft ul#topVerLeft {
	font-family:Century Gothic, Verdana, Arial;
	font-size:12px;
	
	margin-top:30px;
	
	background:url("../images/bgMenu.jpg") top left no-repeat;
	width:211px;
	height:363px;
	_height:393px;
	line-height:30px;
	
	padding-top:30px;
}

div#container div#overflow div#columnLeft ul#topVerLeft li a {
	border-bottom:1px solid white;
	_border-bottom:none;
	display:block;
	padding-left:20px;
	text-decoration:none;
	color:white;
	_display:inline;
	_width:211px;
}	


div#container div#overflow div#columnLeft ul#topVerLeft li {
	_display:block;
	_width:162px;
	_border-bottom:1px solid white;
}


div#container div#overflow div#columnLeft ul#topVerLeft li a:hover {
	background:#67606f;
}

div#container div#overflow div#columnLeft ul#topVerLeft li ul {
	padding:0px;
	margin:0px;
	list-style:none;
	display:none;
	position:absolute;
	margin-top:-31px;
	_margin-top:-30px;
	left:150px;
	background:#67606f;
	width:150px;
	z-index:10;
}


div#container div#overflow div#columnLeft ul#topVerLeft li ul li a {
	border-bottom:1px solid white;
	_border-bottom:none;
	display:block;
	padding-left:20px;
	text-transform:none;
	text-decoration:none;
	color:white;
}	

div#container div#overflow div#columnLeft ul#topVerLeft li ul li a:hover {
	background:white;
	color:#67606f;
	display:block;
}






div#container div#overflow div#columnMiddle {
 	width:463px;
 	float:left;
}

div#container div#overflow div#columnMiddle div.content {
 	margin-top:30px;
 	margin-left:10px;
 	margin-right:10px;
 	margin-bottom:30px;
}

div#container div#overflow div#columnRight {
	position: absolute;
	top: 0;
	right: 0;
 	width:267px;
}

div#container div#overflow div#columnRight div.content {
 	margin-top:60px;
 	margin-left:45px;
}

div#container div#overflow div#columnLeft div.header {
 	background:url("../images/headerLeft_new.jpg") top left no-repeat;
 	width:270px;
 	height:197px;
}

div#container div#overflow div#columnMiddle div.header {
 	background:url("../images/headerMiddle.jpg") top left no-repeat;
 	width:463px;
 	height:172px;
}

div#container div#overflow div#columnRight div.header {
 	background:url("../images/headerRight.jpg") top left no-repeat;
 	width:267px;
 	height:128px;
}

div#container div#overflow div#columnRight div.header div.zoek {
 	float:left;
 	display:inline;
 	margin-left:20px;
 	margin-top:20px;
}

div#container div#overflow div#columnRight div.header div.icons {
 	float:left;
 	display:inline;
 	margin-left:60px;
 	margin-top:9px;
 	clear:both;
 	width:140px;
}

div#container div#overflow div#columnRight div.header div.icons a {
 	float:left;
 	display:inline;
 	width:29px;
 	margin-left:4px;
 	height:11px;
 	text-indent:-9000px;
}

div#container div#overflow div#columnRight div.header div.icons a.ico_home {
 	background:url("../images/ico_home.jpg") no-repeat;
}

div#container div#overflow div#columnRight div.header div.icons a.ico_contact {
 	background:url("../images/ico_contact.jpg") no-repeat;
}

div#container div#overflow div#columnRight div.header div.icons a.ico_zoek {
 	background:url("../images/ico_zoek.jpg") no-repeat;
}
div#container div#overflow div#columnRight div.header div.icons a.ico_sitemap {
 	background:url("../images/ico_sitemap.jpg") no-repeat;
}

div#container div#overflow div#columnRight div.header input {
 	background:#828282;
 	border:1px solid #e4e4e4;
 	padding:3px;
}

div#container div#overflow div#columnRight div.header input:focus {
	background: #999;	
}

div#container div#overflow div#columnRight div.header input.focused {
	background: #999;	
}

div#container div#overflow div#columnRight div.header .sbm {
 	background:#4d4d4d;
 	border:none;
}

div#container div#footer  {
 	background:url("../images/footer.jpg") top left no-repeat;
 	width:1000px;
 	height:50px;
 	margin-top:30px;
 	color:#a6a6a6;
}
 
div#container div#footer div.footerText {
	float:left;
	margin-top:17px;
	margin-left:30px;
	display:inline;
}

div#container div#footer div.footerTextRight {
	float:left;
	margin-top:17px;
	margin-left:30px;
	display:inline;
	text-align:right;
	width:300px;
	color:#383838;
}

div#container div#footer div.footerTextRight a {
	color:#383838;
}

div#container div#footer a {
 	color:#a6a6a6;
}

table#referenties td
{
	padding:2px;
}


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

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

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

/*************************************************************************************************
 * FORMULIER OPMAAK
 *************************************************************************************************/
 
/*************************************************************************************************
 * OVERIGE OPMAAK
 *************************************************************************************************/
 
    
/*************************************************************************************************
 * MODIFIERS
 *************************************************************************************************/
 
    .spacer {
        clear: both;
    }
