/* ++++++++++++++++++++++++++++++ Layouteinstellungen für selbst festgelegte IDs in index.php ++++++++++++++++++++++++++++*/



#box_links{
/* Bereich links (Schatten) neben der eigentlichen Hauptseite */
		width: 10px;
		background: url(../images/leftside.png) top right repeat-y;
}


#box_rechts{
/* Bereich rechts (Schatten) neben der eigentlichen Hauptseite */
		width: 10px;
		background: url(../images/rightside.png) top left repeat-y;
}


#box_mitte{
/* Bereich in der Mitte = Mittelbereich */
		width: 780px;
		background-color: #FFFFFF;
}


#menuarea{
/* Banner, Topmenu und Hauptnavigation im Mittelteil */
		width: 780px;
		height:210px;
}

	#header_topnavi{
	background: url(../images/header_topnavi.png) top left no-repeat;
	width: 780px;
	height: 33px;
	position: absolute;
	top: 0px;
	z-index: 0;
	}

	#header_mitte{
	background: url(../images/header_mitte.png) top left no-repeat;
	width: 780px;
	height: 151px;
	position: absolute;
	top: 33px;
	z-index: 0;
	}

	#header_hauptnavi{
	clear: both;
	background: url(../images/header_hauptnavi.png) top left no-repeat;
	width: 780px;
	height: 26px;
	position: absolute;
	top: 184px;
	z-index: 0;
	}

	#topnavi{
	/* Layer für Topmenü */
		text-align:right;
		width: 770px;
		height: 15px;
		position: absolute;
		top: 14px;
		z-index: 2;
	}

	#hauptnavi{
    /* Layer für Hauptmenü */
        float: none !important;
		width: 670px;
		height: 15px;
		position: absolute;
		top: 188px;
		margin-left: 70px;
		z-index: 1;
	}


#contentarea{
/* im Hauptanzeigebereich im Mittelteil */
		width: 780px;
		background-color: #FFFFFF;
		z-index:0;
}

	#content_wide{
	/* gesamter Hauptanzeigebereich, bei nicht Vorhandensein eines Moduls im 'right' Bereich */
		padding-left: 20px;
		padding-right: 0px;
		padding-top: 25px;
		padding-bottom: 20px;
		float: left;
		z-index:1;
	}

	#content_narrow{
	/* linker Hauptanzeigebereich, bei Vorhandensein eines Moduls im 'right' Bereich */
		min-height: 360px;
		padding-left: 20px;
		padding-right: 0px;
		padding-top: 25px;
		padding-bottom: 20px;
		float: left;
		z-index:1;

	}

	#content_right{
	/* rechter Hauptanzeigebereich wird nur dargestellt bei Vorhandensein eines Moduls im 'right' Bereich */
		margin-top: 25px;
		margin-bottom: 20px;
		margin-right: 10px;
		float: right;
		z-index:1;
	}


#bottomarea{
/* Fußbereich im Mittelteil */
		font-size: 10px;
		clear: both;
		width: 780px;
		height: 35px;
		background: url(../images/footer.png) top left no-repeat;
		color: #000000;
}





/* +++++++++++++++++++++++++++++++ Generelle Formatierung von Standardklassen und IDs +++++++++++++++++++++++++++++++++++++++ */

*{
/* Einstellungen generell */
		padding:0;
		margin:0;
}


body{
/* Einstellungen für gesamten body-Bereich */
		background: url(../images/background.png);
}

.blog{
/* Anzeige für Contents z.B. auf der Startseite auf Seitenbreite formattieren */
		width: 100%;
}


tr, p, div, td {
/* Einstellungen für Tabellen, Layer, Text */
  		font-family      : Verdana, Arial, Helvetica, sans-serif;
  		font-size        : 12px;
  		margin: 0;
}


a:link, a:visited, a:hover{
/* allgemeine Schrift die mit einem Link hinterlegt ist */
        color: #E02423;
}


.contentpane{
/* Formatierung der Tabelle von Contents wie z.B. Kontakt*/
        width: 100%;
        padding-top: 10px;
}


.contentpaneopen{
/* Formatierung der gesamten Tabelle bei Contents und einigen Komponenten*/
        width: 100%;
}

.contentpagetitle{
/* Formatierung der Content-Überschrift */
		text-decoration: none;
		color: #E02423;
		font-size: 15px;
}

.contentheading, .componentheading{
/* Überschriften der Contents, also z.B. News */
		text-decoration: none;
		font-weight: bold;
		color: #E02423;
		font-size: 15px;
		border-bottom: 1px dashed #999999;
		width: 100%;
}


div.back_button, div.back_button a{
/* [Back]-Button am unteren Seitenrand */
		color: #000000;
		margin-top:15px;
		text-decoration: none;
}


.small{
/* Geschrieben von Author */
		color: #999999;
		font-size: 10px;
		text-decoration: none;
		font-weight: bold;
}

.createdate{
/* Datum nach Author */
		color: #999999;
		font-size: 10px;
		margin-bottom: 5px;
}


table.moduletable{
/* Allgemeine Einstellungen für Tabellen in allen Modulen  */

}


