/*############################################################################*/
/*# SNIP_ROUTEPLANNER */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	font: normal 12px Arial, sans-serif;
	line-height: 20px;
}
input[type="text"], select {
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-o-border-radius: 3px 3px 3px 3px;
	-ms-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	border: 1px solid #c0c0c0;
	margin: 2px 3px 0 0;
	color: Blue;
}
footer {
	font: 11px Arial, sans-serif;
	color: black;
	font-weight: bold;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}
body.error404	{ 
	background: url("../img/fullscreen_bg.gif") repeat-x top left;
	width: 980px;
	margin: 0 auto; 
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

h1 {
	 
}
h2 {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 16px;
	color: #000;
}

h3 {
	margin: 0px;
	padding: 0px 0px 3px 0px;
	font-weight: bold;
	font-size: 14px;
	color: #000;
}
input.calendaredit 
{
	width:140px!important;
	display: block!important;
	background: url('../img/calendar.png') 125px no-repeat;
	background-size: 16px 16px;
}
.lt-ie9 input.calendaredit { background-image:url('../img/calendar-16.png'); }

a
.hidden {
	display:none!important;
}
.nopadding {
	padding:0!important;
}
.rmargin 
{
	margin-right: 15px;
}
div#fullscreen {
	background: #FFF url('../img/fullscreen_bg.gif') repeat-x left top;
}

div#site {
	width: 1220px;
	margin: 0 auto;

}
div#printsite {
	width: 680px;
	margin: 0 auto;

}
div#header{
	height: 100px;
	text-align: left;
	margin: 0 0 20px 0;
}
div#menu {
	float: left;
	width: 814px;
	height: 44px;
	padding-top: 56px;
}
a.logo_link, a.logo_link:hover {
	float: right;
	display: block;
	width: 78px;
	height: 77px;
	margin: 14px 0px 0px 0px;
	text-decoration: none;
}

a img { border: 0px none;}

table.hundred { width: 314px; }
table.hundredfind { width: 314px; }
table.hundredmargin { width: 314px; margin-top: 10px;}
table.hundred td { vertical-align: middle; }

div#route-widget {
	display: inline;
	float: left;
	width: 376px;
}
div#routeplannermenu_top {
	display: block;
	width: 376px;
	height: 10px;
	background: url('../img/routeplannermenu_top.png') no-repeat left top;
}
div#routeplannermenu {
	display: block;
	width: 356px;
	height: 612px;
	min-height: 612px;
	padding: 0px 10px;
	background: url('../img/routeplannermenu.gif') repeat-y;
	background-repeat: repeat-y;
	overflow: hidden;
}
div#step1_head a
,div#step2_head a
,div#step3_head a
,div#step4_head a
,div#step5_head a {
	clear: both;
	display: block;
	width: 316px;
	line-height: 34px;
	color: #ffffff;
	text-align: left;
	font-weight: bold;
	text-decoration: none;
	font-size: 17px;
	padding-left: 40px;
}
div#step1_head a {
	background: #FFF url('../img/routeplannermenu_step1.png') no-repeat left top;
}
div#step1_head.active a {
	background: #FFF url('../img/routeplannermenu_step1-active.png') no-repeat left top;
}
div#step2_head a {
	background: #FFF url('../img/routeplannermenu_step2.png') no-repeat left top;
}
div#step2_head.active a {
	background: #FFF url('../img/routeplannermenu_step2-active.png') no-repeat left top;
}
div#step3_head a {
	background: #FFF url('../img/routeplannermenu_step3.png') no-repeat left top;
}
div#step3_head.active a {
	background: #FFF url('../img/routeplannermenu_step3-active.png') no-repeat left top;
}
div#step4_head a {
	background: #FFF url('../img/routeplannermenu_step4.png') no-repeat left top;
}
div#step4_head.active a {
	background:	#FFF url('../img/routeplannermenu_step4-active.png') no-repeat left top;
}
div#step5_head a {
	background: #FFF url('../img/routeplannermenu_step5.png') no-repeat left top;
}
div#step5_head.active a {
	background: #FFF url('../img/routeplannermenu_step5-active.png') no-repeat left top;
}

div.expandtop {
	display: block;
	height: 27px;
	text-align: right;
}
div.expandstep3 {
	margin-right: 18px;
}
div.first {
	clear: both;
	width: 316px;
	margin-bottom: -20px;
}
div.expandtop a {
	color: #666666;
	font-size: 10px;
	text-decoration: underline;
	margin-right: 2px;
}
div.expandtop a:hover {
	color: #666666;
	text-decoration: none;
}
a.help {
	display: inline-block;
	width: 26px;
	height: 22px;
	background: url('../img/helpbtn.png') no-repeat right center;
	vertical-align: middle;
}
div.routedetail_toelichting {
    float: right;
}
div.routedetail_toelichting a:link, div.routedetail_toelichting a:visited {
    color: #666666;
	font-size: 10px;
}
div.expandtop a.help {
	display: inline-block;
	width: 26px;
	height: 27px;
	background: url('../img/helpbtn.png') no-repeat left top;
	vertical-align: middle;
}
div.erase-left a.help {
	display: inline-block;
	width: 22px;
	height: 22px;
	background: url('../img/helpbtn-small.png') no-repeat left top;
	vertical-align: middle;
	margin-left: 7px;
}
div#routeplannermenu div.expand {
	display: block;
	width: 320px;
	height: 464px;
	padding: 7px 18px;
	text-align: left;
	position: relative;
}
div#routeplannermenu div.expandthird {
	width: 338px;
	padding: 7px 0px 7px 18px;
}
div.welcomefrommail {
	display: none;
	line-height: 16px;
}
div.routewrapper {
	height: 226px;
	width: 338px;
	overflow: hidden;
	overflow-y: auto;
}
div.routewrapper_small {
	height: 270px;
}

div.expand ul {
	margin-left: 0px;
	padding-left: 0px;
}
div.expand li {
	display: block;
	float: left;
	list-style-type: none;
	width: 315px;
	padding-right: 1px;
	line-height: 27px;
	height: 35px;
	border-bottom: 1px solid #dedede;
	overflow: hidden;
}
div.clearfix {
	clear: both;
	width: 315px;
	height: 1px;
	line-height: 1px;
}
li.lastpoint {
	border-bottom: none;
}
li img {
	vertical-align: middle;
}

img.mappoint {
	margin-right: 11px;
	cursor: pointer;
}
div.pointleft {
	width: 210px;
	height: 27px;
	line-height: 27px;
	padding: 4px 0px;
	float: left;
	overflow:hidden;
}
div.pointright {
	width: 96px;
	height: 27px;
	line-height: 24px;
	padding: 6px 0px 3px 0px;
	float: right;
	background: url('../img/routelist/tableback.jpg') repeat-y left top;
}
ul.locationlist a {
	text-decoration: none;
	color: #666666;
}
.drag {
	background: #EAEAEA;
}
ul.locationlist li img.handle {
	cursor: move;
}

span.lockm, span.loctime 
{
	display: inline-block; 
	width: 32px;
	height: 24px;
	overflow: hidden;
}

span.lockm { margin-right: 3px; padding-right: 3px; }
#step3_content div.optionsholder {
	display: block;
	margin-right: 22px;
}
#step3_content div.options-left {
	float: left;
	width: 197px;
	padding: 8px 0px 8px 5px;
	height: 22px;
	border-top: 1px solid #dedede;
}
#step3_content div.options-right {
	float: right;
	width: 114px;
	padding: 9px 0px;
	height: 20px;
	border-top: 1px solid #dedede;
}
a.greybtn-small {
	display: inline-block;
	width: 114px;
	height: 20px;
	background: url('../img/greybtn.png') repeat-x left center;	/*greybtn_small*/
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	padding-top: 3px;
	cursor: pointer;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
div.expand a.greybtn-small-right {
	display: inline-block;
	float: right;
	width: 114px;
	height: 20px;
	margin-bottom: 8px;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background: url('../img/greybtn.png') repeat-x left center; /*greybtn_small*/
	cursor: pointer;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
div.expand a.greybtn-large-left {
	display: inline-block;
	float: left;
	width: 196px;
	height: 20px;
	margin-bottom: 8px;
	background: url('../img/greybtn.png') repeat-x left center; /*greybtn_large*/
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
p.printsend {
	margin-bottom: 8px;
}
div#carroute {
	height: 23px;
}
div#carroute input, input#routename {
	cursor: pointer;
}
div#carroute input {
	display: inline-block;
	width: 155px;
	height: 20px;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border: none;
	background: url('../img/greybtn.png') repeat-x left center; /*greybtn-medium*/
	cursor: pointer;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
input#carroute-planleft {
	float: left;
}
input#carroute-planright {
	float: right;
}
div.divider {
	width: 320px;
	height: 1px;
	border-bottom: 1px solid #b1b1b1;
	margin-bottom: 5px;
	clear: both;
	overflow: hidden;
}
div.routeinfo{
	width: 318px;
	min-height: 90px;
	font-size: 13px;
	text-align: center;
	background: #f7f7f7;
	border: 1px solid #b2b2b2;
	margin-bottom: 6px;
}
a.plan 
{
	float : right;
	display: inline-block;
	background: url('../img/nextstepbtn.png');
	width: 114px;
	line-height: 24px;
	margin-top: 4px;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}


div.find-widget 
{
	padding-top: 0px;
	margin-right: 22px;
}
div#find-widget-bar,
div#find-widget-start,
div#find-widget-end 
{
	background: url('../img/mapBar/mapbar_search_route.png') no-repeat left top;
	margin: 0px;
	padding: 0px;
	width: 188px;
	height:35px;
}


div.bar_open_img {
	background: url("../img/mapBar/mapbar_open.png") no-repeat left top;
}
div.bar_open_return {
	background: url("../img/mapBar/mapbar_returntoroute.png") no-repeat left top;
}
div.find-widget span.firstchoice 
{
	width:230px; 
	position:relative;
	float:left; 
	margin-bottom:10px;
} 
div.find-widget span.routepoint 
{
	position:relative;
	float:left; 
	margin-right:5px; 
	font-weight:bold;
}
div.routeinfo table {
	margin: 2px;
}
div.routeinfo th, div.routeinfo td {
	text-align: left;
	vertical-align: top;
	padding: 4px;
	line-height: 16px;
	min-height: 16px;
}
div.routeinfo th {
	width: 80px;
}
div.routeinfo td {
	width: 226px;
}
div#printsend {
	display: block;
	width: 320px;
	height: 150px;
	overflow: hidden;
}
input#routename {
	display: block;
	width: 310px;
	float: left;
	border: 1px solid #B2B2B2;
	margin-top: 1px;
	padding: 2px 4px;
	margin-bottom: 5px;
	background: url('../img/input-routename.png');
	cursor: auto;
}
div.bar_help {
	padding: 5px 0 0 5px;
}


