@charset "utf-8";

 /* Stijlsheet voor afdrukken van Auditio pagina's - auditio-print.css
 http://www.vdotmedia.com/blog/make-your-website-printer-friendly/
 18/2/8
 alleen footer, searchbox,  weggelaten
 */

 /* top right bottom left   class.   id#   */
 
 
 /* kleuren
 
  #990000 donkerrood
  #008080 auditio groen
  
  */

.menubalk  {display: none;}
.slidetabsmenu {display: none;}
.pageear {display: none;}


 /*  Afbeeldingen zonder kader */
img { border: 0px} 

/* Start Block Hover Effect Voor kennispagina */
 

 /*  Voetregel cel no break */
td.nobreak	{
	white-space: nowrap;
	}




 
#kennis ul {
        list-style-type: none;
        width: 600px;
    
} 

#kennis li {
        border-top: 1px dotted #999;
        border-bottom: 1px dotted #fff;

        margin: 25px 0;

}

#kennis li a { 
        color: #008080;
        display: block;
        font: normal 130% "century gothic", Verdana, Arial, Helvetica, sans-serif; ;
        padding: 5px;
        text-decoration: none;
        line-height: 180%; 
        

}

 * html #kennis li a {  /* make hover effect work in IE */
	width: 400px;
}

#kennis li a:hover {
        background: #ffffcc;
}

#kennis a em { 
        color: #008080;
        display: block;
        font: normal 90% "century gothic", Verdana, Arial, Helvetica, sans-serif; 
        letter-spacing: 0.05em;;
        line-height: 180%; 
}

