body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 11px;
	background-attachment: fixed;
	background-color: #222222;
	background-image: url(../images/hg_body.gif);
	background-repeat: repeat-x;
	background-position: left top;
}


#up_control{
	position:absolute;
	width:25px;
	left:455px;
	top:100px;
	z-index:35;
	text-align: right;
	visibility: visible;
	height: 20px;
} 

#down_control{
	position:absolute;
	width:25px;
	left:455px;
	top:350px;
	z-index:36;
	text-align: right;
	visibility: visible;
	height: 20px;
} 

#content {
	height: 570px;
	width: 900px;
	position: absolute;
	visibility: visible;
	left: 5px;
	top: 40px;
	z-index: 45;
}
#logo {
	height: 76px;
	width: 428px;
	position: absolute;
	left: 22px;
	top: 488px;
	z-index: 30;
	visibility: visible;
}

#kombinat {
	height: 38px;
	width: 428px;
	position: absolute;
	left: 650px;
	top: 486px;
	z-index: 30;
	visibility: visible;
}
#thumb0 {
	height: 40px;
	width: 180px;
	position: absolute;
	left: 690px;
	top: 249px;
	z-index: 44;
	visibility: visible;
}
#thumb1 {
	height: 40px;
	width: 180px;
	position: absolute;
	left: 0px;
	top: -1px;
	z-index: 45;
	visibility: visible;
}
#thumb1_2 {
	height: 40px;
	width: 180px;
	position: absolute;
	left: 0px;
	top: 43px;
	z-index: 46;
	visibility: visible;
}
#thumb1_3 {
	height: 40px;
	width: 180px;
	position: absolute;
	left: 0px;
	top: 87px;
	z-index: 47;
	visibility: visible;
}
#thumb1_4 {
	height: 40px;
	width: 180px;
	position: absolute;
	left: 0px;
	top: 131px;
	z-index: 48;
	visibility: visible;
}
#thumb2 {
	height: 40px;
	width: 180px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 41;
	visibility: hidden;
}
#thumb2_2 {
	height: 40px;
	width: 180px;
	position: absolute;
	left: 0px;
	top: 44px;
	z-index: 40;
	visibility: hidden;
}
#thumb2_3 {
	height: 40px;
	width: 180px;
	position: absolute;
	left: 0px;
	top: 88px;
	z-index: 39;
	visibility: hidden;
}
#thumb2_4 {
	height: 40px;
	width: 180px;
	position: absolute;
	left: 0px;
	top: 128px;
	z-index: 38;
	visibility: hidden;
}
#thumb3 {
	height: 40px;
	width: 180px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 37;
	visibility: hidden;
}
#thumb3_2 {
	height: 40px;
	width: 180px;
	position: absolute;
	left: 0px;
	top: 44px;
	z-index: 36;
	visibility: hidden;
}
#thumb3_3 {
	height: 40px;
	width: 180px;
	position: absolute;
	left: 0px;
	top: 88px;
	z-index: 35;
	visibility: hidden;
}
#thumb3_4 {
	height: 40px;
	width: 180px;
	position: absolute;
	left: 0px;
	top: 128px;
	z-index: 34;
	visibility: hidden;
}

#references{
	height: 340px;
	width: 180px;
	position: absolute;
	left: 150px;
	top: 20px;
	z-index: 31;
	visibility: visible;
}
#pic1 {
	height: 420px;
	width: 625px;
	position: absolute;
	left: 35px;
	top: 59px;
	z-index: 31;
	visibility: visible;
}

#formular {
	height: 380px;
	width: 550px;
	position: absolute;
	left: 35px;
	top: 54px;
	z-index: 31;
	visibility: visible;
}
#imprint {
	width: 245px;
	position: absolute;
	left: 220px;
	top: 120px;
	z-index: 40;
	visibility: visible;
}
.line {
	width: 245px;
	float:left;
	padding-bottom:5px;
}
.line .marker{
	width: 40px;
	float:left;
}
.line .marker-mail {
	width: 40px;
	padding-top:1px;
	float:left;
}
#mail_im {
	height: 60px;
	width: 155px;
	position: absolute;
	left: 265px;
	top: 248px;
	z-index: 41;
	visibility: visible;
}
#mail_con {
	height: 60px;
	width: 155px;
	position: absolute;
	left: 265px;
	top: 182px;
	z-index: 41;
	visibility: visible;
}
#pic_still {
	height: 180px;
	width: 500px;
	position: absolute;
	left: 35px;
	top: 120px;
	z-index: 32;
	visibility: visible;
}
#pic2 {
	height: 310px;
	width: 500px;
	position: absolute;
	left: 35px;
	top: 54px;
	z-index: 32;
	visibility: hidden;
}
#pic3 {
	height: 310px;
	width: 500px;
	position: absolute;
	left: 35px;
	top: 54px;
	z-index: 33;
	visibility: hidden;
}


