/* @override http://int.acc.www.telegraaf.nl/css/reiskrant.css */

/* @group orig */

#header {
	background:#FFCC66;
}

.subtint {
	background:#FFE6B3;
}

.level3_nav {
	display: block;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	height:21px;
	width:692px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #fff;
	background-image:url(/graphics/reiskrant/bg_nav3_reiskrant.jpg);
}

.level3_nav .leveldriewrapper {
	height:21px;
	margin:auto;
	overflow:hidden;
	text-align:center;
}

.level3_nav .leveldriewrapper .leveldrieitem {
	font:bold 11px Arial, Verdana, Helvetica;
	float:left;
	height:21px;
}

.level3_nav .leveldrieitem a {
	background-image:url(/graphics/reiskrant/bg_nav3_reiskrant.jpg);
	border:none;
	color:#fff !important;
	float:left;
	height:21px;
	line-height:20px;
	padding:0 10px;
	text-decoration:none !important;
	text-transform: uppercase;
}

.leveldrieitem a:hover{
	background-image: url(/graphics/reiskrant/hover_nav3_reiskrant.jpg) !important;
}

.leveldrieitem a.selekt{
	background-image: url(/graphics/privehover_level_1.gif) !important;
	outline: 0;
}

.sep {
	background-image: url(/graphics/reiskrant/sep.gif) !important;
}

.lm_header {
	position: relative;
	background: #ffe6b3 !important;
	padding: 5px !important;
	margin:0px;
}

#Reiskrantreporter #newkiosk	 {display: none;}

/* Overrule advertorial/teaser colors */

.tos-advertorial {
    background-color: #FFE6B3;
}
.tos-advertorial .tos-text a, .tos-advertorial .tos-text a:link, .tos-advertorial .tos-text a:visited, .tos-advertorial .tos-text a:hover {
    color: #BD730D;
}

#parenSectionHeaderdiv {
	float:none;
	top:30px;
}

/*
 * Blok bovenaan
 */

.top_sectie_blok {
  clear:left;
  margin-top:10px;
  margin-right:10px; 
  position:relative;
}

#top_wrapper {
	position: relative;
	cursor: pointer;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.top_sectie_blok .top_image {
	position: relative;
	display:block;
	width:677px;
	height:280px;
}

.top_sectie_blok .contentOverlay {
	width: 450px;
	right: 0;
	z-index:2000;
	padding:10px;
}

.top_sectie_blok .content {
  position: absolute;
  width: 170px;
  top: 10px;
  right: 0;
}

.top_sectie_blok {
	width:640px;
}

.row {
  margin-bottom:0px;
}

.top_sectie_blok h1 {
	position: absolute;
	display: inline-block;
	font-size: 24px;
	top: -5px;
	right: 0;
}

.top_sectie_blok h1 span {
	display: block;
	margin-bottom:5px;
}

.top_sectie_blok p {
	line-height: 1.2em;
	margin: 0 0 15px 0;
}

.top_sectie_blok a {
	color: #fff;
}

.top_sectie_blok a img {
	float: none;
}
.summaryWrapper .zaktxt, #top_wrapper .contentOverlay p{
  display:none;
}
#top_wrapper .contentOverlay h1 p {
  display:block;
}

#zaazooWidget h2 {
  font-size:23px;
}

.vertical_compact .powered_by {
        display: none;
}

.searchbox {
        border: 0 !important;
}

.thirdnav-select {
	position: relative;
	overflow: hidden;
	text-align: left;
	padding: 10px;
	background-color:#FFF;
	border:0px;
	height:160px;
}
.thirdnav-select h3 {
	color: #326598;
	font-size:20px;
	padding-top: 0;
	padding-bottom: 10px;
	font-weight:normal;
}
.thirdnav-select select {
	width:260px;
	border-color:#B8B8B8 #D9D9D9 #E6E6E6;
	border-style:solid;
	border-width:1px;
	display:block;
	padding:2px 2px 2px 3px;
}

.thirdnav-select label {
	color: #343434;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
}

