@charset "utf-8";



#auditio .auditio, #contact .contact, #download .download, #vacatures .vacatures

{font-size : 180%;  }


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


.inspring {margin-left : 45px; text-indent: -45px; line-height : 10px;}




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

}


.eMailer form  {  display : block;  background : #0099ff;  color : red;  text-align : right;  font-size : 80%;  padding : 10px;  text-decoration : none;  }


.head {  display : block;  height : 130px;  color : #fff;  text-align : left;  padding : 5px;  font-size : 200%;  }
.foot {  display : block;  background : #0099ff;  color : #fff;  text-align : right;  font-size : 80%;  padding : 10px;  text-decoration : none;  }
#container {  position : relative;  display : block;  height : 100%;  background : #fff;  border-left : 200px solid #fff;  border-right : 200px 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;  }


.centreer {float:center;  display:inline;  text-align:right; }
.rechtslijnend {  float : right;  display : inline;  text-align : right;  }
rechtslijnened {  float : right;  display : inline;  text-align : right;  }


.clear {  clear : both;  height : 1px;  overflow : hidden;  }
html, body {  margin : 0;  padding : 0;  font-family : Verdana, Arial, Helvetica, sans-serif;  font-size : 0.95em;  }
a, p, b, ul, li {  font-size : 100%;  }


.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;  }
#small {font-size : 95%;  }
.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 : 70%;  color : #666;   }

.kaderbreed {  background : #ffecc5;  background-color : #ffecc5;  margin-left : 1px;  margin-right : 40%;  }
.kaderbreed label {  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 : 40px;  width : 40px;  font-size : 90%;  font-family : Arial, Helvetica;  }
fieldset {  border : 0;  padding : 7px;  }
label {  font-size : 85%;  font-weight : bold;  color : #000;  }

#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 : #0099ff;}
.missie {font-size : 95%;  color : #0099ff; width : 120px;  line-height : 26px;}
.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 : bold;  }
dd {  margin-left : 0; padding-top:0.3em; }
.red {  color : #ff0000;  }

li {  list-style-image : url(i/bullet_blue.gif);  margin-left : -10px;  text-indent : 0;  margin-right : 5px;  }
ol li {  list-style : decimal;  }
a {  color : #003399;  }
a:active {  color : #999;  }
a:visited {  color : #003366;  }


.achtergrond {  background : #ffecc5;  }
.phone {  font-weight : bold;  font-size : 80%;  }
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-family : Verdana, Arial, Helvetica, sans-serif;  font-size : 120%;  color : #333;  }
.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;  }




a.nav, a.nav:link, a.nav:visited, .chosen {  display : block;  width : 120px;  height : 25px;  background : #ffecc5;  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 : #764;  }
a.nav:active, .chosen {  color : #fff;  background : #0099ff;  text-transform : uppercase;  }
a.navlink {  display : block;  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%;  }
a.noline, a.noline:link, a.noline:visited, .chosen {  text-decoration : none;  color : #666;  }
a.noline:hover {  text-decoration : underline;  }
a.noline2, a.noline2:link, a.noline2:visited, .chosen {  text-decoration : none;  color : #000;  }
a.noline2:hover {  text-decoration : underline;  }
a.noline3, a.noline3:link, a.noline3:visited, .chosen {  text-decoration : none;  color : #003399;  }
a.noline3:hover {  text-decoration : underline;  color : #fff;  }