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

@font-face{
	font-family:'Opens Sans';
	src:url('OpenSans-Regular.ttf') format('truetype');
	font-weight: normal;
}
@font-face{
	font-family:'Opens Sans';
	src:url('OpenSans-Italic.ttf') format('truetype');
	font-style: italic;
}
@font-face{
	font-family:'Opens Sans';
	src:url('OpenSans-Bold.ttf') format('truetype');
	font-weight: bold;
}
/*OpenSans  wird nicht in IE geladen, wenn vorhanden aber angezeigt*/

body {
	background-color: #334;
	background-image: url(bilder/body_bg1.jpg);
	font-family: Open Sans, Tahoma, Trebuchet MS, sans-serif;
	line-height: 1.3;
}

a {
	text-decoration:none;
	border: 0px;
	color: #006666;
}

.curshand {
	cursor: pointer;
}

img {
	text-decoration:none;
	border:none;
}

.imghidden {
	width:0px;
	height: 0px;
	display: none;
}

ul {
	list-style-image: url(bilder/pkt_1.jpg);
	list-style-position: outside;
	padding: 0 0 0 18px;
}


li {
	margin: 0 0 10px 0;
}

.liste_link {
	color: #006666;
}

.liste_link:hover {
	color: #F00;
	font-weight: bold;
}

#main {
	
	position	: relative;
	width		: 1100px;
	height: 660px;
	text-align: left;
	margin: 46px auto 0 auto;
	background-image: url(bilder/bghome01.jpg);
	background-color: #CCC;
	display: block;
	overflow: visible;
	top: 0px;
	font-size: 13px;
		
	border-style: solid;
	border-width: 3px;
	border-top-color: #FFF;
	border-right-color: #006666;
	border-bottom-color: #006666;
	border-left-color: #DDD;
}


#topsignet {
	height: 80px;
	width: 1100px;
	position: relative;
	display: block;
	float: left;
	background-image: url(bilder/topsignet.jpg);
}

#mainsignet {
	height: 120px;
	width: 120px;
	position: absolute;
	display: block;
	top: -30px;
	left: 32px;
	background-image: url(bilder/mainsignet.jpg);
	z-index: 900;
}

.topmenue1 {
	height: 20px;
	width: 135px;
	position: absolute;
	top: 62px;
	left: 270px;
	display: block;
	background-image: url(bilder/menuetop_1.jpg);
	text-align: center;
	color: #666666;
	font-size: 14px;
	padding: 2px 0 0 0;
	z-index: 100;
}
.topmenue1:hover {
	height: 29px;
	width: 135px;
	position: absolute;
	top: 60px;
	display: block;
	background-image: url(bilder/menuetop_2.gif);
	text-align: center;
	color: #000099;
	font-weight: bold;
	font-size: 14px;
	padding: 5px 0 0 0;
	z-index: 120;
	
}
.topmenue1:active {
	height: 25px;
	width: 135px;
	position: absolute;
	display: block;
	background-image: url(bilder/menuetop_3.jpg);
	color: #444;
	font-weight: bold;
	font-size: 13px;
	padding: 5px 0 0 0;
	z-index: 140;
}
#topmenue1aktuell {
	height: 26px;
	width: 135px;
	position: absolute;
	top: 62px;
	left: 270px;
	display: block;
	background-image: url(bilder/menuetop_4.jpg);
	text-align: center;
	color: #666;
	font-weight: bold;
	font-size: 14px;
	padding: 4px 0 0 0;
	z-index: 160;
}

.index_knopp01 {
	height: 182px;
	width: 182px;	
	position: absolute;
	background-image: url(bilder/kontakt/home_grafik1.jpg);
	padding: 0px 0px 0px 0px;
	color: #333;	
	display: block;
	z-index: 30;
}
.index_knopp01_bg {
	height: 182px;
	width: 182px;	
	position: absolute;
	background-image: url(bilder/kontakt/home_grafik3.jpg);
	padding: 0px 0px 0px 0px;
	color: #333;	
	display: block;
	z-index: 30;
}
.index_knopp01:hover {	
	background-image: url(bilder/kontakt/home_grafik2.jpg);
}
.index_knopp01:active {
	background-image: url(bilder/kontakt/home_grafik3.jpg);
}