/*BUTTON WIDTH OVERRIDES*/
input#Btn_addAttr, input#Btn_addScore, input#Btn_addReview, input#Btn_saveAttr, input#Btn_cancelAttr, input#Btn_saveScore, input#Btn_cancelScore, input#Btn_saveReview, input#Btn_cancelReview {
	margin-top: 0.5em;
}

input#step1_manual, input#step5_manual {
	float: Left;
	width: 114px;
}
input#step1_list, input#step5_list {
	float: right;
	width: 155px;
	background: url('../img/greybtn.png') repeat-x left center; /*greybtn-medium.png*/
	height: 20px;
	cursor: pointer;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
input#routename-email,
input#routename-save,
input#saveroute,
input#savecancel {
	display: inline-block;
	height: 20px;
	padding-bottom: 20px;
	margin-bottom: 8px;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 18px;
	border: none;
	cursor: pointer;
	background: url('../img/routeplanner_small_btn.png') no-repeat left top;
}
input#routename-print {
	display: inline-block;
	height: 20px;
	margin: 2px 0px 8px 0px;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border: none;
	background: url('../img/greybtn.png') repeat-x left center;
	width: 155px;
	float: none;
	cursor: pointer;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
input#routename-save, input#routename-email {
	float: right;
	width: 100px;
}

input#savecancel {
	float: left;
	width: 100px;
}
input#routename-save {
	margin-right: 5px
}
input#saveroute,
input#routename-email {
	float: left;
	width: 110px;
	background: url('../img/routeplanner_medium_btn.png') no-repeat left top;
}
input#saveroute {
	float: right;
}
input#saveroute, input#savecancel {
	margin-top: 8px;
}

div#routeplannermenu div.expandfirst	{
	width: 356px;
	height: 471px;
	padding: 7px 0px 0px 0px;
	text-align: left;
	overflow: hidden;
}
div.expandfirst div.expandfirstpad {
	width: 316px;
	padding: 0px 20px;
}
div.expandfirst h2
,div.expand h2 {
	color: #0054a6;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 6px;
	display: block;
	height: 1.3em;
	overflow: hidden;
}
div.expandfirst h3, div.expand h3 {
	color: #0054a6;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0px;
	
}
div.expandfirst div.hint, div.expand div.hint {
	width: 314px;
	line-height: 32px;
	height: 32px;
	font-size: 13px;
	margin-bottom: 6px;
	text-align: center;
	background: #f7f7f7;
	border: 1px solid #b2b2b2;
}
div.expandfirst p, div.expand p {
	margin-top: 0px;
}
div.subselections div.point-info,
div.subselections div.routefilter {
	display: block;
	width: 316px;
	margin-top: 5px;
}
div.find-widget { display: block; }
div.subselections .find-widget
div.subselections div.point-info,
div.subselections div.routefilter {
	margin-top: 0px;
	line-height: 24px;
	height: 48px;
	border-bottom: 1px solid #dedede;
}

div.subselections div.point-info
{
	width: 314px;
	line-height: 32px;
	height: 32px;
	font-size: 13px;
	margin-bottom: 6px;
	text-align: center;
	background: #f7f7f7;
	border: 1px solid #b2b2b2;
}
div.printsend input.find-text,
div.find-widget input.find-text,
div.expand form input#find-text{
	display: inline-block;
	line-height: 20px;
	border: 1px solid #B2B2B2;
	margin-top: 1px;
	height: 18px;
	padding: 0px 4px;
}
input.floatright { float: right; }
input.unselected {
	color: #999999 !important;
	font-weight: normal !important; 
	font-style: italic; 
}


div.find-widget input.find-text { width: 225px; padding: 1px; margin-top: 0px; }
div.find-widget div.find-error p,
div.find-widget div.find-result p
{
	display: block;
	font-weight:bold;
}
div.find-result, div.find-error { display: block; }
div.find-description { display: block; margin-top: 10px;}
div.find-error p {
	color : #FF0000;
}
input.find-button, input#find-button,
div.expand form input#find-button,
div.expandfirst .find_widget_selectie input.search, 
div.subselections div.point-info input.del-info,
input.search{
}

div.find-result input, div.find-error input { 
	width: 155px;
	height: 20px;
	display: inline-block;
	border: 0px none;
	line-height: 18px;
	background: url('../img/greybtn.png') repeat-x left center;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 0px none;
	height: 20px;
}
div.find-result input.find-select { float: left; }
div.find-result input.find-clear, div.find-error input.find-clear { float: right; }



div#find-next { height: 60px; overflow: hidden; }
div.find_widget_selectie {  }
div.find_widget_selectie input.search { float: right; }
div.find_widget_selectie table { width: 100%; }
div.find_widget_selectie table td { padding-bottom: 2px; }
span.selectie_titel { display: inline-block; line-height: 20px; }
div.expandfirst div.routelist-options {
	width: 100%;
	padding: 5px 0px 0px 0px;
}
div.expandfirst div.routelist-options div {
	margin-bottom: 1px;
}
div.expandfirst div.routelist-options input.searchbutton {
	float: right;
}
div.expandfirst div.routelist-options input.search {
	float: right;
	margin-top: 5px;
}
div.subselections ul.routelist {
	height:						160px;
	overflow:					auto;	
	 overflow-x:					hidden;
}
div.find-widget input.find-text, div.expand form input#find-text {
	width: 232px;
	 line-height: 1.2em;
	background: url('../img/mapsearch-input.png') repeat-x;
}
div#find-widget-bar input.find-text,
div#find-widget-start input.find-text,  
div#find-widget-end input.find-text 
{
	border-color: inherit;
	border: 0px none;
	margin-top: 7px;
	margin-left: 7px;
	width: 160px;
	background: none;
	}
div#find-widget-bar input.find-text {
	width: 155px;
}
div#find-widget-bar div.find-button,
div#find-widget-start div.find-button,
div#find-widget-end div.find-button   
{
	 border-color: inherit;
	 border: 0px none;
	 margin-top:7px;
	 margin-left:7px;
	 width : 25px;
	 background: none;
	 float:right;
}

div.expandfirst div.previousnext {
	width: 314px;
	height: 29px;
	border-top: 1px solid #b2b2b2;
}

div.expand div.previousnextstep2 {
	clear: both;
	position: absolute;
	left: 20px;
	bottom: 12px;
	width: 314px;
	z-index: 30;
	height: 29px;
	border-top: 1px solid #dedede;
}
div.expand div.previousnextstep3 {
	clear: both;
	position: absolute;
	left: 20px;
	bottom: 12px;
	width: 314px;
	z-index: 30;
	height: 29px;
	border-top: 1px solid #dedede;
}
div.expand div.previousnextstep4 {
	clear: both;
	position: absolute;
	left: 20px;
	bottom: 14px;
	width: 314px;
	z-index: 30;
	height: 29px;
	margin-top: 78px;
	border-top: 1px solid #dedede;
}
div.previousnextlarge {
	width: 320px;
	height: 29px;
	margin-top: 28px;
	border-top: 1px solid #b2b2b2;
}
div.previousnext a.manual {
	display: inline-block;
	float: left;
	background: url('../img/manualbtn.png');
	width: 150px;
	line-height: 24px;
	margin-top: 4px;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
div.previousnextlarge a.next, div.previousnext a.next, 
div.previousnextlarge a.previous, 
div.previousnext a.previous, div.previousnextstep3 a.previous, 
div.previousnextstep3 a.next{
	display: inline-block;
	line-height: 24px;
	border: 0px none;
	background: url('../img/nextstepbtn.png');
	width: 114px;
	margin-top: 4px;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
div.previousnext a.previous, div.previousnextlarge a.previous, div.previousnextstep3 a.previous {
	float: left;
}
div.previousnext a.next, div.previousnextlarge a.next, div.previousnextstep3 a.next {
	float: right;
}
div.popdest,div.popdest_clone {
	background: #f6f6f6;
	border-top: 1px solid #B2B2B2;
	padding: 8px 0px 462px 20px;
	margin-top: 0px;
	overflow:hidden;
}
div.popdest_clone {
	padding: 15px 20px 462px 20px;
}
div#step3_lenght { height: 1.5em; overflow: hidden; }
	
div.popdest h3.destinations {
	margin-left: 27px;
	 display: block;
}
div.popdest ul li {
	list-style-type: none;
	margin: 0px;
	padding-top: 3px;
	text-decoration: underline;
}

div.popdest ul a {
	color: #666666;
}
div.expand div.subselections {
	width: 316px;
	 /*height:										 242px;*/ /* = 3x34 + 140 */
	margin: 20px 0px 10px 0px;
}
div.subselections div.subselectionexpand ul a {
	color: #666666;	
}
div.subselections div.expandselection a {
	display: block;
	width: 276px;
	font-size: 15px;
	font-weight: bold;
	color: #666666;
	line-height: 34px;
	background: url('../img/sightseeingtab.png') no-repeat left top;
	padding-left: 40px;
	text-decoration: none;
}
div.subselections div.expandselection.active a {
	background: url('../img/sightseeingtab-active.png') no-repeat left top;
}
div.subselections div.subselectionexpand {
	width: 316px;
	height: 299px;
	/*overflow:scroll;	*/
}
div.subselections div.poilist {
	height: 145px;
	overflow: auto;
	overflow-x: hidden;
}
div#poi3_content 
{
	border-bottom: 1px solid #dedede;
}
div.subselections div.startoption {
	/*width:							 336px;*/
	height: 225px;
	overflow: auto;
	 overflow-x: hidden;
}
div.subselectionexpand form {
	display: block;
	width: 316px;
	font-size: 13px;
	margin-top: 0px;
}
div.selecteverything {
	width: 286px;
	height: 30px;
	padding: 5px 5px 0px 1px;
	border-bottom: 1px solid #dedede;
}
label {
	vertical-align: middle;
}
label.fifty {
	width: 47%;
	padding-left: 5px;
	display: inline-block;
}
label input {
	vertical-align: middle;
	margin-right: 4px;
}
div.destination_left { width: 140px; float: left; display: inline-table;}
div.destination_right { margin-bottom: 10px;}
input.tip_btn {
	background: #F6F6F6;
	border: 0px none;
	display: inline;
	color: red;
	font-size: 8pt;
}
div.subselectionexpand div.selectleft {
	width: 138px;
	padding: 0px 5px;
	float: left;
}
div.subselectionexpand div.selectright {
	width: 138px;
	padding: 0px 5px;
	float: right;
}

div#routeplannermenu_bottom {
	width: 376px;
	height: 10px;
	background: url('../img/routeplannermenu_bottom.png') no-repeat left top;
}
div#content_holder-routeplanner 
{
	background: none;	
	display: inline;
	float: left;
	width: 564px;
}
div#content-routeplanner_top {
	background: transparent url('../img/routeplanner-content_top.png') no-repeat left top;
	width: 564px;
	height: 10px;
}
div#content-routeplanner_b {
	background: transparent url('../img/routeplanner-content_b.png') repeat-x left top;
	width: 564px;
	height: 10px;
}
div#content-routeplanner_bl {
	background: transparent url('../img/routeplanner-content_bl.png') no-repeat left top;
	width: 20px;
	height: 10px;
}
div#content-routeplanner_br 
{
	background: transparent url('../img/routeplanner-content_br.png') no-repeat left top;
	width: 20px;
	height: 10px;
}

