/*
A C H T U N G !
Diese CSS werden nur in neueren IE Browsern korrekt dargestellt.
Für eine korrekte Darstellung in anderen Browsern w.z.B. Mozilla,
ist unbedingt ein Browser Hack erforderlich. Danach können die CSS
für Formulare, loginheading, componentheading und contentheading
entsprechend angepasst werden. (Leider ist das kein Joomla-Standard)
*/

html {
	height : 100%;
}

/* background-color = weiss, wichtig für Editor */
body {
	line-height : 100%;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 13px;
	padding : 0;
	margin : 0;
	color : #333333;
	background-color : #ffffff;
}

.clr {
	clear : both;
}

#top_menu {
	width : 100%;
	float : left;
	height : 24px;
	padding : 0px;
	margin : 0px;
	overflow : visible;
	background-color : #000000;
/*
	Wird nicht mehr benötigt, da background neutral blau ist !
	----------------------------------------------------------
	background-image : url(../images/bg_pagenav.gif);
	background-repeat : repeat-x;
*/
}

#top_menu_inner {
	overflow : visible;
	padding-top : 0px;
	padding-left : 0px;
}

/*
Für Banner ist kein Platz mehr vorhanden!
-----------------------------------------
#banner {
	float : right;
	font-size : 11px;
	font-family : Geneva, Arial, Helvetica, sans-serif;
	color : #555555;
	padding-top : 20px;
	padding-right: 70px;
}
*/

#pathway {
	height : 24px;
	color : #333333;
	margin-bottom : 0px;
	margin-left : 16px;
	margin-right : 16px;
	margin-top : 10px;
	background-color : #ffffff;
/*
	Pathway background passt nicht zum Layout von Tiefenrausch!
	-----------------------------------------------------------
	background-image : url(../images/pathway.gif);
	background-repeat : repeat-x;
	border : 1px solid #d0d0d0;
*/
}

/* Seitenanzeige mit zusätzlicher Navigation */
#pathway_text {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	overflow : hidden;
	display : block;
	height : 20px;
	line-height : 20px !important;
	line-height : 20px;
	color : #333333;
	float : left;
}

#pathway_text a:hover {
	color : #2c2c2c;
	text-decoration : none;
}

#pathway_text img {
	margin : 0px;
}

#buttons {
	float : left;
	margin-top : 2px;
	margin-bottom : 2px;
	margin-left : 0px;
	margin-right : 2px;
	padding : 2px;
	width : auto;
}

/*
Komplett deaktiviert, mainlevel = background + Grafik!
------------------------------------------------------
ul#mainlevel-nav {
	list-style : none;
	padding : 0;
	margin : 0;
	font-size : 11px;
}

ul#mainlevel-nav li {
	background-image : url(../images/top_button.gif);
	background-repeat : no-repeat;
	color : #ffffff;
	width : 120px;
	height : 37px;
	font-family : Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
	padding-left : 0;
	padding-right : 0;
	float : left;
	margin : 0;
	font-size : 11px;
	line-height : 36px;
	white-space : nowrap;
}

ul#mainlevel-nav li a {
	text-align : center;
	font-family : Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-size : 11px;
	display : block;
	padding-top : 2px;
	padding-left : 20px;
	padding-right : 20px;
	text-decoration : none;
	color : #fafafa;
	background : transparent;
	height : 37px;
}

#buttons > ul#mainlevel-nav li a {
	width : auto;
}

ul#mainlevel-nav li a:hover {
	background-image : url(../images/top_button_hover.gif);
	background-repeat : no-repeat;
	color : #f1f1f1;
	width : 120px;
	height : 37px;
	font-family : Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
	padding-left : 0;
	padding-right : 0;
	float : left;
	margin : 0;
	font-size : 11px;
	line-height : 36px;
	white-space : nowrap;
}
*/

/*
Passt nicht in die Header Grafik, Suche wird separat gesteuert!
---------------------------------------------------------------
#search_inner_form {
	padding : 2px;
	margin : 2px;
	float : right;
	width : 180px;
	height : 24px;
	margin-top : 8px;
	margin-right : 5px;
}

#search_inner {
	padding : 2px;
	margin : 2px;
	color : #333333;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	float : right;
	width : 180px;
	height : 24px;
	padding-right : 25px;
}
*/

