
#outerframe {
  width: 800px ;
  margin-left: auto ;
  margin-right: auto ;
  position: relative;
  top: -10px;
  left: auto;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: small;
}

#outerframe a:link, a:active, a:visited {
  text-decoration: none;
  border: 0px;
  font-family: Helvetica, Arial, Verdana, sans-serif ;
}

#outerframe a:hover {
  text-decoration: underline;
}

#headerlogo {
  position: relative;
  top:0px; 
  width:800px;
  height:85px; 
  -webkit-box-shadow: 3px 3px 5px #736F6E;
  -moz-box-shadow: 3px 3px 5px #736F6E;
  box-shadow: 3px 3px 5px #736F6E ;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, Strength=4, Direction=135);
}

.menue_fill_top {
  width: 400px ;
  height: 10px ;
  font-family: Helvetica, Arial, Verdana, sans-serif ;
  position: float;
}

.menue_fill {
  width: 400px ;
  height: 10px ; 
  font-family: Helvetica, Arial, Verdana, sans-serif ;
  float: right;
  position: float;
}

#middle {
  width: 800px ;
}

#menue_top {
  background-color: black ;
  width: 785px ;
  margin-top: 10px ;
  margin-right: 0px ;
  color: white ;
  font-size: medium;
  border-width: 5px;
  border-style: solid;
  border-color: black;
  font-weight: bold;
  height: 20px;
  padding-left: 5px;
  font-family: Helvetica, Arial, Verdana, sans-serif ;
  -webkit-box-shadow: 3px 3px 5px #736F6E;
  -moz-box-shadow: 3px 3px 5px #736F6E;
  box-shadow: 3px 3px 5px #736F6E; 
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, Strength=4, Direction=135);
  -ms-filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, Strength=4, Direction=135);
}

#menue_top a:visited { color: white; text-decoration: none; }
#menue_top a:active { color: white; text-decoration: none; }
#menue_top a:link { color: white; text-decoration: none; }
#menue_top a:hover { color: white; text-decoration: underline ; }

#menue_top_active {
  color: #a7549f;
}


#pfeil {
  position: absolute;
  top: 80px;
}

#pfeilh {
  position: relative;
  left: -5px;
}

#month_logo {
  position: absolute;
  top: 0px;
  left: 405px;
  font-family: Helvetica, Arial, Verdana, sans-serif ;
}

a.left_link { text-decoration: none; color: white; background: url("http://www.kreativfabrik-wiesbaden.de/images/pfeil_link_weiss.png") left no-repeat; vertical-align: middle; text-align: left; border: 0px; padding-left: 10px; }
a.left_link:hover { text-decoration: underline; }

a.klink:link { text-decoration: none; font-weight: bold; color: orange; text-decoration: none; background: white url("http://www.kreativfabrik-wiesbaden.de/images/pfeil_link_orange.png") left no-repeat; text-align: left; border: 0px; padding-left: 10px; } 
a.klink:visited { text-decoration: none; font-weight: bold; color: orange; text-decoration: none; background: white url("http://www.kreativfabrik-wiesbaden.de/images/pfeil_link_orange.png") left no-repeat; text-align: left; border: 0px; padding-left: 10px; } 

a.ilink { border-width: 0px; text-decoration: none; clear: both; }


#content {
  width: 560px ;
  background-color: white ;
  float: right;
  border-width: 10px;
  border-color: white;
  border-style:solid;
  font-family: Helvetica, Arial, Verdana, sans-serif ;
  -webkit-box-shadow: 3px 3px 5px #736F6E;
  -moz-box-shadow: 3px 3px 5px #736F6E;
  box-shadow: 3px 3px 5px #736F6E; 
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, Strength=4, Direction=135);
  -ms-filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, Strength=4, Direction=135);
}

#footer {
/*  width: 800px ; */
  background-color: white;
  height: 20px;
  clear: both;
  border-width: 2px;
  border-style:solid;
  border-color: white;
  font-family: Helvetica, Arial, Verdana, sans-serif ;
  -webkit-box-shadow: 3px 3px 5px #736F6E;
  -moz-box-shadow: 3px 3px 5px #736F6E;
  box-shadow: 3px 3px 5px #736F6E; 
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, Strength=4, Direction=135);
  -ms-filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, Strength=4, Direction=135);
}

#heading {
  text-align: right;
}

.program_right {
  width: 200px ;
  float: right ;
  color: black; 
  font-family: Helvetica, Arial, Verdana, sans-serif ;
}

.program_right_container {
  width: 200px ;
  float: right ;
  background-color: white;
  color: black; 
  font-family: Helvetica, Arial, Verdana, sans-serif ;
  -webkit-box-shadow: 3px 3px 5px #736F6E;
  -moz-box-shadow: 3px 3px 5px #736F6E;
  box-shadow: 3px 3px 5px #736F6E; 
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, Strength=4, Direction=135);
  -ms-filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, Strength=4, Direction=135);
}


