@charset "utf-8";

/* ezelsbruggetjes: top right bottom left
  #990000 donkerrood
  #008080 Auditio-groen
  
  #E6E6E6 kwikzilver (licht)
  #CCCCCC zilver
*/


/************************************************************************************
	HTML																		Start
************************************************************************************/

a:link
	{text-decoration:none; border-bottom:1px solid #999; color: #008080;padding:0px}
a:visited
	{text-decoration:none; border-bottom:1px solid #999; color: #008080;}
a:hover,a:active
	{text-decoration:none; border-bottom:1px #999 dotted;color: #008080;} 

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


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%}

img { border: 0px} 

html, body {
	margin:0; padding:0;
	font-family: "century gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.95em;
}
p, b, ul, ol, li dd, dt {
	font-size:100%;
	color: #008080;
	line-height : 180%;
}

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

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

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


dt {  font-weight : normal; font-size : 100%; line-height : 180%; }
dd {  margin-left : 0; padding-top:0.3em; line-height : 180%; }

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;}




/************************************************************************************
	HTML																		Eind
************************************************************************************/





/************************************************************************************
	Allemaal spullen voor links													Start
************************************************************************************/

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

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 }

#download a:link,
#download a:active,
#download a:hover,
#download a:visited {
	border:0;
	text-decoration:none;
}
#download #container a:hover {
	border-bottom:#999 dotted 1px;
}
#download a.nolineimg:hover {
	border:0;
}

/* toont niets! gebruikt voor headerimage*/
/*  ??? WTF */ 
a.hidelink:hover            {text-decoration: none; border-bottom: 0px;  background :   none ; }
a.hidelink:link             {text-decoration: none; border-bottom: 0px;  background :   none ; }
a.hidelink:hover            {text-decoration: none; border-bottom: 0px;  background :   none ; }
a.hidelink:visited          {text-decoration: none; border-bottom: 0px;  background :   none ; }
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;   }

/************************************************************************************
	Allemaal spullen voor links													Eind
************************************************************************************/





/************************************************************************************
	table#keuze (diensten-quality-monitoring-auditio.php)						Start
************************************************************************************/
table#keuze {
	width:510px;
	border:0;
}

table#keuze tr {
	height:250px;
}

table#keuze td {
	width:250px;
	margin:1px;
	background-color:#eee;
	font-size:120% ;

	text-align:center;
	border-top: 2px solid #E6E6E6;
	border-left: 2px solid #E6E6E6;
	border-bottom: 2px solid #999;
	border-right: 2px solid #999;
}

table#keuze h1 {font-size:120% ;}

table#keuze ul {
	font-size:80%;
	list-style:url('i/bullet-teal.gif') disc inside;
	padding:0;
	margin:0;
	text-align:center;
}

/************************************************************************************
	table#keuze (diensten-quality-monitoring-auditio.php)						Eind
************************************************************************************/




/************************************************************************************
	Dit doet waarschijnlijk niets meer											Start
************************************************************************************/

.button-rechts {
	width:250px;
height:250px;
margin:1px;
display:block;
background-color:#eee;
font-size:120% ;

text-align:center;
border-top: 2px solid #E6E6E6;
border-left: 2px solid #E6E6E6;
border-bottom: 2px solid #999;
border-right: 2px solid #999;
     }
     
a:hover.button-rechts {
background-color:#D8E5B7;
text-decoration:none; 	
	}
	
	
.button-rechts h1 {font-size:120% ;}	
  
.button-rechts ul {font-size:80% ; float:left; text-align:left; }

/************************************************************************************
	Dit doet waarschijnlijk niets meer											Eind
************************************************************************************/







/************************************************************************************
	Chatbutton																	Start
************************************************************************************/
  
 #chatbutton {position: absolute; left: 5px; top: 5px; height: 57px; width: 57px; padding: 0em; color: #fff;  line-height : 50%; font-size: 80px}

 #chatbutton a {  text-decoration:none;  border-bottom: 0px #999 dotted; }
 #chatbutton a:link {  text-decoration:none;  border-bottom: 0px #999 dotted; }
 #chatbutton a:visited {  text-decoration:none;  border-bottom: 0px #999 dotted; }
 #chatbutton a:hover {  text-decoration:none;  border-bottom: 0px #999 dotted; }
 #chatbutton a:active {  text-decoration:none;  border-bottom: 0px #999 dotted; }

/************************************************************************************
	Chatbutton																	Eind
************************************************************************************/





/************************************************************************************
	Alerlei classes																Start
************************************************************************************/

.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%;
}

.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
}

.largecap {
	font-size:120% ;
	text-transform:uppercase ;
	letter-spacing: 0.1em;
} 

.articleinfo1 {
	font-size: 95%;
	background-color: none;
	padding: 0 0 25px 0px;
	display: block;
	}

.logo {
	margin-left:197px;
	margin-bottom:20px;
}
.head {
	display: block;
	height: 220px;
	color: #fff;
	padding-top: 8px;
	font-size: 120%;
	margin-top: 0px;
	width:100%;
}
.foot {
	display: block;
	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%;
}


