/****************************************************************************/
/************************* CASCADING STYLE SHEET SQUATRA ********************/
/****************************************************************************/

html,
body {
	font-family:"Arial";
	font-size:12px;
	height:100%;
	color:#333;
	padding:0;
	margin:0;
}

/****************************************************************************/
/********************************** CONTAINER *******************************/
/****************************************************************************/

#container {
	position:relative;
	min-height:100%;
	margin:0 auto;
	width:100%;
}

/****************************************************************************/
/*********************************** HEADER *********************************/
/****************************************************************************/

#header {
	background:url(images/header.jpg) 50% 8px no-repeat;
	position:relative;
	margin:0 auto;
	height:346px;
	width:964px;
}

/****************************************************************************/
/************************************ LOGO **********************************/
/****************************************************************************/

#header h1.logo {
	background:url(images/logo.png) no-repeat;
	text-indent:-6000px;
	margin:0 0 7px 0;
	display:block;
	height:212px;
	width:324px;
	float:left;
	padding:0;
}

#header h1.logo a {
	display:block;
	height:212px;
	width:324px;
}

/****************************************************************************/
/************************************ MENU **********************************/
/****************************************************************************/

#header ul.menu {
	list-style-type:none;
	margin:0 0 0 5px;
	clear:both;
	padding:0;
}

#header ul.menu li {
	text-indent:-6000px;
	float:left;
}

#header ul.menu li a {
	display:block;
	height:51px;
}

#header ul.menu li.home a {
	background:url(images/menu_home.png) no-repeat;
	width:73px;
}

#header ul.menu li.contact a {
	background:url(images/menu_contact.png) no-repeat;
	width:82px;
}

#header ul.menu li.faq a {
	background:url(images/menu_faq.png) no-repeat;
	width:60px;
}

#header ul.menu li.favorite a {
	background:url(images/menu_favorite.png) no-repeat;
	width:138px;
}

#header ul.menu li.send_friend a {
	background:url(images/menu_send_friend.png) no-repeat;
	width:124px;
}

#header ul.menu li.newsletter a {
	background:url(images/menu_newsletter.png) no-repeat;
	width:108px;
}

#header ul.menu li a:hover,
#header ul.menu li.current a {
	background-position:left bottom;
}

/****************************************************************************/
/*********************************** BANNER *********************************/
/****************************************************************************/

#header .banner {
	margin:15px 0 0 0;
	height:190px;
	width:625px;
	float:right;
}

#header .banner.vakantiereizen_2010_2011 {
	background:url(images/banner_vakantiereizen_2010_2011.png) bottom no-repeat;
}

#header .banner.groepsreizen_2010_2011 {
	background:url(images/banner_groepsreizen_2010_2011.png) bottom no-repeat;
}

#header .banner.zakenreizen_2010_2011 {
	background:url(images/banner_zakenreizen_2010_2011.png) bottom no-repeat;
}

/****************************************************************************/
/*********************************** ZOEKEN *********************************/
/****************************************************************************/

#header .zoeken {
	background:url(images/zoeken.png) no-repeat;
	padding:11px 0 0 75px;
	height:34px;
	width:175px;
	float:right;
}

#header .zoeken label {
	background:url(images/zoeken_input.png) no-repeat;
	display:block;
	height:21px;
	width:164px;
}

#header .zoeken label input {
	padding:4px 10px 0 10px;
	font-family:"Arial";
	background:none;
	font-size:11px;
	border:none;
	width:124px;
	color:#333;
	float:left;
}

#header .zoeken input.submit {
	background:transparent url(images/zoeken_submit.png) no-repeat;	
	overflow:hidden;
	cursor:pointer;
	border:none;
	height:21px;
	float:right;
	width:20px;
	margin:0;
}

#header .zoeken input.submit:hover {
	background-position:left bottom;
}

/****************************************************************************/
/******************************** DROPLINE MENU *****************************/
/****************************************************************************/

#dropline {
	padding:1px 0 0 169px;
	position:absolute;
	left:0;
	bottom:28px;
	width:850px;
	margin:0 0 0 25px;
	list-style:none;
	height:47px;
	clear:both;
}

#dropline table {
	border-collapse:collapse;
	width:0;
	height:0;
	margin:-3px -10px;
}

