/*
  Author:   Michael Daum
  Company:  webdaum webdesign
  Web Site: www.webdaum.de
  Email:    webdesign@webdaum.de
  Comments: © 2005, Michael Daum
html * {
 border:1px solid #f00
}
*/
body  {
 color:#fff; font-size:9pt;
 background:#999 url(../img/nav_bg.gif) -5px 0 repeat-y;
 margin:0;
 font-family:Arial,Verdana,Trebuchet MS,Helvetiva,Geneva,sans-serif;
 }
.layout {
 width:80%;
}
#kopf {
 text-align:center;
}
#navi {
 position:fixed;
 bottom:0;
 right:0;
 width:100%;
}
#navi ul {
 list-style:none;
 margin:0;
 padding:0;
 }
#navi li {
 width:16%;
 float:left;
 text-align:center;
}
#navi td {
 width:16%;
 height:10px;
 text-align:center;
 z-index:1;
}
#navi li a, #navi li a:visited, #navi li a:active, #navi li a:hover {
 font-family:Arial,Verdana,Trebuchet MS,Helvetiva,Geneva,sans-serif; 
 color:#fff;
 text-decoration:none;
 margin:0;
 padding:0;
 display:block;
 height:20px;
 background-color:transparent;
 border-bottom:10px solid #7f7f7f;
}
#navi td a, #navi td a:visited, #navi td a:active, #navi td a:hover {
 font-family:Arial,Verdana,Trebuchet MS,Helvetiva,Geneva,sans-serif; 
 color:#fff;
 text-decoration:none;
 font-size:18px;
 font-weight:normal;
 height:20px;
 text-align:center;
 margin:0;
 padding:0;
 background-color:transparent;
 z-index:1;
 position:relative;
 top:6px;
}

#navi a span {
 position:relative;
 top:5px;
 font-size:16px;
 font-weight:bold;
 text-align:center;
}
li#galerie a:hover { border-bottom:10px solid #cc9;
}
li#aktuell a:hover { border-bottom:10px solid #9cf;
}
li#malerei a:hover { border-bottom:10px solid #9cc;
}
li#skulptur a:hover { border-bottom:10px solid #c4edd8;
}
li#grafik a:hover { border-bottom:10px solid #ccc;
}
li#kontakt a:hover { border-bottom:10px solid #fa9e26;
}

/* Nur IE  < 7*/

		* html, * html body 
		{
			overflow:hidden;
			bottom:0;
			height:100%;
		}
		* html #navi, * html #menu
	  { /* Eigenschaft "fixed" im IE ueberschreiben */
			 position:absolute;
		} 
		* html #navi ul
		{
			height:100%;
			position:static;
		}
		* html #inhalt 
		{
			position:absolute;
			top:0; bottom:0; left:0; right:0;
			padding-left:140px; 
			height:100%;
			width:100%;
			overflow:auto;
			margin:0;
		}

/* Sonderanweisungen IE Ende */

#menu {
 position:fixed;
 top:0;
 left:0;
 border-left:6px solid #cc9;
 height:350px;
 width:120px;
 padding-top:41px;
 text-align:right;
}

#menu a,
.active { /* Menu Links */
 font-family:Arial,Verdana,Trebuchet MS,Helvetiva,Geneva,sans-serif;
 background-repeat:no-repeat;
 font-size:9pt;
 text-align:right;
 padding-right:10px;
 background-position:right;
 width:100px;  /* Breite der Menuleiste links hier einstellen (firefox!) */
}
#menu a:link,
#menu a:visited {
 display:block;
 padding-top:1px;
 padding-left:10px;
 padding-bottom:5px;
 color:#fff;
 margin:0;
}
#menu ul { /* Submenu */
 line-height:8pt; 
 display:block; 
 margin:0;
 padding:10px 0 10px 0;
 border-bottom:1px solid #ccc;
 background:#999;
}
#menu ul li { 
 list-style-type:none; 
 display:block;
 margin:0;
 padding:0;
}
#menu ul li a {/* Submenu Links */
 padding-bottom:0px;
 font-size:8pt;
 text-align:left;
 background-position:left;
}
#inhalt {
 position:absolute;
 top:0px;
 left:140px;
 right:0;
 z-index:0;
 padding-bottom:60px;
}
#galeriekopf {
 background:url(../img/emersacker2.GIF) no-repeat;
 width:498px;
 height:60px;
 margin:0;
 margin-bottom:10px;
}

#galeriekopf a {
 width:498px;
 height:60px;
 display:block;
}

#galeriekopf span, #icon span {
  position:absolute;
  width:100px;
  margin-left:-5000px;
}

#icon {
 background:url(../img/icon/galerie_icon.gif) top left no-repeat;
 width:80px;
 height:80px;
 padding:0;
 margin-top:0;
 margin-right:10px;
 margin-bottom:15px;
 margin-left:32px;
 display:block;
}

#icon a, #icon a.active {
 width:80px;
 height:80px;
 display:block;
 background-image:none;
}

#menu #icon a  {  /* den Pfeil beim Domain-Ikon unterdrücken */
 background:none;
}

#menu #icon a:hover, #menu #icon a.active:hover {
 background:url(../img/icon/aktiv/galerie_icon.gif) top left no-repeat;
}

#inhalt td {
 vertical-align:top;
}

#buehne {
 background-color:#ccc;
 padding:20px 0 0 70px;
 background:#ccc url(../deutsch/galerie/img/haus.gif) bottom left no-repeat;
}