.index_knopp02 {
	height: 182px;
	width: 182px;	
	position: absolute;
	left: 198px;
	background-image: url(bilder/kontakt/home_produkt1.jpg);
	padding: 0px 0px 0px 0px;
	color: #333;	
	display: block;
	z-index: 30;
}
.index_knopp02_bg {
	height: 182px;
	width: 182px;	
	position: absolute;
	left: 198px;
	background-image: url(bilder/kontakt/home_produkt3.jpg);
	padding: 0px 0px 0px 0px;
	color: #333;	
	display: block;
	z-index: 30;
}
.index_knopp02:hover {	
	background-image: url(bilder/kontakt/home_produkt2.jpg);
}
.index_knopp02:active {
	background-image: url(bilder/kontakt/home_produkt3.jpg);
}

.index_knopp03 {
	height: 182px;
	width: 182px;	
	position: absolute;	
	top: 198px;
	background-image: url(bilder/kontakt/home_werbung1.jpg);
	padding: 0px 0px 0px 0px;
	color: #333;	
	display: block;
	z-index: 30;
}
.index_knopp03_bg {
	height: 182px;
	width: 182px;	
	position: absolute;	
	top: 198px;
	background-image: url(bilder/kontakt/home_werbung3.jpg);
	padding: 0px 0px 0px 0px;
	color: #333;	
	display: block;
	z-index: 30;
}
.index_knopp03:hover {	
	background-image: url(bilder/kontakt/home_werbung2.jpg);
}
.index_knopp03:active {
	background-image: url(bilder/kontakt/home_werbung3.jpg);
}

.index_knopp04 {
	height: 182px;
	width: 182px;	
	position: absolute;
	left: 198px;
	top: 198px;
	background-image: url(bilder/kontakt/home_kontakt1.jpg);
	padding: 0px 0px 0px 0px;
	color: #333;	
	display: block;
	z-index: 30;
}
.index_knopp04:hover {	
	background-image: url(bilder/kontakt/home_kontakt2.jpg);
}
.index_knopp04:active {
	background-image: url(bilder/kontakt/home_kontakt3.jpg);
}

#menuelinks {
	width: 180px;
	z-index: 30;
	position: absolute;
	top: 220px;
	left: 0px;
}

.menli_00 {
	height: 20px;
	width: 140px;
	z-index: 30;
	position: relative;
	padding: 5px 0px 0 20px;
	color: #AAA;	
	display: block;
}

.menli_01 {
	height: 20px;
	width: 140px;
	z-index: 30;
	position: relative;
	padding: 5px 0px 0 34px;
	color: #333;	
	display: block;
	background-image: url(bilder/pfeil_1.png);
	background-repeat:no-repeat;
}
.menli_01:hover {
	height: 20px;
	width: 150px;
	position: relative;
	padding: 4px 0px 0 32px;
	color: #000099;
	
	display: block;
	font-size: 13px;
	font-weight: bold;	
}
.menli_01:active {
	height: 20px;
	width: 144px;
	position: relative;
	padding: 5px 0px 0 30px;
	color: #666666;
	
	display: block;
	font-weight: normal;
}
.menli_01aktuell {
	height: 36px;
	width: 150px;
	position: relative;
	padding: 10px 0px 10px 18px;
	color: #006666;
	
	display: block;
	font-size: 30px;
	font-weight: bold;
}

#pfad {
	height: 20px;
	width: 520px;
	left: 556px;
	top: 100px;
	z-index: 16;
	position: absolute;
	text-align: right;
	font-size: 12px;
	padding: 0 0px 0 0;
	color: #999999;
	font-style: italic;
}

#ueberschrift {
	height: 50px;
	width: 800px;
	left: 270px;
	top: 120px;
	z-index: 18;
	position: absolute;
	text-align: left;
	font-size: 48px;
	padding: 0 0 0 0px;
	color: #006666;
	font-weight: bold;
}

.liste_li {
	width: 516px;
	left: 200px;
	top: 190px;
	z-index: 18;
	position: absolute;
	text-align: left;
	font-size: 12px;
	margin: 0;
	padding: 10px 10px 10px 10px;
	color: #333333;
	font-weight: normal;
	border-color: #CCCCCC;
	height: 80px;
	border-width: 1px;
	border-style: solid;
}

#bild_links {
	width: 180px;
	z-index: 30;
	position: absolute;
	top: 440px;
	left: 34px;
	background-color:;
}

#arealinks {
	width: 370px;
	height: 396px;
	left: 270px;
	top: 220px;
	z-index: 18;
	position: absolute;
	text-align: left;
	font-size: 13px;
	padding: 10px 10px 10px 10px;
	color: #333333;
	background-color: #eee;
	border-style: solid;
	border-color: #BBB;
	border-width: 1px;
	font-weight: normal;
	overflow: hidden;
}
#arearechts {
	width: 390px;
	height: 416px;
	left: 686px;
	top: 220px;	
	position: absolute;
	text-align: center;
	font-size: 13px;
	padding: 0px 0px 0px 0px;
	color: #666666;
	background-color: ;
	border-style: solid;
	border-color: #BBB;
	border-width: 1px;
	font-weight: normal;
	display: block;
	overflow: hidden;
	z-index: 18;
}

#arearechts p {
	position: absolute;
	width: 390px;
	height: ;
	text-align: center;
	background-color: #EEE;
	
	margin-bottom: 0px;
	bottom: 0px;
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 1px;
	z-index: 30;
}

#arearechtsweiter {
	width: 390px;
	height: 416px;
	left: 686px;
	top: 220px;	
	position: absolute;
	text-align: center;
	vertical-align: bottom;
	font-size: 13px;
	padding: 0px 0px 0px 0px;
	color: #666666;
	background-color:  ;
	border-style: solid;
	border-color: #BBB;
	border-width: 1px;
	font-weight: normal;
	display: block;
	overflow: hidden;
	z-index: 18;
}

#arearechtsweiter:hover {
	border-style: solid;
	border-top-color: #FFF;
	border-right-color: #000099;
	border-bottom-color: #000066;
	border-left-color: #EEE;
	border-width: 2px;
	display: block;
	overflow: hidden;
	background-image: url(bilder/weiter01.jpg);
	background-repeat:no-repeat;
	background-position:130px 190px;
	z-index: 38;
}

#javascriptmeldung {
	width: 390px;
	height: 20px;
	left: 686px;
	top: 200px;	
	position: absolute;
	text-align: center;
	vertical-align: bottom;
	font-size: 13px;
	padding: 0px 0px 0px 0px;
	color: #ff0000;
	background-color:  ;
	font-weight: normal;
	display: block;
	overflow: hidden;
	z-index: 228;
}

.bildarea {
	width: 350px;
	position: relative;
	text-align: left;
	font-size: 13px;
	padding: 0px 8px 4px 10px;
	color: #666666;
	background-color: #FAFAFA;
	font-weight: normal;
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 1px;
	margin: 0 auto;	
	display: block;
	overflow: hidden;
	z-index: 28;
}

.pfeil_re {
	height: 60px;
	width: 21px;
	position: absolute;
	left: 1078px;
	top: 396px;
	display: block;
	background-image: url(bilder/pfeil_re1.gif);
	padding: 0 0 0 0;
	text-align: center;
	z-index: 40;	
}
.pfeil_re:hover {
	background-image: url(bilder/pfeil_re2.gif);
}
.pfeil_re:active {
	background-image: url(bilder/pfeil_re3.gif);
}

.pfeil_li {
	height: 60px;
	width: 21px;
	position: absolute;
	left: 662px;
	top: 396px;
	display: block;
	background-image: url(bilder/pfeil_li1.gif);
	padding: 0 0 0 0;
	text-align: center;
	z-index: 40;	
}
.pfeil_li:hover {
	background-image: url(bilder/pfeil_li2.gif);
}
.pfeil_li:active {
	background-image: url(bilder/pfeil_li3.gif);
}

.pfeil_liaktuell {
	height: 60px;
	width: 21px;
	position: absolute;
	left: 672px;
	top: 400px;
	display: block;
	background-image: url(bilder/pfeil_li1.gif);
	padding: 0 0 0 0;
	text-align: center;
	z-index: 40;	
}

#fuss01 {
	width: 1070px;
	left: 0px;
	top: 0px;
	z-index: 18;
	position: relative;
	text-align: center;
	font-size: 12px;
	padding: 6px 0 0 30px;
	color: #006666;
	font-family: Opens Sans, Tahoma, Trebuchet MS, sans-serif;
	font-weight: normal;
	background-image: url(bilder/bghome01.jpg);
	background-color: #006666;
	height: 24px;
	display: block;
	margin: 2px auto 0 auto;
	
	border-style: solid;
	border-width: 3px;
	border-top-color: #FFF;
	border-right-color: #006666;
	border-bottom-color: #006666;
	border-left-color: #DDD;
	
}