﻿* {
	margin: 0;
	padding: 0;
}
body {
	background: #ffffff;
	font-family: Verdana, Arial, sans-serif;
	color: #4E1192;
}
a, a:visited {
	color: #000000;
}
p {
}
ul {
}
li {
}
label {
	padding-right: 4.5em
}
/* ********************************************* */
/* Page layout */
.Container {
	/*width: 100em;*/
	width: 80em;	
	margin: 0 auto;
}
.HeaderPane {
	height: 10em;
	background-color: #E3D2E7;
	color: #4E1192;
}
.Header-Logo {
	width: 14.3em;
	height: 10em;
	float: left;
	text-align: center;
}
/*
.Header-Navi {
	position: relative;
	width: 53em;
	height: 10em;
	float: left;
}
*/

.Header-Title {
	float: left;
	margin-left: .55em;
}

.Header-Title .Title {
	font-size: 2em;
	padding-top: 1.35em;
}
.Header-Title .Subtitle {
	font-size: 1.5em;
}

/*
.Header-Line {
	width: .1em;
	height: 10em;
	float: left;
}
*/
.Header-Service {
	width: 18.4em;
	float: right;
}
.ContentContainer {
	padding-top: .5em;
}
.LeftPane {
	/*width: 18.5em;*/
	width: 15em;
	float: left;
}
.ContentPane {
	width: 65em;
	float: left;
}

.FooterPane {
	margin: .5em 0 .5em 15em;
	width: 65em;
	border-top: 1px solid #cccccc;
	padding-top: .5em;
}

.print {
	width: 100%;
	padding-left: 5em;
}

/* ********************************************* */
/* general styles */

.Cleaner {
	clear: both;
}
.b {
	font-weight: bold;
}
.txt-r {
	text-align: right;
}
.txt-c {
	text-align: center;
}

/* ********************************************* */
/* Header */

.Header-Logo img {
	border: none;
	width: 11em;
	height: 10em;
}


/* navi Theme 2, navi Theme 6 */

.Header-Navi a:active.Theme2, .Header-Navi a:hover.Theme2, .Header-Navi a:focus.Theme2, .Header-Navi a.Theme2-active {
	font-weight: bold;
	border-bottom: 1em solid #cc33ff;
}

/* ********************************************* */
/*.Header-Service  */

.Header-Service {
	position: relative;
	height: 10em;
}
.Header-Service .Searchbox {
	padding: .5em;
	font-size: 1em;
}
.Header-Service .fontswitch a {
	color: black;
	margin-left: 1em;
}
.Header-Service .fontswitch {
	padding-left: .6em;
}

.Header-Service .Searchbox input.text {
	border: 1px solid #e1e1e1;
	width: 8.5em;
}
.Header-Service .Searchbox input.button {
	margin-left: .5em;
	border: 1px solid #e1e1e1;
	background: #ffffff;
	color: #000000;
	font-size: 1em;
	
}

.Header-Service a, .Header-Service a.visited {
	color: #ffffff;
}


/* ********************************************* */
/* LeftPane */

.SubNavi h2 {
	position: relative;
	background-color: #4E1192;
	color: #ffffff;
	font-size: 1.1em;
	height: 1.82em;
	line-height: 1.82em;
	margin-right: .38em;
	padding-left: 1.56em;
	text-transform: uppercase;
}

.SubNavi h2 span {
	position: absolute;
	display: block;
	top: .15em;
	left: .15em;
	width: .38em;
	height: 1.23em;
}

.SubNavi ul {
	list-style-type: none;
	margin-right: .5em;	
}

.SubNavi .verlauf,
.SubNavi ul .verlauf {
	margin-top: 1px;
	width: 14.5em;
	height: 201px;
	background-image: url('/portaldata/4/Resources/_intern/layout/verlauf.jpg')
}

.SubNavi ul li {
	clear: both;
	border-top: 1px solid #ffffff;
}
.SubNavi ul li a {
	position: relative;
	display: block;
	height: 2em;
	line-height: 2em;
	text-decoration: none;
	color: #333333;
	background-color: #E3D2E7;
	padding-left: 1.9em;
	color: #4E1192;
}

.SubNavi ul li a:hover {
	background: #c4c4c4;
}

