/*
============================================================================================

Projekt: wwww.ejwz.de

Typ: CSS-Datei, template_css.css

Beschreibung: Mambo Template_CSS, Grundformate

Erstellt am: 04.06.2005

Zuletzt geändert: 11.06.2005

Andreas Müller, www.mueller-wse.de

==============================================================================================
*/

/*
======================= externe Dateien ======================================================

Hintergrund der zwei Spalten rechts + links: url(../images/bg.png)
Menühintergrund für Hauptmenü(rotes Viereck): url(../images/menu_bg.png)
Menühintergrund für Submenüs (roter Strich): url(../images/menusub_bg.png)
Pfeil für Listen: url(../images/arrow.png)

==============================================================================================
*/

/*
===== Mambo General Styles - Allgemeine CSS Definitionen ====

*/

a {
	font-family:  Arial, Helvetica, sans-serif;
 	font-size:  11px;
	text-decoration: none;
	font-weight: bold;
	color: #002E61; 
	border: none;
 }
 
a:hover {
	text-decoration: underline;
 }
 
a:visited {
	text-decoration: none;
 }
 
div {
	font-family:  Arial, Helvetica, sans-serif;
 	font-size:  12px;
 } 

body{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	}

h1 {
	font: 18px;
	font-weight: bold;
	}

h2 {
	font: 16px;
	font-weight: bold;
	}

h3 {
	font: 14px; 
	font-weight: bold;
}

h4 {
	font: 12px;
	font-weight: bold;
	}

h5, h6 {
	font-size: 12px;
	font-weight: bold;
	}

hr {
	background-color:  #002E61;
 	width:  90%;
	}
 
hr.separator {
	background-color:  #002E61;
 	width:  40%;
	} 

li {
  /*line-height: 15px;
  padding-left: 10px;
  padding-top: 0px;
  background-image: url(../images/arrow.png) ;
  background-repeat: no-repeat;
  background-position: 0px 3px;*/
  }

ul {
  /*margin: 0;
  padding: 0;*/
  list-style: square;
  }

.sitetitle {  /* formatiert den Titel der Seite */
	}

.searchbox {  /* formatiert das Suchfeld der Seite*/
	}

.small {  /* formatiert diverse Einträge, u.a. den Namen des Autors - '...geschrieben von' */            
 	font-size: 9px;
	color: #ABABAB;
	line-height: 0.7;
 }
 
.hintergrund {
background: #FFF url(../images/back_verlauf.jpg) repeat-x top;
background-color: #FFFFCC;
}  
 
/*
===== Mambo Navigation Style - Navigation ====
*/

.pagenav {  /* formatiert die '<< Start < Previous 1 Next > End >> Links' */
	}

.pagenavcounter { /* formatiert die 'Seite 1 von 3' */
	font-size: 11px;
	color: #636363;
	font-weight: bold;
}

a.pagenavbar, a.pagenavbar:visited {
	text-decoration: none;
}

a.pagenavbar:hover {
	text-decoration: underline; 
}	
	
a.pnav {
	}
	
.pnav:hover {
	}	

.pathway {
color: #BBBBBB;
font-size: 10px;
text-decoration: none;
font-weight: normal;
}	
	
a.pathway { /* Formatierung des Pathway (seitenweise Navigation) */
	color: #BBBBBB;
	text-decoration: underline;
	font-weight: normal;
	}

  
.back-button {  /* formatiert des bekannten 'Back'-Buttons */
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;	
	}


/*
===== Mambo Form Styles - Formulardefinitionen ====
*/

.inputbox {  /* formartiiert ein Texteingabefeld  */
 	font-family:  Arial, Helvetica, sans-serif;
 	font-size:  12px;
	color:  #000000;
	border: 1px solid #636363;
 	padding:  2px;
	}
 
.button {  /*  formatiert die Schaltfläche 'senden' */
 	font-family:  Arial, Helvetica, sans-serif;
 	font-size:  12px;
 	color:  #000000;
 	border:  1px solid #636363;
 	padding:  2px;
	} 
 