div#content-routeplanner_t {
	background: transparent url('../img/routeplanner-content_t.png') repeat-x left top;
	width: 564px;
	height: 10px;
}
div#content-routeplanner_tl {
	background: transparent url('../img/routeplanner-content_tl.png') no-repeat left top;
	width: 20px;
	height: 10px;
}
div#content-routeplanner_tr 
{
	background: transparent url('../img/routeplanner-content_tr.png') no-repeat left top;
	width: 20px;
	height: 10px;
}

div#content-routeplanner_ml 
{
	background: transparent url('../img/routeplanner-content_ml.png') repeat-y;
	width: 10px;
	height: 612px;
}
div#content-routeplanner_mr 
{
	background: transparent url('../img/routeplanner-content_mr.png') repeat-y;
	width: 10px;
	height: 612px;
}
div#content-routeplanner_m {
	background: transparent;/* url('../img/routeplanner-content_m.png') repeat-y;*/
	width: 584px;
	height: 612px;
	overflow: hidden;
}

div#content-routeplanner {
	background: transparent url('../img/routeplanner-content.png') repeat-y;
	width: 542px;
	height: 612px;
	padding: 1px 11px;
}


div#content-routeplanner_m div#map {
	position: relative;
	width: 584px;
	height: 612px;
	line-height: 10px;
	text-align: left;
}
div#route_list {}
div#route_list h2 {
	margin-top: 20px;
	margin-left:20px;
}
div.detailholder_top {
	width: 584px;
	height: 10px;
	line-height: 10px;
	font-size: 8px;
	background: url('../img/detailholder_top.png') no-repeat left top;
}
div.detailholder_mid {
	height: 236px;
	overflow: hidden;
	padding: 10px;
}
div.detail_page {
	display: block;
}
div#detail_page1, div#detail_page2, div#detail_page3, div#detail_page4 {
	display: block;
	margin-right: 0px;
	margin: 0px;
	padding: 0px;
}
div#detail_page2_content, div#detail_page3_content {
	display: block;
	margin: 0px; padding: 0px;
}
span.attr_name {
}
div.detailholder_bottom {
	width: 584px;
	height: 10px;
	background: url('../img/detailholdbottom.png') no-repeat left top;
}

/*ROUTE-DETAIL PAGE 1*/
table.selecttype { width: 100%; }
table.selecttype td {	}

div.selecttypeofroute { width: 250px; margin-right: 10px; margin-bottom: 7px; }
	div.selecttypeofroute table { width: 100%; border: 1px solid #DEDEDE; } 
	div.selecttypeofroute thead { background-color:#dedede; font-weight:bold; }
	div.selecttypeofroute td { padding: 3px; line-height: 10px; }

div.selectrouteprovince { width: 130px; margin-right: 10px; margin-bottom: 10px; }
	div.selectrouteprovince table { width: 100%; border: 1px solid #DEDEDE; }
	div.selectrouteprovince thead { background-color:#dedede; font-weight:bold; }
	div.selectrouteprovince td { padding: 2px; }

div.selectroutelandscape { width: 130px; margin-bottom: 10px; }
	div.selectroutelandscape table { width: 100%; border: 1px solid #DEDEDE; } 
	div.selectroutelandscape thead { background-color:#dedede; font-weight:bold; }
	div.selectroutelandscape td { padding: 2px; }
input.selectall { margin-left: 0px; }
img.typeofroute {
	border-bottom: 3px solid #FFF;
	border-right: 3px solid #FFF; }
table.routelistopties td{	}

div#route_filter ul.provincie-list, div#route_filter ul.landschap-list
{
	margin: 0px;
	padding: 0px 0px 0px 4px;
	display: block;
	overflow:scroll;
	overflow-x:hidden;
	list-style-type: none;
	height: 200px; /*change to resize*/
}
div#route_filter ul.provincie-list {
	height: 200px; /*remove to resize*/
}
td.paddingbottom {
	padding-bottom: 4px;
}
div#route_filter li {
	list-style-type: none;
	padding-top: 2px;
}
div#route_filter a.apply {
	float: right; 	
	display: inline-block;
	line-height: 24px;
	border: 0px none;
	background: url('../img/nextstepbtn.png');
	width: 114px;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	margin-top: 3px;
}

div#map_holder {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}

div#map_holder img {
	vertical-align: top;
}

div#routeplanner_overlay {
	position: absolute;
	top: 34px;
	right: 0px;
	z-index: 10;
	width: 188px;
	height: 578px; /*612 - top(34px)*/
	overflow: hidden;
	background: #FFF;
}
div#buienradar_overlay {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
	width: 584px;
	height: 612px;
}
img#buien_img {
}
div#maplegenda {
	background-color: #FFF;
	position:absolute;
	top:0px;
	right:0px;
	width:72px;
	height:14px;
	border: solid 1px black;
	overflow:hidden;
	z-index: 4;
}
div#maplegenda.active {
	width:172px;
	height:138px;	
}

div#legendaheader {
	background:url('../img/legenda/legenda-open.png') no-repeat right top;
	width:100%;
	height:12px;
	text-align:left;
	padding-top:2px;
	 font-weight:bold;
	 cursor:pointer;
	 border-bottom: solid 1px grey;
	 margin-bottom: 4px;
}
div#legendaheader.active {
	background:url('../img/legenda/legenda-close.png') no-repeat right top;
}

div#maplegenda ul {
	margin: 0px;
	padding: 0px 0px 0px 4px;
}

div#maplegenda li {
	float: left;
	height: 24px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	cursor: pointer; 
}
div#maplegenda img {
	margin-right: 6px;
}

div#buien_overlay {
	background: url('../img/buien_btn.png') no-repeat left top;
	position: absolute;
	top: 0px;
	right: 24px;
	z-index: 9;
	width: 22px;
	height: 20px;
	cursor: pointer;
}

div.routeplanner-offer {
	background: #FFF;
	width: 188px;
	height: 578px;
	border-left: 1px solid #b1b1b1;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;		
}

div.routeplanner-offer div.offer-close {
	width: 176px;
	height: 22px;
	line-height: 22px;
	padding: 6px 6px;
	text-align: right;
	border-bottom: 1px solid #b1b1b1;
}
div.routeplanner-offer div.offer-content {
	width: 188px;
	height: 502px;
	overflow: hidden;
}
div.routeplanner-offer h4 {
	line-height: 20px;
	color: #0054A6;
	font-size: 14px;
	font-weight: bold;
	margin: 18px 0px 30px 0px;
}
div.routeplanner-offer h3 {
	font-size: 22px;
	line-height: 26px;
	font-weight: normal;
	margin-bottom: 24px;
}
div.routeplanner-offer div.offer-top {
	width: 178px;
	height: 6px;
	font-size: 0;
	margin: 0 auto;
	background: url('../img/offer-top.png') no-repeat left top;
	overflow: hidden;
}
div.routeplanner-offer div.offer-content-repeat {
	width:	158px;
	height: 168px;
	padding: 11px 10px 8px 10px;
	margin: 0 auto;
	background: url('../images/offer-content-repeat.png') no-repeat left top;
	font-weight: bold;
	overflow: hidden;	
}
div.offer-content-repeat img {
	margin-bottom: 18px;
}
div.routeplanner-offer div.offer-content-blue {
	width: 158px;
	height: 33px;
	padding: 9px 10px 14px 10px;
	margin: 0 auto;
	background: url('../images/offer-content-blue.png') no-repeat left top;
	font-weight: bold;
	color: #fff;
	overflow: hidden;
}
div.offer-content-blue span.offer-new {
	font-size: 14px;
}
div.offer-content-blue span.offer-price {
	font-size: 16px;
	line-height: 24px;
}
div.routeplanner-offer div.offer-bottom {
	width: 178px;
	height: 7px;
	margin: 0 auto;
	background: url('../images/offer-bottom.png') no-repeat left top;
}

div.routeplanner-offer div.routeplanner-offerbottom {
	position: relative;
	bottom: 0px;
	left: 0px;
	width: 102px;
	height: 24px;
	line-height: 24px;
	padding: 5px 43px;
	margin: 0 auto;
	border-top: 1px solid #b1b1b1;
	overflow: hidden;
}
div.routeplanner-offerbottom a.offerbottom-previous {
	float: left;
	vertical-align: middle;
}
div.routeplanner-offerbottom a.offerbottom-next {
	float: right;
}
div.offer-close img {
	vertical-align: middle;
}
div.bottommenu {
	text-align: right;
	padding: 0 15px 0 0;
}
div.bottommenu a {
	color: #666;
	font-size: 8pt;
}



a#map-fullscreen {
	position: absolute;
	top: 558px;
	left: 520px;
	display: block;
	width: 22px;
	height: 20px;
	line-height: 10px;
	z-index: 7;
}
a#map-fullscreen img {
	vertical-align: top;
}

div.pointer-lefttop, div.pointer-righttop, div.pointer-leftbottom, div.pointer-rightbottom {
	width: 194px;
	position: relative;
	left: 20px;
	top: 20px;
}
div.pointer-lefttop div.pointer-top {
	background: url('../images/mappointer-lefttop.png') repeat-y;
	width: 194px;
	height: 29px;
}
div.pointer-righttop div.pointer-top {
	background: url('../images/mappointer-righttop.png') repeat-y;
	width: 194px;
	height: 29px;
}
div.pointer-leftbottom div.pointer-bottom {
	background: url('../images/mappointer-leftbottom.png') repeat-y; 
	width: 194px;
	height: 29px;
}
div.pointer-rightbottom div.pointer-bottom {
	background: url('../images/mappointer-rightbottom.png') repeat-y;
	width: 194px;
	height: 29px;
}
div.pointer-lefttop div.pointer-bottom
,div.pointer-righttop div.pointer-bottom {
	background: url('../images/mappointer-bottom.png') repeat-y; 
	width: 194px;
	height: 21px;
}
div.pointer-leftbottom div.pointer-top
,div.pointer-rightbottom div.pointer-top {
	background: url('../images/mappointer-top.png') repeat-y;
	width: 194px;
	height: 21px;
}
div.pointer {
	background: url('../images/mappointer-middle.png') repeat-y;
	width: 144px;
	padding: 0px 23px;
}
div.pointer h4 {
	color: #0054a6;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 7px;
}
div.pointer p {
 line-height: 16px;
 font-size: 10px;
 margin: 7px 0px;
}

div.pointer div.buttons {
	height: 27px;
	width: 144px;
}

div.pointer a.info {
	display: inline-block;
	float: left;
	width: 94px;
	height: 20px;
	background: url('../images/mappointer-infobtn.png') no-repeat left top;
	color: #ffffff;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	padding-top: 1px;
	margin-top: 4px;
}
div.pointer a.help {
	display: inline-block;
	float: right;
	width: 26px;
	height: 27px;
	background: url('../images/helpbtn.png') no-repeat left top;	
}
div.dropshadow {
	 line-height: 10px;
}
input.showsexampletext {
	color: #999999 !important;
	font-weight: normal !important;	
	font-style: italic; 
}
input.showedittext 
{
	color:Black;
}

