﻿/* CSS Content part */

#main #content #content_top{
	background-color: #FFF;
	margin: 25px 10px 0px 0px;
	padding: 14px 14px 5px 14px;
	background: url(../images/content_box_top.gif);
	background-repeat: no-repeat;
	background-color: #FFF;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 140%;
		min-height: 300px;
}

#main #content #content_bottom {
	margin: 0;
	padding: 0;
	background: url(../images/content_box_bottom.gif);
	background-repeat: no-repeat;
	width: 525px;
	height: 5px;
	font-size: 1px;
}

#content p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}

#content ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px 5px;
	list-style-type: none;
}

#content li {
	padding-left: 14px;
	padding-bottom: 3px;
	background: url(../images/list-elem.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

#content h3 {
	font-size: 12px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 2px 0px;
	background: url(../images/content_h3_line.gif);
	background-repeat: repeat-x;
	background-position: 0px bottom;
}
#content h3 .author {
	color: #333;
	font-weight: normal;
}

#content h4 {
	font-size: 12px;
	font-weight: bold;
	margin: 15px 0px 10px 0px;
}

#content h5 {
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	color: #888;
	margin: 15px 0px 10px 0px;
}

.float-elem-right {
	float: right;
	clear: both;
	margin: 0px 0px 10px 15px;
}
.float-elem-left {
	float: left;
	clear: both;
	margin: 0px 15px 10px 0px;
}
.float-text-right {
	width: 150px;
	float: right;
	clear: both;
	margin: 0px 5px 10px 20px;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	line-height: 150%;
}
.float-text-left {
	width: 160px;
	float: left;
	clear: both;
	margin: 0px 20px 10px 0px;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	line-height: 150%;
}
#content .download {
	padding-left: 14px;
	background: url(../images/download.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}
.clear_bottom {
	clear: both;
}

.top_link {
	clear: both;
	width: 100%;
	height: 15px;
	text-align: right;
}
.top_link a {
	height: 18px;
	text-align: right;
	background: url(../images/arrow_up_empty.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 13px;
}

.news_item {
	margin-bottom: 20px;
	padding: 0;
	width: 497px;
	display: block;

}
.news_date {
	clear: both;
	float: left;
	width: 112px;
	font-weight: bold;
}
.news_date img {
	margin-top: 4px;
	margin-bottom: 0px;
}
.news_text {
	float: right;
	width: 385px;
	margin-bottom: 2px;
}

.news_detail_link {
	clear: both;
	width: 100%;
	height: 15px;
	text-align: right;
}
.news_detail_link a {
	height: 18px;
	text-align: right;
	background: url(../images/arrow_right_empty.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 13px;
}
.news_back_link {
	clear: both;
	width: 100%;
	height: 18px;
	text-align: right;
}
.news_back_link a{
	height: 18px;
	text-align: right;
	background: url(../images/arrow_left_empty.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 14px;
}
.news_crosslink {
	padding: 8px;
	margin-bottom: 15px;
	margin-top: -10px;
	background-color: #EFEEEC;
	border-width: 1px;
	border-color: #BEB8B3;
	border-style: solid;
}
.cover-item {
	clear: both;
	height: 180px;
	margin-bottom: 20px;
}
.square-cover-item {
	clear: both;
	height: 120px;
	margin-bottom: 20px;
}
.small-cover-item {
	clear: both;
	/*height: 90px;*/
	margin-top: 0px;
	border-width-top: 10px;
}
#content .small-cover-item-text .float-elem.left {
	margin-top: 10px;
}
.small-cover-item-text {
	float: right;
	width: 390px;
	margin-bottom: 0px;
}
#content .small-cover-item-text h4 {
	margin: 0;
	padding: 0;
}


a img {
	border-width: 0px;
}
#content .poetry {
	padding-left: 30px;
}
#content p.author {
	/*padding-left: 300px;*/
	padding-left: 30px;
	padding-top: 10px;
	font-size: 80%;
}

.thumbnails {
	margin-left: 37px;
	margin-top: 30px;
	margin-bottom: 5px;
}
.thumbnails img {
	margin-right: 18px;
	margin-bottom: 18px;
}

