/* CSS Document */

.clr {
	clear: both;
}

p {
	font-size: 12px;
	line-height: 18px;
	font-color: #000000;
}

h1 {
	height: 25px;
	color: #763248;
	font-weight: bold;
	font-size: 25px;
	white-space: nowrap;
}

h2 {
	height: 18px;
	color: #763248;
	font-weight: bold;
	font-size: 18px;
	white-space: nowrap;
}

h3 {
	height: 14px;
	color: #763248;
	font-weight: normal;
	font-size: 14px;
	white-space: nowrap;
}

.clearing:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearing {
    display: inline-block;
    }

/* hides from IE/Mac \*/
* html .clearing { 
    height: 1%;
    }

.clearing {
    display: block;
    }

/*
*************************************************************************
Container fuer weissen Rahmen im Hintergrund

1. height: 1000px;
   Ist erforderlich fuer IE - sonst wird Rahmen nur 1 Zeile hoch gemacht.

*************************************************************************
*/


#body-start {
	background: url(../images/mainback.png) repeat;
        text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#outline {
	z-index: 1;
  	position: relative;
	display: block;
  	width: 800px;
	height: 400px;
	min-height: 300px;
	padding: 0px;
  	margin: 0px auto;
  	border-right: 1px solid #000000;
  	border-left: 1px solid #000000;
  	border-top: 1px solid #000000;
	background-color: #ffffff;
}

/*
*************************************************************************
Horizontale Navigation					           

1. #buttons_inner
   Stellt die Gesamtbreite der Navigationselemente ein.

2. ul#mainlevel-navtop
   Stellt ein, dass kein Listenzeichen fuer die Anzeige verwendet werden
   soll.

3. ul#mainlevel-navtop li
   Die einzelnen Listenelemente werden mit einem Hintergrundbild versehen.
   Die Hoehe und Weite der Elemente wird mit line-height und width sowie
   height eingestellt. white-space: nowrap; wird verwendet, dass ein bei
   einem Listenelement, das ein Leerzeichen enthaelt das zweite Wort nicht
   in eine neue Zeile geschrieben wird und nicht mehr ersichtlich waere.

   WICHTIG: ohne float: left; stellt der Firefox die Liste untereinander
            dar!

4. ul#mainlevel-navtop li a

   Stellt die Schrift der Links allgemein ein.

5. a.mainlevel-navtop a.mainlevel-navtop:link, a.mainlevel-navtop:visited

   Stellt die Schrift der Links auf grau und normal.

6. ul#mainlevel-navtop li a:hover

   Aktiviert den Hover-Effekt mit einblenden des unteren Teiles des
   hinterlegten Bildes.

*************************************************************************
*/


#buttons {
	margin: 0px;
	padding: 0px;
}


#buttons_outer {
	z-index: 1;
	display: inline;
	position: relative;
	top: 20px;
	right: 20px;
}

#buttons_inner {
	height: 250px;
	width: 800px;
}

ul#mainlevel-navtop
{
	list-style: none;
}

/*  Images muessen sowohl bei li als auch spaeter bei der Definition
    der Hyperlinks angefuehrt werden, da IE und Firefox diese sonst
    unterschiedlich interpretieren :-(
*/

ul#mainlevel-navtop li
{
//	background: url(../images/menu_bg_top.gif) no-repeat;
//	background: url(../images/spacer.gif) repeat !important;
	float: right;
	line-height: 25px;
//	width: 100px;
	height: 25px;
	height: 25px !important;
	font-size: 12px;
	white-space: nowrap;
	text-align: center;
// 	border-right: 1px solid #FFFFFF;
}

ul#mainlevel-navtop li a
{
	text-decoration: none;
	color: #c3c3c3;
//	color: #763248;
}

ul#mainlevel-navtop li a.mainlevel-navtop:link, a.mainlevel-navtop:visited
{
	display: block;
	background: url(../images/menu_bg_top1.gif) no-repeat;
	margin-left: -15px;
	list-style-type: none;
	line-height: 25px;
	width: 131px;
	height: 25px;
	height: 25px !important;
	font-size: 12px;
	white-space: nowrap;
	text-align: center;
	text-decoration: none;
	color: #c3c3c3;
}

ul#mainlevel-navtop li a:hover
{
	background-position: 0px -25px;
	text-decoration: bold;
	color: #ffffff;
}


#search_outer {
	float: left;
	width: 105px;
}

#search_inner {
  	border: 1px solid #cccccc;
	padding: 0px;
  	height: 21px !important;
  	height: 23px;
  	overflow: hidden;
}

#search_inner form {
  	padding: 0;
  	margin: 0;
	font-size: 11px;
}