/*
===== Mambo Tabbed Frontend Admin Interface - Definition des Content Edit Modus (Frontend) ====
*/

.ontab { /*formatiert aktiven Karteireier des Editors beim Editieren im Frontend*/
 	font-family:  Arial, Helvetica, sans-serif;
 	font-size:  10px;
 	color:  #3372E8;
 	font-weight: bold;
 	border: 2px dotted #E8C733;
 	padding:  4px;
 	cursor:  pointer;
 }
 
 
.offtab {  /*formatiert nicht aktiven Karteireiter des Editors beim Editieren im Frontend */
 font-family:  Arial, Helvetica, sans-serif;
 font-size:  10px;
 color:  #3372E8;
 border-width:  2px;
 border-style:  dotted;
 border-color:  #E8C733;
 padding:  4px;
 }

 .tabpaddding {  /* formatiert die Grösse des Karteireiter des Editors beim Editieren im Frontend */
 	
 }
 
.pagetext {  /* formatiert geöffnenten Editor HtmlArea 2 ? */
	
}

/*
===== Mambo Menu Styling - Definition des Menüs (Hauptebene bzw. Unterebene ====
*/

/* Topmenu */

 ul#mainlevel-nav
{
list-style: none;
padding: 0;
margin: 0;
float: right;
}

ul#mainlevel-nav li{
width: auto !important;
width: 5%;
float: right;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
height: 20px;
line-height: 20px;
white-space: nowrap;
background: url(../images/headmenu_left.gif) bottom left no-repeat;
margin-right: 1px;	
}

ul#mainlevel-nav li a{
font-weight: normal;
height: 20px;
display: block;
padding-left: 5px;
padding-right: 10px;
text-decoration: none;
color: #002E61;
background: url(../images/headmenu_right.gif) bottom right no-repeat;
margin-left: 5px;
}


ul#mainlevel-nav li:hover, ul#mainlevel-nav li.sfhover {
background: url(../images/headmenu_left_hover.gif) bottom left no-repeat;
}

ul#mainlevel-nav li:hover a, ul#mainlevel-nav li.sfhover a{
background: url(../images/headmenu_right_hover.gif) bottom right no-repeat;
}

/* Main Menu(s) */

a.mainlevel {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
margin-right: 10px;
padding-left: 5px;
width: 129px;
display: block;
line-height: 20px;
margin-bottom: 1px;
text-decoration: none;
color: #002E61;
font-weight: normal;
border-bottom: solid 1px #003399;
background-color: #FFDB8B;
border-left: 6px solid #003399;
}

a.mainlevel:hover, a.mainlevel#active_menu {
background-color: #F5C809;
text-decoration: none;
width: 129px;
}

a.sublevel {
padding: 0px;
margin: 0px;
font-size: 10px;
margin-right: 4px;
margin-top: -2px;
margin-left: 4px;
padding-left: 10px;
width: 117px;
display: block;
line-height: 16px;
background: url(../images/submenu_back.gif) left center no-repeat;
margin-bottom: 1px;
text-decoration: none;
color: #002E61;
font-weight: normal;
background-color: #FFDB8B;
border-left: 5px solid #FFDB8B;
}

a.sublevel:hover, a.sublevel#active_menu {
background: #F5C809 url(../images/submenu_back.gif) left center no-repeat;
border-left: 5px solid #F5C809; 
text-decoration: none;
width: 117px;
}

a.mainlevel-rechts {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 125px;
	text-decoration: none;
	padding-left: 14px;
	background: url(../images/readon.gif) left  no-repeat;
	line-height: 18px;
	font-weight: normal;
	display: block;
}

a.mainlevel-rechts:hover {
	text-decoration: underline;
} 
/*
===== Mambo General styling for Section, Categories and Items - Generelle Definition der Rubriken, Kategorien ====
*/

