/*************************************************************************************************
 * <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 { 
        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 {
    	padding:0px;
    	margin:0px;
    }
 
    body, input, select, textarea, td {
    	font-family:verdana, arial;
    	color:#000000;
    	font-size:11px;
    	line-height:20px;
    }
    
    body {
    	text-align:center;
    	background:#f7ebe4;
    }
    
    a:link, a:visited {
    	color:#ff6600;
    	text-decoration:none;
    }
    
    a:hover,  a:active {
    }
    
    h1 {
    	color:#ff6600;
    	font-size:11px;
    	font-weight:bold;
    	padding-bottom:3px;
    }
   
 
    h2 {
    }
    
    h3 {
    }
    
    p {
        margin-bottom: 10px;
    }
	
	hr
	{
		background-color:		#C12129;
		color:					#C12129;
		border:					none;
		border-bottom:			1px solid #C12129;
		height:					1px;
	}
    
/*************************************************************************************************
 * GLOBALE LAYOUT (STRAMIEN + ALGEMENE OPMAAK)
 *************************************************************************************************/
	
 div#container {
 	width:959px;
 	position:relative;
 	margin:0 auto;
 	text-align:left;
    background:url("../images/bg.jpg") top left repeat-y;
 }
 
 div#header {
 	height:299px;
    background:url("../images/header_vlak.jpg") top left no-repeat;
 	width:937px;
 	margin-left:11px;
 }
 
 
  div#headerLogin {
 	height:299px;
    background:url("../images/header_novlak.jpg") top left no-repeat;
 	width:937px;
 	margin-left:11px;
 }
 
 div#overflow {
 	margin-left:11px;
    overflow:hidden;
    _height:1%;
    _overflow:visible;
 }
 
 div#columnLeft {
 	width:257px;
 	float:left;
 	display:inline;
    background:url("../images/bgColumnLeft.jpg") top left repeat-y;
 }
 
 div#columnMiddle {
 	position:relative;
 	width:422px;
 	float:left;
 	display:inline;
 	padding:20px;
    background:url("../images/bgColumnMiddle.jpg") top left no-repeat;
 }
 
 div#columnRight {
 	position:relative;
 	width:178px;
 	float:left;
 	padding:20px;
 	display:inline;
    background:url("../images/bgColumnRight.jpg") top left no-repeat;
    
    
	min-height:350px;
	height:auto !important;
	height:350px;
 }
 
 div#footerColumnLeft {
 	height:13px;
 	width:257px;
    background:url("../images/footerColumnLeft.jpg") top left no-repeat;
 	clear:both;
 }
 
  div#footer {
 	height:84px;
 	width:937px;
    background:url("../images/footer.jpg") top left no-repeat;
 	margin-left:11px;
 }
 
 div.bullet {
 	width:21px;
 	height:21px;
 	position:absolute;
 	left:-10px;
    background:url("../images/bullet.gif") top left no-repeat;
 }
 
 div#columnRight input {
 	border:1px solid #ff6600;
  }
 
 div#columnRight input.btn {
 	background:#ff6600;
 	color:white;
 }
 
 div#columnRight input.txt {
 	padding:2px;
 	width:172px;
 }
 
 div#icons  {
 	float:right;
 	margin-top:20px;
 	margin-right:20px;
 	display:inline;
 }
 
 div#icons a.home {
 	width:15px;
 	display:block;
 	text-indent:-9000px;
 	float:left;
 	height:16px;
    background:url("../images/btn_home.gif") top left no-repeat;
 }

  div#icons a.print {
 	width:16px;
 	margin-left:10px;
 	float:left;
 	display:block;
 	text-indent:-9000px;
 	height:17px;
    background:url("../images/btn_print.gif") top left no-repeat;
 }
 
  div#icons a.contact {
 	width:16px;
 	display:block;
 	margin-left:10px;
 	float:left;
 	text-indent:-9000px;
 	height:13px;
 	margin-top:2px;
    background:url("../images/btn_contact.gif") top left no-repeat;
 }
/*************************************************************************************************
 * PAGINA SPECIFIEKE LAYOUT + OPMAAK
 *************************************************************************************************/

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

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

/*************************************************************************************************
 * FORMULIER OPMAAK
 *************************************************************************************************/
	
	.form
	{
		border-collapse:	separate;
		border-spacing:		3px;
		*border-collapse:	expression('separate', cellSpacing = '3px');
	}
	
	.text
	{
		width:						250px;
		height:						16px;
	}
	
	.radio
	{
		margin:						3px;
	}
	
	.button
	{
		width:						250px;
	}
	
	select
	{
		width:						250px;
	}
	
	td.head
	{
		text-align:					center;
		background:					#F7EBE4;
		border:						1px solid #000000;
	}
	
	.clsInfBlock
	{
		font-family:				verdana,arial;
		color:						#000000;
		line-height:				18px;
		font-size:					11px;
		
		width:						630px;
		_width:						655px;
		
		display:					block;
		padding:					15px;
		
		background-color:			#EDEDED;
		border:						1px solid #E85D00;
		border-top:					3px solid #E85D00;
	}
	
/*************************************************************************************************
 * OVERIGE OPMAAK
 *************************************************************************************************/

/*************************************************************************************************
 * MODIFIERS
 *************************************************************************************************/
 div.floatRight {
 	display:inline;
 	float:right;
 	margin-top:64px;
 	margin-right:4px;
 	color:white;
 	font-size:10px;
 }	
 
 div.floatRight a {
 	color:white;
 }