/* -------------------------------------------------------------*/
/* ---------------- Custom Styling Classes ---------------------*/
/* -------------------------------------------------------------*/
/* 
################## TODO ######################################
#  font zentralisieren
#  farbgebung zentralisieren
#  reli-Spaltenbreite mit Pathway verknüpfen?
#  tabellenorientierte Formatierungen ggf. ins template verlagern
#  Abhängigkeiten zwischen Breitenangaben und Positionierungen via css aufheben
#  fixed beim Background-image ist zwischen den Browsern unterschiedlich (moz absolut zur Seite, ie abs. zur class)
#  Farbgebung vereinheitlichen und an das neue Layout anpassen
#
# Grundproblem: IE interpretiert Farben, Paddings (rechts) usw. anders,
# so dass man die Positionen nur annähern kann

exakte Bezeichnung der Eigenschaften prüfen

  ggf. text-indent: 15px; statt padding

#
################## TODO ######################################*/

/* FARBEN
           100%
  grün  #006666
  blau  #003366
  rot   #993333
  gelb  #ffcc00
  grau  #cccccc
*/

/* temp. Styles aus dem alten Design 
.ProjektName {font-size: large; font-weight: bold; text-align: left; vertical-align: top ; color: #CCFFCC}
.ProjektUeberschrift {font-size: medium; font-weight: bold; text-align: left; vertical-align: top ; color: #CCFFCC}
*/


/* -------------------------------------------------------------*/
/* ---------------- Template Styling Classes -------------------*/
/* -------------------------------------------------------------*/

/* ------------------ äußere Hauttabelle -----------------------*/
/* --- Einstellungen zwischen Header und Footer siehe .main ----*/
.outer_table {
  background-color: white; /* Hintergrundfarbe für alles*/
  padding: 0px; /* Innenabstand des Inhalts vom Browserrand*/
/*  background: url(../images/wolken.jpg) no-repeat; /* Hintergrundbild für alles*/
}
/* ----------------------- Seitenkopf --------------------------*/
/* ------------------ Logos in der Kopfzeile -------------------*/
.header_1 {
  background: url(../images/header_1.jpg) no-repeat;
  padding: 9px 6px 9px 6px;
}
/* zur Zeit nicht verwendet */
.header_2 {
  padding: 3px 6px 3px 6px;
}
/* ------------------- Datum und Mambelfish --------------------*/
/* -------------- Sitemap, Pathway und Search ------------------*/
.header_3 {
/*  border-bottom: 4px dotted #003366; */
  border-top: 2px ridge #003366;
  border-bottom: 2px ridge #003366;
  height: 22px;
  padding: 3px 8px 3px 8px;
  background-color: #f9f9f9;
}
/* der Trenner in der in der Kopfzeile */
.trenner {
  font-size: 12px;
  padding: 0px 3px 0px 3px;
}
/* die Anzeige des aktullen Datums und des Mabelfisches in der Kopfzeile */
.datestyle {
  font-size: 12px;
}
.mambelstyle {
  font-size: 12px;
  /* andere Einstellungen funktionieren leider nicht */
}

/* ---------------------- Inhalt von header3 ------------------*/
.p_sitemap {
  width: 170px;   /* muss mit der Breite des dummy in der Tabelle übereinstimmen */
  padding: 0px 0px 0px 6px;
}
/* --- Pathway in header3
  anscheinend nur der letzte Eintrag
  umschliest bei diesem Template die Ausgabe von pathway ---*/
.p_pathway {
  font-size: 13px;
  color: #003366;
  font-weight: bold;
}
.pathway {
/* wird in includes pathway verwendet  ...
  wirkt aber wie p_pathway nur auf den letzten Eintrag */
}
/* --- Search & Inputbox ---*/
.p_search {
  margin: -3px 0px -3px 0px;
}
.search .inputbox {
/* definiert anscheinend alle Inputboxen (innen), also vielleicht doch noch mal mit p_search probieren */
  width: 120px;
  font-size: 11px;
  color: #006666;
  padding: 0px 3px 0px 3px;
}
/* ------------------------- CESRDoc -------------------------------*/
.select-cesrdoc {
/* verhindert, dass die Breite der Comboboxen vom längsten Eintrag der Liste abhängt */
  width: 65px;
}

