html,
body
{
	height: 100%;
	margin: 0;
	padding: 0;
}
body
{
	background: #ECF4F5 url(../images/layout/background.gif) repeat-x;
	text-align: center;
	color: #18292D;
	font-size: 13px;
	line-height: 18px;
}

/* Framework */

#wrapper
{
	width: 932px;
	height: auto;
	min-height: 100%;
	margin: 0 auto 0 auto;
	background: #FFFFFF url(../images/layout/main_background.gif) repeat-y;
	text-align: left;
}
#header
{
	width: 100%;
	height: 296px;
	background: url(../images/layout/header_background.gif) no-repeat;
}
#header a
{
	margin: 0;
	padding: 0;
}
#header a:hover,
#header a:focus
{
	background-color: transparent;
}
#logo
{
	float: left;
	width: 530px;
	height: 52px;
	margin: 0 0 0 26px;
	padding: 22px 0 0 0;
	background: #FFFFFF url(../images/layout/logo.gif) no-repeat left bottom;
}
#logo a
{
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
}
#logo span
{
	display: none;
}

#quicklinks
{
	margin: 0 26px 0 616px;
	width: 250px;
	height: 52px;
	padding: 10px 20px 0 20px;
	background: #FFFFFF url(../images/layout/quicklinks_background.gif) repeat-x;
	color: #FFFFFF;
	letter-spacing: 2px;
}
#quicklinks a
{
	color: #FFFFFF;
	letter-spacing: 0;
}
#quicklinks a:hover,
#quicklinks a:focus
{
	color: #BDEE47;
}

/* News-Anrisse auf der Startseite */

#newsframe
{
	clear: both;
	float: left;
	width: 885px;
	height: 216px;
	margin: 20px 21px 5px 26px;
	padding: 0;
}
#newsframe a
{
	margin: 0;
	padding: 0;
}
#newsframe a:hover,
#newsframe a:focus
{
	background-color: transparent;
}
#newsframe li
{
	float: left;
	position: relative;
	width: 290px;
	height: 100%;
	margin: 0 5px 0 0;
	padding: 0;
	background: #006556 url(../images/layout/newspanel_background.gif) repeat-x left 145px;
}
#newsframe h2
{
	height: 71px;
	margin: 0;
	padding: 0;
	background: url(../images/icons/headline_marker.gif) no-repeat 0 16px;
	color: #BDEE47;
	font-size: 17px;
	line-height: 20px;
}
#newsframe h2 a
{
	display: block;
	height: 53px;
	padding: 12px 16px 6px 16px;
	color: #BDEE47;
}
#newsframe img
{
	display: block;
	border-bottom: solid 1px #FFFFFF;
}
#newsframe p
{
	padding: 0 16px 0 16px;
	color: #FFFFFF;
}
#newsframe p a
{
	color: #FFFFFF;
}
#newsframe span.details
{
	position: absolute;
	bottom: 12px;
	right: 12px;
	display: block;
	height: 16px;
	padding: 0 24px 0 0;
	background: url(../images/icons/details_icon_red.gif) no-repeat right top;
	color: #BDEE47;
	font: normal 13px Arial, Tahoma, Verdana, Helvetica, Sans-serif;
	line-height: 16px;
	cursor: pointer;
}

/* Titel-Grafik und Struktur-Titel */

#structure_title
{
	height: 208px;
	margin: 0 0 5px 0;
	padding: 8px 0 0 0;
	background: url(../images/layout/structure_title.jpg) no-repeat;
}
#structure_title span
{
	display: block;
	padding: 0 16px 0 16px;
	background: url(../images/icons/headline_marker.gif) no-repeat 0 4px;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 20px;
}

/* Framework */

#main
{
	clear: both;
	width: 880px;
	margin: -208px 0 0 26px;
	background: url(../images/layout/main_bg.gif) repeat-y;
}
#homepage #main
{
	margin-top: 0; /* wird durch ie7.css überschrieben */
}
#content
{
	clear: both;
	float: left;
	width: 521px;
	height: auto;
	min-height: 194px;
	margin: 0;
	padding: 0 32px 32px 32px;
	background: #8DD5CB url(../images/layout/content_bg.gif) repeat-x 0 221px;
}
#content.no_top_image
{
	background-position: 0 0;
}

#right_column
{
	width: 290px;
	margin: 0 0 0 590px;
}

/* Content-Bereich */


/* Brotkrumen-Navigation */

