/* Angelegt als Kopie von artibeauprint: 11:50 21.08.2013 */
/* Funktioniert NICHT, da wie auf 
http://aktuell.de.selfhtml.org/artikel/css/mobile-endgeraete/ beschrieben, 
der Android-Browser die Angabe handheld ignoriert.
*/
/* 
Es ist NICHT möglich, die Bildergallerie für den Druck durch Neudefinitionn der DIV zu verschieben!
The browser’s print function doesn’t consider the floating Highslide popup as part of the page. 
The screen and a printed page behave differently.
You can’t correct this using CSS for print.
http://highslide.com/forum/viewtopic.php?f=1&t=10445&p=47514&hilit=css+for+print#p47514
*/

/* Erforderliche Aenderungen im Quelltext:
08.06.2011
<span class="noprint"><a href="http://m.osmtools.de/0RYXo34P1pF0Ra4N34Pnd4" target=osmap>Position in Karte zeigen (Neues Fenster).</a></span>
<span class="noprint"><a href='2230.htm'>...vorheriges</a> | <a href="javascript:history.back()">zur&uuml;ck</a> | <a href='2450.htm'>n&auml;chstes...</a></span>
*/

/* Samrtphones drehen automatisch */
/* @page { size:landscape } */

body { 
   background-image : none; /* Keins */
   background-position : left 0px; 
   background-color : white; /* white */
 } 
a:link { 
   Color : MidnightBlue; 
   Text-decoration : none; 
 } 
a:visited { 
   Color : #666699; /* Blue Grey */
   Text-decoration : none; 
 } 

a[class]:after { /* nur Highslide */
 content:"";
 Color : white; 
} 

div.nav { /* Linke Randspalte Navigation*/
   position : Absolute; 
   z-index : 1; 
   left : 0px; 
   width : 0px; 
   top : 0px; 
   padding : 0px; 
   color : white; 
   visibility : hidden; /* Raum bleibt, weiß */
   overflow : hidden; 
 } 

div.ueber1 { /* Überschrift vor main auf Hintergrund linksbündig */
   position : Absolute; 
   z-index : 1; 
   left  : 0px; 
   width : 0px; 
   top   : 0px; 
   padding : 0px; 
 } 

div.ueber2 { /* Suche und "Nächstes" oben rechts, Suchformular und Nächstes. Formular liegt immer on top. */
/* wie beseitigt man die Überlagerung von ueber1 und ueber2? Durch Angabe von right und left und min-width */
   position : absolute; 
   z-index : 2; /* muss unter div.next liegen */
   right : 10px; 
   left : 210px; 
   max-width : 210px;
   min-width : 130px; 
   top : 40px; 
   text-align : right; 
   color : white; 
/*   border : 1px solid white; */
   } 

div.unter { /* artibeau */
display: none;
}

div.main { /*Container für fliesstext und unten */
   position : absolute; 
   z-index : 1; 
   top   : 0px; /* 15px 140px*/
   left  : 0px; 
} 
div.fliesstext { /* Kind von main Weisser Hintergrund */
   position : static; 
   z-index : 20; 
   width : auto; /* 400px; wie gallery-area */
   max-width : 400px; /* wie gallery-area */
   font-family : Arial, Helvetica, sans-serif; 
   font-size : 12px; 
   padding : 10px; 
   visibility : visible; 
   overflow : visible; 
   background-color : white; 
   margin-top   : 5px; /* neu 9.3.2012 verhindert Überdeckung von 'nächstes' bei schmalem Fenster */
   margin-right : 10px; 
} 
 
/*<div id="gallery-area" style="width: 550px; height: 380px; margin: 0; padding: 0; border: 0px; overflow: hidden;">*/
/* entscheidend sind die Maße in highslide-customizing.js bzw. highslide-customizing-mobile.js */
#gallery-area {
   position : relative; 
   width:   400px; 
   height:  300px; 
   margin:  0px; 
   padding: 0px; 
   border:  0px; 
   overflow: hidden;
}   

div.chronologie { /* Nicht für Smartphones */
   display: none;
   position : absolute; 
   z-index : 3; 
   top : 0px; /* unterhalb Bilder beginnen */
   left : 0px; 
   width : 0px; /* Feste Breite, kein Zeilenumbruch */
   max-width : 0px; /* Feste Breite, kein Zeilenumbruch */
   padding : 10px; 
   overflow : visible; 
   font-family : Arial, Helvetica, sans-serif; 
   font-size : 10px; 
   color : black; 
   text-align : left; 
 } 
div.unter { /* für Claim unten, jetzt als H1 */
   position : static; 
   z-index : 10; 
   height : 0px; 
   margin-top : 0em; 
   margin-left : 0px; 
} 

/* mit <span class=nofocus> aktivieren: in div back und next keine gepunkteten Rahmen für Focus zeigen */
.nofocus a:active, a:focus {outline: none}

/* Zum Blättern am linken und rechten Rand 200 Pixel Grafik mit href auf Vorgänger/Nachfolger */
div.back { 
   position : absolute; 
   z-index : 99; 
   top : 0px; 
   left : 0px; 
   visibility : hidden; 
   overflow : hidden; 
 } 
div.next { 
   position : absolute; 
   z-index : 99; 
   top : 0px; 
   right : 0px; 
   visibility : hidden; 
   overflow : hidden; 
 } 

span.noprint{
display: normal; /* none; */
}