/* *************************************************************************************
				LAYOUT & STRUCTURE
************************************************************************************* */

body, #bodywrapper {
	min-height: 				100%;
	width: 						100%;
	height: 					100%;
	margin: 					0;
	padding: 					0;
}

body.ifrm {
	height: auto;
}

#wrapper {
	position: 					absolute;
	top: 						0;
	left: 						0;
	width:						970px;
	height:						100%;
	margin:						0 0 0 0;
}

#top {
	position: 					absolute;
	top: 						0;
	left: 						0;
	width:						920px;
	height:						90px;
}

#main {
	position: 					absolute;
	top: 						90px;
	left: 						0;
	width:						970px;
}

#content {
	position: 					relative;
	top: 						0;
	left: 						0;
	width:						620px;
}

#sidebar {
	position: 					relative;
	float:						left;
	width:						300px;
}

#footer {
	position: 					relative;
	width:						620px;
	margin-top:					20px;
}


/* *************************************************************************************
				GENERAL STYLES
************************************************************************************* */

body							{ background: #ffffff; }

body, input, textarea, select {
	font-family:				Arial;
	font-size:					11px;
	color:						#0b3d91;
}

p								{ line-height: 15px; }
p[class="spacer"]				{ height: 0px; }

a:link, a:active, a:visited 	{ color: #527db8; text-decoration: none; }
a:hover 						{ color: #0b3d91; text-decoration: none; }

h1								{ font-size: 19px; font-weight: normal; }
h2								{ font-size: 14px; font-weight: bold; margin-top: 5px; margin-bottom: 15px; }
h3								{ font-size: 12px; font-weight: bold; margin-top: 0; margin-bottom: 10px; }
.small							{ font-size: 9px; }

img								{ border: 0; /*display: block;*/ }

/*table							{ margin-top: 15px; margin-bottom: 15px; }*/
th								{ text-align: left; width: 150px; }

hr								{ color: #dceef5; background: #dceef5; border: 0; height: 1px; margin-bottom: 10px; }
.dotline						{ height: 1px; width: 100%; background: url('/img/dotline.gif'); margin-bottom: 15px; }

.panel							{ display: none; }
.panel table					{ margin-bottom: 15px; }

form							{ margin: 0; padding: 0; }
form p							{ margin-top: 0; margin-bottom: 3px; }
form fieldset 					{ margin: 0; padding-top: 10px; border: 1px solid #dce5f0; width: 100%; }
/*form legend					{ border: 1px solid #dce5f0; background: #edf6fa; color: #028bbe; padding: 3px 5px 3px 5px; font-size: 11px; }*/

label							{ display: block; float: left; text-align: left; width: 200px; font-weight: bold; }
label.normal					{ display: inline; float: none; text-align: left; width: auto; font-weight: normal; }

input, textarea, select			{ width: 200px; background-color: #edf6fa; border: 1px solid #dce5f0; padding: 1px 5px 1px 5px; margin-bottom: 1px; }
select							{ width: 212px; }

input[type="radio"], input[type="checkbox"]	 			 { border: 0; width: auto; margin: 0; padding: 0; background: transparent; }
input[type="submit"], input[type="button"], .button		 { border: 1px solid #ffff00; background: #0b3d91; color: #ffffff; cursor: pointer; width: auto; font-weight: bold; }
input[type="image"]										 { border: 0; width: auto; height: auto; margin: 0; padding: 0; }


/* *************************************************************************************
				TOP
************************************************************************************* */

#logo {
	float:						left;
	width:						140px;
	height:						76px;
}

#nav ul {
	margin-top:					18px;
	margin-left:				0;
	list-style:					none;
	height:						32px;
}
#nav li {
	float:						left;
	padding-right:				2px;
}
#subnav {
	position:					absolute;
	left:						140px;
	top:						50px;
	background:					url('/img/nav_subback.gif') no-repeat;
	width:						780px;
	height:						26px;
	/*margin-top:					-11px;*/	/* ivm safari bug */
}
#subnav ul {
	margin-top:					6px;
	margin-left:				-30px;
	list-style:					none;
}
#subnav li {
	float:						left;
	padding-top:				0;
	padding-right:				15px;
	color: 						#fefa03;
}
#subnav li a:link, #subnav li a:active, #subnav li a:visited 	{ color: #ffffff; text-decoration: none; }
#subnav li a:hover 												{ color: #fefa03; text-decoration: none; }


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

#sidebar img					{ display: block; }

#lang							{ margin-left: 35px; height: 25px; }
#langTitle						{ margin-left: 35px; height: 20px; }
#lang img						{ border: 1px #999999 solid; margin-right: 2px; float: left; }

#qb, #tel, #affmenu, #mo, #ql	{ margin-left: 25px; margin-bottom: 15px; width: 250px; }
#sidebar table					{ margin-left: 15px; }
#sidebar table th				{ width: 100px; font-weight: normal; }

#qb 							{ background: #028bbe url('/img/qb_back.gif') repeat-y; }
#qb form						{ margin-left: 15px; }
#qb form select 				{ width: 220px; margin-bottom: 5px; background: #ffffff; padding: 0; }
#qb img, #qb select				{ display: block; }	
#qb h3, #qb th					{ margin-bottom: 0px; font-size: 11px; color: #ffffff; font-weight: normal; }
#qb table						{ margin: 0; padding: 0; }
#qb table th					{ width: 125px; }
#qb	table td select				{ margin: 5px; }

#tel 							{ background: #DCEEF5; }
#tel table						{ width: 205px; }
#tel table td					{ margin: 0; padding: 0; }

#affmenu 						{ background: #DCEEF5; }
#affmenu table th				{ font-weight: bold; }
#affmenu table td				{ margin: 0; padding: 0; }
#affmenu h3						{ padding-left: 20px; margin-bottom: 0; }
#affmenu ul						{ margin: 0; padding-left: 20px; list-style: none; }

#mo 							{ background: #FFFFCC; }
#mo td							{ margin: 0; padding: 0; }
#mo input[type="text"],
#mo	input[type="password"]		{ background: #ffffff; border: 1px solid #f7d1a6; width: 100px; padding-top: 2px; padding-bottom: 2px; }
#mo	input[type="submit"], #mo .button	{ background: #E87B00; border: 0; color: #FFFFFF; font-weight: bold; }

#ql								{ line-height: 20px; }
#ql img							{ float: left; padding-left: 15px; padding-right: 5px; margin-top: 6px; }
#ql .dotline					{ margin-bottom: 0; }

#triggerzoek1, #triggerzoek2	{ cursor: pointer; }

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

#content {
	margin-left:				300px;
	width:						620px;
	min-height:					600px;
	margin-top:					10px;
}