.createdate { /* formatiert das Erstellungsdatum des Artikels */
 	font-size:  10px;
 	color:  #636363;
	height: 10px;
	line-height: 0.7;
 }
 
 
.modifydate { /* formatiert das Veränderungsdatum des Artikels */
 	font-size:  10px;
 	color:  #636363;
	height: 20px;
	line-height: 20px;
	margin-bottom: 5px;
 }
 
.readon { /* formatiert den ...Weiterlesen Link im Artikel */
 	float: right;
 	text-align: right;
 	font-size: 11px;
 	font-weight: bold;
 	line-height: 12px;
	padding-left: 12px;
	padding-right: 5px;
	background: url(../images/readon.gif) no-repeat left; 
 }
 
a.readon, a.readon:visited { 
	text-decoration: none;
 } 
 
a.readon:hover  {
 	/*background: #EEEEEE url(../images/readon.gif) no-repeat left;*/
	text-decoration: underline;
 }

/*
===== Mambo Styles for Sections - Definition der Rubriken ====
*/ 

.sectiontableheader { /* Tabellenkopf der Rubriken */
  font-size: 12px; 
  font-weight: bold;
  text-decoration: underline;
  color: #003399;
  line-height: 25px;
	height: 25px;
}

.sectiontableentry1 { /* formatiert Einträge in Rubriken */
  	text-align: left;
	background: #EFEFEF;
	font-size: 10px;
	padding: 2px;
	line-height: 18px;
 }

.sectiontableentry2 { /* formatiert Einträge in Rubriken */
  	background: #FFF;
	font-size: 10px;
	text-align: left;
	padding: 2px;
	line-height: 18px;
 }
 
.sectiontablefooter { /*Tabellenfuss mit Navigation der Rubriken */
 }
 
/*
===== Mambo Styles for Categories - Definition der Kategorien ====
*/ 

.categorytitle { /* ?????????????????????????? */
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	height: 25px;
	line-height: 25px;
 }

.category { /* formatiert den Kategorie-Link */
 	font-family:  Arial, Helvetica, sans-serif;
 	font-size:  12px;
 	font-weight: bold;
 	text-decoration: underline;	
}

a.category {
	text-decoration:  underline;
 }
a.category:hover {
	text-decoration:  underline;
 }
 
/*
===== Mambo Styles for Item - Definition der Inhalte ====
*/ 

table.contentpaneopen { /* Formatierung der Tabellenklasse für Artikel */
font-size: 11px;
line-height: 18px;
width: 98%;
}

table.contentpane td.contentheading { /* Formatierung der Tabellenklasse für Komponenten */
width: 98%;
font-weight: bold;
font-size: 16px;
height: 23px;
line-height: 20px;
font-family: Arial, Helvetica, sans-serif;
color: #002E61;
border: none;
}

table.contentpane ul {
margin: 0px;
padding: 0px;
list-style: none;
}

table.contentpane ul li{
padding: 0px;
margin: 0px;
background: url(../images/readon2.gif) no-repeat left top;
padding-left: 15px;
}

.contentheading { /*formatiert die Überschrift eines Artikels */
	width: 98%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	height: 23px;
	line-height: 20px;
	color: #002E61;
	border-bottom: 1px solid #FF8400;
        padding-top: 15px;
	}
 
a.contentpagetitle:link, a.contentpagetitle:visited { /* formatiert die Überschrift, falls verlinkt */
	color: #002E61;
	text-align: left;
        text-decoration: none;
	padding-top: 10px;
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 16px;
	}


a.contentpagetitle:hover {
	color: #003399;
	} 
 
.contentdescription { /*formatiert die Beschreibung der News, Weblinks, usw. (Komponenten) */
	font-size:  11px;
	}
  
.content_rating { /* formatiert die Anzeige der bereits vollzogenen Abstimmungen ...User Tating: x/x */
	line-height: 24px;
}

.content_vote { /* formatiert die Anzeige der vorzunehmenden Abstimmung ... Poor/best  */
	line-height: 24px;
	}