#navi {
	height: 200px;
	width: 122px;
	position: absolute;
	visibility: visible;
	left: 767px;
	top: 27px;
	background-image: url(../images/hg_navi.gif);
	z-index: 42;
}
#navi_menu {
	height: 169px;
	width: 91px;
	position: absolute;
	visibility: visible;
	left: 1px;
	top: 13px;
	z-index: 14;
}
#navi_1{
	height: 20px;
	width: 90px;
	position: absolute;
	left: 1px;
	top: 35px;
	z-index: 18;
	visibility: hidden;
}
#navi_1ac{
	height: 20px;
	width: 90px;
	position: absolute;
	left: 1px;
	top: 35px;
	z-index: 15;
	visibility: visible;
}
#navi_u{
	height: 20px;
	width: 90px;
	position: absolute;
	left: 1px;
	top: 35px;
	z-index: 24;
	visibility: visible;
}
#navi_u_1{
	height: 20px;
	width: 90px;
	position: absolute;
	left: 1px;
	top: 52px;
	z-index: 25;
	visibility: visible;
}
#navi_u_1_a{
	height: 20px;
	width: 90px;
	position: absolute;
	left: 1px;
	top: 52px;
	z-index: 22;
	visibility: visible;
}
#navi_u_2{
	height: 20px;
	width: 90px;
	position: absolute;
	left: 1px;
	top: 66px;
	z-index: 26;
	visibility: visible;
}
#navi_u_2_a{
	height: 20px;
	width: 90px;
	position: absolute;
	left: 1px;
	top: 67px;
	z-index: 26;
	visibility: hidden;
}
#navi_u_3{
	height: 20px;
	width: 90px;
	position: absolute;
	left: 1px;
	top: 80px;
	z-index: 27;
	visibility: visible;
}
#navi_u_3_a{
	height: 20px;
	width: 90px;
	position: absolute;
	left: 1px;
	top: 80px;
	z-index: 28;
	visibility: hidden;
}
#navi_2{
	height: 20px;
	width: 90px;
	position: absolute;
	left: 1px;
	top: 52px;
	z-index: 19;
	visibility: hidden;
}
#navi_2ac{
	height: 20px;
	width: 90px;
	position: absolute;
	left: 1px;
	top: 50px;
	z-index: 16;
	visibility: visible;
}


#navi_3{
	height: 20px;
	width: 90px;
	position: absolute;
	left: 1px;
	top: 68px;
	z-index: 21;
	visibility: hidden;
}
#navi_3ac{
	height: 20px;
	width: 90px;
	position: absolute;
	left: 1px;
	top: 66px;
	z-index: 17;
	visibility: visible;
}
#navi_4{
	height: 20px;
	width: 90px;
	position: absolute;
	left: 1px;
	top: 99px;
	z-index: 22;
	visibility: hidden;
}
#navi_4ac{
	height: 20px;
	width: 90px;
	position: absolute;
	left: 1px;
	top: 83px;
	z-index: 18;
	visibility: visible;
}
#navi_5{
	height: 20px;
	width: 90px;
	position: absolute;
	left: 1px;
	top: 104px;
	z-index: 23;
	visibility: hidden;
}
#navi_5ac{
	height: 20px;
	width: 90px;
	position: absolute;
	left: 1px;
	top: 104px;
	z-index: 20;
	visibility: visible;
}
#navi_6{
	height: 20px;
	width: 90px;
	position: absolute;
	left: 1px;
	top: 120px;
	z-index: 24;
	visibility: hidden;
}
#navi_6ac{
	height: 20px;
	width: 90px;
	position: absolute;
	left: 1px;
	top: 120px;
	z-index: 19;
	visibility: visible;
}
#navi_7{
	height: 20px;
	width: 90px;
	position: absolute;
	left: 1px;
	top: 136px;
	z-index: 24;
	visibility: hidden;
}
#navi_7ac{
	height: 20px;
	width: 90px;
	position: absolute;
	left: 1px;
	top: 136px;
	z-index: 19;
	visibility: visible;
}

.copy_k {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 11px;
	font-style: italic;
}
.copy_bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	list-style-position: outside;
	list-style-type: square;
}
.copy_bold_yellow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFCC00;
    font-weight: bold;

}
a:link {
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
a:visited {
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
a:hover {
	color: #FFCC00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
a:active {
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
iframe {
	background-color: #010101;
}

form#Kontaktformular .inputform {
	width:250px;
	float: left;
}

form#Kontaktformular .text {
	width:560px;
	float: left;
	clear: both;
}
form#Kontaktformular {
	width:560px;
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	float: left;
	clear: both;
}

form#Kontaktformular label {		/* Allgemeine Stile für Labels und Formularfelder */
	font:inherit;
	color:inherit;
	width:70px;
	margin: 10px 5px 0 0;
	padding:1px;

/* Diese beiden Angaben bitte nicht verändern: */
	display:block;
	float:left;
}