#gallery_prev {
	position: absolute;
	top: 70px;
	left: 322px;
	height: 18px;
}
#gallery_prev a {
	height: 18px;
	background: url(../images/arrow_left_empty.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 13px;
}

#gallery_next {
	position: absolute;
	top: 70px;
	right: 98px;
	height: 18px;
}
#gallery_next a {
	height: 18px;
	background: url(../images/arrow_right_empty.gif);
	background-repeat: no-repeat;
	background-position: right 4px;
	padding-right: 13px;
}

#gallery_overview {
	position: absolute;
	top: 70px;
	height: 18px;
	width: 497px;
	text-align: center;
}
#gallery_overview a {
	height: 18px;
	background: url(../images/arrow_up_empty.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 13px;
}

#gallery_detail {
	padding-top: 25px;
	padding-bottom: 15px;
	width: 497px;
	text-align: center;
}

#gallery_caption {
	margin-left: 75px;
	width: 350px;
	text-align: center;
	font-size: 11px;
}

.interview {
	margin-top: 20px;
}

p.interviewer {
	font-style: italic;
}
p.interviewee {

}

.role {
	width: 100px;
	float: left;
	font-weight: bold;
}
.drama_text {
	width: 360px;
	float: left;
	margin-bottom: 7px;
}
.clear_drama {
	clear: both;
}

.footnotes {
	margin-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	border-top: 1px solid #CCC;
}
.caption {
	font-size: 11px;
	color: #666;
}


/* GUESTBOOK */

#new_entry {
	float: right;
	width: 186px;
}

#new_entry input {
	width: 180px;
}

#new_entry select {
	width: 180px;
}

#new_entry textarea {
	width: 180px;
}

#list_entries {
	width: 280px;
	/*float: left;*/
}

.entry {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #CCC;
}

.entry_subline {
	margin-left: 40px;
}

.hidden_entry {
	color: #AAA;
}
.admin_header_published {
	background-color: #BEB8B3;
}
.admin_header_hidden {
	background-color: #EFEEEC;
}

.time {
	font-size: 10px;
}

.horizontal_separator {
	text-align: center;
	font-size: 18px;
	font-family: Georgia, "Times New Roman"
}

#archive-menu {
	margin-bottom: 20px;
}

#kontakt #archive-menu .active a, #kontakt #archive-menu .archive a, 
#kontakt #archive-menu .disabled a, #kontakt #archive-menu .arrow a {
	padding: 2px 5px 2px 5px;
	margin-right: 4px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
}

#kontakt #archive-menu .active a {
	background-color: #529CC0;
}

#kontakt #archive-menu .archive a {
	background-color: #5D4D40;
}

#kontakt #archive-menu .arrow a {
	/*background-color: #EFEEEC;*/
	background-color: #FFF;
	color: #AAA;
}

#kontakt #archive-menu .disabled a {
	/*background-color: #EFEEEC;*/
	background-color: #FFF;
	color: #AAA;
}

#kontakt #archive-menu .archive a:hover {
	background-color: #7D7166;
}

.error {
	color: #CC0000;
	font-style: italic;
}



/* HOME */

#home #content h3, #home #content a {
	color: #C81418;
}

/* AKTUELL */

#aktuell #content h3, 
#aktuell #content a, 
#aktuell .float-text-right, 
#aktuell .float-text-left 
{
	color: #2BA47D;
}

/* BIOGRAFIE */

#biografie #content h3, 
#biografie #content a, 
#biografie .float-text-right, 
#biografie .float-text-left 
{
	color: #B73C58;
}

/* WERKE */

#werke #content h3, 
#werke #content a, 
#werke .float-text-right, 
#werke .float-text-left 
{
	color: #0F265A;
}

/* VERANSTALTUNGEN */

#veranstaltungen #content h3, 
#veranstaltungen #content a, 
#veranstaltungen .float-text-right, 
#veranstaltungen .float-text-left 
{
	color: #E69200;
}

/* PRESSE */

#presse #content h3, 
#presse #content a, 
#presse .float-text-right, 
#presse .float-text-left,
#presse .interviewer 
{
	color: #A04A1E;
}

/* KONTAKT */

#kontakt #content h3, 
#kontakt #content a, 
#kontakt .float-text-right, 
#kontakt .float-text-left 
{
	color: #529CC0;
}