.SubNavi ul li a span {
	position: absolute;
	display: block;
	top: .2em;
	left: .2em;
	width: .5em;
	height: 1.6em;
}

.SubNavi ul ul {
	margin-right: 0;
}
.SubNavi ul ul li {
	font-size: .9em;
	clear: both;
}

.SubNavi ul ul li a {
	position: relative;
	display: block;
	height: 1.67em;
	line-height: 1.67em;
	text-decoration: none;
	background-color: #E3D2E7;
	padding-left: 2.67em;
}

/*.SubNaviRechts .Box ul li a.active,*/
.SubNavi ul li a.active, .SubNavi ul ul li a.active {
	background-color: #DBB3E5;
}

.SubNavi ul ul li a span {
	position: absolute;
	display: block;
	top: .33em;
	left: 1.33em;
	width: .33em;
	height: 1em;
}


.SubNavi h2 span.theme2, .SubNavi ul li a span.theme2 {
	background-color: #cc33ff;
}

.SubNavi ul li a:hover span.theme2 {
	background-color: #aa00aa;
}

/* Leftpane Box */


.LeftPane .Box {
	margin-right: .5em;
	margin-bottom: .5em;
	border: 1px solid #999999;
	overflow: hidden;
}

.LeftPane .Box h2 {
	position: relative;
	background-color: #000033;
	color: #ffffff;
	font-size: 1.1em;
	height: 1.82em;
	line-height: 1.82em;
	padding-left: 1.72em;
	text-transform: uppercase;
}

.LeftPane .Box h2 span {
	position: absolute;
	display: block;
	top: .18em;
	left: .18em;
	width: .45em;
	height: 1.45em;
}

.LeftPane .Box h2 span.theme2, .LeftPane .Box li a span.theme2, 
.LeftPane .Box ul li div.Titel span.theme2,
.ContentPane .Veranstaltungskalender ul li div span.theme2 {
	background-color: #cc33ff;
}

.LeftPane .Box ul {
	clear: left;
	font-size: 1em;
	list-style-type: none;
}
.LeftPane .Box li {
	clear: both;
}
.LeftPane .Box li a {
	position: relative;
	display: block;
	padding-left: 2.1em;
	height: 1.6em;
	line-height: 1.6em;
	text-decoration: none;
	color: #333333;
}
.LeftPane .Box li a:hover {
	background: #e1e1e1;
}
.LeftPane .Box li a span {
	position: absolute;
	display: block;
	top: .2em;
	left: .2em;
	width: .3em;
	height: .9em;
}

.LeftPane .Box li a:hover .theme {
	background-color: #00aa00;
}



/* ********************************************* */
/* ContentPane */

.ContentPane .Box .detailview div ul .body li a {
	font-size: .9em;
}

.ContentPane .Box .img_rahmen {
	BORDER: #ffffff 3px solid;
}

.ContentPane .detailview_galerie {
	text-align: center;
	padding: 1.73em;
}

.ContentPane .detailview_galerie img {
	margin-right: 1em;
	margin-bottom: 1em;
	border-style: none;
}

.ContentPane hr {
	height: 1px;
	margin: 1em 1.73em;
}

.ContentPane li {
	padding: .5em 0;
}

.ContentPane img.EmotionImage {
	padding-bottom: .5em;
}

.ContentPane .Box {
	margin-bottom: .5em;
	border: 1px solid #999999;
	
	background-image:url('/portaldata/4/Resources/_intern/layout/body_bgr_2.gif');
	background-repeat:no-repeat; background-attachment:scroll;
	background-position: center top;
	background-color: #FCEED3;
}

.ContentPane .Box a,
.ContentPane .Box a:visited {
	color: #4E1192;
}

.ContentPane .Box .linkliste ul,
.ContentPane .Box .dokumentenliste ul {
	font-size: 1.1em;
	padding-top: .67em;
	padding-bottom: 1.67em;
	padding-left: 1.67em;
	list-style-type: none;
}

.ContentPane .Box .fotorahmen {
	padding-left: 1.73em	
}

.ContentPane .Box div ol,
.ContentPane .Box ul li .linkliste {
	padding-left: 1.73em;
}

/*
.ContentPane .theme2 .Box {
	background-color:#F6E5F8
}

*/

