/* General */
body		{overflow: -moz-scrollbars-vertical;}
#container  {margin: 0px auto; width: 990px; position:relative;}
#background {background: #FFF url('/_images/background.png') repeat-y; padding: 0px 20px;}
strong {font-weight:bold;}

/* Header main navigation */
#header {position:relative;}
#header .navigation {background: #C3C4C5; height: 24px;}
#header .navigation li {float: left; height: 12px; margin: 6px 0px;}
#header .navigation li a {
	border-right: 1px solid #366fbc;
	color: #003c94;
	display: block; 
	float: left; 
	font-size: 11px;
	
	height: 100%; 
	line-height: 12px;
	padding: 0px 8px;
	text-decoration: none;
}
#header .navigation a:hover {color: #EEE; text-decoration: underline;}
#header .navigation .last a {border-right: none;}
#header .navigation .right	{float: right;}

/* Header sub navigation */
#header .subnavigation {background: #D5D6D6;}
#header .subnavigation li a {
	border-right: 1px solid #366fbc;
	color: #003c94;
	font-size: .8em;
	font-weight: bold;
	padding: 0px 5px;
}

  /* Search box (in header) */
  .divSearch {display:block; position:absolute; right:25px; top:25px; font-size:0.75em;}
    .divSearch .lblSearch {}  
    .divSearch .tbSearch  {background-color:#D5D6D6; /*border:1px solid #003C94;*/}
    .divSearch .btnSearch {}
	.divSearch input#searchText	{width:150px; padding:2px;}
	.divSearch label#searchLabel	{display:none;}
    
/* Call centre */
#callcentre {
	background: #C3C4C5 url('/_images/telephone.png') left no-repeat; 
	padding-left: 25px;
	color: #003c94; 
	float: right; 
	font-size: .9em; 
	line-height: 24px; 
	padding-right: 5px;
}
#callcentre .fn {display: none;}
#callcentre .tel {font-weight: bold;}
#callcentre .tel .type {display: none;}

/* Themes */
#themes {float: right; margin-top: 15px; width: 745px; position: relative; height: 190px;}
#themes li {float: left;}
#themes li a {
	background: #366fbc url('/_images/polyball.png') top right no-repeat;
	color: #c7ddfc;
	float: left;
	font-size: .8em; *font-size: 10px;
	font-weight: bold;
	line-height: 36px;
	height: 40px;
	margin: 0px 1px;
	text-align: center;
	text-decoration: none;
	width: 81px;
}
#themes li a:hover {background: #003c94 url('/_images/polyball.png') top right no-repeat; color: #EEE;}

#themes li a.current {background: #003c94; color: #EEE; cursor: default;}

#themes li a.double {line-height: 15px; height: 36px; padding-top: 4px;}
#themes li.first a {margin-left: 0px;}
#themes li.last a {margin-right: 0px;}

#themes a.aanbiedingen {background: #c7ddfc url('/_images/polyball.png') top right no-repeat; color: #366fbc; text-decoration: underline;}
#themes a.activeTheme  {background: #003c94 url('/_images/polyball.png') top right no-repeat; color: #EEE; text-decoration: underline;}

#ticker {
	position: absolute; 
	bottom: 0px; 
	left: 0px; 
	width: 740px; 
	height: 25px; 
	font-size: 16px;
	line-height: 23px;
	padding-left: 5px;
	font-weight: bold;
	color: #FFF;
	z-index: 11;
}

#tickerbackground {
	position: absolute; 
	bottom: 0px; 
	left: 0px; 
	width: 745px; 
	height: 25px;
	background: #003c94;
	opacity: 0.8;
	z-index: 10;
}

#slideshow_left  {float: left; position: relative; height: 150px; width: 371px;}
#slideshow_right {float: right; position: relative; height: 150px; width: 371px;}

#slideshow_left img, #slideshow_right img {position: absolute;}

/* Logo  */
#header .logo {float: left; margin-top: 60px;}  
  #logoPayoff {position:absolute; top:165px; left:22px; color:#999;}

/* Content */
#content {margin-top: 220px; margin-bottom: 10px;}
#content h2 {color: #EEE; font-size: .9em; font-weight: bold; margin-top: 15px; margin-bottom: 5px;}
#content .page h2 {color: #000; font-size: 1.0em; font-weight: bold; margin-top: 0px; margin-bottom: 5px;}
#content h2.first {margin-top: 0px;}
#content h3 {font-weight: bold;}
       /*h3*/ .subHeader {margin-top:14px;}

