/*
Kleurdefinities:

Standaard blauw
	blauw 1 #0A2665
	blauw 2 #3B5183
	blauw 3 #8592B2
	blauw 4 #B7C1DA
	blauw 5 #DDE1EC

Standaard geel
	geel 1 #FFD521
	geel 2 #FEDE56
	geel 3 #FCECA5
	geel 4 #FFF7D3
	geel 5 #E2BF1B
	geel 6 #D2B127

Themakleur Stedentrips blauw
	TBlauw 1 #408ABF
	TBlauw 2 #66A2CD
	TBlauw 3 #91BCDB
	TBlauw 4 #ACCFE8
___________________________________________________________________
*/	

/* ================================================ */
/* 		VISUAL										*/
/* ================================================ */

div#visual img.visual{
	border:0 none;
	width:734px;
}

/* ================================================ */
/* 		SEARCHBLOCK									*/
/* ================================================ */

div#content{
	margin-left:0;
	}

/*zegt hoe groot het zoekblok is en wat voor kleur het heeft */
	div#searchConsole{
		background-color:#FFF;
		height:330px;
		position:relative;
		border:2px solid #FFF;
		}

		div#searchConsole h1{
			font-size:13px;
			padding:6px 8px;
			color:white;
			background-color:#CC6600;
			margin:0;
			border-bottom:2px solid #FFF;
		}
		div#searchConsole img{
			margin-bottom: 4px;
		}
	div#ReisbeschrijvingNav{
		background-color:#FFF;
		height:326px;
		position:relative;
		border:2px solid #FFF;
		}

		div#ReisbeschrijvingNav h1{
			font-size:15px;
			padding:6px 8px;
			color:white;
			background-color:#CC6600;
			margin:0;
			border-bottom:2px solid #FFF;
		}
		div#ReisbeschrijvingNav img{
			margin-bottom: 4px;
		}
		
		div.searchBlock{ 
			position:relative;
			padding:15px 0 0 0;
			 }
			div.trekmenus{
				display:block;
				padding:0 12px 0 12px;
				height:144px;
				overflow:hidden;
				background-color:#FFF;
			}
			div.searchBlock select{
				width:135px;
				font-size:11px;
				margin-bottom:12px;
				border:1px solid #2A8EC5;
			}
			div.searchBlock div.collLeft{
				float:left;
				width:135px;
			}
			div.searchBlock div.collRight{
				float:right;
				width:135px;
			}
			div.searchBlock label{
				display:block;
				padding:0 0 3px 2px;
				color:#414141;
				font-size:12px;
				font-weight:bold;
			}
	
			div.searchBlock div.buttonSet{
				padding-right:12px;
			}
			div.searchBlock div.collRight div.buttonSet{
				padding:18px 0 0 0;	
			}
	
			div.searchBlock .button{
				background-image:url(img/button_face_white_blue.gif);
			}
			div.searchBlock .button:hover{
				color:#fff;
			}
			.searchBlockLink{
				border:solid red 1px;
			}

div.collSmallRight{
	width:196px;
	padding-top:8px;
	/*padding-bottom:12px;*/
	float:left;
	border:solid red 1px;
	}

/* ================================================ */
/* 		SPECIALOFFERSBLOCK							*/
/* ================================================ */

