html,body{ 
   margin:0px; 
   padding:0px;
   font-size: 100%;
   height: 100%;
   background-color: #FFFFFF;
}
div{ 
/*   position: relative;  JW ivm firefox*/
   margin:0px; 
   padding:0px;
}
/* Font Declarations **************************************************************************/
#top{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 0.75em;
   color: #5c5c5c;
   line-height: 1.5em;
}
#footer{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 0.75em;
}
#top input, #top select{
   font-size: 1em;
}
#top textarea{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1em;
}
/* Structuur **************************************************************************/
#top{
   position: relative; /* JW */
   width: 946px;
   margin: 0px auto;
   display: block;
   background-image: url(../siteimages/back_main.gif);
   background-repeat: repeat-y;
}
#backlogos{
   width: 100%;
   display: block;
   position: absolute;
   top: 0px;
   left: 0px;
   height: 100%;
   background-color: #E6E6E6;
   background-image: url(../siteimages/backlogoline.gif);
   background-position: left top;  
   background-repeat: repeat-x;
}
#backtop{
   width: 100%;
   display: block;
   position: absolute;
   top: 37px;
   left: 0px;
   height: 125px;
   background-image: url(../siteimages/backlogo.gif);
   background-position: left top;  
   background-repeat: no-repeat;
}
#backfoot{
   width: 100%;
   display: block;
   position: absolute;
   bottom: 0px;
   left: 0px;
   height: 108px;
   background-color: #808080;
   background-image: url(../siteimages/backfoot.gif);
   background-position: left top;  
   background-repeat: no-repeat;
}


#container{
   float: left;
   position: relative; /* JW */   
}
   #header{
      position: relative; /* JW */   
      float: left;
      width: 946px;
      height: 167px;
      padding-bottom: 2em;
   }
      #logo{
         position: absolute;
         top: 51px;
         left: 784px;
      }
   #quicklinks{
      position: absolute;
      top:-100em;
      left: 0px;
   }
   #columnwrapper{
      position: relative; /* JW */
      float: left;
      width: 910px; /* nodig voor Opera */
      padding-left: 36px;
      padding-bottom: 38px;
      background-image: url(../siteimages/back_content.gif);
      background-repeat: repeat-y;
      background-position: right top;
   }
      #extracolumn{
	     position: relative; /* JW */
         float: right;
         width: 162px;
         padding: 0px 9px 0px 0px;
      }
         #extracolumn h2, #extracolumn h5{
            color: #D21C1B;
            font-size: 1.2em;
            font-weight: bold;
            padding: 10px 0px 5px 18px;
            font-style: normal;
         }
         #extracolumn ul{
            margin: 0px;
            padding: 0px;
            list-style: none;
            list-style-image: none;
         }
         #extracolumn li{
            display: inline-block;
            width: 100%;
         }
	 #extracolumn p{
		padding: 0px 0px 0px 0px;
	 }

         #extracolumn a{
            color: #5C5C5C;
            padding: 0px 0px 0px 18px;
            display: block;
/*            background-image: url(../siteimages/bullet_menu.gif); by JWA */
            background-repeat: no-repeat;
            background-position: left 0px;
         }
         #extracolumn a.file{ padding: 2px 0px 1px 20px;background-position: left 4px;}
         #extracolumn a.pdf{ background-image: url(../siteimages/icon_pdf.gif); }
         #extracolumn a.doc{ background-image: url(../siteimages/icon_doc.gif); }
         #extracolumn a.html{ background-image: url(../siteimages/icon_html.gif); }
         #extracolumn a.ppt{ background-image: url(../siteimages/icon_ppt.gif); }
         #extracolumn a.txt{ background-image: url(../siteimages/icon_txt.gif); }
         #extracolumn a.xls{ background-image: url(../siteimages/icon_xls.gif); }
         #extracolumn a.zip{ background-image: url(../siteimages/icon_zip.gif); }