/* Content - Left column */
#content .left {
	float: left; 
	margin-right: 0px;
	margin-bottom: 10px;
}
#content h3.bestemmingen {color: #FFF; padding-left: 15px; padding-top: 10px; width: 175px; padding-bottom: 10px; border-bottom: 1px dotted #FFF;}
#content .bestemmingen {background: #2962b1 url('/_images/left_background.png') repeat-x; /*padding: 15px;*/ width: 190px;}
#content .bestemmingen h2 {padding-top: 15px; margin-left: 15px;}
#content .bestemmingen ul {padding-left: 15px;}
#content .left a {color: #c7ddfc; font-size: .85em; line-height: 20px; text-decoration: none;}
#content .left a:hover {color: #EEE; text-decoration: underline;}
#content .left .banner  {background: #DDD url('/_images/visuals/banner_left_empty.png') no-repeat; height: 70px; width: 190px;}
#content .left .banner1 {margin-top: 10px;}
#content .left .banner2 {margin-top: 15px;}

#content .left .pages {margin-bottom: 15px;}
#content .left .pages li {}
#content .left .pages li a {
	background: #C3C4C5; border-bottom: 1px solid #D5D6D6; color: #003C94;
	display: block;
	font-size: 11px;
	line-height: 30px;
	height: 30px;
	padding: 0px 5px;
	text-decoration: none;
	width: 195px;
	overflow: hidden;
	position: relative;
}

#content .left ul#navpages li a {background: #366fbc url('/_images/polyball3.png') bottom right no-repeat; border-bottom: 1px solid #b2d1fb; color: #FFF;}
#content .left ul#navpages li a:hover {background: #003c94; color: #EEE;}
#content .left ul#navpages li a.current {background: #003c94; color: #EEE; cursor: default;}

#content .left .pages li a img {position: absolute; right: 5px; margin-top: 8px; visibility: hidden;}
#content .left .pages li a.last {border-bottom: 0px;}
#content .left .pages li a:hover {background: #003c94; color: #EEE;}
#content .left .pages li a:hover img {visibility: visible;}
#content .left .pages li a.current:hover img {visibility: hidden;}

/*#content .left .pages:first-child li a {  }
#content .left .pages:first-child li a:hover {background: #003c94;}*/

#content .page .accoRating2 {/*position: absolute; top: 15px; right: 15px;*/ margin-left:5px;}
#content .accoPage	{position:absolute; right:0; top:30px; color: #FFF; background: #366FBC; padding:5px; text-align: center; font-size: 11px; font-weight: bold;}
#content .page {background: #c7ddfc; color: #000; margin-left: 205px; width: 515px; position: relative;}
#content .page h1 {color: #366fbc; padding: 10px; font-size: 16px; font-weight: bold;}
#content .page h1 .name {display: block; margin-top: 5px; color: #8aafe4; font-size: 12px;}
#content .page .text {padding: 10px; font-size: 12px; line-height: 160%;}
#content .page .text p {margin-bottom: 10px;}
#content .page a {color: #366fbc;}

#brochures {height: 175px; padding: 20px;}
#brochures .brochure {float: left; height: 175px; width: 220px; text-align: center;}
#brochures .brochure .title {color: #366fbc; font-size: 13px; font-weight: bold; margin-bottom: 5px;}
#brochures .brochure .prijs a {font-size: 11px;}


/* #content .items .sublanding a {display: block; color: #b2d1fb; margin-left: 205px; font-weight: bold; font-size: .9em; padding: 5px; background: #003c94; text-decoration: none; width: 505px;} */

#content .items {}
#content .items .sublanding   {display: block; color: #b2d1fb; margin-left: 205px; font-weight: bold; border-bottom: 1px solid #c7ddfc; font-size: .9em; padding: 5px; background: #003c94; text-decoration: none; width: 505px; position: relative;}
#content .items .sublanding a {color: #b2d1fb; text-decoration: none;}

#content .items .sublanding img {position: absolute; right: 5px; visibility: hidden;}
#content .items .sublanding a:hover {color: #EEE; background: #215eb7;}
#content .items .sublanding a:hover img {visibility: visible;}

