.iframeSuchergebnis {
	border: 1px solid #CCC;
}

.spaceAfter {
	margin-bottom: 10px;
}

.importantBox {
	border: 1px dotted red;
	background-color: #FFF6BE;
	width: 75%;
}

.importantContentCell {
	height: 50px;
}

.importantContentCellWarning {
	text-align:center;
	font-size:12px;
	padding:20px 20px 20px 20px;
}

.warningButton {
	font-size:12px;
	font-weight: bold;
}

.dataTable {
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
.dataTable th {
	background-color: #E1E1E1;
}
.dataTable td {
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
.dataTable td, .dataTable th {
	padding: 3px;
	border-left: 1px solid #CCC;
}

body {
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: normal;
	color: #444;
	margin: 0;
	padding: 0;
	min-width: 1000px;
	background-color: #f9f9f9;
}

body.noBg {
	background: #fff url(/media/image/bg-body.jpg) repeat-x top left;
	border-top: 5px solid #003056;
}

body.wysiwyg {
	background: none;
}

/********** Login **********/
.page-wrapper {
	padding-top: 7em;
	min-width: 960px;
}

.logo-box, .login {
	margin: 0 auto;
	width: 456px;
}

.logo-box {
	margin-bottom: 1em;
}
	.logo-box ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	.logo-box li {
		margin-left: 0;
		float: left;
	}
	.logo-box li.last {
		float: right;
	}

.login {
}
	.login ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	.login li {
		margin: 0 1em 0 0;
		float: left;
	}

#login-frm {
	display: block;
	margin-bottom: 2em;
	padding: 3em 0 1.5em 0;
	background-color: #8CB4CD;
}
	#login-frm fieldset {
		margin: 0 auto;
		width: 322px;
		border: none;
	}
	#login-frm fieldset p {
		margin-bottom: 1.5em;
	}
	#login-frm label {
		display: block;
		float: left;
		padding: 7px 0;
		width: 120px;
		color: #003157;
	}
	#login-frm input[type="text"], #login-frm input[type="password"] {
		padding: 4px;
		width: 192px;
		border: 1px solid #5F7799;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	#login-frm .btn {
		margin-left: 120px;
		padding: 4px 16px;
		background-color: #C3DCFA;
		border: 1px solid #5f7799;
		color: #003157;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow: 0 0 3px rgba(51,51,51,.5);
		-moz-box-shadow: 0 0 3px rgba(51,51,51,.5);
		box-shadow: 0 0 3px rgba(51,51,51,.5);
	}
/********** Login ENDE **********/

/********** Raster zum grundlegenden Seitenaufbau **********/
#header-wrapper {
	position: relative;
	margin: 0;
	padding: 10px;
	padding-bottom: 0;
	background-color: #003056;
}

#content-wrapper {
	clear: left;
	margin: 0;
	padding: 10px;
	background-color: #f9f9f9;
}

#footer-wrapper {
	padding: 10px;
	font-size: 10px;
}

#raster td.spaltelinks {
	/* definiert die Breite fuer die Modulnavigation */
	width: 171px;
	vertical-align: top;
}

#raster td.spaltemitte {
	/* definiert die Breite fuer den Contentbereich */
	width: 100%;
/*	padding: 10px;*/
	vertical-align: top;
	background-color: #fff;
/*	border: 1px solid #8CB4CD;*/
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 5px #ccc;
	-moz-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
}

#raster td.spalterechts {
	/* definiert die Breite fuer den Suchbereich */
	width: 260px;
	padding: 10px 10px 10px 0;
	vertical-align: top;
}
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/********** Raster zum grundlegenden Seitenaufbau ENDE **********/

/********** Header mit Hauptnavigation **********/
#logo {
	margin: 0;
	padding: 0;
	height: 65px;
}

#logo .ctools {
	position: absolute;
	top: 0;
	left: 10px;
}

#logo .schalk {
	position: absolute;
	top: 0;
	right: 10px;
}

#logo .lokal {
	margin-left:200px;
	width:600px;
	color:blue;
	font-size:300%;
	text-align:center;
	background-color:orange;
}

#logo .office {
	margin-left:200px;
	width:600px;
	color:blue;
	font-size:300%;
	text-align:center;
	background-color:#66cc00;
}

#navigationmain {
	margin: 0 0 0 90px;
	padding: 0;
	background-color: #003056;
}

#navigationmain p {
	position: absolute;
	top: 73px;
	right: 10px;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 11px;
	letter-spacing: .05em;
}

#navigationmain p a {
	color: #FFF;
	text-decoration: none;
}

#navigationmain p a:hover {
	text-decoration: underline;
}

#navigationmain ul {
	margin: 0;
	padding: 0;
	color: #ddd;
	list-style: none;
}

#navigationmain li {
	float: left;
	padding: 5px 10px;
	background-color: #8CB4CD;
	border-right: 1px solid #003056;
}

#navigationmain li.active {
	background-color: #f9f9f9;
}
#navigationmain li.active a {
	color: #003056;
	text-decoration: none;
}

