html
{
	height: 100%;

}
*
{
	font-family: arial,verdana, sans-serif;
	font-size: 12px; /* 	color: #000; 	*/
}

body
{
	height: 100%;
	margin: 0;
	background: #fff url(../img/body_bg.gif);
	text-align: center;
}
form
{
	padding: 0;
	margin: 0;
}
img
{
	border: 0;
	padding: 0;
	margin: 0;
}

table td
{
 vertical-align:top;
	}
	
table th
{
	color:#7f0000;
	font-weight:bolder;
 vertical-align:top;
	}

.clr
{
	clear: both;
}
a:link, a:hover, a:visited, a:active
{
	text-decoration: underline;
	color: #7f0000;
}
a:hover
{
	text-decoration: none;
	color: #000;
}

textarea
{
	overflow: auto;
}

.formtable th
{
	width: 150px;
}


.formtable td, th
{
	padding: 1px 0;
}

.formtable textarea
{
	width: 400px;
	height: 100px;
}
.buttonbar
{
	text-align: right;
	padding-right:20px;
	padding-bottom:16px;
}

.button
{
	background-color: #7f0000;
	border: 2px solid #ffdba8;
	font-weight: bold;
	color: #ffdba8;
}

table
{
	border-collapse: collapse; /* is CellSpacing="0" */
}
td, th
{
	padding: 0; /* is CellPadding="0" */
}

th
{
	text-align: left;
	padding-right: 4px;
	vertical-align: top;
}

/*
for some reason default sifr implementation does not print the h1 and h2 in the correct font
this is ficed by adding span.sIFR-alternate below
*/

h1, h1 span.sIFR-alternate
{
	font-size: 28pt;
	color: #ffbc5c;
	border: 0;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
}
h2, h2 span.sIFR-alternate
{
	font-size: 16pt;
	font-weight: bold;
	margin: 0 0 3px 0;
	color: #7f0000;
}
/*
.subhead {
	font-weight: bold;
	margin: -10px 0 0 0;
	color: #7f0000;
	font-size: 18pt;
}
*/
.subhead
{
	font-size: 28pt;
	color: #ffbc5c;
	border: 0;
	font-weight: bold;
	margin: -12px 0 10px 0;
	padding: 0;
}

h3
{
	font-size: 120%;
	font-weight: bold;
	margin: 0 0 3px 0;
	color: #7f0000;
}

h3 a
{
	font-size: 100%;
	color: #7f0000;
}


hr
{	color:#000;
	height:1px;
	background-color:#000;
	border:0;
/* 	height: 1px;
	border: 1px solid #000;
	margin: 10px 0 10px 0;*/
}

/* PJR Intro tekst */
h4
{
	/* Introtekst italic */
	font-family: geneva, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #7f0000;
	font-size: 100%;
	font-style: italic;
	margin: 1em 0 3px 0;
}
h5
{
	/* Introtekst recht */
	font-family: geneva, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #7f0000;
	font-size: 100%; /*font-style:italic;  */
	margin: 1em 0 3px 0;
}
h6
{
	font-weight: normal;
	color: #7f0000;
}

/* start grid */
table#grid
{
	height: 100%;
}
#top
{
	width: 798px;
	height: 72px;
	background: #fff;
	vertical-align: top;
}
#main
{
	width: 798px;
	background-color: #ffefd9;
	vertical-align: top;
	position: relative;
}
#blankleft
{
	width: 15px;
	background: #fff url(../img/blank_bg_left.gif) right repeat-y;
}
#blankright
{
	width: 15px;
	background: #fff url(../img//blank_bg_right.gif) left repeat-y;
}
#footer
{
	width: 798px;
	height: 17px;
	background: #7f0000;
	border-top: 1px solid #fff;
}
/* end grid */
/* start top */
#topmenu
{
	width: 798px;
	height: 17px;
	background: #7f0000;
	border-bottom: 1px solid #fff;
	text-align: right;
	font-weight: bold;
	font-size: 90%;
	color: #fdefca;
}
#topmenu a
{
	margin: 0 6px;
	padding: 0;
	font-weight: normal;
	font-size: 100%;
	color: #fdefca;
}

#mainmenu
{
	width: 798px; /*height: 17px;*/
}