#content .item         {background: #A2C4F4; margin-left: 205px; padding: 4px; width: 507px; border-bottom: 1px solid #c7ddfc; overflow: hidden; min-height: 75px;}
#content .itemNoHeight {background: #A2C4F4; margin-left: 205px; padding: 4px; width: 507px; border-bottom: 1px solid #c7ddfc; overflow: hidden;}
#content .item:last-child {height: 15px;}
#content .item .visual {float: left; margin-right: 5px; width: 100px;}
#content .item .visual img {width: 100px; height: 75px;}
#content .item .title {font-size: .9em; font-weight: bold; line-height: 160%; position: relative;}
#content .item .title .rating {position: absolute; right: 3px; top: 3px;}
#content .item .title a {color: #003c94; text-decoration: none;}
#content .item .description {color: #000; font-size: .85em; line-height: 160%; padding-bottom: 10px;}
#content .item .extra {border-left: 1px solid #366fbc; color: #003c94; float: right; margin-left: 5px; line-height: 15px; padding-top: 15px; padding-bottom: 15px; padding-left: 10px; margin-right: 5px; margin-top: 8px; text-align: center; font-size: 11px; color: #003C94; font-weight: bold;}
#content .item:hover {background: #729ad5;}
#content .item .title a:hover {text-decoration: underline;}

#content .text .items .sublanding {margin-left: 0px; width: 385px; margin: 0px;}
#content .text .itemNoHeight {margin-left: 0px; width: 387px; margin: 0px; margin-top: -1px;}
#content .text .item {min-height: 15px; margin-left: 0px; padding: 0px; width: 395px; margin: 0px; margin-top: -1px;}