#routemenu_floatfixer {
	clear: both;
	width: 100%;
	height: 1px;
}

#routeborder_footerfixer {
	width: 100%;
	height: 74px;
}
/*# /SNIP_ROUTEPLANNER */
/*############################################################################*/
/*# SNIP_ROUTEPLANNER-PRINT */
div#route_contenttop,
div#route_contentbottom {
	margin: 0 auto;
	width: 684px;
	height: 12px;
	line-height: 1px;
}

div#route_content {
	margin: 0 auto;
	width: 660px;
	padding: 12px 12px 0px 12px;
	text-align: left;
	background: url('../images/route_contentbg.png') repeat-y left top;
}

#routetitle {
	font-weight: normal;
	color: #0054A6;
	font-size: 20px;
	line-height: 50px;
	display: inline-block;
	width: 441px;
}
#backtoroutebutton {
	vertical-align: middle;
	cursor: pointer;
}

div#route_printholder {
	width: 660px;
	height: 72px;
	padding: 7px 8px;
	background: url('../images/print_bg.png') no-repeat left top;
}
div#route_print {
	width: 644px;
	height: 56px;
	overflow: hidden;
}
span.print_icon {
	display: inline-block;
	width: 535px;
	height: 62px;
	font: bold 14px arial;
}
span.print_icon img {
	vertical-align: middle;
	margin-right: 8px;
	cursor: pointer;
}
span.print_icon img:hover {
	 cursor: pointer;
}
a.print_btn img {
	vertical-align: middle;
	height: 0px; width: 0px; overflow: hidden;
}

div.top_label_holder,
div.label_holder {
	width: 660px;
	height: 325px;
}
div.top_label_left,
div.top_label_right,
div.label_left,
div.label_right {
	float: left;
	width: 345px;
	height: 324px;
	overflow: hidden;
}
div.top_label_right,
div.label_right {
	width: 310px;
	padding-left: 5px;
}
span.label_title {
	display: block;
	height: 20px;
	padding-left: 5px;
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;

}
div.top_inlabel_left,
div.inlabel_left {
	width: 336px;
	height: 280px;
	padding: 5px;
	background: url('../images/labelleft_bg.png') no-repeat left top;
}
div.labelleft_content,
div.labelright_content {
	display: block;
	height: 226px;
}
/*THE PRINT MOUSEOVER INFORMATION*/
div.labelleft_content .labeltitle { display: block; height: 30px; overflow: hidden; font-weight: bold; font-size: 12pt; color: #0054A6; }
div.labelleft_content .labeldescription { display: block; height: 160px; overflow: hidden; line-height: normal; }
div.labelleft_content .labelbutton { display: block; height: 30px; overflow: hidden; }

div.labelleft_content .labeltitle div{ padding: 10px 10px 0px 10px; }
div.labelleft_content .labeldescription div { padding: 10px 10px 10px 10px; line-height: 1.5em; }
div.labelleft_content .labelbutton div { padding: 0px 10px 0px 10px; text-align: right; }

div.labelleft_content input.input { width: 200px;}
div.labelleft_content div.labeloneliner { display: block; padding: 0px 10px 2px 10px; }
div.labelleft_content span.fixedwidth { width: 70px; display: inline-block; }
div.labelleft_content img.left { float: left; clear: none; margin-right: 5px; }
div.labelleft_content img.superleft { float: left; clear: none; margin: 10px 0px 0px 10px; }
div.labelleft_content img.right { float: right; clear: none; margin-left: 5px; }

div.labelright_content {
	width: 260px;
}

table.left_content {
	width: 290px;
	height: 178px;
}
table.left_content td.leftcontent_title {
	width: 290px;
	height: 30px;
	font-weight: bold;
	font-size: medium;
	color: #0054A6;
}
table.left_content td.leftcontent_subtitle {
	width: 194px;
	height: 20px;
	padding-right: 10px;
	font-weight: bold;
	color: #0054A6;
}
table.left_content td.leftcontent_image {
	width: 86px;
	height: 120px;
	text-align: left;
}
table.left_content td.leftcontent_text {
	width: 194px;
	height: 100px;
	line-height: 16px;
	padding-right: 10px;
	text-align: justify;
}
table.left_content td.leftcontent_button {
	padding-top: 2px;
	text-align: right;
	vertical-align: bottom;
}
table.right_content {
	width: 260px;
	height: 178px;
}
table.right_content td.rightcontent_image {
	width: 60px;
	height: 178px;
}
table.right_content td.rightcontent_image img {
	vertical-align: top;
}
table.right_content td.rightcontent_title {
	width: 200px;
	height: 30px;
}
table.right_content td.rightcontent_subtitle {
	width: 200px;
	height: 20px;
	font-weight: bold;
	color: #0054A6;
}
table.right_content td.rightcontent_text {
	height: 104px;
	line-height: 16px;
	text-align: justify;
}
table.right_content td.rightcontent_button {
	height: 24px;
	text-align: right;
	vertical-align: bottom;
}
div.labelleft_footer
,div.labelright_footer {
	display: block;
	height: 54px;
	color: #FFFFFF;
	font-size: 8pt;
	background: url('../images/label_footer.gif') repeat-x left top;
}
div.labelleft_footer div, div.labelright_footer div { padding: 5px 20px 0px 20px;}
div.labelright_footer {
	width: 260px;
}
div.labelleft_footer a, div.labelright_footer a {
	color: #FFFFFF;
}
sup {
	font-size: 8px;
}

div.top_inlabel_right,
div.inlabel_right {
	width: 300px;
	height: 280px;
	padding: 5px;
	background: url('../images/labelright_bg.png') no-repeat left top;
}
div.routemap_holder {
	width: 660px;
	height: 488px;
	padding-bottom: 12px;
}
div.routemap_top {
	width: 660px;
	height: 5px;
	background: url('../images/routemap_top.png') no-repeat left top;
}
div.routemap_content,
div.overview_content {
	width: 650px;
	padding: 0px 5px;
	line-height: 10px;
	background: url('../images/routemap_bg.png') repeat-y left top;
}
div.routemap_content img {
	vertical-align: top;
}
div.overview_content {
	background: url('../images/overview_bg.png') repeat-y left top;
}

div.routemap_bottom {
	width: 660px;
	height: 5px;
	background: url('../images/routemap_bottom.png') no-repeat left top;
}

div.overview_holder {
	padding-bottom: 12px;
}

table.overview_items {
	width: 650px;
}
table.overview_items td {
	height: 50px;
	text-align: left;
	border-top: solid 1px #C0C0C1;
	vertical-align: middle;
}
table.overview_items tr.route_first td {
	border: 0px;
}
table.overview_items td.route_number {
	width: 36px;
	padding-left: 20px;
}
table.overview_items td.route_icons {
	width: 37px;
	text-align: center;
}
table.overview_items td.route_distance {
	width: 72px;
	padding-left: 16px;
}
table.overview_items td.route_summary {
	width: 469px;
	padding: 4px 0px;
}

div.tips_content {
	width: 330px;
	height: 274px;
}
div.tips_content a {
	color: #666666;
}
div.tips_content img {
	border-bottom: solid 1px #C0C0C1;
}
div#tradedoubler a, div#tradedoubler a:hover {
	display: inline-block;
	width: 277px;
	height: 35px;
	padding: 8px 12px 6px 41px;
	list-style: none;
	line-height: 20px;
	text-decoration: none;
	border-bottom: solid 1px #C0C0C1;
	background: url('../images/tipslist_bullit.png') no-repeat left top;
}
a.tips_list, a.tips_list:hover {
	display: inline-block;
	width: 277px;
	height: 35px;
	padding: 8px 12px 6px 41px;
	list-style: none;
	line-height: 20px;
	text-decoration: none;
	border-bottom: solid 1px #C0C0C1;
	background: url('../images/tipslist_bullit.png') no-repeat left top;
}
span.tipslist_sub {
	padding-left: 20px;
	color: #0054A6;
}
a.tips_list:hover {
	background-color: #F8F8F9;
}

div.cards_content {
	width: 300px;
	height: 274px;
	text-align: center;
}

span.subtitle {
	font-size: 16px;
	font-weight: bold;
	color: #0054A6;
}
span#routetitleedit {
	margin-left: 5px;
}

span.addright {
	font-size: 10px;
	font-style: italic;
	float: right;
	vertical-align: bottom;
}
div.knooppunterpage,
div.bikerpointerpage
,div.fietslabelpage {
	width: 650px;
	height: 850px;
	padding: 0px 5px;
	line-height: 10px;
	padding-top:50px;
}
#knooppunterpage .subtitle
,#bikerpointerpage .subtitle
,#fietslabelpage .subtitle {
	display: inline-block;
	padding-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 8px 0 0;
	color: #666666;
	text-transform: none;
}

#knooppunterpage .subtitle
,#bikerpointerpage .subtitle {
	width: 500px;
}
#fietslabelpage .subtitle {
	width: 450px;
}
.toprinterbutton {
	vertical-align: middle;
	cursor: pointer;
}
div.knooppunterholder
,div.bikerpointerholder
,div.fietslabelholder {
	position: relative;
	float: left;
}
div.knooppunterholder
{
	/*width:								421px;
	height:							 260px;*/
}
div.bikerpointerholder {
	width: 358px;
	height: 520px;
}

div.fietslabelholder {
	margin-left: 155px;
	width: 203px;
	height: 1136px;
}
table.knooppuntertable
,table.bikerpointertable
,table.fietslabeltable {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 20;
}

table.knooppuntertable {
	width: 321px;
	height: 260px;
}
table.bikerpointertable {
	width: 345px;
	height: 520px;
}

table.fietslabeltable {
	width: 195px;
	height: 1136px;
}
img.knooppunterbackground
,img.bikepointerbackground
,img.fietslabelbackground {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
}
img.bikepointerbackground {
	width: 358px;
	height: 520px;
}
img.knooppunterbackground {
	width: 315px;
	height: 254px;
}
img.fietslabelbackground {
	width: 203px;
	height: 1136px;
}
img.bikepointerhelp {
	margin-left: 200px;
	float: left;
}
img.knooppunterhelp {
	margin-left: 350px;
	float: left;
}
img.fietslabelhelp {
	padding-top: 50px;
	margin-left: 200px;
	float: left;
}
table.knooppunterdata td
,table.bikepointerdata td
,table.fietslabeldata td {
	font-weight: bold;
	font-size: 15px;
	color: #000000;
	text-align: center;
	vertical-align: middle;
}

table.bikepointerdata td.number {
	/*background:						rgba(0,255,0,0.5); */ /* for development */
	width: 44px;
	height: 44px;
}

