/*************************************************************************************************
 * <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, td, input, select, textarea {
    	font-family:verdana,arial;
    	color:#292929;
    	font-size:11px;
    	line-height:18px;
    }
    
    body {
    	text-align:center;
    }
    
    a:link, a:visited, a:hover, a:active {
    	text-decoration:none;
    	color:#292929;
    }
    
    a:hover {
    	text-decoration:underline;
		color:#3991D9;
    }
    #columnLeft h1 {
    	font-size:13px;
    	padding-bottom:10px;
    	font-weight:bold;
    	color:#292929;
    }
    
    #columnRight h1 {
    	color:#237dc7;
    	font-size:13px;
    	padding-bottom:10px;
    	font-weight:bold;
    }
 
    h2 {
    }
    
    h3 {
    }
    
    p {
        margin-bottom: 10px;
    }

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

 div#container {
 	width:1000px;
 	position:relative;
 	
 	margin:0 auto;
 	text-align:left;
 }
 
 div#columnLeft {
 	width:778px;
 	float:left;
 }
 
 div#columnLeft_header {
 	width:778px;
 	height:247px;
 	background:url("../images/header.jpg") top left no-repeat;
 }
 
 div#columnRight_header {
 	width:222px;
 	height:142px;
 	position:relative;
 	background:url("../images/columnRight_header.jpg") top left no-repeat;
 }

 div#columnRight {
 	width:222px;
 	float:left;
 }
 
 div#contentTop {
 	width:738px;
 	_width:778px;
 	background:#c7e6ff url("../images/bgTopContent.jpg") top left repeat-x;
 	
 	padding-left:20px;
 	padding-right:20px;
 	padding-top:20px;
 	padding-bottom:20px;
 	
 	min-height:215px;
	height:auto !important;
	height:215px;
 } 
 
 div#contentTop table tr td {
 	margin-top:5px;
 	margin-right:5px;
 } 
 
 div#contentTop table tr td p {
 	margin-top:0px;
 	margin-bottom:0px;
 	padding-right:7px;
 }
 
 div#contentBottom {
 	width:738px;
 	_width:778px;
 	background:url("../images/bgBottomContent.jpg") top left repeat-x;
 	position:relative;
 	
 	min-height:198px;
	height:auto !important;
	height:238px;
 	
 	padding-left:20px;
 	padding-right:20px;
 	padding-top:20px;
 	padding-bottom:20px;
 }
 
 div#imageBackgroundColumnLeft {
 	width:433px;
 	height:238px;
 	background:url("../images/imageBottomContent.jpg") top left no-repeat;
 	
 	position:absolute;
 	top:0px;
 	right:0px;
 	z-index:-1;
 }
 
 div#contentBottomText {
 	z-index:0;
 }
 /*
 ul#topHorLeft {
 	float:left;
 	display:inline;
 	margin-top:215px;
 	margin-left:90px;
 }
 
 ul#topHorLeft li {
 	float:left;
 	display:inline;
 }
 
 ul#topHorLeft li a {
 	color:#585858;
 	padding-left:10px;
 	padding-right:10px;
 	border-right:1px solid #585858;
 	text-decoration:none;
 }

 ul#topHorLeft li a:hover {
 	color:#3991d9;
 } */
 /*
 ul#topHorLeft, ul#topHorLeft li ul
{
	list-style:			none;
	margin:				0px;
	padding:			0px;
}

ul#topHorLeft
{
 	float:left;
 	display:inline;
 	margin-top:220px;
 	margin-left:90px;
}

ul#topHorLeft li
{
	float:				left;
	display:			inline;
}

* html ul#topHorLeft li
{
	width:				1%;
}

ul#topHorLeft li a
{
	text-decoration:	none;
	line-height:		16px;
 	color:#292929;
 	border-right:1px solid #585858;
 	padding-left:10px;
 	padding-right:10px;
}

ul#topHorLeft li a:hover
{
 	color:#3991d9;
}

ul#topHorLeft li ul
{
	width:				200px;
	position:			absolute;
	margin-top:			5px;
	margin-left:		9px;
	display:			none;
	border-top:			none;
	background-color:	white;
}

ul#topHorLeft li ul li
{
	margin-left:		0px;
	margin-top:			0px;
	margin-bottom:		0px;
	background:			none;
	float:				none;
	padding:			0px;
	width:				100%;
	height:				100%;
}

ul#topHorLeft li ul li a
{
	font-weight:		100;
	padding:			2px 5px;
	color:				#292929;
 	border-right:none;
 	display:block;
	width:				190px;
	_width:				100%;
}

ul#topHorLeft li ul li a:hover
{
	font-weight:		100;
	padding:			2px 5px;
	color:				#ffffff;
	background-color:	#6bbafd;
	text-decoration:	none;
}

ul#topHorLeft li ul li ul
{
	border:				1px solid #BBBBBB; */
/*	margin-top:			-20px; */ /* Menu hoogte in principe. Mag ook afwijken. */
/*	margin-left:		130px; */ /* Menu breedte in principe. Mag ook afwijken. */
} 

/* IE */ /*
* html ul#topHorLeft li ul li
{
	float:				left;
	clear:				both;
}

* html ul#topHorLeft li a
{
	height:				1%;
} */






ul#topHorLeft, ul#topHorLeft li ul
{
	list-style:			none;
	margin:				0px;
	padding:			0px;
}

