/* TODO: dit is oude meuk css, moet nog naar nieuwe stijl voor revisie van april 2009, helaas niet in scope opdracht gehele pagina te voorzien van nette xhtml en css */

#email-opties {
	margin-top: 12px;
	margin-bottom: 4px;
	width: 636px;
	border: 1px solid #7f90bf;
}

#email-opties_tijdelijk {
	margin-left: auto;
	margin-right: auto;
	margin-top: 12px;
	margin-bottom: 4px;
	width: 304px;
	border: 0px solid #7f90bf;
}

.textarea {
	font-family: Verdana;
	font-size: 11px;
	width: 275px;
}

* html .textarea {
	width: 270px;
}

.klein {
	font-size: 10px;
}

.groot {
	font-size: 12px;
}

.grootst {
	font-size: 14px;
}


#titel {
	width: 254px;
	height: 19px;
	background: #ffffff url('../img/h_anwb_routeplanner.gif') no-repeat;
	text-indent: 1000px;
	overflow: hidden;
	margin: 15px 0 0 13px;
}

.margincontent {
	padding: 12px 16px 0px 16px;
	background-color: #ffffff;
;
}

.print-margincontent {
	padding: 0px;
	background-color: #ffffff;
}

#print-banner {
	display: none;
}

.melding {
	color: #fc0204;
	font-size: 10px;
	margin-top: 2px;
}

.error, .accent {
	color: #fc0204;
}

.col {
	width: 219px;
	float: left;
	padding-right: 22px;
	padding-bottom: 8px;
}

.col input {
	height: 15px;
}

.col input.straat {
	width: 126px
}

.col input.nummer {
	width: 75px
}

.col2 {
	width: 215px;
	float: left;
	padding-bottom: 8px;
}

.col2 select {
	width: 215px
}

.heightfix {
	height: 139px;
}

* html .heightfix {
	height: 143px;
}

ul.linklist {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

ul.linklist li {
	padding: 0px 0px 1px 12px;
	background: url('../img/li-small.gif') no-repeat 2px 3px;
}

ul.linklist li a {
	color: #002280;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
}

ul.linklist li a.act {
	text-decoration: underline;
}

ul.linklist li a:hover {
	text-decoration: underline;
}


.infosms {
	width: 697px;
	height: 28px;
	margin-top: 12px
}

.print-infosms {
	width: 652px;
	height: 28px;
	margin-top: 12px
}

#stuurnaarmobiel {
	font-size: 12px;
	padding: 6px 0px 10px 21px;
	margin: 0px;
	background: #ffd400 url('../img/bullet_blue.gif') no-repeat 8px 10px;
}

div#maincontent {
	float: left;
	width: 697px;
	padding: 0px;
	padding-right: 8px;
	margin: 8px 0 24px 0;
	border-right: 1px solid #edeff6;
}

div#print-maincontent {
	margin: 0px;
}

.w220 {
	width: 220px;
}

.w226 {
	width: 186px;
}

.w305 {
	width: 305px;
}

.w365 {
	width: 365px;
}

.w170 {
	width: 170px
}

.w85 {
	width: 85px
}

.h159 {
	height: 200px;
}



.weer-top {
	border-bottom: 2px solid #ffffff;
	padding: 5px 6px 6px 6px;
	font-weight: bold;
	color: #002280
}

.weer-mid {
	border-bottom: 2px solid #ffffff;
	padding-left: 0px;
	padding-right: 6px;
	height: 40px
}

.weer-mid img {
	float: left;
	margin-right: 6px;
	border: 1px solid #edeff6
}

.weer-mid .temp {
	font-size: 15px;
	font-weight: bold;
	padding-top: 3px;
}

.weer-bot {
	padding: 0px 6px 6px 6px;
}


/* -------------  ALGEMEEN ------------- */

.current {
	font-weight: bold;
}

a.strong {
	font-weight: bold;
}

a.none {
	text-decoration: none;
}

a:hover.none {
	text-decoration: underline;
}

a.underline {
	text-decoration: underline;
}

a:hover.underline {
	text-decoration: none;
}


.dim {
	color: #aca899;
}

.strong {
	font-weight: bold;
	color: #002280;
}

.titel {
	font-weight: bold;
	color: #002280;
}

