html,body
   {
   margin:0px;
   padding:0px;
   width:100%;
   height:100%;
   }
html
   {
   overflow:hidden;
   }

table
   {
   table-layout:fixed;
   border-collapse:collapse;
   }
/*--- Kopfzeile  ---------------------------------------------------------*/
#kopf
   {
   position:absolute;
   top:0px;
   left:0px;
   width:100%;
   height:10%;
   background-position:880px; 	/*780px;*/
   background-repeat:repeat-y;
   border-bottom:1px solid #063;
   }
#kopf #logo,#kopf #logo-uk
   {
   float:left;
   width:624px;
   margin:3px 5px;
    }
#kopf #logo a,#kopf #logo-uk a
	{
    display:block;
    float:left;
    }
#kopf #logo a#messe,
#kopf #logo a#messe:link,
#kopf #logo a#messe:visited
	{
    width:150px;
    height:45px;
    background:url(../img/messe.gif) no-repeat;
    border:0px solid blue;
    }
#kopf #logo a#messe:hover,
#kopf #logo a#messe:active,
#kopf #logo a#messe:focus
	{
    background:url(../img/messe-hover.gif) no-repeat;
    }

#kopf #logo-uk a#messe,
#kopf #logo-uk a#messe:link,
#kopf #logo-uk a#messe:visited
    {
    width:150px;
    height:45px;
    background:url(../img/messe-uk.gif) no-repeat;
    }
#kopf #logo-uk a#messe:hover,
#kopf #logo-uk a#messe:active,
#kopf #logo-uk a#messe:focus
	{
    background:url(../img/messe-uk-hover.gif) no-repeat;
    }

#kopf #logo a#home,
#kopf #logo a#home:link,
#kopf #logo a#home:visited
	{
    width:450px;
    height:45px;
    background:url(../img-texte/kopfzeile2.gif) no-repeat;
    border:0px solid red;
    }
#kopf #logo a#home:hover,
#kopf #logo a#home:active,
#kopf #logo a#home:focus
	{
    background:url(../img-texte/kopfzeile2ov.gif) no-repeat;
    }

#kopf #logo-uk a#home,
#kopf #logo-uk a#home:link,
#kopf #logo-uk a#home:visited
	{
    width:450px;
    height:45px;
    background:url(../img-texte/kopfzeile2-uk.gif) no-repeat;
    }
#kopf #logo-uk a#home:hover,
#kopf #logo-uk a#home:active,
#kopf #logo-uk a#home:focus
	{
    background:url(../img-texte/kopfzeile2ov-uk.gif) no-repeat;
    }

#kopf #adresse
   {
   position:absolute;
   left:575px;	/*475px;*/
   top:3px;
   width:300px;
   text-align:right;
   line-height:150%;
   }


/*--- Alle Bildbereiche --------------------*/
#links
   {
   position:absolute;
   left:0px;
   top:10%;
   height:90%;
   width:140px;
   background:url(../img-hg/randpixel-gruen.gif) repeat-y 132px;
   overflow:hidden;
   }
#mitte
   {
   position:absolute;
   top:10%;
   left:140px;
   width:740px;	/*640px;*/
   height:90%;
   }
#mitte img.deko
	{
   position:absolute;right:0px;top:0;
   }
#rechts
   {
   position:absolute;
   top:10%;
   left:880px;	/*780px;*/
   width:140px;
   height:90%;
   text-align:left;
   }

/*---- Linker Bildbereich ------------*/
#links #bild
   {
   border-bottom:5px solid;
   height:140px;
   }
.lang
   {
	position:absolute;top:0px;right:10px;width:200px;text-align:right;
   }

/*--- Hauptnavigation ---------------------------------------------------*/
#links ul
   {
   width:140px;
   overflow:hidden; /*auto*/
   }
#links ul
	{
    position:relative;
    margin:0;
    padding:0;
    list-style-type:none;
    }
#links li
	{
    position:relative;
    margin:0;
    padding:0;
    text-align:right;
    border-bottom:1px solid #80a78b;
    }

#links  a,
#links  a:link,
#links  a:visited,
#links  a:hover,
#links  a:active,
#links  a:focus
   {
   width:122px;
   padding:0px 10px 0px 0;  /* 060911 */
   margin:0;
   line-height:130%; 		/* 060911 */
   border-right:8px solid;
   display:block;
   }


#links ul#normal li
   {
    border-bottom:0px solid #80a78b;
    }

#links ul#normal
	{
   border:none;
   margin-top:15px;
   }