/* ----------------------- Inhaltsbereich --------------------------*/
/* -------------------- innere Haupttabelle ----------------------- */
.main {
/*  background: #eeeeee url(../images/_wolken.jpg) repeat; /* Hintergrundfarbe zwischen Pathway und Fußzeile */
  background-color: #eeeeee;
}
.main_content {
  vertical-align: top;
  background-color: white;
  padding: 0px 6px 6px 6px; /* Innenabstand des Contents, ggf. noch Randdicke mit berücksichtigen*/
  border-top: 6px solid #eeeeee;
  border-bottom: 6px solid #eeeeee; /*  border: 0px ridge #003366; */
  width: 100%; /*wichtig, damit der Content den freien Bereich voll füllt */
}
.main_right {
  vertical-align: top;
  background-color: inherit;
  padding: 6px 6px 6px 6px;
  border: 0px ridge #003366;
}
.main_left {
  vertical-align: top;
  background-color: inherit;
  padding: 6px 6px 6px 6px; /* Innenabstand des Contents */
  border: 0px ridge #003366;
}
/* --- Cell Holding Left & Right Modules ---
  width der Modul-Container sollte mit der Breite des dummy in der Tabelle übereinstimmen
  abzüglich des Paddings des umgebenden Containers, damit
  IE und MOZ ähnlich positionieren ---*/
.main_content_modules {
  background-color: inherit;
/*  border: 0px; */
  padding: 0px 0px 0px 0px;
/*  min-width: 600px; erst mal ohne versuchen */
}
.main_left_modules {
  width: 190px;
  background: inherit;
  border: 0px;
}
.main_right_modules {
  width: 240px; /* min-width funktioniert nicht bei IE*/
  background: inherit;
  border: 0px;
}

/* ----------------------- Fußzeile --------------------------*/
.bottom {
  padding: 6px 3px 6px 3px;
  background-color: #F9F9F9; /*  border-top: 4px dotted #003366; */
/*   background: #eeeeee url(../images/bottom.jpg) no-repeat; */
  border-top: 2px ridge #003366;
  border-bottom: 2px ridge #003366;
}
.copyright {
  background-color: inherit;
  font-size: 10px;
  margin-top: 4px;
}

/*###################################################################################*/
/* -------------------------------------------------------------*/
/* ------------------ General Body Styling----------------------*/
/* -------------------------------------------------------------*/
body {
  margin: 0px 0px 0px 0px;  /* damit das Bild auch bei 0 anfängt */
  font-family: sans-serif;  /* Basisschrift für alles */
  font-size: 12px;
	font-weight: normal;
  color: Black;
  background: White;        /* der Hintergrund von allem */
}

/* ---------------- General Paragraph Styling----------------------*/
/* nicht für die Menüs */
td,tr,p,div {
  font-size: 12px;          /* Basisschriftgröße für IE&Mozz */
}
a:link, a:visited {
  color: #006666;
  font-weight: bold;
  text-decoration: none; /* Linkeinstellungen des Browsers überschreiben */
}
a:hover {
  color: #993333;
  text-decoration: none;
}
h4 {
	color: #006666;
	font-size: 14px; 
  font-weight: bold;
}
h5 {
/* wird bei Remository verwendet */
	color: #003366;
	font-size: 13px; 
  font-weight: bold;
}
h6 {
	color: #003366;
	font-size: 12px; 
  font-weight: bold;
}
_ul {
	margin: 0px 0px 0px 0px;
}
_li {
/*  width: auto;
  margin: 0px 0px 0px 0px!important;
  margin: 0px 0px 0px 30px;
  border: 0px;
  padding: 0 0 0 0;
*/}

/* -------------------------------------------------------------------*/
/* ---------------- Mambo Styling Classes ----------------------------*/
/* -------------------------------------------------------------------*/

.createdate, .modifydate {
  font-size: 10px;
  color: #666666;
  text-decoration: none;
  font-weight: normal;
}
.small {
/* general style for texts when small size fonts are used. In
	   the contents, this style is used for "Written by..." texts */
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
}
.smalldark {
  font-size: 10px;
  text-decoration: none;
}
a.readon:link, a.readon:visited {
	/* For formatting the "Read on..." link for blogs and on frontpage. */
	color: #006666;
	text-decoration: none;
	font-size: 12px;
}
a.readon:hover {
	color: #993333;	
  text-decoration: underline;
	font-weight: normal;
	font-size: 12px;
}
.article_seperator{
/* steht zwischen den Artikeln mit einem &nbsp; */
}