#breadcrumb
{
	margin: 0 -32px 0 -32px;
	padding: 8px 0 8px 0;
	background: #112F33 url(../images/layout/breadcrumb_background.gif) repeat-x;
	border-bottom: solid 5px #FFFFFF;
	color: #FFFFFF;
}
#breadcrumb a
{
	color: #FFFFFF;
}
#breadcrumb a:hover,
#breadcrumb a:focus
{
	color: #BDEE47;
	background: none;
}
#breadcrumb span
{
	padding: 0 16px 0 16px;
	background: url(../images/icons/headline_marker.gif) no-repeat 0 3px;
}

/* News-Listen */

ul.news
{
	margin: 0 -32px -32px -32px;
	padding: 0;
}
ul.news li
{
	position: relative;
	margin: 0;
	padding: 12px 16px 12px 16px;
	background: #8DD5CB url(../images/layout/content_bg.gif) repeat-x;
	border-bottom: solid 2px #FFFFFF;
}
ul.news li p a,
ul.news li p a:hover,
ul.news li p a:focus
{
	color: #18292D;
	background-color: none;
}
ul.news li p.details a
{
	width: auto;
	padding-right: 24px;
	background: url(../images/icons/details_icon_red.gif) no-repeat right top;
	line-height: 16px;
}
ul.news p.details span
{
	display: inline;
}
ul.news h2
{
	padding-right: 128px;
}
ul.news h2 span
{
	position: absolute;
	right: 0;
	top: 24px;
	padding-right: 16px;
	font-size: 13px;
}

/* Rechte Spalte */

#right_column a
{
	margin: 0;
	padding: 0;
}
#right_column a:hover,
#right_column a:focus
{
	background-color: transparent;
}

/* Navigation */

#navigation
{
	padding: 12px 0 20px 0;
	background: #005144 url(../images/layout/green_gradient.jpg) no-repeat;
}
#navigation li
{
	margin: -1px 0 0 0;
	padding: 0;
	background: transparent;
}
#navigation a
{
	display: block;
	width: 258px;
	padding: 6px 16px 7px 16px;
	border-top: solid 1px #6C8C87;
	border-bottom: solid 1px #6C8C87;
	color: #FFFFFF;
}
#navigation a:hover,
#navigation a:focus
{
	background-color: #01483D;
}
#navigation li.active a,
#navigation li.active a:hover,
#navigation li.active a:focus
{
	background-color: #89CDC3;
	border-color: #FFFFFF;
	color: #165963;
}
#navigation li.active
{
	position: relative; /* magic */
}
#navigation li.active a
{
	position: relative; /* magic */
}
#navigation ul
{
	padding: 0;
}
#navigation li.active ul li a
{
	position: static;
	width: 242px;
	padding: 6px 16px 7px 32px;
	background-color: #006658;
	background-color: #287E6F;
	border-top: solid 1px #6C8C87;
	border-top: solid 1px #8FB3AD;
	color: #FFFFFF;
}
#navigation li.active li a:hover,
#navigation li.active li a:focus
{
	position: static;
	background-color: transparent;
	border-top: solid 1px #6C8C87;
	border-top: solid 1px #8FB3AD;
	color: #FFFFFF;
}
#navigation li.active li.active a,
#navigation li.active li.active a:hover,
#navigation li.active li.active a:focus
{
	background-color: #89CDC3;
	background-color: #B9E6DF;
	border-color: #FFFFFF;
	color: #165963;
}

/* Teaser unterhalb der Navigation */

div.teaser
{
	margin: 5px 0 0 0;
	padding: 12px 16px 12px 16px;
	background: #005144 url(../images/layout/green_gradient.jpg) no-repeat;
}
div.teaser.special
{
	background: #112F33 url(../images/layout/dark_green_gradient.jpg) no-repeat;
}
div.teaser h2
{
	margin: 0 -16px 0 -16px;
	padding: 0 16px 2px 16px;
	background: url(../images/icons/headline_marker.gif) no-repeat 0 4px;
	color: #BDEE47;
	font-size: 16px;
	line-height: 20px;
}
div.teaser h2 a
{
	color: #BDEE47;
}
div.teaser p
{
	color: #FFFFFF;
}
div.teaser p a
{
	color: #FFFFFF;
}
div.teaser p.details
{
	margin-top: -12px;
	padding: 0;
}

/* Footer */

#footer
{
	clear: both;
	margin: 0;
	padding: 8px 0 10px 28px;
	color: #006556;
}

div.lycms_form_error,
div.lycms_form_notification
{
	margin: 0 0 12px 0;
	padding: 8px 12px 8px 12px;
	background: #FFFFFF;
}
div.lycms_form_error
{
	border: solid 1px #D03410;
}
div.lycms_form_error h3
{
	color: #D03410;
}
div.lycms_form_notification
{
	border: solid 1px #26808D;
}

.audioplayer
{
	padding: 0;
	margin-bottom: 0.5em;
	font-size: 11px;
}
