/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- [WAI] ZMSGraphic
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 */

div.ZMSGraphic { 
 background-color:transparent; 
 margin: 0px;
 padding: 0px;
}

div.ZMSGraphic.left {
 text-align:left;
}

div.ZMSGraphic.right {
 text-align:right;
}

div.ZMSGraphic.center {
 text-align:center;
}

div.ZMSGraphic.floatleft { 
 float:left;
}

div.ZMSGraphic.floatright { 
 float:right;
}

div.ZMSGraphic.center { 
 text-align:center;
}

div.graphic.alignleft {
 float:left;
 text-align:right;
 margin: 0 15px 0 0;
}

div.graphic.alignright {
 float:right;
 text-align:right;
 margin: 0 0 0 15px;
}

div.ZMSGraphic div.text {
 padding: 0px;
 margin: 0;
}

a.zoom img.zoom {
width: 23px;
height: 21px;
background: url(/misc_/zms/zoom.gif);
}

a.download img.download {
width: 23px;
height: 21px;
background: url(/misc_/zms/download.gif);
}

a.superzoom img.superzoom {
width: 23px;
height: 21px;
background: url(/misc_/zms/superzoom.gif);
}

.clearfloating {
 clear: both;
 height: 0;
 border:0;
 margin:0;
 padding:0;
 font-size:1px;
 line-height:0;
 display: none;
}



/**************************************/
/* 1. CSS-Modul: COLORS               */
/**************************************/

.neutralColorTrans {background-color: transparent;}
.neutralColorWhite {background-color: #fff;}
.neutralColorLight {background-color: #e8e8e8;}
.neutralColorMedium {background-color: #ccc;}
.neutralColorStrong {background-color: #999;}
.neutralColorBlack  {background-color: #000;}
.teaserColor {background-color: #B8CB00;}
.secondColorStrong {background-color: #aaa;}
.secondColorMedium {background-color: #ddd;}
.secondColorLight {background-color: #eee;}
.primColorStrong {background-color: #336699;}
.primColorMedium {background-color: #B0C3DE;}
.primColorLight {background-color: #DCE0EA;}


/**************************************/
/* 2. CSS-Modul: LAYOUT (PAGEREGIONS) */
/**************************************/

html {
 margin: 0;
 padding:0;
}

body#web {
 margin: 0;
 padding:0;
 background-image: url(http://www.radstadion-openair.de/common/headerblue.gif);
 background-repeat: repeat-x;
 background-color: #000;
 font-family: "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
 font-size: 13px!important;
 color: #efefef;
}
body.zmi strong {
 color: #000!important;

}

#Content {
 margin: 0 0 0 338px;
 padding: 20px;
 max-width: 600px;
 color: #ccc;
}

#Sitemap {
 margin:0;
 padding:0;
 border:0;
}

#pageregionTop {
 margin:0;
 padding:0;
 background-image: url(http://www.radstadion-openair.de/common/headermixblue.jpg);
 background-repeat: repeat-x;
 margin: 0 0 0 328px;
 height: 156px;
}
#pageregionTop #banner {
 margin: 10px 0 0 30px;
}
#pageregionTop .descr {
 font-size: 18px;
 color: #FAEBA8;
 margin: 0;
 padding: 14px 0 0 30px;
}

#pageregionTop .description {
 font-size: 18px;
 color: #FAEBA8;
 margin: 0;
 padding: 96px 0 0 30px;
}

#Logo h1.header {
 position: absolute;
 left: 0px;
 top:0px;
 color: #5F86C8 /*B0C3DE*/;
 font-style : normal;
 font-size: 56px;
 line-height: 56px;
 margin: 30px 0 0 50px;
 padding: 0 0 0 0;
}
#web #Logo h1.head {
 position: absolute;
 left: 0px;
 top:0px;
 color: #fff;
 font-style : normal;
 font-size: 20px;
 line-height: 21px;
 margin: 70px 0 0 70px;
 padding: 0 0 0 0;
 width: 250px;
}
#Logo {
 border:0;
 margin:0;
 padding:0;
 position: relative;
}
#Logo a {
 position:absolute;
 left:57px;
 top:10px;
 margin: 0;
 border: 0 none;
 outline: 0;
}

#pageregionLeft {
 margin: 0;
 padding:0;
 float: left;
 width: 328px;
 background-image: url(http://www.radstadion-openair.de/common/headerblue.jpg);
 background-repeat: repeat-x;
 background-color: #000;
 text-align: right;
}

#pageregionBottom {
 font-size:11px;
 line-height: 15px;
 background-color: #090909;
 height: 15px;
 bottom: 0px;
}

/****************/
/* Navigation */
/***************/

#pageregionLeft ul {
 margin: 20px 0;
 padding: 0 0 20px 0;
 }

#pageregionLeft ul li {
 display: block;
 list-style: none;
 line-height: 30px;
 font-size: 14px;
 text-transform: uppercase;
border: 1px solid #000;;
}
#pageregionLeft ul a {
 text-decoration: none;
 display: block;
 padding: 0;
 color: #ccc;
 padding: 0 15px 0 0;
}
#pageregionLeft ul a:hover {
 text-decoration: none;
 display: block;
 color: #84B4CA;
}
#pageregionLeft ul a.active, #pageregionLeft ul a.activenode {
 color: #efefef;
 background-color: #222;
}
#pageregionLeft ul a.active:hover, #pageregionLeft ul a.activenode:hover {
 color: #84B4CA;
}