.ContentPane .Aktuelles {
	width: 36.3em;
	float: left;
	margin-right: .5em;
	border-bottom: none;
}

.ContentPane .detailview h1, .ContentPane .Box h2 {
	position: relative;
	background-color: #4E1192;
	color: #ffffff;
	font-size: 1.1em;
	height: 1.82em;
	line-height: 1.82em;
	padding-left: 1.73em;
	text-transform: uppercase;
	font-weight: bold;
}

.ContentPane .Box .detailview ul {
	padding-left: 1.37em;
}

.ContentPane .detailview div h1 {
	font-size: 1em;
	margin: 1.73em -1.73em 1.73em -1.73em;
}

.ContentPane .detailview h1 span,
.ContentPane .Box h2 span {
	position: absolute;
	display: block;
	top: .18em;
	left: .18em;
	width: .45em;
	height: 1.45em;
}

.ContentPane .detailview img {
	padding-right: 1em;
	padding-left: 1em;
}

.ContentPane ul.Teaser {
	list-style-image: none;
	list-style-type: none;
}

.ContentPane ul.Teaser li {
	padding-top: .5em;
	border-top: 1px solid #999999;
}

.ContentPane ul.Teaser li .ListeAktuell {
	padding-top: 1.5em;
	PADDING-RIGHT: 0.5em;
	PADDING-LEFT: 0.5em;
	FLOAT: right;
	PADDING-BOTTOM: 0.5em
}

.ContentPane ul.Teaser li p {
	padding-top: .5em;
	padding-bottom: 0em;
}

.ContentPane h3 {
	position: relative;
	color: #333333;
	font-size: 1.1em; /* height: 1.82em;  IE 6 only */
	line-height: 1.32em;
	font-weight: bold;
	padding-left: 1.73em;
}

.ContentPane h3 span {
	position: absolute;
	display: block;
	top: .18em;
	left: .18em;
	width: .45em;
	height: 1.45em;
}


.ContentPane .Box fieldset,
.ContentPane .Box p,
.ContentPane .Boxoffen p {
	font-size: 1.1em;
	padding: .45em .45em .45em 1.73em;
	margin-bottom: .75em;
	line-height: 120%;
}

.ContentContainer .mandatory {
	font-weight: bold;
}

.ContentContainer .important {
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: bold;
}

.ContentContainer .theme2 .important {
	color: #cc33ff;
}

.ContentContainer .theme2 a:hover {
	color: #cc33ff;
}

.ContentPane .detailview h1 span.theme2, .ContentPane .Box h2 span.theme2, .ContentPane .Box h3 span.theme2 {
	background-color: #cc33ff;
}

.ContentPane .Box .Teaser h3 span {
	margin-top: -.15em
}


/* .ContentPane Detailview */


.ContentPane .detailview h2 {
	font-size: 1.1em;
	background-color: transparent;
	color: #4E1192;
	font-weight: bold;
	text-transform: none;
	padding-left: 0em;
	/*padding-left: 3.27em;
	padding-top: 1.72em;*/
}

.ContentPane .detailview h2 span,
.ContentPane .detailview p.bar span {
	position: absolute;
	display: block;
	top: 1.9em;
	left: 1.73em;
	width: .45em;
	height: 1.45em;
}

.ContentPane .detailview div {
	position: relative;
	display: block;
	font-size: 1.1em; /*padding-left: 3.27em;*/
	padding-left: 1.73em;
	padding-right: 1.73em;
	padding-top: 1.73em;
}

.ContentPane .detailview div.imagetitle {
	font-size: 0.9em;
	text-align: center;
	margin: 0;
	padding: .25em .25em .5em .25em;
	width: 250px;
}

.ContentPane .detailview h3 {
	font-size: 1.1em;
	padding-top: 3.27em;
	padding-left: 3.27em;
	font-size: 1.1em;
	font-weight: bold;
}

.ContentPane .detailview ul {
	padding-left: 1.1em;
	padding-bottom: 1.5em;
	font-weight: normal;
	list-style-type: square;
}

.ContentPane .detailview ol {
	/*font-size: 1.1em; 	list-style-type: none;*/
	padding-left: 3.27em;
	padding-bottom: 1.5em;
}

.ContentPane .detailview tr td {
	font-size: 1em;
}