/* Toevoeging van div deeldit voor het share-deel in de rechterkolom by JWA */
	#deeldit{ 
		bottom:0;
		height:70px;
		overflow:auto;
		position:relative;
	}
	#deeldit a{ display:inline;padding:1px;border:2px;margin:0px;}  

         
      #contentcolumn_extracolumn{
	     position: relative; /* JW */
         float: right;
         width: 730px;
      }
         #submenu{
		    position: relative; /* JW */
            float: left;
            width: 170px;
            padding-top: 66px;
         }
         #submenu h2{
            display: none;
         }
         #submenu ol{
            margin: 0px;
            padding: 0px;
            list-style: none;
         }
         #submenu ol a{
            color: #5C5C5C;
            font-weight: bold;
            text-decoration: none;
            padding: 2px 0px 2px 18px;
            display: block;
            background-image: url(../siteimages/bullet_menu.gif);
            background-repeat: no-repeat;
            background-position: left 0px;
         }
         #submenu ol a:hover{
            color: #D21C1B;
         }
         #submenu ol a.active{
            color: #D21C1B;
            font-weight: bold;
         }
         #submenu ol ol{
            padding-left: 18px;
         }
         #submenu ol ol a{
            font-weight: normal;
         }
      #contentcolumn{
	     position: relative; /* JW */
         float: left;
         width: 525px;
      }
      #contentcolumn #contactdeel{
	float: right;
    position: relative; /* JW */
	text-align: center;
	border: 1px solid #d21c1b;
	padding: 3px 3px 3px 3px;
	margin: 0px 0px 0px 3px;
	width: 200px;
}
#print{
   position: absolute;
   top: 25px;
   left: 0px;
   font-size: 0.8em;
   text-decoration: none;
   color: #5C5C5C;
   padding-left: 25px;
   background-image: url(../siteimages/print.gif);
   background-repeat: no-repeat;
   background-position: left top;
}

#leesvoor{
   position: absolute;
   top: 2px;
   left: 0px;
   font-size: 0.8em;
   text-decoration: none;
   color: #5C5C5C;
   padding-left: 25px;
   background-image: url(../siteimages/readspeak-klein.gif);
   background-repeat: no-repeat;
   background-position: left top;
}

#print:hover, #leesvoor:hover{
   color: #D21C1B;
}
#visual{
   display: block;
   width: 905px;
   padding: 3px 3px 3px 39px;
   height: 102px;
   background-image: url(../siteimages/visualkader.gif);
   background-repeat: no-repeat;
   background-position: left top;
   position: absolute;
   top: 37px;
   left: 0px;
}
#navigation{
   position: absolute;
   top: 0px;
   left: 0px;
}
   #navigation h2{
      display: none;
   }
   #navigation #menu{
      position: absolute;
      width: 910px;
      top: 145px;
      left: 36px;
      font-weight: bold;
      font-size: 1.3em;
   }
   #navigation #menu ul{
      margin: 0px;
      padding: 0px;
      list-style: none;
   }
      #navigation #menu li{
         display: inline;
         float: left;
      }
      #navigation #menu li a{
         text-decoration: none;
         display: inline;
         padding: 0px 19px 0px 0px;
         color: #4e5051
      }
      #navigation #menu li a:hover{
         color: #D21C1B;
      }   
      #navigation #menu li a.active{
         color: #D21C1B;
      }   
   #navigation #sitewide{
      position: absolute;
      top: 10px;
      left: 40px;
      width: 715px;
      font-size: 0.9em;
   }
   #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-block;
         padding: 1px 4px 1px 0px;
         margin-right: 4px;
         border-right: 1px solid #5C5C5C;
         color: #5C5C5C;
         line-height: 1em;
         background-repeat: no-repeat;
         background-position: left top;
      }
      #navigation #sitewide li a:hover{
         text-decoration: underline;
      }
      #navigation #sitewide li a.uk{
         padding-left: 18px;
         background-image: url(../siteimages/swuk.gif);
      }
      #navigation #sitewide li a.de{
         padding-left: 18px;
         background-image: url(../siteimages/swde.gif);
      }
      #navigation #sitewide li a.twitter{
         padding-left: 18px;
         background-image: url(../siteimages/swtwitter.gif);
      }
      #navigation #sitewide li a.rss{
         padding-left: 18px;
         background-image: url(../siteimages/swrss.gif);
         border: 0px;
      }
#breadcrumbs {
   position: relative; /* JW */
   width: 730px;
   float: left;
   padding: 0px 0px 10px 180px;
   display: block;
   font-size: 0.95em;
   color: #d21c1b;
   background-color: #FFFFFF;
}
#breadcrumbs p{
   display: none;
}
#breadcrumbs ol{
   margin: 0px;
   padding: 0px;
   list-style: none;
   float: left;
}
   #breadcrumbs li{
      display: inline;
      float: left;
      padding-right: 0.3em;
   }
   #top #breadcrumbs li a{
      display: inline;
      padding: 0px;
      color: #d21c1b;
   }


#search{
   position: absolute;
   left: 760px; /* altijd left ivm IE6 */
   top: 7px;
   width: 190px;
   text-align: right;
}
   #search h2{
      display: none;
   }
   #search .button{
      background-color: #B4B4B4;
      border: 0px;
      color: #FFFFFF;
      font-weight: bold;
      width: 45px;
   }
   #search .field{
      border: 1px solid #B4B4B4;
      width: 140px;
      margin-right: 2px;
      padding: 0px 0px 1px 0px;
   }