.toclink { /*Formatierung der Verweise zwischen mehrseitigen Artikel */
	display: block;
	background: url(../images/readon2.gif) no-repeat left; 
	font-size: 11px;
	padding-left: 10px;
	vertical-align: middle;


	line-height: 16px;
}

a.toclink, a.toclink:visited {
	text-decoration: none;
}

a.toclink:hover {
	text-decoration: underline;
}

table.contenttoc {
	border: 1px solid #CCCCCC;
	padding: 5px;
	margin: 5px;
	background-color: #FFFFCC;
}

table.contenttoc th{
	font-weight: bold;
	font-size: 11px;

	color: #6002E61;
	text-align: left;
	padding-left: 5px;
	border-bottom: 1px solid #BBBBBB;
}


.message {  /* CSS-Style zur Auswahl im WYSIWYG-Editor. Sonst noch eine Funktion?????? */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	}

.smalldark { /* CSS-Style zur Auswahl im WYSIWYG-Editor. Sonst noch eine Funktion?????? */
	font-size: 10px;
	color: #000;
	height: 10px;
	line-height: 10px;
	text-align: left;
	}


/*
===== Mambo styles for components - Definition der Komponenten ====
*/

.componentheading { /* formatiert die Anzeige des Titels einer Komponente im Frontend der Website */
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	height: 24px;
   width: 95%;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #FF8400;
	color: #5F5F5F;
	margin-bottom: 5px;
   padding-left: 18pt;
   background: transparent url(../images/comp_sign.png) left top no-repeat;
	}

/*
===== Mambo styles for modules - Definition der Module ====
*/

table.moduletable { /* formatiert die Tabelle zur Anzeige der Module, z.B. Rechte und linke Spalte */
	width:  100%; 
	/*font-size: 80%;*/
}
  
table.moduletable th  { /* formatiert den Kopf der jeweiligen Tabelle */
	/*font-size: 80%;*/
}
 
table.moduletable td  { /* formtiert die Zellen der Tabelle */
	font-family:  Arial, Helvetica, sans-serif;
}

#leftcol div.module, #rightcol div.module {
width: 152px;
background: transparent url(../images/module_middle.jpg) left repeat-y;
margin-bottom: 10px;
}

#leftcol div.module div, #rightcol div.module div {
width: 152px;
background: transparent url(../images/module_top.jpg) top left no-repeat;
}

#leftcol div.module div div, #rightcol div.module div div {
width: 152px;
background: transparent url(../images/module_bottom.jpg)  bottom left no-repeat;
}

#leftcol div.module div div div,#rightcol div.module div div div{
width: 137px;
padding-left: 5px;
padding-right: 10px;
padding-top: 10px;
background: transparent;
padding-bottom: 10px;
font-size: 10px;
}

#leftcol div.module div div div div, #rightcol div.module div div div div{
padding: 0px;
margin: 0px;
}

div.module h3 {
color: #003399;
font-size: 14px;
width: 130px;
border-bottom: 1px solid #002E61;
font-weight: bold;
margin: 0px;
padding: 0px;
margin-bottom: 10px;
}

div.module-front h3 {
color: #002E61;
font-size: 16px;
width: 190px;
border-bottom: 1px solid #FF8400;
font-weight: bold;
margin: 0px;
padding: 0px;
margin-bottom: 10px;
}

#maincol div.module, #maincol-wide div.module {
background: #F6F6F6 url(../images/module_left_top.gif) top left no-repeat;
float: left;
width: 48%;
margin-right: 10px;
margin-bottom: 10px;
}

#maincol div.module div, #maincol-wide div.module div{
background: url(../images/module_right_top.gif) top right no-repeat;
}

#maincol div.module div div, #maincol-wide div.module div div{
background: url(../images/module_right_bottom.gif) bottom right no-repeat;
}

#maincol div.module div div div, #maincol-wide div.module div div div{
background:  transparent url(../images/module_left_bottom.gif) bottom left no-repeat;
padding: 5px;
font-size: 10px;
}