/*
#search_inner .inputbox {
	border: 0px;
//	padding: 3px 3px 3px 5px;
	font-family: Verdana, helvetica, sans-serif;
	font-size: 11px;
	color: #763248;
}
*/
#search_ordering {
	border: 0px;
	margin-top: 10px;
//	padding: 3px 3px 3px 5px;
	font-family: Verdana, helvetica, sans-serif;
	font-size: 11px;
	color: #763248;
}

#search_searchword {
	border: 1px solid #000000;
	vertical-align: top;
	margin-top: 10px;
//	padding: 3px 3px 3px 5px;
	font-family: Verdana, helvetica, sans-serif;
	font-size: 11px;
	color: #763248;
}

/*
*************************************************************************
Header-Bild

1. position: absolute;
   Ist wichtig, da ansonsten beim IE ein Abstand zwischen oberer
   Navigationsleiste und dem Headerbild auftritt.
*************************************************************************
*/

#header_outer {
		z-index: 1;
		display: block;
		position: absolute;
		top: 45px;
		left: 20px;
}

#header {
		padding: 0px;
		margin: 0px;
		width: 800px;
		height: 249px;
		background: url(../images/header6.gif) no-repeat;
		border: 0px;
}
#home {
		display: block;
		positon: absolute;
		z-index: 3;
}

/*
*************************************************************************
Top-Bereich

1. position: absolute;
   Ist wichtig, da ansonsten beim IE ein Abstand zwischen dem 
   dem Headerbild auftritt.
*************************************************************************
*/

#top_outer{
	z-index: 1;
	display: block;
  	position: relative; 
  	top: 264px;
	left: 160px;
//	bottom: 20px;
  	width: 420px;
}

#top_inner {
	flat: left;
	border: 1px solid #cccccc;
	height: 144px !important;
	height: 155px;
	text-align: left;
	background-color: #ffffff;
}

/*

*************************************************************************
Linke Navigationsleiste

1. position: absolute;
   Ist wichtig, da ansonsten beim IE ein Abstand zwischen oberer
   Navigationsleiste und dem Headerbild auftritt.
*************************************************************************
*/

#left_outer {
	z-index: 2;
	display: block;
  	position: absolute; 
  	padding: 0px;
	margin: 0px;
  	top: 254px;
	left: 20px;
	bottom: 20px;
  	width: 159px;
}

#left_inner {
 	background: url(../images/menu_hinten.gif) repeat;
}

#IFid1 {
	border: 0;
}

a.mainlevel:link, a.mainlevel:visited {
	display: block;
	background: url(../images/menu_bg_alt.gif) no-repeat;
	font-size: 12px;
	font-weight: bold;
	color: #ccc;
	text-align: left;
	padding-top: 5px;
	padding-left: 20px;
	height: 20px !important;
	height: 25px;
	line-height: 12px;
	width: 159px;
	text-decoration: none;
}

a.mainlevel:hover {
	background-position: 0px -25px;
	text-decoration: none;
	color: #fff;
}

a.mainlevel#active_menu {
	color:#fff;
	font-weight: bold;
}

a.mainlevel#active_menu:hover {
	color: #fff;
}

a.sublevel:link, a.sublevel:visited {
	display: block;
	background: url(../images/menu_bg_alt.gif) no-repeat;
	font-size: 11px;
	font-weight: bold;
	color: #ccc;
	text-align: left;
	padding-top: 5px;
	padding-left: 25px;
	height: 20px !important;
	height: 25px;
	margin-left: -4px;
	line-height: 12px;
	width: 159px;
	text-decoration: none;
}

a.sublevel:hover {
	background-position: 0px -25px;
	text-decoration: none;
	color: #fff;
}

a.sublevel#active_menu {
	color: #fff;
	font-weight: bold;
}

#g2_image_left {
	margin-top: 60px;
}

/*
*************************************************************************
Content-Bereich

1. position: absolute;
   Ist wichtig, da ansonsten beim IE ein Abstand zwischen dem 
   dem Headerbild auftritt.

2. damit alle Spalten gleich lang werden muss ein Trick angewendet
   werden. Ein Hintergrund-Gif simuliert die Navigationsleiste links
   und den weissen Hintergrund. Diese Grafik wird nun so positioniert,
   dass sie unter der Navigationsleiste angezeigt wird. Da der Content
   die laengste Spalte ist, wird dies hier angewendet.
*************************************************************************
*/

#content_outer {
	z-index: 1;
	display: block;
	position: absolute;
	padding-left: 195px;
	padding-right: 19px;
	margin: -1px -1px -1px -196px;
	top: 290px;
	left: 195px;
	width: 587px;
