html{background:#FFF none repeat scroll 0;color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote{margin:0;padding:0;}
table{border-spacing:0;}
fieldset,img,button{border:0 none;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style-image:none;list-style-position:outside;list-style-type:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0 none;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
body{font:11px verdana;}
table,button{font-size:100%;}
button { cursor:pointer;cursor:hand; }

.content-left{line-height:130%;}
.relatedContent,#footer{font-size:10px;}
#header,#menu,#subMenu{font-size:11px;}

a{text-decoration:none;color:#002280;}
a:hover{text-decoration:underline;}
h1{background: #fff url(img/sprite.gif) no-repeat 7px -201px;font-weight:bold;font-size:18px;color:#002280;padding:0 0 12px 26px;line-height:20px;}
em.italic{font-style:italic;}
em.underline{text-decoration:underline;}

#wrapper{padding:0 0 20px 0;width:924px; position: relative; top: 116px; margin: 0 auto;  }
body.popup #wrapper{margin: 0; padding:0 0 20px 0;width:100%; position: relative; top:0; left: 0;   }


#topbanner { background-color:#F2F2F2;height:90px; position: absolute; top: 8px; left: 50%; margin-left: -462px; padding:8px;text-align:center;width:907px;}



#header{width:100%;height: 80px; background:url(img/sprite.gif) no-repeat 0 -70px; position:relative;padding-top:4px;line-height:13px;}
#header .printLogo { display: none; }
#header #websitevhjaar { background-image:url(http://www.anwb.nl/binaries/images/routeplanner/website-van-het-jaar.gif); background-repeat:no-repeat; height:70px; left:600px; position:absolute; top:-5px; width:200px; }

#header .linkHome { margin-left: 136px; padding-left: 14px; background:url(img/sprite.gif) no-repeat -365px -21px; }

#header .sluiten { position: absolute; right: 26px; top: 48px; color: #002280; cursor:pointer;cursor:hand; background:url(img/sprite.gif) no-repeat -944px -118px; padding: 0 0 0 20px; }
#header .sluiten:hover, #header .hover { text-decoration: underline; }


#wrapper:after,.clearfix:after,ul:after,.more:after,#contentWrapper:after,.content-left:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
* html #wrapper,* html .content,* html .clearfix,* html #contentWrapper,* html .content-left{height:1%;overflow:visible;}
*:first-child+html #wrapper,*:first-child+html .content,*:first-child+html .clearfix,*:first-child+html #contentWrapper,*:first-child+html .content-left{min-height:1px;}

.flash-replaced .alt{display:none;}



.content-left.resultaat { width: 700px; position: relative; float: left; }
#wrapper.route-locatie .content-left { width: 714px; position: relative; float: left; background-color: #edeff6; }
.content-left.resultaat .main { width: 700px; }





#footer{background:url(img/sprite.gif) no-repeat -28px -137px #fff;color:#7D7D7D;width:100%;float:left;display:inline;padding:20px 0 30px 0;}
body.popup #footer{background-position: right -164px; width: 97%; padding: 0; height: 30px; }


#footer li{display:inline;margin:0 6px 0 0;padding:0 6px 0 0;border-right:1px solid #ccc;}
#footer li a{color:#7D7D7D;}
#footer li.firstChild{padding-left: 0;}
#footer li.lastChild{border-right:0 solid;}


#tooltip {background-color: #ffc;border:1px solid #FFD400;display:none;position:absolute;z-index:20002;}
#tooltip h1 {background: #FFD400;color:#002280;display:block;font-size:11px;padding: 0 8px;}
#tooltip p{margin:0;padding: 8px;}

.parking { background: #fff url(../img/pp.png) no-repeat right bottom; width: 250px; }
.parking h1 { background: none; color: #000; font-size: 14px; padding: 0; }
.parking div { margin-top: 10px; }
.parking a.pinfo { padding: 10px 60px 0 0; }

table{border-style:none;border-collapse:collapse;border-spacing:0;empty-cells:show;padding:2px;}
table caption{text-align:left;font-weight:bold;font-size:110%;color:#028;padding:12px 0 24px 0;}
table th{text-align:left;font-weight:bold;color:#028;}
table th,table td{padding:2px;vertical-align:top;}
table .txtRechts{text-align:right;}
table .txtLinks{text-align:left;}
table .txtMidden{text-align:center;}
table.showborderP1 td{border:1px solid #D1E5F8;}
table.showborderP2 td{border:1px solid #FFE97F;}
table.showborderP3 td{border:1px solid #fff;}
table.showRechts{float:right;margin:0 4px 8px 12px;}
table.showLinks{float:left;margin:0 12px 8px 4px;}
table.showbackgroundP1{background-color:#E9F6FF;}
table.showbackgroundP2{background-color:#FFF6CC;}
table.showbackgroundP3{background-color:#fff;}
table.showbackgroundP1 tr.even td,table.showbackgroundP2 tr.even td,table.showbackgroundP3 tr.even td{background-color:#fff;}
table tr.showbackgroundP1{background-color:#D1E5F8;}
table tr.showbackgroundP2{background-color:#FFE97F;}
table tr.showbackgroundP3{background-color:#fff;}
table .showbackgroundP1 td,table td.showbackgroundP1{background-color:#EDEFF6;}
table .showbackgroundP2 td,table td.showbackgroundP2{background-color:#FFF6CC;}
table .showbackgroundP3 td,table td.showbackgroundP3{background-color:#fff;}

.linkList{padding:2px 0 4px 0;}
.linkList li{background:transparent url(img/sprite.gif) no-repeat -1px -291px;padding-left:14px;list-style:none; zoom: 1; }
.linkList li.more{margin-top: 12px;}
li.linkItem,a.linkItem{background:transparent url(img/sprite.gif) no-repeat -1px -291px;padding-left:14px;}
li.linkItem{list-style:none;}

.article { padding-left: 20px; }
.article p { padding: 0 0 1em 0; }
.article h2 { font-size: 14px; padding-left: 0; color: #002280; }








.main { width: 714px; position: relative; float: left; }
body.popup .main { width: 100%; padding: 0; border-right: 0; }
.sub { width:174px; float:right; padding-right: 12px; border: 0; }

.content-left.route-zoeken .main { border-right: 1px solid #EDEFF6; padding: 0 10px 0 0; }





.content-left.locatie-zoeken .main { float: left; width: 248px; }
.content-left.locatie-zoeken .sub { float: right; width: 465px; padding-right: 0; }
.content-left.locatie-zoeken .extras { clear: both; background-color: #fff; padding: 24px 0; }
.content-left.locatie-zoeken .extras p, #locaties p { padding: 0 0 12px 0; }
.content-left.locatie-zoeken .extras a { text-decoration: underline; }

ul.relatedContent { width: 174px; margin-right: 12px; float: right; display: inline; }

ul.relatedContent li {
border-bottom:0px solid #ECEFF6;
line-height:13px;
margin:0 0 8px;
overflow:hidden;
padding:0 0 0px;
}










#wrapper.route-locatie #contentWrapper { background:transparent url(img/relatedContentBorder.gif) repeat-y scroll 729px 0pt; }
#wrapper.resultaat #contentWrapper { margin-left: 16px; background:transparent url(img/relatedContentBorder.gif) repeat-y scroll 712px 0pt; }



.IEinput { padding: 3px 7px 4px 7px; border: 1px solid #b3b6c0; }
.IEinput:focus{border-color:#002280;}


#country, #country1, #country2, #rtvDate { width: 217px;border: 1px solid #b3b6c0; padding: 2px 3px;}
#over_country, #over_location { width: 180px;border: 1px solid #b3b6c0; padding: 2px 3px;}
input { color: #000; }

input.postcode{width:60px;}
input.plaats{width:201px;}
input.straat{width:154px;margin-right:5px;}
input.huisnummer{width:26px;}
input.tijd{width:21px;}
input.defaultInput { color: #727272; }

form input.error { border: 1px solid #f00;}
em.error { color: #f00; }

ul.ikwil input { margin-bottom: -3px; }
ul.soort input[type="radio"],dl.locatie input[type="radio"] { margin-bottom: -3px; }
ul.soort input[type="checkbox"] { margin-bottom: -1px; }
#print-tekst input { margin-left: -2px; }

.hide { display: none; }


/* ALTERNATIEVE NON JAVASCRIPT VERSIE */
body.js-aan #wrapper dl.locatie dt,
body.js-aan .noscript { display: none; }


dl.locatie dd { margin-bottom: 8px; }
dl.locatie dd.tijd { margin-bottom: 14px; }
dl.locatie label { cursor:pointer; cursor:hand; }



ul.ikwil { padding: 10px 0 6px 12px; }
ul.ikwil label { margin-right: 14px; cursor:pointer; cursor:hand; }
ul.ikwil strong { font-size: 12px;  }
ul.ikwil li.firstChild { margin-bottom: 4px;  }





#map-loc { position: relative; border: 1px solid #7f90bf; width: 447px; height: 447px; margin-bottom: 16px; }
.map-buttons { position: absolute; top: 2px; right: 2px; z-index: 10002; }




form.frm-zoeken, 
form.frm-change,
.content-left.locatie-zoeken,
.content-left.locatie-zoeken #error { background-color: #edeff6; }



.reisdata { border-top: 2px solid #bec1cc; border-bottom: 2px solid #bec1cc; padding-bottom:12px; }
.content-left.locatie-zoeken .reisdata { border-top: 0; border-bottom:1px solid #bec1cc; }
.content-left.locatie-zoeken .frm-change { border-bottom: 2px solid #bec1cc;padding-bottom:4px; margin-bottom: 4px; }


#vertrek, #aankomst, #dag { display: inline; float: left; margin: 10px 0 0 12px; width: 220px; overflow: hidden; }
.content-left.locatie-zoeken #vertrek { margin-top: 0px; }
#vertrek strong, #aankomst strong, #dag strong { display: block; margin-bottom: 8px; font-size: 12px; }

#kies-vertrek em, #kies-aankomst em { display: block; font-style: normal; margin-bottom: 6px; }


a.gg { background:url(img/sprite.gif) no-repeat -2px -248px; padding: 3px 6px 3px 18px; }
a.tg { background:url(img/sprite.gif) no-repeat -2px -270px; padding: 3px 6px 3px 18px; }


h2 { font-size: 12px; padding: 6px 12px; }
h2.error { color: #f00; }
h2 em { color: #76787f; }

h3 { font-size: 12px; padding: 16px 0 6px 0; color: #002280; }


ul#reismethode { margin: 0; border-top: 1px solid #bec1cc; }
ul#reismethode li { padding: 6px 0 6px 12px; border-bottom: 1px solid #bec1cc; }
ul#reismethode li li { padding: 4px 0 4px 22px; border-bottom: 0; }
ul#reismethode li label { color: #002280; font-weight: bold; margin-left:4px; cursor:pointer;cursor:hand; }
ul#reismethode li li label { color: #000; font-weight: normal; margin: 0 8px 0 4px;  }
ul#reismethode li.disabled label { color: #637ec9; cursor:auto; }

ul#reismethode li em { color: #76787f; }
ul#reismethode li em.disabled { color: #f00; }
ul#reismethode li.toggled { background-color: #fafafc; }



ul#reismethode li label.auto { background:url(img/sprite.gif) no-repeat right -216px; padding-right: 20px; }
ul#reismethode li.toggled label.auto { background:url(img/sprite.gif) no-repeat right -204px; padding-right: 20px; }

ul#reismethode ul.soort { float: left; width: 442px; }
ul#reismethode ul.via { float: left; width: 217px; }


dl.bewaren { width: 231px; float: right; margin: 12px 15px 0 0; display: inline; }
dl.bewaren dt { font-weight: bold; }
dl.bewaren dd { padding: 2px 0; }
dl.bewaren label { cursor:pointer; cursor:hand; }


button.btn-plan-route { width: 81px; height: 16px;  background:url(img/sprite.gif) no-repeat -363px -2px; margin: 20px 0pt 20px 617px; clear: both; }

button.btn-wijzig { width: 53px; height: 21px; background:url(img/sprite.gif) no-repeat -463px 0px; }
button.btn-toon-op-kaart { width: 107px; height: 16px; background:url(img/sprite.gif) no-repeat -520px -2px;margin: 12px; float: right; }
button.btn-toon { width: 46px; height: 16px; background:url(img/sprite.gif) no-repeat -632px -2px; }
button.btn-print { width: 46px; height: 16px; background:url(img/sprite.gif) no-repeat -685px -2px; }

body button span { text-indent: -99999px; display: block; }




.sub .item { background-color: #FFD400; padding:8px; margin-bottom: 12px; font-size:11px;}
.sub .item h4 { color: #002280; margin-bottom: 4px; }
.sub .item p { margin-top: 6px; }
.sub .flash-replaced { margin-bottom: 12px; }



dl.error {background:transparent url(img/sprite.gif) no-repeat -934px -245px;margin:12px 0 0 12px;padding:0 0 4px 0;color:#f00;}
.content-left.locatie-zoeken dl.error { margin-bottom: 12px; }
dl.error dt{margin:0;padding:0 0 0 20px;font-weight:bold;}
dl.error dd{background:url(img/sprite.gif) no-repeat -953px -230px;margin:0 0 0 20px;padding:2px 0 2px 12px;}







#wrapper.resultaat .container { margin: 0 12px 0 16px; }
#wrapper.resultaat .container h2 { padding: 0; color: #002280; font-size: 14px; } 
#wrapper.resultaat .container em { color: #002280; } 

.overzicht { margin-top: 12px; }


#nav { float: right; width: 500px; }
#nav a { text-decoration: underline; }
#nav a:hover { text-decoration: none; }
#nav li { border-left: 1px solid #002280; padding: 0 6px; float: right; }
#nav li.firstChild, #nav li.lastChild { border-left: 0; }
#nav li.firstChild { margin-left: 24px; }

#locaties { width: 406px; float: left; background-color: #edeff6; }
#locaties dl { width: 186px; padding: 5px 0 12px 12px; float: left; }
#locaties dt {font-weight: bold; padding-bottom: 6px; }

table#methoden { width: 472px; float: right; }
table#methoden th, table.kosten th {background-color: #edeff6; border:1px solid #edeff6; color: #000; font-weight: bold; padding: 2px 4px; }
table#methoden th.firstChild {width: 226px; }
table#methoden td, table.kosten td {border:1px solid #edeff6; padding: 2px 4px; }
table#methoden tr.disabled td { color: #b9b9b9; }
table#methoden td.disabled { color: #b9b9b9; }
table#methoden span {float: right; display: block; width: 178px; }
table#methoden strong, table#methoden a {float: left; }

table.kosten { float: right; width: 276px; }


ul.tabs {font-size:11px;line-height:normal;background:#fff url('img/sprite.gif') no-repeat 0 -304px;padding-top:12px;height:auto!important;height:20px;min-height:20px;margin:16px 0 10px 0;padding:0;}
ul.tabs li { float: left; }
ul.tabs a{float:left;background:url('img/sprite.gif') no-repeat left -24px;margin:0;padding:0 0 0 4px;text-decoration:none!important;height:auto!important;height:20px;min-height:20px;line-height:13px;border-bottom:none;}
ul.tabs a span{float:left;display:block;background:url('img/sprite.gif') no-repeat right -24px;padding:3px 8px 4px 5px;color:#002280;cursor:pointer;cursor:hand;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/ 
ul.tabsNormaal a span{float:none;}
/* End IE5-Mac hack */ 

ul.tabs li a:hover{background-position:0 -48px;}
ul.tabs li a:hover span{color:#002280;background-position:right -48px;}
ul.tabs li.selected a,ul.tabs li.selected a:hover{background:url('img/sprite.gif') no-repeat 0 0;}
ul.tabs li.selected a span,ul.tabs li.selected a:hover span{background:url('img/sprite.gif') no-repeat right 0;color:#002280;font-weight:bold;}



#wrapper.resultaat ul#items { margin: -29px 0 0 0; float: right; }
.content-left.locatie-zoeken ul#items { padding: 0 16px 4px 0; }
ul#items li { float: right; }

ul#items li a { padding-left: 20px; margin-left: 12px; background:url('img/sprite.gif') no-repeat -775px -292px;}
ul#items li a.item-print {}
ul#items li a.item-mobiel {background-position:-770px -275px;}
ul#items li a.item-email {background-position:-775px -258px}


.container-map { position: relative; padding: 12px 0; clear: both; }
.container-map .map-buttons { top: 14px; }
.route-map { height: 506px; border: 1px solid #7f90bf }
.actueel { padding: 0 0 12px 0; }
.beschrijving { padding: 0 0 12px 0; }















ul.vcard { margin: 0 0 12px 0; }
ul.vcard li { display: none; }
ul.vcard li.geo { display: none; }
#wrapper.resultaat ul.vcard li.fn, #wrapper.route-home ul.vcard li.fn { display: none; }


/* de speciale printversie, van alle routemethoden tezamen */

#wrapper-print { width: 654px; line-height:130%; margin: 0 auto;}
#wrapper-print form#print-items { display: none; }
#wrapper-print dt { font-weight: bold; }
body.js-aan #wrapper-print form#print-items { display: block; background-color: #edeff6; margin: 20px 0 12px 0; padding: 0 0 16px 0; }
body.js-aan #wrapper-print form#print-locatie { display: block; background-color: #edeff6; margin: 20px 0 12px 0; padding: 16px 0 16px 0; }

#wrapper-print button.btn-print {float: right; margin-right: 16px; }
#short, #van, #naar { width: 196px; margin-left: 16px; float: left; display: inline; }

#print-wat { width: 196px; float: left; margin-left: 16px; display: inline; }

#print-wat.auto { width: 424px; float: left; }
#print-wat.auto dt { margin: 12px 0 10px 0; font-size: 12px; }
#print-wat.auto dd { float: left; margin: 2px 16px 2px 0; width: 196px; display: inline; }

#print-wat.overig {  }
#print-wat.overig dt { margin: 12px 0 10px 0; font-size: 12px; }
#print-wat.overig dd { margin: 2px 0; width: 196px; }




#print-tekst { float: left; }
#print-tekst dt { margin: 12px 0 10px 0; font-size: 12px; }
#print-tekst dd { float: left; display: inline; width: 20px;}
#print-tekst dd label { display: block; height: 20px; }


#print-tijden { margin: 24px 0 12px 16px; }
#print-kaart,#print-actueel,#print-beschrijving { margin: 12px 0; }

#print-kaart { position: relative; border: 1px solid #7f90bf; }
#print-kaart #map { position: relative; }
#print-kaart #scale { position: absolute; left: 82px; bottom: 2px; }

#table-left { width: 196px; float: left; }
#table-right { float: left; width: 408px; margin-left: 16px; }
#table-left th,#table-right th {background-color: #edeff6; border:1px solid #edeff6; color: #000; font-weight: bold; padding: 2px 4px; }
#table-left td,#table-right td {border:1px solid #edeff6; padding: 2px 4px; }


ul.keuzeLocatie { margin: 6px 0; }
#print-extra p { margin: 12px 0; font-size: 10px; line-height: 12px; }




body.print #wrapper-print.route-locatie p.adres { margin: 0 0 0 16px; }

.content-left.locatie-zoeken .main p { margin: 0 0 0 12px; }
p.omhoog { text-align: right; }



form.frm-locatie .btn-wijzig { margin-top: 12px; }
.content-left.locatie-zoeken .main p a { text-decoration: underline; }
.content-left.locatie-zoeken .main p a:hover { text-decoration: none; }

#map9292ov td { padding: 0; }