#foyer {
 padding:40px 0 40px 70px;
 min-height:250px;
 height:auto !important;
 height:250px;
 background:url(../deutsch/galerie/img/kuenstler.gif) top left no-repeat;
 clear:left;
}

.navi_bg,
.navi-bg {
 background-color:#7f7f7f;
}

a:link {
 color:#fff;
 text-decoration:none;
}
a:visited {
 color:#c0c0c0;
 text-decoration:none;
}
a:active {
 color:#cc9;
 text-decoration:none;
}
a:hover {
 color:#fff;
 text-decoration:none;
}
.titel {
 clear:both;
 border:1px solid;
 padding:0 0 2px 10px;
 font-size:18pt;
 margin:0;
 margin-bottom:20px;
 height:32px;
 font-family:Trebuchet MS,Helvetiva,Geneva,Verdana,Arial,sans-serif;
 /*font-weight:bold;*/
}
* html .titel {
 height:36px;  /* für IE 4px höher (padding 2px, border 2px zu height:32px addieren) */
}
.titel img {
 position:relative;
 top:4px;
}
em { 
 color: #fff;
}
img { 
 border:0;
}
button {
 color:#000; font-size:10pt; width:200px;
}
i {
 font-size:9pt; color:#fff; font-family:Arial,sans-serif;
}
 
h1, h2, h3, h4, h5, h6 {
 font-family:Trebuchet MS,Helvetiva,Geneva,Verdana,Arial,sans-serif;
 clear:both;
}
 
h1 {
 font-size:14pt;
 font-weight:normal;
}

h1.aufgrau {
 color:#999;
 font-size:20pt; 
 padding-left:10px;
 margin:0 10px 0 10px;
}

h2 {
 color:#ccc;
 padding:0 0 1px 10px;
 font-size:14pt;
 background-color:#999;
 width:70%;
}

h3 {
 color:#999;
 margin-left:10px;
 font-size:12pt;
 padding:25px;
}
h4 {
 font-size:11pt;
}
h5 {
 font-size:10pt;
}
h6 {
 font-size:9pt;
}

p, ul, ol, li, div, td, th, address, blockquote, b, i, nobr  {
 font-size:9pt;
 font-family:Arial,Verdana,Trebuchet MS,Helvetiva,Geneva,sans-serif;
}

 
p.impressum {
 font-size:8pt;
 padding:0;
 margin:0;
 display:inline;
} 
p.update {
 color:#ccc;
 font-size:8pt;
 margin-left:50px;
 padding:0; 
 display:inline;
}

/* Sonderformate "aktuell" */

/* Bildcontainer Guss */
div.left {
 float:left;
 margin-right:20px;
 margin-left:35px;
 margin-bottom:15px;
 width:160px;
}
div.right {
 float:right;
 margin-left:20px;
 margin-right:10px;
 margin-bottom:15px;
 width:160px;
}
div.left i,
div.right i {
 margin-top:10px;
 display:block;
 text-align:justify;
}


p.topline {
 margin:50px 50px 5px 35px;
 border-width:1px 0 0 0;
 border-style:solid;
 padding-top:2px;
 border-color:#999;
 text-align:center;
}
p.baseline {
 margin:5px 50px 0 0;
 border-width:0 0 1px 0;
 border-style:solid;
 padding-bottom:2px;
 border-color:#999;
 text-align:right;
}
p.bildrechts {
 width:200px;
 padding:25px;
}
p.breit {
 width:70%;
 color:#000;
 font-size:10pt; 
 margin:0 10px 5px 10px;
 text-align:justify;
 padding-left:25px;
 padding-right:50px;
}
.info { /* Artikel Startseite Teaser Header */
 padding:15px 0 0 25px;
 background-color:#e5e5e5;
 color:#000;
 font-size:9pt;
 margin:0 0 0 35px;
 text-align:justify;
}
.infobox img { /* Artikel Startseite Teaser-Bild */
 margin:0 20px 10px 0;
 float:left;
}
.infobox { /* Artikel Startseite Teaser TextBox */
 color:#000;
 padding:25px 35px 35px 25px;
 background-color:#e5e5e5;
 font-size:9pt;
 margin:0 0 5px 35px;
 text-align:justify;
}
#inhalt .infobox a.aufgrau:link,
#inhalt .infobox a.aufgrau:visited,
#inhalt .infobox a.aufgrau:hover { /* Artikel Startseite Teaser-Text-Link */
 color:#000;
 text-decoration:none;
}


blockquote, cite {
 font-style:italic;
}

/******** Sonderformate Malerei, Skulptur, sculture di cera *******************/

.info-karte {
 position:absolute;
 left:15px;
 top:160px;
 text-align:left;
}

.gedicht {                    /* sculture di cera */
 position:absolute;
 right:15px;
 top:160px;
 text-align:right;
}


.info-karte h4,
.info-karte p,
.info-karte dt,
.info-karte dd  {
 margin:0;
 padding:0;
 font:normal 8pt Trebuchet MS,Helvetiva,Arial,Geneva;
 color:#eee;
 border:0;
}
.info-karte p,
.info-karte dd  {
 color:#999;
 margin-bottom:4px;
}

#passepartout,
.passepartout {
 padding-top:20px;
 background:#ccc;
 padding-bottom:100%; 
 text-align:center; /* zentriert Bild etc. im IE */
}

#passepartout img,
.passepartout img,
#passepartout .gedicht { /* zentriert OP, NS, etc.*/
 margin-left:auto;
 margin-right:auto;
 display:block;
}