/*
Überflüssig, Grafik ausgetauscht!
---------------------------------
#head {
	float : left;
	width : 100%;
	padding : 0;
	margin : 0;
	height : 40px;
	overflow : hidden;
	background-image : url(../images/top_one.gif);
	background-repeat : repeat-x;
}
*/

/* Neuer Style für Header */
#header {
	height : 100px;
	float : left;
	width : 100%;
	padding : 0px;
	margin : 0px;
	background-color : #f6f6f6;
	background-image : url(../images/bg_pagebg.gif);
}

/* Tiefenrausch Top-Grafik */
.bgheader {
	height : 224px;
	float : center;
	width : 720px;
	background-image : url(../images/bg_top.jpg);
}

/* Content Aussenbereich = dunkelblau / bg.gif = Seitenlänge */
#content_outer {
	width : 100%;
	color : #333333;
	background-repeat : repeat-x;
	background-image : url(../images/bg.gif);
	background-color : #000000;
}

/* Content Innenbereich = weiss */
#main_content {
	float : none !important;
	float : none;
	padding : 12px;
	background-color : #ffffff;
}

/* Tabellen in Content und oberer Abstand */
table.content_table {
	float : none;
	width : 90%;
	margin-top : 14px;
}

/* Content Schriftfarbe und unterer Abstand */
.content {
	color : #333333;
	margin-bottom : 10px;
}

/*
Komplett deaktiviert, left = background + Grafik!
-------------------------------------------------
#left {
	background-image : url(../images/left.png);
	background-repeat : repeat-y;
	width : 232px;
	float : left;
	height : 100%;
}

#left_outer {
	float : left;
	width : 180px;
	margin-bottom : 20px;
	margin-top : 10px;
}

	#left_inner {
	float : none !important;
	float : left;
	font-family : Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	padding : 5px;
}

#left_inner_float {
	width : 180px;
}
*/

/*
Komplett deaktiviert, right = background + Grafik!
--------------------------------------------------
#right {
	background-image : url(../images/right.png);
	background-repeat : repeat-y;
	width : 232px;
	float : right;
	height : 100%;
}

#right_outer {
	float : left;
	width : 180px;
	margin-bottom : 20px;
	margin-top : 10px;
}

#right_inner {
	float : none !important;
	float : left;
	font-family : Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	padding : 5px;
}

#right_inner_float {
	width : 180px;
}
*/

.user1_inner {
	float : none !important;
	float : left;
	padding : 2px;
}

#user1_outer {
	float : none !important;
	float : left;
	margin : 5px;
	padding : 2px;
}

.user2_inner {
	float : none !important;
	float : left;
	padding : 2px;
}

#user2_outer {
	float : none !important;
	float : left;
	margin : 5px;
	padding : 2px;
}

/* Listenobjekte */
ul {
	margin : 2px;
	padding : 2px;
	list-style : none;
}

li {
	text-align : left;
	line-height : 14px;
	padding-left : 18px;
	background-image : url(../images/arrow.gif);
	background-repeat : no-repeat;
	background-position : 0 2px;
}

li:hover {
	text-align : left;
	line-height : 14px;
	padding-left : 18px;
	background-position : 0 2px;
	background-image : url(../images/arrow.gif);
	background-repeat : no-repeat;
}

/* Tabellenzellen- Ausrichtung und Schriftart */
td {
	text-align : left;
	font-size : 11px;
}

/* Bilder ohne Rahmen */
img {
	border: none;
}

/* Linkfarben */
a:link, a:visited {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : blue;
	text-decoration : none;
}

a:hover {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #c10000;
	text-decoration : none;
}

/* Nur der linke Abstand relevant */
table.contentpaneopen {
	width : 99%;
	padding : 2px;
	margin-left : 2px;
/*	margin : 2px; */
}

table.contentpane {
	width : 99%;
	padding : 6px;
	margin : 6px;
}

