body, html { font-family: arial, verdana, tahoma, helvetica; font-size: 12px; color: #5a474c; }

td { vertical-align: top;  line-height: 16px; }
ul, li, form { color: #5a474c; }

a { font-weight: bold; text-decoration: none; color: #5a474c; font-size: 12px; }
a:hover { text-decoration: underline; }
.aul { font-weight: bold; text-decoration: underline; color: #5a474c; font-size: 12px; }
.aul:hover { text-decoration: none; }

h1 { font-family: arial, verdana, tahoma, helvetica;  font-size: 14px; font-weight: bold; color: #000000; padding: 20px 0 5px 0; margin: 0; }
h4 { font-family: arial, verdana, tahoma, helvetica;  font-size: 14px; font-weight: bold; color: #0061a0; padding: 20px 0 5px 0; margin: 0; }

/* body */
#ie0 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5000;
 background: #ffffff url(../images/00logo/logo_ie.gif) no-repeat top right; visibility: visible; }
#logohead { position: absolute; top: 0; right: 10px; z-index: 8; }
#header { position: absolute; left: 0; top: 10px; width: 100%; height: 85px; z-index: 5; border: 3px solid #bf002a; }
#blenddiv { position: absolute; top: 13px; left: 0; width: 700px; height: 85px; z-index: 6; overflow: hidden; }
#header3 { position: absolute; top: 13px; left: 0; z-index: 7; height: 85px; width: 700px; background-image: url(../images/00logo/panocover.png); }
#stripet { position: absolute; top: -5px; left: 0; z-index: 8; height: 25px; width: 100%; background-image: url(../images/00logo/senzstripet.png); }
#stripeb { position: absolute; top: 91px; left: 0; z-index: 8; height: 25px; width: 100%; background-image: url(../images/00logo/senzstripeb.png); }
#foot { position: absolute; left: 0; bottom: 0; width: 100%; height: 20px; z-index: 100; }
#foot div { position: absolute; height: 20px; cursor: pointer; background-position: center; background-repeat: no-repeat; }
#orglogo, #rabologo { position: absolute; bottom: 2px; width: 65px; height: 30px; z-index: 101; cursor: pointer; }
#orglogo { right: 5px; width: 130px; }
#rabologo {  right: 142px; width: 73px; }
.divobjbgdet1, .divobjbgdet2 { position: absolute; top: 50%; left: 50%; width: 800px; height: 599px; margin: -250px 0 0 -480px; z-index: 2; 
overflow: hidden; } 
.divobjbgdet1 img { width: 800px; }
.divobjbgdet2 { background-image: url(../images/00logo/frame.png); z-index: 3; }

/* hoofdmenu*/
#kolhfdm, #kolhfdmhome { position: absolute; left: 10px; top: 135px; z-index: 10; overflow: visible; }
#kolhfdmhome { top: 18px; }
.tdknophm, .tdknophmst { vertical-align: middle; cursor: pointer; width: 130px;  }
.tdknophmst { cursor: default; padding-left: 25px; cursor:default; }

/*submenu*/
#divsm { position: absolute; top: 108px; left: 0; height: 30px; width: 100%; z-index: 100; }
.knopsm { cursor: pointer; padding-right: 20px; }
.divsmhome, #divsmh1 { position: absolute; top: 18px; left: 200px; height: 30px; width: 100%; z-index: 7; visibility: hidden; padding: 2px 0; }
#divsmh1 { visibility: visible; }

/*home*/
#homekrul { position: absolute; left: 0px; width: 100%; top: 50%; margin-top: -230px; bottom: 0; z-index: 5; text-align: center; overflow: visible;   }
#homekrul img { display: inline; }
#nieuwh { position: absolute; right: 15px;  top: 60%; z-index: 6; font-size: 14px; font-weight: bold; text-align: right; }
.wrapper {  position: absolute; right: 15px;  top: 60%; z-index: 1000; width: 400px; height: 150px; overflow: hidden;
 border: #666666 0px solid; }
a.cf_wrapper, p.cf_wrapper { position: relative; }
a.cf_element, p.cf_element { width: 400px; height: 150px; cursor: pointer; }
#nieuws {  position: absolute; top: 18px; left: 200px; height: 30px; z-index: 117; padding: 2px 0; }
#bodynws { position: absolute; left: 200px; top: 100px; right: 100px; bottom: 100px; z-index: 7; vertical-align: top; overflow-y: auto; line-height: 18px; 
border: 1px solid #c1022c; }
.bodytxtnws { width: 93%; margin: 20px; padding: 0; z-index: 3;  text-align: left; line-height: 18px; }
.nwsheadlines, .nwsheadlinesmo { position: absolute; left: 350px; top: 55px; min-width: 300px; z-index: 117; line-height: 18px; cursor: pointer;
 background-image: url(../images/00logo/transplight.png); padding: 10px; border: 1px solid #c1022c; }
.nwsheadlines li, .nwsheadlinesmo li { color: #000000; }
.nwsheadlinesmo { background-image: url(../images/00logo/transplight.png); background-color: #c1022c; }
#swfbanner { top: 0px; left: 0px; z-index: 1; }

/*content general*/
#body { position: absolute; left: 230px; top: 160px; right: 0; bottom: 30px; z-index: 7; vertical-align: top; overflow-y: auto; line-height: 18px; }
.bodytxt { width: 95%; margin: 0; padding: 0; z-index: 3;  text-align: left; line-height: 18px; }
.txtimg { margin: 0 0 20px 20px; padding: 5px; border-left: 2px solid #c1022c; border-bottom: 2px solid #c1022c; }
.lnksimg, .lnksimgmo { margin: 0 15px 0 0; padding: 5px; border-right: 2px solid #c1022c; 
 border-top: 2px solid #c1022c; background-color: transparent; }
.lnksimgmo { background-color: #e7e7e7; }
.bodytxtc { width: 70%; margin: 0; padding: 0; z-index: 3;  line-height: 18px;  }
.divcont { position: absolute;  top: 155px; right: 4%; margin: 0; width: 215px; bottom: 30px; z-index: 8; text-align: right; color: #000000;
line-height: 15px; font-weight: bold; font-size: 11px; overflow-y: auto; }
.divcont br { line-height: 10px; }
.acont { text-decoration: none;  color: #0061a0; font-size: 11px; text-decoration: none; }
.acont:hover {  color: #0061a0; text-decoration: underline; }
.pcont { font-weight: bold; display: inline; line-height: 15px; }

/*aanbod overzicht */
.tdoz { width: 167px; text-align: right; background-color: #000000; background-repeat: no-repeat; background-position: right; cursor:pointer;
font-size: 14px; color: #000000; }
.tdoza { line-height: 20px; font-weight: normal; font-size: 14px;  padding-left: 15px;  }
.tdoza a { text-decoration: none;  font-size: 14px; color: #000000; }
.labeloz { height: 18px; line-height: 18px; font-size: 10px; font-weight: bold; background-color: #c10931; color: #ffffff; 
 font-family: verdana, tahoma, helvetica, arial; }

/* zoekmachine */
#zoekm1 { position: absolute; right: 50px; top: 170px; z-index: 8;  }
.zmbrdr { overflow: hidden; border: 0; width: 198px; height: 20px; margin: 1px; }

/* nav objecten /// blauw /// transp /// tekst /// uit /// icons */ 
#divnav1bl { position: absolute; left: 225px; top: 171px; right: 18px; z-index: 9; height: 10px; background-color: #000000 ; }
#divnav5 { position: absolute; left: 230px; top: 160px; right: 18px; z-index: 12; height: 2px; line-height: 32px; overflow: visible; }
#divnav5 img { display: inline; }
#divnav1a { position: absolute; left: 23px; top: 132px; right: 0; z-index: 102; height: 10px; background-image: url(../images/00logo/transplight.png); }
#divnav1b { position: absolute; left: 10px; top: 132px; right: 0; z-index: 103; height: 10px; background-color: #000000; }
.divnav3ax { position: absolute; left: 17px; top: 86px; width: 366px; z-index: 104; height: 26px; line-height: 20px; text-align: left;
color: #000000; font-size: 12px; visibility: hidden; padding-top: 26px; font-weight: bold; }
#divnav5a { position: absolute; left: 10px; top: 120px; z-index: 106; height: 32px; line-height: 32px; overflow: visible; }

/*omschrijving*/
.imgl { width: 300px; padding: 0 0 0 7px; background-color: #000000; }
.labelobj, .labelobjoh { position: absolute; left: 0; top: 217px; z-index:30; font-size: 11px; }
.labelobjoh { top: 199px; }

/*div subdetails */
#layer2 { position: absolute; top: 142px; left: 15px; right: 0; bottom: 33px;  overflow: auto; 
z-index: 101; padding: 0; margin: 0;  font-weight: bold; }
.l2divadres { position: absolute; top: 111px; left: 10px; right: 0; text-align: center; 
 color: #0061a0;  z-index: 107; padding: 0; margin: 0;  font-weight: bold; }

/*afbeeldingen*/
#fgroot { width: 483px; height: 357px; margin: 0; padding: 0; background-repeat: no-repeat; border-left: 7px solid #000000; } 
.imgth, .imgthmo { display: inline; cursor: pointer; width: 80px; margin: 0; padding-left: 7px; background-color: #000000; margin: 0 0 14px 10px; }
.imgthmo { background-color: #0061a0; }
#imgtoel { position: absolute; border: 1px solid #000000; background-color: #ffffff; padding: 5px; margin: 5px; }
.textareax, .textareaxmo {  border: 0; color: #000000; width: 460px; margin: 312px 5px 0 5px; background-color: transparent;
 height: 34px; line-height: 16px; }
.textareaxmo { background-image: url(../images/00logo/transplight.png); }
#layer2 label { color: #0061a0; }
#loadimg { position: absolute; left: 20px; top: 142px; width: 476px; height: 357px; color: #999999; padding: 196px 0 0 256px;
 z-index: 10; font-size: 20px; font-style: italic; font-weight: bold; text-align: center; line-height: 357px; }

/* google */
#mapLoading { position: absolute; left: 75px; top: 100px; background-color: #e5e3df; width:300px; height:100px;
 font-size: 24px; line-height: 24px; font-weight: bold; color: #86a9e3; }
#gmapobj { position: absolute; left: 0; top: 0; right: 10px; height: 100%; z-index: 4; overflow: hidden; border-left: 10px solid #000000; }
.gfotodiv { position: absolute; right: 30px; bottom: 20px; z-index: 1006; visibility: hidden; padding: 0; margin: 0;
 background-color: #000000; font-weight: bold; color: #ffffff; }
.gfotodiv img { margin: 0; padding: 5px; }

/* flashmovie */
#playerContainer { color: #000000; position: absolute; left: 50%; top: 50%; margin-top: -146px; margin-left: -192px; }

/* sitemap */
.asitemadr { font-weight: normal; }

/* form elements */
.submst, .submmo { color: #000000; float: right; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; background-color: #0061a0; color:#ffffff; }
.submmo { background-color: #c1022c; color:#ffffff; }
#foutm { border: 2px solid #c1022c; }
.frmtable td { font-size: 11px; color: #5a474c; }
.frmtable p { font-size: 11px; color: #0061a0; }
label { font-size: 11px; width: 100%; color: #0061a0; }