#dropline li {
	float:left;
}

#dropline li a {
	display:block;
	height:47px;
	padding:0 0px 0 0;
	float:left;
	color:#fff;
	text-decoration:none;
}

#dropline li a b {
	font-weight:normal;
	line-height:47px;
	display:block;
	height:47px;
	float:left;
	padding:0 14px 0 14px;
	font-size:14px;
	cursor:pointer;
}

#dropline li a:hover {
	line-height:47px;
	height:47px
}

#dropline li a:hover b {
	line-height:47px;
	font-weight:bold;
}

#dropline li:hover > a {
	line-height:47px;
	height:47px;
}

#dropline li:hover > a b {
	line-height:47px;
	font-weight:bold;
}

#dropline ul {
	position:absolute;
	padding:2px 0 0 0;
	list-style:none;
	margin:0;
	height:27px;
	width:930px;
	left:-9999px;
	top:47px;
	z-index:10;
}

#dropline ul li {
	height:25px;
	line-height:25px;
}

#dropline ul.right li {
	float:right;
}

#dropline ul li a {
	font-size:12px;
	color:#fff;
	padding:0 10px 0 10px;
	height:25px;
	line-height:25px;
}

#dropline ul li a:hover {
	height:25px;
	line-height:25px;
	color:#c60;
	font-weight:bold;
	color:#faa038;
}

#dropline :hover ul {
	left:0;
}

/****************************************************************************/
/*********************************** BODY ***********************************/
/****************************************************************************/

#body {
	padding:0 0 230px 0;
	position:relative;
	margin:0 auto;
	width:994px;
}

/****************************************************************************/
/********************************** SIDEBAR *********************************/
/****************************************************************************/

#body .sidebar {
	background:url(images/sidebar.png) right repeat-y;
	padding:10px 0 0 0;
	margin:0 15px 0 0;
	width:212px;
	float:left;
}

#body .sidebar .inner {
	background:url(images/sidebar_bottom.png) left bottom no-repeat;
	padding-bottom:20px;
}

#body .sidebar h2 {
	margin:0 0 16px 46px;
	text-indent:-6000px;
	display:block;
	padding:0;
}

#body .sidebar h2.een_bestemming {
	background:url(images/h2_een_bestemming.png) no-repeat;
	height:12px;
}

#body .sidebar h2.submenu {
	background:url(images/h2_menu.png) no-repeat;
	height:24px;
}

#body .sidebar h4 {
	padding:2px 8px 3px 22px;
	margin:0 0 4px 46px;
	font-size:12px;
	width:125px;
}

/****************************************************************************/
/******************************** BESTEMMINGEN ******************************/
/****************************************************************************/

#body .sidebar ul.bestemmingen,
#body .sidebar ul.bestemmingen ul {
	list-style-type:none;
	line-height:normal;
	padding:0;
	margin:0;
}

#body .sidebar ul.bestemmingen ul {
	padding-bottom:10px;
}

#body .sidebar ul.bestemmingen li {
	margin-bottom:1px;
}

#body .sidebar ul.bestemmingen li a {
	text-decoration:none;
	padding:2px 0 0 66px;
	font-size:11px;
	display:block;
	height:16px;
	width:146px;
}

#body .sidebar ul.bestemmingen ul li a {
	padding-left:76px;
	width:136px;
}

/****************************************************************************/
/*********************************** REIZEN *********************************/
/****************************************************************************/

#body .sidebar ul.reizen {
	list-style-type:none;
	margin:0 0 12px 46px;
	padding:0;
}

#body .sidebar ul.reizen li a {
	background:url(images/sidebar_reizen.png) no-repeat;
	text-decoration:none;
	padding:0 0 0 22px;
	font-size:11px;
	display:block;
	color:#225268;
	height:18px;
	width:133px;
}

/****************************************************************************/
/********************************* BREADCRUMB *******************************/
/****************************************************************************/

#body .breadcrumb {
	border-bottom:#acccd9 solid 1px;
	padding:10px 0 1px 5px;
	font-size:11px;
	height:21px;
	width:750px;
	float:left;
}

#body .breadcrumb p {
	margin:0;
}

