body {
 background:#666 url(/bilder/bg.gif) fixed;
 font-family:Arial,sans-serif;
 font-size:13px;
 }

h1 {
 font-size:22px;
 font-weight:normal;
 color:black
 }

h2 {
 font-size:14px
 }

#layout {
 margin:auto;
 width:908px;
 border-collapse:collapse;
 background:#808284;
 border:1px solid black
 }

#layout td {
 vertical-align:top;
 border:none;
 margin:0;
 padding:0;
 }

/* ----- Navigation --- */

 #layout #navigation {
 width:202px;
 background:rgb(204,204,204)
 }

#navigation ul {
 list-style-type:none;
 margin:0;
 margin-top:40px;
 padding:0;
 width:207px;
 }

#navigation li {
 border-bottom:1px dotted #666;
 }

#navigation a {
 text-decoration:none;
 display:block;
 width:197px;
 padding:3px 5px;
 color:black
 }

#navigation address a {
 padding:0
 }

#navigation .ad a {
 width:141px;
 padding:0;
 margin:auto
 }

#navigation a:hover {
 background:#F7C906;
 color:black;
 }

#navigation fieldset {
 margin-right:20px
 }

#navigation input {
 width:140px
 }

#navigation .subnav {
 margin-left:30px;
 list-style-type:square;
 margin-top:0
 }
#navigation .subnav li {
 border-bottom:none
 }
#navigation .subnav a {
 width:138px;
 font-size:12px
 }

#navigation h3 {
 margin-left:10px
 }

/* -- Highlights -- */

.highlights {
 border-collapse:collapse;
 border:none;
 padding:0;
 margin:0;
 margin-right:65px
 }


.highlights td {
 text-align:center;
 padding:10px;
 vertical-align:middle
 }

.highlights h2 {
 color:#FFDD00;
 font-size:22px
 }


#layout .text {
 background:/* #BCD85F */ white;
 color:black;
 border-right:none;
 border-bottom:none;
 padding:10px;
 padding-top:21px;
 width:706px;
 }

#layout .text p,
#layout .text ul {
  line-height:3ex
 }

#spalte_rechts {
 float:right;
 width:306px;
 margin-left:10px;
 margin-top:-21px;
 background:black;
 color:white;
 }

#kuenstlerbild {
 text-align:center;
 border:3px solid black
 }

#spalte_rechts a { color:#F7C500}


div#col1 {
 height:20px;
 border-bottom:1px solid white;
 width:581px;
 background:#666;
 float:left
 }

div#topnav {
 border-right:1px solid white;
 border-left:1px solid white;
 border-bottom:1px solid white;
 background:#666;
 color:white;
 font-size:11px;
 text-align:right;
 word-spacing:5px;
 height:15px;
 padding-top:5px;
 width:300px;
 float:left;
 }

div#topnav a {
 color:white;
 text-decoration:none;
 }

div#topnav a:hover {
 text-decoration:underline
 }

div.col3 {
 border-bottom:1px solid white;
 height:20px;
 width:20px;
 float:left;
 background:#666;
 }

#bigimg {
 clear:left;
 float:right;
 border-left:1px solid white;
 border-right:1px solid white;
 border-bottom:1px solid white;
 background:url(/bilder/jak.gif) no-repeat #F7C906;
 overflow:hide
 }

#yellowbar {
 height:20px;
 background-color:#F7C906;
 width:570px
 }

.content {
  margin-right:20px;
  background:#ddd;
  }

.preview {
 float:left;
 width:140px;
 border:1px solid silver;
 margin-bottom:10px;
 text-align:center;
 background:black;
 color:white;
 min-height:160px;
 }

.thumb0 {
  margin-right:10px;
  }

.preview a {
 text-decoration:none;
 color:white
 }

.preview a:hover {
 color:#F7C500;
 text-decoration:underline
 }

.preview table {
 border-collapse:collapse
 }
#layout .previewimage {
 vertical-align:bottom;
 padding:0;
 height:160px;
 text-align:center
 }
#layout .previewtext {
 vertical-align:middle;
 padding:0;
 height:60px
 }


address#fusszeile {
 text-align:center;
 border-bottom:1px solid white;
 border-top:1px solid silver;
 font-style:normal;
 font-size:11px;
 background:#F7C906;
 height:17px;
 padding-top:2px
 }

address#fusszeile a {
 color:black;
 text-decoration:none;
 }

address#fusszeile a:hover {
 text-decoration:underline
 }

#foot {
 clear:left;
 width:882px;
 height:20px;
 border-right:1px solid white;
 background:#666;
 }

table#programm {
  border-collapse:collapse;
  }

#programm td {
 padding:5px;
 border:1px solid silver;
 background:white
 }

#navigation fieldset {
 margin:20px 10px 10px 10px;
 padding:5px;
 width:150px
 }

legend {
  color:black
  }

#navigation select {
 float:left
 }


.noscreen {
 display:none;
 }

dt, dd {
 margin:0;
 padding:0
 }

.programmliste {
 margin-right:65px
 }
.programmliste dt { font-weight:bold; }
.programmliste dd { margin-bottom:30px }

dl.veranstaltungen dt { float:left;}
dl.veranstaltungen dd { line-height:3ex; margin-left:100px }

.oeffnungszeiten td { padding:3px }


#layout .warenkorb {
 border-collapse:collapse
 }

#layout .warenkorb td {
 background:white;
 border:1px solid silver;
 padding:3px;
 color:black
 }

#layout .warenkorb th {
 text-align:left;
 border:1px solid silver;
 padding:3px
 }

.zahl {
 text-align:right
 }

.mustfield {
 color:red
 }

#layout .kontaktformular {
 border-collapse:collapse;
 }

#spalte_rechts .kontaktformular td {
 padding:3px
 }

#spalte_rechts .kontaktformular {
 border-collapse:collapse;
 margin:10px
 }

#spalte_rechts h2,
#spalte_rechts p {
 margin-left:10px;
 margin-right:10px
 }

#layout .kontaktformular td {
 padding:3px;
 font-size:11px
 }

#layout .kontaktformular td input {
 width:150px
 }
div.adresse {
 margin-right:10px;
 float:left;
 width:200px;
 height:200px
 }



h1 a {
 color:black;
 text-decoration:none
 }

legend {
 font-weight:bold
 }

#begruessung td {
 font-size:16px;
 padding:0;
 height:20px
 }
#begruessung th {
 font-size:26px;
 padding:0;
 height:40px
 }

.portrait {
 float:right;
 margin-right:200px;
 margin-left:20px
 }

#layout .details {
 color:black;
 font-weight:bold;
 padding-left:10px;
 font-size:14px
 }

.vvk {
 float:left;
 margin-right:15px;
 }

.ad {
 margin:10px
 }

#fahrplan dt { font-weight:bold; }
#fahrplan dd { margin-bottom:10px; padding-left:20px }