/* Manager CSS **************************************************************************/

.uitgelicht {
   /* geeft text een color: #003366; */
}

.openklaptitel{
   /* Alles ná deze titel tót de volgende h2 wordt verborgen en kan onclick op de h2 getoond worden */
}

/* Top **************************************************************************/

html,body{ 
   margin:0px; 
   padding:0px;
   font-size: 100%;
   height: 100%;
   background-color: #e2007a;
   background-image: url(/design/images/backpurple.gif);
   background-position: top;
   background-repeat: repeat-x;
}
div{ 
   position: relative;
   margin:0px; 
   padding:0px;
}
/* Font Declarations **************************************************************************/
#top{
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 0.70em;
   line-height: 1.4em;
}
#top input, #top select{
   font-size: 1em;
}
#top textarea{
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 1em;
}
/* Structuur **************************************************************************/
#wrapper{
   width: 50%;
   float: right;
   min-height: 100%;
   background-color: #7ab800;
   background-image: url(/design/images/backblue.gif);
   background-position: top;
   background-repeat: repeat-x;
   position: relative;
}
#back{
   background-color: #FFFFFF;
   width: 965px;
   margin-left: -482px;
   display: block;
   height: 100%;
   position: absolute;
   top: 0px;
   left: 0px;
}
#top{
   background-color: #FFFFFF;
   width: 965px;
   margin-left: -482px;
   display: block;
   min-height: 100%;
}
#container{
   float: left;
}

   #header{
      float: left;
      width: 965px;
      height: 117px;
      border-bottom: 12px solid #fecb00;
      background-image: url(/design/images/header_bg.gif); /* TvdS 2010-04-19 */
   }
      #logo{
         position: absolute;
         left: 16px;
         top: 0px;
      }
   #quicklinks{
      position: absolute;
      top:-100em;
      left: 0px;
   }
   #columnwrapper{
      float: left;
      width: 965px; /* nodig voor Opera */
      padding-bottom: 30px;
background-repeat: no-repeat;
background-position: right bottom;
   }
      #contentcolumn_extrainfo{
         float: left;
         width: 777px;
         color: #4e4e4e;
      }
      #extrainfo{
         float: left;
         width: 239px;
      }
      #contentcolumn{
         float: right;
         width: 495px;
         padding: 0px ;
      }
      #directnaar{
         float: right;
         width: 188px; 
         padding-bottom: 20px;
         padding-top: 80px;
      }
      #widecontent{
         float: left;
         width: 757px;
         padding: 20px 0px 0px 20px;
      }
