html {
background-image: url("../images/stripe.png");
color: #951600;
font-family: Helvetica,Arial,sans-serif;
}
body {
  margin: 50px auto;
  width: 900px;
}
img {
z-index: 100;
border: none
}
a {
background: url(../images/arrow_out_top_right.gif) no-repeat right center;
padding-right:8px;
color:#951600
}

.column a {
background: none
}
#nav a, .menuelement a, .menuelementactive a {
background:none;
padding-left:0px
}

a#video {
  float: left;
  margin: 10px 10px 0 0;
}

.yoxview a {
  background: none;
  padding-right: 0px;
}

#maincontent #fronttext p {
  padding:20px 0 0 20px;
}

#main {
width: 900px;
margin: 50px 50px 50px 0;
}
#maincontent {
background-color: #fef390;
#padding-bottom: 30px
}
#maincontent h1,h2,h4 {
color: #951600;
text-align: center;
margin: 0 0 0 20px
}
#maincontent h2 {
font-size: 22px;
margin-bottom: 0;
padding-top: 20px
}
#maincontent p {
margin: 0;
padding: 20px 130px 0 20px;
#padding-right:0
}
#kasper {
background-image: url("../images/kasper2.gif");
width: 199px;
height: 268px;
position: absolute;
z-index: 50;
margin: -50px 0 0 730px;
#margin:-10px 0 0 730px
}
#menu {
font-size: 12px;
float: right;
margin-top: 15px;
#margin-top:55px;
width: 90px
}
#menucontent {
background-color: #ffda7f;
color: #951600;
line-height: 30px;
margin: 0;
padding: 100px 0 30px;
display: block
}
.Preise {
margin-left: 20px
}
.menuelement,.menuelementactive {
padding-left: 10px;
text-align: center;
color: #951600
}
.menuelementactive {
background-color: #be3c00
}
.menuelement:hover,.menuelementactive:hover {
background-color: #388f62
}
#image {
float: right;
padding: 20px 40px 0 30px
}
#text a {
text-decoration: none;
color: #388f62
}
#text b {
margin: 0
}
#text {
#width:790px;
min-height: 450px
}
#text h3,#text span,#text dl {
#margin:0;
padding-left: 20px;
width: 100%;
#width:350px
}
#text h3 {
font-size: 150%
}
#text a img {
margin: 0;
padding: 0
}
#text big {
font-weight: 700;
line-height: 40px
}
#nav {
margin-top: 45px;
margin-bottom: 10px;
background-color: #ffda7f;
width: 90%;
#width:100%;
padding: 5px
}
#nav span {
width: 100%
}
#impressum {
text-align: center;
width: 800px
}
#impressum ol,#impressum span {
text-align: left
}
#impressum span {
float: left
}
.footer {
text-align: center;
margin: 0;
padding: 0
}
.footer a {
color: #fef390
}
span#date  {
  padding-left: 0px;
}
.summary,.location {
display: none
}
#fronttext {
text-align: justify;
#padding-bottom:30px;
width: 750px;
}
h5 {
  font-size: 20px;
}
a:link,a:visited,a:active {
text-decoration: none
}
.menuelement a {
color: #be3c00;
font-size: 12px;
#font-size: 14px;
}
#text a:hover {
text-decoration: underline;
color: #388f62
}
.menuelement:hover a,.menuelementactive a {
color: #ffae00;
font-size: 12px
#font-size: 14px
}
#bigger,.dtstart,.dtend {
font-weight:bold
}
.rtop,.rbottom {
display: block
}
.rtop *,.rbottom * {
display: block;
height: 1px;
overflow: hidden
}
.r1 {
margin: 0 5px
}
.r2 {
margin: 0 3px
}
.r4 {
height: 2px;
margin: 0 1px
}
.rs2 {
margin: 0 1px
}
.r3,.rs1 {
margin: 0 2px
}
#download {
position: relative;
top:-20px;
left:-20px;
width: 0;
float: left;
background: none;
z-index: 1000
}
.long_text p {
text-align: justify
}
.long_text {
padding-bottom:20px
}
.column {
display: inline;
height: 100%;
vertical-align: middle
}
#sponsoren {
width: 85%;
#width: 95%;
margin: 0px 20px 0px 0px;
padding-bottom: 30px
}
.row {
height: 200px;
padding-left:20px
}
.column {
display: inline-table
}
#sponsoren div.column a {
display: block;
#display: inline;
height: 200px;
line-height: 200px
}
#sponsoren div.column a img {
vertical-align: middle
}
#main_sponsors {
width: 610px;
text-align: left
}
#main_sponsors span {
font-size: 10px;
padding: 0;
display: inline;
width: 150px
}
#main_sponsors #sponsoren .row {
height: 100px
}
#main_sponsors #sponsoren .column {
vertical-align: bottom
}
#main_sponsors #sponsoren div.column a {
height: 100px;
line-height: 100px
}
#main_sponsors #sponsoren div.column a img {
vertical-align: top
}
p#pBottom {
  padding-top: 0px;
}

