/*
ARDIS CSS 2009
*/

body, td, p, span, a {
   font: 9pt/18px Verdana, Arial, sans-serif; color: #000; 
}

a {
   color: #d93940;text-decoration:none;
}

a:hover {
   color: #d93940;text-decoration:underline;
}
img {
   border:0px; 
}

html,body 	 {
   margin:0px; padding:0px;
}

li {
   margin-left: 20px;
}

ul {
   margin-left: 0px;
}

 
#logo_div {
   position: absolute; left:50%; margin-left: -507px; z-index:1000; margin-top: 70px; overflow: hidden; width: 75px; height: 190px; 
}

#bg_lijn_div {
   position:absolute; z-index: 20; width: 100%; top: 70px; height: 15px; background: url(../images/bg_content.png) repeat-x top left;
}


/* CONTENT DIV */
#content_div {
   position: absolute; left: 50%; margin-left: -400px; margin-top: 90px;  Z-index: 10;  width: 900px; display:block; 
}

#content_div .kop{
   font-weight:normal; 
   font-size: 12pt !important; color: #0084ff; float:left;
}

#content_div .kop h1{ 
   font-weight:normal; 
   font-size: 12pt !important; color: #0084ff; padding:0px; margin-top:46px;
}
#content_div td{
   text-align:justify;
}
#content_div img{
   margin: 10px;
}
#content_div div img {
   margin: 0px;
}

/* CONTENT HOME DIV*/
#content_home_div {
   position: absolute; left: 100%; margin-left: -350px; margin-top: 90px; z-index: 10; min-height: 150px; height: 370px; display:block; 
}

#scroll_home_div {
   position:relative; height: 110px; overflow: auto; font-size: 8pt; line-height: 16px; text-align:left;
}


.content_cel{
   background: url(../images/home_content_vlak.png) repeat center center;
   width: 100%; 
   vertical-align: top; 
   padding: 10px; 
   /*border: 1px solid #d93940; */
   border: 1px solid #999; 
   filter:progid: DXImageTransform.Microsoft.AlphaImageLoader (src='../images/home_content_vlak.png', sizingMethod='scale');
   text-align: center;
   line-height: 20px;
   font-size: 8pt;
}

.content_cel a {
   font-size: 8pt; white-space:nowrap;
}

.content_cel p {
   font-size: 8pt; 
}
.content_cel_kop {
   font-size: 8pt; font-weight:bold; /*background-color:#d93940;*/ background-color:#999; color:white; padding-left:10px; line-height:16px
}

.content_cel_kop h1 {
   font-size: 8pt !important; font-weight:bold; line-height:16px; padding:0px; margin:0px;
}


.blokrechts{
   display: inline-block;
   width:230px;
   max-width:230px;
   overflow:hidden;
   line-height:16px;
   text-align:left;
   margin-bottom:5px;
   margin-top:5px;
   background-color:white;
   cursor: pointer;
   cursor: hand;
   float:left;
}

.blokrechts p{
   line-height:14px;
   font-size: 8pt;
}

.blokrechts a{
   line-height:14px;
   font-size: 8pt;
}

/* TOOLBAR DIV */
#toolbar_div_home {
   position: absolute; left: 0px; top: 485px; display: block; height: 190px; width: 100%; z-index: 255; font-size:7.5pt; color: #666666; background-color: white; background: #FFFFFF url(../images/bg_toolbar.png) repeat-x left 158px ;
}

#toolbar_div {
   position: fixed; bottom: -135px; left: 0px; display: block; height: 190px; width: 100%; z-index: 255; font-size:7.5pt; color: #666666; background: #FFFFFF url(../images/bg_toolbar.png) repeat-x left 158px ;
   
   /*position: fixed; bottom: 0px; left: 0px; display: block; height: 190px; width: 100%; z-index: 255; font-size:7.5pt; color: #666666; background-color: white;*//*background: #FFFFFF url(../images/bg_toolbar.png) repeat-x left 158px ;*/
}
#toolbar_div sel{
   bottom: 0px;
}

#toolbar_div_home a, #toolbar_div a {
   font-size: 7.5pt;
}


#speerpuntenDiv {
   position:absolute; margin-top: -12px; background: url(../images/speerpunten_bg.png) repeat-x top left; text-align:right; width:100%; height: 34px; 
}

#flash_div {
   position:absolute; margin-top: 18px; width: 100%; text-align:center; 
}

#naw_div {
   position:absolute; margin-top: 162px; width: 100%; text-align:center; 
}


/* BG IMG */
#bg_img_div {
   position: absolute; width:100%; height: 420px; min-height: 420px; top: 70px; text-align: center; z-index:9; 
   /*display: none;*/
}


