/*
  Author:   Michael Daum
  Company:  webdaum webdesign
  Web Site: www.webdaum.de
  Email:    webdesign@webdaum.de
  Comments: © 2005, Michael Daum

*/
body, table, a, td, p, h1, h2, h3, h4, h5, h6, span, b, i, u, li {
 font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;
}

body, table, a, td, p, span, b, i, u, li {
 font-size:8pt;
}
body {
 background:#fff;
}

h4 {
 font-size:12px;
}

a:link {
 text-decoration:none;
 color:#690;
}
a:active, a:visited {
 text-decoration:none;
 color:#393;
}
a:hover {
 text-decoration:none;
 color:#9c0;
}
/*a:link span, a:visited span {
	display:none;
  }

a:hover span {
 position:absolute;
 top:250px;
 display:block;
 width:22px;
 height:22px;
 background:url(../images/lupe.gif);
}
*/
img {
 border:0;
}
ul li {
 list-style-type:square;
 color:#690;
}
#kopfzeile {
 height:120px; /* vorher: 60px */
 width:400px;
}
#kopfzeile h1 a, #kopfzeile h1, #kopfzeile h3 {
 font-size:32px;
 color:#690; /*#9c0 Gruene Farbe*/
 margin:0;
 padding:0;
 font-weight:normal;
}
#kopfzeile h1 big {
 font-size:40px;
}
#kopfzeile h1 em {
 color:#f30;
 font-size:14px;
 font-style:normal;
 font-weight:bold;
}
#kopfzeile h3 {
 font-size:12px;
 position:relative;
 top:-8px;
 margin-left:60px;
 font-weight:bold;
}
#container .grau  {
 background-color:#e5e5e5;
 width:140px;
 height:140px;
}
#container .inhalt p.grau {
color:#999;
background-color:transparent;
width:auto;
height:auto;
}
#logo p, .blocksatz {
 display:block;
 text-align:justify;
 font-size:12pt;
 padding:0;
 margin:0;
}
#menu, #logo  {
 background-color:#f30; /* Rote Farbe */
 text-align:right;
 width:140px;
 height:140px;
}

#logo {
 background-color:#99cc00;
 text-align:left;
 color:#fff;
 width:140px;
 height:140px;
}

#menu a:link, #menu a:visited {
 margin-left:66px;
 width:70px;
 display:block;
 text-align:right;
 padding:2px;
 color:#fff;
 font-size:12px;
 font-weight:bold;
 background-color:#f30;
 text-decoration:none;
}

#menu a:active, #menu a:hover, #menu a.active:link, #menu a.active:visited  {
 margin-left:66px;
 width:70px;
 display:block;
 text-align:right;
 padding:2px;
 color:#fff;
 font-size:12px;
 font-weight:bold;
 background-color:#9c0; /*#690 Gruene Farbe*/
 text-decoration:none;
}

#submenu a:link, #submenu a:visited {
 width:112px;
 display:block;
 text-align:center;
 padding:1px 0 1px 0;
 color:#fff;
 font-size:10px;
 font-weight:bold;
 background-color:#ccc; /*#690 Grau*/
 text-decoration:none;
 float:left;
}

#submenu a:active, #submenu a:hover, #submenu a.active:link, #submenu a.active:visited  {
 width:112px;
 display:block;
 text-align:center;
 padding:1px 0 1px 0;
 color:#fff;
 font-size:10px;
 font-weight:bold;
 background-color:#999;
 text-decoration:none;
 float:left;
}

#R_und_H {
 margin-bottom:5px;
}

#R_und_H a:link, #R_und_H a:visited, #R_und_H a:active, #R_und_H a:hover {
 font-size:14px;
}
#R_und_H a.r_h_active:active, #R_und_H a.r_h_active:hover {
 font-size:14px;
}
#menu a.r_h_active:link, #menu a.r_h_active:visited {
 background-color:#9c0;
}
#logo h1 {
 padding:30px 5px 0 5px;
 margin:0;
 font-size:38px;
}

#logo h2, h3 {
 font-size:14px;
 margin:0;
 padding:0 5px 0 5px;
}
#logo h4 {
 font-size:22px;
 margin:0;
 padding:5px 5px 0 5px;
 font-weight:normal;
}
/* Sonderformate */
.inhalt, #lebenslauf, #submenu, div.content-left {
 width:566px;
 text-align:left;
 margin-top:5px
}
#submenu { /* Preislisten Untermenu, Link auf Preisliste Seite */
 text-align:center;
 padding-bottom:15px;
}
#lebenslauf td {
 vertical-align:top;
 padding-left:0;
}
#lebenslauf h3 {
 font-size:14px;
 margin:0;
 padding:15px 0 10px 0 ;
}
.im_shop .shop td {
 background-color:#999;
 padding-left:10px;
 padding-bottom:0;
}
span.c4 {
 color: #FF0000 /* rote Schrift Telefonkreuzchen */
}
td.c1 {
 color:#fff;
}
.im_shop td, .im_shop a {
 font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;
}
.im_shop td {
 padding-bottom:20px;
}
form .im_shop td {
 padding-bottom:0;
}
.farbzeile {
  background-color:#eee; /* Formular Zeilenhervorhebung */
}
td.beschreibung {  /* Schmucktitel und Schmuckbeschreibung auf Bilderseiten */
 height:60px;
}
/* Ausstellung im Stadtbad 2007 
#stadtbad * {
 border:1px solid #f00;
}*/

#stadtbad {
 width:568px;
 text-align:left;
}
#stadtbad h2 {
 font-weight:normal;
 font-size:18pt;
 float:left;
 display:inline;
 text-align:right;
 margin:0 0 40px 0;
}
#stadtbad dfn {
 letter-spacing:2px;
 float:left;
 font-style:normal;
 margin-left:10px;
 padding-top:35px;
}
#stadtbad br {
 clear:left;
}
#stadtbad img {
 margin-bottom:40px;
}
#stadtbad a#ausstellung  {
 position:relative;
 display:block;
}
#stadtbad a#ausstellung span {
 position:absolute;
 top:20px;
 right:20px;
 display:none;
 font-size:2em;
 width:300px;
 height:400px;
 text-align:right;
}
#stadtbad a#ausstellung:hover span {
 color:#fff;
 font-size:2em;
 font-weight:bold;
 display:block;
}

/* Mach's mit dem IE6 */

* html #stadtbad a#ausstellung span {
 display:inline;
 color:#666;
 padding-right:50px;
}
#stadtbad strong,
#stadtbad h2 small {
 color:#066;
 font-weight:normal;
 font-size:14pt;
 padding-left:40px;
}
#stadtbad h2 small {
 display:block;
}
#stadtbad p em,
#stadtbad p a {
 color:#f30;
 font-style:normal;
 font-weight:bold;
}
#stadtbad p  {
 margin-left:20px;
}
tr#high td {
 height:187px;
}

/* Karten Layout */
div.karte {
width:566px;
border-bottom:1px solid #000;
margin-bottom:10px;
padding-bottom:10px;
}
div.inhalt div.left {
width:450px;
float:left;
}
div.inhalt div.right {
float:right;
}