#products {
	float:						right;
	margin-top:					20px;
	padding-left:				20px;
}
.product {
	width:						205px;
	background:					#DCEEF5 url('/img/prod_b.gif') bottom left no-repeat;
	padding:					0 10px 10px 10px;
	margin-bottom:				15px;
}
.product img {
	margin-left:				-10px;
	margin-right:				-10px;
}

.car {
	display: 					block;
	float: 						left;
	width: 						50%;
}
.car img {
	float: 						left;
	margin-right: 				20px;
}

.paginas						{ padding-top: 5px; }
.paginas strong, .paginas a		{ color: #0b3d91; padding: 3px 5px 3px 5px; }
.paginas strong					{ background-color: #DCEEF5; }
.paginas a 						{ background-color: #edf6fa; }

tr.row0 						{ background-color: #edf6fa; }
tr td 							{ padding: 3px; }

.codetextarea					{ width: 100%; font-size: 10px; }

#home_column1					{ width: 350px; margin-right: 20px; float: left; }
#home_column2					{ width: 250px; float: left; }
#home_column2 img				{ display: block; }
#home_column2 div.feature		{ width: 205px; background: #DCEEF5; padding: 0 10px 0 10px; }
#home_column2 img.feature		{ margin-left: -10px; }


/* *************************************************************************************
				BOOKINGSENGINE
************************************************************************************* */

#be_top {
	width:						620px;
	background:					url('/img/be_border_t.gif') repeat-x;
}
#be_top img						{ display: block; }
#be_bottom {
	width:						620px;
	background:					url('/img/be_border_b.gif') repeat-x;
}
#be_bottom img					{ display: block; }
#be {
	width:						576px;
	border-left:				2px solid #dceef5;
	border-right:				2px solid #dceef5;
	padding:					20px;
}
#be_partner {
	/*width:						576px;*/ width: auto;
	padding:					20px;
}

#be input[type="text"],
#be input[type="textarea"] {
	background-color:			#edf6fa;
	border:						#dce5f0;
}
#be th {
	width:						200px;
}

#be .ral						{ text-align: right; padding-right: 10px; }

.sipp 							{ margin-top: 10px; text-align: center; font-size: 9px; line-height: 17px; }
.sipp td 						{ width: 18px; }
.sipp img 						{ display: block; margin-right: 3px; }

#be .details					{ background: #edf6fa; }
#be .details th					{ padding-left: 10px; }
#be .details img				{ padding-left: 10px; padding-bottom: 10px; }
#be .details .sipp img			{ padding-left: 0; padding-bottom: 0; }

#be #breadcrumb, #be_partner #breadcrumb									{ text-align: left; font-size: 9px; margin-top: -10px; float: left; color: #527db8; }
#be #breadcrumb a, #be_partner #breadcrumb a								{ color: #527db8; }
#be #breadcrumb a:hover, #be_partner #breadcrumb a:hover					{ color: #0b3d91; text-decoration: underline; }
#be #stap, #be_partner #stap												{ text-align: right; font-size: 10px; margin-top: -10px; }

#be #trigger, #be_partner #trigger, #be #trigger2, #be_partner #trigger2	{ cursor: pointer; }


/* *************************************************************************************
				POPUPS
************************************************************************************* */

#voucher, #agentboeking {
	padding:					30px;
	width:						880px;
}
#voucher 						{ font-size: 13pt; }

#voucher #dossiernr				{ float: right; }

#voucher #dossiernr h1 			{ font-size: 28pt; margin-bottom: 0; }
#voucher #dossiernr h2 			{ font-size: 21pt; }

#voucher table 					{ width: 100%; }
#voucher table, #voucher tr 	{ margin: 0; padding: 0; }
#voucher td, #voucher th		{ border: 1px solid #cccccc; padding: 5px; }

#important						{ color: #ff0000; }

#agentboeking 					{ font-size: 13pt; }
#agentboeking h2				{ font-size: 17pt; }


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

#footer {
	margin-left:				300px;
	width:						620px;
}
#footer p {
	margin:						2px;
	padding:					2px;
	text-align:					center;
}
#footer .dotline				{ margin-bottom: 0; }
