/* ALLGEMEIN */
a img {border: 0 none;}
a:active, a:focus {outline: none;}
html, body { padding: 0px; margin: 0px; width:100%; height:100%; font:11px "Trebuchet MS", Verdana, Helvetica, sans-serif;  background-color:#EEE;}
#hg { position:fixed; background-color:#EEE; width: 100%; height: 100%; z-index:0; }
a:link {color:#000; text-decoration:underline; font-size: 0.9em;}
a:hover {color:#444; }

/* Z-INDEX 1 */
#hg-oben, #hg-unten, #hg-links, #hg-rechts, #hg-obenoben, #hg-untenunten { position:fixed; background-color:#fff; z-index:1; }
#hg-unten	{ height: 37px; width:100%; bottom:0px; }
#hg-links	{ height: 100%; width:70px; left:0px; }
#hg-rechts	{ height: 100%; width:70px; right:0px; }
#hg-oben	{ height: 70px; width:100%; top:0px; }
#hg-obenoben	{ height:22px; width:100%; top:70px; background-color:#EEE; padding:0px 70px 0px 100px;}
#hg-untenunten	{ height:10%; width:100%; bottom:37px; background-color:#EEE;  padding:0px 70px 0px 70px; z-index:0; }


/* Z-INDEX 2 */
#hg-obenlinks, #hg-logo, #hg-download, #hg-kontakt, #hg-hinweis, #hg-hinweis-index, #hg-info, #hg-logo-wackel a { position:fixed;	z-index:2; }
#hg-obenlinks	{top:16px; left:18px; }
#hg-logo		{top:18px; left:19px; }
#hg-download	{top:24px; right:220px; }
#hg-kontakt		{top:24px; right:99px; }
#hg-hinweis		{bottom:8px; right:99px; }
#hg-hinweis-index	{bottom:5px; right:99px;}

#hg-logo-wackel a { width:290px; height:45px;
				display: table-cell; top:18px; left:19px;
				background: url("bilder/navi/hg-logo_wackel.png") 0px 0px no-repeat;  color:#FFF; text-decoration: none; }
#hg-logo-wackel a:hover {background-position: 0px -45px; }



/* NAVIGATION + Z-INDEX 3 */
#navi-bild a, #navi-bild-druff, #navi-rein a, #navi-rein-druff, #navi-gestalt a, #navi-gestalt-druff {
		position:fixed;
		z-index:3;
		height: 16px;
		width: 90px;
		left:70px; 
		color:#FFF;
		text-decoration: none; }

#navi-bild a { display: table-cell; top:71px; background: url("bilder/navi/navi-bild.gif") 0px 0px no-repeat;}
#navi-bild-druff { display: table-cell; top:71px; background: url("bilder/navi/navi-bild.gif") 0px -16px no-repeat; cursor:default; }

#navi-rein a { display: table-cell; top:87px; background: url("bilder/navi/navi-rein.gif") 0px 0px no-repeat; }
#navi-rein-druff { display: table-cell; top:87px; background: url("bilder/navi/navi-rein.gif") 0px -16px no-repeat; cursor:default; }

#navi-gestalt a { display: table-cell; top:103px; background: url("bilder/navi/navi-gestalt.gif") 0px 0px no-repeat; }
#navi-gestalt-druff { display: table-cell; top:103px; background: url("bilder/navi/navi-gestalt.gif") 0px -16px no-repeat; cursor:default; }

#navi-bild a:hover, #navi-rein a:hover, #navi-gestalt a:hover {	background-position: 0px -16px;}



/* SUB-NAVI-HINWEIS */
#navi_hinweis a, #navi_hinweis_druff {
		position:fixed;
		bottom:27px;
		right:87px;
		z-index:7;
		display:block;
		width:92px;
		height:30px;
		color:#FFF;
		text-decoration: none; }
		
#navi_hinweis a	{background: url("bilder/navi/navi-hinweis.gif") 0px 0px no-repeat;}
#navi_hinweis a:hover {	background: url("bilder/navi/navi-hinweis.gif") 0px -26px no-repeat;}		
#navi_hinweis_druff {	background: url("bilder/navi/navi-hinweis_still.gif") 0px -26px no-repeat;}

/* SUB-NAVI-KONTAKT */
#navi_kontakt {
		position:fixed;
		top:63px;
		right:59px;
		z-index:7;
		}
.korrekt {
	padding:0px;
	}
#sub_navi_kontakt {
	margin:0px;
	padding:0px;}

ul#sub_navi_kontakt li {
		list-style: none;
		float: left;  /* ohne width - nach CSS 2.1 erlaubt */
}

* html ul#sub_navi_kontakt li {  /* Korrektur fuer den IE 5 und 6 */
		margin-bottom: -0.4em;
}
*:first-child+html ul#sub_navi_kontakt li {  /* Korrektur fuer den IE 7 */
		margin-bottom: -0.1em;
}

