body {color:#333;text-align:center;background:#6C6 url(/images/background.jpg) repeat-x;font:12px Arial,Helvetica,sans-serif;margin:0}
td,th {text-align:left;font:10px Verdana,Arial,Helvetica,sans-serif}
h1 {font-size:18px;font-weight:bolder;padding:0;color:#C00;margin:6px 0 0}
h2 {font-size:16px;font-weight:bolder;padding:0;margin:6px 0 0}
h3 {font-size:15px;font-weight:bold;color:#C00}
h4 {font-size:12px;font-weight:bold}
a, a:link {color:#C00;text-decoration:none}
a:visited {text-decoration:none;color:#C00}
a:hover {text-decoration:underline;color:#060}
a:active {text-decoration:none;color:#C00}
img {border:none}
input,textarea,select {font:10px Verdana,Arial,Helvetica,sans-serif}

#container {clear:both;width:800px;border: 2px solid #C00; border-top:0; margin:0 auto;padding:0; text-align:left}

#header { height:190px}
	#header-overlay {position:absolute;z-index:200;}
	#header-logo {position:absolute; left:675px;top:30px; z-index:203;}
	#header-title {position:absolute;top:165px; width:400px;z-index:202;margin-left:10px; color:#fff;  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:17px;;height:20px ; }

	#header #titlebar { position:absolute; top:160px; z-index:201; width:800px; background:#00FF66;height:30px; filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25; display:block;}
	
#content_area {padding:10px; background:#fcffed url(/images/background_shadow.gif) repeat-y 450px; font-size:11px;   font-family:Arial, Helvetica, sans-serif;  }
#content_area.wide { background:#fcffed; }
	#content { width:460px; float:left; margin-right:20px}
	#content.wide { width:780px;  background:#fcffed; float:none; margin:0px}
	#content a, a:link {color:#C00;text-decoration:none}
	#content a:visited {text-decoration:none;color:#C00}
	#content a:hover {text-decoration:underline;color:#060}
	#content a:active {text-decoration:none;color:#C00}	
	#content h3 a, #content h3 a:link {color:#FFF;text-decoration:none}
	#content h3 a:visited {text-decoration:none;color:#FFF}
	#content h3 a:hover {text-decoration:underline;color:#FFF}
	#content h3 a:active {text-decoration:none;color:#FFF}	
	#content ul { margin:0px; padding:0px}
	#content ul li { margin:0px; padding:0px; margin-left:15px}	
		#content .block_promo { border:0px ; background-color:#060; padding:1px; margin-bottom:6px }
		#content .block_promo .header { padding:4px}		
		#content .block_promo .header h3 {margin:0px; padding:0p; color:#FFFFFF }	
		#content .block_promo .content {padding:0px;background:#f4fad6;  }				
		#content .block_promo .content h4 {margin:0px; padding:0px }		
	#sidebar { width:300px; float:left}	#switch_landelijke_fietsroutes, #switch_fietsplatform, #switch_nederland_fietsland {float:right; width:145px; margin-top:12px;  border-left:1px dotted #FF9900; padding-left:10px}	
#switch_landelijke_fietsroutes h4, #switch_fietsplatform  h4, #switch_nederland_fietsland h4 { margin:0px;font-family: Arial, Helvetica, sans-serif; ; }
#switch_landelijke_fietsroutes div, #switch_fietsplatform div, #switch_nederland_fietsland div { margin-left:11px; font-size:11px}

#footer{background:#060; display:block; padding:6px; color:#FFFFFF; font-weight:bold; font-size:10px}
	#footer_language { float:left}
	#footer_links { text-align:center}
	#footer a, #footer a:link, #footer a:visited { color:#FFFFFF}	
	#footer_copyright { float:right; margin-top:-12px;}
	
.guide { clear:both; display:block}
.breadcrubs { display:none}
	
#accessibility { position:absolute;z-index:202;top:158px; left:700px; width:100px } 

#navigation		#accessibility  ul {margin:0; padding:0px; margin-right:8px}
#navigation			#accessibility  ul li { float:right;list-style:none; border:0px}
#navigation			#accessibility ul li.print	{padding-top:10px; border:0px}
#navigation			#accessibility ul li.font_size_small	{font-size:9px;padding-top:3px; border:0px}	
#navigation			#accessibility  ul li.font_size_medium	{font-size:12px;padding-top:1px; border:0px}
#navigation			#accessibility  ul li.font_size_large	{font-size:15px}
#navigation				#accessibility ul li a.size { display:block; padding:8px 4px 0px 4px; color:#FFF; font-weight:bold; border:0px}	
/*
#menu {background-color: #C00; height:14px;padding:8px 15px; border-top: 2px solid #f19293}
#menu ul {margin:0;padding:0;list-style:none}
#menu li {float:left;margin:0;padding:0}
#menu ul li a, #menu ul i a:link,#menu ul li a:visited {color:#fff;text-decoration:none;margin-right:2px;padding-right:5px;padding-left:5px;border-right:1px solid #fff;font-weight:bold; display:block}
#menu ul a:hover,#menu ul li a:active {color:#ddd;text-decoration:underline}
#menu ul li.last a, #menu ul li.last a:link,#menu ul li.last a:visited {border-right:0px;}

					#menu ul li ul {     position: absolute;     width: 186px;     left: -999em; background-color:#C00; padding-top:8px}
					#menu ul li:hover ul {     left: auto; }	
					#menu ul li:hover ul, #menu ul li.sfHover ul {     left: auto; }			
					#menu ul li ul li a { color:#fff; padding:4px 8px 4px 4px; display:block; font-weight:bold; text-transform:none ;text-decoration:none; border-right:0px; width:190px}					
					#menu ul li ul li a:hover,  #menu ul li.sfHover ul a:hover  { background-color:#FFFFFF; color:#e20018; border-right:1px #ffffff}			
					#menu ul li:hover a, #menu ul li.sfHover a {  background: #C00; color:#fff}
					#menu ul li:hover ul a, #menu ul li.sfHover ul a {  background: #C00;  color: #fff;	}
					#menu ul li:hover ul a:hover, #menu ul li.sfHover ul a:hover {  background: #006600;  color: #fff; text-decoration:none	}
*/

		#menu { background-color:#c00; clear:both; height:31px; overflow:auto; padding:0px 2px; border-top: 2px solid #f19293 }
			#menu ul { margin:0px; padding:0px; }
				#menu ul li { margin:0px; padding:0px; list-style:none; float:left; font-size:11px}			
					#menu ul li a { color:#fff; padding:8px; display:block; font-weight:bold; text-decoration:none; border-right:1px solid #bb0000}					
					#menu ul li a:hover { background-color:#006600; color:#fff;}
					#menu ul li.last a { border-right: 1px solid #e20018}
					#menu ul li ul {     position: absolute;     width: 196px;     left: -999em; background-color:#013d86; border-right:2px solid #e20018}
					#menu ul li:hover ul {     left: auto; filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90  }	
					#menu ul li:hover ul, #menu ul li.sfHover ul {     left: auto; }			
					#menu ul li ul li a { color:#fff; padding:4px 8px; display:block; font-weight:normal; text-transform:none ;text-decoration:none; border-right:0px; width:180px}					
					#menu ul li ul li a:hover,  #menu ul li.sfHover ul a:hover  { background-color:#FFFFFF; color:#c00; border-right:2px #ffffff}			
					#menu ul li:hover a, #menu ul li.sfHover a {  background: #006600; color:#fff}
					#menu ul li:hover ul a, #menu ul li.sfHover ul a {  background: #006600;  color: #fff;	}
					#menu ul li:hover ul a:hover, #menu ul li.sfHover ul a:hover {  background: #c00;  color: #fff; text-decoration:none}
								

#partners {background-color:#F5E8B1;padding: 5px 10px; font-size:11px}
	#partners h2 { font-size:12px; font-style:italic; margin:0px}
	#partners ul {margin:0; padding:0;}	
			#partners ul li { float:left; list-style:none}
			#partners ul li a {display:block; width:80px; height:54px;}
			#partners ul li #partner_anwb{ background: url(/images/logo_anwb.gif) no-repeat}
			#partners ul li #partner_anwb:hover{ background: url(/images/logo_anwb_over.gif) no-repeat}			
			#partners ul li #partner_fietsersbond { background: url(/images/logo_fietsbond.gif) no-repeat}
			#partners ul li #partner_fietsersbond:hover { background: url(/images/logo_fietsbond_over.gif) no-repeat}			
			#partners ul li #partner_ntfu{ background: url(/images/logo_ntfu.gif) no-repeat}
			#partners ul li #partner_ntfu:hover{ background: url(/images/logo_ntfu_over.gif) no-repeat}			
			#partners ul li #partner_rai{ background: url(/images/logo_rai.gif) no-repeat}
			#partners ul li #partner_rai:hover{ background: url(/images/logo_rai_over.gif) no-repeat}			
			#partners ul li #partner_mlnv { background: url(/images/logo_mvlnv.gif) no-repeat}				
			#partners ul li #partner_mlnv:hover { background: url(/images/logo_mvlnv_over.gif) no-repeat}													
			#partners ul li a span {display:none;}		

#partners {}

.infobox{
	background-color: #fff5cb;
	padding: 6px;
	font-size:9px;
	position: relative;
	right: 0px;
	border-top: 1px solid #999999;
	border-right: 2px ridge #666666;
	border-bottom: 2px ridge #666666;
	border-left: 1px solid #999999;
}

.infobox h4 { margin-top:0px}

#content #change-list { margin:0px; padding:0px }
#content #change-list li  { margin:0px; padding:0px; list-style:none; padding-bottom:6px; border-bottom:1px solid #CCCCCC }
#content #change-list li p { margin:0px}
.change-title { line-height:24px;; font-size:12px; font-weight:bold; color:#CC0000}
.change-title span { color:#666666}

.order-link { float:right; padding:3px 0px}
a.order { padding-left:16px; background:url(/images/basket.gif) no-repeat}
a.full { padding-left:16px; padding-top:4px; padding-bottom:4px; background:url(/images/full.gif) no-repeat 0px 5px; display:block}
a.partial { padding-left:16px; padding-top:4px; padding-bottom:4px; background:url(/images/partial.gif) no-repeat 0px 5px; display:block}

		#sidebar { overflow:hidden}
		#sidebar .block_alt {margin-bottom:6px }
		#sidebar .block_alt .header { background: url(/images/box_red_header.gif) no-repeat;  padding:6px 12px 4px 12px}		
		#sidebar .block_alt .footer { background: url(/images/box_red_footer.gif) no-repeat left bottom;  padding:6px; height:1px; }		
		#sidebar .block_alt .header h3 {margin:0px; padding:0p; color:#FFFFFF }	
		#sidebar .block_alt .content {padding:4px; border:1px solid #cc0000; border-top:0; border-bottom:0 ;overflow:hidden}				
		#sidebar .block_alt .content h4 {margin:0px; padding:0px }		
		#sidebar .block_alt .content h3 {margin:0px; padding:0px }			
		#sidebar .block_special {margin-bottom:6px }
		#sidebar .block_special .header { background: url(/images/box_green_header.gif) no-repeat;  padding:6px 12px 4px 12px}		
		#sidebar .block_special .footer { background: url(/images/box_green_footer.gif) no-repeat left bottom;  padding:6px}		
		#sidebar .block_special .header h3 {margin:0px; padding:0p; color:#FFFFFF }	
		#sidebar .block_special .content {padding:4px; border:1px solid #006600; border-top:0; border-bottom:0 }				
		#sidebar .block_special .content h4 {margin:0px; padding:0px 	}			
		#sidebar .block_special .content h3 {margin:0px; padding:0px }			
		#sidebar .block {margin-bottom:6px }
		#sidebar .block .header { background: url(/images/box_yellow_header.gif) no-repeat;  padding:6px 12px 4px 12px}		
		#sidebar .block .footer { background: url(/images/box_yellow_footer.gif) no-repeat left bottom;  padding:6px}			
		#sidebar .block .header h3 {margin:0px; padding:0px }	
		#sidebar .block .content {padding:4px; border:1px solid #ffcc66; border-top:0; border-bottom:0; height:100%; overflow:auto; display:block }				
		#sidebar .block .content h3 {margin:0px; padding:0px }	
		#sidebar .block .content h4 {margin:0px; padding:0px }				
		#sidebar .block .content ul  {margin:0px}	
		#sidebar .block .content ul li {margin:0px; padding:0px; padding-left:16px; background:url(/images/home_arrow.gif) no-repeat 3px 3px; list-style:none}		

		#sidebar .block_small { width: 145px; height:80px; margin-bottom:7px; margin-right:7px; float:left }					
		#sidebar .no_margin { margin-right:0px}			

ul.newslist { margin:0; padding:0; list-style:none}
ul.newslist li { margin:0; padding:0; list-style:none}

/* Prikbord Specific Styles */

#prikbord {
	background-color: #C00;

}

#prikbord img {
	margin: 0px;
	padding: 0px;
}

#prikbord th {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #C00;
	text-align: left;
}

#prikbord td {
	background-color: #FFFFFF;
}


#prikbordform  {
	background-color: #006600;
}

#prikbordform  th {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #C00;
	text-align: left;
}

#prikbordform  td {
	background-color: #FFFFFF;
}

#prikbordform  th.buttons {
	background-color: #66CC66;
}

#prikbordform  th.buttons input{
	padding: 2px;
}