#navigation{
   position: absolute;
   display: inline-block;
   top: 0px;
   left: 0px;
   font-size: 0.9em;
   line-height: 1.2em;
}
   #navigation h2{
      display: none;
   }
   #navigation #menu{
      position: absolute;
      top: 77px;
      left: 266px;
      margin: 0px;
      padding: 0px;
      width: 609px;
      padding-left: 90px;
   }
      #menu li{
         display: inline-block;
         float: left;
         background-repeat: no-repeat;
      }
      #menu li a{
         display: block;
         height: 0px;
         padding-top: 52px;
         overflow: hidden;
         width: 109px;
         background-repeat: no-repeat;
         background-position: left top;
         margin-right: 10px;
      }
      #menu li.menu1 a{
         width: 265px;
      }
      #menu li.menu2 a{
         width: 182px;
      }
      #menu li.menu3 a{
         width: 122px;
      }
      #menu li.menu1 {
         background-image: url(/design/images/menu1a.gif);
      }
      #menu li.menu2 {
         background-image: url(/design/images/menu2a.gif);
      }
      #menu li.menu3 {
         background-image: url(/design/images/menu3a.gif);
      }
      #menu li.menu1.active{
         background-image: url(/design/images/menu1h.gif);
      }
      #menu li.menu2.active{
         background-image: url(/design/images/menu2h.gif);
      }
      #menu li.menu3.active{
         background-image: url(/design/images/menu3h.gif);
      }
      #menu li.menu1.hover{
         background-image: url(/design/images/menu1h.gif);
      }
      #menu li.menu2.hover{
         background-image: url(/design/images/menu2h.gif);
      }
      #menu li.menu3.hover{
         background-image: url(/design/images/menu3h.gif);
      }
      #menu li.menu1 a:hover{
         background-image: url(/design/images/menu1hv.gif);
      }
      #menu li.menu2 a:hover{
         background-image: url(/design/images/menu2hv.gif);
      }
      #menu li.menu3 a:hover{
         background-image: url(/design/images/menu3hv.gif);
      }
      #menu li ul{
         position: absolute;
         bottom: auto;
         margin: 0px 0px 0px -5px;
         padding: 0px 0px 10px 0px;
         display: none;
         clear: both;
         background-color: transparent;
         background-position: left bottom;
         background-repeat: no-repeat;
         list-style: none;
         list-style-image: none;
         width: 275px;
      }
      #menu li.menu1 ul{
         background-image: url(/design/images/menuback.gif);
      }
      #menu li.menu2 ul{
         background-image: url(/design/images/menuback.gif);
      }
      #menu li.menu3 ul{
         margin-left: -148px;
         background-image: url(/design/images/menuback.gif);
      }
      #menu li li{
         border: 0px;
         float: none;
         display: block;
         margin: 0px;
         padding: 0px;
      }

      #navigation #menu li li a{
         display: block;
         height: auto;
         width: 230px;
         padding: 0px 0px 0px 30px;
         margin: 0px;
         background-image: none;
         background-position: 12px 5px;
         background-repeat: no-repeat;
         float: none;
         text-decoration: none;
         font-size: 1.5em;
         line-height: 1.5em;
         color: #722ea5;
      }
      #navigation #menu li li a:hover{
         color: #e2007a;
         background-image: url(/design/images/menulinkh.gif);
      }

   #navigation #sitewide{
      position: absolute;
      top: 10px;
      left: 350px;
      width: 440px;
      font-size: 0.95em;
   }
      #navigation #sitewide ul{
         margin: 0px;
         padding: 0px;
         list-style: none;
         list-style-image: none;
         float: right;
      }
      #navigation #sitewide li{
         display: inline;
         float: left;
         color: #003366;
      }
      #navigation #sitewide li a{
         text-decoration: none;
         border-right: 1px solid #003366;
         padding: 0px 5px;
         color: #003366;
         float: left;
         letter-spacing: 0.1em;
      }
      #navigation #sitewide li a:hover{
         text-decoration: underline;
         color: #000000;
      }
      #FontSize{
         display: none;
         padding: 0px 5px;
         white-space: nowrap;
      }
      #navigation #sitewide #FontSize a{
         float: none;
         border: 0px;
         padding: 0px;
         display: inline-block;
         width: 10px;
         white-space: nowrap;
      }
      #FontSize .FontSizeInc{
         font-size: 1.3em;
      }
      #FontSize .FontSizeDec{
         font-size: 0.8em;
      }      
   
#search{
   position: absolute;
   left: 800px; 
   top: 8px;
   font-size: 0.95em;
}
   #search h2{
      display: none;
   }
   #search form{
      border: 0px;
   }
   #top #search form .button{
      border: 0px;
      background-color: transparent;
      font-size: 0.95em;
      color: #003366;
      margin: 0px;
      position: absolute;
      top: 2px;
   }
   #search .field{
      border: 0px;
      padding: 3px;
      height: 15px;
      width: 99px;
      margin: 0px;
      float: none;
      background-image: url(/design/images/zoekbox.gif);
      background-repeat: no-repeat;
      background-position: top right;
   }

#sfeerbeeld{
   background-color:#FECB00;
   display: inline-block;
   width: 185px;
   height: 146px;
   margin: 0px 0px 0px 0px;
   overflow: hidden;
}
#sfeerbeeld span{
   background-image: url(/design/images/sfeerbeeld_mask.png);
   display: block;
   position: absolute;
   top: 0px;
   left: 0px;
   width: 185px;
   height: 146px;
}

#gerichtzoeken{
   background-image: url(/design/images/gzoekback.gif);
   background-repeat: no-repeat;
   background-position: left top;
   height: 350px;
   width: 158px;
   padding-left: 30px;
   padding-top: 10px;
   color: #003366;
   margin-top: -80px;
}
   #gerichtzoeken h2{
      padding: 0px 0px 5px 0px;
      font-size: 1.40em;
      line-height: 1em;
      color: #003366;
   }
   #gerichtzoeken h3{
      font-size: 1.2em;
      padding: 0px;
      font-style: normal;
      color: #003366;
   }
   #gerichtzoeken form{
      padding:0px 30px 0px 0px;
      border: 0px;
   }
   #gerichtzoeken form p{
      padding: 0px;
   }
   #gerichtzoeken select{
      width: 100%;
      border: 1px solid #808080;
      margin-bottom: 5px;
      font-size: 1em;
      color: #003366;
   }
   #gerichtzoeken .button{
      background-repeat: no-repeat;
      background-position: center top;
      background-color: transparent;
/*      background-image: url(/design/images/gzoekbutton.gif);*/
      background-image: url(/design/images/toonresultaten.gif);
      color: #ffffff;
      font-weight: bold;
      margin: 5px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      text-align: center;
      border: 0px;