.pagenav, .pagenav:link, .pagenav:visited{
/* Formatiert die Start<<Previous>>Next Buttons */
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
.pagenav:hover{
	color: #E02423;
}


.inputbox{
/* Formatiert ein Eingabefeld */
    border: 1px solid #CCCCCC;
    font-size: 10px;

}


.button{
/* Formatiert einen Button */
	border: 1px solid #CCCCCC;
	font-size: 10px;
}

.readon, readon:visited, readon:link, readon:hover{
/* formatiert "weiter " bei für weiterlesen bei einem Arkitel... (nicht für weiter bei einer Seite!) */
	color: #E02423;
	font-size: 10px;
	text-decoration: none;
}


a.category{
/* formatiert Kategorien(Gruppen) im Linkbereich */
	color: #E02423;
	font-size: 12px;
}


td.contentdescription{
/* Beschreibung im Linkbereich */
}


th.pagenav_prev, th.pagenav_next{

}


.pagenav_prev a:link, .pagenav_prev a:visited, .pagenav_next a:link, .pagenav_next a:visited{
		color: #E02423;
		text-decoration: none;
		font-weight: bold;
		border-left: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;
		padding: 5px;
}


td.sectiontableheader{
/* Direkte Überschrift der Links */
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px dashed #999999;
	padding-right:10px;
}
tr.sectiontableentry1 td, tr.sectiontableentry2 td{
/* formatiert Tabellen mit Links im Linkbereich */        
		padding-right: 10px;
}

tr.sectiontableentry1 a:link, tr.sectiontableentry1 a:visited{
/* formatiert Tabellen mit Links im Linkbereich */
        color: #E02423;
		text-decoration: none;
		padding-right: 10px;
}
tr.sectiontableentry1 a:hover{
        font-weight: bold;
}

tr.sectiontableentry2 a:link, tr.sectiontableentry2 a:visited{
/* formatiert Tabellen mit Links im Linkbereich */
        color: #E02423;
		text-decoration: none;
		padding-right: 10px;
}
tr.sectiontableentry2 a:hover{
        font-weight: bold;
}


/* ++++++++++++++++++++++++++++++ Spezielle formattierung Top-Menue ++++++++++++++++++++++++++++++++++++++++*/



a.mainlevel-topmenu, a.mainlevel-topmenu:link, a.mainlevel-topmenu:visited{
/* Einstellungen für die Normaldarstellung des Topmenu. Achtung! Damit Einstellungen funktionieren muss in den Menueinstellungen
   "-topmenu" angegeben sein, die Darstellung auf "horizontal", sowie der Darstellungsbereich auf "top" gesetzt sein */
		text-decoration: none;
		font-weight: bold;
		font-size: 10px;
		color: #000000;
}
a.mainlevel-topmenu:hover{
/* funktioniert - mausover darstellung */
		text-decoration: none;
		font-weight: bold;
		color: #FF0000;
}

/* ++++++++++++++++++++++++++++++ Spezielle formattierung Haupt-Menue ++++++++++++++++++++++++++++++++++++++++*/

/* Einstellungen: Dieses Menü benötigt das Modul mod_exmenu (Extended Menü) mit den Einstellungen "Tree List", "user1"
	"-mainmenu" bei Menu Class Suffix, und Expand-Menü auf "yes" */

#mainlevel-mainmenu, #mainlevel-mainmenu ul
{
padding: 0;
margin: 0;
list-style: none;
width: 670px;
}

#mainlevel-mainmenu a
{
display: block;
text-decoration: none;
font-weight: bold;
font-size: 12px;
color: #FFFFFF;
padding-left: 15px;
padding-right: 15px;
padding-top: 1px;
background-image: url("../images/spacer.png");
background-repeat: no-repeat;
background-position: right top;
}

#mainlevel-mainmenu a:hover
{
color: #E02423;
}

#mainlevel-mainmenu li
{
float: left;
}

/* *****submenu******* */

ul#mainlevel-mainmenu li ul li a.sublevel-mainmenu
{
background-image: none;
background-color: black;
text-decoration: none;
font-weight: normal;
font-size: 12px;
color: #FFFFFF;
padding-top:4px;
padding-bottom: 4px;
}

ul#mainlevel-mainmenu li ul li a.sublevel-mainmenu:hover
{
color: #E02423;
}

ul#mainlevel-mainmenu li ul
{ position: absolute;
left: -999em;
padding-top: 8px;
background-image: none;
width: auto;
}
ul#mainlevel-mainmenu li:hover ul, ul#mainlevel-mainmenu li.sfHover ul
{ left: auto;
padding-top: 8px;
background-image: none;
}

ul#mainlevel-mainmenu li ul li
{ position: relative;
clear: both;
background-image:none;
width:200px;
}

/* +++++++++++++++++++++++++++++++ Spezielle Formatierung für den Bereich content_right +++++++++++++++++++++++++++++++ */

#content_right .moduletable {
/* Gesamttable der einzelnen Module */
	width: 100%;
	margin-bottom: 5px;
	font-size: 10px;
	background-color: #FFFFFF;
	
}

#content_right .moduletable h3 {
/* Kopfbereich der einzelnen Module */
	color: #E02423;
	font-size: 12px;
	width: 90%;
	padding: 5px;
	border-bottom: 1px dashed #999999;
}

/*
#content_right table.moduletable td {
 Contentbereich der einzelnen Module 
	font-size: 10px;
	width: 100%;
	padding: 5px;
}
*/
/*
#content_right a.mainlevel, #content_right a.mainlevel:link, #content_right a.mainlevel:visited{
 Formatierung aller Menüs in content_right 
    text-decoration: none;
	font-weight: bold;
	color: #000000;
}
*/

#content_right .bannergroup img{
	border:0;	
}

#content_right a.mainlevel:hover{
/* Formatierung aller Menüs in content_right bei Mouseover */
	color: #E02423;
}


/* +++++++++++++++++++++++++++++++ Spezielle Formatierung für den Bereich Weblinks +++++++++++++++++++++++++++++++ */


div.ew_content {
		padding-top:20px;
		position: absolute;
		padding-left: 130px;
		max-width:500px;
}
div.ew_title {
		max-width: 500px;
}
div.ew_desc {
		max-width: 500px;
}

.ew_image img {
/* Linkrahmen der Bilder abschalten */
	border:0;
}