table.searchinto {
	width : 100%;
}

table.moduletable {
	width : 100%;
	margin : 0;
	padding : 2px;
}

div.moduletable {
	padding : 0;
	padding-bottom : 10px;
}

/* Überfüssig, da Module ausgeblendet
table.moduletable th, div.moduletable h3 {
	background-image : url(../images/h3.gif);
	background-repeat : no-repeat;
	border : 1px solid #d0d0d0;
	font-family : Geneva, Arial, Helvetica, sans-serif;
	color : #333333;
	text-align : right;
	font-weight : normal;
	height : 20px;
	line-height : 20px;
	font-size : 11px;
	margin : 0;
	padding : 0;
}

table.moduletable td {
	font-size : 11px;
	padding : 0px;
	margin : 0;
	font-weight : normal;
}
*/

/* Abstände für Bewertungs-Modul, wird von einigen Komponenten benutzt */
table.pollstableborder td {
	padding : 4px;
	margin : 4px;
}

table.contenttoc {
	font-family : Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	border : 1px solid #d2dae1;
	padding : 2px;
	margin : 2px;
}

table.contenttoc td {
	font-family : Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	padding : 4px;
	margin : 4px;
}

table.contenttoc th {
	font-family : Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	background-image : url(../images/pathway.gif);
	background-repeat : repeat-x;
	color : #ffffff;
	text-align : left;
	padding-left : 4px;
	height : 20px;
	text-transform : uppercase;
}

/*
Komplett deaktiviert, mainlevel = background + Grafik!
------------------------------------------------------
a.mainlevel:link, a.mainlevel:visited {
	background-image : url(../images/menu_bg.gif);
	background-repeat : no-repeat;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	display : block;
	vertical-align : middle;
	font-size : 11px;
	color : #26366a;
	text-align : left;
	padding-top : 5px;
	padding-left : 10px;
	height : 22px !important;
	height : 25px;
	text-decoration : none;
}

a.mainlevel:hover {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	background-position : 0 -25px;
	text-decoration : none;
	height : 22px !important;
	height : 25px;
	color : #c10000;
	font-size : 11px;
	text-align : left;
	padding-left : 10px;
	padding-top : 5px;
}

a.mainlevel#active_menu {
	background-image : url(../images/menu_bg_ac.gif);
	background-repeat : no-repeat;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #08b1fe;
	font-size : 11px;
	height : 22px !important;
	height : 25px;
	text-decoration : none;
	text-align : left;
	padding-top : 5px;
	padding-left : 10px;
}

a.mainlevel#active_menu:hover {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #c10000;
	padding-left : 10px;
	text-decoration : line-through;
}

a.sublevel:link, a.sublevel:visited {
	font-family : Geneva, Arial, Helvetica, sans-serif;
	padding-left : 10px;
	vertical-align : middle;
	font-size : 10px;
	color : #26366a;
	text-align : left;
	height : 20px !important;
	height : 25px;
	text-decoration : none;
	margin : 4px;
}

a.sublevel:hover {
	color : #c10000;
	text-decoration : none;
}

a.sublevel#active_menu {
	color : #333333;
}

a.sublevel#active_menu:hover {
	color : #b90707;
	text-decoration : line-through;
}
*/

/* Geändertes Format für die Seitenhinweise im footer */
#copy {
	background-color : #000000;
/*	height : 50px; */
	width : 100%;
	font-size : 11px;
/*	background-image : url(../images/footer.gif); */
/*	background-repeat : repeat-x; */
}

#copy_inner {
	font-family : Geneva, Arial, Helvetica, sans-serif;
	color : #fbfaed;
	font-size : 10px;
	padding-top : 10px;
	padding-bottom : 34px;
}

.copy_inner a:link {
	font-family : Geneva, Arial, Helvetica, sans-serif;
	color : #f0f4ff;
	font-size : 10px;
}

.copy_inner a:visited {
	font-family : Geneva, Arial, Helvetica, sans-serif;
	color : #f0f4ff;
	font-size : 10px;
}

