/*************************************************************************************************
 * <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;
    }
    
    img { -ms-interpolation-mode : bicubic; } 
    
/*************************************************************************************************
 * GENERIEKE STYLES (UITSLUITEND "KALE" HTML-TAGS!)
 *************************************************************************************************/
 
    html, body {
    	padding:0px;
    	margin:0px;
    }
 
    body, td, input, select, textarea {
    	font-family:verdana,arial;
    	color:#1a171b;
    	font-size:11px;
    	line-height:18px;
    }
    
    body {
    	text-align:center;
    	background:#745D63;
    }
    
    a:link, a:visited, a:hover, a:active {
    	color:#0A2C73;
    }
    
    a:hover {
    }
    h1 {
    	font-size:13px;
    	padding-bottom:10px;
    	font-weight:bold;
    	color:#082359;
    	text-transform:uppercase;
    }

 
    h2 {
    font-size:13px;
    	padding-bottom:10px;
    	font-weight:bold;
    	color:#082359;
    	text-transform:uppercase;
    }
    
    h3 {
    }
    
    p {
        margin-bottom: 10px;
    }
    
    hr
    {
    	border:1px solid #d8d8d8;
    	background-color: #d8d8d8;
    	color:#e8e8e8;
    }
    
    ul {
    }

    ul li {
         	list-style-image: url(../images/ulBullet.jpg);
    }
/*************************************************************************************************
 * GLOBALE LAYOUT (STRAMIEN + ALGEMENE OPMAAK)
 *************************************************************************************************/

  
    div#container {
    	width:976px;
    	background:#fffbf1;
    	
    	position:relative;
    	margin:0 auto;
    	
    	text-align:left;
    }
    
    div#header {
    	width:976px;
    	height:266px;
    	background:url("../images/header_2.jpg") top left no-repeat;
    }
    
    div#overflow {
    	overflow:hidden;
    	_overflow:visible;
    	background:url("../images/bgOverflow.jpg") top left no-repeat;
    	
    	min-height:553px;
    	
    	min-height:553px;
		height:auto !important;
		height:553px;
    }
    
    div#columnLeft {
    	float:left;
    	display:inline;
    	width:250px;
    	margin-top:20px;
    }
    
    div#columnRight {
    	float:left;
    	width:680px;
    	display:inline;
    	margin-top:20px;
    	padding-bottom:20px;
    }

    	
        ul#idMenuTopVer
{
	
    line-height:20px;
	width:				200px; /* Breedte van het menu. */
}

ul#idMenuTopVer li
{
	color:				#c21e21;
	width:				200px; /* Breedte van het menu. */
	
         	list-style-image: none;
}

ul#idMenuTopVer li a
{
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	color:black;
	text-decoration:none;
	padding-left:30px;
}

ul#idMenuTopVer li a.clsLinkActive
{
    background:url("../images/ulBullet.jpg") 10px 50% no-repeat;
}

ul#idMenuTopVer li a:hover{
    background:url("../images/ulBullet.jpg") 10px 50% no-repeat;
}

ul#idMenuTopVer li ul
{
	padding-left:		20px;
	list-style:			none;
	position:			absolute;
	margin:				0px;
	margin-top:			-20px;
	margin-left:		195px; /* Breedte van het menu. */
	_margin-left:0px;
	_margin-top:-5px;
	display:			none;
	border:				1px solid #7F7F7F;
	width:				180px; /* Breedte van het menu. */
	background:#FFFFFF;
}

ul#idMenuTopVer li ul li
{
}

ul#idMenuTopVer li ul li a
{
	display:block;
	padding-left:0px;
}

ul#idMenuTopVer li ul li a.clsLinkActive
{
    background:none;
}

ul#idMenuTopVer li ul li a:hover
{
	color:#1AB1E6;
    background:none;
}
    
ul#idMenuLow
{
	
    line-height:20px;
    margin-top:20px;
}

ul#idMenuLow li
{
	color:				#c21e21;
}

ul#idMenuLow li a
{
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	color:black;
	text-decoration:none;
	padding-left:30px;
}

ul#idMenuLow li a:hover{
    background:url("../images/ulBullet.jpg") 10px 50% no-repeat;
} 
 
    
    div.zoek {
    	margin-top:30px;
    	margin-left:-15px;
    }
    
    div.zoek .submit {
    	width:51px;
    	height:19px;
    	border:none;
    	padding:0px;
    	color:white;
    	text-transform:uppercase;
    	font-weight:bold;
    	background:url("../images/zoekBg.gif") top left no-repeat;
    }
    
    div.zoek input {
    	width:93px;
    	border:none;
    	padding-top:4px;
    	padding-left:4px;
    	height:19px;
    	background:url("../images/inputBg.gif") top left no-repeat;
    }
    
   
    ul.linksHor {
    	margin-top:10px;
    	margin-left:24px;
    }
    
    ul.linksHor li {
    	float:left;
    	display:inline;
    }
    
    ul.linksHor li a{
    	background:url("../images/ulLinksBullet.jpg") left 50% no-repeat;
    	padding-left:13px;
    	color:#8a8989;
    	text-decoration:none;
    	margin-left:5px;
    }
    
    #idCountry {
    	float:left;
    	padding-top:20px;
    	_padding-top:15px;
    	padding-bottom:10px;
    	width:50px;
    }
    
    #idCountry ul{
    	list-style:none;
    }
    
    #idCountry ul li
    {
    	list-style:none;
    	display:inline;
    	_padding-right:2px;
    }
    
     #idCountry ul li a img {
    	border:0px;	
    	padding:2px;
    	height:13px;
    	widht:13px;
    }
    
    .image {
    	margin-left:27px;
    	padding-top:10px;
    	margin-right:4px;
    }