/*  Second Level  */

#subNav {
 margin: 0;
 overflow: hidden;
}

#subNav ul {
 line-height: 22px;
 margin: 0;
 padding: 0;
}

#subNav ul li {
 display: block;
 list-style: none;
 line-height: 48px;
 text-indent: 30px;
}
#subNav ul a {
 font-size: 7pt;
 line-height: 48px;
 color: #000;
 text-decoration: none;
 display: block;
 padding: 0;
 border-bottom: 1px solid #fff;
}
#subNav ul a:hover {
 background-color: #f6f6f6;
 color: #A50021;
}
#subNav ul a.active, #subNav ul a.activenode {
 color: #BD781F;
}


/*-- FLOATING ---------------*/
.clearing {
 clear: both;
 height: 0;
 border:0;
 margin:0;
 padding:0;
 font-size:1px;
 line-height:0;
}
.floatRight {
 float:right;
}
.floatLeft {
 float:left;
}
img.imgNoborder {
 border:0px;
}

/**************************************/
/* 4. CSS-Modul: TEXT                 */
/**************************************/

strong { color: #efefef; }

h1, h2,  h3, h4, H5, .heading1, .heading2, .heading3, .heading4, .heading5 {
 font-weight: bold;
 margin: 0;
 padding: 0;
}
.form, p, ol, ul, li, em, sup, sub, table, tr, th, td {
 font-size: 13px;
}

h1.title {
 font-size: 18px;
 line-height: 16px;
}
h1,.heading1 {
 font-size: 16px;
 line-height: 20px;
 margin-top:16px; 
}
h2,.heading2 {
 font-size: 16px;
 line-height: 18px;
 color: #84B4CA;
}

h3,.heading3 {
 font-size: 13px;
 line-height: 16px;
 margin-bottom: 0px
 }
h4,.heading4 {
 font-size: 12px;
 line-height: 14px 
 }
h5,.heading5 {
 font-weight: normal;
 font-size: 12px;
 line-height: 14px 
 }
p {
 line-height: 16px;
 }
ol {
 line-height: 15px;
 }
ul {
 line-height: 15px;
 list-style-type: square }

p.caption {
 font-style: italic;
 padding-top:0px;
 margin-top:0px;
}
p.emphasis {
 margin-left: 20px;
 margin-right: 30px;
 line-height: 16px;
 }

p.description {
 line-height: 16px;
 font-weight:bold;
 }
p.creator  {
}

p.small {
 font-size: 10px;
 }
p.smalltext {
 font-size: 10px !important; font-size: xx-small;
}

/**************************************/
/* 5. CSS-Modul: LINKS                */
/**************************************/

a:link, a:visited {
 text-decoration : none;
 color: #D39B3C;
}

a:hover, a:active {
 text-decoration : none;
 color: #E1B65A;
}

#copyright, #copyright a {
 text-decoration:none;
 color: #999;
}
#copyright a:hover {
 text-decoration:none;
 color: #ccc;
}
#pageregionBottom img {
 margin: 2px 0 0 0;
}