div#specialOffers{}

	div.offer{
		width:291px;
		overflow:hidden;
		margin-bottom:12px;
                height:200px
	}

	div#specialOffers div.hover{
		background-color:#d1dbeb;
		cursor:pointer;
	}
	
	div.offer div.photo{
		position:relative;
		width:118px;
		height:81px;
		float:left;
	}

		div.offer div.photo img{
			display:block;
			border:0 none;
			width:118px;
			height:81px;
		}
		
		div.offer div.priceTag{
				position:absolute;
				width:47px;
				height:47px;
				top:10px;
				right:-5px;
				
				background:transparent url(img/pricetag_home.png) no-repeat top left;
				color:#fff;
				
				font-size:9px;
				font-weight:bold;

				line-height:12px;
								
				text-align:center;
				
			}

	
	div.offer div.priceTag div.price{
		padding:3px 0 0 2px;
	}
	
	div.offer div.priceTag strong{
		margin:0 auto 0 auto;
		padding:2px 0 0 0;
		display:block;
		font-size:14px;
	}
	div.offer div.priceTag div.price span.currency{
		font-size:11px;
	}
	
	div.offer div.description{
		float:left;
		margin:8px 0 0 10px;
		width:155px;
		}
		div.offer div.description h1{
			margin:0 0 8px 0;
			letter-spacing:normal;
			text-transform:none;
			}
			
		div.offer div.description ul,
		div.offer div.description ul li{
			display:block;
			margin:0;
			padding:0;
		}
		div.offer div.description ul li{
			padding:0 0 0 10px;
			background:transparent url(img/list-item_circle.gif) no-repeat 0 5px;
		}
		
/* ================================================ */
/* ================================================ */
/* 		OFFERSBLOCK									*/
/* ================================================ */

div#offers h1{
	margin:0;
	padding-top:13px;
	padding-bottom:6px;
	
	font-size:14px;
	line-height:1.2em;
	
	letter-spacing:normal;
	text-transform:none;
	
	background:transparent url(img/dotted_line_medium.gif) repeat-x left bottom;
}
div#offers table{
	width:292px;
	margin-bottom:3px;
	}
	div#offers table tr{
		background:transparent url(img/dotted_line_medium.gif) repeat-x left bottom;
	}
	div#offers table tr.hover{
		background-color:#d1dbeb;
		cursor:pointer;
	}
	div#offers table.special tr{
		background-color:#fff5d2;
	}
	/* o = odd */
	div#offers table.special tr.o{
		background-color:#ffefbc;
	}

	div#offers table.special tr.hover{
		background-color:#fecb20;
	}
	div#offers table td{
		padding:4px 0 4px 0;
		font-weight:bold;
		color:#164997;
		font-size:10px;
		line-height:1.2em;
		width:130px;
		vertical-align:top;
	}
	div#offers td.duration{
		width:auto;
	}
	div#offers td.currency{
		text-align:right;
		width:35px;
		padding-right:5px;
	}
	div#offers td.price{
		width:1%;
		text-align:right;
	}
	
	div#offers table a{
		display:block;
		color:#000;
		text-transform:uppercase;
		text-decoration:none;
	}

.yellow{
  background-color:#FFF;
}
.yellow h1{
  background-color:#2A8EC5;
  color:#FFF;
  margin:0px;
	padding:6px 8px;
  border:2px solid #FFF;
}
.blue{
  background-color:#FFF;
}
.blue h1{
	background-color:#2A8EC5;/*#b7bed1*/
	/* color:#082463; */
	color:white;
	margin:0px;
	padding:6px 8px;
	border:2px solid #FFF;
}
/* ================================================ */
/* ================================================ */
/* 		portletHalf									*/
/* ================================================ */
.portletHalf{
	padding-bottom:10px;
	position:relative;
	width:176px;
	}
.portletDescription{
	padding:5px 10px 0px 10px;
	}
.portletHalf .portletDescription p{
	padding:0px;
	margin:0px;
	}
.portletHalf input{
	padding:0px;
	margin:5px 0px 0px 0px;
	width:150px;
	}

/* ----------------------------------------------- */
/* ----------------------------------------------- */
/* 		addons to common styles	    			   */
/* ----------------------------------------------- */

img.aanbieding{
	display:block;
	border:0 none;
	width:176px;
	height:85px;
}
div.descriptionPrice{
	position:absolute;
	right:10px;
	bottom:20px;
}

.secondRow .portletHalf {
	position:relative;
	height:131px;
	float:left;
	}
	
	
/* ----------------------------------------------- */
/* 		addons to common styles	    			   */
/* ----------------------------------------------- */
	
	div.top10{
		position:absolute;
		width:174px;
		height:50px;
		border:2px solid #FFF;
		background-color:#FFF;
		overflow:hidden;
		}