/* ALGEMEEN */

body{
background-color: #E9E9E9;
margin:0;
padding:0;
line-height: 1.5em;
font-family: helvetica, verdana, sans-serif;
font-size:13px;
}

#skyscraper{
	position: absolute;
	z-index:2;
	left:50%;
	top:0;
	margin-left:420px;
}

/* BUTTONS */

.buttons a, .buttons button{
	
    float:right;
    background-color:#f5f5f5;
    border:1px solid #cccccc;
    border-top:1px solid #cccccc;
    border-left:1px solid #cccccc
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:4em;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
    width:auto;
}

#wrapper {
	width: 800px;
	background-color:#FFFFFF;
	margin:0px auto;
	text-align:left;
	padding: 0px;
}

#welkom {
  	POSITION:absolute;
	PADDING-TOP:14px;
	PADDING-LEFT:10px;
	COLOR:#FFFFFF;
	font-weight: bold;
}
#navigatie {
	background-color: #FFFFFF;
	width: 210px;
	float: left;
	margin-top:15px;
	min-height:550px;
}


#navigatie div
{
	padding-left:5px;
	border:1px solid white;
	background-color:#DACC00;
	line-height: 15px;
	color:white;
	width:175px;
	height:17px;
	padding-left:6px;
	/* font-weight:bold; */
}

#navigatie .navTitle
{
	padding-left:3px;
	margin-top:15px;
	margin-bottom:6px;
	width: 200px;
	text-transform: none;
	background-color:white;
	font-size:95%;
	/*font-size:110%; */
	font-weight:bold;
	color:black;
	height:auto;
}

#navigatie div a
{
	display:block;
	text-decoration:none;
	color:darkred;
}
#navigatie div.navItem_02
{
	background-color:#C40717;
	color:#ffffff;
}

#inhoud {
	background-color: #FFFFFF;
	float: right;
	width: 570px;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 0px;
	clear: right;
}
#footer{
	clear: both;
	height:20px;
	width: 800px;
	background: #C82078;
	color: #FFF;
	text-align: left;
	display: block; 
	vertical-align: middle;
}

#footer a{
	padding: 0 20px;
	border-right: 1px solid white;
	text-decoration: none;
	font-size: 92%;
	color: white;
}

#hoofdingNav {
	position: absolute;
	margin-top: 160px;
	z-index: 10;
	padding: 0px;
	float: left;
}
#hoofdingLettergrootte {
	position: absolute;
	margin-top: 140px;
	z-index: 10;
	padding: 0px;
	margin-left: 700px;
	float: right;
}

/* TYPOGRAFIE */

h1 {
	font-size: 160%;
	font-weight: bold;
	color: #C82078;
	
}
.titelNieuws {
	font-weight: bold;
	color: #C82078;
}

/* NAVIGATIE */

a.lnk_menu:link,a.lnk_menu:visited
{
	color:black;
	text-decoration:none;
}

a:link {
	color: #C30716;
	text-decoration: underline;
}
a:visited {
	color: #C30716;
}
a:hover {
	color: #C30716;
	text-decoration: none;
}

/* TABELLEN */
table {
	border-collapse:collapse;
	padding-top: 2px;
	padding-right: 7px;
	padding-bottom: 2px;
	padding-left: 7px;
}


.tdHomeLinks {
	padding-top: 40px;
}
.tabel {
	border: 1px solid #C82078; 
	padding-top: 2px;
	padding-right: 7px;
	padding-bottom: 2px;
	padding-left: 7px;
}
table.paging {
  	float: left;
}
#t0 table {
	padding-top: 2px;
	padding-right: 7px;
	padding-bottom: 2px;
	padding-left: 7px;
	border-style:solid;
	border-width:1px;
	border-color:#000000;
}

#t0 td {
	padding-top: 2px;
	padding-right: 7px;
	padding-bottom: 2px;
	padding-left: 7px;
	border-style:solid;
	border-width:1px;
	border-color:#000000;
}