#navigationmain li.inaktiv {

}
#navigationmain li.inaktiv a {
	color: #ffffff;
	text-decoration: none;
}
/********** Hauptnavigation ENDE **********/

/********** Modulnavigation **********/
#navigationsecond {
	margin: 10px 5px 0 19px;
	padding: 5px;
	width: 180px;
}

#navigationsecond a.ebene1 {
	display: block;
	color: #003056;
	padding: 5px;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #F0F0F0;
}

#navigationsecond a.ebene1:hover {
	color: orange;
}

#navigationsecond .ebene1aktiv {
	display: block;
	background: #FFF none;
	padding: 5px;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #F0F0F0;
}

#navigationsecond .ebene1 {
   margin: 0 0 4px 0;
}

#ebene2 {
	margin: 0 0 4px 0;
}

#navigationsecond a.ebene2 {
	display: block;
	color: #386C95;
	padding: 6px 5px 6px 10px;
	border-bottom: 1px solid #F0F0F0;
	text-decoration: none;
}

#navigationsecond a.ebene2:hover {
	background: #FFF;
	color: #386C95;
	background: #F2F2F2;
}

#navigationsecond a.ebene2aktiv {
	display: block;
	background: #F2F2F2;
	color: #386C95;
	padding: 6px 5px 6px 10px;
	border-top: 1px solid #F0F0F0;
	text-decoration: none;
	font-weight: bold;
}
/********** Modulnavigation ENDE **********/



#spaltePortalseite, #kastenPortalseite {
	/* definiert die Breite fuer die mittlere Spalte der Portalseiten */
	width: 600px;
	padding: 10px;
}

/* Spaltenaufteilung per CSS, NICHT VERWENDEN */
#spalterechts {
	float: right;
	margin-left: 10px;
	width: 260px;
}

#contentMitteSmall {
	margin-right: 270px;
	height: 1%; /* fuer IE */
}
#contentMitte {
	margin-right: 0;
}
/* Spaltenaufteilung per CSS, NICHT VERWENDEN ENDE */

.areaLeft {
	/* 2-Spalten Aufteilung fuer den innersten Bereich des Contents */
	float: left;
	width: 49%;
}

.areaRight {
	/* 2-Spalten Aufteilung fuer den innersten Bereich des Contents */
	float: right;
	width: 49%;
}

/***/

#area {
	padding: 5px 8px 0 8px;
}

.Group {
/*	widows: 100%; */
	padding: 0 0 10px 0;
/*	border: 1px dotted #AAAAAA;*/
/*	margin: 1px; */

}
.Group h1 {
	margin: 0 0 0 0;
/*	padding: 5px 0 0 5px; */
	font-size: 12px;
	clear: left;
}

.Group div {
	margin: 0 0 10px 0;
	padding: 5px 0 0 0;
	height: 100%;
	width: 100%;
	clear: left;
}

.Group div div {
	width: 359px;
/*	height: 180px; */
	float: left;
	padding: 0;
}


.Group div label {
	float: left;
	width: 120px;
	height: 100%;
}

.Group div label .error{
	color: red;
}

.Group div span {
   width: auto !important;
	height: auto;
	float: left;
}

.Group div span span {
	width: auto !important;
	float: left;
}
/***/
/********** Raster zum grundlegenden Seitenaufbau ENDE **********/

/********** Contentbereich **********/
/* Standardformatierungen */
img {
	/* Rahmendarstellung global ausschalten */
	border: 0;
}

a {
	/* Globale Darstellung fuer alle Links im normalen Zustand */
	color: #F90;
}

/* Standardformatierungen ENDE */

/* Formularelemente */
form {
	/* alle Formulare werden auf inline gesetzt, damit kein Zeilenumbruch erzeugt wird */
	display: inline;
}

.formElementKurz {
	/* Sonderfall z.B. f�r Jahreszahlen etc */
	width: 50px;
	border: 1px solid #386C95;
}

.formElementStandard {
	/* Standardformatierungen fuer alle Formularelemente, ausser Checkboxen, Radiobuttons und Buttons */
	width: 140px;
	border: 1px solid #386C95;
}
.formElementBig {
	/* Standardformatierungen fuer alle Formularelemente, ausser Checkboxen, Radiobuttons und Buttons */
	width: 250px;
	border: 1px solid #386C95;
}

.formElementBigText {
	/* Standardformatierungen fuer alle Formularelemente, ausser Checkboxen, Radiobuttons und Buttons */
	width: 250px;
	border: 1px solid #386C95;
	height: 150px;
}

.readOnly {
	width: 278px;
	display: block;
	margin-bottom: 1px;
	padding-left: 1px;
	padding-top: 1px;
}

.readOnlyBig {
   	width: 278px;
   	display: block;
   	margin-bottom: 1px;
   	padding-left: 1px;
   	padding-top: 1px;
	min-height: 281px;
}

* html .readOnlyBig {
	height: 281px;
}

.readOnlyFCK {
   	width: 278px;
   	display: block;
   	margin-bottom: 1px;
   	padding-left: 1px;
   	padding-top: 1px;
   	height: 197px;
}