.data td.highlight {
	background-color: #FFCC66;
}


table.data {
	background-color:#006600;
	
}

table.data td {
	background-color:#FEFFEE;
}

table.data td.right {
	text-align : right;
}

table.data th {
	background-color:#006600;
	color:#FFFFFF;
	text-align:left
}

table.data th a, table.data th a:active , table.data th a:hover, table.data th a:visited , table.data th a:link{
	color:#FFFFFF;
}

table.data th.sub{
	background-color:#66CC66;
	color:#FFFFFF;	
	text-align:left	
}

table.data td a img{
	padding : 0px;
	margin : 0px;
}


#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1200;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1400;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}


/* Forms */

#pform textarea , #pform input,  #pform select {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

 #pform select{
	font-size:10px 	;
 }


/* Datepicker Classes */

#pform .DatePicker /* main datepicker style */
{
     background-color: #FFF;
	 border:1px solid #F00;
}


#pform .DatePickerHdr /* style for the header row */
{
	color: #CC0000;
}

#pform .DatePickerHdrBtn /* style for buttons in the header row */
{
	color: #CC0000;
	cursor: pointer;
	background-color: #FFCC66;
}

#pform .DatePickerBtn /* style for the calendar area */
{
	 color: #CC0000;
	 font-weight:bold	; 
     cursor: pointer;
}