/*      height: 32px;
      width: 130px;*/
      height: 25px;
      width: 127px;
      font-size: 1.1em;
   }

/* home **********************************************************************/
.home #container{
   
}
.home #columnwrapper{
   
}
.home #extrainfo{
   width: 199px;
   padding-top: 10px;
}
.home #contentcolumn h1, .home #contentcolumn h2{
   display: none;
}
.home #contentcolumn{
   width: 555px;
   min-height: 380px;
}
.home #gerichtzoeken{
   margin-top: -10px;
   margin-bottom: 45px;
}
.home #directnaar{
   padding-top: 10px;
}
.home #directnaar .blok {
   padding:0 20px 0 25px;
}
.home #extrainfo .blok{
   padding-right: 37px;
   padding-bottom: 10px
}
.home #extrainfo #nieuws h2{
  
  font-style: normal;
}
.home #extrainfo #nieuws a{
   color: #000000;
   font-size: 1em;
   line-height: 1.3em;
   padding: 5px 0px 5px 10px;
   border: 0px;
   background-image: url(/design/images/bulleth1.gif);
   background-repeat: no-repeat;
   background-position: left 7px;
}
.home #extrainfo #nieuws a:hover{
   color: #e2007a;
}
.home #extrainfo #nieuws .meer a{
   font-weight: bold;
   border: 1px dotted #003366;
   border-width: 1px 0px;
   color: #e2007a;
   padding: 3px 0px 3px 10px;
   background-image: url(/design/images/bulleth2.gif);
}
.home #extrainfo #nieuws .meer a:hover{
   color: #003366;
}
.home #nieuws{
   margin-bottom: 10px;
   min-height: 366px;
}

.inews #container{
   
}
.inews #columnwrapper{
}
.inews #extrainfo{
   width: 199px;
   padding-top: 10px;
}
.inews #contentcolumn{
   width: 555px;
   min-height: 380px;
}
.inews #directnaar{
   padding-top: 80px;
}
.inews #directnaar .blok {
   padding:0 20px 0 25px;
}
.inews #extrainfo .blok{
   padding-right: 37px;
   padding-bottom: 10px
}
.inews #extrainfo #nieuws h2{
  
  font-style: normal;
}
.inews #extrainfo #nieuws a{
   color: #000000;
   font-size: 1em;
   line-height: 1.3em;
   padding: 5px 0px 5px 10px;
   border: 0px;
   background-image: url(/design/images/bulleth1.gif);
   background-repeat: no-repeat;
   background-position: left 7px;
}
.inews #extrainfo #nieuws a:hover{
   color: #e2007a;
}
.inews #extrainfo #nieuws .meer a{
   font-weight: bold;
   border: 1px dotted #003366;
   border-width: 1px 0px;
   color: #e2007a;
   padding: 3px 0px 3px 10px;
   background-image: url(/design/images/bulleth2.gif);
}
.inews #extrainfo #nieuws .meer a:hover{
   color: #003366;
}

.smallbanner{
   display: block;
   padding: 0px 0px 0px 20px;
   margin-top: 20px;
}
.home #directnaar{
   padding-bottom: 0px;
}

#attentie{
   padding: 20px 10px 0px 12px;
}
#attentie h2{
   font-size: 1.6em;
   color: #003366;
   font-weight: bold;
   padding: 0px 0px 12px 0px;
}
#attentie p{
   font-size: 1.25em;
   padding-bottom: 0px;
}
.home #attentie h2{
   display: block;
}

/* brandbox voor homepages */
#brandbox{
   width: 20px;
   height: 381px;
   display: block;
}
#brandbox .mask{
   width: 190px;
   padding: 5px 30px 0px 323px;
   text-align: center;
   height: 381px;
   display: block;
   position: absolute;
   top: 0px;   
   left: 0px;
/*    background-image: url(/design/images/homemask.png); */
   background-image: url(/design/images/homemask_nieuw_titel.png); 
   background-repeat: no-repeat;
   background-position: left top;
   font-weight: bold;
   font-size: 1.6em; /* TvdS 2010-04-20 */
   color: #ffffff;
   text-decoration: none;
   font-family: Verdana, Arial, Helvetica, sans-serif; /* TvdS 2010-04-20 */
   line-height: 1.2em; /* TvdS 2010-04-21 */
}
#brandbox #brandimg{
   position: absolute;
   top: 0px;
   left: 0px;
   width: 543px;
   height: 381px;
   display: block;
   overflow: hidden;
}
#brandbox #brandimg a{
   position: absolute;
   top: 0px;
   left: 0px;
   display: block;
   overflow: hidden;
   width: 543px;
   height: 0px;
   padding-top: 375px;
   background-repeat: no-repeat;
   background-position: left top;
   display: none;
}

