body,html {background-color:black;height:100%;width:100%;
font-family:helvetica, arial, sans-serif; color:white;}
* { margin:0; padding:0; border:none;outline: 0; }
a {color:white;text-decoration:none;}
a:hover{opacity:0.45;}
/* Chrome-Hover-Bug: */
.jk_presse a:hover {opacity:1;}
.jk_presse a div:hover {opacity:0.45;}
.jk_presse p.videoLink a:hover {opacity:0.45;}
/*#logonav:hover{opacity:0.45;}
a.alternate_css:hover {opacity:0.3;}
*/
p a {text-decoration:underline;color:white;}
li {list-style:none;}
h1, h2, li {text-transform:uppercase;letter-spacing:0.29em;font-weight:bold; }
h1 {display:none;}
h1.sichtbar {display:block;}
#body_container {width:100%;height:100%;/*background-color:red*/;}
#media_inspector {display:none;position:absolute;z-index:1;}
/* Weiche für Touchscreens iPhone usw. im HTML */
#seite {position:relative;
background-color:#000000;
padding:0 20px;
margin: 0px auto;
overflow:visible;
width:1030px;
/*height:90%;*/
height:760px;
/*min-height:600px;
max-height:760px;*/
/*min-width:982px;*/
display:none;
}
#space {height:2.5%;
/*max-height:67px;
height:3.4%;*/
}
#zurueck_pfeil {position:absolute; left:20px; bottom:2.5%;}
.galerie #zurueck_pfeil {position:absolute; left:0px; bottom:5%;} /* in allen Galerien ist er Teil von #linker_Teil */
#zurueck_pfeil img {height:21px;position:relative;right:1px;vertical-align:bottom;}
/*#scrollLeft_pfeil {position:absolute; left:308px; bottom:2.5%; display:none; opacity: 0;}*/
#scrollLeft_pfeil {position:absolute; left:0px; bottom:5%; display:none; opacity: 0;} /* zunächst unsichtbar */
#scrollLeft_pfeil img {height:21px;position:relative;right:1px;vertical-align:bottom;}
#scrollDown_pfeil {position:absolute; left:156px; bottom:5%;}
#scrollDown_pfeil img {height:21px;position:relative;right:1px;vertical-align:bottom;}
#scrollUp_pfeil {position:absolute; left:156px; bottom:5%; display: none; opacity: 0;} /* zunächst unsichtbar */
#scrollUp_pfeil img {height:21px;position:relative;right:1px;vertical-align:bottom;}
#scrollRight_pfeil {position:absolute; left:308px; bottom:5%;}
#scrollRight_pfeil img {height:21px;position:relative;right:1px;vertical-align:bottom;}
/*.hiddenDates {display:none;}*/
#meta-startseite #landing {position:relative; top:115px;}
#meta-startseite #landing a:hover {opacity:1;}
#meta-startseite #landing img {display:inline; height:500px;}
#meta-startseite #schriftzug {position:absolute; z-index:1; top:120px; width:100%; height:100px; background-color:none;}
#meta-startseite #imgwrap {height:110px;}
#meta-startseite #imgwrap a:hover {opacity:1;}
#meta-startseite #logonav #imgwrap img {height:110px;}
#meta-startseite #overlay2 {position:absolute; top:0px; z-index:20; width:100%; height:100%; opacity:0;}
#meta-startseite #overlay1 {position:absolute; top:0px; z-index:11; width:100%; height:100%; opacity:0;}
#meta-startseite #overlay {position:absolute; top:0px; z-index:10; width:100%; height:100%; opacity:0;}
#meta-startseite div img {display:block; width:1070px; margin:20px auto;}
/*#meta-startseite #overlay img {display:block; width:538px; margin:20px auto;}*/
#sprachwahl {position: absolute; right:10px; top:20px;}
#sprachwahl li {display:inline;padding:7px; font-size:15px;}
#kunst_startseite #sprachwahl li {font-size: 14px;}
#news {position: absolute; left:20px; top:21px;}
#news h2 {font-size:15px;}
#kunst_startseite #news h2 {font-size: 14px;}
#insta_Arch {position: absolute; left:190px; top:18px;}
#insta_Arch img {height: 28px;}
#kunst_startseite #zu_den_werken {position: absolute; right:17px; bottom:22px;}
#kunst_startseite #zu_den_werken h2 {font-size:14px;}
#kunst_startseite #kuenstlername {position: absolute; left:20px; bottom:22px;}
#kunst_startseite #kuenstlername h1 {font-size:14px;}
#kunst_startseite #background {height:100%; width: 100%}
#kunst_startseite #background img {display:block;height:100%;margin:0 auto;}
#logonav {/*position:absolute*/; width:100%; text-align:center;line-height:40px;height:100%;position:relative;}
#logonav #imgwrap {height:217px;width:100%;background-color:none;}
#logonav #imgwrap img {height:217px; display:block; margin:0 auto;}
/*#logonav img {min-height:167px;max-height:217px;height:29%;}*/
#schriftzug {position:absolute;z-index:1;top:220px;width:100%;height:100px;background-color: none;}
#logonav h1 {font-size: 30px;display:block;width:100%;}
#logonav h1 #jk{display:block;width:100%;font-size: 100%;letter-spacing:0.3em;position:absolute;top:10px;}
#logonav h1 #arch{display:block;width:100%;height:60px;padding: 12px 0px;font-size: 50%;letter-spacing:0.6em;position:absolute; top:45px;}
#menuezeile {display:none;}
#schriftzug:hover>#menuezeile {display:block;}
#menuezeile{display:none;position:absolute;z-index:2;left:0; top: 45px;width:100%;height:60px;text-align:justify;background-color:black;}
#menuezeile>ul{display:inline;}
#menuezeile>ul>li{display:inline-block;vertical-align:top;padding:12px 65px; font-size:15px;position:relative;background-color:none;}
#menuezeile>ul>li>ul {position:absolute;z-index:3;right:0px;top:60px;line-height:22px;}
#menuezeile>ul>li>ul>li {display:block; text-align:right;padding:3px 65px; font-size:11px;}
#menuezeile>ul>li>ul{display: none;}
#menuezeile>ul>li:hover ul{display:inline;}
#menuezeile>ul>li>ul:hover {display:inline;}
#menuezeile #justify_helper {display:inline-block;width:100%;height:1px;}
#nav {
position:absolute;bottom:13px;left:0px;
height:400px;width:100%;
/*background-color:green;*/
font-size:15px;overflow:visible;
}
#nav ul {
position:absolute; /* ansonsten Scrollbalken bei Firefox */
top:-338px;left:330px;
-moz-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-o-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
/*background-color:grey;*/
height:1050px;width:400px;}
#nav ul li {padding: 44px 0;text-transform:uppercase;letter-spacing:0.29em;} /* nicht 0.3 wg. Rundungsfehler in Safari */
#nav li.mehr_Abstand {margin-top:50px;}
#fliesstext {width:40%;}
#fliesstext p, #fliesstext h2 {font-size:13px;line-height:20px;}
#jordi-biografie #fliesstext h2 {font-size:14px;}
#fliesstext p {font-weight:normal;margin-bottom:15px;text-align:justify;}
#statement #fliesstext p, #statement #fliesstext h2 {font-size:11px;line-height:14px;}
#kontakt #fliesstext p {margin-top:3em;margin-bottom:6.5em;}
.jk_presse #seite {height:100%;}
.jk_presse #zurueck_pfeil {padding-top:50px; padding-bottom: 25px; position:relative; left:0px; bottom:0px;}
.jk_presse #fliesstext {width:50%;}
.jk_presse #fliesstext p {font-size:11px;line-height:19px;margin-bottom:6px;color:#808080;}
.jk_presse #fliesstext div p:first-child span {color:white;}
.jk_presse #fliesstext h2 {font-size:13px;line-height:16px;margin-bottom:6px;}
#kunst_termine.jk_presse #fliesstext h2 {font-size:14px;}
.jk_presse #fliesstext>h2 {margin-bottom:37px;} /* betrifft derzeit nur die Termin-Seite*/
.jk_presse #fliesstext hr {height: 1px; background: #808080;margin-top:8px; margin-bottom: 8px;}
.jk_presse p.videoLink a {padding-right: 30px; text-decoration: none;}
.jk_presse p.videoLink a img {opacity:0.9; height:26px; padding-right: 5px; vertical-align: middle; position: relative; top:-2px;}
#termine_jk div.vergangen p:first-child span {color:#808080;}
/*#termine_jk .vergangen {opacity: 0.5;}
#termine_jk .vergangen p {color:#aaa;}*/
#termine_jk p.videoLink a {padding-right: 30px; text-decoration: none;}
#termine_jk p.videoLink a img {opacity:0.9; height:26px; padding-right: 5px; vertical-align: middle; position: relative; top:-2px;}
.kunst_zwischenmenu #fliesstext {width:100%;}
.kunst_zwischenmenu h1 {font-size:14px;line-height:32px;margin-top:245px;margin-bottom:66px;}
#Jordi_Zeichnung_Menu.kunst_zwischenmenu h1 {margin-top:170px;} /*weil Liste länger*/
.kunst_zwischenmenu #fliesstext li {font-size:11px;line-height:30px;margin-bottom:6px;}
#insta_Art {position: absolute; left:20px; top:18px;}
#insta_Art img {height: 28px;}
#jordi-biografie #fliesstext {width:44%; height:66%; position:relative;}
#jordi-biografie #bildspalte {width:508px; height:66%; float:right;}
#jordi-biografie #portraet {display:block; height:100%; float:left;}
#jordi-biografie #kontaktblock {position:absolute; bottom:0; width:100%;}
#jordi-biografie #kontaktblock #block1 {float:left; margin-bottom:0; margin-top:15px;}
#jordi-biografie #kontaktblock #block2 {float:left; margin-left:80px; margin-bottom:0; margin-top:15px;}
#jordi-biografie #kontaktblock #block3 {float:right; margin-bottom:0; margin-top:15px;}
#ueber_uns #fliesstext {width:44%;}
#ueber_uns #bildspalte {width:508px; height:94%; float:right; position: relative;}
/*#ueber_uns #bildspalte {width:37%;height:94%;float:right;position: relative;}*/
#ueber_uns #bildspalte div.bildwrapper {height:45%; width:200px;}
#ueber_uns #bildspalte h2 {color:#606060; font-size:9px; position:absolute; bottom:0px; right:0px;}
#ueber_uns_Guenther {height:45%; float:left; position:relative; left:-45px; opacity:0.5;}
#ueber_uns_Susanne {height:45%; float:right;}
/*#ueber_uns_Susanne {height:100%;float:left;}*/
/*#ueber_uns_Marc {height:100%;float:left;} - alternativ für Bild ohne Link drauf*/
#ueber_uns_Marc {position:absolute; height:42.3%; top:49%; left:56.5%;}
/*#ueber_uns_Marc {position:absolute; height:42.3%;top:49%;left: 62.5%;}*/
/*#ueber_uns_Markus {height:100%;float:right;}*/
#statement #statement_bild {float:right; height:89%; width:610px}
#statement #statement_bild img {float:right; height:100%;}
#statement #statement_bild div {float:right; height:100%; width:140px; text-align:right; margin-right:10px;background-color:none;}
#statement #statement_bild h2 {font-size:9px;line-height:12px;}
#statement #statement_bild #btx_1 {position:relative; top:15px;}
#statement #statement_bild #btx_2 {position:relative; top:55px;}
#statement #statement_bild #btx_3 {position:relative; top:95px;}
#statement #statement_bild #btx_4 {position:relative; top:155px;}
#statement #statement_bild #btx_5 {position:relative; top:275px;}
#statement #statement_bild #btx_6 {position:relative; top:435px;}
.galerie #rechter_Teil {float:right;width:508px;height:100%;}
/*.architektur #rechter_Teil img {width:100%;}*/
.architektur #rechter_Teil img {position:absolute; width:508px;}
#grossbildvorschauvorschau {z-index:1; display:none;}
#grossbildvorschau {z-index:2; display:none;}
#grossbild {z-index:3;}
/*.galerie #rechter_Teil img {width:508px;}*/
/*.galerie #linker_Teil {position:relative;}*/
.galerie #linker_Teil {float:left;width:488px;height:100%; position: relative;}
.galerie #linker_Teil div.zeilen {height:134px; position:relative;} /*Standard ist 5 Zeilen*/
.galerie #linker_Teil div.durchschuss {height:5px;}
.galerie.vierzeilig #linker_Teil div.zeilen {height:158px;} /*in Gruppe_Paris_94 und Arch-Skizze genutzt*/
.galerie.vierzeilig #linker_Teil div.durchschuss {height:16px;}
.galerie.dreizeilig #linker_Teil div.zeilen {height:183px;} /*in Foto Natur-Architektur genutzt*/
.galerie.dreizeilig #linker_Teil div.durchschuss {height:49px;}
/*.galerie #linker_Teil .zeilen h2 {color:#606060; float:right; font-size:11px; position:relative; left:-15px; top:-4px; text-align:right; line-height:18px;}*/
.galerie #linker_Teil .zeilen h2 {color:#606060; font-size:11px; position:absolute; top:-4px; width:98%; text-align:right; line-height:18px;}
.galerie #linker_Teil .zeilen h2 span.grauer {color:#363636;}
.galerie #linker_Teil .zeilen h2.unterkante {top:102px;}
.galerie #linker_Teil .zeilen h2.mittig {top:50px;}
.galerie.vierzeilig #linker_Teil .zeilen h2.unterkante {top:126px;}
.galerie.vierzeilig #linker_Teil .zeilen h2.mittig {top:62px;}
.galerie.dreizeilig #linker_Teil .zeilen h2.unterkante {top:151px;}
.galerie.dreizeilig #linker_Teil .zeilen h2.mittig {top:75px;}
/* typische Höhe bei Bild 114px ist dann wie Zeile: 114 + 2*10 Ausgleich für Rahmen bei selektiert = 134px, vierzeilig 138+2*10=158px, dreizeilig 163+2*10=183px*/
.galerie #linker_Teil .bildcontainer a {position: relative; display:block;} /*für individuelle Verschiebungen, s.u.*/
.galerie #linker_Teil .bildcontainer img {padding:10px 9px;}
.galerie #linker_Teil .bildcontainer a.selektiert:hover {opacity:1;}
.galerie #linker_Teil .bildcontainer a.selektiert img {border: 1px solid #808080; padding:9px 8px;}
.architektur #linker_Teil .bildcontainer img {width: 81px;}
.architektur #linker_Teil .bildcontainer {display:block; float:left; height:100%; width:99px; margin-right:23px; position:relative; top:-10px; left:-9px;}
.architektur #linker_Teil div.zeilen {letter-spacing:20px;}
.architektur #linker_Teil div.zeile6,
.architektur #linker_Teil div.zeile7,
.architektur #linker_Teil div.zeile8,
.architektur #linker_Teil div.zeile9,
.architektur #linker_Teil div.zeile10,
.architektur #linker_Teil div.zeile11,
.architektur #linker_Teil div.zeile12,
.architektur #linker_Teil div.zeile13 {display: none; opacity: 0;}
.architektur #linker_Teil .zeilen div.spalte4,
.architektur #linker_Teil .zeilen div.spalte5,
.architektur #linker_Teil .zeilen div.spalte6,
.architektur #linker_Teil .zeilen div.spalte7,
.architektur #linker_Teil .zeilen div.spalte8,
.architektur #linker_Teil .zeilen div.spalte9 {display:none; opacity: 0;}
/* Sauberer aber noch nicht mit Rest kompatibel:
.architektur #linker_Teil div.zeilen {letter-spacing:20px; display:none; opacity: 0;}
.architektur #linker_Teil div.zeile1,
.architektur #linker_Teil div.zeile2,
.architektur #linker_Teil div.zeile3,
.architektur #linker_Teil div.zeile4,
.architektur #linker_Teil div.zeile5 {display: block; opacity: 1;}
.architektur #linker_Teil .zeilen div.bildcontainer{display:none; opacity: 0;}
.architektur #linker_Teil .zeilen div.spalte1,
.architektur #linker_Teil .zeilen div.spalte2,
.architektur #linker_Teil .zeilen div.spalte3 {display: block; opacity: 1;}
*/
/* Kunst: Noch alte Formatierung als Inline-Block!! */
.kunst #linker_Teil .bildcontainer {display:inline-block; width:134px; vertical-align:baseline; position:relative; top:-10px; left:-9px;} */
.kunst #linker_Teil div.zeilen {letter-spacing:5px;}
.kunst #kunstmenue {position: absolute; left:40px; bottom: 5%; width:448px;}
.kunst #kunstmenue ul {position:absolute; left:20px; bottom:5%;letter-spacing:10px;}
.kunst #kunstmenue li {font-size:15px;display:inline;}
.kunst #kunstmenue li.gewaehlt {color:#404040;}
.kunst #kunstmenue li a {color:#a0a0a0;}
.kunst #kunstmenue h1 {display:block;color:#606060;float:right;font-size:11px;position:relative;left:-15px;bottom:28px;}
.kunst #kunstmenue h1.hoeher {bottom:51px;}
.kunst #kunstmenue h1.tiefer {top:1px;}
/* SONDERBEHANDLUNG */
/*Kunst-Seiten Style-Guide generell: Bilder rechts max 508 breit, max 650 hoch. Bilder links max 114 x 114*/
/*Hohe Gebäude i. d. mittelalt. Stadt: Thumbnailformat schmal wie auf Architektur-Seiten: */
#Jordi_Foto_HoheGeb #linker_Teil .bildcontainer {width:99px;}
/*Zurück zur Architektur: Thumbnailformat Zeilen 3-5 schmaler: */
#Jordi_Zeichnung_ZurueckZurArchitektur.seite1 #linker_Teil #zeile1 {height:110px;}
#Jordi_Zeichnung_ZurueckZurArchitektur.seite1 #linker_Teil #zeile3 .bildcontainer img {width:92px;}
#Jordi_Zeichnung_ZurueckZurArchitektur.seite1 #linker_Teil #zeile4 .bildcontainer img {width:92px;}
#Jordi_Zeichnung_ZurueckZurArchitektur.seite1 #linker_Teil #zeile5 .bildcontainer img {width:92px;}
#Jordi_Zeichnung_ZurueckZurArchitektur.seite2 #linker_Teil .bildcontainer a {text-align: center;}
/*Bauplastik: Schmale Thumbnails und Text drin*/
#Jordi_Bauplastik #linker_Teil .bildcontainer {width:99px;}
#Jordi_Bauplastik #linker_Teil .bildcontainer a.selektiert img {border:1px solid black;opacity: 0.45;} /*Rahmen stören Text und Pfeile*/
#Jordi_Bauplastik #linker_Teil .bildcontainer.nurMitTextDrin {width:105px;}
#Jordi_Bauplastik #linker_Teil .bildcontainer.nurMitTextDrin div p{color:#707070;display: inline-block;vertical-align: top;}
#Jordi_Bauplastik #linker_Teil .bildcontainer.nurMitTextDrin div p span.dunkler {color:#404040;}
#Jordi_Bauplastik #linker_Teil .bildcontainer.nurMitTextDrin div p.text {font-size:9px;letter-spacing:0px;}
#Jordi_Bauplastik #linker_Teil .bildcontainer.nurMitTextDrin div p.pfeil {font-size:19px;}
#Jordi_Bauplastik #linker_Teil .bildcontainer.nurMitTextDrin .block0 {position: relative;left:245px;}
#Jordi_Bauplastik #linker_Teil .bildcontainer.nurMitTextDrin .block1 {position: relative;bottom:40px;}
#Jordi_Bauplastik #linker_Teil .bildcontainer.nurMitTextDrin .block2 {position: relative;top:5px;right: 68px;}
#Jordi_Bauplastik #linker_Teil .bildcontainer.nurMitTextDrin .block1 p.text {position: relative;top: 8px;}
#Jordi_Bauplastik #linker_Teil .bildcontainer.nurMitTextDrin .block2 p.text {position: relative;top:8px;left: 25px;}
/*Natur-Architektur (dreizeiliges Layout)*/
.kunst #linker_Teil a[href="Fot_170513_Arch_Nat_Pflanzlich_508.jpg"] {left:20px;bottom:42px;}
.kunst #linker_Teil a[href="Fot_170513_Arch_Nat_Fleischlich_508.jpg"] {left:20px;bottom:20px;}
.kunst #linker_Teil a[href="Fot_170513_Arch_Nat_Stein_508.jpg"] {left:32px;}
.kunst #linker_Teil a[href="Fot_170513_Arch_Nat_Struktur_508.jpg"] {left:32px;}
/*Skulptur*/
.kunst #linker_Teil a[href="Sku_170619_Kundheitsgrab_508.jpg"] {bottom:15px;}
.kunst #linker_Teil a[href="Sku_170519_Spolie_Bartetzko_508.jpg"] {left:180px;}
/*Akt*/
.kunst #linker_Teil a[href="Zei_00_Frau_von_hinten1_508.jpg"] {left:49px;}
.kunst #linker_Teil a[href="Zei_170408_Brueckenmann_508.jpg"] {left:20px;}
.kunst #linker_Teil a[href="Zei_00_Koerper_von_unten_508.jpg"] {top:30px;}
.kunst #linker_Teil a[href="Zei_00_Kommode_508.jpg"] {left:20px;top:30px;}
/*Häuser*/
.kunst #linker_Teil a[href="Zei_111114_gro_und_kl_Haeuser_508.jpg"] {left:39px;}
.kunst #linker_Teil a[href="Zei_11114_Haus_m_Blitzabl_508.jpg"] {left:10px;}
.kunst #linker_Teil a[href="Zei_111114_Kirche_508.jpg"] {left:37px;}
.kunst #linker_Teil a[href="Zei_111114_Struktur_Kirche_508.jpg"] {left:41px;}
.kunst #linker_Teil a[href="Zei_111114_Struktur_2_508.jpg"] {left:10px;}
/*Jäger und Beute*/
.kunst #linker_Teil a[href="Zei_170408_Doppelvogel_508.jpg"] {left:47px;}
.kunst #linker_Teil a[href="Zei_170408_Ziege_3_508.jpg"] {top:32px;}
.kunst #linker_Teil a[href="Zei_170408_Deutscher_Wald_508.jpg"] {left:15px;}
.kunst #linker_Teil a[href="Zei_170408_Ziege_2_508.jpg"] {bottom:32px;}
.kunst #linker_Teil a[href="Zei_170408_schlechter_Schlaf_508.jpg"] {left:15px;bottom:32px;}
/*Kohlezeichnung*/
.kunst #linker_Teil a[href="Zei_KoH_Holzkreuz_508.jpg"] {left:30px;}
.kunst #linker_Teil a[href="Zei_Dampfschiff_508.jpg"] {top:10px;}
.kunst #linker_Teil a[href="Zei_170620_fliehende_Kreuze_508.jpg"] {bottom:29px;}
.kunst #linker_Teil a[href="Zei_170630_Vaterkreuz_508.jpg"] {left:30px;}
.kunst #linker_Teil a[href="Zei_111114_Schiffleute_508.jpg"] {left:30px;}
/*Lebensweg*/
.kunst #linker_Teil a[href="Zei_160921_Flugzeug_508.jpg"] {bottom:33px;left:20px;}
.kunst #linker_Teil a[href="Zei_160921_Schmetterling_508.jpg"] {left:53px;}
.kunst #linker_Teil a[href="Zei_150321_Gottesacker_508.jpg"] {left:20px;}
.kunst #linker_Teil a[href="Zei_150321_Berglandschaft_508.jpg"] {bottom:15px;}
.kunst #linker_Teil a[href="Zei_150321_Weg_508.jpg"] {left:20px;bottom:15px;}
/*Mensch*/
.kunst #linker_Teil a[href="Zei_170408_Gesicht_Frau_508.jpg"] {bottom:32px;}
.kunst #linker_Teil a[href="Zei_170408_Kreuzschrift_508.jpg"] {left:49px;}
.kunst #linker_Teil a[href="Zei_170407_Tanzende_(Maria_Anzbach)_508.jpg"] {left:22px;}
.kunst #linker_Teil a[href="Zei_170408_Akt_1_508.jpg"] {top:17px;}
.kunst #linker_Teil a[href="Zei_00_Akt_2_508.jpg"] {top:17px;left:15px;}
.kunst #linker_Teil a[href="Zei_930404_schlafender_Mond_508.jpg"] {left:15px;}
/*Unklarheiten*/
.kunst #linker_Teil a[href="Zei_170430_Rauchfabrik_508.jpg"] {left:15px;}
.kunst #linker_Teil a[href="Zei_170430_Naehmaschine_508.jpg"] {bottom:33px;}
.kunst #linker_Teil a[href="Zei_170430_Papst_mit_Foetus_508.jpg"] {left:15px;}
.kunst #linker_Teil a[href="Zei_170430_Fischrobbe_508.jpg"] {left:108px;top:33px;}
.kunst #linker_Teil a[href="Zei_170430_Bulle_508.jpg"] {left:76px;top:10px;}
.kunst #linker_Teil a[href="Zei_170430_Alpenwelt_508.jpg"] {bottom:30px;}
/*Miniaturen - Style-Guide hier: Bilder rechts nur max 356px breit, links nur max 81px hoch (und max 114px breit wie üblich)*/
.kunst #linker_Teil a[href="Zei_170408_Miniatur_8_1_508.jpg"] {left:20px;}
.kunst #linker_Teil a[href="Zei_170408_Miniatur_9_1_508.jpg"] {bottom:11px;}
.kunst #linker_Teil a[href="Zei_170408_Miniatur_4_508.jpg"] {left:20px;}
.kunst #linker_Teil a[href="Zei_170430_Miniatur_13_1_508.jpg"] {bottom:10px;}
.kunst #linker_Teil a[href="Zei_170430_Miniatur_12_1_508.jpg"] {left:20px;}
.kunst #linker_Teil a[href="Zei_170430_Miniatur_14_1_508.jpg"] {left:20px;}
.kunst #linker_Teil a[href="Zei_170408_Miniatur_5_508.jpg"] {left:20px;bottom: 19px;}
/*Gruppe Paris 94 - 4zeiliges Layout. Style-Guide hier: Bilder rechts nur max 508px hoch (und max 508px breit wie üblich)*/
.kunst #linker_Teil a[href="Zei_170407_Paris_1_Bahnstrecke_508.jpg"] {left:40px;}
.kunst #linker_Teil a[href="Zei_170407_Paris_4_Kathedralenmann_508.jpg"] {left:40px;}
.kunst #linker_Teil a[href="Zei_170407_Paris_6_Tunnel_508.jpg"] {left:40px;}
/*Architekturzeichnung - Style-Guide hier: Bilder links nur max 90px hoch (und 114px breit wie üblich, Ausnahme xtrabreit)*/
.kunst #linker_Teil a[href="ArZ_170523_Anbau_Bischoff_Kopie_508.jpg"] {bottom:17px;}
.kunst #linker_Teil a[href="ArZ_170523_Ulm_508.jpg"] {left:20px;}
.kunst #linker_Teil a[href="ArZ_170523_Haus_Potsdam_508.jpg"] {bottom:9px;}
.kunst #linker_Teil a[href="ArZ_170523_Waisenstrasse_508.jpg"] {left:20px;}
.kunst #linker_Teil a[href="ArZ_170523_Insbruck_Rueckseite_508.jpg"] {bottom:19px;}
.kunst #linker_Teil a[href="ArZ_170523_Graues_Kloster_508.jpg"] {left:20px;}
.kunst #linker_Teil a[href="ArZ_170523_Zuerich_508.jpg"] {left:20px;}
/*Architekturskizze - 4zeiliges Layout*/
.kunst #linker_Teil a[href="ArS_170513_Hellerau_508.jpg"] {bottom:45px;}
.kunst #linker_Teil a[href="ArS_170523_Stadthaus_508.jpg"] {left:25px;}
.kunst #linker_Teil a[href="ArS_170523_Mit_11.01.02_Entw-Persp_508.jpg"] {bottom:20px;}
.kunst #linker_Teil a[href="ArS_170523_Kit_10.11.03_Kirche_508.jpg"] {left:25px;bottom: 20px;}
.kunst #linker_Teil a[href="ArS_170523_Rosette_508.jpg"] {left:25px;}
/* iPhone iPad usf. */
/* @media handheld {#media_inspector {z-index:2;}} _________AUSGELAGERT wegen schlechtem Media-Query Support bei Handhelds */
/* @media only screen and (max-device-width: 480px), only screen and (device-width: 768px) {} ____wäre iPhone und iPad exclusiv */
@media only screen and (max-device-width: 1024px) {
#media_inspector {z-index: 2;} /* Erzählt jk_startseite.js, dass es sich ums alternative CSS handelt */
#schriftzug:hover>#menuezeile {display:none;} /* Mouseover deaktivieren... */
#menuezeile>ul>li:hover ul{display:none;}
#menuezeile>ul>li>ul:hover {display:none;}
}