/* MENU */ 
#menu_div {
   position: absolute; left:50%; margin-left: -440px; z-index: 3; height: 40px; top: 10px; display:block; 
}

#menu_div ul {
   position: relative; float: left; margin: 0px; padding: 0px; list-style: none; height: 70px; overflow:hidden
}

#menu_div ul li {
   position: relative; float: left;
}

#menu_div ul li a {
   font-family: Palatino Linotype, Verdana, Arial; font-size: 12pt; color: #787878; line-height: 29px; padding: 30px 20px 0px 20px; background: url(../images/menu_bg_n.png) repeat-x center center; display:block;
}

#menu_div ul li a:hover {
   text-decoration:none; color: #000; background: url(../images/menu_bg_h.png) repeat-x center center; 
}


#menu_div ul li a.menu:hover {
   border-bottom: 3px solid #d93940;
}


#menu_div ul li a.sel {
   text-decoration:none; color: #000; background: url(../images/menu_bg_h.png) repeat-x center center; 
}

#menu_div ul li a.menu_sel {
   border-bottom: 3px solid #d93940;
}


#menu_div ul li a:hover.sel {
   color: #000; 
}


/* SUBMENU*/
.submenu {
   position: absolute; left: 50%; margin-left:-500px; z-index: 256; top: 70px; background: url(../images/clear_trans.png) repeat top left; width: 930px; border-bottom: 1px solid #b7b7b7; display:none;padding-left:70px;
}

.submenu ul {
   float: left; padding: 0px; margin:0px; list-style: none; 
}

.submenu ul li {
   float: left; padding:10px; width:150px; border: 0px solid grey; margin-left:0px;
}

.submenu ul li.newline {
   clear: both; padding:10px; width:150px; 
}

.submenu ul li ul {
   float: left; margin: 0px; 
}

.submenu ul li ul li {
   border:none; list-style: none; padding:0px 
}

.submenu ul li ul li.pag {
   list-style-type: square; margin-left:15px; line-height: 14px; 
}

.submenu ul li ul li.pag_sel {
   list-style-type: square; margin-left:15px; line-height: 14px; color: #d93940; 
}

.submenu ul li ul li.pag_sel a{
   color: #d93940; border-bottom: 1px solid #d93940;
}

.submenu a {
   color: #000000; line-height: 16px; font-size: 8pt;
}

.submenu a:hover {
   color: #d93940; line-height: 16px; font-size: 8pt;background-color: white; 
}

.submenu .kop, .kop_sel {
   clear: both; line-height: 18px; 
}


.submenu .kop a {
   font-weight: bold; border-bottom: 1px solid black; 
}

.submenu .kop_sel a {
   font-weight: bold; border-bottom: 1px solid #d93940; color: #d93940 
}

.submenu .ico {
   text-align:center; 
}

/*.submenu .sel {
   border-bottom: 1px solid #d93940; color: #d93940 
}
*/

/* MENU BOVEN*/
#menu2_div {
   position:absolute; left: 50%; margin-left: -500px; width:1000px; height: 25px; text-align:right; z-index: 4; display: block; float:right;
}

#menu2_div ul {
   position: relative; float: right; margin: 0px; padding: 0px; list-style: none; overflow:hidden; height: 25px;
}

#menu2_div ul li {
   position: relative; float: left; background: url(../images/clear_trans.png) repeat top left; margin-left:1px;
}

#menu2_div ul li a {
   height: 25px; line-height: 25px; display:block; padding: 0px 10px 0px 10px; font-size: 7.5pt; color: #000;
}

#menu2_div ul li a:hover {
   background-color: #d93940; color: white; text-decoration:none
}


#content_home_div .kop {
   font-weight:bold; border-bottom: 1px solid #e32e36; line-height: 25px; display:block; margin-bottom: 5px;
}


#compdivs img {
   margin-right:5px;
}

.compUitlegDiv {
   position: absolute; left: 50%; top: -400px; display: none; width:250px; height: 415px; z-index:1001; overflow:auto; 
}

.compUitlegDiv table td {
   font-size:8pt; line-height:14px; 
}

.compWoordDiv {
   z-index:9; text-align:center; 
}

.compWoord {
   color: white; font: bold 16pt Palatino Linotype, Verdana, Arial; cursor: pointer; white-space:nowrap; 
}


/* wissel BG div*/
#wisselBgDiv {
   position: absolute; left: 50%; margin-left:-500px; top: 450px; z-index:11;
}

#wisselBgDiv img {
   margin-right:10px;
}


/* uitleg woorden met bubbletekst*/
.uitlegwoord {
   color:#d93940; 
}