body {
	font: 11px/1.5em verdana, sans-serif;
	background: #DEDBCD url(img/bg-all.gif);
	margin: 0;
	padding: 10px 0;
	}

/*Links*/
a:link, a:visited, a:active	{
	text-decoration: none;
	color: #000;
	}
a:hover {color: #900;}

/*Text*/
#tvundfilm div, #kontakt div {
	background: #E8E4D0;
	border-top: 1px solid #D8D2B7;
	text-align: center;
	padding: 2px;
	font-weight: bold;
	margin-bottom: 9px;
	}

/*Grafisch*/
hr {
	border: 0;
	height: 1px;
	background: #D8D2B7;
	color: #D8D2B7;
	clear: both;
	}
img {border: 0;}
img.imgWithBorder {
    background: #fff;
	padding: 2px;
	border: 1px solid #D8D2B7;
}
.inv {visibility: hidden;}
.play {
	background: url(img/play.gif) 0 2px no-repeat;
	padding-left: 17px;
	}
.playinline {
	background: url(img/play.gif) right 2px no-repeat;
	padding-right: 19px;
	font-weight: bold;
	}

/*Kopfbereich*/
#headBox {
    background-image: url(img/headBgBase.png);
	margin: 0 auto;
    padding: 0 10px;
	width: 748px;
	height: 58px;
    border: solid #fff;
    border-width: 2px 2px 0 2px;
    border-top-right-radius: 9px;
    border-top-left-radius: 9px;
    -moz-border-radius-topleft: 12px;
    -moz-border-radius-topright: 12px;
    -webkit-border-top-left-radius: 12px;
    -webkit-border-top-right-radius: 12px;
	}

/*Inhalt allgemein*/
#site {
	background: #f0ecdd url(img/sit9eBg2.png) repeat-y;
	width: 768px;
	margin: 0 auto;
	border: solid #fff;
	border-width: 0 2px 2px 2px;
    padding-top: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    -moz-border-radius-bottomleft: 12px;
    -moz-border-radius-bottomright: 12px;
    -webkit-border-bottom-left-radius: 12px;
    -webkit-border-bottom-right-radius: 12px;
	}
.content {
	margin: 0 0 0 135px;
	border: 1px solid #D8D2B7;
    border-width: 1px 0 0 1px;
	padding: 9px 0 1px 0;
    border-top-left-radius: 9px;
    border-bottom-right-radius: 9px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 9px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 9px;
	}
.content p {
	margin: 0;
	padding: 0 9px 9px 9px;
    border-bottom-right-radius: 9px;
    -moz-border-radius-bottomright: 9px;
    -webkit-border-bottom-right-radius: 9px;
	}
.content hr {margin: 0 9px 9px 9px;}
.prog {background: #E9E4D1;}
.section {
	color: #C5BFA7;
	font-weight: bold;
	font-size: 1.3em;
	text-transform: uppercase;
	letter-spacing:0.1em
}

/*Presse-Boxen*/
span.pressItem span {display: none;}
span.pressItemLink span{display: inline;}
span.pressItem:hover {
    color: #990000;
    cursor: pointer;
}
span.pressItem:hover span {
    position: fixed;
    display: block;
    padding: 15px 10px;
    width: 708px;
    margin: 0 0 0 -126px;
    color: #000;
    border: 0px solid #888;
    background: #fff;
    /*border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;*/
    opacity: 0.98;
    box-shadow: 0px 0px 5px 0px #444;
    -moz-box-shadow: 0px 0px 5px 0px #444;
}
span.pressItem:hover span b {
    font-weight: bold;
    font-size: 1.3em;
}
span.pressItem img{
    float: none !important;
    margin: 0 !important;
    }
span.pressItemLink img{
    float: none !important;
    margin: 0 !important;
}

/*Fußzeile*/
#foot {
	font-size: 0.9em;
	text-align: right;
	padding: 1px 9px 1px 0 !important;
	margin: 0 0 -1px 0;
	background: #E0DCC9;
	color: #9C9783;
	border-top: 1px solid #D8D2B7;
}