table.knooppunterdata td.number {
	/*background:						rgba(255,255,255,1);*/	/* for development */
	width: 41px;
	height: 32px;
	text-align: left;
	vertical-align: top;
	padding-left: 8px;
	padding-top: 13px;
	border: 1px;
	border-color: #000;	 
}
table.fietslabeldata td.number {
	/*background:						rgba(0,255,0,0.5); */ /* for development */
	width: 36px;
	height: 38px;
}

table.fietslabeldata td {
	vertical-align: middle;
}

/*# /SNIP_ROUTEPLANNER-PRINT */
/*############################################################################*/
/*# SNIP_SPLASH */
div#falk-splash {
	width: 800px;
	height: 600px;
	margin: 0 auto;
	text-align: left;
}
div#splash_shim {
	width: 100%;
	height: 50%;
	margin-top: -300px;
	visibility: hidden;
}
div#splash {
	display: none;
	position: fixed;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	z-index: 20;
	width: 100%;
	background: url('../images/transparency-black-80.png') repeat;
}
div#falk-splash-top {
	width: 800px;
	height: 92px;
	background: url('../images/splash-top.png') no-repeat left top;
}
div#falk-splash-content-repeat {
	width: 780px;
	height: 460px;
	padding: 7px 10px 22px 10px;
	background: url('../images/splash-content-repeat.png') repeat-y;
	overflow: hidden;
}
div#falk-splash-content-repeat div.offer-close {
	width: 773px;
	height: 19px;
	line-height: 19px;
	padding: 6px 6px;
	text-align: right;
}
div#falk-splash-content-repeat div#splash-content {
	width: 720px;
	padding: 0px 30px;
}
div#splash-content h1 {
	line-height: 16px;
	margin-top: 0px;
	font-weight: bold;
	font-size: 16px;
	color: #666666;
}
div#splash-content div#splash-images {
	margin-top: 32px;
	width: 720px;
	text-align: center;
}
div#splash-content div#splash-left {
	display: inline-block;
	float: left;
	width: 393px;
	overflow: hidden;
}
div#splash-left h2 {
	font-size: 16px;
	color: #0054a6;
	margin-top: 7px;
}
div#splash-left p {
	margin-top: 11px;
}
div#falk-splash-bottom {
	width: 800px;
	height: 6px;
	background: url('../images/splash-bottom.png') no-repeat left top;	
}
div#splash-content div#splash-right {
	display: inline-block;
	float: right;
}
div#splash-right div#faq-top {
	width: 300px;
	height: 7px;
	background: url('../images/splash-faq-top.png') no-repeat left top;
	overflow: hidden;
}
div#splash-right div#faq-content-repeat {
	width: 262px;
	padding: 15px 19px;
	background: url('../images/splash-faq-contentrepeat.png') repeat-y;		
}
div#faq-content-repeat h2 {
	margin-left: 8px;
	font-size: 14px;
	color: #0054a6;
}
div#faq-content-repeat ul {
	padding: 0;
	margin: 10px 0px 0px 0px;
}
div#faq-content-repeat ul li {
	background: url('../images/list-style-stripe.png') no-repeat left;
	list-style: none;
	padding-left: 10px;
}
div#faq-content-repeat ul li a {
	color: #666666;
}
div#splash-right div#faq-bottom {
	width: 300px;
	height: 7px;
	background: url('../images/splash-faq-bottom.png') no-repeat left top; 
	overflow: hidden;
}
div#planroute {
	margin: 12px auto 0 auto;
	width: 691px;
	height: 23px;
	padding: 9px 14px 0px 14px;
	border-top: 1px solid #CCCCCC;
}
div.splashclose {	
	cursor: pointer;
}

/*# /SNIP_SPLASH */
/*############################################################################*/
/*# FALKPLAN-ANDES WIDGETS */
.map-bar {
	position: relative;
	display: block;
	background: #7aa9e4 url("../img/fullscreen_bg.png") repeat-x top center;
	padding: 0 10px;
	margin: 0px;
	z-index: 3;
	text-align: right;
	overflow: hidden;
	width:708px;
}
#ab-planner div.bar_item,
.map-bar div.bar_item
{
	position:relative;
	display: inline;
	float:left;	
	height:35px;
	vertical-align:middle;
	line-height:35px;
	font-weight:bold;
	color:White;
	
	width: 100%;


}
.disttime { margin-left: 40px;}

.sumtable {
	width: 100%;
	border-collapse: collapse;
	border: none;
}

.sumtable thead td { font-weight:bold; }

.sumtable td {
	padding: 12px 15px 12px 10px;
	border-top: 1px solid #c0c0c0;
	vertical-align:middle;
	font-size:13px;
}

#ab-planner div.bar_item_end,
#map-bar div.bar_item_end
{
	position:relative;
	display: inline;
	float:right;	
	height:35px;
}

#bar_new, #bar_open, #bar_save, #bar_startingpoint, #bar_endpoint, #bar_all, #current-weather, #maximize_btn, #weer_btn, #buien_btn, #fvp_btn, #bar_ab { 
	margin-right: 5px;
}
#map-widget,#map-static {
	position: relative;
	width: 728px;
	height: 408px;
	padding: 0px;
	margin: 0 0 10px 0;
}
#map-static 
{
	display:none;
}
hr {
	margin: 0 0 10px 0;
}
#ab-planner {
	position: absolute;
	display: block;
	background-color:#C3C3C3;
	border-bottom: solid 1px #838383;
	width: 584px;
	height: 35px;
	padding: 0px;
	margin: 0px;
	z-index: 3;
}
#ab-planner .find-button {
	float: none;
}
div.currentweather { max-width: 29px; overflow: hidden; }

#map-widget div.popInfo {
	position: absolute;
	display: none;
	/*background: transparent url('../images/popinfo.png') no-repeat left top;*/
	width: 16px;
	height: 16px;
	cursor: pointer;
}

div.infoWindow {
	display: none;
	position: absolute;
	z-index: 90;
	overflow:hidden;
}


#mailWindow,
#saveWindow {
	display: none;
	position: absolute;
	z-index: 2;
	border: 1px solid #B2B2B2;
	background-color: #FFFFFF;
	width: 400px;
	height: 260px;
	padding:	0px 8px;
	top: 50%;
	left: 50%;
	margin-left: -208px;
	margin-top: -130px;
	overflow: auto;
	text-align: left;
}
#mailWindow table td,
#saveWindow table td {
	padding-right: 8px; 
	padding-bottom: 8px; 
}
#mailWindow h1,
#saveWindow h1 {
	font-weight:	bold;
	font-size:	14px;
}
#routeSaved {
	display: none;
	position: absolute;
	z-index: 2;
	border: 1px solid #B2B2B2;
	background-color: #FFFFFF;
	width: 400px;
	height: 260px;
	padding:	0px 8px;
	top: 50%;
	left: 50%;
	margin-left: -208px;
	margin-top: -130px;
	overflow: auto;
	text-align: left;
}

#mailWindow {
	width: 430px;
	height: 320px;
	margin-left: -215px;
	margin-top: -160px;
}
#mailSended {
	display: none;
	position: absolute;
	z-index: 2;
	border: 1px solid #B2B2B2;
	background-color: #FFFFFF;
	width: 476px;
	height: 232px;
	top: 50%;
	left: 50%;
	margin-left: -250px;
	margin-top: -140px;
	overflow: auto;
	padding:	28px 12px 20px 12px;
	text-align: left;
}

#mailWindow .description {
	padding: 0 5px;
	color: #000;
	position: relative;
}

div.close {
	position: absolute;
	top: 0;
	right: 0;
	/*background: transparent url('../images/popinfo-close.png') no-repeat left top;*/
	width: 16px;
	height: 16px;
	cursor: pointer;
}

#saveWindow div.close,
#routeSaved div.close,
#mailSended div.close,
#mailWindow div.close {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	height: 22px;
	line-height:	22px;
}
#saveWindow div.close img,
#routeSaved div.close img,
#mailSended div.close img,
#mailWindow div.close img {
	vertical-align: middle;
}

input#mailname,
textarea#additional,
input#senderemail,
input#sendername,
input#toname {
	display: block;
	width: 240px;
	float: right;
	border: 1px solid #B2B2B2;
	margin-top: 1px;
	padding: 2px 4px;
	margin-bottom: 5px;
	/*background: url('../images/input-routename.png');*/
	cursor: auto;
}
textarea#additional 
{
	height:60px;
	background: white;
}
input#sendtoemail {
	display: inline-block;
	float: right;
	width: 155px;
	height: 20px;
	margin-top: 8px;
	margin-right: 20px; 		
	margin-bottom: 8px;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border: 0px none;
	line-height: 18px;
	border: none;
	/*background: url('../images/greybtn.png') repeat-x left center;*/ /*greybtn-medium*/
	cursor: pointer;
}
input#sendcancel {
	display: inline-block;
	float: left;
	width: 155px;
	height: 20px;
	margin-left: 0px; 		
	margin-top: 8px;		
	margin-bottom: 8px;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border: 0px none;
	line-height: 18px;
	border: none;
	/*background: url('../images/greybtn.png') repeat-x left center;*/ /*greybtn-medium*/
	cursor: pointer;
}

input#routenamesave,
input#sendernamesave,
textarea#additionalsave {
	width: 250px;
}


/*############################################################################*/
/* Page holder	*/
/*############################################################################*/
#routeInfoWindow 
{
	border:none;
	background:#F4F4F5;
	width: 684px;	
	height: 620px;
	padding-top:10px;
	 border: 1px solid #B2B2B2;
	 overflow:hidden;
	 z-index:999;
}
#infoWindow .description {
	padding: 0 5px;
	color: #000;
	position: relative;
}



div.pageholder-top-l {
	/*background: url('../images/pagesholder_top_l.png') no-repeat left bottom;*/	
	width:6px;
	height:10px;
}

div.pageholder-top-m 
{
	/*background: url('../images/pagesholder_top_m.png') repeat-x left bottom;*/	
	height:10px;
	width:980px;	
}

div.pageholder-top-r {
	/*background: url('../images/pagesholder_top_r.png') no-repeat left bottom;*/	
	width:6px;
	height:10px;
}

div.pageholder-mid-l {
	/*background: url('../images/pagesholder_mid_l.png') repeat-y left top;*/
	width:6px;
	height:634px;
}

div.pageholder-mid-m 
{
	/*background: url('../images/pagesholder_mid_m.png') repeat left top;*/
	width:980px;
	height:634px;
	padding: 0px;
}

div.pageholder-mid-r {
	/*background: url('../images/pagesholder_mid_r.png') repeat-y left top;*/	
	width:6px;
	height:634px;
}
div.pageholder-bottom-l {
	/*background: url('../images/pagesholder_bottom_l.png') no-repeat left top;*/	
	width:6px;
	height:10px;
}

div.pageholder-bottom-m 
{
	background: url('../images/pagesholder_bottom_m.png') repeat-x left top;*/	
	height:10px;
	width:980px;	
}

div.pageholder-bottom-r {
	/*background: url('../images/pagesholder_bottom_r.png') no-repeat left top;*/	
	width:6px;
	height:10px;
}


