body { font: 11px/18px arial,helvetica,sans-serif; }

body { background-color: #592A0C;  color: #592A0C; margin: 0; background-repeat: no-repeat; }


#navi { width: 200px; }

#navi a { display: block; }

#navi img {  }
img { isibility: hidden; }

a { position: relative; z-index: 1; color: red; text-decoration: none; }
a:hover { text-decoration: underline; }

img#logo_towercafe { position: absolute; left: 574px; top: 13px; width: 149px; height: 161px; }
img#margin { position: absolute; left: 0px; top: 815px; width: 1px; height: 1px; }       
span { background-color: yellow; height: 24px; font: 12px arial; }

#navi { ackground-color: #fff; position: absolute; }

#content { width: 300px; padding: 24px; margin: 0; background-image: url("images/white75.png"); }
#border_top    { width: 348px; height: 24px; background-image: url("images/border75_top.png");  }
#border_bottom { width: 348px; height: 24px; background-image: url("images/border75_bottom.png"); margin-bottom: 24px; }

#navi { left: 20px; top: 500px; }
#posbox { position: absolute; left: 400px; top: 213px;  }

#main {  height: 816px;   }

body.start              { background-image: url("images/backgrounds/start.jpg"); }
body.kalender           { background-image: url("images/backgrounds/kalender.jpg"); }
body.profil             { background-image: url("images/backgrounds/profil.jpg"); }
body.gastronomie        { background-image: url("images/backgrounds/gastronomie.jpg"); }
body.anmieten           { background-image: url("images/backgrounds/anmieten.jpg"); }
body.qualifizierung     { background-image: url("images/backgrounds/qualifizierung.jpg"); }
body.kontakt            { background-image: url("images/backgrounds/kontakt.jpg"); }
body.partner_referenzen { background-image: url("images/backgrounds/partner_referenzen.jpg"); }
body.bildergalerien     { background-image: url("images/backgrounds/bildergalerien.jpg"); }
body.galerie            { background-image: url("images/backgrounds/bildergalerien.jpg"); }
body.impressum          { background-image: url("images/backgrounds/impressum.jpg"); }


body.kalender #content div.text { margin-top: 0px; margin-bottom: 18px; }

body.bildergalerien #content { width: 348px; padding: 0px; background-image: none; ackground-color: orange; }
body.bildergalerien #border_top    { background-image: none  }
body.bildergalerien #border_bottom { background-image: none  }

body.galerie #content { width: 324px; padding: 12px; }

p { margin: 0; }

/* Navi */
a.button { position: absolute; left: 24px; width: 150px; height: 18px; display: block;  }
a.button img { border: 0; width: 150px; height: 18px; }
a.button:hover img { background-image: url("images/underline_white.png");background-position: 0 100%; background-repeat: repeat-x;  }

a#home      { position: absolute; left: 560px; top: 5px; width: 180px; height: 180px; display: block; background-image: url("images/x.gif"); }
a#werkstatt { position: absolute; left:  24px; top: 780px; width: 224px; height: 32px; display: block; background-image: url("images/x.gif"); }
img.trenner { width: 210px; height: 56px; }
img.werkstatt_frankfurt { width: 218px; height: 26px; }


a.kalender { top: 121px; }
a.kalender img { height: 36px; }
a.kalender img { width: 67px; }

a.profil { top: 210px;  }
a.profil img { width: 42px; }
a.gastronomie { top: 228px;  }
a.gastronomie img { width: 92px; }
a.anmieten { top: 246px;  }
a.anmieten img { width: 67px; }
a.qualifizierung { top: 264px;  }
a.qualifizierung img { width: 105px; }
a.kontakt { top: 300px; }
a.kontakt img { width: 57px; }

a.partner_referenzen { top: 612px; }
a.partner_referenzen img { width: 147px; }
a.bildergalerien { top: 630px; }
a.bildergalerien img { width: 101px; }
a.impressum {top: 666px;  }
a.impressum img { width: 78px; }



/* Kalender */
div.wrapper { width: 100%; overflow: hidden; }
img.monat { width: 204px; height: 18px; display: block; margin-bottom: 24px; }
img.tag { width: 30px; height: 24px; }
img.veranstaltungsart { width: 240px; height: 24px; margin-left: -8px; }
img.headline { width: 210px; height: 24px; display: block; }

span.tag { overflow: hidden; padding: 2px; width: 26px; height: 20px; font: bold 16px arial,sans-serif; float: left; background: yellow; display: block; text-transform: uppercase; }
span.veranstaltungsart { height: 20px; padding: 2px 0 2px 6px; background: none; display: block; float: left; font: bold 16px georgia; font-style: italic;  }

/* Startseite */
div#home { clear: both; }
img#home_kalendar { width: 168px; height: 28px; }

#home_oeffnen,#galerie_zurueck { display: block; float: right;  margin: 6px 14px 0px 0px; }
#home_oeffnen img { width: 54px; height: 18px; border: 0; }
#galerie_zurueck img { width: 150px; height: 18px; border: 0; }
#home_oeffnen:hover img,
#galerie_zurueck:hover img 
 { background-image: url("images/underline_red.png");background-position: 0 100%; background-repeat: repeat-x;  }

img.home_monat { width: 168px; height: 28px; display: block; }
img.m01 { width: 89px; }
img.m02 { width: 98px; }
img.m03 { width: 62px; }
img.m04 { width: 62px; }
img.m05 { width: 45px; }
img.m06 { width: 54px; }
img.m07 { width: 46px; }
img.m08 { width: 83px; }
img.m09 { width: 126px; }
img.m10 { width: 97px; }
img.m11 { width: 119px; }
img.m12 { width: 118px; }

/* Bildergalerien */

img.thumb { width: 118px; height: 88px; border: 1px solid #fff; margin: 0px 12px 12px 0px; float: left; }
img.big { margin-bottom: 12px; }
div.thumbtext { width: 184px; height: 58px; background-color: #fff; padding: 16px; margin-bottom: 12px; float: left; }