/* ---------------- General Mambo Styles ----------------------*/
hr {
	/* often used in components like Akobook, and Simpleboard forum
	   to define the separator lines */
	background: transparent;
	height:1px;
	border: 1px solid #666666;
}
hr.separator {
	/* found this css style in Peekmambo's css style. Still haven't worked out
	   if this is a custom style or an in built style. Will update when I find out*/
	background: transparent;
	height: 1px;
	width: 75px;
	border: 1px solid #666666;
}

/*###################################################################################*/
/* --------------------- Genral Menu Styling ----------------------*/
/* Icons werden über die Komponente eingestellt */
.mainlevel{
  font-size: 13px;
  font-weight: bold;
  background: none;
}
.sublevel{
	font-size: 12px;
	font-weight: normal;
  background: none;
}
a.mainlevel:link, a.mainlevel:visited, a.sublevel:link, a.sublevel:visited {
  color: #006666;
}
a.sublevel:hover, a.mainlevel:hover {
	color: #993333;
}
a#active_menu {
  color: #003366;
}

/* --------------------- CESR Internet-Menu Styling ----------------------*/
.mainlevel-cesr{
  font-size: 13px;
  font-weight: bold;
  background: none;
/*  border: 0px solid #eeeeee;*/
  display: block;
  padding: 0px 3px 0px 3px;
}
.sublevel-cesr{
  font-size: 12px;
  font-weight: bold;
  background: none;
/*  border: 0px solid #eeeeee;*/
  display: block;
  padding: 1px 3px 1px 3px;
}
a.mainlevel-cesr:link, a.mainlevel-cesr:visited, a.sublevel-cesr:link, a.sublevel-cesr:visited {
  color: #006666;
}
a.sublevel-cesr:hover, a.mainlevel-cesr:hover {
	color: #993333;
/*  border: 0px solid #eeeeee;*/
  background: #f9f9f9;
}
a#active_menu-cesr {
  color: #003366;
/*  border: 0px solid #eeeeee;*/
}

/* --------------------- CESR Intranet-Menu Styling ----------------------*/
.mainlevel-cesrintra{
  font-size: 13px;
  font-weight: bold;
  background: none;
/*  border: 0px solid #eeeeee;*/
  display: block;
  padding: 0px 3px 0px 3px;
}
.sublevel-cesrintra{
  font-size: 12px;
  font-weight: bold;
  background: none;
/*  border: 0px solid #eeeeee;*/
  display: block;
  padding: 1px 3px 1px 3px;
}
a.mainlevel-cesrintra:link, a.mainlevel-cesrintra:visited, a.sublevel-cesrintra:link, a.sublevel-cesrintra:visited {
  color: #ff6600;
}
a.sublevel-cesrintra:hover, a.mainlevel-cesrintra:hover {
	color: #ffcc00;
/*  border: 0px solid #eeeeee;*/
  background: #f9f9f9;
}
a#active_menu-cesrintra {
  color: #003366;
/*  border: 0px solid #eeeeee;*/
}
/*###################################################################################*/
/* ------------- Mambo Page Navigation Styling ------------------*/
.pagenavbar {
	/*for some weird reasons, this is not used in page nav, but found it used
	  for nick names in forum threads by Simpleboard */
}
.pagenav, .pagenav_prev, .pagenav_next {
	/* as the name implies, this is for formatting texts for
	   those "<< Start < Previous 1 Next > End >>" links */
	font-weight: normal;
}
a.pagenav, a.pagenav:visited {
	/* same as above, but for links */
	font-weight: bold;
	color: #666666;
}
a.pagenav:hover {
	/* same as above, but for links with mouse pointer over it */
	color: #FF9900;
}


/*###################################################################################*/
/* --------------------- Mambo Blog styling ----------------*/
/*  einstelltung für die Anzeige aus dem Manü mit den Typ Blog */
.blog {
  width: 100%;
  border: 0px solid #666666;
  padding-top: 0px;
}
a.blogsection:link, a.blogsection:visited {
	color: #006666;
	text-decoration: none;
}
a.blogsection:hover {
	color: #993333;
}

/*###################################################################################*/
/* ---------------- Mambo Form Styles ----------------------*/
/* Here are 2 styles that Mambo uses to let users control
      how their forms and buttons may look. */

.button .back_button {
  /* this style applies to most form buttons generated by
     Mambo and its components. Change its format here*/
  color: #006666;
  margin-top: 0px;
  font-weight: bold;
  text-align: center;
  font-size: 12px;
  background: #eeeeee;
  border: 4px ridge #aaaaaa;
  height: 24px;
  cursor: pointer;
  margin: 0px 2px 0px 2px;
}