//	height: 800px;
	min-height: 800px;  /* fuer Firefox */
  	background: #ffffff url(../images/hinten.gif) top left repeat-y;
}

#content_outer_ie {
	z-index: 1;
	display: block;
	position: absolute;
	padding-left: 195px;
	padding-right: 19px;
	margin: -1px -1px -1px -195px;
	top: 0px;
	left: 195px;
	width: 801px;
	height: 800px;
	min-height: 600px;  /* fuer Firefox */
  	background: #ffffff url(../images/hinten.gif) top left repeat-y;
}

#content_outer_small {
	z-index: 1;
	display: block;
	position: absolute;
	padding-left: 195px;
	padding-right: 187px;
	margin: -1px -1px -1px -196px;
	top: 290px;
	left: 195px;
	width: 420px;
	height: 800px;
	min-height: 600px;
  	background: #ffffff url(../images/hinten.gif) top left repeat-y;
}

#content_outer_small_ie5 {
	z-index: 1;
	display: block;
	position: absolute;
	padding-left: 195px;
	padding-right: 187px;
	margin: -1px -1px -1px -196px;
	top: -1px;
	left: 196px;
	width: 801px;
	height: 800px;
  	background: #ffffff url(../images/hinten.gif) top left repeat-y;
}
#content_inner{
	float: left;
}

table.content_table {
	padding: 0px;
	margin: 0px;
}

table.content_table td {
	padding: 0px;
	margin: 0px;
}


#banner_inner {
	padding: 0px;
	height: 70px;
}

#poweredby_inner {
	float: right;
	padding: 0px;
	margin-left: 0px;
	height: 70px;
}

#pathway_text {
  	overflow: hidden;
	display: block;
	height: 25px;
	width: 420px;
	line-height: 25px !important;
	line-height: 22px;
	padding-left: 4px;
	border: 0px solid #ffffff;
}

#pathway_text img {
	margin-left: 5px;
	margin-right: 5px;
//	margin-top: 6px;
}

.user1_inner {
	border: 1px solid #ffffff;
	margin: 0px;
	padding: 2px;
}

.user2_inner {
	border: 1px solid #ffffff;
	margin: 0px;
	padding: 2px;
}

.user3_inner {
	border: 1px solid #ffffff;
	margin: 0px;
	padding: 2px;
}

table td.body_outer {
	padding: 2px;
	border: 1px solid #ffffff;
}

.maintitle {
	color: #ffffff;
	font-size: 40px;
	padding-left: 15px;
	padding-top: 20px;
}

/*
*************************************************************************
Rechter-Bereich

1. position: absolute;
   Ist wichtig, da ansonsten beim IE ein Abstand zwischen dem 
   dem Headerbild auftrit.

2. border: 0px solid #ffffff;
   Wird benoetigt, da sonst der IE einen Rahmen um den rechten Bereich
   zieht (kommt vielleicht von einer anderen Einstellung ??)

*************************************************************************
*/

#right_outer {
	z-index: 3;
	display: block;
  	position: absolute; 
  	padding: 0px;
	margin: 0px;
  	top: 290px;
	right: 24px;
	bottom: 20px;
  	width: 159px;
}

#right_outer_ie5 {
	z-index: 2;
	display: block;
  	position: absolute; 
  	padding: 0px;
	margin: 0px;
  	top: -290px;
	left: 385px;
	right: 24px;
	bottom: 20px;
  	width: 159px;
}

#right_inner {
  	float: right;
	border: 0px solid #ffffff;
	font-size: 11px;
}


/*
*************************************************************************
old stuff
*************************************************************************
*/

.error {
  font-style: italic;
  text-transform: uppercase;
  padding: 5px;
  color: #cccccc;
  font-size: 14px;
  font-weight: bold;
}

.back_button {
	float: left;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
//  border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}

/*
.pagenav {
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  color: #763248;
  border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 10px 1px 1px 1px;
}
*/

.pagenav {
  color: #763248;
  font-family: Verdana, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  border: 1px single #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 5px;
  line-height: 18px !important;
  line-height: 16px;
  height: 26px !important;
  height: 24px;
  margin: 1px;
}

.pagenav_prev {
  color: #763248;
  font-family: Verdana, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  border: 1px single #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 5px;
  line-height: 18px !important;
  line-height: 16px;
  height: 26px !important;
  height: 24px;
  margin: 1px;
}

.pagenav_next {
  color: #763248;
  font-family: Verdana, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  border: 1px single #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 5px;
  line-height: 18px !important;
  line-height: 16px;
  height: 26px !important;
  height: 24px;
  margin: 1px;
}

.pagenavbar {
	margin-right: 10px;
	float: right;
}

#footer {
	text-align: left;
	font-size: 8px;
	color: #ffffff;
}
#footer a {
	color: #ffffff;
}


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