.fix{
	width: 80px;
	display: block;
	float: left;
}

td.altered{
	width: 70px;
	text-align: right;
}
#btnPrevious, #btnNext{
/*      cursor: hand; obsolete since ie5.5 JW*/
      cursor: pointer;
      background-color: #DDDDDD;
      color: #000000;
      line-height: 150%; 
      border-left-color: #DDDDDD;
      border-left-style: solid;
      border-left-width: thick; 
      font-size:12px;
}

#btnPrevious a, #btnNext a{
	text-decoration: none;
}
#footer{
   position: relative; /* JW */
   width: 910px;
   padding-left: 36px;
   margin: 0px auto;
   height: 108px;
   clear: both;
   background-image: url(../siteimages/back_foot.gif);
   color: #808080;
}
   #footer p{
      display: block;
      float: left;
      padding: 5px 10px 0px 0px;
      width: 106px;
   }
   #footer p.contact{
      padding: 5px 0px 0px 15px;
      width: 418px;
   }
   #footer a{
      color: #000000;
   }
/* Sticky footer **************************************************************************/
.push #top{
	min-height: 100%;
	height: auto !important; 
	height: 100%;
	margin: 0 auto -108px; /* the bottom margin is the negative value of the footer's height */   
}
.push #footer{
   float: none;
	margin: 0px auto;
	height: 108px; /* .push must be the same height as .footer */
	clear: both;
}
.push #push {
	margin: 0px auto;
	height: 108px; /* .push must be the same height as .footer */
	clear: both;
}
/* Standaard opmaak **********************************************************************/
a:link, a:visited{
   text-decoration: underline;
   color: #000000;
}
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;
}
   h1{
      font-size: 2.6em;
      color: #D21C1B;
      font-weight: normal;
      padding: 0px 0px 30px 0px;
      margin-top: -9px;
      min-height: 45px;
   }
   h2{
      font-size: 1.8em;
      font-weight: normal;
      color:#D21C1B;
   }
   h3{
      font-size: 1.2em;
      color: #84888b;
   }
   h4{
      font-size: 1em;
   }
   h5{
      font-size: 1em;
      font-style: oblique;
   }
   h6{
      font-size: 0.8em;
   }

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;
   }
   ul li, ol li {
      line-height: 1.5em;
   }
   ul{
      list-style: url(../siteimages/bullet_menu.gif);
   }

   ul.nostyle{
      list-style: none;
      padding: 0px;
   }
table {
   border-collapse: collapse;
   padding-top: 0.3em;
   empty-cells: show;
}
   table th {
      padding: 0.2em;      
      text-align: left;
      vertical-align: top;
   }
   table td {
      padding: 0.2em;
      /* border: 1px solid #CCCCCC;*/
      vertical-align: top;
      background-color: #FFFFFF;
   }
   form table td{
      border: 0px;
   }
   table th,
   table thead td{
      background-color: #CCCCCC;
   }
   table tfoot td, table.rijentabel tfoot td, table.rijentabel tfoot tr.alt td, table.kolommentabel tfoot td, table.kolommentabel tfoot td.alt{
      background-color: #CCCCCC;
   }
   table.rijentabel,
   table.kolommentabel,
	table.celtabel{
      border: 1px solid #CCCCCC
   }
   table.rijentabel td{
      border-width: 0px 0px 1px 0px;
      background-color: #FEFEFE;
   }   
	table.celtabel td{
      border: 1px solid #CCCCCC;
} 
   table.kolommentabel td{
      border-width: 0px 1px 0px 1px;
      background-color: #FEFEFE;
   }   
   table.rijentabel tr.alt td,
   table.kolommentabel td.alt{
      background-color: #EEEEEE;
   }

legend{
   color: Gray;
}
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 #000000;
   padding: 1px 0px;
}
.button{
   border: 1px solid #000000;
   background-color: #CCCCCC;
}

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 **************************************************************************/