#leftcol div.module div div div div.syndicate {
background: transparent;
width: 137px;
margin: 0px;
padding: 0px;
}

#leftcol div.module div div div div.syndicate div {
background: transparent;
width: 137px;
margin: 0px;
padding: 0px;
}



div.moduletable h3 {
width: 175px;
height: 30px;
background-color: #E6EDF1;
color: #333333;
font-weight: bold;
font-size: 120%;
font-family: Tahoma, Verdana, sans serif;
line-height: 32px;
padding-left:5px;
margin-bottom: 5px;
margin-top: 17px;
}

div.moduletable-menu h3 {
width: 175px;
height: 30px;
background-color: #E6EDF1;
color: #333333;
font-weight: bold;
font-size: 100%;
font-family: Tahoma, Verdana, sans serif;
line-height: 32px;
padding-left:5px;
margin-bottom: 5px;
margin-top: 17px;
} 

/*
===== Mambo´s build-in Component´s Style - Definition der integrierten Komponenten =====
*/

.poll {	/* formatiert die Textanzeige im Umfragemodul */
	font-family:  Arial, Helvetica, sans-serif;
 	font-size:  11px;
 }
 
.searchintro {  /*formtiert die Antwort einer Suchanfrage ... Insgesamt x Ergebnisse. Suche nach x mit... */
	font-family:  Arial, Helvetica, sans-serif;
 	font-size:  12px;
 }
 
table.contact { /* formatiert die 'Contact us' Tabelle, jedoch nicht das Dropsown zur Auswahl der Kontaktperson */
}

table.contact td.icons { /* formatiert die Zelle der Tabelle, welche das Icon zum Kontakt beeinhaltet */
}

table.contact td.details { /* fomatiert die Details zum jeweiligen Kontakt, wie Adressen, Telefon, etc. */
	font-family:  Arial, Helvetica, sans-serif;
 	font-size:  11px;
 	color:  #000000;
}
 
.newsfeedheading { /* formatiert den Namen des eingebundenen Feeds jedoch nicht dessen Titel (Überschrift) */
	font-size:  14px;
}
 
.newsfeeddate {  /* formatiert die Anzeige des datums im Newsfeedmodul */
	font-size:  11px;
 	color:  #9C9C9C;
}
 
.fase4rdf {  /* formatiert den anzuzeigenden Inhalt des Feeds */
	font-size:  11px;
}
 
a.fase4rdf:link {
	font-size:  11px;
 	color:  #636363;
}
 
a.fase4rdf {
	text-decoration:  none;
}
 
a.fase4rdf:hover {
	color:  #9C9C9C;
 	text-decoration:  none;
}

.newsflash { /* formatiert den Inhalt aus der Newsflash Komponente */
	
}

.latestnews {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
        font-weight: normal;
	width: 180px;
	text-decoration: none;
	line-height: 16px;
	display: block;
}

ul.latestnews {
       padding-left: 5px;
} 

li.latestnews {
       background: url(../images/readon2.gif) no-repeat left;
       padding-left: 18px;
}

a.latestnews, a.latestnews:visited {
	text-decoration: none;
}

a.latestnews:hover {
	text-decoration: underline;
}

.latestnews-front {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
        font-weight: normal;
	width: 180px !important;
	text-decoration: none;
	line-height: 16px;
	/*display: block;*/
}

ul.latestnews-front { 
       margin-left: 5px;
       padding: 0px;
       list-style-type: none;
}

li.latestnews-front {
       background: url(../images/readon2.gif) no-repeat left top;
       padding-left: 18px;
}

a.latestnews-front, a.latestnews-front:visited {
	text-decoration: none;
}

a.latestnews-front:hover {
	text-decoration: underline;
}

/*
=======================================================================================
===== Layout der Seite: wwww.ejwz.de - Definition der integrierten Komponenten =====
=======================================================================================
*/

/*
===== Abschnitt: Globale Klassen =====
*/

.content {
	font-size: 11px;
	line-height: 18px;
}