#body .breadcrumb a {
	text-decoration:none;
	color:#333;
}

#body .breadcrumb a.current {
	font-weight:bold;
	color:#5996b1;
}

/****************************************************************************/
/********************************** CONTENT *********************************/
/****************************************************************************/

#body .content {
	padding:10px 0 0 0;
	line-height:18px;
	width:410px;
	float:left;
}

#body .content.breed {
	width:752px;
}

#body .content h1 {
	font-weight:normal;
	margin:0 0 20px 0;
	font-size:20px;
	padding:0;
}

#body .content h1.menu {
	text-transform:uppercase;
	font-size:20px;
}

#body .content h1.overzicht {
	padding:9px 0 0 18px;
	margin-bottom:0;
	font-size:20px;
	display:block;
	height:31px;
}

#body .content h2 {
	padding-top:12px;
	font-size:12px;
	color:#333;
	margin:0;
}

#body .content p {
	margin-bottom:20px;
	margin-top:0;
}

#body .content a {
	text-decoration:none;
	color:#333;
}

#body .content a.orange {
	color:#f7852a;
}

#body .content a.orange:hover {
	text-decoration:underline;
	color:#003e59;
}

#body .content .small {
	font-size:11px;
}

#body .content b.top {
	font-size:12px;
	color:#003e59;
}

/****************************************************************************/
/********************************** LOCATIE *********************************/
/****************************************************************************/

#body .content .locatie {
	background:url(images/content_locatie.png) bottom repeat-x;
	padding:2px 0 0 5px;
	position:relative;
	margin:0 0 3px 0;
	font-size:11px;
	height:22px;
	width:747px;
}

#body .content .locatie p {
	margin:0;
}

#body .content .locatie p.resultaten {
	position:absolute;
	text-align:right;
	right:10px;
	top:2px;
}

/****************************************************************************/
/********************************* OVERZICHT ********************************/
/****************************************************************************/

#body .content .reisoverzicht .reis {
	padding:7px 144px 0 28px;
	position:relative;
	margin:0 0 3px 0;
	font-size:11px;
	height:140px;
	width:580px;
}

#body .content .reisoverzicht .reis.even {
	background:url(images/content_reisoverzicht_even.png) #dce9ee repeat-x;
}

#body .content .reisoverzicht .reis.oneven {
	background:url(images/content_reisoverzicht_oneven.png) #f3f8f9 repeat-x;
}

#body .content .reisoverzicht .reis img {
	background:#a2c6d4;
	margin-right:17px;
	padding:1px;
}

#body .content .reisoverzicht .reis a.meerinfo {
	background:url(images/content_reisoverzicht_meerinfo.png) no-repeat;
	text-indent:-6000px;
	position:absolute;
	display:block;
	height:29px;
	width:108px;
	right:10px;
	top:10px;
}

#body .content .reisoverzicht .reis a:hover.meerinfo {
	background-position:left bottom;
}

#body .content .reisoverzicht .reis h5 {
	font-weight:normal;
	margin:0 0 4px 0;
	font-size:14px;
	color:#5996b1;
	padding:0;
}

#body .content .reisoverzicht .reis h5 a {
	text-decoration:none;
	color:#5996b1;
}

#body .content .reisoverzicht .reis .cat {
	padding:4px 0 0 15px;
	position:absolute;
	height:22px;
	width:383px;
	left:172px;
	bottom:0;
}

#body .content .reisoverzicht .reis.even .cat {
	background:url(images/content_reisoverzicht_even_cat.png) no-repeat;	
}

#body .content .reisoverzicht .reis.oneven .cat {
	background:url(images/content_reisoverzicht_oneven_cat.png) no-repeat;	
}

#body .content .reisoverzicht .reis .cat b {
	color:#609cb5;
}

#body .content .reisoverzicht .reis .cat b a {
	color:#003e59;
}

#body .content .reisoverzicht .nummering {
	margin:15px 0 15px 0;
	text-align:center;
}

#body .content .reisoverzicht .nummering a {
	padding:2px 5px 2px 5px;
	color:#333;
}

#body .content .reisoverzicht .nummering a:hover,
#body .content .reisoverzicht .nummering a.current {
	background:#013e5a;
	color:#fff;
}