#brandbox #brandthumbs{
   position: absolute;
   top: 327px;
   left: 73px;
   display: none;
}
#brandbox #brandthumbs a{
   float: left;
   display: none;
   overflow: hidden;
   width: 52px;
   height: 51px;
   background-repeat: no-repeat;
   background-position: left top;
   position: absolute;
}
#brandbox #brandthumbs a img{
   display: block;
   overflow: hidden;
   width: 52px;
   height: 51px;
   background-image: url(/design/images/homethumbmask.png);
}
#brandbox #brandthumbs a.hover img{
   background-image: url(/design/images/homethumbmask2.png);
}

/* carrousel zorg en dienstverlening */
#brandbox #brandthumbs #thumbzorg1{top: -27px; left: 235px;}
#brandbox #brandthumbs #thumbzorg2{top: -62px; left: 293px;}
#brandbox #brandthumbs #thumbzorg3{top: -107px; left: 343px;}
#brandbox #brandthumbs #thumbzorg4{top: -160px; left: 383px;}


/* carrousel werken */
#brandbox #brandthumbs #thumbwerk1{top: -27px; left: 235px;}
#brandbox #brandthumbs #thumbwerk2{top: -62px; left: 293px;}
#brandbox #brandthumbs #thumbwerk3{top: -107px; left: 343px;}
#brandbox #brandthumbs #thumbwerk4{top: -160px; left: 383px;}
#brandbox #brandthumbs #thumbwerk5{top: -219px; left: 397px;}

/* carrousel over siza */
#brandbox #brandthumbs #thumbover1{top: -12px; left: 173px;}
#brandbox #brandthumbs #thumbover2{top: -27px; left: 235px;}
#brandbox #brandthumbs #thumbover3{top: -62px; left: 293px;}
#brandbox #brandthumbs #thumbover4{top: -107px; left: 343px;}
#brandbox #brandthumbs #thumbover5{top: -160px; left: 383px;}
#brandbox #brandthumbs #thumbover6{top: -219px; left: 397px;}
#brandbox #brandthumbs #thumbover7{top: -279px; left: 397px;}


/* Standaard opmaak **********************************************************************/
a{
   text-decoration: underline;
   color: #e2007a;
}
a:hover{
   text-decoration: none;
   color: #722ea5;
}
a img { border:none; }

h1,h2,h3,h4,h5,h6{
   line-height: 1.3em;
   margin: 0px;
   padding: 0px 0px 0.75em 0px;
   color: #0098c3;
}
   h1{
      padding: 30px 80px 27px 100px;
      font-size: 2.05em;
      line-height: 1.1em;
      color: #0098c3;
      margin-left: -100px;
      background-repeat: no-repeat;
      background-position: left top;
   }
   h2{
      font-size: 1.4em;
      color: #0098c3;
   }
   h3{
      font-size: 1.2em;
   }
   h4{ 
      font-size: 1em;
      padding-bottom: 0px;
   }
   h5{
      font-size: 0.9em;
      padding-bottom: 0px;
   }
   h6{
      font-size: 0.8em;
      padding-bottom: 0px;
   }

p {
   padding: 0px 0px 0.75em 0px;
   margin: 0px;
}
		
ul, ol {
   padding: 0px 0px 0px 25px;
   margin: 0px 0px 0.75em 0px;
}
ul{
   list-style: url(/design/images/bullet.gif);
}
   ul ul, ol ol{
      margin: 0px 0px 0px 0px;
   }
   ul li, ol li {
      line-height: 1.5em;
   }
table {
   border-collapse: collapse;
   padding-top: 0.3em;
   empty-cells: show;
   width: 100%;
   border-bottom: 1px dotted #003366;
}
table table{
   width: auto;
   border: 0px;
}
   table th {
      padding: 0.2em;      
      text-align: left;
      vertical-align: top;
      border-top: 1px dotted #003366;
      color: #0098c3;
      font-weight: bold;
   }
   table td {
      padding: 0.2em;
      border-top: 1px dotted #003366;
      vertical-align: top;
   }
   table td.noline{
      border: 0px;
   }
   table td td{
      padding: 0px;
      border: 0px;
   }