form#Kontaktformular input, form#Kontaktformular textarea {		/* Allgemeine Stile für Labels und Formularfelder */
	font:inherit;
	color:inherit;
	width:150px;
	margin: 10px 5px 0 0;
	padding:1px;

/* Diese beiden Angaben bitte nicht verändern: */
	display:block;
	float:left;
}

form#Kontaktformular input {				/* Stile, die nur auf Formularfelder angewandt werden sollen */
	border:1px solid #DDDDDD;
	background:transparent url(../images/hg_input.jpg) repeat-x;
}

form#Kontaktformular textarea {				/* Stile, die nur auf Formularfelder angewandt werden sollen */
	border:1px solid #DDDDDD;
	background: transparent url(../images/hg_textfeld.jpg) repeat-x;
}

form#Kontaktformular textarea {						/* Seperate Angaben für die Textarea, falls benötigt */
	height:123px;
	width:400px;
}

form#Kontaktformular input:focus {
	border:1px solid #999999; 
	background:transparent;
	background: url(../images/hg_input_ov.jpg) repeat-x;	
}
form#Kontaktformular textarea:focus {		/* Stile für aktivierte Formularfelder */
	border:1px solid #999999;
	background:transparent;
	background: url(../images/hg_textfeld_ov.jpg) repeat-x;	
}
form#Kontaktformular label {							/* Feldbeschriftungen */
	text-align:right;				
	width:70px;						
	padding:0 15px 0 0;			
}

form#Kontaktformular legend {							/* Stile für die Überschriften der Formularabschnitte ("fieldset") */

	/* Hiermit werden die Überschriften nicht angezeigt.
	Falls gewünscht entfernen, um die Anzeige zu ermöglichen */
	display:none;
}

form#Kontaktformular fieldset {						/* Formularabschnitte */
	border:none;
}

form#Kontaktformular input#submit {				/* Gestaltung des Submit-Buttons */
	background-image: url(../images/hg_senden.jpg);
	background-repeat: no-repeat;
	padding: 2px;
	margin: 10px 0px 0px 120px;
	width: 95px;
	height: 28px;
	border: 0px none;
	font-size: 11px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	cursor:pointer;
}
*html form#Kontaktformular input#submit {
	margin: 10px 0px 0px 60px;
	clear: both;
}

form#Kontaktformular fieldset#adresse {			/* Formularabschnitt mit den Adressdaten */
	margin:0 10px 0 0;
}

form#Kontaktformular label#label-telefon {			/* Veränderte Größe für das Telefon-Label */
	width:35px;
}

form#Kontaktformular input#Telefon {				/* Veränderte Größe für das Telefon-Feld */
	width:70px;
}

form#Kontaktformular input.radio {					/* Anpassungen für Radio-Buttons - diese müssen die Angabe class="radio" erhalten! */
	width:20px;
	margin-top:10px;
	border:none;
	background:transparent;
}

* html form#Kontaktformular input.radio {			/* Für die Radio-Buttons im IE ein etwas anderer Abstand... */
	margin-top:7px;
}

form#Kontaktformular label.radio {					/* Beschriftungen für Radio-Buttons */
	width:50px;
}

form#Kontaktformular input.checkbox {					/* Anpassungen für Checkboxen - diese müssen die Angabe class="radio" erhalten! */
	width:20px;
	margin-top:10px;
	border:none;
	background:transparent;
}

* html form#Kontaktformular input.checkbox {			/* Für die Checkboxen im IE ein etwas anderer Abstand... */
	margin-top:7px;
}

form#Kontaktformular label.checkbox {						/* Beschriftungen für Checkboxen */
	width:70px;
}

form#Kontaktformular label.required {				/* Klasse zur Kennzeichnung von Pflichtfeldern */
	background:url(../images/required.png) top right no-repeat;	
}

.error {								/* Stil für die Gestaltung der als fehlerhaft markierten Felder */
	color:#f00 !important;
	font-weight:bold !important;
}

p#fehlermeldung {
	display:none;
	border:1px solid #ccc;
	padding:20px;
	margin:10px 25px 0px 0px;
	float: left;
	clear: both;
}



/* Die folgenden Angaben bitte nicht verändern! */
form#Kontaktformular br {
	clear:left;
}

form#Kontaktformular input[type=hidden] {
	display:none;
	border:0;
	padding:0;
}