/* Zoekresultaten */
.Gresult   {margin:10px 0; padding-bottom:10px; border-bottom:1px solid #BBD0ED; z-index:10;}
  .Gresult a  {font-weight:bold;}
  .Gresult em	{background-color:lightyellow; padding:0 2px;}
.Gresult:hover	{background-color:#EEE;}

/* Content - cities by region */
#content .regionRelatedPlaces {margin:14px 0px 14px 0px;}

/* Content - news */
.divNieuwsItem {padding: 5px 0px 5px 0px;}

/* Content - brochures */
.itemBrochure {width: 140px; height:200px; float: left;}

/* Content - boats */
#content .boatTypeBoats {}
#content .boatTypeBoats ul.boats {list-style: disc outside none; margin-left: 15px;}
  #singleBoatInfo {margin-top: 20px;}

/* Content - Right column */
#content .right {
	float: right; 
	margin-bottom: 10px;
	width: 220px;
}
#content .right .photos {padding: 0px; background: #c7ddfc;}

#content .right .photos .left {display: none; margin: 0px; padding: 10px; width: 200px;}
#content .right .photos .right {display: none; margin: 0px; padding: 10px; width: 200px;}
#content .right .photos .control {display: none;}
#content .right .photo img {height: 150px; margin-bottom: 5px;}
#content .right .last {margin-bottom: 0px;}
#content .right .photos .control {float: left; margin-top: 10px; width: 150px; text-align: center;}

#content .right .photos .mapRight {width: 310px; height: 233px; margin-left: 5px; margin-bottom: 5px; padding-top: 10px;}

.goBack   {margin-top:12px; font-weight:bold;}
.goBack a {color:#003C94; text-decoration:none;}
.goBack a:hover {color:#788AC6; text-decoration:underline;}

/* Content - form(s) */ 
.fsForm {padding: 10px; border: 1px solid #003C94; margin: 10px;}
fieldset.fsForm  {-moz-border-radius: 5px; -webkit-border-radius: 5px;}
.fsForm legend   {font-weight: bold; color: #003C94;}
.fsForm label    {float: left; width: 200px; font-weight: bold; padding-top: 4px; border-bottom: 1px dashed #9FBDE7;}
.fsForm input, .fsForm select {margin-bottom: 10px;}
.fsForm input.submitbutton {margin-bottom: 0px; background: #003C94; color: #FFF; border: none; padding: 3px; font-weight: bold; cursor: pointer;}

.fsForm #relatedItemID {margin-left: 40px;}

.fsForm label .brochures {width: auto;}

/* Contactformulier - brochure(s) aanvragen */
.fsForm .brochures input {width: auto; float: inherit; margin-right: 10px;}
.fsForm .brochures label {width: auto; float: inherit; display: inline-block; border-bottom: 0px none transparent;}

/* Contactformulier - aanmelden nieuwsbrief */
.fsForm .special1 input {width: auto; float: inherit; margin-right: 10px;}
.fsForm .special1 label {width: auto; float: inherit; display: inline-block; border-bottom: 0px none transparent;}

.divReactionThx {font-weight: bold;}

/* Content - boekingsformulier / bookingsform */
.fsForm .travellers {}
.fsForm .travellers label {width: 75px;}
.fsForm .travellers #ctl00_contentMainColumn_lblFortravellers {width: auto;}
.fsForm .rblSex label {width: 30px;}
.fsForm li.justTxt {margin-bottom: 15px;}
.fsForm .justTxt {font-weight: bold;}
.fsForm .justTxt #bookingItemID {margin-left: 159px;}
.fsForm .travellers .liTravellersHeader {width:430px; background-color: #E1EDFD; padding: 4px 0px 4px 80px; margin-bottom: 5px; font-weight:bold; border-bottom:1px solid #003C94;}
.fsForm .travellers .liHeader {display: inline;}
.fsForm .travellers .hdrLastname {margin-left: 22px;}
.fsForm .travellers .hdrFirstname {margin-left: 28px;}
.fsForm .travellers .hdrDateBirth {margin-left: 28px;}
.fsForm .travellers .tbLastName  {width: 100px;}
.fsForm .travellers .tbFirstName {width: 100px;}
.fsForm .travellers .tbDateOfBirth {width: 85px;}

/* Content - nieuwsbriefinschrijving */
#ctl00_contentMainColumn_rblAction label {width: auto; float: inherit; display: inline-block; margin-right: 10px; border-bottom: 0px none transparent;}
#ctl00_contentMainColumn_rblAction input {margin-right: 5px;}


/* Content - reizen */
.reisDagen {}
  ul.listReisDag {}
    li.reisDag   {list-style:disc; margin-left:15px;}

/* Content - lezersaanbiedingen */
#content .item .lezersaanbieding img {height: 125px;}


/* Blocks */
.blocks {padding-left: 205px;}
.block {background: #c7ddfc url('/_images/polyball2.png') bottom right no-repeat; float: left; height: 250px; margin-bottom: 10px; margin-right: 10px; width: 241px;}
.blocks .short {height: 200px;}
.blocks .banner {background: #DDD url('/_images/visuals/banner_empty.png') no-repeat;}
.block .header			 {background: #003C94; color: #FFF; padding: 5px; font-size: .85em; font-weight: bold;}
.block .header a         {color: #FFF; text-decoration: none;}
.block .header a:visited {color: #FFF; text-decoration: none;}
.block .header a:hover   {color: #c7ddfc; text-decoration: underline;}
.block .visual {border-bottom: 1px solid #003c94; height: 65px;}
.block .items {padding: 0px;}
.block li {font-size: .85em;}
.block .empty {padding: 6px;}
.block .items a {color: #003c94; display: block; padding: 6px; text-decoration: none; position: relative; border-bottom: 1px dotted #b2ccf1;}
.block .items a:hover {background: #9ebce7;}
.block .items a img {position: absolute; right: 5px; visibility: hidden;}
.block .items a:hover img {visibility: visible;}
.blocks .last {margin-right: 0px;}
.block a.more {font-weight: bold; margin-top: 5px;}

/* Footer */
#footer {background: #FFF url('/_images/footer_background.png') top no-repeat; margin-bottom: 25px; height: 35px;}
#footer .navigation {height: 26px; padding: 8px 10px 0px 0px; float: left;}
#footer li {float: left;}
#footer li a {
	color: #b2d1fb;
	display: block;
	font-size: .8em; *font-size: 10px;
	font-weight: bold;
	line-height: 26px;
	height: 26px;
	padding: 0px 5px;
	margin-right: 20px;
	text-decoration: none;
}
#footer li a:hover {color: #EEE; text-decoration: underline;}
#footer li.right {float: right;}
#footer .businessLabels {padding-top: 37px; padding-right: 10px;}
#footer .businessLabels a {margin: 0px;}

#footer .site-made-by {clear: both; padding-top: 42px; padding-left: 12px; float: left;}

/* Tools */
.rounded	{-moz-border-radius: 5px; -webkit-border-radius: 5px;}
.roundedtl	{-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;}
.roundedtr	{-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;}
.roundedbl	{-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;}
.roundedbr	{-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;}

ul.discList    {list-style: disc; margin: 4px 0px 4px 10px; padding: auto;}
ul.discList li {list-style-type: disc; list-style-position:outside; margin: 4px 0px 4px 10px; padding: auto;}

.clear		{clear: both;}

.error {color: Red; font-size: 1.1em; font-weight: bold; margin-left: 10px;}

.fixedWidth {font-family: "Courier New", Courier, monospace;}

.fsForm .rblSex label {display: inline; float: none; padding-right: 5px; padding-left: 5px;}

#ctl00_contentMainColumn_brochure label {width: 300px; padding: 0px;}

#diashow {text-align: center; background: #366FBC; position: absolute; bottom: 0px; left: 0px; width: 320px;}
#diashow a {font-weight: bold; color: #FFF; text-decoration: none; line-height: 30px;}

.margin200 {margin-left:200px;}

#imgNews {float: right; margin-left: 10px; margin-bottom: 10px;}