legend{
   color: Gray;
}
table .kop{
   font-weight: bold;
   font-size: 1.4em;
   color: #0098c3;
   padding: 10px 0.2em;
}
form{
   margin:0px; 
   padding:0px 0px 0px 0px;
}
form .button,form button{
   margin: 30px 0px 10px 0px;
}
form .label{
   width: 35%;
   font-weight: bold;
}
form label{
   font-weight: bold;
}
form .check label{
   font-weight: normal;
   color: #003366;
}
.verplicht .field{
   border: 1px solid #e2007a;
   
}
.field{
   background-color: #fff1ef;
   border: 1px solid #003366;
   padding: 1px 0px;
   width: 311px;
}
.formfield{
   background-color: #fff1ef;
   border: 1px solid #003366;
   padding: 1px 0px;
   width: 92px;
}
.button, button{
   border: 1px solid #0053a0;
   background-color: #0053a0;
   color: #FFFFFF;
   font-size: 1em;
   font-weight: bold;
   float: right;
}

fieldset{
  border: 0px;
  padding: 0px;
}

blockquote blockquote {margin-right: 0px;}

code {
   font-size: 100%;
}

.clear{
   clear: both;
}
/* NOT IE6 ************************************************************************************/
img[align="left"]{
   margin-right: 5px;
}
img[align="right"]{
   margin-left: 5px;
}
:focus{
   outline:0px;
}

/* Opmaak elementen **************************************************************************/

.subtitel{
   padding: 0px;
}
h2.subtitel{
   font-size: 1.9em;
   margin-top: -0.5em;
   color: #003366;
}
h2.subtitel a{
   color: #003366;
}
h3.subtitel{
   font-size: 1.3em;
   margin-bottom: 1em;
   color: #003366;
   font-style: normal;
}
h2.tabletitle{
   padding: 10px 0px;
   border-top: 1px dotted #003366;
}
.datum{
   color: #003366;
   padding: 0px;
   font-size: 0.9em;
}
.intro {
   font-weight: bold;
   line-height: 1.6em;
   font-size: 1.1em;
}
#contentcolumn .relaties ul{
   margin: 0px;
   padding: 0px 0px 20px 0px;
   list-style-image: none;
   list-style: none;
}
   #contentcolumn .relaties ul li{
      background-image: url(/design/images/h2bullet.gif);
      background-position: left 5px;
      background-repeat: no-repeat;
      padding-left: 10px;
      font-weight: bold;
   }

.text{
   padding-left:5px;
   width:494px;
}
.text h2{
   padding: 0.5em 0px 0px 0px;
}
.text h2.showtext{
   background-image: url(/design/images/h2bullet.gif);
   background-position: left 9px;
   background-repeat: no-repeat;
   padding-left: 10px;
   margin-left: -10px;
   clear: both;
   font-size: 1em;
   color: #003366;
   display: inline-block;
   width: 100%;
}
.text h2.showtext:hover{
   background-image: url(/design/images/h2bullet_open.gif);
   color: #e2007a;
}
.hide{
   display: block;
   clear: both;
   width: 100%;
}
#contentcolumn .text h2.open{
   background-image: url(/design/images/h2bullet_open.gif);
   color: #e2007a;
}
.uitgelicht{
   color: #003366;
}
.text .contentfoot{
   font-weight: bold;
}
.text .vacaturetitel, .text .vacaturelokatie{
   padding: 0px 0px 0.25em 0px;
}
.vacaturelokatie a{
   color: #003366;
}
.vacaturelokatie a:hover{
   color: #e2007a;
}
.vacatureomschrijving{
   font-weight: bold;
}
#paginafuncties{
   position: absolute;
   top: 30px;
   right: -30px;
   width: 110px;
}
#paginafuncties a{
   display: inline-block;
   width: 27px;
   font-size: 0.8em;
   line-height: 0.9em;
   color: #FFFFFF;
   text-decoration: none;
   text-align: center;
   float: right;
   padding: 27px 10px 10px 10px;
   margin-right: 7px;
   background-position: center top;
   background-repeat: no-repeat;
}
#paginafuncties a:hover{
   font-weight: bold;
}
#paginafuncties a.btn_read{
   background-image: url(/design/images/btn_read.gif);
}
#paginafuncties a.btn_print{
   background-image: url(/design/images/btn_print.gif);
}

.blok{
   display: inline-block;
}
.blok li{
   display: inline-block;
   width: 100%;
}