.formElementLang {
	/* Lange Formatierung fuer alle Formularelemente, ausser Checkboxen, Radiobuttons und Buttons */
	width: 280px;
	border: 1px solid #386C95;
}

.formElementLangMultiple {
	/* Lange Formatierung fuer alle Formularelement Multiple */
	width: 280px;
	height: 80px;
	border: 1px solid #386C95;
}

.formElementTextbox {
	/* Lange Formatierung fuer alle Formularelemente, ausser Checkboxen, Radiobuttons und Buttons */
	width: 560px;
	height: 280px;
	border: 1px solid #386C95;
}

.textareaHeight70 {
	width: 560px;
	height: 70px;
	border: 1px solid #386C95;
}

.textareaS {
	height: 50px;	
	width: 560px;
}

.textareaM {
	height: 100px;	
	width: 560px;
}

.textareaXL {
	height: 500px;	
	width: 560px;
}

.textBoxWithoutWidth {
	/* Lange Formatierung fuer alle Formularelemente, ausser Checkboxen, Radiobuttons und Buttons */
	border: 1px solid #386C95;
}
input.eingabefeldplz {
	/* Formatierung speziell fuer Textfelder mit PLZ */
	width: 35px;
	border: 1px solid #386C95;
}

input.button {
	/* Formatierung fuer alle Buttons */
	padding: 4px 16px;
	background-color: #C3DCFA;
	border: 1px solid #5f7799;
	color: #003157;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}


textarea.cms {
	width: 250px;
	height: 125px;
	border: 1px solid #386C95;
}

/*textarea.standard {
	width: 99%;
	height: 75px;
}*/

/*input.standard {
	width: 99%;
}*/

select.vorlagenAuswahl {
	/* nur fuer Auswahlliste der Templates */
	width: 400px;
	height: 375px;
	border: 1px solid #386C95;
}
/* Formularelemente ENDE */

#vorlagenSelect {
	float: left;
	margin-right: 10px;
}

#vorlagenPreview img {
	border: 1px solid #CCC;
}


/* Ueberschriften */
h1 {
	/* Ueberschrift 1. Ordnung auf saemtlichen Portalseiten */
	font-size: 14px;
	margin: 0 0 1em 0;
}

h1.headlineInsideBox {
	/* Ueberschrift 1. Ordnung innerhalb von Contentboxen */
	color: #386C95;
	font-size: 12px;
	margin: 5px 5px 1em 5px;
}

h2 {
	/* Ueberschrift 2. Ordnung auf saemtlichen Portalseiten */
	font-size: 12px;
}
/* Ueberschriften ENDE */

/* Text- und Ausrichtungsformatierungen */
.textausrichtunglinks {
	text-align: left;
}

.textausrichtungrechts {
	text-align: right;
}

.rednormal {
   color: #FF0000;
}

.greennormal {
	color: #339900;
}

.greyblue {
	color: #639AB6;
}

.redbold {
   color: #FF0000;
   font-weight: bold;
}

.grey {
	color: #C3C3C3;
}

.greenbold {
	color: #339900;
	font-weight: bold;
}

.black {
	color: #000000;
}
/* Text- und Ausrichtungsformatierungen ENDE */

/* Hintergrundfarben */
.bgblue {
	background-color: #639AB6;
}

.bgorange {
	background-color: #F90;
}

.bggray {
	background-color: #F9F9F9;
}

.bgleichtgrau {
	background-color: #F8F8F8;
}

.bghellgrau {
	background-color: #F2F2F2;
}
/* Hintergrundfarben ENDE */

/* Boxen */
.boxblue {
	background-color: #fff;
}

.boxorange {
	border: 1px solid #F90;
}

.boxcontent {
	padding: 10px;
}

.bgorangeheadline {
	/* Header fuer die orangen Contentboxen */
	color: #FFF;
	background-color: #F90;
	height: 20px;
	line-height: 20px;
	word-spacing: 3px;
	padding: 0 0 0 5px;
	text-align: left;
	font-weight: bold;
}

.boxheadlineleft {
	float: left;
	padding: 10px;
}

.boxheadlineright {
	float: right;
	padding: 10px;
}

.bgblueheadline {
	/* Header fuer die blauen Contentboxen */
	color: #003056;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	text-align: left;
}

div.linkbox {
	/* Container fuer die Quicklinks */
	border: 1px solid #F90;
}

div.linkbox a {
	/* Linkformatierung fuer die Quicklinks im normalen Zustand */
	display: block;
	height: 25px;
	line-height: 25px;
	color: #386C95;
	padding-left: 9px;
	border-top: 1px solid #F2F2F2;
}

div.linkbox a:hover {
	/* Linkformatierung fuer die Quicklinks im gehighlighteten Zustand */
	background-color: #F2F2F2;
	text-decoration: none;
}

div.linkbox ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

div.linkbox ul li {
	padding-left: 9px;
	border-top: 1px solid #F2F2F2;
}

div.linkbox ul a {
	color: #386C95;
	display: inline;
	border-top: none;
}
div.linkbox ul a:hover {
	background: none !important;
	text-decoration: underline;
}
/* Boxen ENDE */