.bold {
	font-weight: bold;
}

.clear {
	clear: both;
}

.clearnone {
	clear: both;
	visibility: hidden;
	display: block;
	margin: 0px;
	padding: 0px;
}

hr {
	height: 1px;
	border: 0;
	color: #edeff6;
	background-color: #edeff6;
}

hr.d {
	height: 2px;
	border: 0;
	color: #edeff6;
	background-color: #edeff6;
}

.textrechts {
	text-align: right;
}


.criteria {
	margin-left: 20px;
}

.buttons {
	margin-top: 20px;
	float: right;
	right: 0px;
	margin-bottom: 10px;
	display: block;
}

* html .buttons {
	margin-bottom: 3px;
	display: block;
}

.buttons img {
	padding-left: 8px;
}

.buttons2 img {
	padding-left: 8px;
}


.links {
	float: left;
	left: 0px;
}

.rechts {
	float: right;
	right: 0px;
}

.text-rechts {
	text-align: right;
}

.center {
	text-align: center;
}













/* "table-specificaties" module GEGEVENS in table
-------------------------------------	*/

table.table-route {
	width: 100%;
	border-style: none;
	border-collapse: collapse;
	empty-cells: show;
	table-layout: auto;
}

table.table-route th {
	font-weight: bold;
	color: #002280;
	padding: 4px 0px 4px 8px;
}

table.table-route td {
	vertical-align: top;
}

table.table-route tr.oneven td, table.table-route tr.oneven th {
	background-color: #fff6cc;
	padding: 2px 0px 3px 8px;
}

table.table-route td.km {
	font-weight: bold;
	text-align: right;
	padding-right: 8px!important;
}

table.table-route tr.even td, table.table-route tr.even th {
	padding: 2px 0px 3px 8px;
}

table.table-route tr.totaal td {
	border-top: 1px solid #002280;
	padding: 2px 0px 3px 8px;
}

table.table-route td.meer {
	padding: 5px 0px 6px 8px;
}

table.table-route tr.oneven td.pad08, table.table-route tr.even td.pad08 {
	padding: 2px 0px 3px 8px;
}






h4.in {
	margin: 0;
	padding: 5px 8px 5px 22px;
	background: #edeff6 url('../img/i_plus.gif') no-repeat 7px 6px;
	font-size: 11px;
	border-bottom: 2px solid #ffffff;
	display: block;
}

h4.out {
	margin: 0;
	padding: 5px 8px 5px 22px;
	background: #edeff6 url('../img/i_min.gif') no-repeat 7px 6px;
	font-size: 11px;
	border-bottom: 2px solid #ffffff;
	display: block;
}

h4.out-dim {
	margin: 0;
	padding: 5px 8px 5px 22px;
	background: #edeff6 url('../img/i_min-dim.gif') no-repeat 7px 6px;
	font-size: 11px;
	border-bottom: 2px solid #ffffff;
	color: #7f90bf!important;
}

h4.noicon {
	margin: 0;
	padding: 5px 8px 5px 22px;
	font-size: 11px;
	border-bottom: 2px solid #ffffff;
	display: block;
}

h4 a {
	text-decoration: none;
}

h4 a:hover {
	text-decoration: underline;
}











.toon .inactive {
	display: none;
}

.toon {
	display: block;
}

* html .toon {
	height: 380px;
}

.toon h4.in {
	background: #d9deec url('../img/i_plus.gif') no-repeat 7px 6px;
	border-bottom: 2px solid #edeff6;
}

.toon h4.out {
	background: #d9deec url('../img/i_min.gif') no-repeat 7px 6px;
	border-bottom: 2px solid #edeff6;
}

.toggle-img {
	margin-left: -15px;
	margin-right: 4px;
}

.imagecontainer {
	border: 1px solid #7f90bf;
	margin: 0px;
	padding: 0px;
	width: 454px;
}

.zoom-tool {
	height: 55px;
	border-top: 1px solid #7f90bf;
	background-color: #eff2f7;
	margin-top: -2px;
}

* html .zoom-tool {
	height: 56px;
}

.print-zoom-tool {
	height: 35px;
	border-top: 1px solid #7f90bf;
	background-color: #eff2f7;
	margin-top: -2px;
}

* html .print-zoom-tool {
	height: 36px;
}