/*  http://www.auditio.nl/klanten-branche-auditio.php  */
/*	Is dat geen dode pagina? */
.branche-fid	{background:#CCFFFF ;}
.branche-ene	{background:#FFFFCC ;}
.branche-tel	{background:#CCFFCC ;}

.download-gegevens {line-height: 120%;  color:#333; border:1px solid #008080; background:#eee ;  ; width:155px; padding:10px; font-size:80%; letter-spacing: 0.05em;}
.download-gegevens-box {float:right;  display:inline; position:relative; margin:30px;  }

.kader5     {  background : #ffecc5;  background-color : #FAFAFA;  padding : 19px;  border:solid #008080 1px;}

.maand {margin-bottom: -10px; }

.menubalk          {    display : block; background :  #EFEFEF ; background-image: url(i/menu-background180.gif); height : 29px; margin-top: 0 px; margin-top: 0 px; margin-bottom: 0px  ;

border-bottom: 1px solid grey ;  width:100%}  /* totale hoogte 50 px */


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



.button a {
	font-size:125%;
	text-decoration:none;
	font-weight:normal;
	border:1px solid;
	padding:5px;
	border-color:#6cf #2af #2af #6cf;
	background:#9df;
}
.button a:hover {
	border-color: #2af #6cf #6cf #2af;

}

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

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

#right {
	float:right;
}

.noot-inline,
		.noot-inline a:link, .noot-inline a:visited,
		.noot-inline a:hover, .noot-inline a:active {
	color:#999
}

.trefwoorden {
	color:#666; 
	font-size:90%;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999; 
	margin: 40px 0px 40px 0px; 
} 

.illustratie-met-breaks {
	clear: both;
} 

.monitorings				{text-align:center;}
 .monitorings a				{color : #008080; font-size : 100%; padding: 5px; border-bottom:none}
  .monitorings a:link		{color : #008080; border:none}
   .monitorings a:visited	{color : #008080; border:none}
    .monitorings a:active	{color : red; border:none}
     .monitorings a:hover	{color: #000; border:none }

.imageOver4{
	background:url(pattern.gif) repeat;	
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;	
}

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


.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; }
/************************************************************************************
	Alerlei classes																Eind
************************************************************************************/





/************************************************************************************
	FAQ																			Start
************************************************************************************/

 /*  FAQ http://www.auditio.nl/auditio-faq-vragen.php */
.faqvraag  {color:#ffffff; background:#008080; padding:2px; font-size:90%; margin: 60px 0 10px 0; padding-left:15px; }

.faqvraag a:link    {color:#ffffff;  font-weight : bold; }
.faqvraag a:visited {color:#ffffff;  font-weight : bold;}
.faqvraag a:hover {color:#ffffff;  font-weight : bold;}
.faqvraag a:active {color:#ffffff; font-weight : bold; }


.faqantwoord {font-size:90%; letter-spacing: 0.05em; margin: 20px 0 10px 0; }

.faqantwoord:first-letter { font-size: 2.0em; color:#666;}

.faq-respons {background:#eee;  border:#999 solid 1px; padding:20px}

.faq-respons label{
float: left;
width: 200px;

}

.faq-respons  input, textarea{
width: 180px;
margin-bottom: 5px;
}

.faq-respons textarea{
width: 350px;
height: 100px;
 font: normal 90% "century gothic", Verdana, Arial, Helvetica, sans-serif; 
}

.faq-respons .boxes{
width: 2em;
}

.faq-respons #submitbutton{
margin-left: 180px;
margin-top: 5px;
width: 130px;
}

.faq-respons br{
clear: left;
}

.faq a {text-align:center; color:#fff;  float:right; margin:30px; padding:10px; fon:110%; line-height:140%; background:#fff; }
.faq a:hover {color:#333 ;}

/************************************************************************************
	FAQ																			Eind
************************************************************************************/




/************************************************************************************
	OV																			Start
************************************************************************************/

.OV
{color:#999;
font-size:90%;
margin-bottom:60px;
}


.OV .OVstart
{color:#FFFFFF;
font-size:110%;
background:#666;
padding:2px;
}

.OV .OVstop
{color:#FFFFFF;
font-size:110%;
background:#008080;
padding:2px;
}

.OV .Joure
{color:#000;
font-size:110%;
background:#eee;
padding:2px;
}


.OV .OVvv
{color:red;
font-size:100%;
border:1px solid #008080;
padding:2px;
white-space:nowrap;
}

/************************************************************************************
	OV																			Eind
************************************************************************************/






/************************************************************************************
	KENNIS																		Start
************************************************************************************/
 
#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;


} 

/************************************************************************************
	KENNIS																		Eind
************************************************************************************/
 

 
 
 


 
/************************************************************************************
	eMailer																		Start
************************************************************************************/
 
 .eMailer form  {  display : block;   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 ; }

/************************************************************************************
	eMailer																		Eind
************************************************************************************/






/************************************************************************************
	crumbs																		Start
************************************************************************************/
.crumbs {  line-height:150% ; 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;  } 
/************************************************************************************
	crumbs																		Eind
************************************************************************************/



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

#search_box {
	float : right;
	width: 214px;
	height: 30px;
	padding: 0px;
	margin: 20px 240px 30px 10px;
	padding:0px 0px 0px 0px; /* top right bottom left */
	background: url(i/bg_search_box.gif);
}

#search_box input#s {
	float: left;
	padding: 0;
	margin: 4px 0 0 16px;
	border: 0px solid #FFFFFF;
	width: 185px;
	background: none;
	color: #999 ;
	font-family :  Verdana, Courier, "Courier New", monospace;  
	font-size : 1.20em;
	font-weight : normal;
}

#search_box #go {
	float: right;
	margin: 3px -40px 0 0;
}
/************************************************************************************
	searchbox																	Eind
************************************************************************************/






/************************************************************************************
	vcard																		Start
************************************************************************************/
.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; } 

/************************************************************************************
	vcard																		Eind
************************************************************************************/





/************************************************************************************
	subnavigatie dienstenpagina													Start
************************************************************************************/
/* 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;}
/************************************************************************************
	subnavigatie dienstenpagina													Eind
************************************************************************************/







/************************************************************************************
	Missie																		Start
************************************************************************************/
.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; } 

.missionstatement {display : block;  font-size:110%; letter-spacing: 0.05em; line-height : 160%;   margin:0 10px 10px 0;  padding:0 10px 10px 0;    }


.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%;  margin:0 0 0 30px;    background:url(i/Auditio-A-150.png) no-repeat; background-position: top right }
/************************************************************************************
	Missie																		Eind
************************************************************************************/










/************************************************************************************
	Sticky & yellow marker														Start
************************************************************************************/
.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,
		.yellowmarker a:visited {
	text-decoration: none;
	color: #008080;
	font-size:107%;
	letter-spacing: 0.05em;
}
.yellowmarker a:active,
		.yellowmarker a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #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;
}
.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;
}
/************************************************************************************
	Sticky & yellow marker														Eind
************************************************************************************/








	
/************************************************************************************
	Allerlei ID's																Start
************************************************************************************/
	
/* 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%; }

#container         {  position : relative;  display : block;   height : 100%;  background : #fff;  border-left : 200px solid #fff;  border-right : 200px solid #fff;  overflow : visible;  }
#container-50-right-margin       {  position : relative;  display : block; height : 90%;  background : #fff;  border-left : 200px solid #fff;  border-right : 50px solid #fff;  overflow : visible;  }
#container-100-right-margin       {  position : relative;  display : block; height : 90%;  background : #fff;  border-left : 200px solid #fff;  border-right : 100px solid #fff;  overflow : visible;  }
#left              {  float : left;  position : relative;  width : 198px;  margin-left : -197px;  display : inline;  }
* html #left       {  width : 197px;  }
#right             {  float : right;  position : relative;  width : 158px;  margin-right : -197px;  display : inline;  }

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

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

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

#teller {
	letter-spacing: 0.10em;
	font-size: 100%;
}
#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 ;}

#smaller {font-size : 90%;  color : #666;   margin-top: 20px; letter-spacing: 0.05em;}

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

{font-size : 180%;  }


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


#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; }

#goth120blue {font-family : "century gothic", verdana, arial, sans-serif; font-size:125% ; color : #003366;}
#grijs { color : #666; }
#grijssmall { color : #666; font-size : 10px; }
#small {font-size : 80%;  color: #006d75 ; line-height : 180%; 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; }

#download .vakpers {
	list-style:none;
	margin:0;
	padding:0;
}
#download h2 .subtitle {
	font-size:80%;
}
#download .kader5 hr {
	border-top: 1px solid #8cc;
	margin:4em 0 3.5em 0;
}

#klanten {
}
#klanten ul.klanten {
	list-style:none;
	width:100%;
}
#klanten ul.klanten li {
	height:131px;
	width:47%;
	float:left;
}
/************************************************************************************
	Allerlei ID's																Eind
************************************************************************************/







/************************************************************************************
	slidetabsmenu																Start
************************************************************************************/
	/* Credits: Dynamic Drive CSS Library - http://www.dynamicdrive.com/style/ */   
#slidetabsmenu {
	float:left;
	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;
}
/************************************************************************************
	slidetabsmenu																Eind
************************************************************************************/









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

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFF7F;
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 */
}
/************************************************************************************
	thumbnail																	Eind
************************************************************************************/







/************************************************************************************
	ALLERLEI CLASSES 2															Start
	Dit moet hieronder blijven staan, omdat FF anders problemen krijgt
************************************************************************************/
.inspring { text-indent: 0px; line-height : 160%;}


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

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

.right { text-align : right; }





.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;  }


.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;  }


.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; }

.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;  }

.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;}
/************************************************************************************
	ALLERLEI CLASSES 2															Eind
************************************************************************************/