.modified{
   font-size: 0.9em;
   padding-top: 0.75em;
   padding-bottom: 0px;
   float: left;
   width: 100%;
   clear: both;
}
.rij{
   display: block;
   float: left;
   border-top: 1px solid #D21C1B;
}
#top .top{
   border-top: 0px;
   margin-top: -38px;
}
.col1, .col2{
   float: left;
   display: block;
   border-bottom: 1px solid #D21C1B;
   padding-bottom: 5px;
}
.col1{  
   width: 312px;
}
.col2{  
   width: 194px; 
   margin-left:19px
}
#top .top .col1,#top .top .col2{
   border-bottom: 0px;
}
.rij ol{
   margin: 0px;
   padding: 0px;
   list-style: none;
}
.rij ol li{
   border-top: 1px solid #D21C1B;
   padding-bottom: 3px;
   margin-bottom: 7px;
   display: inline-block;
   width: 100%;
   line-height: 1.2em; 
}
#top .rij ol li.first{
   border: 0px;
}
.rij h3{
   padding-top: 0px;
   padding-bottom: 7px;
}
.kader{
   border: 1px solid #E6E6E6;
}
.rij .meer{
   text-decoration: underline;
   padding: 2px 0px 2px 18px;
   display: block;
   background-image: url(../siteimages/bullet_meer.gif);
   background-repeat: no-repeat;
   background-position: left 3px;
}
.rij ul{
   list-style: none;
   list-style-image: none;
   margin: 0px;
   padding: 0px 0px 0px 0px;
}
.rij ul a{
   padding: 2px 0px 2px 18px;
   display: block;
   background-image: url(../siteimages/bullet_menu.gif);
   background-repeat: no-repeat;
   background-position: left 3px;   
}

.year{
	float: left;
	padding-right: 25px;
}

.leftside{
	margin: 0px 20px 0px 0px;
}
.leftside, .rightside{
	float: left;
	width: 250px;
}

.intern{
	border: 1px solid #D21C1B;
	padding: 0px 4px;
}

.letter{
	float: left;
        padding: 0px 2px;

}
.letter a{
	color: #D21C1B;
        font-size: 1.3em;
        font-weight: bold;
        font-style: normal;
}

.anchorgroup{
	float: left;
	width: 150px;
}

/* Homepage adjustments **************************************************************************/
#hidden{
	display: none;
}

.home #header {
	float: right;
	width: 828px;
}

.home #visual {
	float: right;
	width: 784px;
	border-right: 1px solid #c9c7c7;
}
#headerlogo{
   display: none;
}
.home #search{
   left: 755px;
}
.home #headerlogo{
	width: 155px;
	background-image: url(../siteimages/leftlogo.gif);
	background-repeat: no-repeat;
	height: 450px;
	position: absolute;
	top: 37px;
	left: -118px;
	display: block;
}
.home #submenu{
	width: 155px;
	height: 10px;
}

.home #logo {
	left: 665px;
}
.home #navigation #menu{
	width: 792px;
	left: 156px;
}
.home #backlogos, .home #breadcrumbs, .home #print {
	display: none;
}
.home #contentcolumn{
	width: 610px;
	/* height: 769px; */
}
.home #contentcolumn_extracolumn{
	width: 792px;
}
.home #columnwrapper{
	padding-left: 0px;
	width: 947px;
}

.home #top{
	background-image: url(../siteimages/bgred.gif);
	background-repeat: repeat-y;
}

.home #footer{
   background-image: url(../siteimages/footerlogo.gif);
   background-repeat: no-repeat;
   background-color: #F2F2F2;
   padding-left:156px;
   width:790px;
}

.home .blokbreed{
   float: left;
   width: 280px;
   margin-right: 20px;
   padding-bottom: 5px;
   border-bottom: 1px solid #D21C1B;
}
.home .rij {
   border: 0px;
}

.home .blokbreed p{
   line-height: 1.4em;
}
.home .blokbreed h3{
   padding: 0px 0px 10px 0px;
}

.home .bloksmal{
   float: left;
   width: 185px;
   margin-right: 15px;
   padding-bottom: 5px;
   border-bottom: 1px solid #D21C1B;
}

.home .bloksmal p{
	line-height: 14px;
}
.home .bloksmal h4{
	padding-bottom: 5px;
}
.home .bloksmal a.meer{
   font-size: 0.9em;
}

#sitewide a.FontSizeDec{font-size: 0.7em;}
#sitewide a.FontSizeReset{font-size: 0.9em;}
#sitewide a.FontSizeInc{font-size: 1.1em;}

.rood {
	color: #D21C1B;
}
/* Toevoeging voor tekst align alternatief by JWA */
.links {
	text-align:left;
}

.rechts {
	text-align:right;
}
.midden {
	text-align:center;
}

/* was a.d i.vm. strict eruit gehaald JW */

.digid{
	background-image: url(../siteimages/digid.jpg);	
	background-repeat: no-repeat;
	width: 32px;
	height: 14px;
	float: right;
}

/* End Homepage adjustments **************************************************************************/