.zoom-tool .schaal {
	margin-top: 8px;
	margin-left: 17px;
}

.print-zoom-tool .schaal {
	margin-top: 8px;
	margin-left: 17px;
}

.table-zoom {
	width: 100%
}

.table-zoom td {
	padding-top: 10px;
	padding-left: 17px;
	padding-right: 17px;
}

.zoom {
	float: right;
}

.zoom .in {
	position: relative;
	width: 22px;
	height: 15px;
	overflow: hidden;
	border: 1px solid #7f90bf;
}

.zoom .in .nav {
	z-index: 1000;
	position: absolute;
	padding-top: 1px;
	padding-left: 10px;
	cursor: pointer;
}

.zoom .out {
	width: 202px;
	height: 177px;
	overflow: hidden;
	border: 0px solid #7f90bf;
}

.zoom .out .nav {
	z-index: 1000;
	position: absolute;
	padding-top: 1px;
	padding-left: 188px;
	cursor: pointer;
}

* html .zoom .out .nav {
	padding-left: 186px;
}

.zoom .out img.min {
	margin: 1px;
}

.zoom .out img.plus {
	margin-left: 10px;
	margin-top: 1px;
	display: none;
}

.zoom .out img.border {
	border: 1px solid #7f90bf;
	z-index: 0;
}

a.txtin {
	text-decoration: none;
}

a.txtin:hover {
	text-decoration: underline;
}

a.txtout {
	clear: both;
	text-decoration: none;
	display: block;
}

a.txtout:hover {
	clear: both;
	text-decoration: underline;
	display: block;
}

.toon .kop {
	padding: 5px 6px 6px 6px;
	font-weight: bold;
	color: #002280
}

.toon-margin {
	margin-left: 7px;
	margin-bottom: 8px;
}

.bannerblok {
	text-align: center;
}

.bannerblok div {
	padding-bottom: 2px;
	color: #7d7d7d;
	font-size: 10px;
	text-align: center;
}

/* ------------- padding en margin ------------- */

.padding8888 {
	padding: 8px;
}

.top24 {
	margin-top: 24px;
}

.top08 {
	margin-top: 8px;
}

.top4px {
	padding-top: 4px;
}

.top12 {
	margin-top: 12px
}

.bottom6 {
	margin-bottom: 6px;
}

/* ------------- breedte tabel ------------- */

.spacerh {
	height: 12px;
}

.spacer {
	width: 12px;
}

/* ------------- kleuren ------------- */

.kleur0 {
	color: #000000;
}

.kleur2a {
	color: #002280;
}

.kleur2b {
	color: #7f90bf;
}

.kleur6b {
	color: #7d7d7d;
}

.kleur6b .titel,.kleur6b label {
	color: #7d7d7d;
}

.bgkleur1a {
	background-color: #ffd400;
}

.bgkleur1d {
	background-color: #fff6cc;
}

.bgkleur2c {
	background-color: #d9deec;
}

.bgkleur2d {
	background-color: #edeff6;
}


/* ------------- formulier smal middel long ------------- */

select.smal,
input.smal {
	width: 58px;
	font-size: 11px;
/* margin: 2px 0 4px 0; */
}

input.xsmal {
	width: 20px;
	font-size: 11px;
	margin-top: 4px;
}

* html input.xsmal {
	width: 20px;
	font-size: 11px;
	margin-top: 2px;
}

select.long {
	width: 219px;
	font-size: 11px;
}

input.long {
	width: 215px;
	font-size: 11px;
}

select.middel,
input.middel {
	width: 81px;
	font-size: 11px;
}

img.valign {
	vertical-align: middle;
}

.info {
	height: 12px;
	width: 12px;
	margin-bottom: -2px;
	border: 0px;
	margin-left: 4px;
}

.radio2 {
	margin-bottom: -2px;
	margin-left: 0px;
}

* html .radio2 {
	margin-bottom: -3px;
	margin-left: -4px;
}

.radio {
	margin-left: 0px;
	margin-top: 4px;
}

* html .radio {
	margin-left: -4px;
	margin-top: 0px;
}

.checkbox {
	margin-left: 0px;
	margin-top: 4px;
	margin-right: 6px;
}

