/*
Okay, this could have been more graceful but remember we've had only 2 days
*/

/* tags */
body {
 background-color:#EDEAD9;
 color:#3e414e;
 text-align:center;
 margin:0px;
 padding:0px;
 font-family:verdana,sans-serif;
 font-size:11px;
 line-height:185%;
 letter-spacing:5%; 
 background-image:url(images/bodybg.gif);
 background-repeat:no-repeat;
 background-position:50% 20px;
}

table,tr,td {
 vertical-align:top;
}

p {
 margin-bottom:1em;
}

strong {
 font-weight:bold;
}

h1 {
 font-size:16px;
 font-weight:bold;
 color:#cc0000;
 margin-bottom:20px;
}

h2 {
 font-size:16px;
  font-weight:bold;
 color:#cc0000;
 margin-bottom:20px;
}

a {
 text-decoration:none;
 color:#3e414e; 
}


a:hover {
 color:#cc000c;
 text-decoration:underline; 
}

/* general layout */
#layout-main {
 width:980px;
 margin:0px auto;
 text-align:left; 
 background-position:0px 20px;
 background-repeat:no-repeat;
}
#meta-l {
 width:730px;
 height:20px;
 background-color:#EDEAD9; 
}
#meta-r {
 width:250px;
 height:20px;
 background-color:#B7BAB5;
}
#header-l {
 width:730px;
 height:245px; 
}
#header-r {
 width:250px;
 height:245px; 

}
#mc-l {
 width:730px;
 height:385px;
 background-color:#fff;
}

#mc-r {
 width:250px;
 min-height:385px;
 background-color:#B7BAB5; 
}

/* meta navigation at the top (deutsch|english|impressum) */

#metanavi {
 width:730px;
}
#metanavi-r {
 text-align:right;
 padding-right:10px;
}

#metanavi td a, #metanavi td img {
 margin:7px 0px 0px 0px;
}

/* main navigation at the right */

ul#mainnavi {
 margin:25px 0px 0px 25px;
}

ul#mainnavi li {
 margin:0px 0px 10px 0px;
}

ul#mainnavi li.unterlaenge {
 margin:0px 0px 4px 0px;
}



/* content pane with height and background-color*/
.contentpane {
 background-color:#fff;
 min-height:700px;
}

.contentpane .header  {
 padding:20px 0px 0px 40px;
}

.contentpane td {
 padding:0px 40px 20px 40px;
}



/* 
  content layout table with 2 columns
  used on the home page
  content layout table with 1 columns
  used on impressum
  
*/

.twocoltable,onecoltable {
 line-height:185%;
 letter-spacing:5%;
 border-collapse:collapse;
 width:100%;
 background-color:#F6F4EC;
}

.twocoltable-r {
 padding-left:20px;
 width:50%;
}

.twocoltable-l {
 padding-right:18px;
 width:50%; 
}

/* Öffnungszeiten */
.twocoltable-oeffnungszeiten {
 line-height:185%;
 letter-spacing:5%;
 border-collapse:collapse;
 width:100%;
 background-color:#fff;
}

.twocoltable-oeffnungszeiten td.twocoltable-r, .twocoltable-oeffnungszeiten td.twocoltable-l {
 padding-top:20px;
}


/* Link Page */
.twocoltable-links {
 line-height:185%;
 letter-spacing:5%;
 border-collapse:collapse;
 width:100%;
 background-color:#fff;
}

table.twocoltable-links td.twocoltable-links-r {
 padding:20px;
 text-align:left; 
 vertical-align:bottom;
 width:65%;
}

table.twocoltable-links td.twocoltable-links-l {
 padding:20px;
 text-align:right;
 vertical-align:bottom; 
 width:35%;
}

/* Künstler */

#kuenstler {
 line-height:185%;
 letter-spacing:5%;
}

.kuenstler-l {
 padding:20px 120px 20px 40px;
}

.kuenstler-r {
 vertical-align:bottom;
 padding:20px 40px 20px 20px; 
}

/* Unterseiten Bausteine */

.twocoltable-baustein {
 line-height:185%;
 letter-spacing:5%;
 border-collapse:collapse;
 background-color:#F6F4EC;
 width:100%;
}

table.twocoltable-baustein td.twocoltable-baustein-l {
 padding:20px 40px 20px 40px;
 width:100px;
}

table.twocoltable-baustein td.twocoltable-baustein-r {
 padding:20px 40px 20px 0px;
}

/* Kästchen-Navigation */

#baustein-navi {
 width:80px;
}


/* subnavigation Künstler/artists */

ul#kuenstlernavi {
 background-color:#000066
 list-style-type:none;
 padding:20px 0px 20px 0px;
}

ul#kuenstlernavi li {
 list-style-type:none;
 display:inline;
}

ul#kuenstlernavi li a {
 padding:0px 15px; 15px 0px;
}

/* The table on the home page with linked logos */
table#logos td {
 width:720px;
 padding:20px 10px 10px 0px;
 text-align:right;
 line-height:185%;
 letter-spacing:5%; 
}

table#logos td img {
 margin-left:25px;
}


/* Uhm, special margins for some headlines requested by the client */

#anschrift {
 margin-top:20px;
}

#eintritt {
 margin-top:20px;
}