.noch_einer_back_button {
	/* this style applies to the back button button generated by
	   Mambo. Change its format here*/
	float: left;
  font-size: 11px;
  color: #FFFFFF;
  background: #f5f5f5;
  font-weight: bold;
  text-align: center;
  padding: 2px;
	border: 0px solid #000066;
  cursor: pointer;
}

/*###################################################################################*/
/* ----------------- Content Poll ... ------------------ */
.poll {
	font-weight: bold;
	color: inherit;
	line-height: 10px
}
.pollstableborder {
	/* set the border properties of the polls voting table */
	border: 0px;
}

/*###################################################################################*/
/* ------------------- Weblinks ------------------------- */
a.weblinks:link, a.weblinks:visited {
	/* well.. to format the link's titles under the "Weblinks" section on the frontend */
	color: inherit;
}
a.weblinks:hover {
	/* same as above, but for link with mouseover */
	color: #993333;
	text-decoration: underline;
}
/* --- Component WebLinks -------------------------------------------- */
/* .componentheading-weblink s.o. */
.list-weblink{
/* in com_weblinks eingebaut, damit die Links vertikal einen Abstand haben */
  padding: 5px 5px 5px 5px;
}
.category-weblink{
  font-weight: bold;
}
.contentpane-weblink{
}
.contentdescription-weblink{
}
.category-weblink{
  font-weight: bold;
}


/*###################################################################################*/
/* ----------------------- Newsfeeds ------------------- */
.newsfeedheading {
  /* The newsfeed title. NOTE: This will not affect the newsfeed's news title! */
  font-weight: bold;
  color: #666666;
}
.newsfeeddate {
	font-size: 10px;
	color: #666666;
	font-weight: normal;
}
.fase4rdf {
	/* this is the body text of the newsfeed */
	color: #343A58;
	font-weight: normal;
}
a.fase4rdf:link {
	/* links of the body text of the newsfeed */
	font-weight: bold;
	color: #666666;
}
a.fase4rdf:hover {
	/* links of the body text of the newsfeed when mouse points over it*/
	font-weight: bold;
	color: #000099;
}

/*###################################################################################*/
/* Search page */
table.searchintro {
	/* This is for formatting the box with "Search Keyword: test returned 4 matches" box
	   that appears after you have entered a search value. It appears on the mainbody
	   with the search results  */
  background-color: inherit;
	border: 0px solid #8D9ABC;
}

/*  Contact's table settings  */
table.contact {
	/* for formatting the entire "Contact" table which includes
	   the name, address icons and form. Note this table DOES NOT
	   enclose the dropdown list for selecting the Department/person
	   to contact */
	background-color: inherit;
}
table.contact td.icons {
	/* the name gave it away. This formats the <td> cells
	   where the little icons sits next to the details (those addresses,
	   phone number etc) */
	background-color: inherit;
}
table.contact td.details {
	/* this is for formatting the <td> cells where all the details sits.
	   The details where addresses, phone number and additional info are */
	background-color: inherit;
}

/*###################################################################################*/
/* ----------------------- Mambo Components Styles ----------------*/
/* These stylings are to format the way components title is displayed */
.componentheading, .componentheading-weblink {
	/* This is used for formatting the component's title
	   when it is displayed on its own page on the frontend */
	font-size: 13px;
	font-weight: bold;
 	color: #003366;
	line-height: 13px;
	height: 13px;
}

/* -------------- Mambo Modules Table formatting ----------------*/
table.moduletable {
  /* alle Änderungen auch bez. der Fußzeile prüfen */
  /*  background-color: white;*/
  width: 100%;
  border: 0px ridge #cccccc;  /* der Rahmen um ein Module herum */
}
table.moduletable th {
  /* Module header, also der Titel des Modules */
  background-color: white;
  vertical-align: middle;
  font-size: 12px;
  font-weight: bold;
  color: #003366;
  text-align: left;
  text-indent: 6px;
  height: 25px;
  text-transform: uppercase;
/*
  border-top: 0px ridge #cccccc;
  border-left: 0px ridge #cccccc;
  border-right: 0px ridge #cccccc;
*/
  border-bottom: 3px dotted #ffcc00;
}
table.moduletable td {
/* Abstände der Zelleinträge insbesondere beim Menü von Bedeutung */
  padding: 3px 6px 3px 6px;
}
table.moduletable ul {
	color: #ff0000;
}
/* -------------- Mambo Modules Table formatting ----------------*/
.modulelogin{
  width: 100%;
  margin: 0px 0px 0px 0px;
  border: 0px;  /* der Rahmen um ein Module herum*/
}