/* Reiternavigation */
#tabnav {
/*	border-bottom: 1px solid #ccc;*/
}
#tabnav .zelle {
	/* grundlegende Formatierung fuer einen Reiter */
	border: 1px solid #eee;
	border-bottom-color: #ccc;
	padding: 5px 10px 3px 10px;
	white-space: nowrap;
}

#tabnav .active {
	/* Reiter im aktiven Zustand */
	color: orange;
	font-weight: bold;
	background-color: #f9f9f9;
	border: 1px solid #ccc;
	border-bottom: none;
}

#tabnav .inactive, #tabnav .inactive a {
	/* Reiter im deaktivierten Zustand */
	color: #bbb;
}

#tabnav .spacer {
	/* Abstand zwischen den Reitern */
	width: 2px;
	border-bottom: 1px solid #CCC;
}

#tabnav .filler {
	/* Auffueller bis zum Ende */
	width: 100%;
	border-bottom: 1px solid #CCC;
}

#tabnav a {
	color: #003056;
	text-decoration: none;
}

#tabnav a:hover {
	color: orange;
	text-decoration: none;
}
/* Reiternavigation ENDE */

/* Innenboxen */
.rahmenmittab {
	/* graue Box innen zur Verwendung wenn Reiternavigation vorhanden ist */
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding-bottom: 5px;
}

.rahmenohnetab {
	/* graue Box innen zur Verwendung wenn Reiternavigation nicht vorhanden ist */
	border: 1px solid #CCC;
}

.rahmenohnetabsuche {
	/* graue Box innen fuer die Suche */
	border: 1px solid #CCC;
}

.rahmenohnetabsuche td {
	padding: 5px;
}
/* Innenboxen ENDE */

/* Paging */
.bgpaging {
	background-color: #F9F9F9;
	padding: 7px 5px;
	font-size: 11px;
}

.pagingback {
	float: left;
	width: 33.3%;
	height: 25px;
	line-height: 25px;
	text-align: left;
}

.paginginfo {
	float: left;
	width: 33.3%;
	height: 25px;
	line-height: 25px;
	text-align: center;
}

.pagingforward {
	float: right;
	width: 33.3%;
	height: 25px;
	line-height: 25px;
	text-align: right;
}

.pagingback img, .pagingforward img {
	margin-top: 7px;
}

a.pageFirst {
	background: url(../media/image/paging_first.gif) no-repeat;
}

a.pageFirst:hover {
	background: url(../media/image/paging_first_h.gif) no-repeat;
	text-decoration: none;
}

a.pageLast {
	background: url(../media/image/paging_last.gif) no-repeat;
}

a.pageLast:hover {
	background: url(../media/image/paging_last_h.gif) no-repeat;
	text-decoration: none;
}

a.pagePrev {
	background: url(../media/image/paging_back.gif) no-repeat;
}

a.pagePrev:hover {
	background: url(../media/image/paging_back_h.gif) no-repeat;
	text-decoration: none;
}

a.pageNext {
	background: url(../media/image/paging_next.gif) no-repeat;
}

a.pageNext:hover {
	background: url(../media/image/paging_next_h.gif) no-repeat;
	text-decoration: none;
}
/* Paging ENDE */

/* Uebersichtslisten */
table.uebersichtsliste {
	border-top: 1px solid #f2f2f2;
	border-right: 1px solid #f2f2f2;
}

table.uebersichtsliste tr:nth-child(odd) {
	background-color: #f9f9f9;
}

table.uebersichtsliste th {
	background-color: #F2F2F2;
	font-size: 11px;
	text-align: left;
	padding: 5px;
}

table.uebersichtsliste th a {
	color: #333;
	background: url(../media/image/icon_sort.gif) no-repeat;
	padding-left: 15px;
}

table.uebersichtsliste td {
	padding: 5px 5px 5px 7px;
}

table.uebersichtsliste td.trenner {
	border-bottom: 1px solid #F2F2F2;
	border-left: 1px solid #F2F2F2;
}

td.titel {
	width: 200px;
}

table.uebersichtsliste td.trennerNoBorder {
	border-bottom: none;
}

.txtUebersichtKeinInhalt {
	padding: 5px 0 5px 0;
	text-align: center;
}
/* Uebersichtslisten ENDE */

/* Detailansicht */
table.detailansicht {
	border-bottom: 1px solid #F2F2F2;
}

table.detailansicht th, table.detailansicht td {
	padding: 10px;
}

table.detailansicht th {
	color: #003506;
	text-align: left;
}

table.detailansicht .infocellprominent {
	width: 115px;
	padding: 10px;
}

table.detailansicht .contentcellprominent {
	padding: 10px 5px;
}

table.detailansicht .infocell {
	width: 115px;
	vertical-align: top;
}
/* Detailansicht ENDE */

/* Verschiedenes */
img.iconSpace {
	/* Abstand zwischen den Icons in den Uebersichtslisten */
	margin-left: 5px;
}

p.ansichtdiagramm {
	/* Innenabstand fuer den Container, der ein Diagramm enthaelt */
	padding: 5px;
}

.paraInsideBox {
	padding: 0 5px;
}