#t1 {
	background-color: #C82078;
	color: #FFFFFF;
	vertical-align: middle;
	padding-left:5px;
	height:24px;
}
#t2 {
	background-color: #C82078;
	padding-top: 2px;
	padding-right: 7px;
	padding-bottom: 2px;
	padding-left: 7px;
	color: #DACC00;
}
#t3 {
	background-color: #C82078;
	padding-top: 2px;
	padding-right: 7px;
	padding-bottom: 2px;
	padding-left: 7px;
	color: #DACC00;
}
#vorige {
	font-size: 80%;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 2px;
	padding-left: 7px;
}
#volgende {
	font-size: 80%;
	text-align: right;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 2px;
}
.geldig {
  	color: #C40717;
  	font-weight: bold;
  	text-align:center;
  	background-color: #FFFFFF;
}
.maand {
  	text-align:center;
}
DIV.niet_geldig {
  	background-color:#D3D3D3;
  	text-align:center;
  	margin-left:auto;
  	margin-right:auto;
  	width: 15px;
  	border: 2px solid #D3D3D3;
}
.prices {
  	background-color: #000000;
}
.prices_cell {
 	background-color: #FFFFFF; 	
}
ul {
  	margin:0px;
  	padding-left:16px;
}
.err
{
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	/*
	color:#FF0000;
	background-color:#FFCCCC;
	border:1px solid #FF0000;
	*/
	border:1px solid red;
	padding:2px 2px 2px 2px;
	background-color:#FFF8DC;
	color:black;	
}
.no_err
{
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#336600;
	background-color:#CCFFCC;
	border:1px solid #336600;
	padding:2px 2px 2px 2px;
}

.error
{
	color:red;
}

.bold{
	font-weight:bold;
}

.dialog_error{
	border:1px dashed red;
	padding:10px;
	text-align:left;
	color:red;
	margin: 0 5%; 
	background-color:transparent;
}

.dialog_ok{
	border:1px dashed green;
	padding:10px;
	text-align:left;
	color:black;
	margin: 0 5%; 
	background-color:transparent;
}

.row_01{
	background-color:#F3F3F3;
}

.row_02{
	background-color:#E3E3E3;
}


.btn_02{
	cursor:pointer; 
	border:1px solid #cccccc;
	background-color:#FFFFFF;
	color:black;
	font-weight:normal;
	padding: 1px 2px;
}

.btn_01{
	cursor:pointer;
	border:1px solid #000;
	background-color:#FFFFCC;
	color:black;
	font-weight:normal;
	padding: 1px 2px;
}

.bookingBox
{
	text-align:right;
	vertical-align:middle;
	background-color:#E6E6E6;
	border: 1px dotted #CCCCCC;
	color:black;
	font-weight:normal;
	height:40px;
}

.bookingBox input{
	position:relative;
	right:5px;
	top:5px;
    background-color:#f5f5f5;
    border:1px solid #cccccc;
    border-top:1px solid #cccccc;
    border-left:1px solid #cccccc
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px;
    width:auto;
}

.btn{
   background-color:#f5f5f5;
    border:1px solid #cccccc;
    border-top:1px solid #cccccc;
    border-left:1px solid #cccccc
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px;
    width:auto;
}


.bookingBox a{
	text-decoration:none;
}

/*
-------------------------------
table
-------------------------------
*/
table.bList{
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size:  85%;
	border-collapse: collapse;
	margin-left:50px;

}
/*
table.hic caption{
	background: url(title.png) no-repeat 50px;
	font-size: 400%;
	text-indent: -10000px;
}
*/

table.bList tr{
	background-color: #fff; 
}

table.bList tr.odd{
	background-color: #FFFFFF;
}

table.bList td, th{
	border: 1px dotted #CCCCCC;
}