#extrainfo .blok{
   padding: 0px 0px 0px 20px;
   margin-top: 0px;
}
   #extrainfo .blok h2{
      color: #003366;
      font-size: 1.3em;
      border-bottom: 1px dotted #003366;
      padding: 0px 0px 3px 0px;
   }
   #extrainfo .blok ul{
      margin: 0px;
      padding: 0px;
      list-style: none;
      list-style-image: none;
   }
   #extrainfo .blok ul a{
      font-size: 1.3em;
      text-decoration: none;
      color: #0098c3;
      display: block;
      padding: 4px 0px;
      border-bottom: 1px dotted #003366;
   }
   #extrainfo .blok ul a.aktief{
      color: #003366;
   }
   #extrainfo .blok ul a:hover{
      border-bottom: 1px solid #003366;
      color: #000000;
   }
#extrainfo .info{
   margin-bottom: 30px;
   padding-top: 20px;
}
#extrainfo .banner{
   font-family: Arial, Helvetica, sans-serif;
   margin-bottom: 10px;
}
#extrainfo .banner .bannerlink{

}
#extrainfo .verhaal{
   margin-bottom: 30px;
   padding-top: 20px;   
   font-family: Arial, Helvetica, sans-serif;
   color: #003366;
}
#extrainfo .verhaal h2{
   border: 0px;
   padding-bottom: 10px;
}
#extrainfo .siza{
   margin-bottom: 30px;
   padding-top: 20px;   
   font-family: Arial, Helvetica, sans-serif;
   color: #0098c3;
   font-size: 1.1em;
}
#extrainfo .siza h2{
   border: 0px;
   font-weight: bold;
   font-style: normal;
   padding-bottom: 0px;
   color: #0098c3;
}

#directnaar .blok{
   padding: 0px 20px 0px 15px;
   margin-bottom: 20px;
}

#directnaar .banner{
   margin-bottom: 10px;
}
#directnaar .banner .bannerlink{

}

#directnaar .blok h2{
      color: #003366;
      font-size: 1.3em;
      border-bottom: 1px dotted #003366;
      padding: 0px 0px 3px 0px;
   }
   #directnaar .blok ul{
      margin: 0px;
      padding: 5px 0px 0px 0px;
      list-style: none;
      list-style-image: none;
   }
   #directnaar .blok ul a{
      color: #000000;
      text-decoration: none;
      padding-left: 12px;
      background-image: url(/design/images/bulletzw.gif);
      background-repeat: no-repeat;
      background-position: left 3px;
      display: block;
   }
   #directnaar .blok ul a:hover{
      text-decoration: underline;
      color: #000000;
   }
div.foto_groot{
   width: 469px;
   height: 291px;
   padding: 0px;
   margin: 1em 0px 1em -10px;;
}   
div.foto_groot img{
   width: 464px;
   height: 301px;
}
div.foto_groot .mask{
   background-image: url(/design/images/fotokader_groot.png);
   background-repeat: no-repeat;
   background-position: left top;
   width: 464px;
   height: 301px;
   position: absolute;
   left: 0px;
   top: 0px;
}
   div.foto_klein{
   height: 179px; /* TvdS - 2010-04-13 */
   width: 150px; /* TvdS - 2010-04-13 */
   display: block;
   overflow: hidden;
}
}
div.align_left{
   float: left;
   margin-right: 10px;
}
div.align_right{
   float: right;
   margin-left: 10px;
}
img.left_noframe{
   float: left;
   margin-right: 10px;
}
img.right_noframe{
   float: right;
   margin-left: 10px;
}
div.foto_klein img{
   height: 179px; /* TvdS - 2010-04-13 */
}
div.foto_klein .mask{
   background-image: url(/design/images/fotokader_klein.png);
   background-repeat: no-repeat;
   background-position: left top;
   width: 150px; /* TvdS - 2010-04-13 */
   height: 179px; /* TvdS - 2010-04-13 */
   position: absolute;
   top: 0px;
   left: 0px;
   display: block;
}

#scrollup{
   position: absolute;
   bottom: 20px;
   left: 812px;
   display: inline-block;
   padding: 15px 0px 0px 23px;
   background-image: url(/design/images/naarboven.gif);
   background-repeat: no-repeat;
   background-position: left top;
   text-decoration: none;
   color: #000000;
   font-size: 0.8em;  
}


.lokatie{
   background-color: #ffd7de;
   background-image: url(/design/images/locatieback.gif);
   background-position: left bottom;
   background-repeat: no-repeat;
   color: #003366;  
   padding-top: 203px;
   padding-left: 20px;
   padding-right: 35px;
   width: 169px;
   min-height: 183px;
}
.lokatie img{
   position: absolute;
   top: 17px;
   left: 0px;
}
.lokatie h2 a{
   text-decoration: underline;
   color: #003366;
}
.lokatie h2 a:hover{
   text-decoration: none;
   color: #003366;
}
.lokatie a{
   color: #e2007a;
}
.lokatie h2, .lokatie p{
   padding-bottom: 5px;
   width: 230px;
   overflow: hidden;
}
.lokatie .mask{
   position: absolute;
   top: 0px;
   left: 0px;
   background-image: url(/design/images/locatiemask.png);
   background-position: left top;
   background-repeat: no-repeat;
   width: 239px;
   height: 203px;
}