/*---- Mittlerer Bildbereich --------------------*/
#mitte #ueber
   {
   position:absolute;
   top:5%;
   left:140px;
   height:5%;
   width:auto;
   padding:5px;
   }
#mitte #uebergross
   {
   position:absolute;
   top:5%;
   left:10px;
   height:auto;
   width:auto;
   padding:0 5px;
   }

#mitte #nav
   {
   position:relative;
   top:4%;
   left:0px;
   background-repeat:repeat-y;
   background-position:right;
   padding-top:10px; /*1%;*/
   width:140px;
   height:94%;
   overflow:hidden;
   voice-family: "\"}\"";
   voice-family: inherit;
   height:93%;
   }

html>body #mitte #nav
   {
   height:93%;
	}
#mitte #unternav
   {
   position:relative;
   overflow-y:auto;
   top:4%;
   left:0px;
   background-repeat:repeat-y;
   background-position:right;
   padding-top:10px; /*1%;*/
   width:140px;
   height:94%;
   voice-family: "\"}\"";
   voice-family: inherit;
   height:93%;
   }

html>body #mitte #unternav
   {
   height:93%;
	}
#mitte #unternav a
   {
   line-height:120%;
   border-right:8px solid;
   display:block;
   width:140px;
   padding:0px 5px 0px 10px;
   voice-family: "\"}\"";
   voice-family: inherit;
   width:117px;
	}
html>body #mitte #unternav a
   {
   width:117px;
   }


#mitte #inh /*alle mit 2.Navigation: Produkte,PW,Neuheiten,Labor*/
   {
   position:absolute;
   padding:0px 10px 0px 10px;
   top:12%;
   left:140px;
   width:600px;	/*500px;*/
   height:83%;
   overflow:auto;
   voice-family: "\"}\"";
   voice-family: inherit;
   width:580px;	/*480px;*/
   height:83%
   }
html>body #mitte #inh
   {
   width:580px;	/*480px;*/
   height:83%;
	}
#mitte #inh1 /*Labor theraphie+therapie2 (2.+3.Navigation*/
   {
   position:absolute;
   padding:0px 10px 0px 10px;
   top:12%;
   left:140px;
   width:600px;	/*500px;*/
   height:77%;
   overflow:auto;
   voice-family: "\"}\"";
   voice-family: inherit;
   width:580px;	/*480px;*/
   height:77%
   }
html>body #mitte #inh1
   {
   width:580px;	/*480px;*/
   height:77%;
	}

#mitte #inhgross /*alle ohne 2.+3.Navig. + labor-index*/
   {
   position:absolute;
   padding:0px 10px 0px 10px;
   top:12%;
   left:10px;
   width:730px;	/*630px;*/
   height:83%;
   overflow:auto;
   voice-family: "\"}\"";
   voice-family: inherit;
   width:710px;	/*610px;*/
   height:83%;
   }
html>body #mitte #inhgross
   {
   width:710px;
   height:83%;
	}
#mitte #inhgross2 /*Kontakt: Anfahrt+Hotels*/
   {
   position:absolute;
   padding:0px 10px 0px 10px;
   top:12%;
   left:10px;
   width:730px;	/*630px;*/
   height:78%;
   overflow:auto;
   voice-family: "\"}\"";
   voice-family: inherit;
   width:710px;	/*610px;*/
   height:78%;
   }
html>body #mitte #inhgross2
   {
   width:710px;
   height:78%;
	}
#mitte #inhgross1 /*Kulturhinweise screen+print*/
   {
   position:absolute;
   height:66%;
   top:24%;	/*18%;*/
   padding:0px 10px 0px 25px;
   left:10px;
   width:730px;	/*630px;*/
   overflow:auto;
   voice-family: "\"}\"";
   voice-family: inherit;
   width:695px;
   height:66%;
   }
html>body #mitte #inhgross1
   {
   width:695px;
   height:66%;
	}

#mitte #inhgross3 /*Labor*/
   {
   position:absolute;
   height:78%;
   top:12%;	/*18%;*/
   padding:0px 10px 0px 25px;
   left:10px;
   width:730px;	/*630px;*/
   overflow:auto;
   voice-family: "\"}\"";
   voice-family: inherit;
   width:695px;
   height:78%;
   }
html>body #mitte #inhgross3
   {
   width:695px;
   height:78%;
	}

/*--- Formatierung Inhalte Mitte ---------------*/

.line,.lineohne
   {
   line-height:120%;
   margin-bottom:5px;	/*5px;*/
   clear:both;
   position:relative;
   }