.thirdnav-select .searchbox_submit {
	-moz-border-radius:5px 5px 5px 5px;
	background: #326598 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAYAAADtlXTHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAElJREFUeNpszMsKgDAQQ9EoiK2Pb/dfq9THZvTOYqDg5hBIiMxs6yU9cEGFI9iD0ha+O+HW99KRDDwNMEKGCRZYf/Bijl16BRgAxIQUwYk1wIAAAAAASUVORK5CYII=") repeat-x scroll 0 0;
	border:1px solid #2677AE;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#FFFFFF;
	display:inline;
	float:right;
	font-family:Arial;
	font-size:17px;
	font-weight:bold;
	margin:10px 0 0;
	padding:2px 4px!important;
	behavior: url(/css/PIE.htc);
	
	position: absolute;
	bottom: 9px;
	right: 10px;
	width: 78px;
	
}

div.zaktxt span.reactions {
       vertical-align: text-top;
}

/* @group Zoek form */


div#region, div#city {
	position: relative;
	overflow: hidden;
	margin-top: 10px;
}

div.city label {
        margin-left: 6px;
}

#artikelKolom div.results.clear div.listing h3 {
        margin: 0!important;
}

div.results img.list_img {
        border: none;
        float: left;
        margin-right: 7px;
        padding-top: 3px;
}

/*h4.destination {
        margin: 0!important;
        padding: 0!important;
        font-size: 13px;
        margin-bottom: .85em!important;
        color: #424242;
        font-weight: normal;
}*/


div#region, div#city, div#country {
	margin-top: 2px;
}

select#countrysel {
	width: 100%;
}

select#regionsel, select#citysel {
	width: 135px;
}

div#region {
	float: left;
	clear:both;
}

div#city {
	float: right;
	clear: right;
}

/* @end */

#artikel h2.chapeau {
	float:right;
	margin:5px 0;
}

.artikelBottomTekst {
	font-style:italic;
}

#main div.element1 div.results h3 {
	line-height: 1.2em;
	margin: 0;
}

div.results a, div.results a:link, div.results a:visited {
	text-decoration: none;
	color: #326598;
}

div.results h2 {
	margin: 0 0 10px 0;
	font-size: 22px;
	/*color: #326598;*/
	line-height: auto;
	font-weight: normal;
}

div.results h2 a:link, div.results h2 a:visited  {
	color: #326598!important;
}

div.results, div.results div.listing {
	position: relative;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

div.listing.over {
	background-color: #EAEAEA !important;
}

div.results div.listing {
	display: block;
	margin-bottom: 10px;
}

div.results img.list_img {
	border: none;
	float: left;
	margin-right: 10px;
	padding-top: 3px;
}

div.results div.listing h3, div.results p.meer {
	position: relative;
	overflow: hidden;
	color: #326598;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.2em;
	margin: 0 0 .5em 0;
	padding: 0;
	text-decoration: none;
}

div.results div.listing p {
	position: relative;
	overflow: hidden;
	/*margin: 5px 0 0 0;*/
	margin:0px;
	padding: 0;
}

div.results .last {
	margin: 0!important;
}

div.results p.meer {
	text-align: right;	
	margin: 10px 0 0 0;
	padding-right: 5px;
}

div.results img a:link {
	border: 0px;
}

div.pagenav ul {
	list-style: none;
}

div.pagenav ul li {
	display: inline;
	margin: 5px;
}

/* @end */

/* @group Overrides */
#rightbar .poll-form {
	margin: 0;
}

/* begin TOERISTIEK: James added CSS main.css*/

/* @group core */

#wrapper {
	position: relative;
	overflow: hidden;
	width: 960px;
	margin: 0 auto;
}

.sectionHead {
	display: block;
	position: relative;
	overflow: visible;
	margin: 0 0 0 0;
	padding-bottom: 10px;
}

.sectionHead h2 {
	position: relative;
	overflow: hidden;
	height: 22px;
	right: 0;
	top: 0;
	margin: 0 0 5px 0;
	padding: 0;
}

div.travelinfo #Characteristics img {
	margin: 5px 10px 0 0!important;	
}


div.travelinfo {
	position: relative;
	overflow: hidden;
	background: transparent url(../graphics/reiskrant/orangeline.png) repeat-x 0 23px;
}