/*Menü*/
ul#menu {
	float: left;
	margin: -1px 0 0 0;
	padding: 0;
	width: 134px;
	list-style: none;
	}
ul#menu li {
	padding-left: 8px;
	font-weight: bold;
	}
ul#menu img {visibility: hidden;}
ul#menu a img {visibility: visible;}
ul#menu a, ul span {
	white-space:nowrap;
	color: #908877;
	line-height: 1.5em;
	font-size: 1.2em;
	}
ul#menu a:hover, ul span {color: #514D44;}
ul#menu span {color: #514D44;}

/*Vita*/
#vita span.pressItem:hover span {
    width: 800px;
    margin: 0 0 0 -172px;
}

/*CDs-Seite*/
.cdItem {
	margin: 0 9px 9px 9px;
	height: 136px;
	background-repeat: no-repeat;
	background-color: #E8E4D0;
	padding-left: 140px;
}
.cdItem h1 {
	margin: 0;
	padding: 8px 0 0 8px;
	font-size: 1.1em;
}
.cdItem p {
	height: 82px;
	margin: 0 0 5px 0;
	padding: 0 0 0 8px;
	border-bottom: 1px solid #D8D2B7;
}
.cdItem a {
	margin: 0 32px 0 8px;
	color: #777;
}
.cdItem a:hover {color: #000;}
.cdList {
	margin: -9px 9px 9px 9px;
	padding: 9px;
	background-color: #F7F5ED;
}
.cdList span, .cdList img {visibility: hidden;}
.cdList a img {visibility: visible;}
#cds span.pressItem:hover span {
    width: 800px;
    margin: 0 0 0 -172px;
}
#cd3 p {background: url(img/hr2_img.png) 230px 5px no-repeat;}

/*Fotoseite*/
#fotos p {font-size: 0.9em;}
#fotos ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#fotos ul li {
	display: inline;
	float: left;
	position: relative;
	}
#fotos ul img {
	height: 90px;
	display: inline;
	padding: 2px 0 0 2px;
    vertical-align: bottom;
}
#fotos a .imgPreview {display: none;}
#fotos a:hover .imgPreview {
	display: block;
	position: absolute;
	top: -5%;
	left: -5%;
	z-index: 1;
	height: 100px;
	background: #fff;
	padding: 2px;
	}
#fotos div.imgInfo {
    position: relative;
    background: url(img/fotoBgAlpha50.png);
    margin: 0 auto;
    margin-top: -28px;
    font-size: 0.9em;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 25px;
    height: 25px;
}
#fotos div.imgInfo span {
    color: #ccc;
    font-weight: normal;
}
#gallery {
	text-align: center;
	min-height: 278px;
	background-color: #E8E4D0;
	margin: 0 9px 9px 9px;
	}
#stage {text-align: center;}
#stage img {vertical-align: bottom;}

/*Die Programme*/
/*Startseite*/
#startseite {padding: 0 0 9px 0;}
#startseite .section {
    color: #900;
    margin: 9px 0 3px 9px;
}
#startseite a {
	display: block;
	height: 49px;
	margin: 1px 0 1px 9px;
	padding: 8px 0;
	font-size: 1.3em;
	}
#startseite a.dark {background: #E0DCC9  url(img/startItemBg.png) right repeat-y;}
#startseite a:hover {background: #ddd0bc url(img/startItemBgHover.png) right repeat-y;}
#startseite a img {
	float: left;
    margin: -8px 8px 0 0;
	}
#startseite span {
    color: #777;
    font-size: 0.8em;
}

/*Moon of Alabama*/
.moonHeadImg {
	float: right;
	margin: 4px 9px;
	}
#moonofalabama div {
	padding: 30px 196px 30px 0;
	text-align: right;
	}
#moonofalabama div span {
	color: #AB6566;
	font-size: 10pt;
	font-weight: bold;
    letter-spacing:0.2em;
	}