#mainmenu ul
{
	list-style-type: none;
	margin: 5px 0 0 0;
	padding: 0;
}
#mainmenu li
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
}
/* start top */
/* start main */
.shader
{
	width: 798px;
	height: 9px;
	line-height: 0;
	position: absolute;
	z-index: 10;
	background: transparent url(../img/mainshader.png) repeat-x;
}
#content
{
	width: 100%;
	float: left;
	position: relative; /*height: 100%; 	overflow: auto;*/
}
.content
{
	padding: 15px 15px 8px 15px;
}

.content img
{
	margin-right: 8px;
}

#content ul
{
	margin: 0;
	text-align: left;
	list-style-position: inside;
}
#content li
{
	list-style-type: disc;
	float: none;
}

.error, .error *
{
	color: #FF0000;
}

.contenthead
{
	position: absolute;
	z-index: 1;
	top: 20px;
	right: 20px;
	width: 450px;
	height: 38px;
	background: url(../img/contentheader_bg.gif) right no-repeat;
	text-align: right;
}

.contenthead img
{
	margin: 0;
}

#submenu
{
	width: 175px;
	float: left;
	margin-top: 9px;
	background-color: transparent;
}
#submenu a
{
	display: block;
	background: #ffefd9 url(../img/submnu_item_bg_idle.gif) top no-repeat;
	margin: 0;
	padding: 4px 0 4px 16px;
	color: #7f0000;
	font-weight: bold;
	text-decoration: none;
}

#submenu a.selected
{
	background: #4d0000 url(../img/submnu_item_bg_active.gif) top no-repeat;
	color: #fff;
}


#submenu a:hover
{
	background: #4d0000 url(../img/submnu_item_bg_active.gif) top no-repeat;
	color: #fff;
}

/* end main */
/* start footer */
#footer .text
{
	color: #fff;
	font-size: 90%;
	float: left;
	padding: 1px 5px;
}
#footer a
{
	color: #fff;
	font-size: 100%;
	text-decoration: none;
}
#footer a:hover
{
	text-decoration: underline;
}
#footer ul, #footer li
{
	list-style-type: none;
	float: right;
	margin: 0;
	padding: 0;
}

/* end footer */

a.more
{
	font-size: 80%;
	color: #fe9901;
	padding-left: 17px;
}
/* end homepage */

/* start bestemming */
table.bestemming
{
	height: 100%;
	width: 100%;
}
.landenlijst
{
	padding: 0 20px 0 130px;
}
.landenlijst ul
{
	width: 190px;
	padding: 0 10px 20px 10px;
	float: left;
	display: block;
	list-style-position: inside;
}
.landenlijst li
{
	list-style-type: disc;
	float: none;
}
.landenlijst a
{
	color: #000;
}

table.bestemming td.right
{
	vertical-align: top;
}
.selectcountry
{
	padding: 9px 0px 9px 16px;
	float: left;
}
.kaart
{
	background: url(../img/landenpagina_bg_left.jpg) no-repeat;
}
.kaarthead
{
	float: left;
	padding: 8px 0 0 50px;
	font-size: 11pt;
}
.selectcountry select
{
	font-size: 80%;
}
.selectcountry option
{
	font-size: 100%;
}
/* end bestemming */


/*page footer*/
.pagefooter
{
	border-top: 1px solid #000;
	margin-top: 25px;
	padding-top: 5px;
	margin-bottom: 20px;
}

.pagefooter .item
{
	float: right;
	padding-left: 18px;
	margin-left: 20px;
	background-repeat: no-repeat;
}

.pagefooter .item a
{
	font-size: 90%;
	color: #7f0000;
	text-decoration: none;
	font-weight: bold;
}

.pagefooter .item a:hover
{
	text-decoration: underline;
}

.pagefooter .FooterPrint
{
	background-image: url(../img/icons/print.gif);
}

.pagefooter .FooterBack
{
	background-image: url(../img/icons/back.gif);
}

/*end page footer*/

/*** Calendar Control ***/
.Calendar
{
	z-index:9998!important;
	position: absolute;
	left:145px; 
	top:-12px;
	width: 275px;
	border: 1px solid #91928C;
}

.Calendar th
{
	background-color: #ffffff;
	width: auto;
	text-align: center;
}

.Calendar select
{
	width:80px!important;
}