#content {
	position: relative;
	overflow: visible;
	float: right;
	width: 470px;
}

.lower40 {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.lower40 img {
	margin: 10px 0 0 -25px;
}

.sectionHead p {
	display: inline-block;
	margin: 0px 0 0 0;
	padding: 0px 10px 0 0;
	background-color: white;
}


/* @end */

/* @group ul menu */

div.travelinfo ul.menu {
	/*top: 30px;
	left: 0;*/
	position: relative;
	float: left;
	display: block;
	margin-top: 30px!important;
	margin-bottom: 30px;
}

div.travelinfo ul.menu, div.travelinfo ul.menu ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
	width: 150px; 
}

div.travelinfo ul.menu a {
  display: block;
  text-decoration: none;	
}

div.travelinfo ul.menu li {
  margin-top: 1px;
}

div.travelinfo ul.menu li a, div.travelinfo ul.menu ul.menu li a {
  background: #d5e6fa;
  color: #069;
  font-weight: bold;	
  padding: 2px 5px 3px;
  /*font-size: 12px;*/
}

div.travelinfo ul.menu li a:hover, div.travelinfo ul.menu ul.menu li a:hover {
  background: #069;
  color: #fff;
}

div.travelinfo ul.menu li ul li a, div.travelinfo ul.menu ul.menu li ul li a {
  background: #fff;
  color: #333;
  padding-left: 10px;
}

div.travelinfo ul.menu li ul li a:hover, div.travelinfo ul.menu ul.menu li ul li a:hover {
  background: #d5e6fa;
  color: #333;
  /*border-left: 5px #069 solid;  /*padding-left: 5px;*/
}

div.travelinfo ul.menu ul.menu li a:hover {
    border-left: 0;
    padding-left: 0.5em;
}
div.travelinfo ul.menu ul.menu {
    border-left: 5px #f00 solid;
}
div.travelinfo ul.menu a.active, div.travelinfo ul.menu ul.menu li a.active, div.travelinfo ul.menu a.active:hover, div.travelinfo ul.menu ul.menu li a.active:hover {
    /*text-decoration: underline;*/
	background: #069;
	color:#fff;
    /*background: #eca332;*/
}
div.panel {
    border: 1px #000 solid;
    padding: 5px;
    margin-top: 1px;
}

div.travelinfo ul.menu div.panel a, div.travelinfo ul.menu div.panel li a:hover  {
    display :inline;
    color: #666;
    background: none;
    margin: 0;
    padding: 0;
    border: none;
    font-weight: bold;
}
div.travelinfo ul.menu div.panel a:hover {
    color: #000;
    /*text-decoration: underline;*/
}

/* @end */

/* @group nested classes */