.program_right_header {
  background-color: #a7549f;
  color: white;
  font-weight: bold;
  height: 16px;
  text-transform: uppercase;
  padding-left: 8px;
  border-color: #a7549f;
  border-style: solid;
  border-width: 2px;
}

.program_right_trailer {
  background-color: #a7549f;
  height: 10px;
}
.program_right_item {
  border-style: solid;
  border-color: white; 
  border-width: 10px;
  width: 180px;
  background-color: white; 
  color: black;
  font-family: Helvetica, Arial, Verdana, sans-serif ;
}
.program_right_date {
  font-weight: bold;
  font-family: Helvetica, Arial, Verdana, sans-serif ;
}
.program_right_name {
  color: orange;
  font-weight:bold;
  text-transform: uppercase;
  font-family: Helvetica, Arial, Verdana, sans-serif ;
}
.program_right_desc {
  font-family: Helvetica, Arial, Verdana, sans-serif ;
}
.program_right_fill {
  clear: both;
  height: 10px;
}

#left_menue {
  width: 200px ;
  float: left ;
  font-family: Helvetica, Arial, Verdana, sans-serif ;
  -webkit-box-shadow: 3px 3px 5px #736F6E;
  -moz-box-shadow: 3px 3px 5px #736F6E;
  box-shadow: 3px 3px 5px #736F6E; 
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, Strength=4, Direction=135);
  -ms-filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, Strength=4, Direction=135);
}

.left_menue_item {
  width: 190px;
  height: 20px;
  background-color: black; 
  color: white;
  font-family: Helvetica, Arial, Verdana, sans-serif ;
  padding-left: 10px;
  padding-top: 2px;
}

.left_menue_item_sel {
  width: 190px ;
  height: 20px; 
  background-color: #a7549f;
  color: white; 
  font-family: Helvetica, Arial, Verdana, sans-serif ;
  padding-left: 10px;
  padding-top: 2px;
}

.left_menue_fill {
  width: 200px;
  height: 20px;
  background-color: black; 
  font-family: Helvetica, Arial, Verdana, sans-serif ;
  opacity: 0.45;
  filter:alpha(opacity=45);
  -moz-opacity: 0.45;
}

.program_teaser {
  width: 590px ;
  background-color: white ;
  float: left;
  border-width: 0px;
  border-color: white;
  border-style:solid;
  font-family: Helvetica, Arial, Verdana, sans-serif ;
  -webkit-box-shadow: 3px 3px 5px #736F6E;
  -moz-box-shadow: 3px 3px 5px #736F6E;
  box-shadow: 3px 3px 5px #736F6E; 
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, Strength=4, Direction=135);
  -ms-filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, Strength=4, Direction=135);
}

.program_teaser_title {
  background-color: #a7549f;
  color: white;
  font-family: Helvetica, Arial, Verdana, sans-serif ;
  font-weight: bold;
  text-transform: uppercase;
  padding-left: 8px;
  height: 16px;
  border-color: #a7549f;
  border-style: solid;
  border-width: 2px;
}

.program_teaser_trailer {
  background-color: #a7549f;
  color: white;
  font-family: Helvetica, Arial, Verdana, sans-serif ;
  font-weight: bold;
  text-transform: uppercase;
  padding-left: 10px;
  height: 10px;
}

.program_content {
  border-width: 10px;
  border-color: white;
  border-style:solid;
  font-family: Helvetica, Arial, Verdana, sans-serif ;
}

.program_fill {
  width: 580px ;
  float: left;
  border-width: 0px;
  border-color: white;
  border-style:solid;
  height: 10px;
  font-family: Helvetica, Arial, Verdana, sans-serif ;
}

.progcontent {
  width: 590px ;
  background-color: white ;
  float: right;
  border-width: 0px;
  border-color: white;
  border-style:solid;
  font-family: Helvetica, Arial, Verdana, sans-serif ;
  -webkit-box-shadow: 3px 3px 5px #736F6E;
  -moz-box-shadow: 3px 3px 5px #736F6E;
  box-shadow: 3px 3px 5px #736F6E;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, Strength=4, Direction=135);
  -ms-filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, Strength=4, Direction=135);
}

.progheader {
  background-color: #a7549f;
  color: white;
  font-family: Helvetica, Arial, Verdana, sans-serif ;
  text-align: left;
  font-weight: bold;
  text-transform: uppercase;
  padding-left: 8px;
  height: 16px;
  border-color: #a7549f;
  border-style: solid;
  border-width: 2px;
}

.progtrailer {
  background-color: #a7549f;
  color: white;
  height: 10px;
}


.progentry {
  background-color: white ;
  border-width: 10px;
  border-color: white;
  border-style:solid;
}

.progheading {
  float: left;
  margin-left: 10px; 
  width: 550px;
  text-align: left;
}

.pimg {
  border-width: 10px;
  border-style: solid;
  border-color: white;
}

.klist {
  list-style-type:none;
  line-height: 1.5;
}

.strich {
  font-weight: bold;
  color: orange;
}

.metadata {
  font-weight: bold;
}