.paraInsideBox img {
	vertical-align: middle;
	margin-right: 5px;
}

.paraInsideBoxDivider {
	padding: 0 5px 5px 5px;
	border-bottom: 1px solid #F2F2F2;
}

#newsletterChooseName, #newsletterChooseVerteiler, #newsletterChooseDatum, #newsletterChooseZeit {
	font-weight: bold;
	width: 85%;
}

#newsletterChooseNameText, #newsletterChooseVerteilerText, #newsletterChooseDatumText, #newsletterChooseZeitText {
	font-weight: bold;
	border: 1px solid #CCC;
	padding: 2px 5px;
	background: #f2f2f2;
}

.newsletterChooseSelect {
	width: 15%;
}

td.auflistungNewsletterFehlerhaft {
	padding: 5px;
	background-color: #F9F9F9;
	height: 30px;
	border-bottom: 1px dotted #ccc;
	font-weight: bold;
}

td.auflistungNewsletterFehlerhaft a {
	border: 1px solid #F9F9F9;
	padding: 2px 5px;
}

td.auflistungNewsletterFehlerhaft a:hover {
	background-color: #f90;
	color: #fff;
	text-decoration: none;
}

td.auflistungNewsletterFehlerhaft .aktiv {
	background-color: #f90;
	color: #fff;
	text-decoration: none;
}

.containsCheckbox {
	width: 10px;
}

#newsletterVersandBox {
	width: 300px;
	margin: 5px;
	background-color: #FFFFCC;
	border: 1px solid #FF9900;
}

#newsletterVersandBox th, #newsletterVersandBox td {
	text-align: left;
	padding: 2px 5px;
}

#newsletterVersandBox img {
	margin: 2px;
}
/* Verschiedenes ENDE */

/* Header */
table.tableHeader {
    font-size: 10px;
    background-color: #f9f9f9;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    height: 30px;
}

/* Footer */
table.tableFooter {
	font-size: 10px;
	height: 30px;
}

.tableFooterCheckbox {
	width: 10px;
	padding-left: 8px;
}

.tableFooterContainsButton {
	padding-left: 5px;
}

.tableFooterPrint {
	text-align: right;
	padding-right: 5px;
}

.tableFooterPrint a {
	color: #386C95;
}
/* Footer ENDE */
/********** Contentbereich ENDE **********/

/********** WYSIWYG **********/
/* nur zur Verwendung im Wysiwyg-Template fuer den Newsletter */
#header .left {
	float: left;
}

#header .right {
	float: right;
}

#header {
	float: left;
	width: 100%;
	background-color: #386C95;
	border-bottom: 1px solid #000;
	margin: 0;
}

#header p {
	margin: 0;
	padding: 10px 8px 10px 12px;
	color: #fff;
}

#header a {
	color: #fff;
	text-decoration: none;
}

#header a:hover {
	text-decoration: underline;
}

#contentArea {
	clear: both;
	padding: 10px;
	border: 1px solid #386C95;
	border-top: none;
	background: url(../media/image/bg_wysiwyg.png) repeat;
}

/* Iconleiste ueber jedem Editbereich */
.bearbeitenTab {
	margin: 0;
	padding: 2px;
	font-size: 11px;
	background-color: #FF9900;
	font-weight: bold;
	border-bottom: 2px solid red;
}

.bearbeitenTab a {
	color: #000 !important;
	padding: 0 2px;
}

.bearbeitenTab a:hover {
	color: #000 !important;
}

.highlightEditBereich {
	background-color: #E9E9E9;
	border: 2px dotted red;
}
/* Iconleiste ueber jedem Editbereich ENDE */

/* Editicons */
.editIconarea {
	margin: 5px;
}

a.editWysiwyg:hover {
	/*background: none !important;*/
}
/* Editicons ENDE */

#newsletter-wrapper {
	border: 1px solid #CCCCCC;
	border-top: none;
	background: #FFF;
	padding: 10px;
	height: 1%;
}

#newsletterContainer {
	float: left;
	width: 700px;
}

#newsletterContainerText {
	float: left;
	/*width: 430px;*/
	width: 44%;
}

#zusatzInfosText {
	float: right;
	width: 54%;
	margin-bottom: 10px;
}

#zusatzInfosText h2 {
	margin-top: 0;
}

#zusatzInfos {
	margin-left: 710px;
	border: 1px solid #F2F2F2
}

#zusatzInfos h1 {
	margin: 0 0 0 0;
	font-size: 11px;
	background: #F2F2F2;
	padding: 3px 5px;
}

#zusatzInfos p {
	padding: 5px;
	margin: 0;
}

#zusatzInfos table {
	margin: 0.5em 0 1em 5px;
}

#viewHTMLNewsletter {
	float: right;
	width: 54%;
	overflow: scroll;
	border: 1px solid #ccc;
}

#footer {
	border: 1px solid #CCC;
	border-top: none;
	background-color: #F2F2F2;
	padding: 5px;
	font-weight: bold;
	height: 21px;
}

#footer a {
	display: block;
	float: left;
	text-align: center;
	width: 50px;
	color: #333;
	padding: 2px 10px;
	margin: 2px;
	background-color: #DDD;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	text-decoration: none;
}