table.bList thead tr{
	/* background-color: #F7F3E7; */
	background-color: #FFFFCC;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

table.bList thead th{
	padding:0.2em;
	white-space: nowrap;
	text-align:left;
}

table.bList tbody th
{
	padding:2px 5px;
	white-space: nowrap;
}

table.bList tbody td{
	 /* padding: 0.5em;  */
	 padding:0 5px;
	 vertical-align:middle;
	/* padding:0 5px; */
}







table.tbl_overview th{
	background-color:#FFFFCC;
}

table.tbl_overview .even{
	background-color:#FFFFFF;
}
table.tbl_overview .odd{
	background-color:#FFFFFF;
}


table.hic{
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size:  85%;
	border-collapse: collapse;
	margin-left:50px;

}
/*
table.hic caption{
	background: url(title.png) no-repeat 50px;
	font-size: 400%;
	text-indent: -10000px;
}
*/

table.hic tr{
	background-color: #EAFDFF; 
}

table.hic tr.odd{
	background-color: #FFFFFF;
}

table.hic td, th{
	border: 1px dotted #CCCCCC;
}

table.hic thead tr{
	background-color: #D9FFD9;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

table.hic thead th{
	padding:0.2em;
	white-space: nowrap;
	text-align:left;
}

table.hic tbody tr:hover{
	background-color: #FFCCCC;
}



table.hic tbody td{
	 /* padding: 0.5em;  */
	 padding:0 5px;
	 vertical-align:middle;
	/* padding:0 5px; */
}

table.hic td a:link, th a:link{
	color: black;
}

table.hic td a:visited, th a:visited{
	color: black;
	/* text-decoration: line-through; */
}

table.hic td a:hover, th a:hover{
	color: purple;
	text-decoration: underline;
}

table.hic td:last-child a:hover{
	color: red;
	/* text-decoration: underline overline; */
	text-decoration: underline;
}

table.hic tfoot{

	border-top:1px dashed black;
}

table.hic tfoot tr{
	background-color: #FFFFFF;
}

table.hic tfoot th{
	font-size: 110%;
	text-align: right;
	padding-right: 0.5em;
	letter-spacing: 1px;
	/* background:   */
}

table.hic tfoot td{
	padding-left: 0.5em;
	color: red;
	font-size: 110%;
	font-weight: 600;
}

table.frm_01{
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size:  85%;
	border-collapse: collapse;
	/* background-color:green; */
	background-color:#FFFFCC;
	margin-left:50px;
	border-top:1px solid gray;
	border-bottom:1px solid gray;
		margin-top:10px;
		caption-side:top;
	
}

table.frm_01 caption {
	  /* border:1px solid #333; */
	  /* margin-left:50px; */
	  margin-left:10px;
  }

table.frm_01 tr{
	/* background-color: #EAFDFF;  */
}

table.frm_01 tr.odd{
	/* background-color: #FFFFFF; */
}


table.frm_01 td{
	border: 1px dotted #CCCCCC;
}

table.frm_01 tbody th{
	padding: 2px 5px;
	font-weight:bold;
	white-space: nowrap;
	text-align:left;
	background-color:#FFFFCC;
	/* width:50px;  */
}

table.frm_01 tbody td{
	 /* padding: 0.2em; */
	 padding: 2px 5px;
	 vertical-align:middle;
	 /* width:200px;  */
}

table.frm_01 tfoot{
	border-top:1px dashed black;
}

table.frm_01 tfoot tr{
	 background-color:#FFFFFF; 
}

table.frm_01 tfoot th{
	font-size: 110%;
	text-align: right;
	padding-right: 0.5em;
	letter-spacing: 1px;
	/* background:   */
}

table.frm_01 tfoot td{
	text-align: right;
	padding: 0.5em;
}

table.frm_01 input, table.frm_01 textarea
{
	border:1px solid #ccc;
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
}

/*
-----------------------------
Booking
-----------------------------
*/
div.bookingSteps
{
	clear: both;
	width:100%;
	padding-top: 1px;
	text-align: left;
	margin-left:auto;margin-right:auto;
	overflow-x:auto;
	/* background-color:#FFFFCC; */
	background-color:#FFF8DC;
	border:1px solid #000000;
	height:67px;
}

div.bookingSteps div
{	
	float:left;
	width: 30%;
	height:18px;
	/* height: 120px; */
	padding: 3px;	
	margin:3px 2px 3px 3px;
	background-color:#FFFFCC;
	border: 1px solid #ccc;
	color:gray;
}
div.bookingSteps .current
{
	color:#C82078;	
	font-weight:bold;
	font-size:95%;
}

select.sel_01
{
	font-family:Arial;
	font-size:95%;
	color:black;
}
.msgRowOK
{
	background-color:green;
	color:black;
}

div.errorMsg
{
	margin:5px;
	padding:5px;
	background-color:darkred;
	border:1px solid black;
	color:white;
}

/*
----------------------------
Pager
------------------------------
*/
/* 
// blue

.pagination{
	padding: 2px;
}

.pagination ul{
	margin: 0;
	padding: 0;
	text-align: left; 
	font-size: 85%;
}

.pagination li{
	list-style-type: none;
	display: inline;
	padding-bottom: 1px;

}

.pagination li span{
	color:#2e6ab1;
	font-size:1em;
	font-weight:bold;
}
	

.pagination a, .pagination a:active, .pagination a:visited{
	padding: 0 2px;
	border: 1px solid #9aafe5;
	text-decoration: none; 
	color: #2e6ab1;
}

.pagination a:hover{
	border: 1px solid #2b66a5;
	color: #000;	
	background-color: #FFFF80;
}

.pagination a.currentpage{
	padding: 0 2px;
	background-color: #2e6ab1;
	color: #FFF !important;
	border-color: #2b66a5;
	font-weight: bold;
	cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
	background-color: white;
	cursor: default;
	color: #929292;
	border-color: #929292;
	font-weight: normal !important;
}

.pagination a.prevnext{ 
	border:none;
	font-weight: bold;
}
*/
.pagination{
	padding: 2px;
}

.pagination ul{
	margin: 0;
	padding: 0;
	text-align: left; /*Set to "right" to right align pagination interface*/
	font-size: 85%;
}

.pagination li{
	list-style-type: none;
	display: inline;
	padding-bottom: 1px;

}

.pagination li span{
	/*color:#2e6ab1;*/
	color:#000000;
	font-size:1em;
	 font-weight:normal; 
}
	

.pagination a, .pagination a:active, .pagination a:visited{
	padding: 0 2px;
	/* border: 1px solid #9aafe5; */
	border:1px solid black;
	text-decoration: none; 
	/*color: #2e6ab1;*/
	color:black;
}

.pagination a:hover{
	border: 1px solid #BF005F;
	color: #000;	
	background-color: #E9E9E9;
}

.pagination a.currentpage{
	padding: 0 2px;
	background-color: #BF005F; 
	border-color:black;
	font-weight: bold;
	cursor: default;
	color:white;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
	background-color: white;
	cursor: default;
	color: #929292;
	border-color: #929292;
	font-weight: normal !important;
}

.pagination a.prevnext{ 
	border:none;
	font-weight: bold;
}

.pagination a.firstlast{
	border:none;
	font-weight: bold;
}


/*
end pager
*/

a.switch_thumb {
	width: 122px;
	height: 26px;
	line-height: 26px;
	padding: 0;
	margin: 10px 0;
	display: block;
	background: url(../img/switch.gif) no-repeat;
	outline: none;
	text-indent: -9999px;
}

a.swap { background-position: left bottom; }

div.listThumb
{
	padding:5px;
	margin:5px;
	width:95%;
	background-color:#E9E9E9;
	border:1px solid #666666;
	float:left;
	overflow:hidden;
}

.suggestionsBox {
	font-family: Helvetica;
    font-size: 10px;
	position: absolute;
	z-index:999;
	left: 122px;
	margin: 10px 0px 0px 0px;
	width: 200px;
	background-color: #212427;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 2px solid #000;      
	color: #fff;
}

.suggestionList {
	margin: 0px;
	padding: 0px;
}

.suggestionList li {
	margin: 0px 0px 3px 0px;
	padding: 3px;
	cursor: pointer;
	text-decoration:none;
	list-style-type: none;
}

.suggestionList li:hover {
	background-color: #C82078;
}