ul#sub_navi_kontakt li ul {
		background: url("bilder/navi/navi_kontakt_icon.png") 0px 0px no-repeat;
		height: 182px;
		width: 143px;
		display: none;  /* Unternavigation ausblenden */
}

* html ul#sub_navi_kontakt li ul {  /* Korrektur fuer IE 5.x */
		left: -1.5em;
		lef\t: -0.4em;
}

*:first-child+html ul#sub_navi_kontakt ul {  /* Workaround fuer den IE 7 */
		padding-bottom:0.4em;
}

ul#sub_navi_kontakt li:hover ul {
		display: block;  /* Unternavigation in modernen Browsern einblenden */
}

* html ul#sub_navi_kontakt a {
		width: 8.6em;   /* Breite nach altem MS-Boxmodell fuer IE 5.x */
		w\idth: 6.4em;  /* korrekte Breite fuer den IE 6 im standardkompatiblen Modus */
}

li a#kontakt_links {  /* aktuelle Rubrik kennzeichnen */
		background: url("bilder/navi/navi-kontakt.gif") 0px -26px no-repeat;
		display:block;
		cursor:default;
		width:143px;
		height:28px;
		margin-left:18px;
}

ul#sub_navi_kontakt:hover a#kontakt_links {
		background: url("bilder/navi/navi-kontakt.gif") 0px 0px no-repeat;
}


#tele a, #skype a, #post a {
		position:relative;
		top:107px;
		margin-left: 0px;
		width:143px;
		height:22px;
		display: block;
		text-decoration: none;
		}

#tele a {background: url("bilder/navi/navi_kontakt_tele.png") 0px 0px no-repeat; cursor:default;}
#tele a:hover {background-position: 0px -22px;}

#skype a {background: url("bilder/navi/navi_kontakt_skype.png") 0px 0px no-repeat;}
#skype a:hover {background-position: 0px -22px;}

#post a {background: url("bilder/navi/navi_kontakt_post.png") 0px 0px no-repeat;}
#post a:hover {background-position: 0px -22px;}




/*SUB-NAVI_DOWNLOAD*/
#navi_dl {
		padding:0px;
		position:fixed;
		top:64px;
		right:222px;
		z-index:7;
		}

#dl_text a {
		position: relative;
		top: 106px;
		width: 94px;
		height: 43px;
		display: block;
		text-decoration: none;
		}

#dl_text a {background: url("bilder/navi/navi_dl_text.png") -1px 0px no-repeat;}
#dl_text a:hover {background: url("bilder/navi/navi_dl_text.png") -1px -43px no-repeat;}

#acrobat-trans {
		position:absolute;
		top:91px;
		right:224px;
		height: 157px;
		width: 94px;
		background: url("bilder/navi/navi_download_acrobat_50trans.png") 0px 0px no-repeat;
		z-index:4;
		}

/*SUB-NAVI_DOWNLOAD  für index.html */
#sub_navi_dl { margin:0px; padding:0px; cursor:pointer;}

ul#sub_navi_dl li { list-style: none; float: left;  /* ohne width - nach CSS 2.1 erlaubt */ }

* html ul#sub_navi_dl li { margin-bottom: -0.4em; /* Korrektur fuer den IE 5 und 6 */ }

*:first-child+html ul#sub_navi_dl li { margin-bottom: -0.1em; /* Korrektur fuer den IE 7 */ }

ul#sub_navi_dl li ul {
		background: url("bilder/navi/navi_download_acrobat.png") 0px 0px no-repeat;
		margin-left:5px;
		margin-top:1px;
		height: 154px;
		width: 94px;
		display: none;  /* Unternavigation ausblenden */
}

* html ul#sub_navi_dl li ul {  /* Korrektur fuer IE 5.x */
		left: -1.5em;
		lef\t: -0.4em;
}

*:first-child+html ul#sub_navi_dl ul {  /* Workaround fuer den IE 7 */
		padding-bottom:0.4em;
}

ul#sub_navi_dl li:hover ul {
		margin-top:-159px;
		display: block;  /* Unternavigation in modernen Browsern einblenden */

}

* html ul#sub_navi_dl a {
		width: 8.6em;   /* Breite nach altem MS-Boxmodell fuer IE 5.x */
		w\idth: 6.4em;  /* korrekte Breite fuer den IE 6 im standardkompatiblen Modus */
}

li a#dl_links {  /* aktuelle Rubrik kennzeichnen */
		background: url("bilder/navi/navi-download_v2.gif") 0px 0px no-repeat;
		display: block;
		cursor:pointer;
		width: 101px;
		height: 186px;
}

ul#sub_navi_dl:hover a#dl_links {
		background: url("bilder/navi/navi-download_v2.gif") 0px -186px no-repeat;
}


/*SUB-NAVI_DOWNLOAD  weitere Seiten */
#sub_navi_dl__unterseiten { margin:0px; padding:0px; cursor:pointer;}

ul#sub_navi_dl__unterseiten li { list-style: none; float: left;  /* ohne width - nach CSS 2.1 erlaubt */ }