.line div,.lineohne div
	{
   float:left;
   margin:0px 20px 10px 0px;
   width:140px;
   padding-bottom:5px;
   }
.line img,.lineohne img
	{
   border:1px solid;
   margin-bottom:5px;
   display:block;
   }
/*--- Kopf- und Fußzeile in der Mitte -------------*/
#mitte .kopffuss
   {
   position:absolute;
   left:0px;
   width:100%;	/*640px;*/
   height:4%;
    }
#oben
   {
   position:absolute;
   top:0px;
   text-align:left;
   padding:0px 0px 0px 0px;
   z-index:0;
   }
#unten
   {
   position:absolute;
   bottom:-1px;
   padding:0px 0px 0px 0px;
   z-index:10;
   }




#mitte #unten2
   {
   position:absolute;
   left:0px;
   bottom:0px;
   z-index:0;
   text-align:right;
   height:9%;
   width:100%;
   padding-top:3px;
    }
/* Adding the thumbnail images */
a.gallery,
a.gallery:link,
a.gallery:visited {
    display:block;
    float:left;
    color:#000;
    text-decoration:none;
    border:1px solid #ccc;
    text-align:left;
    /* cursor:default;Martina  */
    min-height:130px;
    height:130px;
    width:130px;
    }
a.h170,
a.h170:link,
a.h170:visited {
    min-height:170px;
    height:170px;
    }
a.h160,
a.h160:link,
a.h160:visited {
    min-height:160px;
    height:160px;
    }

a.hundert,
a.hundert:link,
a.hundert:visited {
    min-height:100px;
    height:100px;
    }

a.gallery span
	{
 	position:absolute;
    width:1px;
    height:1px;
    top:0px;
    left:0px;
    overflow:hidden;
    background:#f6e8e8;
    }
/* change the thumbnail border color */
a.gallery:hover
	{
    /* position:relative;   Martina  */
    border:1px solid #063;
    background-color:#ccc;
    }
/* styling the :hover span */
a.gallery:hover span {
    position:absolute;
    min-width:150px;
    /*min-height:275px;*/
 	height:auto;
   width:150px;
    color:#333;
    font-size:90%;
    line-height:120%;
    background:#ffffe1;
    margin:0;
    display:block;
	/*  white-space:nowrap;  */
    padding:5px 2px;
    border:1px solid #ccc;
    top:10px;
    left:10px;
    z-index:1;
   	voice-family: "\"}\"";
   	voice-family: inherit;
   	width:138px;
   }
html>body a.gallery:hover span
   {
   width: 138px;
   }
#farbe1 #mitte ul.ankernav,
#farbe2 #mitte ul.ankernav,
#farbe3 #mitte ul.ankernav,
#farbe4 #mitte ul.ankernav
	{
    position:relative;
    left:0px;
    list-style-type:none;
    margin:0 0 10px 10px;
    padding:2px 10px;
    float:left;
    background:transparent;
    width:540px;
   voice-family: "\"}\"";
   voice-family: inherit;
   width:520px;
    }

html>body #farbe1 #mitte ul.ankernav

    {
   width:520px;
   }
html>body #farbe2 #mitte ul.ankernav

    {
   width:520px;
   }
html>body #farbe3 #mitte ul.ankernav

    {
   width:520px;
   }
html>body #farbe4 #mitte ul.ankernav

    {
   width:520px;
   }
/* wegen double float bug   */
* html #farbe1 #mitte ul.ankernav,
* html #farbe2 #mitte ul.ankernav,
* html #farbe3 #mitte ul.ankernav,
* html #farbe4 #mitte ul.ankernav
    {
    display:inline;
    }
#mitte #unternav ul
	{
    position:relative;
    left:0px;
    list-style-type:none;
    margin:0 0 10px 0;
    padding:0;
    float:left;
    width:140px;
    }


#farbe1 #mitte ul.ankernav li,
#farbe2 #mitte ul.ankernav li,
#farbe3 #mitte ul.ankernav li,
#farbe4 #mitte ul.ankernav li
	{
    position:relative;
    margin:0;
    display:block;
    padding:0 0 0 16px;
    background:url(../img-ikonen/down.gif) no-repeat 2px 5px;
    float:left;
    width:155px;
    height:18px;
	white-space:nowrap;
    }
#farbe4 #mitte ul.ankernav li
	{
    background:url(../img-ikonen/down-gruen.gif) no-repeat 0px 0px;
    display:inline;
    width:40%;
    float:left;
    }