div.subselectionexpand ul#olNormal li
{
	background:black;
	list-style-position: outside;
	text-align: left;
	list-style-type: circle;
	padding-left:20px;
}

/*# /WIDGETS */
/*############################################################################*/
/*# SNIP_BROWSERBAR */
div.browser_holder {
	height: 28px;
	margin: 0 auto;
}
div.browser_holder table, div#top_browser table { width: 100%; }

div.top_browser_back a:link, div.top_browser_back a:hover, div.top_browser_back a:visited {
	padding-left: 34px;	margin-left: 6px;
	text-transform: lowercase;
	text-decoration: none;
	color: #4C4C4C;
	display: inline-block;
	margin-right: 10px;
	line-height: 28px;
	/*background: url('../images/backgroup_bg.png') no-repeat left center;*/
}

div.browser_title_rev { 
	display: block;
	padding-bottom: 10px;
}
div.browser_title {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	display: inline;
	text-align: left;
}
div.browser_link {
	color: #000;
	font-size: 12px;
	padding-left: 5px;
	display: inline-block;
}
div.browser_link a {
	color: #666666;
	font-size: 10px;
	display: inline-block;
}

div.browser_bar {
	height: 28px;
	margin: 0 auto;
}
span.browserbar {
	display: inline;
	height: 28px;
	float: left;
}
div.browserbar_overview, div.detail_browserbar {
	float: right;
	line-height: 28px;
	min-width: 100px;
}
span.browser_button, span.browser_holder, span.close_button, span.backtostart_button, span.forwardtoend_button {
	float: left;
	display: inline;
	width: 28px;
	height: 28px;
}

span.browser_pages { 
	float: left;
	padding: 0px;
	line-height: 28px;
}

span.browserbar span.left { background: url('../images/routelist/browse_prev.png') no-repeat left center; cursor: pointer; }
span.browserbar span.left_off { background: url('../images/routelist/browse_prev_off.png') no-repeat left center; }
span.browserbar span.right { background: url('../images/routelist/browse_next.png') no-repeat left center; cursor: pointer; }
span.browserbar span.right_off { background: url('../images/routelist/browse_next_off.png') no-repeat left center; }
span.close_button { background: url('../images/routelist/browse_close.png') no-repeat left center; cursor: pointer; }
span.backtostart_button { background: url('../images/routelist/browse_backtostart.png') no-repeat left center; cursor: pointer; }
span.forwardtoend_button { background: url('../images/routelist/browse_forwardtoend.png') no-repeat left center; cursor: pointer; }

span.link_group {
	font-weight: bold;
}

input.browser_current_page
{
	width:24px;
	height:24px;
}
span.browser_last_page 
{
	height:24px;
	font-weight:bold;
	padding-left:0px;
	margin-left:0px;
}
/*# /SNIP_BROWSERBAR */
/*############################################################################*/
/*# ROUTE-DETAIL PAGE */
div#route-list-container {
	margin-left: 3px;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
div.route_expand {
}
div.routeitemblock {
	position : relative;
	float: left;
	width: 168px;
	height: 256px;
	margin: 0px;
	padding: 10px;
	background: url('../Images/routelist/routeitemblock.png') no-repeat left top;
}
a.routeitemblock_link, a.routeitemblock_link:hover {
	display: block;
	width: 168px;
	height: 256px;
	margin: 0px;
	padding-top: 12px;
	text-decoration: none;
	text-align: center;
	color: #666666;
}

a.routeitemblock_link:hover {
	background: transparent url('../Images/routelist/routeitemblock_hover.gif') no-repeat left top;
}

label.image_holder {
	display: block;
	width: 80px;
	height: 120px;
	margin: 0px auto;
	line-height: 115px;
	text-align: center;
	cursor: pointer;
}
div.routeitem_title {
	position : absolute;
	top : 122px;
	left : 12px;
	width: 152px;
	height: 20px;
	margin-top: 14px;
	padding: 0px 4px;
	line-height: 20px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	overflow: hidden;
}


div.routeitemblock_new {
	background: url('../Images/routelist/routeitemblock_new.png') no-repeat left top;
}

div.routeitemblock div.soort { /*afbeelding bij routedetail links bovenin*/
	position: absolute;
	top: 12px;
	left: 12px;
	width: 20px;
	height: 20px;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
}
div.routeitemblock div.U {
	background: transparent url('../images/routelist/gebruiker.png') no-repeat left top;
	z-index: 1;
}
div.routeitemblock div.L {
	background: transparent url('../images/routelist/LF.png') no-repeat left top;
	z-index: 1;
}

div.routeitemblock div.F {
	background: transparent url('../images/routelist/Vast.png') no-repeat left top;
	z-index: 1;
}

div.routeitemblock div.star {
	position: absolute;
	top: 113px;
	left: 12px;
	/*background: url('../images/routelist/star.png') no-repeat center top;*/
	width: 164px;
	height: 15px;
	padding-top: 8px;
}
div.routeitemblock img.firstimg 
{
	position: absolute;
	top: 12px;
	left: 12px;
	border: 0px none;
	width: 164px;
	height: 100px;
	background: #BCBCBC;
}
div.routeitemblock div.start {
	position: absolute;
	top: 160px;
	left: 12px;
	background: url('../images/routelist/start.png') no-repeat left top;
	padding: 4px 0px 0px 28px;
	width: 135px;
	height: 17px;
	overflow: hidden;
	white-space: nowrap;
}
div.routeitemblock div.dest {
	position: absolute;
	top: 185px;
	left: 12px;
	background: url('../images/routelist/dest.png') no-repeat left top;
	padding: 4px 0px 0px 28px;
	width: 135px;
	height: 17px;
			overflow: hidden;	
}
div.routeitemblock div.results 
{
	position: absolute;
	top: 210px;
	left: 12px;
	width: 160px;
	height: 28px;
	/*z-index:5;	*/
}
div.routeitemblock span.dist 
{
	background: url('../images/routelist/routedist.png') no-repeat 5px 0px;	
	padding: 4px 0px 0px 28px;
	margin-right: 5px;
	line-height: 18px;
	font-size: 13px;
	font-weight: bold;
	
}
div.routeitemblock span.time 
{
	background: url('../images/routelist/routetime.png') no-repeat left top;	
	padding: 0px 0px 0px 23px;
	line-height: 18px;
	font-size: 13px;
	font-weight: bold;	
}
.printroute, .bar-btn , .epsroute
{
float:right;
margin: 0 0.3em 0 0;
}
div.option {
display: inline-block;
float:right;
width: 24px;
height: 24px;
margin: 0 0.3em 0 0;
background: transparent url("../img/iconsprite.png") no-repeat 0 0;
cursor: pointer;
zoom: 1;
}
/*# / ROUTE-DETAIL PAGE */
/*############################################################################*/
/*# SNIP_DETAILMENU */

ul.detailmenu 
{
	width: 100%;
	 height: 32px;
	 margin: 0px;
	 margin-bottom: 20px;
	 padding: 0px 0px 0px 4px;
	 background: none; /*url('../images/detailmenu_bg.png') repeat-x left top;*/
	 border-bottom: 1px solid #B2B2B2;
	 margin-left: 0px;
	 margin-right: 0px;
	 margin-top: 0px;
}

ul.detailmenu li {
	float: left;
	height: 32px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
	border-right: 1px solid #B2B2B2;		
}

ul.detailmenu li.detailmenu_last {
	border-right: 0;
}

a.detailitem, a.detailitem:hover, a.detailitem_on, a.detailitem_selected, span.detailitem, span.detailitem_selected {
	float: left;
	display: block;
	height: 32px;
	padding: 0px 12px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	line-height: 32px;
	color: #959595;
	white-space: nowrap;
}
a.detailitem:hover, a.detailitem_on, a.detailitem_on:hover, a.detailitem_selected, a.detailitem_selected:hover, span.detailitem_selected {
	color: #0054A6;
	/*background: url('../images/mainitem_link_bg_hover.png') repeat-x bottom left;*/
}


/*-----------------DETAILPAGINA 1-----------------*/
/*-----------------LINKERMODULE==-----------------*/
div.detailphoto_holder {
	float: left;
	width: 240px;
	height: 243px;
	margin-right: 10px;
	margin-top: 0px;
	padding: 0px;
}
div#detail_photo {
	width: 240px;
	height: 243px;
	text-align: center;
	overflow: hidden;
}
#picturelist { margin-top: 0px; padding: 0px; }
#gallery { margin: 0px; padding: 0px; }
#gallery a, #picturelist li { margin: 0px; padding: 0px; }

#gallery ul 
{
	list-style : none;
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}
#gallery ul li { display: inline; }

div#gallery_edit {
	display: block;
	height: 240px;
	background: #f7f7f7;
	text-align: left;
	position: relative;
}
div.gallery_padding {
	height: 210px;
	overflow: hidden;
	display: block;
}
div.gallery_padding div { padding: 10px; }

div.gallery_buttons {
	text-align: right;
	display: block;
	height: 20px;
	padding-right: 10px;
}
input.uploadbtn {
	display: inline-block;
	height: 20px;
	margin-left: 10px;
	width: 95px;
	border: 0px none;
	line-height: 18px;
	background: url('../images/greybtn.png') repeat-x left center; /*greybtn-small.png*/
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
div#file-uploader-demo1 { padding: 0px; margin: 0px;}

/*-----------------RECHTERMODULE------------------*/
div.detailinfo_holder {
	float: left;
	width: 254px;
	padding: 0px;
}
div.detaildescription_holder {
	display: block;
	padding-top: 10px;
}

table.summary td {
	padding-right: 10px;
	padding-bottom: 2px;
}

input.xtrabtn {
	display: block;
	height: 20px;
	width: 114px;
	border: 0px none;
	line-height: 18px;
	background: url('../images/greybtn.png') repeat-x left center; /*greybtn-small.png*/
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
input.xtrabtnlarge {
	display: block;
	height: 20px;
	width: 155px;
	border: 0px none;
	line-height: 18px;
	background: url('../images/greybtn.png') repeat-x left center; /*greybtn-small.png*/
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

input.xtrabtnline{
	display: inline;
	height: 20px;
	width: 114px;
	margin-right: 10px;
	border: 0px none;
	line-height: 18px;
	background: url('../images/greybtn.png') repeat-x left center; /*greybtn-small.png*/
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
/*--------------------------*/

.radio {
	height: 25px;
	width: 19px;
	clear:left;
	float:left;
	margin: 0 0 3px;
	padding: 0 0 0 26px;
	background: url("../images/checkbox/radio.png");
	background-repeat:no-repeat;
	cursor: default;
}
.checkbox {
	display:inline;
	height: 25px;
	width: 19px;
	clear:left;
	float:left;
	margin: 0 0 3px;
	padding: 0 0 0 26px;
	background: url("../images/checkbox/checkbox.gif") no-repeat;
	cursor: default;
	text-align:right;
}
.checkbox input,.radio input {
	display: none;
}
.checkbox input.show,.radio input.show {
	display: inline;
}
input.routeInfoBtn { width: auto; }
.selected {
	background-position: 0 -52px;
}
.block {
	width: 50%;
}

div.attrheader {
	display: block;
	border-bottom: 1px solid #B2B2B2;
	margin: 30px 0px 0px 0px;
	color: #666;
	font-size: 14px;
	font-weight: bold;	
}
div.attrheader_first {
	display:block;
	border-bottom: 1px solid #B2B2B2;
	margin: 10px 0px 0px 0px;
	color: #666;
	font-size: 14px;
	font-weight: bold;	
}
div.attrcel
{
	position: relative;
	display: inline;
	margin: 0px 10px 10px 0px;
	height: 24px;
	line-height: 24px;
}
div.attrcel span.attr_name 
{
	color: #666;
	font-size: 12px;
	font-weight: bold;
	margin-right: 5px;
}
table.score_table, table.fullwidth 
{
	display: block;
}
table.score_table td
{
	padding-right: 15px;
}
table.fullwidth td
{
	vertical-align: middle;
}

#sobo {
	clear: both;
	float: left;
	width: 240px;
	margin: 0px 0 0;
	padding: 0px 0 6px;
}

#sobo h2 {
	clear: both;
	float: left;
	width: 140px;
	font-size: 11px;
	color: #739028;
	font-weight: 700;
padding: 0 0 5px 10px;
}

#sobo a {
	float: left;
	width: 16px;
	height: 16px;
	background: url(../images/routelist/spritesocialmedia16x16.png) no-repeat 0 0;
margin: 0 4px 4px 0px;
}

#sobo a.cl_2 {
	background-position:0 -17px;
}