.Calendar .CalendarTitle td
{
	background-color: #7f0000;
	height: 22px;
	vertical-align: middle;
}


.CalendarControl td
{
	padding: 0;
	margin: 0;
}

.Calendar table
{
	width: 100%;
	z-index:9999!important;
	
}

TD.CalendarDays
{
	background-color: #ffffff;
	border: 1px solid #eeeee7;
	height: 18px;
}

.Calendar .SelectedDate
{
	font-weight: bold;
	height: 18px;
}
.Calendar .SelectedDate a
{
	text-decoration: none;
}


TD.CalendarDays a, TD.CalendarWeekEndDays a
{
	text-decoration: none;
}

TD.CalendarDays a:hover, TD.CalendarWeekEndDays a:hover
{
	font-weight: bold;
}


TD.CalendarWeekEndDays
{
	background-color: #eeeee7;
	border: 1px solid #ffffff;
	height: 18px;
}

.CalendarControl
{
	
}
/*** End Calendar Control***/

/* newslist */

.newslisth
{
	padding-right: 40px;
}

.newslistlink
{
	font-weight: bold;
	color: #7f0000;
}

/* end newslist */

/* faq */
.faqAnswer
{
	margin-bottom: 10px;
}

.faqlistlink
{
	font-weight: bold;
	color: #7f0000;
}

.toplink a
{
	font-size: 90%;
	color: #7f0000;
	text-decoration: none;
	font-weight: bold;
	float: right;
	background-image: url(../img/icons/top.gif);
	padding-left: 18px;
	background-repeat: no-repeat;
}

/* end faq */

/* reisverhalen */
.reisverhalen
{
	margin: 25px 0 0 0;
}
.reisverhalen ul
{
	list-style-type: none !important;
	padding: 0;
	margin: 0;
}
.reisverhalen li
{
	list-style-type: none !important;
	background: url(../img/reisverhalen_li.jpg) no-repeat;
	line-height: 22px;
	margin: 0;
	padding: 0 0 0 26px;
}
.reisverhalen a
{
	font-weight: bold;
	color: #7f0000;
}

/* reisverhalen */

/* offers */
.aanbiedingen
{
	margin: 25px 0 0 0;
}
.aanbiedingen ul
{
	list-style-type: none !important;
	padding: 0;
	margin: 0;
}
.aanbiedingen li
{
	list-style-type: none !important;
	background: url(../img/aanbiedingen_li.gif) no-repeat;
	line-height: 22px;
	margin: 0;
	padding: 0 0 0 18px;
}
.aanbiedingen a
{
	font-weight: bold;
	color: #7f0000;
}


.ContactOfferMessage
{
	width: 400px;
	height: 100px;
}

/* offers */


/*landen pagina's*/
/*
.left {
	float: left;
	width: 175px;
	height: 515px;
	background: url(../img/landenpagina_bg_left.jpg) no-repeat;
	vertical-align: top;
}
*/
#landenmenu
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 0;
	background-color: transparent;
}
#landenmenu li
{
	list-style-type: none;
	margin: 0 !important;
	padding: 0;
	line-height: 0 !important;
	height: 36px;
	display: block;
}

#landenmenu a
{
	padding: 0;
	margin: 0;
	background-image: none !important;
	background-color: transparent !important;
}

#landenmenu img
{
	width: 175px;
	height: 36px;
}

/*end landen pagina's*/

/*Plan je reis Begin*/

.pjr
{
	background: url() no-repeat;

}

#pjr-padding
{
	padding: 20px 0 20px 15px;
	width: 100%;
}

#pjr-top
{
	background-image: url(../img/pjr_top.png);
	background-repeat: repeat-y;
	width: 682px;
	height: 11px;
	border-top: 2px solid #000;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
}

#pjr-content
{
	width: 668px;
	border: 2px solid #000;
	background-color: #fff;
	float: left;
	margin-right: -2px;
	z-index: -2;
	padding-top: 78px;
	margin-bottom: 15px;
}
.pjr-form
{
	z-index: 0;
}
.pjr-contentbody
{
	padding:15px;
}
.pjr-tabs
{
	border: 0px solid #000;
	float: left;
	width: 111px;
	
	z-index: -1;
}

.pjr-kop
{
	position: absolute;
	top: 45px;
	left: 33px;
}