* html .checkbox {
	margin-left: -4px;
	margin-top: 0px;
	margin-bottom: -2px;
	margin-right: 4px;
}

.checkbox2 {
	margin-left: 0px;
	margin-right: 4px;
}

* html .checkbox2 {
	margin-left: -3px;
	margin-right: 4px;
}

.checkbox3 {
	margin-left: 0px;
	margin-top: 4px;
	margin-right: 4px;
}

* html .checkbox3 {
	margin-left: -4px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.opmerkingen {
	width: 891px;
	margin-left: 16px;
	padding: 0px;
	padding-top: 2px
}

* html .opmerkingen {
	padding-top: 0px;
}

.besturingsnav-top {
	width: 891px;
	margin: 0px;
	padding-top: 0px;
}

* html .besturingsnav-top {
	padding-top: 8px;
}

.besturingsnav-bottom {
	width: 891px;
	margin-left: 16px;
	margin-top: 36px;
}

.toolbox {
	padding-right: 9px;
	margin-top: 8px;
}

* html .toolbox {
	margin-top: 0px;
}

.subnav {
	margin: 8px 0 4px 0;
}

* html .subnav {
	margin: 0px 0 4px 0;
}


















.table-reistijd {
	width: 230px;
	border-collapse: collapse;
	margin-top: 12px;
	table-layout: fixed;
}

.table-reistijd tr {
	vertical-align: top;
}

.table-reistijd th {
	font-weight: normal;
	color: #002280;
	background-color: #ffe97f;
	font-size: 11px;
	padding: 4px 4px 5px 4px;
}

.table-reistijd td {
	font-size: 10px;
	background-color: #fff6cc;
	padding: 2px 4px 3px 4px
}

.table-reistijd tr.border td,.table-reistijd tr.border th {
	border: 1px solid #ffe97f;
}

.table-reistijd tr.border1 td {
	border-left: 1px solid #ffe97f;
	border-right: 1px solid #ffe97f;
}











#weersverwachting {
	padding: 12px;
}

#weersverwachting .titel {
	color: #002280;
	font-weight: bold;
	font-size: 12px;
}

#weersverwachting .table-weersverwachting {
	width: 178px;
	margin-top: 5px;
	float: left;
	font-size: 11px;
}

#weersverwachting .table-niet-beschikbaar {
	margin-top: 30px;
	float: left;
	font-size: 11px;
}

#weersverwachting .margin12 {
	margin-left: 12px;
}

#weersverwachting .margintop2 {
	margin-top: 2px;
}

#weersverwachting .table-weersverwachting th {
	font-weight: bold;
	color: #ffffff;
	background-color: #7f90bf;
	text-align: left;
	padding: 3px 6px 4px 7px;
}

#weersverwachting .table-weersverwachting .weer {
	background-color: #edeff6;
	border: 1px solid #d9deec;
	padding: 4px 0px 6px 0px;
}

#weersverwachting .table-weersverwachting .weer img {
	float: left;
	margin-right: 6px;
	border-right: 1px solid #d9deec;
}

#weersverwachting .table-weersverwachting .temp {
	font-size: 15px;
	font-weight: bold;
	padding-top: 3px;
}

.niet-zichtbaar {
	display: none;
}

.zichtbaar {
	display: yes;
}

/* OV9292 */

td#AandachtVertrek.showme {
	background: #ffffff url(../img/li-small.gif) no-repeat 0 7px;
}

table#vvm {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	margin: 12px 0;
}

table#vvm td.vvmType {
	width: 24%;
}

table#vvm td.vvmKosten {
	width: 40%;
}

table#vvm td.vvmVertrek {
	width: 12%;
}

table#vvm td.vvmAankomst {
	width: 12%;
}

table#vvm td.vvmTijd {
	width: 12%;
}

table#vvm thead tr {
	background-color: #edeff6;
	font-weight: bold;
	color: #002280;
}

table#vvm td {
	border: 1px solid #edeff6;
	padding: 2px 0 3px 2px;
}

/* table#vvm td.vvmPowered { background: #ffffff url(../img/vvm_powered.gif) no-repeat right top; } */

table#vvm td.vvmKostenOV {
	border-right: 0;
}

table#vvm td.vvmPowered {
	border-left: 0;
	padding: 0;
	text-align: right;
}