div.travelinfo .selected {
  background: #d5e6fa;
  color: #006699!important;
  border-left: 5px #069 solid;
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.indent3 { padding-left: 3em; }
.indent4 { padding-left: 4em; }
.indent5 { padding-left: 5em; }
.indent6 { padding-left: 6em; }
.indent7 { padding-left: 7em; }
.indent8 { padding-left: 8em; }
.indent9 { padding-left: 9em; }
.indent10 { padding-left: 10em; }

/* @end */

/* end TOERISTIEK: James added CSS main.css */

/* begin TOERISTIEK: James added CSS basis.css */

div.travelinfo table {
	width: 100%;
}

div.travelinfo table td {
	vertical-align: top;
	padding-bottom: 3px;
	padding-top: 3px;
	border-bottom: 1px dotted #ddd;
}


div.travelinfo table td.label {
	width: 90px;
	padding-right: 10px;
	text-transform: capitalize;
	color: #666666;
}

div.travelinfo h1 {
	position: absolute;
	right: 01px;
	top: -5px;
	color: #d5e6fa;
}

div.travelinfo  h1 em {
	/*font-size: .8em;*/
	color: #e3e3e3;
}

div.travelinfo h2 {
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0 0 10px;
	width: 100%;
	height: 1.1em;
	top: 2px;
	left: 0px;
}

div.travelinfo h3, 
div.travelinfo h4 {
	display: block;
	color: #6e6e6e;
	position: relative;
	overflow: hidden;
}

div.travelinfo p {
	padding-right: 10px;
	margin-bottom: 10px!important;
}

/* end TOERISTIEK: James added CSS basis.css */

/* begin TOERISTIEK: James added CSS reiskrant_add.css */

div.practical_box {
	position: relative;
	overflow: hidden;
	width: 470px;
	margin-top: 10px;
	border: 1px solid orange;
	border-right: none;
	border-left: none;
}

div.practical_box * {
	/*reset internal containers/blocks*/
	margin: 0;
	padding: 0;
}

div.practical_box p, div.practical_box li a:link {
	color: #333333;
}

div.practical_box h2, 
div.practical_box h3, 
div.practical_box h4,
h2.destination,
h4.destination,
.sectionHead h2 {
	font-weight: normal;
	color: #4b6f93;
}

h2.trlist {
	border-top: 1px solid orange;
	margin-top: 0px !important;
	padding-top: 7px;
}

div.practical_box ul {
	margin-top: 7px;
	list-style-type: none;
}

div.practical_box li:hover {
	background-color: #e2e7ed;
}

div.practical_box li a:hover {
	text-decoration: none;
}

div.practical_box li img {
	float: left;
	margin: 2px 8px 0 2px;
}

div.practical_box h2, h2.destination, h4.destination, .sectionHead h2 {
	display: block;
	position: relative;
	overflow: hidden;
	font-size: 21px;
	margin-top: 7px;
}

div.practical_box h3 {
	display: none;
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: -5px;
	color: #4e4e4e;
}

div.practical_box li {
	position: relative;
	overflow: hidden;
	margin-bottom: 6px;
}

div.practical_box li h4 {
	margin-top: 1px;
	margin-bottom: 0px;	
}

div.top5dest {
	width: 280px;
	margin-bottom: 10px;
	height: auto;
}

div.top5dest ul {
	list-style-type: none;
	margin: 0 !important;
	padding: 0 !important;
}

div.top5dest img {
	width: 40px;
	float: left;
	margin-right: 15px;
}

div.top5dest h4 {
	margin-top: 5px;
	color: #4B6F93;
	font-weight: normal;
}

div.top5dest h3 {
	margin-bottom: 10px;
	padding-bottom: 0px;
}

div.top5dest li {
	margin: 0 !important;
	padding-top: 5px;
	padding-bottom: 5px;
	overflow: hidden;
	position: relative;
	border-color: #E5E5E5;
	border-style: dotted none none;
	border-width: 1px;
}

div.top5dest * {
	margin: 0;
	padding: 0;
}

div.top5dest .over {
	background-color: #EAEAEA !important;
}

div.top5dest a {
	text-decoration: none;
}

div#main div#artikel h2.destination {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 10px;
	padding: 0;
}

 /*end TOERISTIEK: James added CSS reiskrant_add.css*/ 

/* @end */

/* @group Zazoo & Button Links */

div.extralink_left, a.buttonlink {
	display: inline-block;
	position: relative;
	overflow: hidden;
	padding: 0 6px;
	border-radius: 4px;
	border: 1px solid #cbdeee;
	background-color: #d5e9f9;

}

ul.extra_links {
	padding-right: 0!important;
	width: auto!important;	
}

div.extralink_left {
	bottom: -5px;
	right: 0px;
	float: right;
}

div.extralink_left:hover, a.buttonlink:hover {
	background-color: #99b2cc;
	color: #ffffff;
	text-decoration: none; !important
}

a.buttonlink:link, a.buttonlink:visited {
	padding: 3px 6px;
	float: right;
	margin-bottom: 5px;
	font-size: 12px;
}

/* @end */

/* Continental */

#continental .twtr-widget h4 {
        font-size: 14px!important;
}

/** Hide search options hotels,ships,boats **/
#searchbox2_radio_pre_selection_hs_hotels,
#searchbox2_radio_pre_selection_vrs_ships,
#searchbox2_radio_pre_selection_vrs_boats,
label[for="searchbox2_radio_pre_selection_hs_hotels"],
label[for="searchbox2_radio_pre_selection_vrs_ships"],
label[for="searchbox2_radio_pre_selection_vrs_boats"]
{
display: none !important;
}

