body { background-image: url(../images/back-body.jpg); background-repeat: repeat-x; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; background-color: rgb(210,210,240); color: #000000; text-align: left; margin: 0; padding: 0; top: 0; left: 0 } img { border: none } #logo { position: absolute; top: 0px; left: 0px; width: 250px; height: 100px } #bildtop { position: absolute; top: 0px; left: 310px; width: 600px; height: 150px } #spaltelinks { position: absolute; top: 220px; left: 0px; width: 269px; padding: 0px; background-color: transparent; color: #000000; border-right: dotted 1px #666666 } #spaltelinksohne { position: absolute; top: 220px; left: 0px; width: 270px; padding: 0px; background-color: transparent; color: #000000 } #spaltelinksbild { position: absolute; top: 220px; left: 30px; width: 220px; padding: 0px; background-color: transparent; color: #000000; text-align: center } .aktuelles { width: 219px; padding: 10px 20px 10px 30px; border-bottom: dotted 1px #666666 } #spaltemitte { margin-left: 310px; margin-top: 220px; padding-right: 30px; padding-bottom: 30px; color: #000000 } /* Navigation */ #navigation { position: absolute; top: 150px; left: 30px; font-size: 0.8em; width: 1050px; z-index: 100 } #nav, #nav ul { padding: 0; margin: 0; list-style: none; line-height: 1; } #nav a { display: block; height: 20px; padding: 5px 10px; color: #000000; text-decoration: none } li.aktiv { background-image: url(../images/back-navi2.jpg) } #nav a.pfeil { background-image: url(../images/pfeil.gif); background-repeat: no-repeat; background-position: 125px 5px } #nav li { float: left; width: 140px; height: 25px; padding-top: 5px; background-color: transparent } #nav li li { float: left; width: 139px; padding-top: 0px; background-color: #cccccc; background-image: none; border: solid 1px #666666 } #nav li li li { float: left; width: 268px; background-color: #cccccc; background-image: none; border: solid 1px #666666 } #nav li ul { position: absolute; left: -999em; top: 30px; height: auto; width: 141px; margin: 0px; border-right: solid 1px #333333; border-bottom: solid 1px #333333 } #nav li ul ul { margin: -23px 0 0 140px; width: 270px; border-right: solid 1px #333333; border-bottom: solid 1px #333333 } #nav li:hover, #nav li.sfhover { background-color: #ffffff; background-image: url(../images/back-navi2.jpg) } #nav li:hover ul { left: auto } #nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em } #nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto } /* * html ul li { float: left; } * html ul li a { height: 1%; } */ /* Bildhover */ .auto0 { position: absolute; left: 535px; top: 473px; z-index: 200 } .auto1 { position: absolute; left: 310px; top: 390px; z-index: 200 } .auto2 { position: absolute; left: 490px; top: 320px; z-index: 200 } .auto3 { position: absolute; left: 670px; top: 300px; z-index: 200 } .auto4 { position: absolute; left: 850px; top: 400px; z-index: 200 } .auto5 { position: absolute; left: 870px; top: 540px; z-index: 200 } .auto6 { position: absolute; left: 690px; top: 630px; z-index: 200 } .auto7 { position: absolute; left: 510px; top: 650px; z-index: 200 } .auto8 { position: absolute; left: 330px; top: 530px; z-index: 200 } /* ------------- */ .bildhoverauto1, .bildhoverauto2, .bildhoverauto3, .bildhoverauto4, .bildhoverauto5, .bildhoverauto6, .bildhoverauto7, .bildhoverauto8 { width: 150px; height: 113px; padding: 10px; border: dotted 1px #666666; z-index: 200 } /* ------------- */ .bildhoverauto1 a:hover, .bildhoverauto2 a:hover, .bildhoverauto3 a:hover, .bildhoverauto4 a:hover, .bildhoverauto5 a:hover, .bildhoverauto6 a:hover, .bildhoverauto7 a:hover, .bildhoverauto8 a:hover { background-color: transparent; z-index: 400 } /* ------------- */ .bildhoverauto1 a:link, .bildhoverauto2 a:link, .bildhoverauto3 a:link, .bildhoverauto4 a:link, .bildhoverauto5 a:link, .bildhoverauto6 a:link, .bildhoverauto7 a:link, .bildhoverauto8 a:link { display: inline; text-decoration: none; text-decoration: none; z-index: 400 } /* ------------- */ .bildhoverauto1 a span, .bildhoverauto2 a span, .bildhoverauto3 a span, .bildhoverauto4 a span, .bildhoverauto5 a span, .bildhoverauto6 a span, .bildhoverauto7 a span, .bildhoverauto8 a span { display: none; text-decoration: none; z-index: 400 } /* ------------- */ .bildhoverauto1 a:hover span { display: inline; background-color: #ffffff; position: absolute; width: 680px; height: 510px; top: -190px; left: -310px; z-index: 400 } .bildhoverauto2 a:hover span { display: inline; background-color: #ffffff; position: absolute; width: 680px; height: 510px; top: -120px; left: -490px; z-index: 400 } .bildhoverauto3 a:hover span { display: inline; background-color: #ffffff; position: absolute; width: 680px; height: 510px; top: -100px; left: -670px; z-index: 400 } .bildhoverauto4 a:hover span { display: inline; background-color: #ffffff; position: absolute; width: 680px; height: 510px; top: -200px; left: -850px; z-index: 400 } .bildhoverauto5 a:hover span { display: inline; background-color: #ffffff; position: absolute; width: 680px; height: 510px; top: -340px; left: -870px; z-index: 400 } .bildhoverauto6 a:hover span { display: inline; background-color: #ffffff; position: absolute; width: 680px; height: 510px; top: -430px; left: -690px; z-index: 400 } .bildhoverauto7 a:hover span { display: inline; background-color: #ffffff; position: absolute; width: 680px; height: 510px; top: -450px; left: -510px; z-index: 400 } .bildhoverauto8 a:hover span { display: inline; background-color: #ffffff; position: absolute; width: 680px; height: 510px; top: -330px; left: -330px; z-index: 400 } .bildgross { background-color: #ffffff; border: solid 1px #666666; width: 680px; height: 510px; z-index: 400 } .bildhover { float: left; margin: 5px; width: 150px; height: 113px; padding: 10px; border: dotted 1px #666666; z-index: 200 } .bildhover a:hover { background-color: transparent; z-index: 200 } .bildhover a:link { display: inline; text-decoration: none; text-decoration: none; z-index: 200 } .bildhover a span { display: none; text-decoration: none; z-index: 200 } .bildhover a:hover span { display: inline; background-color: #ffffff; position: absolute; width: 680px; height: 510px; top: 50px; left: 280px; z-index: 200 } .bildgross { background-color: #ffffff; border: solid 1px #666666; width: 680px; height: 510px; z-index: 200 } /* Ueberschriften */ h1 { font-family: 'Arial Narrow', sans-serif; background-color: transparent; color: rgb(0,0,0); font-size: 1.5em; font-weight: bold; line-height: 1.2em; margin-top: 0px } h2 { font-family: 'Arial Narrow', sans-serif; background-color: transparent; color: rgb(0,0,0); font-size: 1.2em; font-weight: bold; line-height: 1.2em } h2.ohne { font-family: 'Arial Narrow', sans-serif; background-color: transparent; color: rgb(0,0,0); font-size: 1.2em; font-weight: bold; line-height: 1.2em; margin-top: 0px } h3 { font-family: 'Arial Narrow', sans-serif; background-color: transparent; color: rgb(0,0,0); font-size: 1.0em; font-weight: bold; line-height: 1.2em } p { background-color: transparent; color: #000000; font-weight: normal; font-size: 0.8em; line-height: 1.3em } ul { list-style-position: outside; font-weight: normal } li.aufzaehlung { font-size: 0.8em; line-height: 1.3em; list-style-image: url(../images/square.gif); list-style-position: outside; color: rgb(164,42,106) } li.bottom10 { font-size: 0.8em; line-height: 1.3em; list-style-image: url(../images/square.gif); list-style-position: outside; color: #993300; margin-bottom: 10px } .black { color: #000000 } /* Links */ a:link { } a:visited { } a:hover { color: #000000 } a:active { } a:focus { } a:hover .zoom { filter='()'; } a:link .zoom { width: 200px; height: 125px } a:hover .zoom { width: 400px; height: 250px } hr { border: solid 1px #cccccc } strong { font-weight: bold; color: rgb(164,42,106) } table { } table.kontakt { font-size: 0.8em; line-height: 1.3em } table.ansprech { font-size: 0.8em; line-height: 1.3em; } table.liste { border-collapse: collapse } td { } td.kontakt { border-bottom: dotted 1px #666666 } td.liste { font-size: 0.8em; border: dotted 1px #666666 } td.listelinks { padding-right: 10px; text-align: right; font-size: 0.8em; border: dotted 1px #666666 } td.listehead { font-size: 1.0em; font-weight: bold; padding: 10px 0px 10px 0px; color: rgb(164,42,106) } td.listeheadlinks { font-size: 1.0em; text-align: right; font-weight: bold; padding: 10px 10px 10px 0px; color: rgb(164,42,106) }