html,body{ 
   margin:0px; 
   padding:0px;
   font-size: 100%;
   height: 100%;
   background-color: #DFDFDF;
   background-image: url(/html/design/images/back.gif);
   background-repeat: repeat-y;
   background-position: center top;
}
div{ 
   position: relative;
   margin:0px; 
   padding:0px;
}
/* Font Declarations **************************************************************************/
#top{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 0.8em;
   line-height: 1.4em;
}
#footer{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 0.8em;
}
#top input, #top select{
   font-size: 1em;
}
#top textarea{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1em;
}
/* Structuur **************************************************************************/
      .src{}
      .meldkamer{}
      .ghor{}
      .brandweer{}
#top{
   background-repeat: no-repeat;
   background-position: left bottom;
   width: 955px;
   margin: 0px auto;
   display: block;
   padding: 0px 0px;
}
#container{
   float: left;
}
#tableorganogram{
   float: left;
   font-size: 0;
}
   #header{
      background-color: #FFFFFF;
      float: left;
      width: 950px;
      height: 154px;
      left: 5px;
   }
      #logo{
         position: absolute;
         top: 0px;
         left: 0px;
      }
   #quicklinks{
      position: absolute;
      top:-100em;
      left: 0px;
   }
   #columnwrapper{
      float: left;
      width: 945px; /* nodig voor Opera */
      padding: 0px 0px 10px 10px;
      background-image: url(/html/design/images/back_top.gif);
      background-repeat: repeat-y;
      background-position: right top;
   }
      #submenu{
         float: left;
         width: 140px;
         font-size: 0.9em;
         line-height: 1.2em;
         padding-top:50px;
      }
      #submenu h2{
         display: none;
      }
      #submenu ul{
         margin: 0px;
         padding: 1px 0px 0px 0px;
         list-style: none;
         border-top: 1px dotted #F18E00;
         float: left;
         width: 100%;
      }
      #submenu li{
         display: inline-block;
         padding: 0px 0px;
         float: left;
         width: 100%;
         border-bottom: 1px dotted #F18E00;
      }
      #submenu a{
         text-decoration: none;
         color: #7d7d7d;
         display: block;
         padding: 3px 0px 3px 10px;
         background-image: url(/html/design/images/bullet.gif);
         background-repeat: no-repeat;
         background-position: left 4px;
         font-weight: bold;
      }
      #submenu a:hover{
         color: #000000;
         text-decoration: underline;
      }
      #submenu ul ul{
         border: 0px;
      }
      #submenu li li{
          border-top: 1px dotted #F18E00;
          border-bottom: 0px;
      }
      #submenu ul ul a{
         font-weight: normal;
         font-size: 0.95em;
      }
      #contentcolumn_submenu{
         float: left;
         width: 770px;
      }
         #banners{
            float: right;
            width: 120px;
            padding: 0px 10px;
            text-align: center;
         }
         #banners h2{
            font-size: 1.6em;
            padding: 0px 0px 0px 0px;
            font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
            font-weight: normal;
         }
         #banners a{
            margin: 15px 0px;
            display: block;
            background-position: center top;
            background-repeat: no-repeat;
         }
         #contentcolumn{
            float: right;
            width: 595px;
            color: #616161;
            padding-top:50px;
         }
      #banners ul{
         margin: 0px;
         padding: 1px 0px 0px 0px;
         list-style: none;
         border-top: 1px dotted #F18E00;
         float: left;
         width: 100%;
      }
      #banners li{
         display: inline-block;
         text-align: left;
         padding: 0px 0px;
         float: left;
         width: 100%;
         border-bottom: 1px dotted #F18E00;
      }
      #banners li a{
         text-decoration: none;
         color: #6d6d6d;
         display: block;
         padding: 3px 0px 3px 0px;
         margin: 0px;
         font-weight: normal;
         font-size: 0.85em;
      }
      #banners li a:hover{
         color: #000000;
         text-decoration: underline;
      }
