/* Style Sheet fuer phototautomat */
/* Copyright by Meike Jung, hexabinaer.de | Bearbeitung durch und fuer photoautomat.de genehmigt */

/* Benutzte Farben und Schriften
#250f0f	warmes schwarz      Seitenhintergrund, Mengentext
#ffffff	wei�           		Hintergrund Inhaltsbereich
#f9f5e8	rot				    Linkfarbe, rote Rahmen...
#9f2a18 dunkelrot			H3
#f89988 hellrot
(#4d5885	stahlgraublau	alternative Linkfarbe)

Verdana, Arial, Helvetica, sans-serif   */

body { overflow-y: scroll; }

body { margin: 10px; padding: 0; background-color: #000000; color: #000000;
	   font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; }

* html body { font-size: x-small; } /* Hack: Base-Font MSIE5/Win */
		  
/* Das Aussehen der Navigation wird ueber photnav.css geregelt */

/* Globale Layout-Elemente */

#layoutbox { margin: 0; padding: 0; min-height: 700px;}

#contentspace {
	margin: 1em 10px; 	padding: 0.25em 20px 20px 20px; z-index: 2; min-height: 500px; border: 0; background-color: #fff; }

#contentspace-pix /* speziell Gallerien - min-height auf 2000px, um JS-Hoppelei zu vermeiden */
 {	margin: 1em 10px; padding: 0.25em 20px 20px 20px; z-index: 2; min-height: 2000px; border: 0; background-color: #fff; }
 
#contentspace-places /* speziell Gallerien - min-height auf 2000px, um JS-Hoppelei zu vermeiden */
 {	margin: 1em 10px; padding: 0.25em 20px 20px 20px; z-index: 2; height: 1650px; border: 0; background-color: #ffffff; }

#contentspace-gal /* speziell Gallerien - min-height auf 850px, um JS-Hoppelei zu vermeiden */
 {	margin: 1em 10px; padding: 0.25em 0px 20px 0px; z-index: 2; min-height: 500px; border: 0; background-color: #000000; }

#contentspace-sto /* speziell Standorte - min-height auf 850px, um JS-Hoppelei zu vermeiden */
 { 	margin: 1em 10px; padding: 0.25em 20px 20px 20px; z-index: 2; min-height: 500px; border: 0; background-color: #fff; }

#contentspace-gesch /* speziell Geschichte, solange dort noch nix drin ist- height auf 1150px, um ueberlanges weiss zu verhindern */
 { 	margin: 1em 10px; padding: 0.25em 20px 20px 20px; z-index: 2; height: 1100px; border: 0; background-color: #fff; }

#contentspace-stoII /* speziell Standorte Automaten-Unterseiten */
{margin: 1em 10px; padding: 0.25em 20px 20px 20px; z-index: 2; min-height: 500px; border: 0; background-color: #fff; text-align:center;}

div.zweispaltig {width: 48%; float: left; text-align:left;background-color: #fff;}

div.zweispaltigLI {width: 47%; float: left; text-align:right;}

div.zweispaltigRE {width: 47%; float: left; text-align:left;}

div.zweispaltigMI {display: block; float: left; width: 6%; text-align:center;}

div.dreispaltig {width: 31%; float: left;}

.xspaltig {display: block; float: left;}

div.clearer {clear: both;float: none;} /* Bodenzeile bei mehrspaltigem Inhalt */

#footer {clear: both;float: none;padding-top: 0.2em;}


/* Standorte */

.StandortInfoUeschrift {
	margin: 0.5em 0 0; padding: 0;
	color: #000000;
	font-size: 1.5em;
	font-weight: normal;
	letter-spacing: 0em;
	}

.StandortInfo {
	margin: 0; padding: 0;
	color: #000000;
	font-size: 1em;
	font-weight: normal;
	letter-spacing: 0em;
	}

.Bildbeschriftung  {
	margin: 0.5em 0 0;
	font-style:normal;
	color:#000000; 
	font:georgia,serif; 
	font-size: 1em;
	}

.Photograph  {font-size: 0.8em; font-style:italic;}

.BildbeschriftungKlein {font-size: 0.8em;}

a.AutEinzLink {
	border: none;  
	background-color: #fff;
	color: #f13412;
	text-decoration: none;
	font-style:italic;
	}
    a.AutEinzLink:hover {
		background-color: #fff;
		text-decoration: underline;
		color: #f13412; }

a.LocationLink {
	border: none;  
	background-color: #fff;
	color: #f13412;
	text-decoration: none;
	font-weight:bold;
	}
    a.LocationLink:hover {
		background-color: #fff;
		text-decoration: underline;
		color: #f13412; }



a.StadtLink {
	border: none; 
	background-color: #ffffff;
	color: #9f2a18;
	text-decoration: none;
	font-weight:bold;
	}
    a.StadtLink:hover {
		background-color: #ffffff;
		text-decoration: underline;
		color: #9f2a18; }



.AutomatenInfo {
	border: none;  
	background-color: #fff;
	color: #f13412;
	text-decoration: none;
	font-style:italic;
	}


/* Text-Formatierungen */

/* 1 Angabe = alle 4 Ränder gleich */ 
/* 2 Angaben = 1. oben/unten, 2. rechts/links */
/* 3 Angaben = 1. oben, 2. rechts/links, 3. für unten */
/* 4 Angaben = 1. oben, 2. rechts, 3. unten, 4. links */

h1 { display: none; margin: 0 0 0.4em; padding: 1em 0 0; color: #654f4f;
	font-size: 1em; font-weight: normal; letter-spacing: 0.2em; text-transform: uppercase; }

h2 { margin: 0 0 1em; padding: 0.5em 0 0; color: #250f0f;
	font-size: 1.5em; font-weight: normal; letter-spacing: 0em; }
    
h2.schmal { padding: 1em 0 0; margin: 0 0 0 0;}
	
h2.gallerano { padding: 1em 0 1em; margin: 0 0 0 0; color: #CCCCCC;}

h2.starter { padding: 1em 0 0;}
	
h2.diesdas { font-size: 2.5em; text-decoration:underline;}

h2 a { color: #8B8B83; font-weight: normal; letter-spacing: 0em; text-decoration:none;}

h2 a:hover { color: #250f0f; text-decoration:underline;}

h3 { margin: 0em 0 0.1em; border-bottom: 0; font-size: 1em; font-weight: bold; color: #9f2a18; }

h3.zwischenueberschrift { color: #000; }

h6 { margin: 0em 0 0.5em; border-bottom: 0; font-size: 1em; font-weight: bold; color: #9f2a18; }

h6.zwischenueberschrift { color: #000; }
  
h6.zwischenueberschrift.fullname { font-size: 0.7em; font-weight: bold; }






p {
	margin: 0 0 0.5em;    /*   0 oben, 0 links/recht, 0.5em unten   */
	padding: 0 2em 0 0;   /*   0 oben, 2em rechts, 0 unten, 0 links   */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	}


	p.intro {
		margin: 0 0 1.5em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-style: normal;
		font-weight: normal;
		}

	p.footer {
		padding-left: 10px;
		font-size: xx-small;
		color: #654f4f;
		}

ul {
	margin: 1em;
	padding: 0;
	list-style-type: square;
	}

li {
	margin: 0.2em 0.5em;
	padding: 0em 0.5em;
	font-size: 1em;
	}

b {
	font-weight: bold;
	}

a { color: #0000FF; border: none; }

a:hover { color: #CC0000; border: none; }

a.inner {
	text-decoration: underline;
	}
	a.inner:hover {
		text-decoration: underline;
		background-color: #f13412;
		}
	a.inner img {
		border: 0;
		}

a.image {
	border: 0;
	text-decoration: none;
	}
	
a img { border : 0 none; }

a.invisalink {
	color: #000;
	text-decoration: none;
	}
	a.invisalink:hover {
		color: #4d5885;
		}
		

.mini {
	margin: 0;
	font-size: xx-small;
	}

.abstaender {
	margin: 0;
	font-size: 23px;
	}

.minimalst {
	margin: 0;
	font-size: 1px;
	}

hr {  	
   width: 100%;
   color: #000000;
   align: center;  
   }


/* Bild-Formatierungen */

#AutomatenLeiste { 
   position:relative;
   left:-6px;
   align:left; 
   overflow:hidden;
   }
   
 .KleinAutomatenLeiste { 
   position:relative;
   left:-6px;
   align:left; 
   overflow:hidden;
   }

#Ueberflussbild1 { 
   align:center; 
   overflow:hidden;
   } 

.Rechtsruecker25  {
  position:relative; 
  right:-25px;
}

.Linksruecker25  {
  position:relative; 
  left:-25px;
}

.Rechtsruecker45  {
  position:relative; 
  right:-35px;
}

.Linksruecker45  {
  position:relative; 
  left:-35px;
}

.Rechtsruecker15  {
  position:relative; 
  right:-15px;
}

/* SPEZIELLE STYLES FUER EINZELSEITEN */


/* Stories */

img.videopic { padding: 0 1em 0 0; }


/* Vermietung */

div.drittelspaltig { width: 30%; float: left; }
div.zweidrittelspaltig { width: 69%; float: right; text-align: right; }
img.vermietung { text-align: right; margin: 0 10px 0 5px; }


/* Presse */

div.einfuenftelspaltig { width: 27%; float: left; }
div.vierfuenftelspaltig { width: 72%; float: right; text-align: left; }

.WienArtikel { width: 100%; float: left; text-align:right; }

img.presseartikel { text-align: left; margin: 0 265px 0 0px; }

div.pressethumb { display: block; float: left; margin: 1em 2em 0 0; padding: 4px; border: 1px solid #ccc; }
div.pressethumb a { border: 0; color: #000; text-decoration: none; }
div.pressethumb a:hover { color: #FF0000; }
div.pressethumb img { border: 0; text: center; }
div.pressethumb p { margin: 0; padding: 0.25em 0 0; font-size: 0.8em; }



a.backlink {
	display: block;
	width: 13em;
	margin: 1em 0;
	padding: 0.25em 0.4em;
	border: 1px solid #f13412;
	background-color: #fff;
	color: #f13412;
	font-weight: bold;
	text-decoration: none;
         }

	a.backlink:hover {
		background-color: #f13412;
		color: #fff;
		}

a.presselink {
	display: block;
	width: 13em;
	margin: 1em 0;
	padding: 0.25em 0.4em;
	border: 1px solid #009900;
	background-color: #fff;
	color: #009900;
	font-weight: bold;
	text-decoration: none;
         }

	a.presselink:hover {
		background-color: #009900;
		color: #FF0000;
		}

/* London Art */

a.Artlink { color: #FF0000; text-decoration: none; font-weight: bold; 
            font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; }
a.Artlink:hover { text-decoration: underline; }

/* Galerie */

#galerie { width: 99%; overflow: scroll; white-space: nowrap; padding: 0.5em 0; background-color: #fff;	}

#galerie img { margin: 0 8px 0 0; border:0px solid #000; }

p.galerieinfo { margin: 0 0 0.4em; padding: 1em 0 0; color: #654f4f; 
                font-size: 1em; font-weight: normal; letter-spacing: 0.1em; text-transform: none; }

.galerielink { margin: 0 8px 0 0; border:0px solid #000; height: 500px; width: 96px; }




/* Startseite */

#startlayoutposition {
	width: 100%;
	text-align: center;
}
#startlayoutbox-border {
	
	width: 670px;
	margin:auto;
}
#startlayoutbox {
	display: inline;
	margin: 0;
	padding: 0;
	width: 670px;
	}
	#startlayoutbox tr td {
		white-space: nowrap;
		text-align: center;
		text-decoration: none;
		}
	#startlayoutbox img {
		margin: 0 0 8px;
		}
	#startlayoutbox a img {
		margin: 0 3px 0 2px;
		border: 2px solid #000;
		width: 82px;
		height: 415px;
		text-decoration: none;
		}
		#startlayoutbox a img:hover {
			border-color: #f13412;
			}

	#startlayoutbox td.preisinfo {
		padding: 0.5em 6px;
		text-align: right;
		}
		.preis1 {
		        color: #f13412;
		        font-size: 1.2em;
		        }
		.preis2 {
		        color: #fff;
	          font-size: 1.1em;
		        }

/* Standorte */

img.standortkarte {
	z-index: 40;
	margin: 10px 0;
	}

/* Verschiebung (leicht nach oben) des Adressblocks rechts neben der Berlinkarte über die letzten 3 Zeilen */
/* Der z-index setzt den Adressblock hoffentlich über die Karte, falls das Browserfenster zu klein sein sollte?? */

#nonJSadressblock {
	display: block;
	float: right;
	padding: 1em;
	position: relative;
	top:-20px;
	left:-35px;
	z-index:41;
	}


/* InlineElemente innerhalb der Aufklapp-Fenster zu den Punkten auf der Berlinkarte */
/* oepnv blaue Farbe, open kleinere Schrift und Ausrichtung rechts  */

.gemittelt { text-align: center;	}

.dreizeiler { position: relative; bottom:5px; left:1px; }

.vierzeiler { position: relative; bottom:-3px; left:1px; }


.oepnv { font-weight: bold; color: steelblue; }

.InfoAktuell { font-weight: bold; font-style:italic; color: #000000; background-color: #FFFF00;}
.InfoAktuell3 { font-weight: bold; font-style:italic; color: #000000; background-color:#00FF00;}

.InfoAktuell2 { font-weight: bold; font-style:italic; color: #FF0000;}

.open { font-weight: normal; font-style:italic; color: #9f2a18; font-size:smaller;
	text-align:right; position: relative; bottom:12px; right:4px; }

.oeffnungszeiten { font-weight: normal; color: #9f2a18; }

#dhtmlgoodies_tooltip {
	background-color: #fff;
	border: 1px solid #ddd;
	position: absolute;
	display: none;
	z-index: 20000;
	padding: 4px;
	font-size: 0.9em;
	/*		-moz-border-radius: 6px;	/* Rounded edges in Firefox */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

	#dhtmlgoodies_tooltip img {
		margin-bottom: 0.5em;
		}

#dhtmlgoodies_tooltipShadow {
	position: absolute;
	background-color: #600;
	display: none;
	z-index: 10000;
	opacity: 0.2;
	filter: alpha(opacity=20);
	-khtml-opacity: 0.2;
	-moz-opacity: 0.2;
	/*	-moz-border-radius: 6px;	/* Rounded edges in Firefox */
	}

.adresse { margin: 0 2em 0.5em 0; clear: right; }


/* Platzhalter-Seiten ("Baustelle") */

.platzhalter { text-align: center; overflow:hidden; }


/* E-Mail schuetzen */
.emailconcealer:before { 
	content: "@";
	margin: 0;
	padding: 0; 
	}
.emailalttext {
	voice-family: "\"}"\""; /* IE5-Hack */
	voice-family: inherit;
	display: none; /* wird von allen Browsern auszer Explorer interpretiert */
	}


/* Dies&Das  */

.Blaeulich {color: #3513c9; }
.Angegelbt {color: #f3ec20; }
.Gruenlich {color: #14530d; }
.Lilafarben {color: #c112aa; }
.Roetlich {color: #ff0000; background-color: #FFCC00;}


/* Dies&Das, untere Abteilung mit Blogs etc.  */

.DDWebFundKastenRot {
	display: block; width: 98%; align: left;
	margin: 1px 0px;       /*   1px oben/unten 0px rechts/links   */
	padding: 3px 5px;      /*   3px oben/unten 5px rechts/links   */
	border: 3px double #FFCC00; 	background-color: #ff0000; 	color: #00000;  }
	 
.DDWebFundKastenRot a { font-size:  1.2em; font-weight: 600; color: #FFCC00; text-decoration:none;}
.DDWebFundKastenRot a:hover { text-decoration:underline;}


.DDWebFundKastenBlau {
	display: block; width: 98%; align: left;
	margin: 1px 0px;       /*   1px oben/unten 0px rechts/links   */
	padding: 3px 5px;      /*   3px oben/unten 5px rechts/links   */
	border: 3px groove #04262d; 	background-color: #30cef0; 	color: #00000;  }
	 
.DDWebFundKastenBlau a { font-size:  1.2em; font-weight: 600; color: #04262d; text-decoration:none;}
.DDWebFundKastenBlau a:hover { text-decoration:underline;}


.DDWebFundKastenGruen {
	display: block; width: 98%; align: left;
	margin: 1px 0px;       /*   1px oben/unten 0px rechts/links   */
	padding: 3px 5px;      /*   3px oben/unten 5px rechts/links   */
	border: 3px ridge #052e10; 	background-color: #39ef6d; 	color: #000000;  }
	 
.DDWebFundKastenGruen a { font-size:  1.2em; font-weight: 600; color: #052e10; text-decoration:none;}
.DDWebFundKastenGruen a:hover { text-decoration:underline;}


/* Dummy, not in use anymore  */

.DDWebFundKasten { display: block; width: 98%; align: left;
	margin: 1px 0px;       /*   1px oben/unten 0px rechts/links   */
	padding: 3px 5px;      /*   3px oben/unten 5px rechts/links   */
	border: 4px ridge #000000; background-color: #1eb1f5; color: #000000; }
 
.DDWebFundKasten a { font-size:  1.2em; font-weight: 600;  text-decoration:none;}
.DDWebFundKasten a:hover { text-decoration:underline;}