.copy_inner a:hover {
	font-family : Geneva, Arial, Helvetica, sans-serif;
	color : #ff9999;
	font-size : 10px;
}

/* Neuer Style für den Kopf der Login-Komponente */
.loginheading {
	background-color : #19173f;
	background-image : url(../images/compo_head.gif);
	background-repeat : no-repeat;
	height : 20px;
	line-height : 20px;
	color : #ffffff;
	border-left : 1px solid #a9bcde;
	border-bottom : 1px solid #a9bcde;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	white-space : nowrap;
	margin-top : 2px;
	margin-left : 4px;
	margin-bottom : 4px;
	margin-right : 4px;
	padding-left : 36px;
	padding-top : 4px;
	padding-bottom : 4px;
}

/* Neuer Style für den Kopf der meisten Komponenten */
.componentheading {
	background-color : #19173f;
	background-image : url(../images/compo_head.gif);
	background-repeat : no-repeat;
	height : 20px;
	line-height : 20px;
	color : #ffffff;
	border-left : 1px solid #a9bcde;
	border-bottom : 1px solid #a9bcde;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	white-space : nowrap;
	margin-top : 14px;
	margin-bottom : 4px;
	margin-right : 4px;
	padding-left : 36px;
	padding-top : 4px;
	padding-bottom : 4px;
}

/* Content-Höhe: min-height = bis zur Quste / max-height = überflüssig */
.contentbg {
	min-height : 570px;
/*	max-height : 1200px; */
}

.contentcolumn {
	height : 20px;
	color : #333333;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	white-space : nowrap;
	padding-left : 5px;
	margin : 4px;
	padding-top : 4px;
	padding-bottom : 4px;
}

/* Neuer Style für den Kopf der meisten Content-Objekte */
.contentheading {
	background-image : url(../images/content_head.gif);
	background-repeat : no-repeat;
	background-color : #19173f;
	height : 20px;
	line-height : 20px;
	color : #ffffff;
	border-left : 1px solid #a9bcde;
	border-bottom : 1px solid #a9bcde;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	white-space : nowrap;
	margin-top : 4px;
	margin-bottom : 4px;
	margin-left : 4px;
	margin-right : 4px;
	padding-left : 36px;
	padding-top : 4px;
	padding-bottom : 4px;
}

.contentpagetitle {
	height : 20px;
	color : #333333;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	white-space : nowrap;
	padding-left : 5px;
	margin : 4px;
	padding-top : 4px;
	padding-bottom : 4px;
}

/* Neuer Style für den Zurück-Button */
.back_button {
	height : 44px;
	width : 68px;
/*	background-image : url(../images/button_bg.png); */
	font-family : Geneva, Arial, Helvetica, sans-serif;
	float : left;
	text-align : center;
	font-size : 11px;
/*	border : 3px double #d2dae1; */
	margin-top : 10px;
	margin-left : 0px;
	margin-bottom : 20px;
	color : blue;
	padding : 2px;
}

.back_button a:link {
	text-decoration : none;
	color : blue;
}

.back_button a:visited {
	text-decoration : none;
	color : blue;
}

.back_button a:hover {
	text-decoration : none;
	color : #c10000;
}

.pagenav {
	font-family : Arial, Helvetica, sans-serif;
	text-align : center;
	font-size : 10px;
	border : 3px double #d2dae1;
	width : auto;
	padding : 0 8px;
	line-height : 14px;
	margin : 1px;
	color : #26366a;
/*
	Layout an den Zurück-Button angepasst, ohne Grafik!
	---------------------------------------------------
	background-image : url(../images/button_bg.png);
*/
}

.pagenavbar {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	margin-right : 10px;
	float : left;
}

.pagenav a:hover {
	color : #c10000;
	text-decoration : none;
}

.blog_more {
	font-family : Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	margin-left : 4px;
}

/* Style für Formular-Buttons */
.button {
	color : #565656;
	background-image : url(../images/button_bg.png);
	font-family : Verdana, Arial, Helvetica, sans-serif;
	text-align : center;
	font-size : 11px;
	border : 3px double #d2dae1;
	width : auto;
	padding : 0 5px;
	height : 22px;
	margin : 0 0 2px 0;
}