#sobo a.cl_3 {
	background-position:0 -34px;
}

#sobo a.cl_4 {
	background-position:0 -51px;
}

#sobo a.cl_5 {
	background-position:0 -68px;
}

#sobo a.cl_6 {
	background-position:0 -85px;
}

#sobo a.cl_7 {
	background-position:0 -102px;
}

#sobo a.cl_8 {
	background-position:0 -119px;
}

#sobo a.cl_9 {
	background-position:0 -136px;
}

#sobo a.cl_10 {
	background-position:0 -153px;
}

#sobo a.cl_11 {
	background-position:0 -170px;
}

#sobo a.cl_12 {
	background-position:0 -187px;
}

#sobo a.cl_13 {
	background-position:0 -204px;
}

#sobo a.cl_14 {
	background-position:0 -221px;
}

#sobo a.cl_15 {
	background-position:0 -238px;
}

#sobo a.cl_16 {
	background-position:0 -255px;
}


div.print_option {
	background: transparent url("../images/printer/spriteprint56x56.png") no-repeat 1px 1px;
	margin-right: 5px;
	cursor: pointer;
	height: 58px; width: 58px;
}
div.print_option:hover {
	background-color: #0054A6;
	margin-right: 5px;
	cursor: pointer;
	height: 58px; width: 58px;
}
div.option_active {}

#print_2 { background-position: 1px -1043px; }
#print_3 { background-position: 1px -57px; }
#print_4 { background-position: 1px -115px; }
#print_5 { background-position: 1px -173px; }
#print_6 { background-position: 1px -231px; }
#print_7 { background-position: 1px -289px; }
#print_8 { background-position: 1px -521px; }
#print_9 { background-position: 1px -463px; }
#print_10 { background-position: 1px -405px; }
#print_11 { background-position: 1px -869px; }
#print_12 { background-position: 1px -985px; }
#print_13 { background-position: 1px -637px; }
#print_14 { background-position: 1px -695px; }
#print_15 { background-position: 1px -753px; }
#print_16 { background-position: 1px -579px; }
#print_17 { background-position: 1px -927px; }
#print_18 { background-position: 1px -347px; }
#print_19 { background-position: 1px -811px; }



a.printbutton {
	text-decoration: none;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	display: inline-block;
	width: 114px;
	height: 24px;
	line-height: 24px;
	border: 0px none;
	background: url(../images/printer/nextstepbtn.png) no-repeat center center;
	cursor: pointer;
}

span.attr_explain { }
i.pro { font-weight: bold; color: green; }
i.against { font-weight: bold; color: red; }





/*ERROR MESSAGE 404*/

div#errormessage404 { width: 660px; margin: 0 auto; overflow: hidden; padding-top: 40px; }
div#errormessage404 a.back {
	display: inline-block;
	float: right;
	margin-right: 10px;
	line-height: 24px;
	border: 0px none;
	background: url('../images/nextstepbtn.png');
	width: 114px;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	}
div.modulepadding { padding: 5px;}
div.moduleleft { float: left; margin-bottom: 5px; }
div.moduleright { float: right; margin-bottom: 5px; }


/*POI EDIT PAGE*/
table.poiedit_table input {
	line-height: 10px;
}
table.poiedit_table td.left, table.hundred td.left {
	padding: 0 5px 3px 0;
	width: 120px;
}
div.userdetails {
	border-top: 1px solid #b2b2b2;
	padding: 5px 0 0 0;
	margin: 10px 0 0 0;
}
div.categorydesc {
	border-bottom: 1px solid #b2b2b2;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
}
div.category_bluebutton {
	display: block;
	text-align: right;
	padding: 5px 5px 0 0;
}
div.file_container {
	border-top: 1px solid #b2b2b2;
	padding: 10px 0;
	margin-top: 10px;
}
div.advert_container {
	border-top: 1px solid #b2b2b2;
	border-bottom: 1px solid #b2b2b2;
	padding: 10px 0;
}


/*TOELICHTINGSPAGINA'S*/
body.toelichting {
	height: 100%;
	background: #FFF;
}
div#toelichting_mid {
	background: #FFF url("../images/borderelements/border_tl_outermid.png") repeat-y top left;
	margin: 20px 0 70px 0;
	width: 990px;
	text-align: left;
}
body.toelichting div.toelichting_content {
	padding: 0px;
	text-align: left;
	background: #FFF url("../images/borderelements/border_tl_innermid.png") repeat-y top left;
	}
body.toelichting div.toelichting_text {
	padding: 15px 25px;
}
div.toelichting_content_holder {
	padding: 0 5px;
}
body.toelichting h1 {
	padding: 0px 13px;
	line-height: 34px;
	display: block;
	color: #FFF;
	/*background: #FFF url('../images/routeplannermenu_nostep.png') repeat-x left top;*/
	font-size: 16px;
	font-weight: bold;
	margin: 0px 10px 0 10px;
}
body.toelichting td {
	vertical-align: top;
	padding: 0 10px 10px 0;
}
body.toelichting td img {
	border: 1px solid #C0C0C0;
}
body.toelichting img.noline {
	border: 0px none;
	float: right;
	padding-top: 10px;
}

div#toelichting_mid ul {
	margin: 10px 10px 10px 30px;
	list-style-type: square;
}
div#toelichting_mid ul ul {
	list-style-type: square;
margin: 0 0 0 30px;
}
div#toelichting_mid ul ul ul {
list-style-type: square;
margin: 0 0 0 30px;
}
div#toelichting_mid a {
	color: #EC1F26;
	font-size: 12px;
	text-decoration: underline;
}
div#toelichting_mid a:hover {
	color: #EC1F26;
	text-decoration: none;
}
div#toelichting_mid b.sumtab {
	display: inline-block;
	font-weight: bold;
	padding-right: 10px;
	white-space: nowrap;
}

div.surrounding_outer_topline {
	background: url("../images/borderelements/border_tl_outertop.png") no-repeat top left;
	height: 5px;
}
div.surrounding_outer_bottomline {
	background: url("../images/borderelements/border_tl_outerbottom.png") no-repeat top left;
	height: 5px;
}
div.surrounding_inner_topline {
	background: url("../images/borderelements/border_tl_innertop.png") no-repeat top left;
	height: 10px;
}
div.surrounding_inner_bottomline {
	background: url("../images/borderelements/border_tl_innerbottom.png") no-repeat top left;
	height: 20px;
}


/*USELESS?*/
table.summary td.summary_content {
	height: 200px;
	padding: 0px 12px 0px 0px;
}

table.summary td.detail_title {
	width: 110px;
	vertical-align: middle;
}
table.summary td.detail_answer {
	width: 170px;
	vertical-align: middle;
}

table.summary td.detail_price {
	height: 38px;
	padding-bottom: 12px;
	line-height: 24px;
	font-size: 18px;
	font-weight: bold;
	color: #0054A6;
}
.detedit 
{
	width: 230px;
	margin-right: 10px;
}
.topbanner {
	padding-left: 4px;
}
.topbanner img {
	display: block;
}