h2.showtext{
   cursor: pointer;
}
h2.showtext:hover{
   color: #e2007a;
}

.list{
   margin: 0px;
   padding: 0px;
   list-style: none;
   border-top: 1px dotted #003366;
}
.list li{
   display: block;
   clear: both;
   border-bottom: 1px dotted #003366;
}
.list h2{
   padding: 5px 0px;
}
.list p.beschrijving{
   padding-left: 20px;
   padding-bottom: 0px;
}
.list table{
   margin-bottom: 25px;
}
.list table td{
   color: #4E4E4E;
}
.list table th{
   color: #0098c3;
   padding-left: 0.1em;
   font-size: 1.3em;
}
#nieuwsarchief h2{
   border-bottom: 1px dotted #003366;
}
#nieuwsarchief li{
   border-bottom: 0px;
}

#top .klaplist h2{
   padding-left: 20px;
   width: 479px;
   background-image: url(/design/images/h2klapbullet.gif);
   background-repeat: no-repeat;
   background-position: left 10px;
   font-size: 1.4em;
   color: #003366
}
#top .klaplist h2.open{
   background-image: url(/design/images/h2klapbullet_open.gif);
   padding-left: 20px;
}
#top .klaplist h2.hover{
   background-image: url(/design/images/h2klapbullet_open.gif);
   cursor: pointer;
}

.item{
   padding-left: 24px;
   color: #003366;
}
.item ol {
   margin: 0px;
   padding: 0px;
   list-style: none;
}
.item li{
   border-top: 1px dotted #003366;
   border-bottom: 0px;
   padding: 5px 0px;
   position: relative;
}
.item li.first{
   border: 0px;
}
.item h3{
   font-style: normal;
   padding: 0px 0px 0px 0px;
   width: 370px;
}
.item .datum{
   position: absolute;
   right: 0px;
   font-weight: normal;
   float: left;
   font-size: 1.2em;
   top: 5px;
}
.item h3.file{
   margin-left: -20px;
}
.item .thumbnail{
   border: 1px solid #003366;
   float: left;
   margin: 3px 5px 3px 0px;
}
.item p{
   padding: 0px;
}
#top .file{
   padding-left: 20px;
   background-repeat: no-repeat;
   background-position: left top;
}
.pdf{   background-image: url(/design/images/icon_pdf.gif);}
.doc{   background-image: url(/design/images/icon_doc.gif);}
.html{   background-image: url(/design/images/icon_html.gif);}
.ppt{   background-image: url(/design/images/icon_ppt.gif);}
.txt{   background-image: url(/design/images/icon_txt.gif);}
.xls{   background-image: url(/design/images/icon_xls.gif);}
.zip{   background-image: url(/design/images/icon_zip.gif);}

#zoekresultaat table{
   margin-top: 20px;
}
#zoekresultaat th{
   font-size: 1.3em;
}
/* paginering ************************************************************************************/

.paginering{
   border-bottom: 1px dotted #003366;
   display: inline-block;
   padding: 5px 0px;
   width: 100%;
   color: #e2007a;
   font-weight: bold;
   font-size: 1.2em;
}
.paginering a{
   color: #e2007a;
   padding: 0px 2px;
}
.paginering a.nav,.paginering a.aktief{
   text-decoration: none;
}
.paginering a:hover{
   color: #003366;
}
/* webwinkel ************************************************************************************/