.madeby {
	float:right; 
	height: 16px;
	font-family:  Tahoma,Verdana,Helvetica,Arial,sans-serif;
	font-size: 11px;
	color:  #FFFFFF;


	text-align: right; 
	padding-right: 15px;
	padding-top: 2px;
}

.date {
	font-family:  Arial, Helvetica, sans-serif;
 	font-size:  11px;
 	color:  #FFFFFF;
 	font-weight:  bold;
 	text-align:  right;
 	background-color:  #224D9C;
 }
 
.clr{clear: both;}


.pathwaybox {
 	float: left;
 	padding: 10px 5px 0px 5px;
}

.mainbody {
 float:left;
 width: 469px;
 padding: 0px 10px 5px 10px;
}

.slogan {
 float:left;
 width: 420px;
 padding: 5px 5px 5px 5px;
}

.standort_text {
	font-size: 14pt; 
	font-weight: bold; 
	text-align: center;
	color: white;
	padding: 5px 5px 10px 10px;
}

.blog {
width: 100%;
}

.blogsection {
font-size: 11px;
}

.blog_more ul li{
list-style: none;
padding-left: 14px;
background: url(../images/readon.gif) no-repeat left;
line-height: 18px;
}

/*
===== Abschnitt: Container =====
*/ 

#accessibility {
position: absolute -2000px -1000px;
display: none;
}


#top-spacer {
width: 100%;
height: 25px;
}

#pagewidth{
width:770px;
text-align:left;
min-width: 500px; 
margin-left:auto;
margin-right:auto;
background: url(../images/back_all.gif) repeat-y top;
}

#header {
height:  134px; 
width:  100%; 
background: #FFF url(../images/back_verlauf.jpg) repeat-x top;
 }
 
#top-top {
height: 30px;
width: 100%;
background: transparent;
}

#top-bottom {
height: 105px;
width: 100%;
background: transparent;
}

#search {
margin: 0px;
padding: 0px;
width: 148px;
height: 28px;
float: right;
background: url(../images/back_search.jpg) right top no-repeat;
padding-left: 20px;
padding-top: 2px;
vertical-align: top;
}

#search .inputbox{
width: 100px;
height: 18px;
font-size: 11px;
color: #002E61;
background: transparent;
border: none;
margin: 0px;
padding: 0px;
line-height: 14px;
}

#search .button{
margin: 0px;
padding: 0px;
height: 14px;
font-size: 10px;
color: #002E61;
background: transparent;
border: none;
line-height: 10px;
}

#search form {
margin: 0px;
padding: 0px;
}

#topmenu {
height: 20px;
float: right;
width: 600px;
}

#pathway{ 
width: 500px;
height: 19px;
padding-left: 20px;
padding-top: 5px;
}

#leftcol{
 width: 152px;
 float: left;
 position: relative;
 margin-right: 1px;
 } 

#rightcol{
 float: right;
 width: 154px;
 position: relative;
 margin-right: 1px;
 margin-top: -25px;
 } 
 
#outer{
width: 770px;
background: url(../images/content-top.gif) no-repeat top;
padding-top: 6px;
} 

#footer{  
 height: 80px; 
 width:100%; 
 background: url(../images/footer.png) no-repeat #FFFFCC; 
 font-size: 10px;
}

#maincol{ 
 float: left; 
 width: 435px;
 position: relative;
 padding-left: 5px;
 padding-bottom: 15px; 
 } 
 
 #maincol-wide{ 
 float: left; 
 width: 590px;
 position: relative; 
 padding-left: 5px;
 padding-bottom: 15px;
 }
 
 /*
===== Klassen für Tiny-MCE-EXP: Container =====
*/ 
 
 .Text {
	font-family: Arial, Helvetica, sans-serif;
	font-size:  11px;
	line-height: 18px;
}

.Zwischenueberschrift {
	font-family: Arial, Helvetica, sans-serif;
	font-size:  11px;
	font-weight: bold;
}