#kennis a span {
        color: #008080 ;
        font: normal 80% "century gothic", Verdana, Arial, Helvetica, sans-serif; 
        letter-spacing: 0.05em;
        line-height: 180%;
        margin: 0 0 -25px 0;


} 
 
 
 /* Begin Dropshadow http://www.alistapart.com/articles/onionskin  * NIET TOEGEPAST zie imagetest.php/
 

 
 /* Begin Dropshadow  http://www.tastypopsicle.com/dropshadow/  */
 
 

 
 
 
 
 /*  End Block Hover Effect Voor kennispagina */
 
 
 
 
 
 .monitorings a             {  color : #666;    font-size : 120%; padding: 5px; border:0}
  .monitorings a:link       {  color : #666; background :   #EFEFEF ; }
   .monitorings a:visited   {  color : #666; background :   #EFEFEF ; }
    .monitorings a:active   { color : #red}
     .monitorings a:hover   { color: #008080 ; border:0 }
     
     
     #teller {letter-spacing: 0.10em ; font-size : 110%; }
 
 
 
.imageOver4{
	background:url(pattern.gif) repeat;	
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;	
}
 

 
 
 .eMailer form  {  display : none;   color : #999;  text-align : right;  font-size : 80%;  padding : 10px;  text-decoration : none;   letter-spacing: 0.1em ; }

 
 .eMailer form:hover  {  display : block;   color : #333; background :   #EFEFEF ;   text-align : right;  font-size : 80%;  padding : 10px;  text-decoration : none;  letter-spacing: 0.1em ;  }
 
 
  
 .eMailer input  {  color : #999; background :   #EFEFEF ;   font-size : 100%;  padding : 2px; letter-spacing: 0.00em ; }
 
 .eMailer input:hover  {  color : #008080; background :   #EFEFEF ;   font-size : 100%;  padding : 2px; letter-spacing: 0.00em ; }
 

.clear {  clear : both;  height : 1px;  overflow : hidden;  }
html, body {  margin : 0;  padding : 0;  font-family : "century gothic", Verdana, Arial, Helvetica, sans-serif;  font-size : 0.95em; }
p, b, ul, li {  font-size : 100%; color: #008080  ; line-height : 180%;
}

body   {font-weight : normal; color: #008080 }
strong {font-weight : normal; color: #008080 }
b      {font-weight : normal; color: #008080 }
em     {font-weight : normal; color: #008080 }
i      {font-weight : normal; color: #008080 ;}

.cursief {font-family : "century gothic", Verdana, Arial, Helvetica, sans-serif;  font-style : italic;  }
.centrum {margin-left:197px; margin-right:197px;  }
.centrum font.required {
margin: 100px ;
padding-top: 0px ;
border-top: 10px;
 line-height : 280%;
}


hr {
height: 0;
border: 0;
border-top: 1px solid #bae1f7;
}

a:link, 
a:visited,  
a:active           {text-decoration: none; color: #008080 ; }
a:hover            {text-decoration: none; background :   #EFEFEF ;  border-bottom: 1px #999999 dotted;  color: #008080 ; } 



pre {font-weight : normal; color: #000 ; }
th {font-weight : normal; color: #008080 ; font-size : 1.05em; align:left}
td {font-weight : normal; color: #008080 ; font-size : 1.00em; letter-spacing: 0.00em ;}


.crumbs {  font-size : 85%;   color: #999 ;  letter-spacing: 0.05em ; background :   #EFEFEF ;   margin: 0px 0px 30px 0px; padding:2px}
.crumbs a:link             {text-decoration: none; color: #666 ; }   
.crumbs a:visited          {text-decoration: none; color: #666 ; }
.crumbs a:active           {text-decoration: none; color: #666 ; }
.crumbs a:hover            {text-decoration: underline; background :   #EFEFEF ;  border-bottom: 1px #999999 dotted;  } 

.kader { color: #000 ; border: 1px #999999 dotted;  color: #008080 ; padding: 10px; }



#right {
float : right;}

/* begin searchbox */

/* http://blog.reindel.com/2007/08/13/howto-spruce-up-your-search-box-with-css-and-a-background-image */

#search_box {

display: none;

}




/* einde searchbox */

.vcard_ {height:64px; background: url("i/vcard.png")  no-repeat; background-position: 320px -12px; margin-top:10px; margin-bottom:20px}




.vcard                    {font-size : 90%; color:#999; line-height : 200%;  letter-spacing: 0.05em}
.vcard a:link             {color: #999; border: 1px; } 
.vcard a:visited          {color: #999; border: 1px; } 
.vcard a:active           {color: #999; border: 1px; } 
.vcard a:hover            {color: #999; border: 1px; } 
/*visibility: hidden;*/

.interlinie {  font-size : 100%;  line-height : 280%;}


/*dienstenpagina subnavigatie http://www.cssplay.co.uk/menus/pro_horizontal#nogo */
.menu5 {padding:5px 0 0 0em; margin:0; list-style:none; height:40px; position:relative; background:transparent url(i/pro_five_0c.gif) 
        repeat-x left bottom; font-size:95%; line-height : 100% ; width:755px}
.menu5 li {float:left; position:relative ; height:40px; margin-right:1px;}
.menu5 li a {display:block; float:left; height:40px; line-height:35px; color:#333; text-decoration:none; 
          font-family: "century gothic", Verdana, Arial, Helvetica, sans-serif; text-align:center;  padding: 0 0 0 4px; cursor:pointer; background:url(i/pro_five_0a.gif) no-repeat;}
.menu5 li a b {float:left; display:block; padding:5px 12px 5px 8px; background:url(i/pro_five_0b.gif) no-repeat right top;}
.menu5 li.current a {color:#000; background:url(i/pro_five_2a.gif) no-repeat;}
.menu5 li.current a b {background:url(i/pro_five_2b.gif) no-repeat right top;}
.menu5 li a:hover {color:#fff; background: url(i/pro_five_1a.gif) no-repeat;}
.menu5 li a:hover b {background:url(i/pro_five_1b.gif) no-repeat right top;}
.menu5 li.current a:hover {color:#000; background: url(i/pro_five_2a.gif) no-repeat; cursor:default;}
.menu5 li.current a:hover b {background:url(i/pro_five_2b.gif) no-repeat right top;}


/*sollicitatiepagina kader met tab http://www.cssplay.co.uk/menus/pro_horizontal#nogo */
.menu6 {padding:5px 0 0 0em; margin:0; list-style:none; height:40px; position:relative; background:transparent url(i/pro_five_0c.gif) repeat-x left bottom; font-size:120%; line-height : 100% ; width:620px}
.menu6 li {float:left; position:relative ; height:40px; margin-right:1px;}
.menu6 li a {display:block; float:left; height:40px; line-height:35px; color:#333; text-decoration:none; font-family: "century gothic", Verdana, Arial, Helvetica, sans-serif; text-align:center;  padding: 0 0 0 4px; cursor:pointer; background:url(i/pro_five_0a.gif) no-repeat;}
.menu6 li a b {float:left; display:block; padding:5px 12px 5px 8px; background:url(i/pro_five_0b.gif) no-repeat right top;}
.menu6 li.current a {color:#000; background:url(i/pro_five_2a.gif) no-repeat;}
.menu6 li.current a b {background:url(i/pro_five_2b.gif) no-repeat right top;}
.menu6 li a:hover {color:#fff; background: url(i/pro_five_1a.gif) no-repeat;}
.menu6 li a:hover b {background:url(i/pro_five_1b.gif) no-repeat right top;}
.menu6 li.current a:hover {color:#000; background: url(i/pro_five_2a.gif) no-repeat; cursor:default;}
.menu6 li.current a:hover b {background:url(i/pro_five_2b.gif) no-repeat right top;}


.missie {background : #ECF3FE; background:url(i/backgr.gif) repeat-x; border: solid 1px #999  ;  color: #006d75 ;  padding:15px ;  margin:20 px; height: 100 px; width:90% ;  line-height : 200%; letter-spacing: 0.05em; } 

.missie6 {background : #ECF3FE; background:url(i/backgr.gif) repeat-x; border: solid 1px #999  ;  color: #006d75 ;  padding:15px ; 
margin:20 px; height: 100 px; width:90% ;  line-height : 200%; letter-spacing: 0.05em; width:588px;} 

.missie-tekst {font-size:100%; letter-spacing: 0.05em; line-height : 160%;    background:url(i/Auditio-A-150.png) no-repeat; background-position: top right }
.missie-tekst-nospacing {font-size:97%; letter-spacing: 0.00em; line-height : 160%;    background:url(i/Auditio-A-150.png) no-repeat; background-position: top right }
.missie-tekst-met-il {font-size:100%; letter-spacing: 0.05em; line-height : 300%;    background:url(i/Auditio-A-150.png) no-repeat; background-position: top right }

.sticky_note_container {
    float: right;
    width: 253px;
    margin-right: 10px;
    margin-left: 40px;
}
.sticky_note {
 

     /* make sure you have uploaded the following image */
  
  }
  



  
.yellowmarker {font-weight: normal; background-color:#FFFF66 ;  padding:6px 6px 6px 6px; }  
.yellowmarker a:link  {text-decoration: underline; color: #008080 ; font-size:107%;  letter-spacing: 0.05em; }
.yellowmarker a:visited  {text-decoration: underline; color: #008080 ; font-size:107%;  letter-spacing: 0.05em;  }
.yellowmarker a:active  {text-decoration: underline; color: #008080 ; font-size:107%;  letter-spacing: 0.05em; }
.yellowmarker a:hover  {text-decoration: underline; color: #fff ; background: #008080;  font-size:107%;  letter-spacing: 0.05em; }
blockquote.yellowmarker {text-align:justify  ; font-family:'Comic Sans MS','Brush Script MT',Phyllis,'Lucida Handwriting',cursive; font-weight: italic; color: #666 ; line-height : 250%;  






padding:12px 22px 12px 22px;
margin: 20px 60px 40px 80px; 
}
/* top right bottom left */

.postit {
     padding: 20px 30px 0px 30px;
     width: 253px;
     background-image: url(i/note_middle.gif);
     background-repeat: repeat-y;
     color: blue;
     font-family:  "Comic Sans MS", Cursive, Serif ;
     font-size : 90%; 
     line-height : 26px;   
     padding : 5px;   
     letter-spacing: 0.05em}
     
}

.sticky_note_footer {
     width: 253px;
     /* make sure you have uploaded the following image */
     background-image: url(i/note_finish.gif);
     background-position: 0% 100%;
     background-repeat: no-repeat;
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
}





.articleinfo1 {
	font-size: 95%;
	background-color: none;
	padding: 0 0 25px 0px;
	display: block; /* setting this to none makes the articleinfo block disappear, block makes it appear again */
	}
	
	
	
/* tabel diensten diensverlening */	
	
#diensten { clear: both; font-size : 100%; background : #ECF3FE; background:url(i/backgr.gif)  repeat-x; border: solid 1px #999  ; padding:15px }

	
	
/* tabel diensten diensverlening END*/	


#voorbeeld  {border: 10px; font-size : 90%; background : #EFEFEF;   margin-bottom : 20 px;  padding : 17px; line-height : 90%; }

address  {font-weight : normal;  line-height : 180%;}

a.noline, a.noline:link, a.noline:visited, .chosen {  text-decoration : none;  border-bottom: 0px   }
a.noline:hover {  text-decoration : none;  }

a.noline2, a.noline2:link, a.noline2:visited, .chosen {  text-decoration : none;  color : #000;  }
a.noline2:hover {  text-decoration : none;  }

a.noline3, a.noline3:link, a.noline3:visited, .chosen {  text-decoration : none;  color :  #008080;   }
a.noline3:hover {  text-decoration : none;   }

a.nolink:link, a.nolink:visited, a.nolink:active           {text-decoration:none;  border-bottom: 0px }
a.nolink:hover  {  text-decoration : none;   }

a.nolink2:link, a.nolink2:visited, a.nolink2:active        {color: #000; text-decoration:none;  border-bottom: 0px }
a.nolink2:hover                                            {color: #008080 ;  border-bottom: 0px }


/* toont niets! gebruikt voor headerimage*/ 
a.hidelink:hover 
a.hidelink:link, 
a.hidelink:hover, 
a.hidelink:visited,  
a.hidelink:active           {text-decoration: none; border-bottom: 0px;  background :   none ; }


a.normal, a.normal:link, a.normal:visited, .chosen {  text-decoration : underline;   color : #008080; }
a.normal:hover {  text-decoration : none;  color :  #008080;   }



/*color: #006d75 ; = omzetting PMS
008080 = oude auditio kleur
*/


.logo {display : block;  }


.head              {  display : block;  height : 130px;  color : #fff;    padding-top : 20px;    font-size : 120%;  margin-top: 0 px}
.foot              {  display: none; background : #EFEFEF;  line-height : 100% ; color : #fff;  text-align : left;  font-size : 85%;  padding : 10px;  
                      text-decoration : none; background-image: url(i/menu-background.gif);  letter-spacing: 0.15em; line-height : 110%; }
                      
#container         {    display : block;  width:95%}
#container-50-right-margin       {  position : relative;  display : block; height : 90%;  background : #fff;    overflow : visible;  }
#container-100-right-margin       {  position : relative;  display : block; height : 90%;  background : #fff;   100px solid #fff;  overflow : visible;  }

#left              {  display: none;  }
* html #left       {  display: none;  }
#right             {  display: none;  }

.navfoot           {  display : inline;   color : #fff;  float : right;  text-align : right;    text-decoration : none;  }
a.navfoot:link, 
a.navfoot:active,
a.navfoot:visited  {   color : #fff;   }





.menubalk          {    display :none ;

border-bottom: 2px solid grey ; 


}  /* totale hoogte 50 px */
                      
                      
#menubalk a:link, 
a:visited,  
a:active           {text-decoration: none;  color: #008080 ;}



#head a:link, a:visited,  a:active {text-decoration: none;  color: #008080 ;}
a.head {text-decoration: none; }






.inleiding {font-weight : normal; font-size : 115%; line-height : 180%; margin-top: 50px; margin-left : 50px; margin-right : 197px; margin-bottom: 50px; }






/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
    
#slidetabsmenu {
float:left;
width: 770px;
font-size:75%;
line-height:normal;
border-bottom: 0px solid grey ;
 padding-top : 0px;
 padding-left : 197px; 
}

* html #slidetabsmenu{ /*IE only. Add 1em spacing between menu and rest of content*/
margin-bottom: 1em;
}

#slidetabsmenu ul{
list-style-type: none;
margin:0;
margin-left: 10px;
padding:0;
}

#slidetabsmenu li{
display:inline;
margin:0;
padding:0;
}

#slidetabsmenu a {
float:left;
background:url(i/tab-left.gif) no-repeat left top;
margin:0;
padding:0 0 0 9px;
text-decoration:none;
}

#slidetabsmenu a span {
float:left;
display:block;
background:url(i/tab-right.gif) no-repeat right top;
padding:3px 14px 3px 5px;
font-weight:normal ;
color:#008080;
text-transform : uppercase;
letter-spacing: 0.05em;


}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#slidetabsmenu a span {float:none;}
/* End IE5-Mac hack */

#slidetabsmenu a:hover span {
color: black;
}

#slidetabsmenu #current a {
background-position:0 -125px;
}

#slidetabsmenu #current a span {
background-position:100% -125px;
color: black;
}

#slidetabsmenu a:hover {
background-position:0% -125px;
}

#slidetabsmenu a:hover span {
background-position:100% -125px;
}






/*


.nav {background:  #EFEFEF ;    }


a.nav, a.nav:link, a.nav:visited,  {  display : inline;  width : 140px;  height : 25px;   
border : 1px solid #999;  margin-top : 2px;  text-align : left;  text-decoration : none;  
font-family : "century gothic", verdana, arial, sans-serif;  color : #000;  line-height : 25px;  overflow : hidden;  margin-left : 10px;  padding : 5px;  font-size : 120%;  }
a.nav:hover {  color : #fff;  background : #EFEFEF;  }
a.nav:active,  {  color : #fff;  background : #EFEFEF;  text-transform : uppercase;  }
a.navlink {  display : inline;  width : 120px;  margin-top : 2px;  text-align : left;  text-decoration : none;  
font-family : "century gothic", verdana, arial, sans-serif;  line-height : 16px;  overflow : hidden;  
margin-left : 10px;  padding : 5px;  font-size : 120%;  }



#menu {position:relative; margin-top:20px; left:5px; display:block; width:850px;}

#menu a.button, #menu a.button:visited { width:150px; height:30px; background:url(i/buttons.gif); background-position:top left; 
background-color:transparent; text-align:center; color:#000;  text-decoration:none;  font-family : "century gothic", verdana, arial, sans-serif; font-weight:normal;  text-transform : uppercase;}
#menu a.button:hover {background-position:0 -30px; line-height:31px; overflow:hidden;}
#menu a.button:active {background-position:0 -60px;}


*/
/*
a {  color : #003399;  }
a:active {  color : #999;  }
a:visited {  color : #003366;  }
*/


#quotemark {display : inline;   float : right;      text-align : right ; line-height : 1px;   font-family: times ; color: 	#92C7C7; font-size: 1000%; padding : 5px;    z-index=0 ; }

#quotes  {float : right;  text-align : right ; line-height : 26px;   padding : 5px;   letter-spacing: 0.05em;  z-index=0 ;}

/*
#quotes:after 
{color: #92C7C7;
display: block;
font-size: 700%;
width: 50px;
font-family : times; 
margin-right: -3em;
margin-top: -25px;
content: close-quote;
z-index=99 ; 
line-height : 1px; 
text-align : right 
}
*/


/* blockquote {float : right;  text-align : right ; line-height : 26px;   padding : 5px;   letter-spacing: 0.05em}


blockquote:before {
content: open-quote;
height: 0;
margin-right: 0 em;  
}


blockquote:before {
color: #008080;
display: block;
font-size: 700%;
width: 50px;
font-family : times; 
margin-left: -0.25em;
margin-top: 20px;
content: close-quote;
}


*/




#auditio .auditio, #contact .contact, #downloads .downloads, #vacatures .vacatures

{font-size : 180%;  }


#container2
{width:90% ; right:10%; float:left}


.inspring { text-indent: 0px; line-height : 160%;}




.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: 50px;
top: 50 px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -100px;
left: -500px; /*position where enlarged image should offset horizontally */

}



.noot {color: red; border: 1px dashed gray; padding:10px 10px 10px 10px;  margin:20 px; height: 100 px; width:40% ; }

.grijs {color: grey; border: 1px dashed gray; padding:10px 10px 10px 10px;  margin:20 px; height: 100 px; width:40% ; }

.right { text-align : right; }


h1, h2, h3, h4, h5, h6  {color: #006d75 ; }

h1
{font-size : 150%; font-weight: normal;  letter-spacing: 0.05em; margin-bottom:10px; line-height : 180%}

h2
{font-size : 125%; font-weight: normal; letter-spacing: 0.05em; line-height:180%; 
margin:0; /* geen problemen meer */
padding:10px 5px 0px 0px; /* top right bottom left */
} 


h3
{font-size : 110%; font-weight: normal; letter-spacing: 0.05em; line-height:180%}

h4
{font-size : 115%; font-weight: normal; letter-spacing: 0.05em; line-height:180%}

h5
{font-size : 110%; font-weight: normal; letter-spacing: 0.05em; line-height:180%}

h6 
{font-size : 105%; font-weight: normal; letter-spacing: 0.05em; line-height:180%}


.t   {  background : url(i/dot.gif) repeat-x 0 0;  width : 130px;  }
.b   {  background : url(i/dot.gif) repeat-x 0 100%;  }
.l   {  background : url(i/dot.gif) repeat-y 0 0;  }
.r   {  background : url(i/dot.gif) repeat-y 100% 0;  }
.bl  {  background : url(i/bl.gif) no-repeat 0 100%;  }
.bl2 {  background : url(i/bl.gif) no-repeat 0 100%;  }
.br  {  background : url(i/br.gif) no-repeat 100% 100%;  }
.tl  {  background : url(i/tl.gif) no-repeat 0 0;  }
.tr  {  background : url(i/tr.gif) no-repeat 100% 0;  }


.kader1     {  background : #ffecc5;  background-color : #ffecc5;  margin-left : 10px;  margin-right : 19px;  }
.kader2     {  background : #ffecc5;  background-color : #ffecc5;  margin-left : 10px;  margin-right : 19px;  }

.kader3     {  background : #0099ff;  background-color : #0099ff;  margin-left : 10px;  margin-right : 58px;  }
.kader4     {  background : #ffecc5;  background-color : #ffecc5;  margin-left : 10px;  margin-right : 19px;  }
#smaller {font-size : 90%;  color : #666;   margin-top: 20px; letter-spacing: 0.05em;}

.kaderbreed {  background : #ffecc5;  background-color : #ffecc5;  margin-left : 1px;  margin-right : 40%;  }
.kaderbreed  {  font-size : 85%;  font-weight : bold;  color : #666;  }
.kaderbreed textarea {  height : 80px;  width : 300px;  font-size : 90%;  font-family : Arial, Helvetica;  }

/*  select
checkbox
submit input { width:140px } 
radio input {font-size:10px } 
textfield  { width:10px } 

*/

textarea {  height : 80px;   font-size : 120%;  font-family : Times, Arial, Helvetica;  }
fieldset {  border : 0;  padding : 7px; line-height : 160%; letter-spacing: 0.02em;}
label {  font-size : 100%;  font-weight : normal;  color: #006d75 ; line-height : 160%;  letter-spacing: 0.01em;}

#splash h1 {font-family : "century gothic", verdana, arial, sans-serif;  line-height : 26px; }
#splash p {font-family : "century gothic", verdana, arial, sans-serif;  line-height : 26px; }

.mission {font-size : 160%;  font-family :  "century gothic", verdana, arial, sans-serif;  line-height : 46px; color : #666; }
.larger {font-size : 150%;  color : #0099ff;}
.small {font-size : 80%;  color : #006d75; line-height : 180%; letter-spacing: 0.05em; }
#small {font-size : 80%;  color: #006d75 ; line-height : 180%; letter-spacing: 0.05em;}

/* 
.missie oud rob {color: #006d75 ;  border: 1px dashed gray; padding:10px 10px 10px 10px;  margin:20 px; height: 100 px; width:90% ;  line-height : 200%; letter-spacing: 0.05em;} 
*/





#kaderccm { background:#D7D7D7;  1px dashed gray; padding:10px 10px 10px 10px;  margin:20 px; height: 100 px; width:90% ;  line-height : 200%; letter-spacing: 0.05em;}




form #button1, form #button2 {letter-spacing: 0.05em; font-family : "century gothic", verdana, arial, sans-serif; background:#fff url(i/menu-background180.gif) repeat-x top left; font-size : 125%; color:#fff; padding-right:1em;  cursor:pointer; height: 50px;  margin-left:0em; }
form #button1:hover, form #button2:hover {font-size : 125%;   color:#008080;  border:1px solid #008080; letter-spacing: 0.05em; }



.blue {color : #0099ff;}

.tbreed {  background : url(i/dot.gif) repeat-x 0 0;  width : 100%;  }
.labeltje {  font-weight : bold;  font-size : 60%;  }
.tr h1, .tr p {  margin : 0 10px;  padding-top : 10px;  }
.kader1 h1 {  color : #000;  }
.kader4 h1 {  color : #000;  }
.tr h2 {  color : #000;  }
.tr h1 {  font-size : 130%;  }
.tr p {  color : #999;  }
.kaderbreed h1 {  color : #000;  }
.kaderbreed h2 {  color : #000;  }
#goth120blue {font-family : "century gothic", verdana, arial, sans-serif; font-size:125% ; color : #003366;}
#grijs { color : #666; }
#grijssmall { color : #666; font-size : 10px; }

dt {  font-weight : normal; font-size : 100%;  }
dd {  margin-left : 0; padding-top:0.3em; }
.red {  color : #fff;  background :  #666; margin-left : -1 em; margin-right : 5px; padding: 2px ; background-image: url(i/menu-background.gif); }
.red:hover  {  color : #fff;  background :  #008080;  }
.zwart (color : #000; background :  #666;}

ul {margin-left: 10; padding-left: 0;  margin-right : 10px; margin-left: 100  px;}

li {    padding: -100 px;  }  /* list-style-image : url(i/2007/bullet_blue.gif); */
ol li {  list-style : decimal;  }



.achtergrond {  background : #92C7C7;   }
.phone {  font-size : 100%;   line-height : 40px;}
.phone:hover { font-size : 200%; }





/*

H1 {  font-family : Verdana, Arial, Helvetica, sans-serif;  font-size : 160%;  color : #666;  }
H2 {  font-family : Verdana, Arial, Helvetica, sans-serif;  font-size : 120%;  color : #333;  }
H3 {  font-family : Verdana, Arial, Helvetica, sans-serif;  font-size : 110%;  color : #333;  }
H4 {  font-family : Verdana, Arial, Helvetica, sans-serif;  font-size : 100%;  color : #000;  font-weight : bold;  }
H5 {  font-family : Verdana, Arial, Helvetica, sans-serif;  font-size : 90%;  color : #333;  font-weight : bold;  margin-left : 10px;  margin-right : 30px;  }
H6 {  font-family : Verdana, Arial, Helvetica, sans-serif;  font-size : 85%;  color : #000;  font-weight : normal;  margin-left : 10px;  margin-right : 30px;  }



#download {  font-family : Verdana, Arial, Helvetica, sans-serif;  font-size : 100%;  color : #666;  }
*/

.h1stijl {  font-family : Verdana, Arial, Helvetica, sans-serif;  font-size : 160%;  color : #666;  }
.h2stijl {  font-family : Verdana, Arial, Helvetica, sans-serif;  font-size : 120%;  color : #333;  }
.h3stijl {   font-size : 100%;   }
.h4stijl {  font-family : Verdana, Arial, Helvetica, sans-serif;  font-size : 100%;  color : #000;  font-weight : bold;  }
.h5stijl {  font-family : Verdana, Arial, Helvetica, sans-serif;  font-size : 90%;  color : #333;  font-weight : bold;  margin-left : 10px;  margin-right : 30px;  }
.h6stijl {  font-family : Verdana, Arial, Helvetica, sans-serif;  font-size : 85%;  color : #000;  font-weight : normal;  margin-left : 10px;  margin-right : 30px;  }
rechtslijnened {  float : right;  display : inline;  text-align : right;  }


.agenda  { font-size :90%; font-variant: small-caps;  letter-spacing: 0.1em; }
    
.agenda a {padding-left:0.5em; padding-right:0.5em; padding-top:0.1em; padding-bottom:0.1em; border:1px solid #999; text-decoration:none; color: #008080; ; background:url(i/gradient.gif) repeat-x top left; }    
.agenda a:hover { background :   #008080; color:#fff;  padding:0.5em; }














 /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 ERROR CHECKING        http://accessites.org/site/2006/07/big-red-angry-text/
 This is to determine if deprecated elements are used.
 If so, they should be replaced:
 1a. <font> and
 1b. <font color="xxx">É</font>: ShouldnŐt be used.
 CSS should dictate font attributes.
 2. <center>: ShouldnŐt be used. CSS should dictate
 horizontal alignment.
 3a. <div align="xxx">É</div>
 3b. <p align="xxx">É</p>
 3c. <table align="xxx">É</table>: ShouldnŐt be used.
 CSS should dictate horizontal alignment.
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
 
 

 /* CSS Begin */
 
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 font, center, div[align], p[align], table[align], font[color] {
   color : #cd0000;
   font-weight : bold;
   background : #eecc11 url(images/warning.gif) repeat 0 0;
   margin : 10px;
   padding : 10px;
   border : 2px dashed #cd0000;
   font-size : 2em;
}

 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */