* {
	margin: 0;
	padding: 0;
}
body {
	background-color: #000000;
}
#container {
	margin: auto auto auto -335px;
	top: 30px;
	left: 50%;
	width: 670px;
	position: absolute;
}

#kontaktleiste {
	height: 20px;
	width: 670px;
	background-image: url(img/kontakt.jpg);
	background-repeat: no-repeat;
	text-align: right;
}
#inhalt {
	height: 330px;
	width: 670px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(img/bg_image.jpg) no-repeat center;
}
#navi {
	height: 60px;
	width: 670px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
}
h1 {
	font-size: 16px;
	margin-bottom: 15px;
}
h2 {
	font-size: 13px;
	text-transform:uppercase;
	margin-bottom: 5px;
}
h3 {
	font-size: 14px;
	text-transform:uppercase;
	margin-bottom: 5px;
	margin-top: 8px;
}
h4 {
	font-size: 11px;
	font-weight: bold;
}
#gal_content {
	position:absolute;
	left:425px;
	top:140px;
	width:216px;
	height:286px;
	z-index:1;
	background-image: url(img/bg_content.png);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 5px;
	line-height: 17px;
	overflow: auto;
	overflow-y: auto;
	border: 1px solid #CCCCCC;
}
#service_content {
	position:absolute;
	left:335px;
	top:140px;
	width:306px;
	height:286px;
	z-index:1;
	background-image: url(img/bg_content.png);
	overflow: auto;
	overflow-y: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	border: 1px solid #CCCCCC;
	padding: 5px;
	visibility: visible;
}

#service_content ul {
	margin-left: 15px;
}
#service_content ol {
	margin-left: 20px;
}
#service_content p, #gal_content p {
	margin-bottom: 10px
}
#service_content a, #gal_content a {
	color: #009900;
	border-bottom: 1px dotted ;
	font-weight:bold;
	text-decoration: none;
	padding: 0 2px 1px 2px;
}
#service_content a:hover, #gal_content a:hover {
	color: #FDEB01;
	text-decoration: none;
	border: none;
	background: #000000;
	padding: 0 2px 1px 2px;
}
#tasten {
	position:absolute;
	left:330px;
	top:396px;
	width:40px;
	height:40px;
	z-index:2;
	text-align: right;
}
#fotodiv { 
	position:absolute; 
	top: 140px; 
	left: 60px; 
	width:290px; 
	height:290px; 
	text-align:center;
}

.dia {
	background-color: #000000;
	border: 2px solid #FFFFFF;
}

/*Startseite*/
#over1 {
	width:206px;
	height:330px;
	z-index:1;
	visibility: hidden;
	background-image: url(img/service_over.jpg);
	float: left;
	margin-left: 6px;
}
#over2 {
	width:220px;
	height:330px;
	z-index:1;
	visibility: hidden;
	background-image: url(img/galerie_over.jpg);
	float: left;
}
#over3 {
	width:232px;
	height:330px;
	z-index:1;
	visibility: hidden;
	background-image: url(img/ich_over.jpg);
	float: left;
}
#language {
	color: #CCCCCC;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#language p {
	text-transform: uppercase;
	margin-top: 10px;
}

#language table {
	width: 300px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}


/*Hauptnavigation*/
#navi ul {
	list-style-type: none;
}
#navi li {
	float: left;
	height: 50px;
}
#navi li a {
	display: block;
	height: 50px;
}
#nav1 { width: 90px; margin: 0 55px 0 65px; background: url('img/start_navi.png') no-repeat -58px 0; }
#nav2 { width: 90px; margin: 0 70px 0 70px; background: url('img/start_navi.png') no-repeat -271px 0; }
#nav3 { width: 35px; margin: 0 95px 0 100px; background: url('img/start_navi.png') no-repeat -525px 0; }

#nav1:hover { width: 90px; margin: 0 55px 0 65px; background: url('img/start_navi.png') no-repeat -58px -50px; }
#nav2:hover { width: 90px; margin: 0 70px 0 70px; background: url('img/start_navi.png') no-repeat -271px -50px; }

#nav3:hover { width: 35px; margin: 0 95px 0 100px; background: url('img/start_navi.png') no-repeat -525px -50px; }

/*Subnavigation Auswahl Privat oder Firmenkunden*/

#subnav_auswahl {
	height: 28px;
	width: 658px;
}
#subnav_auswahl ul {
	list-style-type: none;
}
#subnav_auswahl li {
	float: left;
	height: 28px;
}
#subnav_auswahl li a {
	display: block;
	height: 28px;
}
#subnavauswahl1 { width: 150px; margin: 0 20px 0 7px; background: url('img/auswahl_priv-firma.png') no-repeat 0 0; }
#subnavauswahl2 { width: 150px; background: url('img/auswahl_priv-firma.png') no-repeat -174px 0; }

#subnavauswahl1:hover { width: 150px; margin: 0 20px 0 7px; background: url('img/auswahl_priv-firma.png') no-repeat 0 -28px; }
#subnavauswahl2:hover { width: 150px; background: url('img/auswahl_priv-firma.png') no-repeat -174px -28px; }

#subnav_text {
	height: 28px;
	width: 658px;
}
#subnav_pic {
	height: 70px;
	width: 670px;
	background: url(img/pic_priv.jpg) no-repeat 5px 0;
}

/*Navigation Privatkunden*/

#subnav_privat {
	position:absolute;
	left:6px;
	top:120px;
	width:284px;
	height:237px;
	margin: 93px 0 0 0;
}
#subnav_privat li {
	list-style-type: none;
}
#subnav_privat li a {
	display: block;
	height: 25px;
}
#subnav_privat_pic1 { width: 115px; margin: 0; background: url('img/subnav_privat_liste.jpg') no-repeat 0 -93px; }
#subnav_privat_pic2 { width: 123px; margin-top: 2px; background: url('img/subnav_privat_liste.jpg') no-repeat 0 -120px; }
#subnav_privat_pic3 { width: 123px; margin-top: 2px; background: url('img/subnav_privat_liste.jpg') no-repeat 0 -147px; }
#subnav_privat_pic4 { width: 193px; margin-top: 2px; background: url('img/subnav_privat_liste.jpg') no-repeat 0 -174px; }
#subnav_privat_pic5 { width: 180px; margin-top: 2px; background: url('img/subnav_privat_liste.jpg') no-repeat 0 -201px; }
#subnav_privat_pic6 { width: 180px; margin-top: 2px; background: url('img/subnav_privat_liste.jpg') no-repeat 0 -228px; }
#subnav_privat_pic7 { width: 180px; margin-top: 2px; background: url('img/subnav_privat_liste.jpg') no-repeat 0 -255px; }

#subnav_privat_pic1:hover { width: 115px; margin: 0; background: url('img/subnav_privat_liste.jpg') no-repeat -284px -93px; }
#subnav_privat_pic2:hover { width: 123px; margin-top: 2px; background: url('img/subnav_privat_liste.jpg') no-repeat -284px -120px; }
#subnav_privat_pic3:hover { width: 123px; margin-top: 2px; background: url('img/subnav_privat_liste.jpg') no-repeat -284px -147px; }
#subnav_privat_pic4:hover { width: 193px; margin-top: 2px; background: url('img/subnav_privat_liste.jpg') no-repeat -284px -174px; }
#subnav_privat_pic5:hover { width: 180px; margin-top: 2px; background: url('img/subnav_privat_liste.jpg') no-repeat -284px -201px; }
#subnav_privat_pic6:hover { width: 180px; margin-top: 2px; background: url('img/subnav_privat_liste.jpg') no-repeat -284px -228px; }
#subnav_privat_pic7:hover { width: 180px; margin-top: 2px; background: url('img/subnav_privat_liste.jpg') no-repeat -284px -255px; }

/*Navigation Firmenkunden*/

#subnav_firma {
	position:absolute;
	left:6px;
	top:120px;
	width:284px;
	height:237px;
	margin: 93px 0 0 0;
}
#subnav_firma li {
	list-style-type: none;
}
#subnav_firma li a {
	display: block;
	height: 25px;
}
#subnav_firma_pic1 { width: 191px; margin: 0; background: url('img/subnav_firma_liste.jpg') no-repeat 0 -93px; }
#subnav_firma_pic2 { width: 195px; margin-top: 2px; background: url('img/subnav_firma_liste.jpg') no-repeat 0 -120px; }
#subnav_firma_pic3 { width: 160px; margin-top: 2px; background: url('img/subnav_firma_liste.jpg') no-repeat 0 -147px; }
#subnav_firma_pic4 { width: 152px; margin-top: 2px; background: url('img/subnav_firma_liste.jpg') no-repeat 0 -174px; }
#subnav_firma_pic5 { width: 274px; margin-top: 2px; background: url('img/subnav_firma_liste.jpg') no-repeat 0 -201px; }
#subnav_firma_pic6 { width: 215px; margin-top: 2px; background: url('img/subnav_firma_liste.jpg') no-repeat 0 -228px; }
#subnav_firma_pic7 { width: 200px; margin-top: 2px; background: url('img/subnav_firma_liste.jpg') no-repeat 0 -255px; }

#subnav_firma_pic1:hover { width: 191px; margin: 0; background: url('img/subnav_firma_liste.jpg') no-repeat -284px -93px; }
#subnav_firma_pic2:hover { width: 195px; margin-top: 2px; background: url('img/subnav_firma_liste.jpg') no-repeat -284px -120px; }
#subnav_firma_pic3:hover { width: 160px; margin-top: 2px; background: url('img/subnav_firma_liste.jpg') no-repeat -284px -147px; }
#subnav_firma_pic4:hover { width: 152px; margin-top: 2px; background: url('img/subnav_firma_liste.jpg') no-repeat -284px -174px; }
#subnav_firma_pic5:hover { width: 274px; margin-top: 2px; background: url('img/subnav_firma_liste.jpg') no-repeat -284px -201px; }
#subnav_firma_pic6:hover { width: 215px; margin-top: 2px; background: url('img/subnav_firma_liste.jpg') no-repeat -284px -228px; }
#subnav_firma_pic7:hover { width: 200px; margin-top: 2px; background: url('img/subnav_firma_liste.jpg') no-repeat -284px -255px; }

/*Galerie Navigation*/

#gal_text {
	height: 28px;
	width: 658px;
}
#gal_pic {
	height: 70px;
	width: 670px;
}
#gal_pic ul {
	list-style-type: none;
}
#gal_pic li {
	float: left;
	height: 70px;
}
#gal_pic li a {
	display: block;
	height: 70px;
}
#gal_pic1 { width: 65px; margin: 0 20px 0 5px; background: url('img/pic_galerie.jpg') no-repeat 0 0; }
#gal_pic2 { width: 65px; margin-right: 20px; background: url('img/pic_galerie.jpg') no-repeat -85px 0; }
#gal_pic3 { width: 65px; margin-right: 20px; background: url('img/pic_galerie.jpg') no-repeat -170px 0; }
#gal_pic4 { width: 65px; margin-right: 20px; background: url('img/pic_galerie.jpg') no-repeat -255px 0; }
#gal_pic5 { width: 65px; margin-right: 20px; background: url('img/pic_galerie.jpg') no-repeat -340px 0; }
#gal_pic6 { width: 65px; margin-right: 20px; background: url('img/pic_galerie.jpg') no-repeat -425px 0; }
#gal_pic7 { width: 65px; margin-right: 20px; background: url('img/pic_galerie.jpg') no-repeat -510px 0; }
#gal_pic8 { width: 65px; background: url('img/pic_galerie.jpg') no-repeat -595px 0; }

#gal_pic1:hover { width: 65px; margin: 0 20px 0 5px; background: url('img/pic_galerie.jpg') no-repeat 0 -70px; }
#gal_pic2:hover { width: 65px; margin-right: 20px; background: url('img/pic_galerie.jpg') no-repeat -85px -70px; }
#gal_pic3:hover { width: 65px; margin-right: 20px; background: url('img/pic_galerie.jpg') no-repeat -170px -70px; }
#gal_pic4:hover { width: 65px; margin-right: 20px; background: url('img/pic_galerie.jpg') no-repeat -255px -70px; }
#gal_pic5:hover { width: 65px; margin-right: 20px; background: url('img/pic_galerie.jpg') no-repeat -340px -70px; }
#gal_pic6:hover { width: 65px; margin-right: 20px; background: url('img/pic_galerie.jpg') no-repeat -425px -70px; }
#gal_pic7:hover { width: 65px; margin-right: 20px; background: url('img/pic_galerie.jpg') no-repeat -510px -70px; }
#gal_pic8:hover { width: 65px; background: url('img/pic_galerie.jpg') no-repeat -595px -70px; }

/*Galerie Extra Navi*/

#navextra {
	left: 50%;
	margin: auto auto auto -385px;
	width: 55px;
	height: 60px;
	position: absolute;
	top: 145px;
}
#navextra li {
	list-style-type: none;
	height: 20px;
}
#navextra li a {
	display: block;
	height: 20px;
}
#navextra1 { width: 55px; margin: ; background: url('img/navextra.jpg') no-repeat 0 0; }
#navextra2 { width: 55px; margin: ; background: url('img/navextra.jpg') no-repeat 0 -20px; }
#navextra3 { width: 25px; margin-left: 30px; background: url('img/navextra.jpg') no-repeat -30px -40px; }

#navextra1:hover { width: 55px; margin: ; background: url('img/navextra.jpg') no-repeat 0 -57px; }
#navextra2:hover { width: 55px; margin: ; background: url('img/navextra.jpg') no-repeat 0 -77px; }
#navextra3:hover { width: 25px; margin-left: 30px; background: url('img/navextra.jpg') no-repeat -30px -97px; }