/****************************************************************************/
/*********************************** RIGHT **********************************/
/****************************************************************************/

#body .right {
	padding:35px 0 0 0;
	font-size:11px;
	width:220px;
	float:right;
}

#body .right h3 {
	background:url(images/h3.png) no-repeat;
	padding:1px 0 0 14px;
	margin:0 0 10px 0;
	font-size:14px;
	display:block;
	height:23px;
	width:206px;
}

#body .right .padding {
	margin-bottom:20px;
	margin-left:10px;
}

/****************************************************************************/
/******************************** INBEGREPEN ********************************/
/****************************************************************************/

#body .right ul.inbegrepen {
	list-style-type:none;
	padding:0;
	margin:0;
}

#body .right ul.inbegrepen li {
	padding:0 0 0 10px;
	margin:0 0 4px 0;
}

/****************************************************************************/
/*********************************** OPTIES *********************************/
/****************************************************************************/

#body .right ul.opties {
	list-style-type:none;
	margin:0 0 20px 0;
	padding:0;
}

#body .right ul.opties li {
	margin:0 0 5px 0;
}

#body .right ul.opties li a {
	text-decoration:none;
	padding:1px 0 0 44px;
	font-weight:bold;
	display:block;
	height:16px;
	width:155px;
	color:#fff;
}

/****************************************************************************/
/*********************************** NIEUWS *********************************/
/****************************************************************************/

#body .right .nieuws {
	padding:45px 30px 20px 30px;
	position:relative;
	width:141px;
}

#body .right .nieuws .bottom {
	position:absolute;
	height:25px;
	width:201px;
	bottom:0;
	left:0;
}

#body .right .nieuws a {
	text-decoration:none;
	font-weight:bold;
	color:#f7852a;
}

/****************************************************************************/
/*********************************** FOOTER *********************************/
/****************************************************************************/

#footer {
	background:url(images/footer.png) repeat-x;
	position:relative;
	height:205px;
	width:100%;
	bottom:0;
}

#footer .inner {
	padding:3px 0 0 30px;
	margin:0 auto;
	width:964px;	
}

/****************************************************************************/
/*********************************** CONTACT ********************************/
/****************************************************************************/

#footer ul.contact {
	background:url(images/footer_contact.png) no-repeat;
	list-style-type:none;
	padding:52px 0 0 0;
	height:145px;
	float:left;
	margin:0;
}

#footer ul.contact li {
	background:url(images/footer_seperator.png) no-repeat;
	padding:14px 20px 0 20px;
	line-height:18px;
	text-align:left;
	font-size:11px;
	color:#5996b1;
	height:74px;
	float:left;
}

#footer ul.contact li.squatra {
	background:none;
	padding-left:0;
}

#footer ul.contact li.vergund {
	line-height:12px;
	text-align:right;
}

#footer ul.contact li.maps img {
	background:#5996b1;
	padding:3px;
	border:none;
}

#footer ul.contact li a {
	text-decoration:none;
	font-weight:bold;
	color:#add3dd;
}

#footer ul.contact li a:hover {
	text-decoration:underline;
	font-weight:bold;
	color:#add3dd;
}

/****************************************************************************/
/********************************* WEBREGION ********************************/
/****************************************************************************/

#footer p.webregion {
	background:url(images/footer_webregion.png) no-repeat;
	padding:60px 0 0 16px;
	line-height:20px;
	font-size:11px;
	display:block;
	color:#5996b1;
	height:145px;
	width:144px;
	float:right;
	margin:0;
}

#footer p.webregion a {
	text-decoration:none;
	font-size:12px;
	color:#add3dd;
}

#footer p.webregion a:hover {
	text-decoration:underline;
	font-size:12px;
	color:#add3dd;
}

/****************************************************************************/
/*********************************** OVERIG *********************************/
/****************************************************************************/

.clear {
	clear:both;
}

img {
	border:none;
}

.formulier 
{
	background: #FAFAFA;
	border: solid 1px #a4a39f;
	color: #111111;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
}

a
{
  outline: none;
}

a.contact:link, a.contact:visited 
{
	text-decoration:underline;
	color: #0066A4;
}

a.contact:hover
{
	text-decoration:none;
	color: #c4262e;
}