#pform .DatePickerBtnSelect /* highlighted date */
{
	 color: #FFF;
     background-color: #F00;	 
     cursor: pointer;
	 font-weight:bold
}

#paging {}


#paging #browse{
	display:block;
	height:22px
}

#paging #pages{
	display:block;; margin-top:2px
}

#paging #pages a.pg, #paging #pages span.pgnl, #paging #pages span.pgs, #paging #browse a.pg, #paging #browse span.pgnl  {
	background-color: #c00;
	border: 1px solid #c00;
	color: #FFF;		
	font-weight: bold;
	padding:2px;
	text-align:center;
	text-decoration:none;
	display:block;
	margin: 0px 2px 1px 0px;
	float:left;
	width:16px;	
}

#paging #browse span.pgnl{
 	width:116px;
}

#paging #pages a.pg:hover, #paging #pages a.pg:active, #paging #browse a.pg:hover, #paging #browse a.pg:active, #paging #pages span.pgs  {
	background-color: #fff;
	color: #C00;	
}

#legend { border:1px solid #ccc; background-color:#eee; padding:6px; margin-top:25px}

.infobox{
	background-color: #fff5cb;
	padding: 6px;
	font-size:9px;
	position: relative;
	right: 0px;
	border-top: 1px solid #999999;
	border-right: 2px ridge #666666;
	border-bottom: 2px ridge #666666;
	border-left: 1px solid #999999;
}