/*  cookie notification */
.cookie-container {
	position: relative;
	z-index: 1;
	background: #faffe1;
	color: #000;
	box-shadow: 0 0 10px #666;
}
.cookie-container a {
	color: #000;
}
.cookie-info {
	width: 880px;
	margin: 0 auto;
}
.cookie-info span.message {
	font-size: 0.9em;
	display: block;
	padding: 10px;
	line-height: 1.5em;
	padding-left: 100px;
}
.cookie-info .button {
	margin: 10px;
}
.cookie-infographic {
	background: transparent url('../images/cookies.png') no-repeat top left;
	position: absolute;
	width: 93px;
	height: 75px;
	top: 0;
	z-index: 999;
}
.floatright {
	float: right;
}
.floatleft {
	float: left;
}
#mapcontainer {
	margin: 0 10px 0 0;
	border: 1px solid #c0c0c0;
}
a.button {
	display: inline-block; 
	border: 0px none;
	background: #c0c0c0 url('../images/backgradient_transparent_weak.png') repeat-x left center;
	color: white;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 7px;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
a.buttonbanana {
	display: inline-block; 
	border: 0px none;
	background: red url('../images/backgradient_transparent_weak.png') repeat-x left center;
	color: white;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 7px;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
a.buttonbanana:hover {
	background-color: #bf0000;
}
a.buttonbanana:active {
	background-color: #333;
}

/*  NOTIFICATION */
#notification {
	/*background: #c0c0c0 url('../images/routeplannermenu_nostep.png') repeat-x center center;*/
	line-height: 34px;
	text-align: center;
	color: #FFF;
	border-bottom: 1px solid #999;
}
#notification-btn {
	line-height: 34px;
}
#notification-btn img {
	vertical-align: middle;
}
.notification-content {
	margin: 0 auto;
	line-height: 34px;
}
.notification-content a {
	color: #FFF;
}
.splashDialog {
	padding: 0 !important;
	border: 0px none !important;
	border-radius: 0 !important;
	overflow: visible !important;
	background: white !important;
	-moz-box-shadow: 0 0 10px #666;
	-webkit-box-shadow: 0 0 10px #666;
	-o-box-shadow: 0 0 10px #666;
	-ms-box-shadow: 0 0 10px #666;
	box-shadow: 0 0 10px #666;
}
.splashDialog .ui-dialog-content {
	overflow: visible !important;
	padding: 0 !important;
}
.splashDialog .ui-widget-header {
	display: none;
}
.splashDialog h2 {
	color: #FFF;
	line-height: 32px;
}
.notification-dialog-bar {
	background: #00afb9;
	color: #FFF;
	padding: 10px;
}
.notification-dialog-content {
	padding: 20px 250px 20px 20px;
	background: transparent url('../images/planjeroute_banner.png') no-repeat top right;
}
.notification-dialog-content ul {
	margin: 10px 20px 10px 5px;
}
.notification-dialog-content li {
	list-style-type: none;
	background: transparent url('../images/planjeroute_check.png') no-repeat 0 5px;
	padding-left: 25px;
	padding-bottom: 5px;
}
.splashDialog button {
	font-size: 0.9em !important;
	border: 0px none;
	background: url('../images/greybtn.png') repeat-x left center;
	color: white;
	font-weight: bold !important;
	text-decoration: none;
	padding: 6px 7px;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.clearfix {
	clear: both;
	float: none;
}
.padding-ver {
	padding: 10px 0;
}
.right {
	text-align: right;
}
.padding-hor {
	padding: 0 10px;
}

.column {
	float: left;
	min-height: 1px;
}
.column.push { margin-left:52px; margin-bottom:10px; }
.column.buttons { float:right; position:absolute; top:25px; right:30px; height:40px; width:220px; }
.row1 {
	width: 160px;
	padding-right: 10px;
}
.row2 {
	width: 728px;
}
.row3 {
	padding-left: 10px;
}
.bar-search {
	margin: 20px 0 10px 0;
	padding: 10px;
	background: #EEE;
	border: 1px solid #FFF;
	box-shadow: 0 0 7px #666;
}
.bar-iframe {
	margin: 20px 0 10px 0;
}
input.search {
    display: block;
	width: 165px;
    margin: 0px 3px 0px 0px;
	padding: 10px 15px;
    background: #FFF;
    border: 1px solid #c0c0c0;
    border-radius: 5px 5px 5px 5px;
    color:#c0c0c0;
}
input.search_active 
{
	color:Black;
}
.module {
	margin: 10px 0;
	background: #FFF;
	-webkit-box-shadow: 0 0 10px #c0c0c0;
	-moz-box-shadow: 0 0 10px #c0c0c0;
	-o-box-shadow: 0 0 10px #c0c0c0;
	-ms-box-shadow: 0 0 10px #c0c0c0;
	box-shadow: 0 0 10px #c0c0c0;
	*border: 1px solid #c0c0c0;
}
.lt-ie9 .module { border:1px solid #c0c0c0; }
.module-bar {
	/*background: url("../images/routeplannermenu_nostep.png") repeat-x scroll center center #EEE;*/
	line-height: 34px;
	padding: 0 10px;
	font-weight: bold;
	text-decoration: none;
	font-size: 17px;
	overflow: hidden;
}
.module-bar.plain { background-color:#fff; }
	.module-bar h1,
	.module-bar h2 { float:left; font-size:16px; font-weight:bold; line-height:34px; color:#000; }
	.module-bar #aanmeldBtn { float:right; text-decoration:underline; }
		.module-bar #aanmeldBtn:hover { text-decoration:none; }
.module-block {
	padding: 10px;
	overflow: hidden;
	position:relative;
}
#mainsearch { overflow:hidden; }
	#mainsearch .column { width:206px; margin-bottom:10px; }
	#mainsearch .column { margin-right:44px; }
	#mainsearch .column.last { margin-right:0; }
		#mainsearch .column h2 { font-size:13px; margin-bottom:5px; }
		#mainsearch .column select { color:#000; width:206px; margin-right:0; }
		#mainsearch .column input[type="text"] { width:194px; margin:8px 0 0 0; color:#000; }
		#mainsearch .column #date { margin-top:2px!important; }
		#mainsearch .column input.fifty { width:92px; }
		#mainsearch .column input.fiftyseven { width:135px; float:left; }
		#mainsearch .column input.twentyfive { width:37px; float:left; margin-left:10px; }
		#mainsearch .column input.twenty { width:30px; float:left; }
		#mainsearch .column span { float:left; line-height:28px; margin:8px 5px 0 5px; font-weight:bold; }
.radiogroup { clear:both; overflow:hidden; padding-top:10px; }
	.radiogroup input[type="radio"] { float:left; margin-top:2px; }
	.radiogroup #goModeB,
	.radiogroup #routeTypeB { margin-left:20px; }
	.radiogroup .radioLbl { float:left; margin-left:5px;}
	.radiogroup #l1,
	.radiogroup #l2,
	.radiogroup #l3 { margin-right:20px; }	
#noObstructions { margin-right:8px; }
.checkboxLbl { margin-top:10px; }
.submit { padding:5px 15px; background:#808080; border:0; border-radius:3px; color:#fff; font-weight:bold; cursor:pointer; bottom:0; }
.lt-ie9 .submit { padding:4px 15px 6px; }
.submit:hover { background:#555; }
.submit.medium { width:85px; }
.submit.small { width:85px; }
.submit.primary,
.submit.print.primary { background-color:#1ABC9C; right:0; }
.submit.primary:hover,
.submit.print.primary:hover { background-color:#16A085; }
.submit.secondary { background-color:#3498DB; right:0; }
.submit.secondary:hover { background-color:#2980B9; }
.submit.print { display:none; position:relative; background:#808080 url('../img/print-icon.png') 10px no-repeat; background-size:16px 16px; padding-left:25px; width:120px; float:right; margin:5px 30px 15px 0; }
.lt-ie9 .submit.print { background-image:url('../img/print-icon-16.png'); }
.submit.print:hover { background-color:#555; }

#loadingRoute { width:190px; margin:30px auto 20px; display:none; overflow:hidden; }
#loadingRoute img, #loadingRoute span { float:left; }
#loadingRoute span { line-height:32px; margin-left:15px; }


.bar_item h3 { float:left; color:#fff; line-height:35px; width:140px; text-align:left; margin:0; padding:0; }
.disttime span { margin-right:20px; }

/* Route start- and endpoint */
#startpoint h4,
#destination h4 { float:left; font-weight:bold; }
#startpoint span,
#destination span { width:250px; margin-left:30px; display:block; float:left; clear:left; }
#startpoint .detailMap,
#destination .detailMap { float:right;width: 250px;height: 150px;}
.detailMap img {
    position: absolute;
	clip: rect(129px,489px,279px,239px);
	top: -129px;
	left: 225px;
}

#routeresult { float:left; }

.module-fifty {
	float: left;
	width: 50%;
}
.module label {
	display:block;
}
.fifty .module-block {
	padding-right: 10%;
}
.module select {
	padding: 5px;
	vertical-align: middle;
}
.module input[type='text'] {
	padding: 3px 5px;
	display: inline-block;
	vertical-align: middle;
	height: 20px;
}
.module .maxvalue {
	width: 20px;
}
.toggle-img {
	background: transparent url("../images/i_plus.gif") no-repeat top left;
	width: 11px;
	height: 11px;
	display: inline-block;
}
.routeblock-container {
	margin: 0 0 0 20px;
}
.routeblock {
	clear: both;
	float: none;
	padding: 3px;
}
.odd {
	background: #EEE;
}
.routeblock-0, .routeblock-1, .routeblock-2, .routeblock-3, .routeblock-4, .routeblock-5 {
	float: left;
	font-size: 0.9em;
}
.routeblock-0 {
	width: 22px;
}
.routeblock-1 {
	width: 27px;
}
.routeblock-2 {
	width: 460px;
}
.routeblock-3 {
	width: 65px;
}
.routeblock-4 {
	width: 65px;
}
.routeblock-5 {
	width: 65px;
}
.routeblock-imgcollapsed {
	position: relative;
	float: right;
	width: 20px;
	height: 15px;
	margin-right: 5px;
	background: #c0c0c0 url("../images/i_plus.gif") no-repeat 7px 1px;
	border: 1px solid #666;
	cursor: pointer;
}
.routeblock-imgcollapsed div {
	display: none;
}
.routeblock-imgopen {
	width: 202px;
	height: 172px;
	background: transparent none;
	margin-bottom: 10px;
	border: 0px none;
}
.routeblock-imgopen div {
	display: block;
}
.routeblock-showlarge {
	position: absolute;
	top: 150px;
	left: 0;
	font-size: 0.9em;
}
.route-maintenanceline {
	padding: 3px;
}
.route-maintenance-toggle {
	display: block;
	background: #c0c0c0;
	color: #FFF;
	padding: 3px;
	margin: 0 0 4px 0;
}
.hidden {
	display:none!important;
}


/*  cookie notification */
.cookie-container {
	position: relative;
	z-index: 1;
	background: #faffe1;
	color: #000;
	box-shadow: 0 0 10px #666;
}
.cookie-container a {
	color: #000;
}
.cookie-info {
	width: 1028px;
	margin: 0 auto;
}
.cookie-info span.message {
	font-size: 0.9em;
	display: block;
	padding: 10px;
	line-height: 1.5em;
	padding-left: 100px;
}
.cookie-info .button {
	margin: 10px;
	color: #FFF;
	border: 1px solid #c0c0c0;
}
.cookie-info .button:hover {
	border-color: #666;
}
.cookie-infographic {
	background: transparent url('../images/cookies.png') no-repeat top left;
	position: absolute;
	width: 93px;
	height: 75px;
	top: 0;
	z-index: 999;
}
.floatright {
	float: right;
}
/*  Login container */
div#login-container 
{
	position:absolute;
	z-index:1000;
	width: 400px;
	height:250px;
	background: #7aa9e4 url("../img/fullscreen_bg.png") repeat-x top center;
	top:400px;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 5px;
}

div#login-container h2 
{
	color: #FFF;
	line-height: 32px;
	margin-bottom: 30px;
}
div#login-container span 
{
	color: #FFF;
	line-height: 24px;
	margin-left: 20px;
	margin-top: 10px;
	width: 100px;
	display: inline-block;
}
div#login-container input.utext 
{
	width:235px;
}

input#uLogin , input#uCancel
{
    float: right;
    margin-right: 43px;
    margin-top: 15px;
    width: 60px;
}

input#uCancel {
	width: 80px;
	margin-right: 10px;
}
div#login-container a {
margin-top: 44px;
margin-left: 15px;
display: block;
color: #FFF;
}
span.caption 
{
	margin-left: 10px;
	font-weight: normal;
}
div.slider 
{
	width:150px;
	display: inline-table;
	margin-left: 5px;
	margin-right: 10px;
}

div.slider a
{
	margin-top:4px;
}

.maximized 
{
	width:100%;
}

div#markers li
{
	list-style: none;
	line-height: 42px; 
}
div#markers td 
{
	line-height: 42px; 
}

.padding {
	padding: 10px;
}

div.topoption {
	display: block;
	margin-bottom: 10px;
	padding: 3px 0px;
	border-bottom: 1px solid #c0c0c0;
}
div.panpoi 
{
	float:none;
}
div.panpoi label {
	display: inline-table;
	margin-left: 25px;
	text-indent: -25px;
	width:180px;
}