ul#topHorLeft
{
	float:				left;
	display:			inline;
 	margin-top:220px;
 	margin-left:90px;
}

ul#topHorLeft li
{
	float:				left;
	display:			inline;
}

* html ul#topHorLeft li
{
	width:				1%;
}

ul#topHorLeft li a
{
	display:			block;
	
	
	text-decoration:	none;
	line-height:		16px;
 	color:#292929;
 	padding-left:10px;
 	padding-right:10px;
 	
 	border-right:1px solid #292929;
}

ul#topHorLeft li a:hover
{
	text-decoration:	underline;
}

ul#topHorLeft li ul
{
	width:				200px;
	position:			absolute;
	display:			none;
	
	margin-top:			5px;
	margin-left:		9px;
	display:			none;
	border-top:			none;
	background-color:	white;
}

ul#topHorLeft li ul li
{
	margin-left:		0px;
	margin-top:			0px;
	margin-bottom:		0px;
	background:			none;
	float:				none;
	padding:			0px;
	width:				100%;
	height:				100%;
}

ul#topHorLeft li ul li a
{
	font-weight:		100;
	padding:			5px 5px;
 	color:#292929;
 	border:none;
}

ul#topHorLeft li ul li a:hover
{
	font-weight:		100;
	padding:			5px 5px;
	color:				#292929;
	background-color:	#a5d7ff;
	text-decoration:	none;
}

ul#topHorLeft li ul li ul
{
	border:				1px solid #BBBBBB;
	margin-top:			-20px; /* Menu hoogte in principe. Mag ook afwijken. */
	margin-left:		130px; /* Menu breedte in principe. Mag ook afwijken. */
}

/* IE */
* html ul#topHorLeft li ul li
{
	float:				left;
	clear:				both;
}

* html ul#topHorLeft li a
{
	height:				1%;
}










 
 div#columnRight_top {
 	background:url("../images/columnRight_bg.jpg") 0px 105px repeat-x;
 	position:relative;
 	width:182px;
 	_width:222px;
 	
 	padding:20px;
 	
 	min-height:245px;
	height:auto !important;
	height:285px;
	
 }
 

 div#columnRight_top_header {
 	width:222px;
 	height:105px;
 	background:url("../images/columnRight_under.jpg") top left no-repeat;
 	
 	position:absolute;
 	top:0px;
 	left:0px;
 	z-index:-1;
 }
 
 div#columnRight_bottom {
 	background:#fbfbfb url("../images/columnRight_bottom_image.jpg") top left no-repeat;
 	width:182px;
 	_width:222px;
 	
 	padding:20px;
 	
 	min-height:265px;
	height:auto !important;
	height:265px;
 }
 
 
 ul#idCountry {
 	position:absolute;
 	left:47px;
 	bottom:0px;
 }
 
  ul#idCountry li {
  	float:left;
 }
  ul#idCountry li a{
  
 }
 
 .linkButtons {
 	position:absolute;
 	right:2px;
 	bottom:4px;
 }
 
 .linkButtons a {
 	text-indent:-90000px;
 	height:19px;
 	width:27px;
 	display:block;
 	float:left;
 }
 
 .linkButtons a.contact {
 	background:url("../images/btn_contact.jpg") top left no-repeat;
 }
 
  .linkButtons a.search {
 	background:url("../images/btn_search.jpg") top left no-repeat;
 }
 
  .linkButtons a.home {
 	background:url("../images/btn_home.jpg") top left no-repeat;
 }
 
 
/*************************************************************************************************
 * PAGINA SPECIFIEKE LAYOUT + OPMAAK
 *************************************************************************************************/

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

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

/*************************************************************************************************
 * FORMULIER OPMAAK
 *************************************************************************************************/
	
	table.form
	{
		font-family:		verdana,arial;
		color:				#292929;
		font-size:			11px;
		
		border-collapse:	separate;
		border-spacing:		5px;
	}
	
	.req
	{
		color:				#05507A;
	}
	
	.text
	{
		font-family:		verdana,arial;
		color:				#292929;
		font-size:			11px;
		
		border:				1px solid #000000;
		background:			url("../cms/images/bg_textfield.jpg") top left repeat;
		
		width:				250px;
		height:				20px;
	}
	
	.button
	{
		font-family:		verdana,arial;
		color:				#FFFFFF;
		font-size:			11px;
		font-weight:		bold;
		
		border:				1px solid #000000;
		background:			#05507A;
		
		width:				250px;
		height:				20px;
	}
	
	.textarea
	{
		font-family:		verdana,arial;
		color:				#292929;
		font-size:			11px;
		
		border:				1px solid #000000;
		
		width:				250px;
		height:				150px;
	}
	
	.clsInfBlock
	{
		font-family:			verdana,arial;
		color:					#000000;
		line-height:			18px;
		font-size:				11px;
		
		width:					340px;
		_width:					365px;
		
		display:				block;
		padding:				15px;
		
		background-color:		#C7E6FF;
		border:					1px solid #05507A;
		border-top:				3px solid #05507A;
	}
	
/*************************************************************************************************
 * OVERIGE OPMAAK
 *************************************************************************************************/
 
    
/*************************************************************************************************
 * MODIFIERS
 *************************************************************************************************/
 
    .spacer {
        clear: both;
    }
    
    .floatLeft {
    	float:left;
    }
    
    .floatRight {
    	float:right;
    }