#navigation{
   position: absolute;
   top: 0px;
   left: 0px;
}
   #navigation h2{
      display: none;
   }
   #navigation #menu{
      position: absolute;
      width: 935px;
      top: 138px;
      left: 10px;
      margin-top: -1.6em;
      border-bottom: 4px solid #f18e00;
   }
   #navigation #menu ol{
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      list-style: none;
      float: left;
   }
      #navigation #menu li{
         display: inline-block;
         float: left;
         font-weight: bold;
         color: #616161;
         height: 22px;
      }
      #navigation #menu li a{
         text-decoration: none;
         display: inline-block;
         padding: 0px 8px 0px 0px;
         margin-right: 8px;
         color: #f18e00;
         border-right: 1px solid #f18e00;
         line-height: 1.2em;
      }
      #navigation #menu li a:hover{
         color: #000000;
      }
      #navigation #menu li a.last{
         border: 0px;
      }
      #navigation #menu li a.active,
      #navigation #menu li.active a{
         color: #616161;
      }
      #navigation #menu li ul{
         position: absolute;
         background-image: url(/html/design/images/klapmenu.gif);
         background-repeat: no-repeat;
         background-position: left top;
         left: 0px;
         top: 22px;
         background-color: #F6F6F6;
         border-bottom: 4px solid #F18E00;
         border-top: 0px solid #F18E00;
         margin: 0px;
         padding: 11px 0px 5px 0px;
         list-style: none;
         display: none;
         width: 647px;
      }
      .home #navigation #menu li ul{
         width: 791px;
      }
      #navigation #menu li ul li{
         float: left;
         padding: 0px;
         display: inline-block;
         width: 100%;
         height: auto;
      }
      #navigation #menu li ul li a{
         border: 0px;
         font-size: 0.9em;
         padding: 2px 0px 3px 10px;
         display: block;
         background-image: url(/html/design/images/bullet2.gif);
         background-repeat: no-repeat;
         background-position: left 3px;
      }
      #navigation #menu li ul li a:hover{
         color: #000000;
      }
   #navigation #sitewide{
      position: absolute;
      top: 20px;
      left: 380px;
      width: 400px;
      margin-top: -1em;
      font-size: 0.85em;
   }
   #navigation #sitewide ul{
      margin: 0px;
      padding: 0px;
      list-style: none;
      float: right;
   }
      #navigation #sitewide li{
         display: inline;
         float: left;
      }
      #navigation #sitewide li a{
         text-decoration: none;
         display: inline;
         padding: 0px 5px 0px 5px;
         border-right: 1px solid #616161;
         line-height: 1em;
         display: inline-block;
         color: #616161;
      }
      #navigation #sitewide li a:hover{
         text-decoration: underline;
      }
#breadcrumbs{
   width: 647px;
   border-bottom: 1px solid #F18E00;
   clear: both;
   color: #616161;
   font-size: 0.85em;
   margin-top: -13px;
   float: left;
   background-color: #FFFFFF;
   padding: 4px 0px 3px 0px;
}
#breadcrumbs p{
   display: none;
}
   #top #breadcrumbs  a{
      text-decoration: none;
      color: #F18E00;
      margin: 0px;
      padding: 0px;
      display: inline-block;
   }
   #top #breadcrumbs a:hover{
      text-decoration: underline;
   }
#search{
   position: absolute;
   left: 810px; 
   top: 20px;
   margin-left: -2em;
   margin-top: -1em;
   font-size: 0.85em;
}
   #search h2{
      display: none;
   }
   #search .field{
      width: 107px;
      background-image: url(/html/design/images/zoekvlak.gif);
      background-repeat: no-repeat;
      background-position: center top;
      background-color: transparent;
      border: 0px;
   }
   #search .button{
      border: 0px;
      background-color: transparent;
      color: #616161;
   }
#footer{
   background-color: #FFFFFF;
   width: 945px;
   left: 5px;
   margin: 0px auto;
   height: 68px;
   padding-top: 10px;
   clear: both;
   display: block;
   color: #FFFFFF;
}
#footer div{
   margin: 0px 10px 10px 0px;
   font-size: 0.85em;
   padding: 10px;
   height: 38px;
   background-color: #F18E00;
   width: 915px;
   background-image: url(/html/design/images/footertxt.gif);
   background-repeat: no-repeat;
   background-position: right bottom;
}
#footer a{
   color: #FFFFFF;
   text-decoration: none;
}
#footer a:hover{
   text-decoration: underline;
}

/* Sticky footer **************************************************************************/
.push #top{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -78px; /* the bottom margin is the negative value of the footer's height */   
}
.push #footer{
   float: none;
	margin: 0px auto;
	height: 68px; /* .push must be the same height as .footer */
	clear: both;
}
.push #push {
	margin: 0px auto;
	height: 78px; /* .push must be the same height as .footer */
	clear: both;
}
/* Standaard opmaak **********************************************************************/
a:link, a:visited{
   text-decoration: underline;
   color:#F18E00;
}
a:link:hover, a:visited:hover{
   text-decoration: none;
}
a img { border:none; }