/*###################################################################################*/
/* --------------------  Styling for Contents --------------------------*/

.contentpane {
}
.contentpaneopen {
  /* Container für den Inhalt auf contentpane, keine Font-Settings*/
  /* border: 0px solid #cccccc; */
  /* background-color: white; /* Hintergrundfarbe des reinen Inhalts  */
}
/* -------------------- Content Überschrift --------------------------*/
.contentheading {
/*  Container für die Überschrift
    Font-Settings gelten für die Anzeige von einem Stück Content,
    wenn der Titel kein Link mehr ist */
	font-size: 13px;
	font-weight: bold;
 	color: #003366;
  height: 16px;
  padding-bottom: 3px; 
  border-bottom: 3px dotted #ffcc00;
}
.bbcontentpagetitle {
/*  innerer Container für die Überschrift, mit Font-Settings
    gilt auch für die Contentseite, wenn die Überschrift verlinkt ist */
	font-size: 13px;
	font-weight: bold;
 	color: #003366;
	height: 16px;
  width: 100%;
}
.contentpagetitle:link, .contentpagetitle:visited {
  color: #006666;
  text-decoration: none; /* Linkeinstellungen des Browsers überschreiben */
}
.contentpagetitle:hover {
  color: #993333;
  text-decoration: none;
}
.article_seperator{
  /* steht zwischen den Artikeln funktioniert mit display: block; */
  display: block;
  /*border-top: 3px dotted #ffcc00;*/
  padding-top: 12px;
}

/* -------------------- ?????? --------------------------*/
.contentdescription {
	/* When you create a link to a Section in the main menu and when clicked on it, it will display
	   "News" then some description (with image if you selected one) and then a list of
	   Category of News. This style is used for formating the "DESCRIPTION" part of that page */
	font-size: 11px;
	color: #666666;
}
table.contenttoc {
	/* This is used to format the table of the Tables of Contents or "Jump to"
	   box when it is enabled in a multiple paged content or article */
	_color: #666666;
	background-color: #f5f5f5;
  padding: 5px 5px 5px 5px;
	width: 30%;
  border: 5px solid white;
}
table.contenttoc th {
	background:  #f5f5f5;
	vertical-align: right;
	font-size: 11px;
	font-weight: bold;
	color: #003366;
	text-align: left;
	text-indent: 5px;
	_height: 24px;
	border-bottom: 1px #666666;
	text-transform: uppercase;
}
table.contenttoc td {
	/* the same as above, but this is used to format the td or table cells */
  font-size: 8pt;
  font-weight: normal;
	_text-indent: 5px;
	padding: 3px 0px 3px 10px;
}
.content_rating {
	/* used for styling the texts used for displaying
	   those "stars" for rating in an article */
	font-weight: normal;
	font-size: 8pt;
}
.content_vote {
	/* used for those voting texts (the one with voting RADIO buttons) */
	font-weight: normal;
	font-size: 8pt;
}

/* ---------------------- Spezielle Überschriftentabelle in den eigenen Komponenten ---------------------*/
.ueberschrifttable {
  border-top: 1px dotted #ffcc00;
  border-bottom: 1px dotted #ffcc00;
}
.ueberschriftrow {
  _color: #003366;
  color: #000;
  background-color : #eeeeee; 
  padding: 0px 6px 0px 6px;
  font-weight: bold;
}
.ueberschriftrowdesc {
  color: #003366;
	background-color : white; 
  padding: 0px 6px 0px 6px;
}

/*###################################################################################*/
/* --------- Mambo General styling for Sections/Categories/Contents ---------*/
/* These stylings are either sometimes or often used across
      Sections, categories and contents. They, therefore, deserves
       to be mentioned and separated from others */

/* ---------------------- Mambo Sections Styles ---------------------*/
/* Styling of sections tables */