#bookmark {
 margin: 7px 0 0 590px;
}
#bookmark img {
 margin-top: -2px;
}

#sr {
 margin: 0 20px 0 0;
}

/********************/
/* Content Layout   */
/********************/

table#Content{
 margin: 20px;
 padding: 0;
 width: 600px;
 border-collapse: collapse;
 text-align: left;
}
table#Content td {
 vertical-align: top;
}
td.Card {
 width: 250px;
 padding: 20px;
}
td.Form {
 width: 350px;
 padding: 20px;
}
/***********/
/* Kontakt */
/***********/

table#kForm, table#mesg {
 border-collapse : collapse;
 margin: 0;
 padding: 0;
}
table#kForm th {
 color: #FFF;
 line-height: 17px;
 font-size: 14px;
 margin: 0 0 0 20px;
 padding: 0 0 5px 0;
 text-transform: uppercase;
}
table#kForm {
 width: 250px;
 margin: 0 0 0 0;
}
table#kForm input {
 width: 250px;
 margin: 0 0 5px 0;
 height: 16px;
 background-color: #5274AD;
 color: #FFF;
 font-family: "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
 font-size: 12px!important;
 border: 0;
 padding: 3px;
}

/* NACHRICHT */
table#mesg {
 margin: 0px;
}
table#mesg th {
 text-transform: uppercase;
 color: #fff;
 font-size: 14px;
 padding: 1px 0 5px 13px;
}

table#mesg input {
 width: 300px!important;
 margin: 0 0 5px 12px;
 background-color: #5274AD;
 color: #FFF;
 font-family: "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
 font-size: 12px!important;
 border: 0;
 padding: 3px;
}
table#mesg textarea.textarea {
 width: 300px!important;
 margin: 3px 0 5px 12px;
 background-color: #5274AD;
 color: #FFF;
 font-family: "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
 font-size: 12px!important;
 border: 0;
 padding: 3px;
}
table#mesg input.btn {
 width: 140px!important;
 margin: 3px 0 3px 14px;
 padding: 0;
 font-weight: bold;
}
/**************************************/
/* Movies                             */
/**************************************/

.overview {
 margin: 20px 0 0 0;
 width: 600px;
 height: 100%;
 display: table;
}
.overview a {
 line-height: 30px;
}
.overview img {
 float: right;
 margin: 0 0 15px 0;
}

/* Film Detailansicht */
.movie .preview {
 float: right;
}
.movie .preview img {
 margin: 0 0 20px 15px;
 float: none;
}
#web .movie .info {
 font-weight: bold;
 color: #efefef;
}
.movie .desc {
}
.backlink {
 margin: 20px 0;
 font-size: 11px;
 line-height: 14px;
 display: block;
}
/* Programmliste */
.hint {
 margin: 20px 0 0 0;
 width: 640px;
 display: table;
}
.hint h2 {
 margin: 0 0 10px 0;
 padding: 0;
}
.hint strong {
 margin: 5px 0px 0 0 ;
 padding: 5px;
 line-height: 14px;
 display: block;
 float: left;
 width: 100px;
 height: 180px;
 text-align: center;
}
.plakat {
 height: 110px;
 display: block;
 margin: 0 0 5px 0;
}
.hint strong a img {
 margin: 5px 0;
}
.clearer {
 float: none;
 clear: both;
}

/**************************************/
/* 5. CSS-Modul: TABLES               */
/**************************************/

div.ZMSTable {
}
div.ZMSTable table tr th {
}
div.ZMSTable tr.even td {
}
div.ZMSTable tr.odd td {
}
table tr td  {
 font-size: 10px !important; font-size: xx-small;
}


/**************************************/
/* 6. CSS-Modul: ZMS-DEFAULTS         */
/**************************************/


div.ZMSGraphic {
 background-color:transparent; 
}