h1,h2,h3,h4,h5,h6{
   line-height: 1.3em;
   margin: 0px;
   padding: 0.75em 0px 0em 0px;
   color: #000000;
}
   h1{
      font-size: 2em;
      font-family: Arial, Helvetica, sans-serif;
      font-weight: normal;
      color: #F18E00;
      padding: 20px 125px 30px 175px;
      width: 470px;
      float: left;
   }
   h2{
      font-size: 1.6em;
   }
   h3{
      font-size: 1.2em;
      color: #F18E00;
   }
   h4{
      font-size: 1em;
   }
   h5{
      font-size: 1em;
      font-weight: normal;
      font-style: oblique;
   }
   h6{
      font-size: 0.8em;
      font-style: oblique;
   }

   hr{
      height: 1px;
      border: 0px;
      color: #F18E00;
      background-color: #F18E00;
   }
   
p {
   padding: 0px 0px 0.75em 0px;
   margin: 0px;
}
		
ul, ol {
   padding: 0px 0px 0px 25px;
   margin: 0px 0px 0.75em 0px;
}
   ul ul, ol ol{
      margin: 0px 0px 0px 0px;
   }
table {
   /* margin: auto; */
   border: 1px solid #616161;
   padding-top: 0.3em;
   empty-cells: show;
}
   table th {
      padding: 0.2em;      
      text-align: left;
      vertical-align: top;
   }
   table td {
      padding: 0.2em;
      border: 0px solid #F6F6F6;
      vertical-align: top;
      background-color: #FFFFFF;
   }
   form table td{
      border: 0px;
   }
   table th,
   table thead td{
      background-color: #F6F6F6;
   }
   table.rijentabel,
   table.kolommentabel{
      border: 1px solid #F6F6F6
   }
   table.rijentabel td{
      border-width: 0px 0px 1px 0px;
      background-color: #FFFFFF;
   }   
   table.kolommentabel td{
      border-width: 0px 1px 0px 1px;
      background-color: #FFFFFF;
   }   
   table.rijentabel tr.alt td,
   table.kolommentabel td.alt{
      background-color: #F6F6F6;
   }

legend{
   color: #7D7D7D;
}
form{
   margin:0px; 
   padding:0px;  
}
form .form_elements {
   margin: 0px;
   padding: 0px;
   list-style: none;
}
form .form_elements li{
   overflow: auto;
   width: 100%;
   padding: 1px 0px;
}
form .form_elements ul,form .form_elements ol{
   float: left;
   margin: 0px;
   padding: 0px;
   list-style: none;
}
form .form_elements ul li,form .form_elements ol li{
   padding: 0px;
}
form .form_elements label{
   width: 170px;
   display: inline-block;
   float: left;
}
form .form_elements .button{
   margin-left: 170px;
}
form .form_elements ul label,form .form_elements ol label{
   width: auto;
}
form .form_elements input{
   float: left;
   margin: 0px;
}
.field{
   background-color: #FFFFFF;
   border: 1px solid #7D7D7D;
   padding: 1px 0px;
   font-size: 1em;
}
.button{
   border: 1px solid #000000;
   background-color: #F18E00;
   color: #FFFFFF;
}

blockquote blockquote {margin-right: 0px;}

code {
   font-size: 100%;
}
/* NOT IE6 ************************************************************************************/
img[align="left"]{
   margin-right: 5px;
}

img[align="right"]{
   margin-left: 5px;
}
:focus{
   outline:0px;
}

