html { height: 100.5%; }
body { color: white; background-color: #1E90FF;
font-family: Arial, sans-serif; margin-top:0em; margin-left:0.8em; }
li img { margin-top: -2.0em; margin-left: 0em; margin-bottom: 1.0em; padding-right: 112px; }
/* Korrektur fuer den IE: */
* html li img {margin-top: 0.0em; margin-right: 112px; margin-bottom: 0.7em; }
/*zweier Navs:*/
ul#navs li { list-style: none; padding: 0.2em; margin-top: 30px; margin-left: 40px; width: 43.0em; }
ul#navs a, ul#navigation span
{
padding: 0.2em 0.2em; margin: 0.2em;
text-decoration: none;
font-weight: bold;
border: 1px solid black;
border-left-color: white;
border-top-color: white;
color: #00008B; background-color: #ccc; }
ul#navs3 li { list-style: none; padding: 0.2em; margin-top: 30px; margin-left: 40px; width: 43.0em; }
ul#navs3 a, ul#navigation span
{
padding: 0.2em 0.2em; margin: 0.2em;
text-decoration: none;
font-weight: bold;
border: 1px solid black;
border-left-color: white;
border-top-color: white;
color: #00008B; background-color: #ccc; }
ul#navsterm li { list-style: none; margin-top: 30px; margin-left: 1px; width: 120.0em; }
ul#navsterm a, ul#navigation span
{
padding: 0.2em 0.2em; margin: 0.2em;
text-decoration: none;
font-weight: bold;
border: 1px solid black;
border-left-color: white;
border-top-color: white;
color: #00008B; background-color: #ccc; }
ul#navsterm2 li { list-style: none; margin-top: 40px; margin-left: 158px; width: 120.0em; }
ul#navsterm2 a, ul#navigation span
{
padding: 0.2em 0.2em; margin: 0.2em;
text-decoration: none;
font-weight: bold;
border: 1px solid black;
border-left-color: white;
border-top-color: white;
color: #00008B; background-color: #ccc; }
ul#navigation a:hover, ul#navigation span {border-color: white; border-left-color: black;
border-top-color: black; color: #00008B; background-color: gray; }
ul {font-size: 1.0em; }
/*anfang hauptnavigation und unternavigation*/
ul#navigation li {
list-style: none; font-weight: bold;
float: left;
position: relative;
padding: 0.0em; margin-top: 2em; margin-bottom: 14px; z-index:100;
}
*html ul#unternavi li ul {left: -2.1em; display: none; }
ul#unternavi li ul li {
float: none;
display: block;
margin: 0.59em;
}
*html ul#unternavi li ul li {
float: none;
display: block;
margin-left: 0.7em; padding-bottom: 0.1em; /*Abst nde Unternavi f r IE*/
}
ul#navigation a, ul#navigation span {
display: inline;
width: 3.2em; /* Breite den in li enthaltenen Elementen zuweisen */
padding: 0.2em 0.48em 0.2em 0.48em; margin: 0.15em;
text-decoration: none; font-weight: bold;
border: 1px solid black;
border-left-color: white; border-top-color: white;
color: #00008B; background-color: #ccc; z-index:100;
}
* html ul#navigation a, * html ul#navigation span {
/* Breite nach altem MS-Boxmodell f r IE 5.x */
padding: 0.2em 0.48em 0.2em 0.48em; margin: 0.15em; margin-top:1.7em;
text-decoration: none; font-weight: bold; z-index:100; /* korrekte Breite fuer den IE 6 im standardkompatiblen Modus */
}
ul#navigation a:hover, ul#navigation span, li a#aktuell {
border-color: white;
border-left-color: black; border-top-color: black;
color: white; background-color: gray; z-index:100;
}
li a#aktuell { /* aktuelle Rubrik kennzeichnen */
color: #00008B; background-color: silver;
}
ul#unternavi li ul span { /* aktuelle Unterseite kennzeichnen */
background-color: #00008B; }
#projektnavi {margin-top:0em; padding-left:0.0em; width: 990px; }
* html #projektnavi {white-space:nowrap; margin-top:-5.3em; padding-top: 0.05em; padding-left: 18.9em;
width: 1000px; }*/Zeilenumbruch verhindern!!!!! und
Pos.im IE*/
#galnavi {margin-top:0.0em; padding-left: 8.8em; width: 810px; }
* html #galnavi {white-space:nowrap; margin-top:-5.3em; padding-top: 0.05em; padding-left:18.8em;
width: 1000px; }/*Pos.im IE*/
/*ende neu*/
ul#nav a:hover, ul#navigation span {
border-color: white;
border-left-color: black;
border-top-color: black;
color: white;
background-color: gray; }
ul#navs a:hover, ul#Navigation span {
border-color: white;
border-left-color: black;
border-top-color: black;
color: white;
background-color: gray; }
#pan {width:958px; height:108px; padding-top:90px; margin-left:0px; marging-right: 1000px; z-index:0}
h1 { font-size: 1.8em; }
#ueberschrift { margin-top: 0px; margin-right: 0.8em; margin-bottom:0px; margin-left: 0.0em; background-color: #1E90FF;
width:958px; z-index:1000}
#adat { margin-left: 0px; width:990px; }
p { font-size: 1.0em; }
#titel { margin-left: 0px; }
#text1 { width:960px; margin-left: 0px; }
#centerendgal {font-size: 0.6em; margin-top: 16em; margin-left: 19em; text-align:center; }
#centerendgal4 {font-size: 0.6em; margin-top: 10em; margin-left: 17em; text-align:center; }
#centerendgal5 {font-size: 0.6em; margin-top: 45em; margin-left: 17em; text-align:center; }
#centerendg1 {width: 958px; height: 2.4em; font-size: 0.9em; color: #003399; background:#ccc; margin-top: 35em; }
#centerendg3 {width: 958px; height: 2.4em; font-size: 0.9em; color: #003399; background:#ccc; margin-top: 16em; }
#centerendg5 {width: 958px; height: 2.4em; font-size: 0.9em; color: #003399; background:#ccc; margin-top: 25em; }
#centerendpro {width: 958px; height: 2.4em; font-size: 0.9em; color: #003399; background:#ccc; margin-top: 6em; }
#centerend {width: 958px; height: 2.4em; font-size: 0.9em; color: #003399; background:#ccc; margin-top: 6em; }
ul#end {list-style: none; padding-top: 0.6em; margin-left: 2em; }
ul#f {list-style: none; margin-top: -0.536em; margin-left: 40em; }
ul#fpro {list-style: none; margin-top: 1.5em; margin-left: 40em; }
ul#ds {list-style: none; margin-top: -3.936em; margin-left: 55em; }
/*Achtung auch in abcs7.css vorhanden!*/
#galerie { margin-top: 16px; margin-left: 0px; width:970px;}
#galrahm img { width: 150px; height: 100px; float: left;
border: 1px solid #1E90FF; /*#333333;*/
padding: 0.6em; padding-left: 0px; padding-bottom: 0px;
background: #1E90FF; } /*#D9D17F;*/
#galrahm99 img { width: 150px; height: 99px; float: left;
border: 1px solid #1E90FF; /*#333333;*/
padding: 0.6em; padding-left: 0px; padding-bottom: 0px;
background: #1E90FF; } /*#D9D17F;*/
#galbem1 {font-size: 1.0em; padding-top: 6.6em; }
#galverti img { width: 113px; height: 150px; margin-left:11em; }
#galverti1 img {width: 75px; height: 100px; }
#galverti2 img { width: 113px; height: 150px; padding-left: 7em; }
p#Fusszeile {
clear: both;
width:880px;
font-size: 1.09em;
margin-top: 39px; margin-left: 23px;
text-align: center;
background-color: #1E90FF;
border-top: 10px solid #1E90FF;
}
#ungav1 {margin-top: 30px; margin-left: 343px; }
#ungav2 {margin-top: 30px; margin-left: 543px; }
#ungav2v {margin-top: 30px; margin-left: 379px; }
#unga6text {margin-top: 700px; margin-left: 113px; }
#ungatext {margin-top: 0px; margin-left: 513px; }
#undergal {margin-top: 380px; margin-left: 497px; width: 490px; }
#unga1 {margin-top: 150px; margin-left: 513px; }
#unga1v {margin-top:5px; margin-left: 379px; }
#unga1drei {margin-top: 150px; margin-left: 398px; }
#unga2 {margin-top: 259px; margin-left: 513px; }
#ungal2 {padding-top: 0px; margin-left: 513px; }
#unga2bem {margin-top: 65px; margin-left: 513px; }
#unga23 {margin-top: 259px; margin-left: 318px; }
#unga3 {padding-top: 315px; margin-left: 513px; }
#unga3v {padding-top: 315px; margin-left: 390px; }
#unga4 {padding-top: 430px; margin-left: 513px; }
#unga5 {padding-top: 538px; margin-left: 513px; }
#unga6 {padding-top: 648px; margin-left: 513px; }
#unga6text8 {padding-top: 248px; margin-left: 513px; }
#unga7 {margin-top: 770px; margin-left: 513px; }
#ungal7 {margin-top: 30px; margin-left: 513px; }
#ungal8 {margin-top: 140px; margin-left: 513px; }
#unga9 {padding-top: 948px; margin-left: 513px; }
#unga12 {padding-top: 1320px; margin-left:513px; }
#unga13 {padding-top: 1500px; margin-left: 513px; }
#unga14 {padding-top: 1590px; margin-left: 513px; }
#unga15 {padding-top: 1700px; margin-left: 513px; }
#ungal9 {padding-top: 978px; margin-left: 510px; }
#unga10 {padding-top: 1000px; margin-left: 513px; }
#ungal10 {margin-top: 10px; margin-left: 550px; }
#ungal13 {margin-top: 755px; margin-left: 510px; }
#ungav08 {padding-top: 20px; margin-left: 345px; }
#ungav10 {padding-top: 20px; margin-left: 345px; }
#unga1311 {padding-top: 8px; margin-left: 344px; }
#unga1312 {padding-top: 1px; margin-left: 342px; }
#ungabem1311 {padding-top: 1220px; margin-left:811px; width: 150px; }
#ungabem1312 {padding-top: 710px; margin-left:331px; width: 550px; }
#ungabem13hh {padding-top: 342px; margin-bottom:-200px; margin-left:488px; width: 250px; }
#unga11 {padding-top: 1240px; margin-left: 513px; }
#ungav11 {padding-top: 1100px; margin-left: 344px; }
#unga14text {padding-top: 300px; margin-left: 513px; }
#unpro2 {padding-top: 215px; margin-left: 547px; }
#unpro1 {padding-top: 115px; margin-left: 547px; }
#unpro1breit {padding-top: 115px; margin-left: 465px; }
#unpro3 {padding-top: 315px; margin-left: 547px; }
#unpro4 {padding-top: 425px; margin-left: 547px; }
#unpro5 {padding-top: 540px; margin-left: 547px; }
#unpro5sol {padding-top: 540px; margin-left: 358px; }
#unpro6 {padding-top: 650px; margin-left: 547px; }
#unpro6text8 {padding-top: 160px; margin-left: 547px; }
#unprotext8 {padding-top: 250px; margin-left: 547px; }
#unpro7 {padding-top: 760px; margin-left: 427px; }
#unpro8 {padding-top: 920px; margin-left: 427px; }
#unpro9 {padding-top: 1000px; margin-left: 427px; }
#unpro10 {padding-top: 1150px; margin-left: 427px; }
#unpro11 {padding-top: 1300px; margin-left: 427px; }
#unpro12 {padding-top: 1400px; margin-left: 427px; }
#unpro13 {padding-top: 1500px; margin-left: 427px; }
#unpro14 {padding-top: 1600px; margin-left: 427px; }
#unpro15 {padding-top: 1700px; margin-left: 427px; }
#unpro16 {padding-top: 1800px; margin-left: 427px; }
#unpro17 {padding-top: 1900px; margin-left: 427px; }
#unpro173 {padding-top: 1900px; margin-left: 267px; }
#unpro18 {padding-top: 2230px; margin-left: 427px; }
#unpro183 {padding-top: 2230px; margin-left: 267px; }
#ungatext {padding-top: 721px; margin-left: 785px; }
#solada {margin-left: 392px; }
#underclub {margin-top: 250px; margin-left: 497px; width: 490px; }
#undergalatlas {margin-top: 150px; margin-left: 497px; width: 490px; }
#underbohrinsel {margin-top: 580px; margin-left: 592px; width: 400px; }
#anschrift {width: 138px;}
#atlas {margin-top:380px; margin-left: 547px; width: 400px; }
#atlantik {margin-top:180px; margin-left: 547px; width: 400px; }
#cutty {margin-top:230px; margin-left: 547px; width: 400px; }
#anja {margin-top:240px; margin-left: 547px; width: 400px; }
#weser {margin-top:240px; margin-left: 547px; width: 400px; }
#underproj {margin-top:35px; margin-left: 547px; width: 400px; }
#underpro2 {margin-top:265px; margin-left: 548px; }
#wrapper { margin-left: 500px; }
#wrapper3 { margin-left: 392px; }
#kontext { padding-top: 0.0em; }
.infobox {
display: flex;
justify-content: flex-end; /* schiebt Text nach rechts */
align-items: flex-end; /* schiebt Text nach unten */
box-sizing: border-box;
max-width: 958px;
width: 100%;
min-height: 580px;
padding: 1em; /* etwas Abstand zum Rand */
margin: 1.3em 0 0.9em 0;
font-weight: bolder;
color: white;
background-image: url("LBD_2673.1.jpg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 3px;
}
.infotext {
max-width: 62%; /* Text schmal halten */
text-align: right;
margin-right: 0.1em; /* noch etwas weiter nach innen */
margin-bottom: 0em; /* noch etwas höher vom unteren Rand */
}
/* 🔹 zweiter Text-/Linkblock */
.infotext2 {
position: absolute;
top: 20em; /* Abstand von oben */
left: 45em; /* Abstand von rechts */
}
.infotext2 a {
color: white;
font-weight: bold;
text-decoration: none;
background: rgba(0,0,0,0.4);
padding: 0.5em 1em;
border-radius: 3px;
transition: background 0.3s;
}
#plakat { padding-top: 100px; padding-left: 43px; }
#galbem { margin-top: 175px; }
#center {margin-left: 280px; }
#blog {width: 941px; height: 273px; padding-left: 15px; color: #000080; border: 1px solid black; background: url(gd13/st197.jpg); }
#blogwei {width: 956px; height: 250px; padding-left: 0px; text-align: center; color: #D8DB3A; border: 1px solid black; background: url(panora/lokwei.jpg); }
#blogzwi {width: 941px; height: 144px; padding-left: 15px; text-align: center; color: #D8DB3A; border: 1px solid black; background: url(panora5.2.3.jpg); }
.flex {width:958px; height:233px; padding-left:1px; padding-top:25px; padding-bottom:25px; }
/*Achtung!!! hier folgt ein Texttrick zum vertikalen centrieren des Textes in der div-box mit: "/" */
div p.text {color: black; }
#blogwart {width: 956px; height: 144px; text-align: center; color: #D8DB3A; border: 1px solid black; background: url(winter.ali_3051.jpg); }
.enavs a {
padding: 0.2em;
text-decoration: none;
font-weight: bold;
color:#00008B;
border: 1px solid black;
border-left-color: white;
border-top-color: white;
background-color: #89c; }
.enavs a:hover {
border-color: white;
border-left-color: black;
border-top-color: black;
color: white;
background-color: gray; }
table {margin-top: 0em; margin-left: 0.0em; margin-right: 0.9em; width: 958px; border: 2px solid #669999; }
tfoot {background: #1E10FF; }
tbody tr.cebra td {background: #1E79FF; }
tbody tr.cebramatt td {color: #55FF55; background: #1E79FF; }
tbody tr.matt td {color: #55FF55; }
th, td {border-bottom: 1px #669999; text-align: left; }
#zahlnavi { margin-top: 13px; text-align: center; }
#termhistor {margin-left: 1px; width: 120.0em; }
/*
Projektdaten: pa= Abstand, pr= Rahmen schw.+ li.+ rechts, pbo= Bilderordnung,
ptren= Projekttrennung, pb= 4 Bilderraum, pro1+2= Rahmen oben+ unten, pt= Text
*/
#proges { padding: 0px 10px 10px 0px; width:960px; }
.pa1 { padding: 0px 10px 10px 0px; }
.pa { padding: 20px 10px 10px 10px; }
.projekt1 {width: 498px; height: 339px; margin-top: 9px; margin-left: 23px; }
/*.pr img {border: 1px solid #333333;
padding-left: 5px ; padding-right: 5px;
background: #D9D17F; }*/
.pbo {float:left; padding: 12px 3px 0px 12px; display:inline; width:235px; height:156px; }
.ptren {line-height:0px;height:0px; clear:both; }
.pb {float:left; width:540px; height:400px; }
.pro1 {padding-top: 4px; padding-bottom: 3px; }
.pro2 {padding-top: 3px; padding-bottom: 4px; }
.pt {float:left; width:400px; padding-top: 10px; }
* html #proges { padding: 20px 10px 10px 0px; width:960px; }
#verkauf {padding-top:105px; margin-left: 27px; padding-bottom:13px; }
/*Projektende*/
img.vhmittig {margin-left: 11.0em; }
#zentral { /*text-align: center;*/
margin-left: 11.0em; width: 603px;
}
#rightbutton {margin-top: -10em; margin-left: 44em; }
/*KONTAKT-Seite:*/
#kontakt {float: left; width: 27em; padding-left: 0.5em; border: 1px solid #000000; }
* html #kontakt {margin-top: 2.05em; width: 27em; padding-top: 1.0em; padding-left: 1.5em; border: 1px solid #000000; }
#lili {margin-top: 1em; padding-left: 0.5em; height: 50em; width: 30.55em; border: 1px solid #000000; margin-left: 28.7em; }
* html #lili {margin-top: 2em; padding-top: 1.0em; padding-left: 1.0em; width: 26.45em; border: 1px solid #000000; margin-left: 28.95em; }
#solare {float: left; width: 27em; padding-left: 0.5em; height: 25.9em; border: 1px solid #000000; }
* html #solare {margin-top: 2.05em; width: 27em; height: 24.9em; padding-top: 1.0em; padding-left: 1.5em; border: 1px solid #000000; }
#solali {margin-top: 1em; padding-left: 0.5em; height: 25.9em; width: 30.55em; border: 1px solid #000000; margin-left: 28.7em; }
* html #solali {margin-top: 2em; padding-top: 1.0em; padding-left: 1.0em; width: 26.45em; height: 24.9em; border: 1px solid #000000; margin-left: 28.95em; }
#parttable {margin-top: 0em; margin-left: 0.0em; margin-right: 0.9em; width: 26.5em; border: 2px solid #669999; }* html #kontable {margin-top: 0em; margin-left: 0.0em; margin-right: 0.9em; width: 29.0em; border: 2px solid #669999; }
#kontable {margin-top: 0em; margin-left: 0.0em; margin-right: 0.9em; width: 30.0em; border: 2px solid #669999; }
* html #kontable {margin-top: 0em; margin-left: 0.0em; margin-right: 0.9em; width: 29.0em; border: 2px solid #669999; }
#gedanke {margin-top: -50px; padding-left: 740px; }
#textgedanke { width:475px; padding-top: 10px; margin-left: 20px; }
.naviwidth {
width:1014px; padding-bottom: 0px;
}
.buttonpushed { border-color: white; border-left-color: black;
border-top-color: black; color: white; background-color: red; }
a:link {color: white; outline: none; }
a:visited {color:#FF9900; }
a:active { color:#FFFFFF; }
/*Anfang galerie neu*/
div#gal1 {
float: left;
width: 2000px;
padding: 11px 25px 10px 25px;
}
div#gal2 {
float: left;
width: 2000px;
padding: 0px 25px 10px 25px;
}
div#gal3 {
float: left;
width: 2000px;
padding: 0px 25px 10px 25px;
}
a.dunkelblau {color: #003399; }
a.galbild {display: inline;}
a.galbild img {
border: 1px solid #000000; background: #D9D17F;
padding: 6px;
margin-bottom: 5px;
}
a.galbild img { margin-right: 70px; }
a.galbild:hover img {
background: #FFFF66;
}
a.galbildunlink {display: inline;}
a.galbildunlink img {
border: 1px solid #000000; background: #D9D17F;
padding: 6px;
margin-bottom: 5px;
}
/*a.galbildunlink img { margin-right: 70px; }
a.galbild:hover img {
background: #FFFF66;
}*/
#galtextleft {float: left;
text-align: center;
width: 410px;
padding: 2px 25px;
}
#galtextleft2 {float:left;
text-align: center;
width: 410px;
padding: 2px 25px;
}
#galtextleft3 {float:left;
text-align: center;
width: 410px;
padding: 6px 25px;
}
#galtextright {
text-align: center;
width: 410px;
padding: 2px 510px;
}
#galtextright99 {
text-align: center;
width: 410px;
padding: 100px 510px;
}
#galtextright992 {
text-align: center;
width: 410px;
padding: 100px 510px;
}
#galtextright993 {
text-align: center;
width: 410px;
padding: 305px 510px;
}
#galtextmitte {float:left;
text-align: center;
width: 820px;
padding: 2px 58px;
}
*html #galtextleft {position: relative;
text-align: center;
padding: 2px 0px 10px 38px; width: 410px;
}
*html #galtextright {z-index:50;
position: relative; text-align: center;
width: 1400px;
margin-top: -60px; margin-right:10px; margin-bottom: 10px; margin-left: -0px;
}
*html #galtextright99 {z-index:50;
position: relative; text-align: center;
width: 1400px;
margin-top: -181px; margin-right:10px; margin-bottom: 10px; margin-left: -0px;
}
*html #galtextright992 {z-index:50;
position: relative; text-align: center;
width: 1400px;
margin-top: -181px; margin-right:10px; margin-bottom: 10px; margin-left: -0px;
}
*html #galtextright993 {z-index:50;
position: relative; text-align: center;
width: 400px;
margin-top: -181px; margin-right:10px; margin-bottom: 10px; margin-left: -0px;
}
*html #galtextleft2 {position: relative;
text-align: center;
padding: 2px 0px 10px 38px; width: 410px;
}
*html div#gal1 {
float: left;
width: 1000px;
padding: 23px 25px 10px 25px;
}
*html #galtextmitte {float:left;
text-align: center;
width: 899px;
padding: 2px 95px;
}
*html #underpro2 {margin-top:0px; margin-left: 548px; }
/*ende Galerie neu*/
#videobegin9t {padding-top:0px; }
#videobegin10 {padding-top:876px; }
#videoint {width:566.22px; height:466px; padding-top:30px; padding-right:198px; padding-left:195px; padding-bottom:30px;
background: black; }
#videoint1 {width:566.22px; height:466px; margin-top:140px; padding-top:25px; padding-right:198px; padding-left:195px;
background: black; }
#videoint2 {width:566.22px; height:466px; margin-top:250px; padding-top:25px; padding-right:198px; padding-left:195px;
background: black; }
#videoint9t {width:566.22px; height:466px; margin-top:0px; padding-top:0px; padding-right:198px; padding-left:195px;
background: black; }
#videoint10 {width:566.22px; height:466px; margin-top:250px; padding-top:25px; padding-right:198px; padding-left:195px;
background: black; }
*html #ungabem1311 {padding-top: 1px; margin-left:811px; width: 150px; }
.flash {display: none; }
div#bem {width:956px; }