#footer a:hover {
	background-color: #DDD;
}

.hinweistext {
	margin-bottom: 10px;
}
/********** WYSIWYG ENDE **********/

/********** Statusmeldungen **********/
#statusmeldung {
	position: absolute;
	top: 50px;
	width: 350px;
	z-index: 1000;
	visibility: visible;
	border-bottom: 2px solid #999;
	border-right: 2px solid #999;
}

#statusmeldung #wrapper {
	border: 1px solid #F00;
	background-color: #FFF;
}

#statusmeldung #header {
	height: 20px;
	line-height: 20px;
	background-color: #F00;
	color: #FFF;
	font-weight: bold;
	padding-left: 5px;
}

#statusmeldung #inhalt {
	padding: 5px;
}

#statusmeldung #footer {
	height: 30px;
	line-height: 30px;
	background-color: #CCC;
	padding-left: 5px;
	text-align: center;
}

#statusmeldung #footer a {
	margin: 0 3px 0 3px;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	font-size: 11px;
	padding: 2px 5px;
	color: #000;
	background-color: #CCC;
	text-decoration: none;
}

#statusmeldung #footer a:hover {
	margin: 0 3px 0 3px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	font-size: 11px;
	padding: 2px 5px;
	color: #000;
	background-color: #B5B5B5;
	text-decoration: none;
}
/********** Statusmeldungen ENDE **********/

/********** Confirmmeldungen **********/
#confirm {
	position: absolute;
	top: 50px;
	width: 350px;
	z-index: 1000;
	visibility: hidden;
	border-bottom: 2px solid #999;
	border-right: 2px solid #999;
}

#confirm #wrapper {
	border: 1px solid #F00;
	background-color: #FFF;
}

#confirm #header {
	height: 20px;
	line-height: 20px;
	background-color: #F00;
	color: #FFF;
	font-weight: bold;
	padding-left: 5px;
}

#confirm #inhalt {
	padding: 5px;
}

#confirm #footer {
	height: 30px;
	line-height: 30px;
	background-color: #CCC;
	padding-left: 5px;
	text-align: center;
}

#confirm #footer a {
	margin: 0 3px 0 3px;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	font-size: 11px;
	padding: 2px 5px;
	color: #000;
	background-color: #CCC;
	text-decoration: none;
}

#confirm #footer a:hover {
	margin: 0 3px 0 3px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	font-size: 11px;
	padding: 2px 5px;
	color: #000;
	background-color: #B5B5B5;
	text-decoration: none;
}
/********** Confirmmeldungen ENDE **********/

/********** Message Box **********/
#msgBox {
	z-index: 1001;

	left: 150px;
	top: 50px;
	width: 378px;

	margin: auto;
	margin-top: 100px;
}

#msgBox2 {
	
	position:absolute;
	
    z-index: 1002;

    left: 50%;
    top: 100px;
    width: 378px;

    margin: auto;
    margin-left: -190px;
}

.blueBox {
   border: 1px solid #386C95;
	background-color: #FFF;
}

.redBox {
   border: 1px solid #FF0000;
	background-color: #FFF;
}

div.redTitle {
	background-color: #FF0000;
	height: 22px;
	line-height: 22px;
	margin: 0;
	padding-left: 6px;
	padding-right: 6px;
	color: #FFF;
	font-weight: bold;
}

div.blueTitle {
	background-color: #386C95;
	height: 22px;
	line-height: 22px;
	margin: 0;
	padding-left: 6px;
	padding-right: 6px;
	color: #FFF;
	font-weight: bold;
}

.alignLeft {
	float: left;
}
.alignRight {
	float: right;
}

p.msgBoxHeadline {
	clear: both;
	margin: 10px;
	font-weight: bold;
}
p.msgBoxHeadline img {
	float: left;
	margin: 2px 10px 10px 0;
}
p.msgBoxInfoText {
	margin: 10px;
}

div.msgBoxButton {
	clear: left;
	text-align: right;
	margin: 0 6px 6px 0;
}

span.msgBoxCloseButton
{
   padding-top: 5px;
}

/********** Message Box ENDE **********/

/********** Message Div **********/
#msgDiv
{
   z-index: 1000;

   left: 0px;
   top: 0px;
	width: 100%;
	height: 100%;

   position: absolute;
   visibility: hidden;
}
/********** Message Div ENDE **********/


tr.exportTest td {
	background-color: #FFC060;
}

#tablefilters {
   width: 100%;
}

#tablefilters tr {
   width: 100%;
}

#tablefilters td {
	background-color: #FFC060;
}



/* Tabelle fuer die Browseransicht des Exports */
table.exportCSVBrowser {
	font-size: 10px;
	border-right: 1px solid #386C95;
	border-bottom: 1px solid #386C95;
}
table.exportCSVBrowser th {
	background-color: #386C95;
	color: #FFF;
	white-space: nowrap;
	padding: 5px 5px 5px 2px;
	text-align: left;
}
table.exportCSVBrowser td {
	white-space: nowrap;
	border-left: 1px solid #386C95;
	border-top: 1px solid #386C95;
	padding: 2px;
}