/* Opmaak elementen **************************************************************************/
h2.imageshorizontal{
   padding-right: 233px;
}
h2.imagesvertical{
   padding-right: 169px;
}
#pagefunctions{
   position: absolute;
   top: 0px;
   left: 665px;
   width: 150px;
   font-size: 0.8em;
   padding-left: 6px;
   background-image: url(/html/design/images/back_top.gif);
   background-repeat: repeat-y;
   background-position: left top;
}
#pagefunctions a{
   display: block;
   padding-left: 17px;
   color: #616161;
   padding-bottom: 3px;
   text-decoration: none;
   background-position: left 4px;
   background-repeat: no-repeat;
}
#pagefunctions a:hover{
   text-decoration: underline;
}
.reageer{   background-image: url(/html/design/images/icon_reageer.gif);}
.mail{   background-image: url(/html/design/images/icon_mail.gif);}
.print{   background-image: url(/html/design/images/icon_print.gif);}
#images{
   float: left;
   width: 100%;
}
#contentcolumn .horizontal{
   width: 223px;
   float: right;
   margin-left: 10px;
}
#contentcolumn .vertical{
   width: 159px;
   float: right;
   margin-left: 10px;
}
#images a{
   float: left;
   display: block;
}
#images img{
   border: 1px solid #7d7d7d;
   width:570px;
   height:400px;
}
#contentcolumn .horizontal img{
   width: 213px;
   height: 149px;
}
#contentcolumn .vertical img{
   width: 149px;
   height: 213px;
}
#images span{
   background-image: url(/html/design/images/pic_shadow.jpg);
   background-repeat: no-repeat;
   background-position: right top;
   padding-right: 8px;
   display: inline-block;
   padding-bottom: 8px;
   margin-bottom: 10px;
}
#contentcolumn .vertical span{
   background-image: url(/html/design/images/pic_shadow_v.jpg);
}
#contentcolumn .horizontal span{
   background-image: url(/html/design/images/pic_shadow_h.jpg);
}
#scrollup{
   position: absolute;
   bottom: 0px;
   left: 811px;
   color: #616161;
   text-decoration: none;
   font-size: 0.8em;
   background-image: url(/html/design/images/icon_up.gif);
   background-repeat: no-repeat;
   background-position: left 5px;
   padding-left: 10px;
   background-color: #FFFFFF;
}
.intro{
   font-weight: bold;
}
.datum{
   font-size: 0.85em;
   padding-bottom: 20px;
   margin-top: -20px;
}
.title{
   padding-top: 0px;
   line-height: 1.2em;
   margin-top: -5px;
   padding-bottom: 20px;
}


.col3{
   background-image: url(/html/design/images/3colback.gif);
   background-repeat: repeat-y;
   margin-top: 4px;
}
.col3 .foot{
   background-image: url(/html/design/images/3colfoot.jpg);
   background-repeat: no-repeat;
   background-position: left bottom;
}
.col3 .top{
   background-image: url(/html/design/images/3coltop.gif);
   background-repeat: no-repeat;
   background-position: left top;
   overflow: auto;
}
.col3 .col{
   padding: 10px 10px 0px 10px;
   width: 175px;
   float: left;
   margin-left: 4px;
}
#top .col3 .first{
   margin-left: 0px;
}
.col3 .col h2{
   font-size: 1em;
   padding: 0px 0px 3px 0px;
   border-bottom: 1px dotted #000000;;
   margin-bottom: 3px;
}

   .col3 .col ul{
      margin: 0px;
      padding: 1px 0px 0px 0px;
      list-style: none;
      float: left;
      width: 100%;
      font-size: 0.85em;
      line-height: 1.2em;
   }
   .col3 .col  li{
      display: inline-block;
      padding: 0px 0px;
      float: left;
      width: 100%;
   }
   .col3 .col  a{
      text-decoration: none;
      color: #000000;
      display: block;
      padding: 3px 0px 3px 10px;
      background-image: url(/html/design/images/bullet.gif);
      background-repeat: no-repeat;
      background-position: left 4px;
   }
   .col3 .col  a:hover{
      color: #000000;
      text-decoration: underline;
   }
   .col3 .links {
      display:block;
      float:left;
      padding-top:10px;
      width:100%;
   }
   .col3 .links a.more{
      display: block;
      padding: 33px 0px 0px 0px;
      height: 0px;
      overflow: hidden;
      background-image: url(/html/design/images/meer.gif);
      background-repeat: no-repeat;
      background-position: right top;
      width: 192px;
      float: left;
      margin-left: 4px;
      margin-right: 3px;
      margin-top: -5px;
   }
   .col3 .links a.more:hover{
      background-image: url(/html/design/images/meer_h.gif);
   }
/* home *******************************************************************************************/
.home #banners{
   margin-top: -5px;
}
.home #banners a{
   margin-top: 0px;
   margin-bottom: 5px;
}
#actualiteit{
   padding-bottom: 10px;

   display: inline-block;
}
.home #contentcolumn_submenu{
   width: 791px;
   font-size: 0.85em;
   line-height: 1.2em;
   color: #7d7d7d;
}
.home #columnwrapper .first{
   margin-left: 0px;
}
.homeblok{  
   float: left;
   width: 187px;
   margin-left: 15px;
}
.homeblok .top{
   min-height: 100px;
   background-repeat: no-repeat;
   background-position: left top;
   padding: 7px 8px 20px 8px;
}
.homeblok .foot{
   background-image: url(/html/design/images/home_blok2_foot.gif);
   background-position: left bottom;
   background-repeat: no-repeat;
}
#incidenten{     width: 287px;}
#incidenten .foot{   background-image: url(/html/design/images/home_blok1_foot.gif);}
#actueel{     width: 287px;}
#actueel .foot{   background-image: url(/html/design/images/home_blok1_foot.gif);}

