/* -- general -- */
body {margin:0px; padding:0px;background:#370000;font-family:Verdana, Tahoma, Helvetica, Arial;}

a img{border:none;}
a {color:#F500EE;text-decoration:none;}
a:hover {color:#FFA7F8;}

.clear {clear:both;}

div.hr {
  height: 15px;
  background: #fff url(img/nav-linie-stark.gif) repeat-x 0px 10px;padding:5px;margin:0px;height:10px;
}
div.hr hr {
  display: none;
}
/* -- // general -- */

/* -- frames -- */
#container1 {padding:0px 0px 20px 10px;background:#370000;color:#2CFFF9;clear:both;}
#container2 {margin:0px,0px,0px,0px;}
/* -- frames -- */

#palet_header{position:absolute;top:10px;left:200px;}

/* -- header -- */
#header {background:#370000;height:178px;}
#logo{position:absolute;top:10px;left:10px;}
#header {padding-left: 240px;}
#header li {list-style:none;display:inline;}
#header li.active {font-weight:bold}
#phenotype {position:absolute;top:111px;left:20px;}
/* -- // header -- */

/* -- main navigation menu -- */
#menu {padding:75px 10px 25px 0;white-space: nowrap;}

#menu ul{margin:0;padding:0;list-style-type: none;}
#menu ul li{display: inline;}
#menu ul li.active{display: inline;}
#menu ul li a{color:#370000;font-size:14px;}
#menu ul li a:hover {color:#2C80F9;}
#menu .active {color:#370000;}
.hm_1{background: url(img/vlek_paars.gif) no-repeat;padding:71px 28px 59px 25px;}
.hm_2{background: url(img/vlek_groen.gif) no-repeat;padding:61px 13px 55px 22px;}
.hm_3{background: url(img/vlek_geel.gif) no-repeat;padding:64px 15px 68px 21px;}
.hm_4{background: url(img/vlek_rood.gif) no-repeat;padding:64px 35px 67px 23px;}
.hm_5{background: url(img/vlek_wit.gif) no-repeat;padding:56px 22px 63px 24px;}
.hm_6{background: url(img/vlek_oranje.gif) no-repeat;padding:56px 18px 63px 11px;}
.hm_7{background: url(img/vlek_blauw.gif) no-repeat;padding:54px 24px 75px 30px;}
/* -- // main navigation menu -- */

/* -- left navigation -- */
#navigation {width:200px;float:left;padding-right:40px;font-family:Verdana, Tahoma, Helvetica, Arial;}
#navigation {margin-left:10px;padding:0px;margin-right:20px;list-style: none;font-size:14px;margin-top:5px}
#navigation a{color:#2CFFF9;}
#navigation a:hover {color:#2C80F9;}
#navigation ul {list-style: none;padding:0px;margin:0px;}
#navigation li {margin:5px 0px;padding:7px 0px;}

#navigation li.active {font-weight:bold}
#navigation li.mimi2 {background: url(img/spaars.gif) no-repeat 0px 0px;}
#navigation li.mimi5 {background: url(img/sgroen.gif) no-repeat 0px 0px;}
#navigation li.mimi29 {background: url(img/sgeel.gif) no-repeat 0px 0px;}
#navigation li.mimi27 {background: url(img/srood.gif) no-repeat 0px 0px;}
#navigation li.mimi61 {background: url(img/sblauw.gif) no-repeat 0px 0px;}
#navigation li.mimi8 {background: url(img/soranje.gif) no-repeat 0px 0px;}
#navigation li.mimi71 {background: url(img/swit.gif) no-repeat 0px 0px;}
#navigation li.level1 {padding: 8px 0px 8px 35px;}
#navigation li.level2 {padding: 8px 0px 8px 35px;}
#navigation li.level3 {padding: 8px 0px 8px 45px;}
#navigation li.level4 {padding: 8px 0px 8px 55px;}
#navigation li.level1active {padding: 8px 0px 8px 35px;font-weight:bold;}
#navigation li.level2active {padding: 8px 0px 8px 35px;font-weight:bold;}
#navigation li.level3active {padding: 8px 0px 8px 45px;font-weight:bold;}
#navigation li.level4active {padding: 8px 0px 8px 55px;font-weight:bold;}
/* -- // left navigation -- */

/* -- content -- */
#content {width:700px;float:left;}
#content ul {}
#content li {font-size:13px;padding:5px;list-style-type:circle;}

#content p {font-size:16px;margin:0;margin-bottom:20px}
#content .richtext {font-size:13px;margin:0;}
#content h1 {font-size:18px;font-weight:normal;margin-bottom:5px;}
#content h2 {font-size:20px;font-weight:normal;margin-bottom:5px;}

#content .imageleft {float:left;padding-right:20px;}
#content .imageright {float:right;padding-left:20px;}
#content .imagecenter {padding-bottom:10px;}


#content .box {background:#EDF2DF;border: 1px solid #CCE200;margin:0px auto;width:460px;padding:10px;padding-bottom:20px;margin-bottom:5px;}
#content .box h1 {margin:0px 0px 10px 0px;}
#content .box h1 a{color:#82A700;}
#content .box p {font-size:13px;margin:0;margin-bottom:15px}


#display .Tabelle {padding:3px 0px;margin:5px 0px}
#display .Tabelle h1{font-size:17px;color:#82A700;font-weight:normal;margin:0px;}

#content .table {padding:3px 0px;margin:10px 0px}
#content table {background:#CCE200;padding:3px 0px;}
#content th {background:#370000;text-align:left;font-size:13px;padding:5px;}
#content td {background:#370000;font-size:13px;padding:5px;}
/* -- // content -- */

/* -- gallery -- */

#content .gallery {padding:10px 0px;}
#content .gallery h1{font-size:17px;color:#82A700;font-weight:normal;margin:0;margin-bottom:10px}
#content .thumbnail{float:left;width:100px;height:100px;padding:2px;margin-right:5px;border: 1px solid #CCE200;margin-bottom:10px}
#content .thumbnail p{font-size:11px;}
#content .thumbnail img{vertical-align:middle;}

/* -- // gallery -- */

/* -- breadcrumb -- */	
#breadcrumb {font-size:10px;margin:0;}
/* -- // breadcrumb -- */	

/* -- footer -- */	
#footer {background: url(img/footer-hg.gif) top repeat-x;text-align:center;padding-top:10px;color:#717568;font-size:11px;}
/* -- // footer -- */

.wraptocenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 100px;
    height: 100px;
}
.wraptocenter * {
    vertical-align: middle;
}
/*\*//*/
.wraptocenter {
    display: block;
}
.wraptocenter span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/* for IE8 only */
.wraptocenter span {
    display: inline-block;
    height: 100%;
}