.button:hover {
	color : #c10000;
}

/* Style für Formularfelder */
.inputbox {
	padding : 2px;
	margin : 2px;
	border : 1px solid #d2dae1;
	background-color : #f1f3fb;
	color : #333333;
}

/* Neuer Style für den Kopf der Sektionen, ohne Hintergrundfarbe */
.sectiontableheader {
	border-bottom : 1px solid #d2dae1;
	color : #333333;
/*	background-color : #fef8cf; */
	text-align : left;
	text-transform : none;
	margin : 0;
	padding : 2px;
	padding-right : 8px;
}

.sectiontablefooter {
	color : #333333;
	padding : 2px;
	margin : 0;
	text-align : left;
	text-transform : none;
}

.sectiontableentry1 {
	background-color : #f1f3fb;
	text-align : left;
}

.sectiontableentry2 {
	background-color : #f1f3fb;
	text-align : left;
}

.readon {
	font-family : Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
}

a.readon:link {
	font-family : Geneva, Arial, Helvetica, sans-serif;
	color : blue;
	font-size : 10px;
}

a.readon:visited {
	font-family : Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
}

a.readon:hover {
	font-family : Geneva, Arial, Helvetica, sans-serif;
	color : #c10000;
	font-size : 10px;
	text-decoration : none;
}

.pagenav_next {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight : normal;
	color : #333333;
	font-size : 11px;
	text-decoration : none;
}

.pagenav_next a:hover {
	color : #c10000;
	text-decoration : none;
}

.pagenav_prev {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight : normal;
	color : #333333;
	font-size : 11px;
	text-decoration : none;
}

.pagenav_prev a:hover {
	color : #c10000;
	text-decoration : none;
}

.buttonheading {
	color : #fbeec0;
	font-size : 10px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
	border-bottom : 1px solid #c8c8c8;
}

.buttonheading a:hover {
	text-decoration : none;
	text-decoration : none;
}

.mostread a:hover {
	color : #c10000;
	text-decoration : none;
}

.mostread:visited {
	color : blue;
	text-decoration : none;
}

.mostread:link {
	color : blue;
	text-decoration : none;
}

.latestnews a:hover {
	color : #c10000;
	text-decoration : none;
}

.latestnews:visited {
	color : blue;
	text-decoration : none;
}

.latestnews:link {
	color : blue;
	text-decoration : none;
}

.error {
	font-style : italic;
	text-transform : uppercase;
	padding : 5px;
	color : #f0f4ff;
	font-size : 12px;
}

.contact_email {
	padding : 4px;
	margin : 4px;
}

.small {
	font-family : Arial, Helvetica, sans-serif;
	color : #555555;
	font-size : 10px;
}

.smallako {
	font-family : Arial, Helvetica, sans-serif;
	color : #555555;
	font-size : 10px;
}

.createdate {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #555555;
}

.modifydate {
	font-family : Arial, Helvetica, sans-serif;
	color : #555555;
	font-size : 10px;
}

.highlight {
	background-color : #f7e9bd;
	color : 26366a;
	padding : 0;
}

.code {
	background-color : #dddddd;
	border : 1px solid #bbbbbb;
}

form {
	margin : 0;
	padding : 0;
}

div.mosimage {
	border : 2px solid #d2dae1;
	background-color : #f8f8f8;
}

.mosimage {
	margin : 0;
	background-color : #f8f8f8;
}

.mosimage_caption {
	margin-top : 0;
	background-color : #f8f8f8;
	padding : 0;
	color : #8f8f8f;
	font-size : 10px;
}

/*
Deaktiviert, passt nicht in die Header Grafik
---------------------------------------------
.maintitle {
	font-size: 18px;
	float: left;
	font-family : Geneva, Arial, Helvetica, sans-serif;
	color: #fafafa;
	font-weight : bold;
	padding-left : 70px;
	padding-top : 40px;
	letter-spacing: normal;
}
*/

/* Für Überschrift etc. */
.text_blau {
	color : #010396;
{