#farbe3 #mitte ul.ankernav li
	{
    width:50%;
    }
#farbe2 #mitte ul.ankernav li
	{
    width:auto;
	margin-right:2em;
    background:url(../img-ikonen/down-orange.gif) no-repeat 2px 5px;
    }
#mitte #unternav ul li
	{
    position:relative;
    margin:0;
    padding:0;
    float:left;
    width:100%;
    height:auto;
    }
#farbe1 #mitte #unternav ul li 	{margin-bottom:5px;}
#farbe2 #mitte #unternav ul li 	{margin-bottom:0px;}

#farbe1 #mitte ul.breit li
	{
    width:auto;
    }

#farbe1 #mitte ul.ankernav li a,
#farbe1 #mitte ul.ankernav li a:link,
#farbe1 #mitte ul.ankernav li a:visited,
#farbe3 #mitte ul.ankernav li a,
#farbe3 #mitte ul.ankernav li a:link,
#farbe3 #mitte ul.ankernav li a:visited
	{
    margin:0;
    padding:0px 5px;
    color:#360;
    font-size:11px;
    display:block;
    background:url(../img/linie-hori1.gif) repeat-x bottom transparent;
    }
#farbe2 #mitte ul.ankernav li a,
#farbe2 #mitte ul.ankernav li a:link,
#farbe2 #mitte ul.ankernav li a:visited
	{
    margin:0;
    padding:0px 5px;
    color:#360;
    font-size:11px;
    display:block;
    background:url(../img/linie-hori2.gif) repeat-x bottom transparent;
    }
#farbe4 #mitte ul.ankernav li a,
#farbe4 #mitte ul.ankernav li a:link,
#farbe4 #mitte ul.ankernav li a:visited
	{
    margin:0;
    padding:0px 5px;
    color:#360;
    font-size:11px;
    display:block;
    background:url(../img/linie-hori3.gif) repeat-x bottom transparent;
    }
#farbe1 #mitte ul.ankernav li a sup,
#farbe1 #mitte ul.ankernav li a:link sup,
#farbe1 #mitte ul.ankernav li a:visited sup,
#farbe3 #mitte ul.ankernav li a sup,
#farbe3 #mitte ul.ankernav li a:link sup,
#farbe3 #mitte ul.ankernav li a:visited sup	{
    line-height:150%;
    color:#360;
    vertical-align:5%;
    }
#farbe4 #mitte ul.ankernav li a sup,
#farbe4 #mitte ul.ankernav li a:link sup,
#farbe4 #mitte ul.ankernav li a:visited sup	{
    line-height:150%;
    color:#fff;
    vertical-align:5%;
    }
#farbe1 #mitte ul.ankernav li a:hover,
#farbe1 #mitte ul.ankernav li a:active,
#farbe1 #mitte ul.ankernav li a:focus
	{
    background:#900;
    color:#fff;
    }
#farbe3 #mitte ul.ankernav li a:hover,
#farbe3 #mitte ul.ankernav li a:active,
#farbe3 #mitte ul.ankernav li a:focus,
#farbe4 #mitte ul.ankernav li a:hover,
#farbe4 #mitte ul.ankernav li a:active,
#farbe4 #mitte ul.ankernav li a:focus
	{
    background:#063;
    color:#fff;
    }
#farbe2 #mitte ul.ankernav li a:hover,
#farbe2 #mitte ul.ankernav li a:active,
#farbe2 #mitte ul.ankernav li a:focus
	{
    background:#ff944d;
    color:#fff;
    }
#farbe1 #mitte ul.ankernav li a:hover sup,
#farbe1 #mitte ul.ankernav li a:active sup,
#farbe1 #mitte ul.ankernav li a:focus sup,
#farbe2 #mitte ul.ankernav li a:hover sup,
#farbe2 #mitte ul.ankernav li a:active sup,
#farbe2 #mitte ul.ankernav li a:focus sup,
#farbe3 #mitte ul.ankernav li a:hover sup,
#farbe3 #mitte ul.ankernav li a:active sup,
#farbe3 #mitte ul.ankernav li a:focus sup,
#farbe4 #mitte ul.ankernav li a:active sup,
#farbe4 #mitte ul.ankernav li a:focus sup
	{
    color:#fff;
    }
#farbe1 #mitte ul.linkliste
	{
     border:0px solid red;
     margin-left:115px;
     }
* html #farbe1 #mitte ul.linkliste
	{
     border:0px solid red;
     margin-left:195px;
     }
div.top
	{
   text-align:right;
   clear:both;
   }