.importantBox { border: 1px dotted red; background-color: #FFF6BE; width: 75%; }

/*
   tabletrows als fehler markieren
*/
.error
{
   color: #FF0000;
}


.img-container
{
   float:left;
   width:140px;
   height:150px;
   border:1px solid #ddd;
   text-align:center;
   font-size:7pt;
}

div.images
{
   margin-top: 15px;
}

.imageSavedBox
{
   border: 1px dotted red;
   background-color: #FFF6BE;
   padding: 10px;
}

/* Templateberechtigungen
================================================================================ */
.editareaFunctions {
	background-color: #f9f9f9;
	border: 1px dashed #ccc;
	padding: 5px;
}

tr.overViewHighlight
{
   background-color: #EEEEEE;
}


/* Formular */
.formElementBigText {
	/* Standardformatierungen fuer alle Formularelemente, ausser Checkboxen, Radiobuttons und Buttons */
	width: 350px;
	border: 1px solid #386C95;
	height: 200px;
}

.formElementVariabel {
   /* Standardformatierungen fuer alle Formularelemente, ausser Checkboxen, Radiobuttons und Buttons */
   border: 1px solid #386C95;
}

.textareadiv
{
	width: 350px !important;
	height: 200px !important;
	border: 1px solid #386C95;
}

/* Filter
================================================================================ */

#filter {
	background: #f9f9f9;
	padding: 5px;
	margin: 5px 0 10px 0;
	border: #cccccc 1px solid;
}

/* Benutzerverwaltung V2 (mit Modulzuweisung)
================================================================================ */
.multipleSelectRed {
	/* Lange Formatierung fuer alle Formularelemente, ausser Checkboxen, Radiobuttons und Buttons */
	width: 250px;
	border: 1px solid #386C95;
	color: #B40404;
	background-color: #FBF5EF;
}

.multipleSelectGreen {
	/* Lange Formatierung fuer alle Formularelemente, ausser Checkboxen, Radiobuttons und Buttons */
	width: 250px;
	border: 1px solid #006600;
	color: #088A08;
	background-color: #E3F6CE;
}

.buttonEntfernen {
	width: 100px;
	font-size: 13px;
	font-weight: bold;
	color: #333;
	background-color: #FE2E2E;
	border-top: 2px solid #B40404;
	border-left: 2px solid #B40404;
	border-right: 2px solid #FA5858;
	border-bottom: 2px solid #FA5858;
}

.buttonHinzufuegen {
	width: 100px;
	font-size: 13px;
	font-weight: bold;
	color: #333;
	background-color: #01DF01;
	border-top: 2px solid #04B404;
	border-left: 2px solid #04B404;
	border-right: 2px solid #58FA58;
	border-bottom: 2px solid #58FA58;
}

/* Typo (hinzugefuegt: vj - 23.08.2008)
================================================================================ */
/* Formularelemente */
input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555;
	padding: 2px;
}
input[type="text"] {
	border: 1px solid #5F7799;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
input[type="text"]:focus {
	background-color: #f9f9f9;
	-moz-box-shadow: 0 0 10px rgba(255,102,0,.3);
}


/* Standardformatierungen einzelner Elemente (hinzugefuegt: vj - 23.08.2008)
================================================================================ */
hr {
	background-color: #f2f2f2;
	border: 0 none;
	color: #f2f2f2;
	height: 1px;
}

/* Generierung (hinzugefuegt: vj - 23.08.2008)
================================================================================ */
.generierung ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.generierung ul li {
	padding: 5px 0;
	border-bottom: 1px solid #f2f2f2;
}

.generierung ul li label input {
	margin: 3px 10px 3px 3px;	
}

.generierung ul li.child1 {
	padding-left: 0px;
}

.generierung ul li.child2 {
	padding-left: 15px;
}

.generierung ul li.child3 {
	padding-left: 30px;
}

.generierung ul li.child4 {
	padding-left: 45px;
}

.generierung ul li.child5 {
	padding-left: 60px;
}

.generierung ul li.child6 {
	padding-left: 75px;
}

.generierung ul li.child7 {
	padding-left: 90px;
}

.generierung ul li.child8 {
	padding-left: 105px;
}

.generierung ul li.child9 {
	padding-left: 120px;
}

.generierung ul li.child10 {
	padding-left: 135px;
}

.generierung ul li.child11 {
	padding-left: 150px;
	background-position: 150px center;
}

.generierung ul li.child12 {
	padding-left: 165px;
}

/* unterschiedliches tabellenzellenformat f�r die rechteverwaltung: fk - 05.09.2008
================================================================================ */
.odd {
	height: 20px;
	background-color:#FAFAFA;/*#F8FFFF;*/
}

.even {
	height: 20px;
	background-color:#F6F6F6;
}
/* bildgalerie Modul
================================================================================ */
.galerieModulEinleitung {
	padding: 5px;
	background-color: #DDD;
}

.galerieModulEinleitung p {
	margin: 0 0 5px 0;
	padding: 0;
}

.galerieModulEinleitung h4, .hgalerieModul {
	margin: 0 0 .5em 0;
	padding: 0;
	font-size: 12px;
}

.hgalerieModul span {
	padding: 1px;
	background-color: #eee;
}

#galeriemodulContainer {
	position: relative;
	float: left;
	width: 100%;
}

