@charset "utf-8";
/* CSS Document */


.body_index {
	background-color: #FFF;
	margin-top: 20px;
	margin-bottom: 10px;
	background-image: url(grafiken/hg-augenoptik-pesterwitz.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	}
	
.orange {
	color: #d37e25;
}
#black {
	color: #000;
}


#small {
	font-size: x-small;
	text-align: left;
	line-height: 14px;
}
td {
	color:#999;
	font-family: Verdana, Geneva, sans-serif;
	font-size: small;
}

.inhalt {
	background-color: #FFF;
	padding-left: 20px;
	padding-top: 1px;
	padding-right: 25px;
	padding-bottom: 20px;
	vertical-align: top;
	font-size: small;
}

.inhaltlinks {
	padding-left:17px;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 5px;
	vertical-align: top;
	font-size: small;
	color: #FFF;	
}

#ueberschrift {
	font-size: large;
	color:#d37f27
}

#ueberschrift2 {
	font-size: large;
	color:#999
}

/* Links Menue */

.link1 {
	color:#FFF;
	text-decoration: none;
	width: 250px;
	background-color: #000;
	padding-top: 7px;
	padding-bottom: 7px;
	float: left;
}
.link1:hover {
	text-decoration: none;
	background-color: #999;
	font-weight: bold;
}

#link1_active {
	color:#FFF;
	text-decoration: none;
	width: 250px;
	background-color: #999;
	padding-top: 7px;
	padding-bottom: 7px;
	float: left;
	font-weight: bold;
}

.link2 {
	color:#FFF;
	text-decoration: none;
	width: 152px;
	background-color:#FF9900;
	padding-top: 7px;
	padding-bottom: 7px;
	float: left;
}
.link2:hover {
	text-decoration: none;
	background-color: #999;
	font-weight: bold;
}

#link2_active {
	color:#C00;
	float: left;

}

.linkHome {
	color:#FFF;
	text-decoration: none;
	width: 150px;
	background-color:#000;
	padding-top: 7px;
	padding-bottom: 7px;
	float: left;
}
.linkHome:hover {
	text-decoration: none;
	background-color: #999;
	font-weight: bold;
}

.linkText {
	color: #FFF;
	text-decoration: none;
	}

.linkText:hover {
	color: #FFF;
	text-decoration: underline;
	}
	
#linkText_active {
	color: #000;
	text-decoration: none;
	}
	
.linkText1 {
	color: #999;
	text-decoration: none;	
	}

.linkText1:hover {
	color: #999;
	text-decoration: underline;	
	}
	
#linkText1_active {
	color: #FF9900;
	text-decoration: none;
	}	

/* Links Menue */

/* Referenzen  */

#box{
	font-family: Verdana, Geneva, sans-serif;
	font-size: small;
	height: 350px;
	width: 550px;
	border: thin dotted #333;
	overflow: auto;
	position: relative;
	padding-left: 8px;
	background-color: #FFF;
	left: 0px;
	top: -5px;

}

#box a {
	color: #999;
	height: 50px;
	width: 0px;
	border: 1 solid #333;
	overflow: auto;
	text-decoration: none;
}

#box a:active, #box a:focus, #box a:hover {
	color: #000;
}

#box a span em {
	display: block;
	height: 300px;
	width: 400px;
}

#box a span {
	display: none;
}

#box a:active span, #box a:focus span, #box a:hover span {
	position: absolute;
	display: block;
	right: 0px;
	bottom: 0px;
}



/* Referenzen  Ende */



.weiss { color: #FFF;}
.weissfett { color: #FFF; font-weight: bold}
.grau { color: #999;}
.grau2 { color: #333;}
.schwarz {
	color: #000;
	font-weight: bold;
}


.TextMittel {
	color: #666;
}

#center { text-align: center;}
#bold { font-weight: bold;}

/* Kontaktbox  */

#kontakt, #kontakt_fehler {
	display: block;
	width: 450px;
	padding: 10px;
	border-width: 1px;
	border-style: dotted;

}


#kontakt label , #kontakt_fehler label {
	display: block;
	width: 150px;
	float: left;
}

#kontakt input {
	width: 280px;
	border-width:  1px;
	border-style: solid;
}

#kontakt_fehler input {
	width: 280px;
	border-width:  1px;
	border-style: solid;
	border-color: #F90
}

#kontakt textarea, #kontakt_fehler textarea {
	width: 430px;
	border-width:  1px;
	border-style: solid;
	font-family: Verdana, Geneva, sans-serif;
	font-size: small;
}


#kontakt1 input {
	width: 280px;
	border-width:  1px;
	border-style: solid;
	background-color: #F90;
}

#kontakt1 input:hover {
	width: 280px;
	border-width:  1px;
	border-style: solid;
	background-color: #666;
	cursor: pointer;
}