div#columnRight ul
 {
 	list-style:bullet url('../images/ulBullet.jpg') outside;
 	padding-left:30px;
 }
 
  div#columnRight ul li
 {
 	list-style:bullet url('../images/ulBullet.jpg') outside;
 	height:auto;
 }
 
 	
	
	div#printerdiv
	{
		display:none;
		visibility:hidden;
	}
/*************************************************************************************************
 * PAGINA SPECIFIEKE LAYOUT + OPMAAK
 *************************************************************************************************/

        /*****************************************************
			* sitemap
         *****************************************************/
		
         div#columnRight ul.sitemap {
 			 list-style-image:none;
 			 list-style-type:none;	
         }
         
         div#columnRight ul.sitemap li{
 			 list-style-image:none;
 			 list-style-type:none;
    		margin-left:-20px;
    		background-image:none;
    		display:block;
    		height:auto;
         }
         
    	 div#columnRight ul.sitemap li a{
    	    background:url("../images/ulBullet.jpg") 0px 0px no-repeat; 
    		padding-left:20px;
    		height:auto;
    		
    	 }
         
         div#columnRight ul.sitemap ul {
 			 list-style-image:none;
 			 list-style-type:none;
 			 margin-left:20px;
         } 
                 
         div#columnRight ul.sitemap ul li{
 			 list-style-image:none;
 			 list-style-type:none;
    		background:none;
         }
         
         div#columnRight ul.sitemap ul li a{
    		background:url("../images/ulBullet.jpg") 0px 0px no-repeat;
    		padding-left:20px;
         }
         
         div#columnRight ul.noblue li
         {
         	 list-style-image:none;
 			 list-style-type:disc;
 			 list-style-position:outside;
 			 vertical-align:middle;
 			 background:none;
 			 height:auto;
         }
         
        /*****************************************************
         * PAGINA VOORBEELD 2
         *****************************************************/

/*************************************************************************************************
 * FORMULIER OPMAAK
 *************************************************************************************************/
 
		.req
		{
			color:					#30337A;
		}
		
		.text
		{
			font-family:			verdana, arial;
			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;
			font-size:				11px;
			font-weight:			bold;
			color:					white;
			
			border:					1px solid #000000;
			background:				#30337A;
			
			width:					250px;
			height:					20px;
		}
		
		.textarea
		{
			font-family:			verdana, arial;
			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:		#FFFBF1;
		border:					1px solid #30337A;
		border-top:				3px solid #30337A;
	}
/*************************************************************************************************
 * OVERIGE OPMAAK
 *************************************************************************************************/


 
 div#columnRight ol
 {
 	padding-left:30px;
 }
 
 span.verplicht
{
	font-family:					Trebuchet MS, Verdana, Arial, Georgia;
	font-size:						11px;
	color:							#A23438;
}
 div#columnRight td
 {
 	padding:2px;
 }
 ul.linksHor li a:hover
		 {
		 	cursor:pointer;
		 }
		 
		 ul#fontsizelinks
		 {
		 	margin-left:25px;
		 	list-style:none;
		 }
		 
		 ul#fontsizelinks li
		 {
		 	padding:3px;
		 	list-style:none;
		 	display:inline;
		 }
		 
		 a#bottomToTop
		 {
		 	position:absolute;
		 	bottom:10px;
		 	right:10px;
		 }
		 
		.sIFR-alternate {
		    visibility: hidden;
		    /* other CSS properties go here */
		}

.sIFR-hasFlash h1 {
	font-size:14px;
    /* other CSS properties go here */
}

	#columnRight ul li, #columnRight table td ul li, #columnRight table tbody td ul li
	{
		height:24px;
	}

 
/*************************************************************************************************
 * MODIFIERS
 *************************************************************************************************/
 
    .spacer {
        clear: both;
    }
    
    .floatLeft {
    	float:left;
    	display:inline;
    }
    
    .floatRight {
    	float:right;
    }
    
    img { -ms-interpolation-mode:bicubic; }
    
    /***************************************************************************************************
 * HOVER WINDOW
 ***************************************************************************************************/
 
 	img.tooltip {
 		cursor: pointer;
 	}
 
    div.tooltip {
        position: absolute;
        background: #fff;
        border: 1px solid #00A6DE;
        width: 350px;
        overflow: hidden;
        z-index: 999;
        padding: 5px;
        text-align: left;
    }
    		 

    div.tooltip h1
    {
    	color:#082358;
    }
    
    ul#faq
    {
 	list-style:url('../images/ulBullet.jpg') outside;
    }
    
    ul#faq li
    {
 	list-style:url('../images/ulBullet.jpg') outside;
    }
    
    ul#faq li a
    {
    	text-decoration:none;
    	color:#000000;
    	font-weight:bold;
    }
    ul#faq li a:hover
    {
    	text-decoration:underline;
    }
    
    table ul li
    {
    	line-height:25px;
    }