/*************************************************************************************************
 * <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:arial, verdana !important;
    	color:#676767;
    	font-size:12px;
    	line-height:18px;
    }
    
    body {
    	text-align:center;
    }
    
    a:link, a:visited, a:hover, a:active {
    	color:#5b0057;
    }
    
    a:hover {
    }
    
    h1 {
    	font-size:14px;
    	padding-bottom:10px;
    	font-weight:bold;
    	color:#5b0057;
    	text-transform:uppercase;
    }

 
    h2 {
		color:			#939393;
		font-size:		13px;
		font-weight:	bold;
		padding-bottom:	8px;
		text-transform:	uppercase;
    }
    
    h3 {
    }
    
    p {
        margin-bottom: 15px;
    }
    
    ul {
		list-style-type:disc;
		margin-bottom:15px;
    }
    
    li{
    	margin-left:36px;
    }

/*************************************************************************************************
 * GLOBALE LAYOUT (STRAMIEN + ALGEMENE OPMAAK)
 *************************************************************************************************/
	
 div#container {
 	width:1000px;
    background:url("../images/template_1/bg2.jpg") top left repeat-x;
    
    min-height:822px;
 	
 	position:relative;
 	margin:0 auto;
 	text-align:left;
 }	
 
 div#header {
 	width:1000px;
 	height:220px;
 	/*background:url("../cms/domainfiles/1/layout/header3.jpg") top left no-repeat;*/
 }
 
 div#header img {
	position:absolute;
	top:0;
	left:0;
 }
 
 div#overflow {
 	overflow:hidden;
 	_height:1%;
 }
 
 div#columnLeft {
 	width:664px;
 	margin-top:40px;
 	float:left;
 	display:inline;
 	margin-left:30px;
 }
 
 div#columnLeftHeader {
 	width:664px;
 	height:12px;
 	background:url("../images/template_1/headerContent.gif") top left no-repeat;
 }
 
 div#columnLeftContent {
 	width:584px;
 	_width:664px;
 	padding:40px;
 	padding-top:20px;
 	margin-top:-2px;
 	background:white;
	min-height:400px;
	height:auto !important;
	height:400px;
 }
 
 div#footer {
 	background:#5b0057;
 	width:100%;
 	height:30px;
 	color:white;
 	font-size:10px;
 }
 
 div#footer a {
 	color:white;
 	text-decoration:none;
 }
 
 div#columnRight {
	width:279px;
	float:left;
 	display:inline;
	margin-left:20px;
	margin-top:24px;
 }
 
 a.reguliereReizen {
 	width:268px;margin-left:3px;
 	display:block;
 	text-indent:-9000px;
 	height:139px;
 	background:url("../images/template_1/reguliereReizen.png") top left no-repeat;
 	behavior:url("http://www.buitengewoonreizen.nl/new_site/iepngfix.htc");
 }
 
  div#willekeurigeReizen {
 	color:white;
 	overflow:hidden;
 	font-size:10px;
 }
 
 div#willekeurigeReizenHeader {
 	width:279px;
 	height:131px;
 	background:url("../images/template_2/willekeurigeReizen.png") top left no-repeat;
	behavior:url("http://www.buitengewoonreizen.nl/new_site/iepngfix.htc");
 }
 
 div#overflowContentWillekeurigeReizen {
 	overflow:hidden;
 	_height:1%;
 }
 
  div#willekeurigeReizen div.contentReizen {
 	float:left;
 	display:inline;
 	background:#5b0057;
 	margin-left:5px;
 	width:238px;
 	_width:258px;
 	padding:0px 10px 10px 10px;
 	color:#E5E5E5;
 }
 
 div#willekeurigeReizen div.contentReizen table tr td a {
	color:white;
	text-decoration:none;
 }
 
div#footerWillekeurigeReizen {
 	width:279px;
 	height:14px;
 	background:url("../images/template_2/reizenFooter.gif") 5px 0px no-repeat;
 	margin-bottom:10px;
 }
 
 a.gehandicaptenReizen {
	margin-left:3px;
 	width:268px;
 	height:135px;
 	display:block;
 	text-indent:-9000px;	
 	background:url("../images/template_1/gehandicaptenReizen.png") top left no-repeat;
 	behavior:url("http://www.buitengewoonreizen.nl/new_site/iepngfix.htc");
 }
 
 div#reizen {
 	width:268px;
 	
 }
 
 div#zoeken {
 	position:absolute;
 	right:20px;
 	top:10px;
 } 
 
 div#zoeken input{
 	/*background:transparent;*/
 	opacity:0.7;
 }
 
 div.blokVerzekeringen ul.special {
 }
  
 div.blokVerzekeringen ul.special li {
 	margin-left:90px;
 }
 
 
 
/*************************************************************************************************
 * PAGINA SPECIFIEKE LAYOUT + OPMAAK
 *************************************************************************************************/

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

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

/*************************************************************************************************
 * FORMULIER OPMAAK
 *************************************************************************************************/

	table.form
	{
		font-family:			arial, verdana;
		color:					#a4a4a4;
		line-height:			18px;
		font-size:				11px;
		
		border-collapse:		separate;
		border-spacing:			5px;
	}
	
	.req
	{
		color:					#669000;
	}
	
	.text
	{
		font-family:			arial, verdana;
		font-size:				11px;
		
		border:					1px solid #000000;
		background:				url("../cms/images/bg_textfield.jpg") top left repeat;
		
		width:					250px;
		height:					20px;
		
		margin-bottom:			3px;
	}
	
	.button
	{
		font-family:			arial, verdana;
		font-size:				11px;
		font-weight:			bold;
		color:					white;
		
		border:					1px solid #000000;
		background:				#5A0057;
		
		width:					250px;
		height:					20px;
		
		margin-bottom:			3px;
	}
	
	.textarea
	{
		font-family:			arial, verdana;
		font-size:				11px;
		
		border:					1px solid #000000;
		
		width:					250px;
		height:					53px;
		
		margin-bottom:			3px;
	}
	
	.clsInfBlock
	{
		font-family:			arial, verdana;
		color:					#000000;
		line-height:			18px;
		font-size:				11px;
		
		width:					370px;
		
		display:				block;
		padding:				15px;
		background-color:		#E8E8E8;
		border:					1px solid #669000;
		border-top:				3px solid #669000;
	}
 
/*************************************************************************************************
 * OVERIGE OPMAAK
 *************************************************************************************************/

 	a.SGR {
 		position:absolute;
 		top:104px;
 		left:860px;
 		z-index:9;
 	}
 	
 	a.SGR img {
 		width:63px;
 		height:55px;
 	} 

 	a.ANVR {
 		position:absolute;
 		top:104px;
 		left:930px;
 		z-index:9;
 	}
 	
 	a.ANVR img {
 		width:63px;
 		height:55px;
 	}
 
/*************************************************************************************************
 * MODIFIERS
 *************************************************************************************************/
 
    .spacer {
        clear: both;
    }
    
    .floatLeft {
    	float:left;
    	display:inline;
    	margin-top:5px;
    	margin-left:30px;
    }
    
    .floatRight {
    	float:right;
    	margin-top:5px;
    	margin-right:30px;
    	display:inline;
    }
   
    
div#contentReizen {
 	width:264px;
 	_width:344px;
 	/*padding:20px 40px 20px 40px;*/
 	padding-left:40px;
 	padding-top:0px;
 	padding-right:40px;
 	_margin-bottom:-10px;
 	color:white;
 	background:url("../images/template_2/reizenBg.gif") top left repeat-y;
 	_position:relative;
 	_top:-5px;
 	_left:0px;
 	_height:+5;
 }