.sectiontableheader, .tabelle_kopfzeile {
  /* This is for styling the section table headers on a SECTION's page.
     An example would be those articles lists when you click on "News" or something?
     With a table header of "Date", "Item Title", "Author" and "Hits" ? That's the
     header that you will be controlling through this style */
  background-color: #003366;
  background-repeat: repeat;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  padding: 3px 6px 3px 6px;
  text-transform: uppercase;
}
.sectiontableentry1, .tabelle_zeile1 {
  /* this is used when there's a whole list of data to provide and
     you need to create alternate colors for each row of data. This is
     the first color */
	background-color : #f9f9f9; 
  padding: 0px 6px 0px 6px;
  height: 18px;

}
.sectiontableentry2, .tabelle_zeile2 {
	/* this is the second color for the row. So, the table generator,
	   will alternate its style through sectionableentry1 and sectiontableentry2
	   as it cycles through and outputs each row of data. Similar to forum's post
	   listings */
	background-color : #eeeeee; 
  padding: 0px 6px 0px 6px;
  height: 18px;
}


/* --------- Mambo Styles for Categories ---------*/
/* The following are the styling for "Category" items
    generated from the Sections area */
.category {
	/* this is to set the category Titles ( found on a SECTION's page
	   where the Category lists are) styles */
	color: #003366;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
a.category:link, a.category:visited {
	/* same as above, but to set the link format */
	color: #006666; 
	font-weight: bold;
}
a.category:hover {
	/* same as above, but for links with mouse pointer over it */
	color: #993333;
}

/* ---------------- Latestnews (by day) --------------------------------*/
.latestnews{
	font-weight: bold;
}
.latestnewsday{
  font-weight: normal;
}

/*###################################################################################*/
/* ---------------- Mambo Tabbed Frontend Admin Interface --------------------*/
	/* The CSS styles here defines how the frontend admin interface
     will look like when editing and adding news through frontend. */
.ontab {
    font-size : 12px;
    background-color : #ffae00;
    border : 1px solid #cccccc;
    width : 14%;
    text-align : center;
    cursor : pointer;
    font-weight : bold;
    color : #ffffff;
}
.offtab {
    font-size : 12px;
    background-color : #e5e5e5;
    border : 1px solid #cccccc;
    width : 14%;
    text-align : center;
    cursor : pointer;
    font-weight : normal;
}
.old_ontab {
	/* For styling of the "Tab" buttons when editing contents through the frontend
	   (when you log in as admin in the frontend). This .ontab is the styling for the
	   tab when it is active or after its "clicked" */
	background-color: #323A15;
	border-left: outset 1px #DCF2FA;
	border-right: outset 1px #808080;
	border-top: outset 1px #DCF2FA;
	border-bottom: solid 1px #d5d5d5;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
}
.old_offtab {
	/* Same as above, used for styling of the "Tab" buttons when editing contents through the frontend.
	   This .ontab is the styling for the tab when it is NOT active or when it is NOT "clicked" */
	background-color : #e5e5e5;
	border-left: outset 1px #E0E0E0;
	border-right: outset 1px #E0E0E0;
	border-top: outset 1px #E0E0E0;
	border-bottom: solid 1px #d5d5d5;
	text-align: center;
	cursor: pointer;
	font-weight: normal;
}
.old_tabpadding {
	/* this style is used set the size of the tab in in the above */
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
.tabheading {
	/* Not too sure what this is used for. Couldn't find anything
	   related to it yet at the moment */
  background-color : #ffae00;
  color : #fff;
  font-size : 10px;
  text-align : left;
}
.pagetext {
	/* this style is used to style the content of the editing form
	   contents (where HTMLArea sits and all its forms + contents) in
	   the frontend Administration interface */
	visibility: hidden;
	display: none;
	position: relative;
	top: 0;
}
table.adminform {
  background-color : #f9f9f9;
  border : 1px solid #d5d5d5;
  width : 100%;
  padding : 10px;
  border-collapse : collapse;
}
table.adminform tr.row0 {
  background-color : #f9f9f9;
}
table.adminform tr.row1 {
  background-color : #eeeeee;
}
table.adminform th {
  font-size : 11px;
  padding-top : 6px;
  padding-bottom : 2px;
  padding-left : 4px;
  padding-right : 4px;
  text-align : left;
  height : 25px;
/*  background : url(../images/background.jpg); */
  color : #000;
  background-repeat : repeat;
}
table.adminform td {
  padding : 3px;
/*  text-align : left;*/
}
table.adminform td.editor {
  font-size : 9px;
}
/*** für Komponente PageCache ***/
.bottom_page {
  text-align: center;
  font-size: xx-small;
}