﻿html { overflow-y: scroll; overflow-x: auto; }

body { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #012351; background-color: #DFDFDF; margin: 0px; padding: 0px; }
img { border: 0px; }
img.ico { vertical-align: baseline; }
h1, h2, h3 { color: #FF9100; margin-top: 0px; margin-bottom: 3px; }
h1 { font-size: 1.6em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1em; margin-top: 3px; }

a { color: #0066CC; }
a:hover { color: #FF9A00; }


.lbl { display: inline-block; width: 100px; vertical-align: top; line-height: 20px; }
.lblShort { display: inline-block; width: 20px; vertical-align: top; line-height: 20px; }
.fakeLink { cursor: pointer; cursor: hand; }
.fakeLink:hover { color: blue; }
.info { border: dotted 1px gray; background-color: #FAFFA8; height: 25px; line-height: 25px; background-image: url('../Img/information.png'); background-repeat: no-repeat; background-position: 5px 5px; text-indent: 24px; }
.subTitle{font-weight:bold; color:#FF9100}

/* outer en inner page container */
.opc { width: 988px; margin: 0px auto; background-color: White; font-size: 0.7em; background-image: url('../Img/bg.png' ); background-repeat: repeat-y; }
.ipc { width: 960px; margin: 0px auto; border-right: solid 1px #979797; border-left: solid 1px #979797; }

/**PAGE HEADER**/
/**Accessibility**/
.ph { height: 172px; }
.ph .r2 { height: 105px; padding-bottom: 0px; margin-bottom: 0px; }
.ph .acc { height: 35px; text-align: right; background-image: url('../Img/bgAcc.jpg' ); background-repeat: no-repeat; background-position: right top; overflow: hidden; }
.ph .acc a { text-decoration: none; color: #012351; cursor: pointer; cursor: hand; }
.ph .acc a:hover { color: #FF9A00; }
.ph .acc .item { display: inline-block; float: left; font-size: 12px; text-transform: uppercase; font-weight: bold; margin-top: 4px; line-height: 23px; }
.ph .acc .item.img { background-image: url('../Img/logo.png' ); margin: 0px; height: 35px; width: 488px; background-position: 10px 0px; }
.ph .acc .item.toC { width: 124px; margin-left: 0px; }
.ph .acc .item.toC A { display: block; }
.ph .acc .item.chCont { width: 122px; }
.ph .acc .item.chFSize { width: 204px; cursor: pointer; cursor: hand; margin-left: 0px; }
.ph .acc .item.chFSize div { display: inline-block; float: left; }
.ph .acc .item.chFSize .lnks { margin-left: 0px; padding-left: 44px; color: White; }
.ph .acc .item.chFSize .lnks .big { font-size: 16px; margin-top: -1px; }
.ph .acc .item.chFSize .lnks .sml { font-size: 12px; margin-top: 0px; margin-right: 5px; }
.ph .acc .item.chFSize .lnks .lnk { cursor: pointer; cursor: hand; }
.ph .acc .item.chFSize .lnks .selected { color: #FF9A00; }
.ph .acc .item.chFSize .desc { margin-left: 15px; }

.ph .acc .item.chFSize:hover .desc { color: #FF9A00; }
.ph .acc .item.chFSize:hover .lnks .lnk { color: #FF9A00; }

/**Logo image**/
.ph .img { height: 105px; float: left; display: inline-block; width: 640px; background-image: url('../Img/logo.png'); background-position: 10px -35px; background-repeat: no-repeat; }

/**Link buttons**/
.ph .btns { height: 105px; float: left; display: inline-block; width: 312px; text-align: right; padding-left: 8px; }
.ph .btns .btn { display: inline-block; width: 94px; padding-right: 10px; margin-top: 5px; float: left; height: 94px; text-align: left; margin-bottom: 0px; }
.ph .btns .btnImg { height: 53px; background-image: url(  '../Img/btnFull.png' ); text-align: center; padding-top: 5px; background-repeat: no-repeat; }
.ph .btns .btnLnk { height: 31px; background-image: url(  '../Img/btnFull.png' ); text-align: center; font-size: 10px; padding-top: 0px; background-repeat: no-repeat; color: Black; background-position: 0 -58px; vertical-align: middle; padding-top: 5px; display: block; }
.ph .btns .btnLnk:hover { background-image: url(  '../Img/btnBottomHover.png' ); color: White; font-weight: bold; background-position: 0 0; cursor: pointer; cursor: hand; display: block; }
.ph .btns a { text-decoration: none; color: Black; }
.ph .btns a:hover { color: White; }

.ph .mnu { height: 32px; background-image: url(      '../Img/bgGradient.png' ); background-repeat: repeat-x; line-height: 32px; }
.ph .mnu a { color: White; font-weight: bold; font-size: 1.2em; text-decoration: none; }
.ph .mnu a:hover { color: Black; }
.ph .mnu a.hm { float: left; padding-left: 25px; margin-left: 10px; background-image: url(      '../Img/home.png' ); background-repeat: no-repeat; }

.ph .mnu .lng { text-align: right; }
.ph .mnu .lng ul { margin: 0px; padding: 0px; }
.ph .mnu .lng ul li { display: inline; list-style-type: none; margin-left: 10px; margin: 0px; padding: 0px; height: 32px; }
.ph .mnu .lng ul li a:hover span { background-image: url(      '../Img/mnuItm.png' ); color: Black; }
.ph .mnu .lng ul li a.s span { background-image: url(      '../Img/mnuItm.png' );  color:Black;}
.ph .mnu .lng ul li a .f { width: 8px; background-position: 0px -35px; }
.ph .mnu .lng ul li a .txt { background-position: 0px 4px; }
.ph .mnu .lng ul li a .b { width: 8px; background-position: 0px -75px; }
.ph .mnu .lng ul li a span { display: inline-block; height: 30px; padding: 0px; margin: 0px; margin-top: -20px; text-transform: uppercase; }

/** LAYOUT LEFT COLUMN**/
.llc { margin: 10px; }
.llc .c { width: 718px; float: left; padding: 0px; }
.llc .lc { width: 190px; background-color: white; float: left; padding: 0px; }

/** LAYOUT ONE COLUMN**/
.loc { margin: 10px; }

/** CONTAINER TITLED **/
.c_titled { padding: 10px; }
.c_titledBackground { background-image: url(  '../Img/bgGradient.png' ); background-position: 0 -40px; background-repeat: repeat-x; padding: 10px; }

/**PAGE FOOTER**/
.pf { height: 100px; text-align: center; margin-top: 10px; clear: both; }
.pf .pfContent { width: 940px; border-top: solid 1px silver; text-align: right; height: 100px; margin-left:10px }

/** MENU **/
.mMenu { padding-left: 0; margin-left: 0; width: 190px; }
.mMenu li { list-style: none; margin: 0; padding: 0.25em; }
.mMenu li a { display: block;}

/****** SPECIFIEK ****/


.meas .tabs { padding: 3px 0; margin-left: 0; border-bottom: 1px solid #778; font: bold; }
.meas .tabs li { list-style: none; margin: 0; display: inline; }
.meas .tabs li span { padding: 3px 0.5em; margin-left: 3px; border: 1px solid #778; border-bottom: none; background: #DDE; text-decoration: none; }
.meas .tabs li span:hover { color: #000; background: #AAE; border-color: #227; }
.meas .tabs li.current span { background: #F2F2F2; border-bottom: 1px solid #F2F2F2; }
span.selected { font-weight: 900; }

.meas .cont { width: 920px; display: block; height: 130px; }
.meas .cont .clm { width: 306px; float: left; padding: 0px; margin: 0px; height:130px; }
.meas .cont .clm .title {font-weight:bold;color: #FF9100;}
.meas br.ie8 { line-height: 0px; clear: left; }


/* .locationMap is used in the popup for a location on the map*/
.locationMap { width: 245px; }
.locationMap .title { }

.locationMap .tabs { padding: 0; margin-left: 0; border-bottom: 1px solid #778; font: bold; font-size: 0.9em; }
.locationMap .tabs li { list-style: none; margin: 0; display: inline; }
.locationMap .tabs li span { padding: 1px 0.5em; margin-left: 2px; border: 1px solid #778; border-bottom: none; background: #DDE; text-decoration: none; }
.locationMap .tabs li span:hover { color: #000; background: #AAE; border-color: #227; }
.locationMap .tabs li.current span { background: #F2F2F2; border-bottom: 1px solid #F2F2F2; }

.map .waiting { display: none; position: absolute; background-color: #C9CEDE; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; background-image: url('../Img/waiting.gif' ); background-position: center center; background-repeat: no-repeat; }

.mapsel table .clm{ vertical-align:top; width:240px;}
.mapsel table .clm .title{font-weight:bold;color: #FF9100;}
.mapsel table .clm .color{display: inline-block; width: 10px; vertical-align: top; line-height: 16px;}