#farbe1 div.top a:link,
#farbe1 div.top a:visited,
#farbe3 div.top a:link,
#farbe3 div.top a:visited
	{
   color:#333;
   background:url(../img-ikonen/up.gif) no-repeat 100% 2px;
   padding:2px 16px 2px 5px;
   }
#farbe2 div.top a:link,
#farbe2 div.top a:visited
	{
   color:#333;
   background:url(../img-ikonen/up-orange.gif) no-repeat 100% 2px;
   padding:2px 16px 2px 5px;
   }
#farbe4 div.top a:link,
#farbe4 div.top a:visited
	{
   color:#063;
   background:url(../img-ikonen/up-gruen.gif) no-repeat 100% 0px;
   padding:2px 20px 2px 5px;
   }
#farbe1 div.top a:hover,
#farbe1 div.top a:active,
#farbe1 div.top a:focus
	{
   color:#900;
   background:url(../img-ikonen/up-hover.gif) no-repeat 100% 3px #f6e8e8;
   }
#farbe3 div.top a:hover,
#farbe3 div.top a:active,
#farbe3 div.top a:focus
	{
   color:#063;
   background:url(../img-ikonen/up-hover.gif) no-repeat 100% 3px #d4eedd;
   }
#farbe2 div.top a:hover,
#farbe2 div.top a:active,
#farbe2 div.top a:focus
	{
   color:#f60;
   background:url(../img-ikonen/up-hover-orange.gif) no-repeat 100% 3px #ffefe5;
   }
#farbe4 div.top a:hover,
#farbe4 div.top a:active,
#farbe4 div.top a:focus
	{
   color:#063;
   text-decoration:underline;
   }
div.back a:link,
div.back a:visited
	{
   color:#333;
   background:url(../img-ikonen/back.gif) no-repeat 0 50%;
   float:right;
   padding:2px 5px 2px 16px;
   }
div.back a:hover,
div.back a:active,
div.back a:focus
	{
   color:#900;
   background:url(../img-ikonen/back-hover.gif) no-repeat 0 50% #f6e8e8;
   }
#farbe4 div.back a:link,
#farbe4 div.back a:visited
	{
   color:#999;
   background:url(../img-ikonen/back-fb4.gif) no-repeat 0 50%;
   float:right;
   padding:2px 5px 2px 16px;
   }
#farbe4 div.back a:hover,
#farbe4 div.back a:active,
#farbe4 div.back a:focus
	{
   color:#000;
   background:url(../img-ikonen/back-hover-fb4.gif) no-repeat 0 50% #ccc;
   }
#farbe2 #uebergross sup
	{
   color:#ff944d;
   }

#farbe1 span.mini
	{
    float:left;
    width:110px;
    height:110px;
    border:1px solid #dba6a6;
    margin:0;
    padding:0;
    background:transparent;
    margin:4px 2px;
    	}
#farbe2 span.mini
	{
    	float:left;
     width:80px;
     height:80px;
     border:1px solid #ffcaa6;
     margin:0;padding:0;
     background:transparent;
     margin:6px 2px;
    }
#mitte span.mini a span,
#mitte span.mini a:link span,
#mitte span.mini a:visited span
	{
     display:block;
     color:#ccc;
     font-size:11px;
     line-height:125%;
     background:transparent;
     padding:5px 0;
     width:100%;
     position:absolute;
     bottom:0;
     left:0;
     }
#mitte span.mini a:hover span,
#mitte span.mini a:active span,
#mitte span.mini a:focus span
	{
     display:block;
     color:#990000;
     font-size:11px;
     line-height:125%;
     background:#fff;
     padding:5px 0;
     width:100%;
     position:absolute;
     bottom:0;
     left:0;
     }
#farbe1 span.mini a,
#farbe1 span.mini a:link,
#farbe1 span.mini a:visited
	{
     position:relative;
   border:0px solid #fff;
   width:110px;
   height:50px;
   display:block;
   margin:0px;
   font-size:0;
   text-align:center;
   padding:40px 0px 20px 0px;
   z-index:100;
   }
span.mini a:hover,
span.mini a:active,
span.mini a:focus
	{
	background:transparent;
   font-size:11px;
   color:#fff;
   }
#farbe2 span.mini a,
#farbe2 span.mini a:link,
#farbe2 span.mini a:visited
	{
     position:relative;
   border:0px solid #fff;
   width:80px;
   height:40px;
   display:block;
   margin:0px;
   font-size:0;
   text-align:center;
   padding:30px 0 10px 0;
   }