#moonofalabama span.pressItem:hover span {
    width: 800px;
    margin: 0 0 0 -172px;
}

/*Falladah*/
#falladah div {padding: 0 9px;}
#fallSub {font-size: 11pt;}

/*Chanson*/
#chansonabend div {padding: 40px 0 49px 9px;}
#chansonabend .chanHead {
    float: left;
    margin-right: 9px;
}
#chansonabend img {
	margin: 0 9px;
	float: right;
	}
#chansonabend p img {
	margin: 0 9px 9px 0;
	float: left;
	}
#chansonabend a img, #chansonabend div img {
	margin: 0;
	float: none;
	}
#chansonabend hr {clear: left;}
#chansonabend span.pressItem:hover span {
    width: 800px;
    margin: 0 0 0 -172px;
}

/*Wunsch*/
#wunschprogramm img {margin: 0 0 12px 9px;}

/*Erlkönig*/
#erlkoenigstochter img#erlkHead {
    margin: 9px;
    }
#erlkoenigstochter div {padding: 0 9px;}
#erlkSub {
	font-style: italic;
	font-size: 1.2em;
	padding: 7px 0 20px 9px;
	}
#erlkCenter {text-align: center;}

/*Shakespeare*/
#shakespeare .shakImg {
    float: right;
    margin-right: 9px;
}
#shakespeare div img {margin: 70px 0 20px 9px;}
#shakeTxt {margin-top: 47px;}
.shakSub {
    color: #8A8574;
    font-size: 0.9em;
}
.shakSub span {white-space:nowrap;}

/*Dada*/
#dadasoiree div {
	padding: 30px 136px 30px 9px;
	text-align: center;
	}
#dadasoiree p {padding-right: 136px;}
#dadasoiree div p {padding: 0;}
#dadasoiree img.imgWithBorder {
	float: right;
	margin: 15px 9px 0 9px;
	}

/*Rilke*/
#rilke div {
	height: 109px;
	text-align: right;
    padding: 44px 267px 0 0;
	}
#rilke div p {margin-top: 20px;}
#rilke div img {margin-left: 9px;}
#rilke img {
    float: right;
    margin-right: 9px;
}
#rilke #head2 {float: none;}

/*Früchte*/
#verbotenefruechte img {
    float: left;
    margin: 0 9px;
}
#verbotenefruechte div img {
    float: none;
    margin: 0;
}
#verbotenefruechte div {padding: 65px 9px 31px 256px;}

/*Marlene*/
#marlene img {margin: 30px 0 50px 9px;}
#marlene #sketch {
    float: left;
    margin: -30px 0 0 0;
}
#marlene p span {
    font-size: 1.2em;
    font-weight: bold;
    padding: 40px 0 20px 0;
}
#marlCenter {
    text-align: center;
    clear: left;
}

/*Dali*/
#dali img {
    float: left;
    margin: 10px 9px 130px 0;
}
#dali div {padding: 5px 0 30px 0;}
#dali div img {
    float: none;
    margin-bottom: 10px;
}
#dali img#gala {
    float: right;
    margin: 9px;
}
#dali div p span {
    font-size: 1.6em;
    letter-spacing: 2px;
    font-weight: bold;
    font-variant: small-caps;
}
#dali hr {clear: left;}
#dali span.pressItem:hover span {
    width: 800px;
    margin: 0 0 0 -172px;
}

/*Poe*/
#poe img.imgWithBorder {margin: 0 0 5px 9px;}
#poe img {margin: 10px 9px 15px 4px;}
#poe p span {font-weight: bold;}

/*Kleist*/
#kleist div img {
    float: none;
    margin: 25px 0 0 0px;
    }
#kleist img {
    float: left;
    margin: 0 9px;
    }
#kleist div p {margin: 30px 0;}
.kleisttext {padding-left: 164px !important;}
#kleistSub {
    color: #8A8574;
    padding-left: 164px !important;
    }
#kleist_subhead {margin: 25px 0;}