#webwinkel h2{
   border-bottom: 1px dotted #003366;
   font-size: 1.4em;
   color: #0098c3;
}
#webwinkel ul{
   list-style: none;
   list-style-image: none;
   margin: 0px;
   padding: 10px 0px 0px 0px;
}
#webwinkel ul li{
   padding-bottom: 10px;
   border-bottom: 1px dotted #003366;
   clear: both;
   display: block;
   float: left;
   width: 100%;
   position: relative;
}
#webwinkel h3{
   padding-right: 250px;
   width: 245px;
   display: inline-block;
   color: #003366;
   font-style: normal;
   font-size: 1.7em;
   position: relative;
}
#webwinkel .prijs{
   color: #e2007a;
   font-weight: normal;
   position: absolute;   
   left: 260px;
   top: 0px;
   white-space: nowrap;
   display: inline-block;
}
#webwinkel .webwinkelimage{
   width: 233px;
   height: 220px;
   float: left;
   padding: 0px 30px 0px 0px;
   display: inline-block;
}
#webwinkel .webwinkelimage img{
   width: 233px;
   height: 220px;
}
#webwinkel .webwinkelimage .mask{
   height: 220px;
   width: 233px;
   display: block;
   position: absolute;
   background-image: url(/design/images/winkelmask.png);
   left: 0px;
   top: 0px;
}
#webwinkel .omschrijving{
   width: 229px;
   display: block;
   float: left;
}
/* widecontent ************************************************************************************/
a.meer{
   
}
#widecontent .title{
   color: #003366;
   padding: 20px 0px 5px 256px;
   font-size: 1.6em;
   font-style: normal;
}
#widecontent ul.wide{
   margin: 0px;
   padding:0px;
   list-style: none;
   list-style-image: none;
   overflow: auto;
}
#widecontent ul.wide li{
   display: inline-block;
   width: 100%;
   float: left;
   padding: 10px 0px;
   border-top: 1px dotted #003366;
}
#widecontent .details{
   float: left;
   width: 245px;
   margin-top: 1.4em;
   color: #0098c3;
}
#widecontent .kalender .details{
   margin-top: 0em;
}
#widecontent .witem{
   float: right;
   width: 499px;
}
#widecontent ul#adressen li{
   padding: 3px 0px 5px 0px;
}
#adressen{
   border-bottom: 1px dotted #003366;
   color: #003366;
}
#adressen .plaats{
   line-height: 1.2em;
   padding: 0px 0px 0px 20px;
   text-decoration: none;
   width: 236px;
   display: block;
   float: left;
   background-repeat: no-repeat;
   background-position: left 4px;
   font-size: 1.6em;
   font-weight: bold;
}
#adressen a.opener{
   background-image: url(/design/images/h2klapbullet.gif);
}
#adressen a.opener:hover{
   background-image: url(/design/images/h2klapbullet_open.gif);
   color: #0098c3;
}
#widecontent #adressen a.open{
   background-image: url(/design/images/h2klapbullet_open.gif);
}
#adressen p{
   display: block;
   float: left;
   width: 350px;
   padding: 5px 0px 0px 0px;
}
#adressen .reisadvies{
   display: block;
   float: right;
   width: 140px;
   text-align: right;
   padding: 5px 0px 0px 0px;
   color: #e2007a;
}
#adressen div.contact{
   padding: 5px 0px 10px 20px;
   clear: both;
}
#adressen table{
   border: 0px;
}
#adressen td{
   border: 0px;
   padding: 0px 0px;
   color: #003366;
}
#adressen .naam{
   width: 234px;
   font-weight: bold;
}
#adressen .naam a{
   color: #e2007a;
}
#adressen td.reis{
   text-align: right;
}
#adressen .reis a{
   color: #e2007a;
}
#adressen .reis a:hover,#adressen .naam a:hover{
   color: #003366;
}

.productplaats{
   width: 161px;
   height: 161px;
   display: block;
   position: absolute;
   right: 0px;
   top: 10%;
   padding: 0px;
   background-image: url(/design/images/ajax-loader.gif);
   background-repeat: no-repeat;
   background-position: 50% 50%;
}
.productplaats .mask{
   background-image: url(/design/images/productplaatsmask.png);
   background-repeat: no-repeat;
   background-position: left top;
   width: 165px;
   height: 161px;
   display: inline-block;
   position: absolute;
   right: -4px;
   top: 0px;
}
.productplaats img{
   width:161px; 
   height:161px;
}
#productsoort table{
   width: 310px;
}
#productsoort .item{
   min-height:130px;
}
#productsoort table a{
   display: block;
}


.subtabel td{
   padding: 1px 2px 5px 0px;
}
.subtabel .centertd {
   text-align: center;
}.subtabel textarea{
   width: auto;
}
.subtabel #top input.disabled, .subtabel #top input[disabled="disabled"]{
   width: auto;
}
.subtabel .field{
   width:95%;
}

.smallfield{width:50px;}
.datefield{width:50px;}

.col3 td{width:33%;}
.col4 td{width:25%;}
.col5 td{width:20%;}

.werken #columnwrapper{
   background-image: url(/design/images/home_bg.gif);
}
.oversdg #columnwrapper{
   background-image: url(/design/images/home_bg.gif);
}

label.fldRequired {
	background: url("/res/required.gif") top right no-repeat; 
	padding: 1px;
	padding-right: 14px;
}
label.fldComplete {
	background: url("/res/complete.gif") top right no-repeat; 
	padding: 1px; 
	padding-right: 14px;
}