.ContentPane .detailview li {
	padding: 0 0 .4em 0;
}

.ContentPane .detailview ul ul {
	padding-bottom: 0;
	margin-bottom: 0;
	list-style-type: circle;
}

.ContentPane .detailview div p {
	position: relative;
	font-size: 1em;
	padding-left: 0;
	padding-top: 0;
}

.ContentPane .detailview img {
	PADDING: 0px;
	BORDER-STYLE: none;
}

.ContentPane .Box .Teaser li .listview_img {
	PADDING: 0 .7em .7em .7em;
	FONT-SIZE: .9em;
	FLOAT: right;
	text-align: center;
}

.ContentPane .detailview .detailview_img {
	PADDING: 0 0 .7em .7em;
	FONT-SIZE: .9em;
	FLOAT: right;
	text-align: center;
}


/* ********************************************* */
/* zweispaltiger content */
.ContentPane .Column {
	float: left;
	width: 31.4em;
}

.ContentPane .Column .Box {
	border: none;
}

.ContentPane .Column h2 {
	font-size: 1.1em;
	background-color: transparent;
	color: #000000;
	font-weight: bold;
	text-transform: none;
	padding-left: 3.27em;
	padding-top: 1.72em;
}
.ContentPane .Column h2 span {
	position: absolute;
	display: block;
	top: 1.9em;
	left: 1.73em;
	width: .45em;
	height: 1.45em;
}

.ContentPane .Column ul {
	font-size: 1.1em;
	list-style-type: none;
	padding-left: 3.27em;
	padding-bottom: 1em;
}

.ContentPane .Column ul li {
	clear: both;
	border-top: 1px solid #ffffff;
}
.ContentPane .Column ul li a {
	position: relative;
	display: block;
	height: 1.1em;
	line-height: 1.1em;
	text-decoration: none;
	color: #333333;
	padding-left: 1.9em;
}

.ContentPane .Column ul li a span {
	position: absolute;
	display: block;
	top: .2em;
	left: .2em;
	width: .3em;
	height: .9em;
}

/* Überladen der Standard Content Styles --> Ausblenden des Vorschautexts */
.ContentPane .Column ul.Teaser li {
	border: none;
	font-size: .9em;
}
.ContentPane .Column ul.Teaser li h3 {
	font-weight: normal;
}
.ContentPane .Column ul.Teaser li h3 span {
	width: .25em;
	height: .8em;
}
.ContentPane .Column ul.Teaser li p, .ContentPane .Column ul.Teaser li div {
	display: none;
}
/* -- */

.ContentPane .Column ul ul {
	margin-right: 0;
}
.ContentPane .Column ul ul li {
	font-size: .9em;
	clear: both;
}

.ContentPane .Column ul ul li a {
	position: relative;
	display: block;
	height: 1.67em;
	line-height: 1.67em;
	text-decoration: none;
	color: #333333;
	padding-left: 2.67em;
}

.ContentPane .Column ul ul li a span {
	position: absolute;
	display: block;
	top: .33em;
	left: 1.33em;
	width: .33em;
	height: 1em;
}

.ContentPane .Column h2 span.theme2, .ContentPane .Column ul li a span.theme2 {
	background-color: #cc33ff;
}
.ContentPane .Column ul li a:hover span.theme2 {
	background-color: #aa00aa;
}

/* ********************************************* */
/* Sitemap */


.ContentPane ul.Sitemap {
	padding-left: 1.73em;
	list-style-type: none;
}
.ContentPane ul.Sitemap h2 {
	background-color: Transparent;
	position: relative;
	color: #000000;
	font-size: 1.1em;
	height: 1.54em;
	line-height: 1.54em;
	margin-right: .38em;
	padding-left: 1.46em;
	font-weight: normal;
}
.ContentPane ul.Sitemap h2 span {
	position: absolute;
	display: block;
	top: .15em;
	left: .15em;
	width: .38em;
	height: 1.23em;
}

.ContentPane ul.Sitemap h2 a {
	text-transform: none;
	text-decoration: none;
}

.ContentPane ul.Sitemap ul {
	list-style-type: none;
	margin-right: .5em;
}