.infobox h4 { margin-top:0px}

a.order { padding-left:16px; background:url(/images/basket.gif) no-repeat}
a.full { padding-left:16px; padding-top:4px; padding-bottom:4px; background:url(/images/full.gif) no-repeat 0px 5px; display:block}
a.partial { padding-left:16px; padding-top:4px; padding-bottom:4px; background:url(/images/partial.gif) no-repeat 0px 5px; display:block}

.detailed_map { float:left; width:460px}
.detailed_sign  {position:absolute;z-index:200;} 
.detailed_sign img { position:absolute; top:40px; left:20px; float:left}

.route_details { float:right; width:170px }
.route_details h3 { margin-bottom:4px}
.route_details h4 { }		

#selection {}

#selection ul {margin:0;padding:0;list-style:none}
#selection li {margin:0;padding:0; }
#selection ul li a, #selection ul i a:link, #selection ul li a:visited {}
#selection ul a:hover, #selection ul li a:active {color:#fff;text-decoration:underline}

#selection {
	position: relative;
	width: 100%;
	float:left;
	width:145px;

	/*width: 760px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#selection ul#toggle {
	margin: 0;
	padding: 0;

	float:left;
	width:145px;

	/*border-top: 1px solid #fff;*/
	/*width: 60em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#selection ul#toggle li  {
	display: inline;
	list-style: none;
}

#selection ul#toggle a,#selection ul#toggle a.current {

	display: block;
	width:144px;
	padding: 1px 0px;
	margin:  0;	
	text-align: left;
	font-size: 100%;
	text-decoration: none;
	border-right:1px solid #cc0000;
	border-top:1px solid #fcffed;	
	border-bottom:1px solid #fcffed;			


}

#selection ul#toggle span, #selection ul#toggle a.current,#selection ul#toggle a.current:hover {
	margin-top: 0;
}

#selection ul#toggle a {

}

#selection ul#toggle a span {

}

#selection ul#toggle li a:hover, #selection ul#toggle li a:active, #selection ul#toggle li a.selected{
	margin-top: 0;
	color: #fff;
	background-color:#c00;
	border-right:1px solid #c00;	
	border-top:1px solid #c00;	
	border-bottom:1px solid #c00;		
}

#selection ul#toggle li a:hover span, #selection ul#toggle li a.selected span{
	color:#868686;
	font-size:9px
}

#selection ul#toggle li.selected a#current {
	background: #fff;
}

#toggle .sub{
	display:none;

}

#map { width:635px; float:left; background:  url(/images/icon_rotation.gif) no-repeat 105px 60px; }
#map ul {margin:0;padding:0;list-style:none}
#map li {display:inline;margin:0;padding:0}
#map {padding:0px;}
#map ul li span, #map ul li a, #map ul i a:link,#map ul li a:visited {color:#000;text-decoration:none;font-weight:bold}
#map ul a:hover,#map ul li a:active {color:#1f3e98;text-decoration:underline}
#map ul li a.last, #map ul i a.last:link,#map ul li a.last:visited {border-right:0px;}

#transscreen { background-color:#CC0000;filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40; height:32px; display:block}

.shadetabs{
padding: 3px 0;
margin: 0;
margin-left: 15px;

list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
display:block; height:auto; overflow:auto;
top:2px;
position:relative
}

.shadetabs li{
float:left;
margin: 0;

position:relative
}

.shadetabs li a, .shadetabs li a:link , .shadetabs li a:visited{
text-decoration: none;
padding: 0px 0px 0px 28px;
margin-right: 3px;
font-size:12px;
color: #0f529e;
background:  url(/images/background_tab.gif) no-repeat 0px 1px;
font-weight:normal;

display:block;
}

.shadetabs li a:visited{
}

.shadetabs li a:hover{
text-decoration: none;

}

.shadetabs li a span, .shadetabs li a:link span, .shadetabs li a:visited span {
	background: url(/images/background_tab_end.gif) no-repeat right 1px;
	padding: 7px 28px 7px 0px;
	display:-moz-inline-box;
	display:inline-block;
	cursor:hand;

}


.shadetabs li.selected{
position: relative;
}



.shadetabs li a.selected, .shadetabs li a.selected:link, .shadetabs li a.selected:visited{ /*selected main tab style */
background: url(/images/background_tab_selected.gif) no-repeat;
padding: 0px 0px 0px 22px;
font-weight:bold;
font-size:12px;
color: #000
}

.shadetabs li a.selected span, .shadetabs li  a.selected:link span, .shadetabs li a.selected:visited span {
	background:url(/images/background_tab_selected_end.gif) no-repeat right top;

	padding: 6px 22px 8px 0px;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontentstyle{ /*style of tab content oontainer*/
border-top: 2px solid #cccccc;
background-color:#FFFFFF;

margin-bottom: 1em;

height:645px;
width:780px;
padding:10px 0px 5px 0px

}

.contentstyle{
background:#fff;
}

.tabcontent{
}

@media print {
.tabcontent {
display:block!important;
}
}