li {
	font-size: 12px;
	line-height: 18px;
	padding-left: 15px;
	padding-bottom: 0px;
	padding-top: 0px;
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}


td {
	text-align: left;
	font-size: 11px;
}




//body {
//	margin: 15px;
//	height: 100%;
//	padding: 0px;
//	font-family: Verdana, Helvetica, Sans Serif;
//	line-height: 120%;
//	font-size: 11px;
//	color: #333333;
//	background: #ffffff;
//}
 

/* Joomla core stuff */
a:link, a:visited {
	color: #763248; 
	text-decoration: underline;
	font-weight: bold;
}

a:hover {
	color: #900;	text-decoration: underline;
	font-weight: bold;
}

table.contentpaneopen {
	width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}

table.contentpaneopen td {
   padding-right: 5px;
}

table.contentpaneopen td.componentheading {
	padding-left: 4px;
}

table.contentpane {
	width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}

table.contentpane td {
	margin: 0px;
	padding: 0px;
}

table.contentpane td.componentheading {
	padding-left: 4px;
}

table.contentpaneopen fieldset {
	border: 0px;
	border-bottom: 1px solid #eee;
}

.latestnews {
	padding-left: 4px;
	margin-left: 2px;
}


.button {
  color: #763248;
  font-family: Verdana, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  border: 1px single #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 5px;
  line-height: 18px !important;
  line-height: 16px;
  height: 26px !important;
  height: 24px;
  margin: 1px;
}

.inputbox {
//	padding: 2px;
	border:solid 1px #cccccc;
	background-color: #ffffff;
	font-size: 11px;
}

.componentheading {
	background: url(../images/subhead_bg.png) repeat-x;
	color: #666666;
	text-align: left;
	padding-top: 4px;
	padding-left: 4px;
	height: 20px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;

}

.contentcolumn {
	padding-right: 5px;
}

.contentheading {
	height: 30px;
	color: #763248;
	font-weight: bold;
	font-size: 20px;
	white-space: nowrap;
}



.contentpagetitle {
	font-size: 13px;
	font-weight: bold;
	color: #cccccc;
	text-align:left;
}

table.searchintro {
	width: 100%;
	margin-top: 30px;
	margin-bottom: 10px;
}

searchintro td {
	font-weight: bold;
	margin-top: 50px;
	margin-bottom: 10px;
	font-size: 11px;
}

table.moduletable {
	width: 100%;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

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

table.moduletable th, div.moduletable h3 {
	background: url(../images/subhead_bg.png) repeat-x;
	color: #666666;
	text-align: center;
//	padding-left: 4px;
	padding-bottom: 4px;
	height: 21px;
	line-height: 18px;
	font-weight: bold;
	font-size: 10px;
//	text-transform: uppercase;
	margin: 0 0 5px 0;
}

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

table.pollstableborder td {
  padding: 2px;
}

.sectiontableheader {
  font-weight: bold;
  background: #f0f0f0;
  padding: 4px;
}

.sectiontablefooter {

}

.sectiontableentry1 {
	background-color : #ffffff;
}

.sectiontableentry2 {
	background-color : #f9f9f9;
}

.small {
	color: #999999;
	font-size: 11px;
}

.createdate {
	height: 15px;
	padding-bottom: 10px;
	color: #999999;
	font-size: 11px;
}

.modifydate {
	height: 15px;
	padding-top: 10px;
	color: #c3c3c3;
	font-size: 11px;
}

table.contenttoc {
  border: 1px solid #cccccc;
  padding: 2px;
  margin-left: 2px;
  margin-bottom: 2px;
}

table.contenttoc td {
  padding: 2px;
}

table.contenttoc th {
  background: url(../images/subhead_bg.png) repeat-x;
  color: #666666;
	text-align: left;
	padding-top: 2px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 12px;
//	text-transform: uppercase;
}

.highlight {
	background-color: Yellow;
	color: Blue;
	padding: 0;
}
.code {
	background-color: #ddd;
	border: 1px solid #bbb;
}

form {
	margin: 0;
 	padding: 0;
	font-size: 11px;
	font-color: #763248;
}

div.mosimage {
  border: 1px solid #ffffff;
  margin: 5px;
}

.mosimage {
  border: 1px solid #ffffff;
  margin: 5px
}

.mosimage_caption {
  margin-top: 2px;
  background: #efefef;
  padding: 1px 2px;
  color: #666;
  text-transform: normal;
  font-size: 10px;
  border-top: 1px solid #cccccc;
}

#anmeldung {
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}