.ContentPane ul.Sitemap ul li {
	font-size: 1.1em;
	padding: 0 0 0 1.46em;
	margin: 0;
	clear: both;
	border-top: 1px solid #ffffff;
}
.ContentPane ul.Sitemap ul li a {
	position: relative;
	display: block;
	height: 1.6em;
	line-height: 1.6em;
	text-decoration: none;
	color: #333333;
	padding-left: 1.9em;
}

.ContentPane ul.Sitemap ul li a:hover {
	background: transparent;
}

.ContentPane ul.Sitemap ul li a span {
	position: absolute;
	display: block;
	top: .2em;
	left: .2em;
	width: .3em;
	height: .9em;
}

.ContentPane .Sitemap ul ul {
	margin-right: 0;
	padding-bottom: .5em;
}
.ContentPane .Sitemap ul ul li {
	font-size: 1em;
	clear: both;
}

.ContentPane .Sitemap ul ul li a {
	position: relative;
	display: block;
	height: 1.67em;
	line-height: 1.67em;
	text-decoration: none;
	color: #333333;
	padding-left: 2.23em;
}

.ContentPane .Sitemap ul ul ul {
	margin-right: 0;
	padding-left: 2.23em;
	padding-bottom: 0;
}



.ContentPane .Sitemap h2 span.theme2, .Sitemap ul li a span.theme2 {
	background-color: #cc33ff;
}

.ContentPane .Sitemap ul li a:hover span.theme2 {
	background-color: #aa00aa;
}


/* ********************************************* */
/* Formular */

.ContentPane .Box .detailview .CheckboxInsert input,
.ContentPane .Box .detailview .Checkbox .Checkbox_teil .CheckboxInsert input {
	border-style: none;
	vertical-align: middle;

}

.ContentPane input, .ContentPane textarea {
	font-size: 1.1em;
	font-family: Verdana, Arial, sans-serif;
	border: 1px solid #999999;
	margin-bottom: .2em;
}

.ContentPane span.cb {
	vertical-align: middle;
}

.ContentPane span.cb input {
	border: none;
	height: 1.2em;
	width: 1.2em	
	margin-right: 1em;
}

.ContentPane textarea {
	width: 30em;
}

.ContentPane input.button {
	font-size: 1em;
	margin-left: 10em;
}

.ContentPane label {
	float: left;
	width: 10em;
	font-size: 1em;
	line-height: 1.1em;
}


/* ********************************************* */
/* SearchResults */

.ContentPane h3.SearchResults {
	padding-bottom: .5em;
	margin-top: 1.73em;
	font-size: 1.1em;
}
.ContentPane ul.SearchResults {
	clear: left;
	font-size: 1em;
	list-style-type: none;
	padding-bottom: .5em;
}
.ContentPane ul.SearchResults li {
	clear: both;
	padding-top: 0;
	padding-bottom: 0.5em;
}
.ContentPane ul.SearchResults li a {
	position: relative;
	display: block;
	padding-left: 2.1em;
	padding-bottom: 0; /* height: 1.6em;  IE 6 only */
	line-height: 1em;
	text-decoration: none;
	color: #333333;
}

.ContentPane ul.SearchResults li a.morelink {
	text-decoration: underline;
	padding-top: .5em;
}

.ContentPane ul.SearchResults li a:hover {
}

.ContentPane .Box h3.SearchResults span {
	position: absolute;
	display: block;
	top: .2em;
	left: .2em;
	width: .3em;
	height: .9em;
}

.ContentPane ul.SearchResults li a:hover .theme {
	background-color: #00aa00;
}

/* ********************************************* */
/* FooterPane */

.FooterPane {
	overflow: hidden;
}

.FooterPane .Breadcrumb {
	float: left;
}

.FooterPane .Links {
	float: right;
}

.FooterPane .Links ul {
	list-style-type: none;
}
.FooterPane .Links ul li {
	list-style-type: none;
	float: left;
	padding: 0 .2em;
}

.FooterPane .theme7 a:hover {
	color: #ff0000;
}
.FooterPane .theme2 a:hover,
.FooterPane .theme6 a:hover {
	color: #cc33ff;
}
.FooterPane .theme3 a:hover {
	color: #00CCFF;
}
.FooterPane .font-family a:hover {
	color: #00cc00;
}
.FooterPane .theme5 a:hover {
	color: #FFCC00;
}