a.zoom img.zoom
 {
 width: 23px;
 height: 21px;
 background: url(/misc_/zms/zoom.gif);
 }

/*--------- ZMS TEASER --------------*/

div#teaser
 {
 width:180px;
 font-size: 12px !important; font-size: 12px;
 }

div.ZMSTeaserContainer {
 padding:1px;
 margin-bottom:10px;
}
div.ZMSTeaserElement {
 width:178px;
 padding:0px;
}
div.ZMSTeaserElement img.title {
 border: none;
}

div.ZMSTeaserElement div.title {
 font-weight:bold;
 text-decoration:none;
 color:black;
 padding: 4px 4px 2px 4px;
 display: block;
}

div.ZMSTeaserElement div.text
 {
 padding: 0px 6px 6px 6px;
 line-height:1.3em
 }

/*--------- ZMS LINK --------------*/

div#pageelement_Links {
 width:180px;
 }

div.ZMSLinkElement {
 background-color: transparent;
 padding: 2px;
 }

div.ZMSLinkElement div.title {
 font-weight:bold;
 color:black;
 font-size: 12px !important; font-size: small;
 margin: 10px 0px 0px 0px
 }

div.ZMSLinkElement div.text {
 }

div.ZMSLinkElement div.text ul {
 margin-top: 5px;
 margin-left: -10px !important; margin-left: 20px ;
 }


.form {
 color: #000;
 border: 1px solid #666;
 padding: 1px;
 margin: 0;
 font-size: 10px !important; font-size: xx-small;
 voice-family: "\"}\"";
 voice-family: inherit;
 font-size: x-small;
}
 html>.form {
 font-size: x-small;
} 
 
.form-button {
 color: #000;
 background-color: #fff;
 border: 1px solid #666;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 padding-left: 1px;
 padding-right: 1px;
 margin: 0;
 font-size: 10px !important; font-size: xx-small;
}


/**************************************/
/* 9. CSS-Modul: PRINT                */
/**************************************/

h1, h2, h3, h4, h5, h6 {
} 
h1.title {
}
p, li, blockquote {
}
ol, ul {
}
p.description {
}
p.caption {
}
p.creator  {
}
p.smalltext {
}
code {
}

/**************************************/
/* 10. ZMI Management Interface       */
/**************************************/

.cmsTxtColorStrong0 { color: #436976; }
.cmsTxtColorStrong1 { color: #666666; }
.cmsBgColorStrong0  { background-color: #8CABB9; }
.cmsBgColorStrong1  { background-color: #CCCCCC; }
.cmsBgColorMedium0  { background-color: #DDE6EC; }
.cmsBgColorLight0   { background-color: #FFFFFF; }
div.ZMSTable table th { background-color:#DDEFFC; }
div.ZMSTable table td { background-color:#EEEEEE; }

.zmiTableRowEven {background-color:#eee;}
.zmiTableRowOdd {background-color:#ccc;}

.form-submit { font-size:12px; }

body.zmi {
 color: #000!important;
}
body.zmi h1, body.zmi h2, body.zmi h3, body.zmi h4, 
body.zmi h5, body.zmi h6  {
 font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
 font-weight:bold;
 font-size:15px;
 line-height:19px;

} 
body.zmi p, body.zmi li, body.zmi blockquote  {
 font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
 font-size:12px;
 line-height:15px;
}

.ZMSGraphic right {
 margin: 0;
}

body.print {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px!important;
 color: #000;
}
body.print h1 {
 font-size: 18px;
 margin: 30px 0 30px 0;
 color: #000;
}
body.print h2 {
 font-size: 15px;
 margin: 20px 0 10px 0;
 padding: 5px 20px;
 color: #000;
 width: 90%;
 border-top: 1px solid #000;
 border-bottom: 1px solid #000;
}
body.print p {
 font-size: 13px;
 margin: 5px 0 5px 20px;
 color: #000;
}
body.print .kontakt {
 margin: 20px 0 0 0;
 bottom: 0;
 font-size: 12px;
 border-top-style : double;
 padding-top: 5px;
 text-indent: 20px;
 width: 94%;
}
body.print .kontakt p {
 margin: 0;
}
body.print strong {
 color: #000;
}