#incidenten.hover{    background-image: url(/html/design/images/home_blok1_back.gif);}
#incidenten.hover .top{    background-image: url(/html/design/images/home_blok1_top.gif);}
#incidenten.hover .foot{    background-image: url(/html/design/images/home_blok1_footh.jpg);}
#kenniscentra.hover{    background-image: url(/html/design/images/home_blok2_back.gif);}
#kenniscentra.hover .top{    background-image: url(/html/design/images/home_blok2_top.gif);}
#kenniscentra.hover .foot{    background-image: url(/html/design/images/home_blok2_footh.jpg);}
#actueel.hover{    background-image: url(/html/design/images/home_blok1_back.gif);}
#actueel.hover .top{    background-image: url(/html/design/images/home_blok1_top.gif);}
#actueel.hover .foot{    background-image: url(/html/design/images/home_blok1_footh.jpg);}

#ingangen{
   padding-top: 10px;
   border-top: 1px dotted #F18E00;
   display: inline-block;
}
#ingangen .homeblok{   margin-left: 14px;}
#ingangen .hover{    background-image: url(/html/design/images/home_blok2_back.gif);}
#ingangen .hover .top{    background-image: url(/html/design/images/home_blok2_top.gif);}
#ingangen .hover .foot{    background-image: url(/html/design/images/home_blok2_footh.jpg);}

.home #contentcolumn_submenu h2{
   color: #F18E00;
   font-size: 1.3em;
   line-height: 1.1em;
   padding: 0px 0px 8px 0px;
}
.home #contentcolumn_submenu h2 a{
   color: #F18E00;
   text-decoration: none;
}
.home #contentcolumn_submenu h2 a:hover{
   text-decoration: underline;
}

.home #contentcolumn_submenu h3{
   font-size: 1em;
   padding: 0px 0px 5px 0px;
   color: #000000;
}
.home #contentcolumn_submenu h3 a{
   color: #000000;
   text-decoration: none;
}
.home #contentcolumn_submenu .hover h3 a{
   color: #d97a00;
}
.home #contentcolumn_submenu #ingangen h2{
   font-size: 1.1em;
   min-height: 3em;
}
.home #columnwrapper .meer{
   text-decoration: none;
   font-weight: bold;
   color: #7D7D7D;
   display: block;
   background-image: url(/html/design/images/meers.gif);
   background-repeat: no-repeat;
   background-position: left top;
   padding: 1px 0px 2px 19px;
   position: absolute;
   bottom: 7px;
}
.home #columnwrapper .hover .meer{
   color:#d97a00;
   background-image: url(/html/design/images/meers_h.gif);
}

#actualiteit ul{
   margin: 0px;
   padding: 0px;
   list-style: none;
   overflow: auto;
}
#actualiteit ul li{
   display: inline-block;
   float: left;
   width: 100%;
}
#actualiteit ul li a{
   text-decoration: none;
   color: #000000;
   font-weight: bold;
   display: block;
   padding: 3px 0px 3px 19px;
   background-image: url(/html/design/images/meers.gif);
   background-repeat: no-repeat;
   background-position: left 3px;
}
#actualiteit ul li a:hover{
   text-decoration: underline;
   background-image: url(/html/design/images/meers_h.gif);
}
#ingangen ul{
   margin: 0px;
   padding: 0px 0px 5px 0px;
   list-style: none;
   overflow: auto;
}
#ingangen ul li{
   display: inline-block;
   float: left;
   width: 100%;
}
#ingangen ul li a{
   text-decoration: none;
   color: #000000;
   display: block;
   padding: 1px 0px 1px 10px;
   font-size: 0.95em;
   background-image: url(/html/design/images/bullet.gif);
   background-repeat: no-repeat;
   background-position: left 3px;
}
#ingangen ul li a:hover{
   text-decoration: underline;
}
.home .imagethumb{
   float: right;
   display: block;
   height: 81px;
   width: 97px;
   padding: 1px;
   overflow: hidden;
   margin-left: 10px;
}
.home .imagethumb span{
   position: absolute;
   display: block;
   height: 83px;
   width: 99px;
   top: 0px;
   left: 0px;
   background-image: url(/html/design/images/home_picmask.gif);
   background-repeat: no-repeat;
   background-position: left top;
}


#visuals{
   padding-bottom: 7px;
   width:791px;
   height:249px; 
}
#visuals ul{
   margin: 0px;
   padding: 0px;
   list-style: none;
}
#visuals a.link{
   position: absolute;
   top: 0px;
   left: 0px;
   display: block;
   background-repeat: no-repeat;
   background-position: left top;
   width:791px;
   height:249px; 
}