ul.galerieModul{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

.galerieModul li {
	float: left;
	width: 120px;
	height: 145px;
/*	padding: 5px;*/
	margin: 2px;
	border: 1px solid #ddd;
	list-style: none;
/*	text-align: center;*/
/*	vertical-align: middle;*/
}

.moveHandle {
	margin: 0;
	padding: 0;
	background-color: #ddd;
	border-bottom: 1px solid #ddd;
}

.moveHandle a {
	display: block;
	margin: 0;
	padding: 2px 2px 2px 5px;
	cursor: move;
	color: #000;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: center right;
}

.galerieFunctions {
	margin: 5px 0;
	padding: 0;
	float: left;
	width: 100%;
}

.galerieFunctions .bildNr {
	float: left;
	margin: 0;
	padding: 2px 0 2px 2px;
}

.galerieFunctions .left {
	float: left;
	margin: 0;
	padding: 0 0 0 2px;
}
.galerieFunctions .right {
	float: right;
	margin: 0;
	padding: 0 2px 0 0;
}

.itemPicture {
	clear: both;
	margin: 0;
	padding: 0;
	text-align: center;
	overflow: hidden;
	height: 95px;
}

/* Rechteverwaltung Modul
================================================================================ */
#frmRechteverwaltung label {
	display: block;
	float: left;
	width: 140px;
	font-weight: bold;
}

#frmRechteverwaltung .frmRow {
	float: left;
	padding: 5px 0;
	width: 100%;
}

.clearer {
	clear: both;
}


/* Textarea mit BB-Code-Buttons */

.bbTextbox {
	float: left;
	margin-right: 15px;
}

.bbButtonBar {
	display: block;
	width: 30px;
	float: left;
	padding: 2px 0 0 0;
	margin: 0;
	list-style: none;
}

.bbButtonBar .bbIcon {
	display: block;
	width: 25px;
	height: 25px;
	margin-bottom: 10px;
}

.bbButtonBar .bbIcon a {
	display: block;
	width: 25px;
	height: 21px;
	background-color:#DDDDDD;
	border-color:#666666 #999999 #999999 #666666;
	border-style:solid;
	border-width:1px;
	color: #000;
	font-size: 1.3em;
	text-align: center;
	padding-top: 4px;
}

.bbButtonBar .bbIcon a:hover {
	background-color:#efefef;
	text-decoration: none;
}

/* Special-Chars */
.bbSpecialCharBar {
	display: block;
	float: left;
	padding: 2px 0 0 2px;
	margin: 0;
	list-style: none;
	width: 450px;
}

.bbSpecialCharBar .bbSpecialChar {
	display: block;
	width: 25px;
	height: 25px;
	margin-bottom: 2px;
	float: left;
}

.bbSpecialCharBar .bbSpecialChar a {
	display: block;
	width: 21px;
	height: 21px;
	background-color:#EFEFEF;
	border-color:#999999;
	border-style:solid;
	border-width:1px;
	color: #000;
	font-size: 1.3em;
	text-align: center;
	padding-top: 2px;
}

.bbSpecialCharBar .bbSpecialChar a:hover {
	background-color:#FF9900;
	text-decoration: none;
}


/* Karussell-Export für Gasteig */

#statistiktable {
	margin: 0;
	padding: 0;
	width: 100%;
	border-collapse: collapse;
}

#statistiktable caption {
	padding: 0  0 5px;
	width: 100%;
}

#statistiktable,
#statistiktable tr,
#statistiktable th,
#statistiktable td {
	border: 1px solid #ccc;
}

#statistiktable th,
#statistiktable td {
	padding: 5px;
	vertical-align: top;
}

#statistiktable th {
	background-color: #639AB6;;
	color: #fff;
	text-transform: uppercase;
	width: 32px;
	text-align: center;
}

#statistiktable th.nobg {
	background: none;
	background-color :#FFFFFF;
	color: #386C95;
	text-align: right;
}

#statistiktable td {
	background: #FFFFFF;
	color: #000;
	text-align: center;
}

#statistiktable td.alt {
	background: #F5FAFA;
}

#statistiktable .spec {
	background-color: #FFFFFF;
	text-align: right;
	color: #386C95;
	font-weight: bold;
}

#statistiktable th.specalt {
	color: #797268;
}

.tendenz_plus {
	color:#00CC00;
	font-weight:bold;
}
.tendenz_minus {
	color:#CC0000;
	font-weight:bold;
}

#statistiktable tr.grey td {
	background-color: #F4F4F4;
}

#statistiktable tr th.green {
	background-color: green;
	color: #fff;
}

#statistiktable tr td.green {
	background-color: #AFD4A0;
}

#statistiktable tr td.green a {
	color: black;
}


#statistiktable tr.grey th {
	background-color: #F4F4F4;
}

.fontXL {
	font-size: 1.6em;
}