.pjr-subkop
{
	position: absolute;
	top: 50px;
	left: 245px;
}

.pjr-contenthead
{
	position: absolute;
	top: 50px;
	right: 130px;
}

#pjr-padding img
{
	margin: 0px;
}

.pjr-overview-content
{
	background-color:#ffefd9;
	width: 640px;
	border-style:solid;
	border-color:#7f0000;
	border-width:1px;
	margin:10px;
}

	
.pjr-overview-tabcontent
{
	border:0px;
	background-color:#ffefd9;
	padding:20px;
}

.pjr-overview-tabs
{
	width: 640px;
	height:24px;
	border:0px;
}

.pjr-overview-tab
{
	border:0px;
}


#pjr-content #ctl00_MainContent_LabelInformation
{
	padding-right: 15px;
}

#pjr-content #ctl00_MainContent_ImageCountry
{
	margin-right: 5px;
}


.tab1_on
{
	background-image: url(../img/pjr_tab1_on.png);
	width: 21px;
	height: 60px;
	float: left;
}
.tab1_off
{
	background-image: url(../img/pjr_tab1.png);
	width: 21px;
	height: 60px;
	float: left;
}

.tab2_on
{
	background-image: url(../img/pjr_tab2_on.png);
	width: 21px;
	height: 60px;
	float: left;
}
.tab2_off
{
	background-image: url(../img/pjr_tab2.png);
	width: 21px;
	height: 60px;
	float: left;
}

.tab3_on
{
	background-image: url(../img/pjr_tab3_on.png);
	width: 21px;
	height: 60px;
	float: left;
}
.tab3_off
{
	background-image: url(../img/pjr_tab3.png);
	width: 21px;
	height: 60px;
	float: left;
}

.tab4_on
{
	background-image: url(../img/pjr_tab4_on.png);
	width: 21px;
	height: 60px;
	float: left;
}
.tab4_off
{
	background-image: url(../img/pjr_tab4.png);
	width: 21px;
	height: 60px;
	float: left;
}

.tab5_on
{
	background-image: url(../img/pjr_tab5_on.png);
	width: 21px;
	height: 60px;
	float: left;
}

.tab5_off
{
	background-image: url(../img/pjr_tab5.png);
	width: 21px;
	height: 60px;
	float: left;
}

/*Plan je reis End*/
.celllabel
{
	width: 200px;
}

.cellvalue
{
	width: 400px;
}

.formtable
{
	padding:0px;
	border:0px;
	width:600px;
}

.ModalDialogBody .formtable
{
	width:100%;
}

.formtable td
{
	padding-bottom: 2px;
	padding-right: 5px;
	vertical-align: top;
}
.formtable th
{
	text-align: left;
	font-weight: bold;
	font-size:14px;
	padding-right: 10px;
	vertical-align: top;
	
	color:#7f0000;
}

.formtable hr 
{
	color:#000;
	height:1px;
	background-color:#000;
	border:0;
}

.formtable input, .formtable textarea, .formtable option, .formtable select
{
	color: #000;
}

.formtable select
{
	width:150px;
	}
.formtable textarea
{
	width:350px;
	}
/*----------------------ToolTip START------------------------------*/

.toolTip {
    background:transparent url(../img/icons/help.png) no-repeat;
    color: #000;
    cursor: help; 
    position:relative;
    width:16px;
    height:20px;
    overflow:hidden;
    visibility:hidden;
    padding:0;
    margin:0;
    top:0px;
    padding-left:16px;
    vertical-align:top;
}

.toolTipCollapseLeft .toolTipWrapper
{
	width:200px;
	top:15px;
	left:-190px;
}

.toolTipWrapper { 
    width: 200px;
    position: absolute;
    top:10px;
    left:12px;
    display:none;
    color: #7f0000;
    border:1px solid #7f0000;
    background:#fdefca;
    padding:0px!important;
}

.toolTipContent { 
    padding: 8px 15px!important;
}

/*----------------------ToolTip END-----------------------------*/


.DayToDay td, .DayToDay th {
    padding:2px 0px;
}

.DayToDay th {
    white-space:nowrap!important;
    width:100px;
}

.DayToDay .name {
    
}

.DayToDay td.description {
    padding-bottom:1em;
}