table#vvm tr.active td {
	font-weight: bold;
}

table#vvm tr.active a {
	text-decoration: none;
	cursor: default;
	color: #000;
}

table#vvm tbody td,
table#vvm tbody td a {
	font-size: 10px;
}

table#vvm tbody td a:hover {
	text-decoration: none;
}

h2.vvmKop {
	font-size: 15px;
	padding: 12px 0 4px 0;
}

h2.vvmKop a.gekozen {
	text-decoration: none;
	cursor: default;
}

h2.vvmKop a.niet-gekozen {
	font-size: 12px;
}

h2.vvmKop a.niet-gekozen:hover {
	text-decoration: none;
}

#maincontent.ov9292 .w230 {
	width: 226px;
	padding-left: 4px;
}

#maincontent.ov9292 p {
	padding: 0;
	margin: 0 0 12px 0;
}

#maincontent.ov9292 {
	background: #ffffff url(../img/bg_ov9292.gif) repeat-y 0 0;
}

div#maincontent.ov9292 {
	padding: 4px 4px 0 0px;
	margin: 8px 0 0 0;
	width: 701px;
}

div#maincontent.ov9292 .imagecontainer {
	border: 1px solid #999;
	padding: 0;
	margin: 0 4px 0 0;
	width: 450px;
}

#maincontent.ov9292 .table-reistijd tr.border td, 
#maincontent.ov9292 .table-reistijd tr.border th,
#maincontent.ov9292 .table-reistijd tr.border1 td {
	border: 1px solid #999;
}

#maincontent.ov9292 .table-reistijd th {
	background-color: #999;
	color: #fff;
	font-weight: bold;
}

#maincontent.ov9292 .table-reistijd td {
	background-color: #fff;
	color: #000;
}

#maincontent.ov9292 .table-reistijd ul.linklist li {
	background-image: url(../img/ov/li-small.gif);
}

#maincontent.ov9292 .table-reistijd ul.linklist li a {
	color: #999;
}

.ovVan {
	color: #000;
	padding: 4px 24px 4px 0;
	font-weight: bold;
}

.ovNaar {
	color: #000;
	padding: 4px 24px 4px 0;
	font-weight: bold;
}

.h324 {
	height: 324px;
}

#maincontent.ov9292 h2 {
	color: #707070;
	padding-left: 4px;
}

#maincontent.ov9292 .date {
	color: #707070;
	padding-left: 4px;
}

#maincontent.ov9292 .zoom-tool {
	height: 76px;
	background-color: #fff;
}

#maincontent.ov9292 .zoom-tool table {
	margin-top: 8px;
}

#maincontent.ov9292 .zoom-tool td {
	font-size: 10px;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

#maincontent.ov9292 .zoom-tool th {
	font-size: 10px;
	vertical-align: middle;
	font-weight: bold;
	padding: 2px 4px 2px 2px;
}

#maincontent.ov9292 .zoom-tool .ieRadio {
	margin: 0 -2px -2px 0;
}

#maincontent.ov9292 .opmerking {
	background-color: #fff;
	padding: 24px 0 0px 4px;
}

table#vvmOV {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	margin: 12px 0 4px 0;
}

table#vvmOV thead tr {
	background-color: #999;
	font-weight: bold;
	color: #fff;
	border: 1px solid #efefef;
}

table#vvmOV td {
	padding: 4px 5px;
}

table#vvmOV tbody td {
	font-size: 10px;
}

table#vvmOV tr.even td {
	background-color: #fff;
	border-bottom: 1px solid #999;
}

table#vvmOV tr.oneven td {
	background-color: #ccc;
	border-bottom: 1px solid #efefef;
}

table#vvmOV td.OVaankomst {
	width: 12%;
}

table#vvmOV td.OVplaats {
	width: 15%;
}

table#vvmOV td.OVlocatie {
	width: 26%;
}

table#vvmOV td.OVmanier {
	width: 15%;
}

table#vvmOV td.OVvertrek {
	width: 12%;
}

table#vvmOV td.OVrichting {
	width: 20%;
}

#vvmContent {
	position: relative;
}

h2.kop {
	font-size: 15px;
	font-weight: bold;
	color: #002280;
	padding: 20px 0px 4px 0px;
	margin: 0px;
}