* html ul#sub_navi_dl__unterseiten li { margin-bottom: -0.4em; /* Korrektur fuer den IE 5 und 6 */ }

*:first-child+html ul#sub_navi_dl__unterseiten li { margin-bottom: -0.1em; /* Korrektur fuer den IE 7 */ }

ul#sub_navi_dl__unterseiten li ul {
		background: url("bilder/navi/navi_download_acrobat.png") 0px 0px no-repeat;
		margin-left:5px;
		margin-top:1px;
		height: 154px;
		width: 94px;
		display: none;  /* Unternavigation ausblenden */
}

* html ul#sub_navi_dl__unterseiten li ul {  /* Korrektur fuer IE 5.x */
		left: -1.5em;
		lef\t: -0.4em;
}

*:first-child+html ul#sub_navi_dl__unterseiten ul {  /* Workaround fuer den IE 7 */
		padding-bottom:0.4em;
}

ul#sub_navi_dl__unterseiten li:hover ul {
		display: block;  /* Unternavigation in modernen Browsern einblenden */

}

* html ul#sub_navi_dl__unterseiten a {
		width: 8.6em;   /* Breite nach altem MS-Boxmodell fuer IE 5.x */
		w\idth: 6.4em;  /* korrekte Breite fuer den IE 6 im standardkompatiblen Modus */
}

li a#dl_links__unterseiten {  /* aktuelle Rubrik kennzeichnen */
		background: url("bilder/navi/navi-download.gif") 0px 0px no-repeat;
		display: block;
		cursor:pointer;
		width: 101px;
		height: 26px;
		text-decoration: none;
}

ul#sub_navi_dl__unterseiten:hover a#dl_links__unterseiten {
		background: url("bilder/navi/navi-download.gif") 0px -26px no-repeat;
}

		



/*MAIN-CONTENT*/

	/* index.html */

#text {
		position:absolute;
		top:24%;
		left:50%;
		margin-left:-218px;
		width:437px;
		height:255px;
		z-index:5;
		}


#getacrobat a {
		position:absolute;
		top:24%;
		left:50%;
		height: 52px;
		width: 205px;
		margin-top:135px;
		margin-left:-114px;
		display: table-cell;
		background: url("bilder/haupt/text_getacrobat.png") 0px 0px no-repeat;
		z-index:6;
		text-decoration:none;
		}
#getacrobat a:hover {	
		background-position: 0px -52px;
		}

		
#getflash a {
		position:absolute;
		top:24%;
		left:50%;
		height: 44px;
		width: 100px;
		margin-top:91px;
		margin-left:-69px;
		display: table-cell;
		background: url("bilder/haupt/text_getflash.png") 0px 0px no-repeat;
		z-index:6;
		text-decoration:none;
		}
#getflash a:hover {	
		background-position: 0px -44px;
		}

#html-folgt {
		position:absolute;
		top:24%;
		left: 50%;
		height:46px;
		width:110px;
		margin-top:141px;
		margin-left:107px;
		display: table-cell;
		background: url("bilder/navi/platz.png") 0px 0px no-repeat;
		z-index:6;
	}

	/* alle anderen */


#content, #content-hinweis {
		height:auto;
		margin-bottom:35px;
		padding:140px 96px 22px 96px;
		z-index:3;}

#content a { float:left;  margin-right:3px; margin-bottom:3px;}

#content-hinweis { width:460px;
		margin-left:auto;
		margin-right:auto;
		line-height:124%;
		margin-top:-1em;
}
#content-hinweis h1 {margin: 14px 0px 8px;}
#content-hinweis h1:before {content:"/"; margin-right:2px;}
#content-hinweis p {width: 460px; margin: 0px 8px 8px;}
#content-hinweis hr { margin-top:12px; color:#fefefe;}

h1 { font-size:1.62em; font-weight:bold; margin: 10px 0px 6px -7px;}

u {color:#aaa}
#content-hinweis a { text-decoration:none; color:#444;}
#content-hinweis a:hover, #content-hinweis a:visited:hover  { text-decoration:none; color:#888;}
#content-hinweis a:visited { text-decoration:none; color:#666;}

.lytebox-thumb:hover, .lytebox-info:hover {-moz-opacity:0.9; filter:alpha(opacity=90); -khtml-opacity: 0.9; opacity:0.9;}
/*.lytebox-thumb { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor:url(bilder/navi/lupe.cur);}*/

.pfeile {margin-right:0px !important}
.lytebox-info { text-decoration:none; font-weight:bold; line-height:120%; background-color:#CCC;}
.lytebox-info:hover {color:#444;}

a.textinfo { display:block; background-color:#CCC; padding:3px 7px 86px 6px; height:11px; float:left; text-decoration:none;}
.h1 { color:#010101; font-size:11px; font-weight:bold; line-height:1.24em;}
.h2 { font-size:9.5px; font-weight:normal; color:#666; line-height:1.3em;}
span.info-platz {line-height:2px; font-size:0px;}

#style_ie6 {display:none;}