.big_text {
  font-size: 20px;
  font-weight: bold;
}

#next_head {
  margin-bottom: 10px;
  padding-top: 20px;
}

#next_head, .next_item {
  display: block;
}

#fest_row {
  padding-left:0px;
}

#fotoleiste {
  padding-top: 20px;
}

.contact {
  padding: 20px 0px 10px 0px;
}

.contact_group {
  margin-bottom: 20px;
}

.contact span {
  display: block;
}

.contact_title {
  font-weight: bold;
  text-decoration: underline;
}

#dasfest {
  width: 520px;
  #width: 320px;
}

#contact_column {
  
}

.fest_column {
  width: 400px;
  #width: 350px;
  float: left;
}

#contact_column {
  width: 350px;
  margin-left: 20px;
}

.galerie_column {
  border: 10px solid #ffda7f;
  #border: 10px solid #fff;
  width: 140;
  height: 80px;
}

.galerie_row {
  margin-bottom: 5px;
  height: 150px;
}


#mediaspace {
  margin-bottom:20px;
  padding-right:100px;
  margin-top:20px;
  width:288px;
  float: right;
}

.player {
  background-repeat: no-repeat;
}

#splash {
  background: url("../movie/hotel_restaurant_gasthof_baerenfels_video_puppentheaterfest_preview.jpg") no-repeat;
  height: 211px;
  width: 288px;
}

.player img {
  margin-top: 150px;
}

.galerie_column a {
  padding-right: 0px;
}


#playLogo {
  display: block;
  position: relative;
  top: 100px;
  left: 0px;
  height: 256px;
  width: 256px;
  background: url("../movie/play.png") no-repeat;
  
}

#splash:hover #playLogo {
  background: url("../movie/play_white.png") no-repeat;
}

#player {
  background: none;
}

.location {
  
}



.inline {
  display: inline;
}

#programm {
  width: 750px;
  margin-left: 20px;
}

.day_descr label {
  font-size: 1.5em;
  font-weight: bold;
}

.day {
  margin-bottom: 20px;
}

.event {
  margin-top: 20px;
}

.time {
  font-size: 1.1em;
  font-weight: bold;
}

.title {
  font-weight: bold;
  font-size: 1.1em;
}

.stage, .artist {
  font-size: 0.9em;
}

.age {
  font-size: 0.8em;
}

#legal {
  font-size: 0.8em;
}

#sp_logos {
  margin-left: 70px;
}

#sp_logos div.row {
  height: 150px;
  
}

#sponsoren_logos{
  width: 740px;
  height: 500px;
  margin-left: 43px;
}

#sponsoren_logos div.sp_column {
  float: left;
  margin: 15px;
} 

.box {
  background-color: #FFDA7F;
  padding: 5px;
  font-size: 0.8em;
  margin-bottom: 10px;
  
}

.box p {
  padding: 0px;
  
}