body {
  /*background-image:url(../images/identity/vitalise-background3.jpg);  /* attention, letter case matters here; i set an upper case to temporarily disable this! - Later then found that this link, when not outcommented, hiinders, in 1und1, to call the background colour set below (Firebug showed this), therefore completely disabled now. */
  background-repeat:repeat-x;
  background-attachment:fixed;
  background-color:#C1F8CA; 
  font-family: Verdana, Arial, Helvetica, sans serif;
  font-size:12px;
  padding:25px 0 20px 0;
  text-align:left; /* orig was center*/
  
}

/* Colour selection*/
/*  #aae6e6 is my first turquois (used also initalliy in MobileBE); 
    #0c9dbc is the turqouise of the EAEA logo, but this is too strong for a background; 
    #b4f9a6 is a mild green that looks good on my laptop but too bright on office screen   
    #9ef0aa is a slightly more autumnous green

*/


/* Generelle Schriftfarben-Einstellung */ 
/* bordeaux d02264   
   orange e08131   
   dark green 8ead3d   
   light green c3d093 */

/* Demokzen Farben: 888888; mittelblau; 88a8ff*/

p, ul, li {
color:#000000; 
line-height:1.4em;
 }


/* Settings for list (ul li) in the content area */
 
.blog-featured_content h2 a:link {
/* color:#888888; *//* Aus Finale */
color:#000000;	
}

.blog-featured_content h2 a:hover {
/*color:#88a8ff;*/
/*color:888888;*/ /* Finale */
color:#000000;	
}


.blog-featured_content ul li, .item-page_content ul li {
position: relative; /* keine Ahnung, ob das was bewirkt, Mrz 2012*/
left:-25px; /* keine Ahnung, ob das was bewirkt, Mrz 2012*/
} 

.item-page_content {
color:#000000;
}

/* Position the language switcher module*/
div.mod-languages {
position: relative;
left:35px;
}

/*Überschriften  */

h3 {
  font-size: 1.5em;
        line-height: 1.2em;
        color:#000000;
        font-weight:normal;
}

h2 {
  font-size: 1.8em;
        line-height: 1.3em;
}

h4 {
  font-size: 1.2em;
        font-weight:bold;
       /* color:#67a419; */
        color:#000000;
}




/*Links behaviour */

a:link, a:visited  { 
    text-decoration:none;
    font-weight:bold;
   /* color:#888888; */ /* mittelgrau Finale */
	color:#333333; /* ein dunkles Grau */ 
}

a:active, a:hover{ /* for normal links, on mouse over */
   text-decoration:none;
    /* color:#888888; *//*#e08131;*/  
	color:#1A820E; /* mittelgrün */
}


/* ==================================================*/
/* Box elements of the basic grid */
/* ==================================================*/

#sitehead_01 {
height: 150px; /* Was 119 up to 2016-04-21*/
background-image: url(http://www.cm2.mobilebe.eu/templates/vitalise/images/identity/mbe_headerbar004.gif);

background-repeat: no-repeat;
position: relative; /* Added because the following (in index.php) a href link for the www.eaea.org invisible link sticker needs an ancestor that is "relative" in order to not stick to the computer screen and thus get mispositioned, 2016-10-25 */
}

/* OFF OFF OFF Hover-effect for testing of various logos OFF OFF OFF 
#sitehead_01:hover {
height: 150px; 
background-image: url(http://www.cm2.mobilebe.eu/templates/vitalise/images/identity/mbe_headerbar003.gif);

background-repeat: no-repeat;
position: relative; /* See above in #sitehead_01 */
/*
}
OFF OFF OFF */

#sitehead_02 {
height: 25px;
background-color:#eeeeee;   /*#d02264;*/
position: relative; /* Added because the following (in index.php) a href link for the www.eaea.org invisible link sticker needs an ancestor that is "relative" in order to not stick to the computer screen and thus get mispositioned, 2016-10-25 */
}

#logocorner_top {
  width: 279px;
  height: 0px; 
    /* background-image: url(http://www.zelenite.bg/izbori2011/templates/zeleniteizbori/images/identity/LogoIzbori2011_210Blatt_slices_01.jpg);*/
  background-repeat: no-repeat;
  /*margin-top:-1px;*/
}

#logocorner_main {    
/*  background: #eeeeee; */
height: 0px; /* Was 180*/  
position: relative;
top:-192px; /* an attempt to put the picture rotator up, since obly it is pushed down by -perhaps - the #logolink? */
text-indent:-9999px; /* To move the text "Demokratiezentren" which is a remaining thing from the #logolink invisible square*/
}

#logocorner_bottom {
  width:279px;
  height: 0px; 
  /*background-image: url(http://www.zelenite.bg/izbori2011/templates/zeleniteizbori/images/identity/LogoIzbori2011_210Blatt_slices_03.jpg);*/ /* Oder url(../images/identity/logocorner_bottom.gif)*/
  background-repeat: no-repeat;
  /*margin-top:-1px;*/
}

#EAEA_link_sticker {    /* Creates a square approximately over the EAEA logo in the header picture, with a link to www.eaea.org. Note: the link is written into the index.php  */
    display:block;
    height: 100px;
    width: 150 px;
 /*   text-indent:-8888px;*/      /*Strangely, if used here, moves not only the text but also the link, as opposed to the same thing below...*/
    position: absolute; /* because with "relative" the followin stuff is pushed down*/
    top: -150px;  /* As position is absolute, the reference point should be the ancestoer "relative" element, which here is "#sitehead_01"   */
    left: 930px;
 /*   z-index:-10;  /* try to push this behind the image, but will not the link itself then be behind the image, too? z-index is a feature of positioned elements (position:absolute, relative, fixed.) And yes, this results in being not only the letters but also the link being hidden behind the header picture*/
}



/************ Header picture links **********/
/* How it works: A square is created wich acts as a link. The link is attached to a string of text, which however is removed from the screen with -9999 displacement*/
/* The square however remains at the position*/

/*************** Invisible square to make a link over the feature picture ****************/ 
/* #logolink {     /* Creates an invisible square over the feature picture, with a link */
/*        display:block;
        height:180px;
        width:279px;
        text-indent:-9999px;
} */
/* Disable wnen introdcued modulposition logocorner and disabled logocorner background image*/
/* To make it work, in the index.php there must be a href with id "logolink, namely:" */
/*  <td id="logocorner_main"  valign="top">&nbsp;&nbsp;&nbsp;<a href="http://demokratiezentren.aewb-nds.de/index.php" id="logolink">Demokratiezentren</a></td>*/



#websiteselfreferencelink {/* Creates an invisible square over the websites own logo, with a link to its home page. Note: the link is written into the index.php! */
display:block;
height:100px;
width:250px;
text-indent:-9999px;
position:relative;
top:0px;
}

/*Note: this id is given to an "<a http://...>" element in the index.php */

/*

#organisationlink { /* Creates an invisible square over the organisation's logo, with a link to the organisation's website. Note: the link is written into the index.php! 
display:block;
height:100px;
width:100px;
text-indent:-9999px;
position:relative;
left:950px;
top:-100px; 

}

*/


#user8place img {
border:0px
}

#maincontainer-leftcell {
width:279px; /* Wert gesetzt ursprünglich in index.php*/
}

#middlecell { /*Abstandsspalte zwischen Linker Spalte und Hauptzelle, im index.php eigenltich schon auf 30px gesetzt*/
width:50px; /* in FF z.B. kann man diese Vorgabe aber per CSS überschreiben, dito Safari, allerdings nur mit größeren Werten (also z.B. 60),  nicht aber mit kleineren */
valign:top;      /* Stand bisher auch in der index.php... nun hierherübetragen*/
}           

#rightcellforcontent { 
min-width:500px; /* This solved, surprisingly, the IE issue with this cell. 300 and 400 were ot sufficiet*/
} /* 500 should be too much, but obviously it does - surpsringly- not visible conflict other cell width. */
  /* Therefore I leave it at 500, but if there are future issues, I should re-check it.*/
  
#column_left {
  background:#ffffff; /* #8ead3d; */
}

#maincontainer {
  background:#ffffff; 
}

.moduletable_rxfp { /* eingefügt 10/4/2011 damit Raxo rational template funktioniert */
  width:100%;
  position:relative;
  top:-50px;
  left:-20px;

}

/*****************************/
/******* Rightcolumn *********/

.moduletable_rightcolumn tbody tr td {
width:296px;
}

.moduletable_rightcolumn td {
padding-left: 25px;
}

.moduletable_rightcolumn th {
font-size:1.5em;
color:#000000;
padding:5px 5px 5px 25px;
background-color:#ffffff; /*#d02264;*/
}

/*****************************/
/******* Leftcolumn **********/

.moduletable_leftcolumn {
margin-top:20px;
}

.moduletable_leftcolumn tbody tr td {
width:296px;
}

.moduletable_leftcolumn td {
padding-left: 25px;
}

.moduletable_leftcolumn th {
font-size:1.5em;
color:#000000;
padding:5px 5px 5px 25px;
background-color:#eeeeee; /*#d02264;*/
}

.allmode_text, .allmode_date {
color:#000000; !important;
}


/*****************************/
/******* leftnews (finale) **********/

.moduletable_leftnews {
margin-top:20px;
}

.moduletable_leftnews tbody tr td {
width:296px;
}

.moduletable_leftnews td {
padding-left: 25px;
}

.moduletable_leftnews th {
font-size:1.5em;
color:#000000;
padding:5px 5px 5px 25px;
background-color:#eeeeee; /*#d02264;*/
}

.latestnews_leftnews {
list-style: none; /* wirkt! removes the bullets */
padding-left:0px; /* wirkt! Damit ist das gesamte <ul> jetzt ohne das Default-Padding> */ 
  }

.latestnews_leftnews li {
margin-top:10px;   /* das wirkt! */
  }

.latestnews_leftnews li a {
color:#484848;  
  }




/* ########################################################*/
/* Settings for the Menues */

.moduletable_left th {
  background-image: url(../images/identity/moduleheader_entire_clean.gif);
  width: 279px; /*Ich dachte nicht - aber das wirkt!*/
  line-height: 29px;
  color: #333333;
  font-size:16px;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 10px;
}


.moduletable_column th {
  background-image: url(../images/identity/moduleheader_entire_clean_right.gif);
  width: 279px; /*Ich dachte nicht - aber das wirkt!*/
  line-height: 29px;
  color: #333333;
  font-size:16px;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 10px;
  padding-left: 30px; /* weil align: center nicht geht für den text*/
}

.moduletable_column tbody tr td {
  padding-left: 6px; /* mit margin dagegen überhaupt kein Effekt*/
}


.moduletable_left tbody tr th {
  padding-left: 0px; /* mit padding gehts, mit margin gings nicht - auf 0 gesetzt, da nimmer nötig wegen text-align: centers*/
  text-align: center; /* mit text-aligne tehts, mit nur "align" dagegen nicht!*/  
}


.moduletable_right th {
  background-image: url(../images/identity/moduleheader_entire_clean_right.gif);
  width: 279px; /*Ich dachte nicht - aber das wirkt!*/
  line-height: 29px;
  color: #333333;
  font-size:15px;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 10px;
  padding-left: 30px; /* weil align: center nicht geht für den text*/
}

.moduletable_right tbody tr td {
    background-color: #eeeeee; /*#8ead3d;*/ /*hat effekt*/
}

#right {
  width: 296px;
  /* background:#eeeeee;*/ /*#8ead3d;*/
  /*background:url(../images/newsflashbckgr.png);*/
  vertical-align: top;
  padding: 0px;
  border-left: 1px dotted black;
}

#Hauptzelle {
  padding-right:30px; /* Mrz 2012 als Abstandshalter*/
  text-align:left; /*Versuch, das IE Problem zu lösen mit der miittigsetzung *//* Kein effekt*/
  width:100%; /*Noch so ein Versuch, aber kein Effekt, kann man also löschen*/
}

div.breadcrumbs {
  margin-top: 10px;
  color:#888888;
  font-size:0.85em;
}

#dotline_top {
  /*background-image: url(../images/identity/dotline_singledot.gif);*/
  background-repeat: repeat-x;
  height: 3px;
}

#dotline_top_edge_right {
  /*background-image: url(../images/identity/dotline_singledot.gif);*/
  background-repeat: repeat-x;
  height: 3px;
}


#newsstrip {
  background: #e2e2e2;
  width: 700px; /* ist eigentlich im index.php schon eingeschrieben, aber der IE kapiert das nicht, also hier nochmals gesetzt, damit gehts's*/
}

#newsstrip_edge_right {
  valign: bottom;
  /*background-color:#B6B6B6;
  background-image: url(../images/identity/newsline_edge_right.gif);*/
  background-repeat: no-repeat; /* das scheint im IE aber nicht zu wirken*/
}



#subnewsstrip_dotline {
  /*background-image: url(../images/identity/dotline_singledot.gif);*/
  background-repeat: repeat-x;
  height: 3px;
}

#newsstrip_dotsbelow_edge_right {
  /*background-image: url(../images/identity/newsstrip_dotsbelow_edge_right_3px.gif);*/
  background-repeat: no-repeat;
  height: 3px;
}


#emptyrow1 table tbody tr td marquee {
  margin-left: 150px; /* Weil ich eine Zentrierung nicht hingekriegt habe*/
    /*background-color:#FFFF33;*/ /* leuchtgelb */
  /*padding-top: 5px;*/
  margin-bottom:5px;
}


#emptyrow1_edge_right {
  height: 27px;
  /*background-image: url(../images/identity/emptyrow1_edge_right.gif);*/
  background-repeat: no-repeat;
}

#maindotline {
  /*background-image: url(../images/identity/dotline_singledot.gif);*/
  background-repeat: repeat-x;
  height: 3px;
}



.contentpaneopen tr td {
  text-align: left;
}


.contentheading {
  font-size: 20px;
  color:#000000; /*#67a419;*/
}


/****** Module: Latestnews******/
.latestnews_left a {
  font-weight: bold;
  color: #000000;
}

.latestnews_left a:hover {
  font-weight: bold;
  color: #000000; /* #67a419; */
}

.latestnews_left {
  text-align: left;
}


.newsseparator { /* this is for a p-element I added to the default.php (in tmpl) of the latestnews module*/
  margin-left: 12px;
}


.latestnews_left { /* concerns directly the so-classed ul-element, but some of the attributes also the Moduleheader!*/
  padding: 0;
  margin: 0; /*Both in order to neutralize the browser default settings which use either padding or margin...*/
  /*margin-left: 6px;*/ /* Wirkt komischerweise auch auf die Moduleheader!*/
  padding-left: 0px; /* Padding wirkt nur auf li-Elemente*/
  list-style-type: none;
}

.latestnews_left li {
  margin-top: 5px;/*Um Abstand nach oben zu schaffen. GEHT.*/
  margin-left: 12px;
}

/**** Module: Slick rss list ****/

.slick-rss-list_left {
  padding: 0;
  margin: 0; /*Both in order to neutralize the browser default settings which use either padding or margin...*/
  /*margin-left: 6px;*/ /* Wirkt komischerweise auch auf die Moduleheader!*/
  padding-left: 0px; /* Padding wirkt nur auf li-Elemente*/
  list-style-type: none;
}

.slick-rss-list_left li {
  margin-top: 5px;/*Um Abstand nach oben zu schaffen. GEHT.*/
  margin-left: 12px;
}

.slick-rss-list_left a {
  font-weight: bold;
  color: #000000;
}

.slick-rss-list_left a:hover {
  font-weight: bold;
  color:#000000; /* #67a419;*/
}

/**** Newsfeed Settings ****/

.newsfeed_left a {
  font-weight: bold;
  color: #000;
}

.newsfeed_left a:hover {
  font-weight: bold;
  color: #67a419;
}

.newsfeed_left {
  text-align: left;
}

.feedsubtitle_left {
  height: 5px;
  width: 200px;
  /*background-image: url(../images/identity/textel/Novinipublikuvani.gif);*/
  background-image: url(www.sredec.education-bg.org//sredec/templates/dvvinternational/images/textel/Novinipublikuvani.gif); /* bild zeigt sich nicht...*/
}

.feedseparator_left { /* this is for a p-element I added to the default.php (in tmpl) of the latestnews module*/
  margin-left: 12px;
}

.feedseparator_slimcontent { /* a p element, added to the default-php in the tmpl of the module*/
  margin-left: 0px;
  color: #fff; /* damit unsichtbar*/
}

.newsfeed_left { /* concerns directly the so-classed ul-element, but some of the attributes also the Moduleheader!*/
  padding: 0;
  margin: 0; /*Both in order to neutralize the browser default settings which use either padding or margin...*/
  /*margin-left: 6px;*/ /* Wirkt komischerweise auch auf die Moduleheader!*/
  padding-left: 0px; /* Padding wirkt nur auf li-Elemente*/
  list-style-type: none;
}

.newsfeed_left li {
  margin-top: 5px;/*Um Abstand nach oben zu schaffen. GEHT.*/
  margin-left: 12px;
}

.newsfeed_slimcontent {
  list-style-type: none;
}

.newsfeed_slimcontent li a {
font-size: 18px;
}

.newsfeed_item_slimcontent {
margin-top: 4px;
line-height: 13pt;
}

.newsfeed_item_slimcontent img { /* Versuch, eingefeedete Bilder loszuwerden. FUNKTIONIERT!*/
height: 0px;
width: 0px;
}


.moduletable_slimcontent {
  width: 400px;
}

/*****************************/
/**** User login oder so *****/

.componentheading_useritems {
  color: #BC4512;
  font-size: 16px;
  font-weight: bold;
}

contentpane_useritems { /* Für das Rekteurslogin-Kästchen, eine table*/
  width: 300px;
}

/* Vtoromenju */

.moduletable_vtoromenju a {
  color: #000000;
  font-weight: normal;
  font-size: 8pt;
}

.moduletable_vtoromenju a:hover {
  color: #67a419;
}

/*************************/
/***** Content Layout*****/

.contentpaneopen_content {/* Stellt den Spaltenabstand im Frontpagebloglayout ein (wo sonst noch werde ich ja sehen...) */
padding-left: 0px; 
padding-right: 30px;
}


.contentpaneopen_content h2 {
color: #8D8D8D;
line-height: 1,8em;
}


#hm {
  background: #FFFFFF;
  border-top: 1px solid #AEAEAE;
  border-right: 8px solid #02257c;
}

/******** MENÜs ********/

/***** Top Menu ********/

#topmenu {
  top: 10px;
  padding-left: 172px;
}

#topmenu ul, {
  margin:0;
  padding:0;
}

#topmenu li, {
  font-size:0.7em;
}

#topmenu li a, {
  float:right;
  font-style:normal;
  font-weight:normal;
  color:#003560;
  text-decoration:none;
  margin:0;
  padding:0;
  margin-top:0px;
  font-size:10px;
}

#topmenu li a:hover,
#topmenu li a:focus,{
  text-decoration:underline;
}

/**********************/
/******* Buttons ******/

#buttons {
  margin: 0px;
  margin-left: 5px;
  padding: 0px;
  width: auto;
}

.button_search {
    position: relative; /* should mean: relative to its "normal" position*/
    top: 4px;
}

/* Unklar was das ist...*/


ul#mainlevel-nav {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0.8em;
}
ul#mainlevel-nav li {
  width: 61px;
  padding-left: 0px;
  padding-right: 0px;
  float: left;
  margin: 0;
  font-size: 9px;
  white-space: nowrap;
  line-height: 11px;
}
ul#mainlevel-nav li a {
  display: block;
  text-align: center;
  text-decoration: none;
  color: #003560;
  width: 61px;
}

/*  background-image: url(../images/topmenubck.png);
  background-position: right;
  background-repeat: no-repeat;*/

#buttons>ul#mainlevel-nav li a {
  width: auto;
}
ul#mainlevel-nav li a:hover {
  text-decoration: underline;
}

#bodyto {
  font-family: Verdana, Arial, Helvetica, sans serif;
  margin:0;
  padding: 0px 0 20px 0; /* Opera 8.5  */
  background-color: #FFFFFF;
  background-repeat:repeat-x;
  text-align:center; /* Bugfix fur Zentrierung <= IE 5.5  */
  border-right: 36px solid #FFFFFF;
  vertical-align: top;
  text-align: left;
}

/*  Various stuff for the basic layout template */

#M17nplace {
  margin-bottom: 0px;
  padding-right: 30px;
}

#sublogo {
  height:33px;
  width:258px;
  background-image: url(../images/logo_sub.gif);
  background-repeat: norepeat;
}

#pathway {
  width:100%;
  height:36px;
  color: #003560;
}

a.pathway:visited {
  color: #003560;
}

#mb {
  border-bottom: 1px solid #AEAEAE;
  border-right: 8px solid #02257c;
  height: 550px;
}

#lmenu {
  background-image: url(../images/menu_background.gif);
  border-right: 36px solid #FFFFFF;
  vertical-align: top; /* Kein sichtbarer Effekt. Übrigens ist auch im index.php diese Zelle so formatiert..*/
/*  margin-top: -2px; /* Versuch, das Problem mit dem blauen Strich überm sublogo in IE zu lösen. ohne Effekt*/
  position: relative; /*Noch ein Versuch, das Strichproblem zu lösen in IE.*/
  top: -4px;         /* Ja, das hat geklappt! Die lmenu-Zelle sitzt jetzt zwei Pixel höher (in IE), damit ist der blaue Striche weg. In Firefox sehe ich keine Verschlechterung. -- Zwei Tage später war der Effekt komischerweise wieder weg. Hm. Mit -4px (statt -2) ging es dann wieder. Seltsam*/
  
}


#Footertop {
height:20px;
}

#Footer0, #Footer1, #Footer2 {
  color: #ffffff;
  font-size: 8pt;
  line-height: 18px;
  background-color:#3f9f4c;
}




#contact_text { /* Versuch das email-Text-eingabekästchen zu vergrößern. Geht völlig wunschgemäß*/
  height: 200px;
  width: 400px;
}

#contact_subject { 
  height: 18px;
  width: 400px;
}


.inputbox:focus {
  background: #f1f1f1;
}

.inputbox_search:focus {
  background: #f1f1f1;
}


/* Content Styles**/

.contentpane {
  font-size: 11px;
  color: #000000;
  line-height: 14px; /* Added by Geiselmann in June 09, but no result:*/
  
}

table.contentpaneopen {
  width: 99%;
}



/* Meine Einfügung */


.componentheading {
  font-size:14px;
  color:#000000;
  font-style: italic;}

.contentpagetitle {
  text-decoration:none;
    font-weight:bold;
    color:#012880;
  font-size: 16px;
}

a.contentpagetitle_content {
text-decoration:none;
font-weight:normal;
color:#67a419;
font-size:1.0em;
}

a.contentpagetitle_content:hover {
text-decoration:none;
font-weight:normal;
color:#8d8d8d;
font-size:1.0em;
}



.readon {
font-size: 10px;
font-weight: bold;
/*color: #012880; /* das sollte das übliche dvv dunkelblau sein*/
color: #419CA7; /*So ein  mittleres türkis*/
}


/*Links*/

/* For the additional pubserb-menue (shows only under "Publications", to sort the publications along categories*/


.moduletable_publist{
  font-size: 12px;       /*wirkt*/
  color:#000000;         /* Wirkt, aber nur auf Schriftelemente, die nicht hyperlink sind, #f4b437 wäre ein Orangeton*/
  margin-bottom: 15px;   /* wirkt */
}

.moduletable_publist a { 
  background-color:#FF8040; /* wirkt: färbt Hingergrund des Hyperlinktexts orange*/
  color:#000000; /*Wirkt: der Hyperlinktext wird weiß*/
}

.moduletable_publist a:hover{ 
  background-color:#003366; /* wirkt: färbt Hingergrund des Hyperlinktexts ; #589C41 wäre olivegrün*/
  color:#FF8040; /*Wirkt: der Hyperlinktext wird Orange*/
}


.moduletable_publist tbody {
  background-color:#eeeeee; /*BlassOrange als Balkenmenü-Hintergrund*/
}

.moduletable_mainpublist th {/* Versuch, das Problem der zentrierten Listenüberschriften in IE zu lösen. GEHT*/
  text-align:left;
}

.moduletable_content th {/* Versuch, das Problem der zentrierten Listenüberschriften in IE zu lösen. GEHT*/
  text-align:left;
}


/* For Category Blog Layouts (especially the Activities' abstracts)*/


.category-list_shortlist { /*alles kein Effekt*/
margin-top:7em;
}


.category-list_shortlist div.cat-items {
font-size:1.5em;
line-height:1.8em;
}

category-list_shortlist .filters {
display:none;
}

.small { /* For the Authors line */
  font-size: 10px;
  color: #606060;
}

.createdate {
  font-size:10px;
  color: #636363;
}

.readon_content {
  font-size:10px;
  position:relative;
  top: -15px;  
}


/* For Library (using category list layoust*/

.sectiontableheader_liblist th {
    margin-bottom: 15px;
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    /* has no effect, unless it is with "th" */
}

/* ----------------- For Category Lists -------------------- */

.sectiontableheader_shortlist {
  font-size : 12px;
  font-weight : bold;
  letter-spacing : 1px;
  color : #000;
  background : #ccc;
  padding : 3px;
}


td.sectiontableheader_shortlist { /* Für die Dachzeile der Sectiontable-Tabelle. Wirkt auf alle Zellen in dieser so benannten Zeile */ 
/* Das ging auch ohne das td am Anfang, aber mit dem td gilt es nur für td-Elemente*/
background-color: #8D9055; /*Zellenfarbe - wirkt*/
padding: 6px;
padding-left: 15px; /*wirkt*/
color: #336699; /*Schriftfarbe in der Zelle - wirkt!*/
}




td.sectiontableheader_shortlist a { 
/* Das sollte die zweite Zelle der Reihe beeinflussen (sofern sie ein hyperlink ist)  "This is because in Joomla 1.5, the columns are sortable by clicking on, say, date. This makes them all links. So you need to apply your changes to a link, therefore the "a""*/
font-weight: bold;
background: #8D9055; /* hat einfluss nur auf den Platz genau hinter der Schrift, nicht die ganze Zelle*/
color: #336699; /* Schriftfarbe*/
background-color: #8D9055; /*Versuch, Farbe auf ganze Zelle auszudehnen*/
align: right; /*Versuch*/
}


.sectiontableentry1_shortlist { 
/*_content hinzugefühgt, damit das dort dann gilt - Vermutlich das ganz Ding eehr wirkungslos*/
  valign: top; /* kein Effekt */
  padding : 16px; /* kein Effekt*/
  margin : 16px; /* kein Effekt */
  background : #f2f3e9;  
  border-top : 1px solid #FFFFFF;
  border-bottom : 1px solid #DADDD0;
}

tr.sectiontableentry1_shortlist td { 
/* Idee ist, dass damit dann die zellen IN DIESER REIHE - verschachtelung ! -  beeinflusst werden*/
  valign: top; /* kein Effekt */
  padding : 6px; /* Wirkt */
  padding-left: 15px; /* Wirkt*/
  margin : 6px; /* Wirkt */
}



.sectiontableentry2_shortlist { 
/*So war das da, aber effekthaftigkeit ist fraglich...*/
  valign: top; /* Kein Effekt? */
  padding : 6px;
  margin : 6px;
  border-top : 1px solid #FFFFFF;
  border-bottom : 1px solid #DADDD0;
}

tr.sectiontableentry2_shortlist td { 
/* Idee ist, dass damit dann die zellen IN DIESER REIHE - verschachtelung ! -  beeinflusst werden*/
valign: top; /* kein Effekt?*/
padding : 6px; /* Wirkt */
padding-left: 15px; /* Wirkt*/
margin : 6px; 
}



/* -------------------------------- */

.componentheading_liblist {
/* This is the "Page title" text, to be switch on in the System parameters of the menu points*/
/* I use it as a small top-header (Oberzeile) */
margin-bottom: 15px;
font-size: 16px;
font-weight: bold;
color: #003560;
text-indent: 4px; /* Since text regular text is moved to the right as well, don't know why */
}

.contentheading_liblist {
/*For regular automatic headings in sections ruled by the liblist class suffix = library entries*/
font-size:18px;
font-weight:bold;
line-height:20px;
color:#012880;
}



/* ----------------------------------------------------------- */
/* For general content (pageclass suffix to menu points) */


.componentheading_content {
/* This is the "Page title" text, to be switch on in the System parameters of the menu points*/
/* I use it as a small top-header (Oberzeile) */
margin-bottom: 15px;
font-size: 14px;
font-weight: bold;
color: #666666; /*dvv-blau wäre 003560*/
text-indent: 4px; /* Since text regular text is moved to the right as well, don't know why */
}


.contentpaneopen_content {
line-height: 16px;
/* wirkt!*/
}

.contentpaneopen_content h1 {
color: #67a419; /* dunkelblau war #012880*, ein komisches Grün war #67a419/
font-size: 18px;
line-height: 20px;
/*font-weight:bold;*/
}



.contentheading_content {
/*For regular automatic headings*/
font-size:24px;
font-weight:normal /* if not defined it takes the "a" value = bold from the top of this list*/
font-stretch:condensed;
line-height:24px;
color: #67a419; /*2662b6 ist das mouseover-blau sein*/
maring-top:15px;
}




/*Allgemeine Styles*/

.mittelspalte {
line-height: 16px; /* unclear if there is any effect */
}

/* for the Xmap Sitemap component output */

.xmap {
font-style:normal;
color:#000000;
line-height:18px;
/* Yes, this time it works, at least for the line height */
}


div.login {
margin-top:7em;
} 


/************ Styling the login form ********/
/* Some stuff for the input fiedls and labels is howeve at the bottom of this page!*/


div.login form {
color:#fff;
background-color:#88a8ff;
width:240px;      /*Added 30.4.2013*/
}

.moduletable_choosewhat, .moduletable_chg {
margin-top:5em;
}

.moduletable_chg {
margin-top:1em;
}

.moduletable_choosewhat th {
font-size:1.7em;
color:#ffffff;
}

.moduletable_chg th {
font-size:1.3em;
font-style:italic;
color:#c3d093;
}

.moduletable_chg th {
padding-bottom:1em;
text-align:left;/* ein Versuch... mit Erfolg. Das Problem der mittigwetzung der th in IE ist damit behoben*/
}


div.profile {
color:#fff;
display:none;
}

#table_frontend_user_article_list {
background-color:#c3d093;
}

.form-validate {
background-color:#eeeeee;
}

.jcetooltip {
background-color:#fff; /* Blindversuch ca Marz 2012   */
font-size:2em;
}


/* Vermutlich loginformsettings die jetzt unnütz sind */

#com-form-login li { /* Um im Loginbereich die Punktelisten zu gestalten */
padding-top: 6px; /* hat Effekt*/
padding-bottom: 6px; /* hat Effekt*/
list-style: none;
color:#bc4512; /* Kein Effekt, vermutlich weil das ja "a"-Elemente sind*/
}

#com-form-login a {
color:#bc4512;
}

#com-form-login a:hover {
color:#800000; /* Sollte ein dunkleres Orange sein*/
}

.componentheading_login {
font-size: 18px;
font-weight: bold;
color:#BC4512 /* das ist ein Orange*/
}

.contentpane_login td {
font-size:16px;
font-weight: bold;
color: #bc4512;
}

.menu li { /* Eingeführt um die Punkte im Useraccountsettingmenu zu gestalten, Hoffentlich ohne Auswirkungen anderswo... mal sehen...*/
padding-top: 6px; /* hat Effekt*/
padding-bottom: 6px; /* hat Effekt*/
list-style: none;
}

.menu a {
color:#bc4512;
}

.menu a:hover {
color:#800000; /* Sollte ein dunkleres Orange sein*/
}

.moduletable_besucher th {
padding-bottom: 10px;
}

.moduletable_besucher tbody tr td {
  padding-left: 10px; /* wirkt */
  margin-bottom: 10px; /* wirkt nicht*/
}

.moduletable_besucher th { /* Für den Besucher-Tracker, modul "Besucher" bzw "Guests"*/
  line-height: 20p; /* wirkt nicht*/
  color: #800000; /*Wirkt*/
}

.moduletable_fronttop {
margin-bottom: 20px;
}


/* Imagesized plugin */

.plg_imagesized_leading, .plg_imagesized {
position:relative;
top: -10px; 
}

/* Footer */


#footertable {
margin-top:10px;
bgcolor: #cbceff;
}

#footertable a {
font-size:1em;
font-weight:normal;
color:ivory;	
}

#fotabfirstcell {
}


/***** Component: Jcomments ******/

a.comments-link {
display:none; /* To stop the jcomments "dobavi commentar" link from appearing on blog pages etc. Works!*/
}



/***** Component: Maps *****/

.componentheading_mapcontent {
font-size:1.8em;
color:#67a419;
}





/******************************&
/* SW Menu Pro Accordion Menu */

div#click-menu92 {
margin-left: 30px; /* wirkt wie gewünscht - Menü wird nach rechts verschoben*/
}


/* SW Menu Pro My Gosu Mainmenu-en*/
#menu99 {
margin-left: 33px;
} /* das ist ein "table", eigentlich*/
 
#click-menu100, #click-menu101 {
margin-left: 33px;
margin-top: 20px;
}


/* +++++++++++++++ Settings for the Joomla Extended Menu Module ++++++++++++++++++++*/
/* by CG*/

/*General settings*/
.tree_mmcg ul li { /* No bullets */
list-style:none; 
}

/* Mainlevel font settings*/
a.mainlevel_mmcg { 
font-size: 1.2em;
line-height:2em;
}

/* Sublevel font settings*/
a.sublevel_mmcg { 
font-size: 1em;
font-weight:normal;
line-height:2em;
}

/* Active menu item setings */
#active_menu_mmcg {
color:#e08131;
background-color:#c3d093;
padding:3px;
width: 180px;
display:block;
}


/* Hide sublevel unless mouse hovers over mainlevel item */
div.tree_mmcg ul li ul li a.sublevel_mmcg {
display:none;
}

/*Show sublevel on mouse over*/
div.tree_mmcg ul li:hover ul li a.sublevel_mmcg { 
display:block;
}

/*Show sublevel when menu item is active*/
li.mainlevel_current_mmcg ul li a.sublevel_mmcg {
display:block !important;
}

/****** SIGE Gallery positioning *************/

ul.sige, .sige_thumb {
position:relative;
left:28px; /* ul.sige wirkt sich auf die Box durchaus aus, aber die Thumbnails sind davon nicht mitgenommen... dazu dann noch .sige_thumb dazugeommen*/
}

/********************************/
/********* RAXO settings ********/

/*** Raxo Allmode Items - hier v.a. für die Consortium-Liste ***/

.allmode_title a:link, .allmode_title a:active {
color:#671419 !important; /* Ziegelrot *//* Finale: hübsches blau war #336699*/ 
font-family: Verdana, Arial, Helvetica, sans serif;
font-size:1.1em;
}

.allmode_title a:hover, .allmode_title a:visited {
color:# #89080A;   /* mittelziegelrot */  /*#88a8ff  war Finale-hellblau hover*/
text-decoration:none;
}

#phocamaps.div.div.div {
display:none;
}

.allmode_hits {
font-size:0.7em;
}


h3.allmode_title {
color:#fff;
}

.allmode-default a { /* Auch relevant für Überschriften */
color:#671419 !important; /*Ziegelrot */
font-family:Arial, Helvetica, sans-serif !important;
}

.allmode-default a:visited {
font-size:1.1em;
} /* gemacht für die rechte spalte, die Linküberschriefnten, damit die auch geklickt die normale größe haben. etwas erratisch gesezt...*/

/* Für Raxo Allmode in der Mitte - im Moment gar nicht verwendet, könnte man löschen*/
._centrax {
width:400px;
background-color:#8ead3d;
}

._centrax div div.allmode_item {
background-color:#8ead3d;
}

/* Allmode rational settigs - nicht verwendet, löschbar */

.allmode-rational .allmode_info, .allmode-rational .allmode_img {
border:0px !important;
color:#fff !important;
}

.allmode-rational .allmode_text {
color:#fff !important;
font-style:normal !important;
font-size:1em;
line-height:1.3em;
}

.allmode-rational .allmode_title a {
font-size:1.5em;
line-height:1.3em;
}

.allmode-rational .allmode_itemsbox, allmode-rational .allmode_item {
margin:0px;
}

#allmode104 {
left:-10px !important;
}

/* Settings for Raxo Allmode mit class _chg module template */
/* Unklar, wo das mal verwendet wurde. Vielleichct in vitalise? in finale? */

/* Top items*/

._chg .allmode_topbox .allmode_topitem .allmode_text {
color:#fff;
margin-top:10px;
margin-bottom:30px;
}

._chg .allmode_topbox .allmode_topitem .allmode_details {
font-size:0.8em;
color:#fff;
margin-top:3px;
}

._chg .allmode_topbox .allmode_topitem .allmode_title {
font-size:1.6em;
}

/* Regular items */

._chg .allmode_itemsbox .allmode_item .allmode_text {
color:#fff;
margin-top:10px;
margin-bottom:30px;
}

._chg .allmode_itemsbox .allmode_item .allmode_details {
font-size:0.8em;
color:#fff;
margin-top:3px;
}

._chg .allmode_itemsbox .allmode_item .allmode_title {
font-size:1.6em;
}

/* Raxo Settings für "default" layout*/ 
.allmode_topbox, .allmode_itemsbox {
margin-left:0px !important;
}


/* Raxo Settings for display in MobileBE Center (user1)  */
/* Added 2019-02-16 */

/* Make the headlines a bit larger: */
.moduletable_mobilebe_center tbody tr th {
font-size:1.6em;
line-height:2.4em;
}


/******************************/
/***** BLOG LAYOUT PAGES DESIGN ******/
/* see above also blog-featured_content for blog displaying featured articles!*/

/* Blog-Subtitle*/
.blog_content h2 {
font-size:1.3em;
color:#222222; /* Achtung Farbbefehle sind hier meist wirkungslos, solange sie "a" sind.*/
font-style:italic;
}

/* Blog layout Artikelüberschriften*/

.blog_content div.items-leading div h2 a, .blog_content div.cols-1 div.column-1 h2 a {
color:#222222; /* Das färbt Blog-layout Artikelüberschriften*/
font-style:normal;
font-size:1.4em;
}

p.readmore a {
font-size:0.8em;
position:relative;
top:-5px;
}

/* shortlist (page variation)*/

.category-list_shortlist h1 {
color:#fff;
}

/* Korrekturen für Listendarstellung in Frontpage Articles List */

tr.fual_row0 td a, tr.fual_row1 td a {
color:#000;
}

tr.fual_row0 td a:hover, tr.fual_row1 td a:hover {
color:#e08131;
}


/***** Tooltips ******/
/* I took the joomla standard settings from http://docs.joomla.org/How_to_add_tooltips_to_your_Joomla!_website */
.tip-wrap{
    z-index: 10000;
}
.tip {
float: left;
background: #ffc;
border: 1px solid #D4D5AA;
padding: 5px;
max-width: 200px;
}


.tip-title {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: bold;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
background: url(../images/selector-arrow.png) no-repeat;
}

.tip-text {
   font-size: 100%;
   margin: 0;
}
 /* End of Tooltips settings*/


#tableOrdering.list-title a  { /* Für Listen */ 
font-size:1.3em;
font-style:italic;
color:#c3d093;
line-height:1.8em;

} 


/* Auto Images */

.img-fulltext-right img, .img-fulltext-left img { /* Geht. Auch Riesenbilder werden jetzt in diesem Format dargestellt, und die höhe passt sich propotional an*/
width:380px;
border: 4px solid #ffffff;
}

.img-intro-left img {
width:300px;
border: 4px solid #ffffff;
}


.startpagetable {
border:0px;
border-spacing:4px;
}

.startpagetable tr {
background-color:#eeeeee;
}

.startpagetable td {
text-align:left;
padding: 2px;
vertical-align:top;
line-height:1.25em;
}

/**************************************/
/* Shaping front end editing elemnts  */

.actions {          /* Relates to the list where edit icon etc is kept*/
position:relative;
top:-4em;
text-align:right;
list-style:none;
}

.edit-icon {
/* So far not necessary, everything is al right*/
}

.joomla-nav { /* For the "Choose what to do" menu block visible to logged in frontendeditors */
border:1px dotted black;
list-style:none;
}

.joomla-nav li {
line-height:2.6em;
}

.login-fields label {
display:inline-block;  /* This taken form an online tutorial without understanding it really, but it works somehow, makes a two-lines layout*/
width:200px;
}

.login-fields input {
display:inline-block;    /* This taken form an online tutorial without understanding it really, but it works somehow, makes a two-lines layout*/
width:200px;
}

.login-description, .logout-description {
padding-bottom:1em;
font-size:1.8em;
color:#88a8ff;
}

.logout {
padding-top:6em;
padding-bottom:12em;

}

.moduletable_rightmininote {
padding-left:1.5em;
}

.inputbox {
border:solid 1px #cbceff;
height: 20px;
width: 200px;
/*padding-left: 100px;*/
margin-bottom: 5px;
}

.inputbox_search {
border:solid 1px #cbceff;
height: 18px;
width: 100px;
}


/* Category text and image */

.category-desc {
/*text-align: right;*/  /* Geht, schiebt Bild nach rechts, mit img float:right aber überflüssig*/
}

.category-desc img {
float:right;
margin-left: 15px;
}

.clr {
clear:both;    /* trying to give a stop to "float" from above, using a obviously otherwise empty div at this place. Yes, it works!*/
}


.article-info-term {
display:none; /* To not display "Details" in the articles details*/
}

.published {
font-size: 0.8em;
}

.createdby {
font-size: 0.8em;
}

.hits {
font-size: 0.8em;
}

.content_rating, .content_vote {
/* The rating indication points row*/
font-size: 0.8em;
margin-left: 45px;
}
/* Content vote are the buttons where you can give 1-5 points*/


/* Article list layouts 2015 */

#tableOrdering {
padding-right: 1em;
}


#tableOrdering2 {
padding-right: 1em;
}

#tableOrdering3 {
padding-right: 1em;
}

#tableOrdering4 {

}

.list-title{padding-right: 1em;}
.list-date{padding-right: 1em;}
.list-author{padding-right: 1em;}
.list-hits{}

/* Frontend article publishing form */

#jform_title {width:400px; align:right;}
#jform_alias {width:400px; align:right;}
#jform_images_image_intro {width:400px; align:right;}
#jform_images_image_fulltext_alt {width:400px; align:right;}
#jform_images_image_fulltext_caption{width:400px; align:right;}
#jform_images_float_intro {margin-bottom:20px;}
#jform_images_float_fulltext {margin-bottom:20px;}
#jform_urls_urla {width:400px; align:right;}
#jform_urls_urlatext {width:400px; align:right;}
#jform_urls_urlb {width:400px; align:right;}
#jform_urls_urlbtext {width:400px; align:right;}
#jform_urls_urlc {width:400px; align:right;}
#jform_urls_urlctext {width:400px; align:right;}
#jform_images_image_intro {width:400px; align:right;}
#jform_images_image_intro_caption {width:400px; align:right;}
#jform_images_image_fulltext {width:400px; align:right;}
#jform_images_image_intro_alt {width:400px; align:right;}
#jform_images_image_fulltext-lbl {margin-top:10px;} /* To separate general image and additional image elements*/

/* Rules for forms taken from http://www.webdesignermag.co.uk/make-your-forms-beautiful-with-css/ */

fieldset {
margin: 10px 0 0 0;
padding: 0;
}

legend { /* Die kleinen Karteireiter über den Kästchen */
font-size: 1.3em;
padding: 5px;
margin-left: 1em;
color: #000000;
}

/* for fieldsets that are in ordered lists... dont know if I have such...*/
fieldset ol {
padding: 10px 10px 0 10px;
list-style: none;
}
fieldset li {
position: relative;
padding-bottom: 1em;
}

/*Labels: We’re setting a fixed width for the label element and floating it left. This has the effect of pushing the input fields out to the right the same amount as the width plus the margin (here, five pixels). Finally, we set the text to align to the right to butt the labels up against the form fields.
*/

label {
position: relative;
clear: left;
float: left;
width: 15em;
margin-right: 5px;
text-align: right;
}

/* Align the text-type button equivalents */
.button2-left, .hasTipPreview {margin-left:190px;}

/* Topmenu in Logocorner*/
.moduletable_top-in-logocorner tbody tr td ul li a {
font-size: 10px;
font-weight: normal;
color: #030303;
position: relative;
left: 720px;
float: right;
padding-right: 20px;
}

.moduletable_top-in-logocorner li {
display: inline; /*This is to set it horizontal instead of vertical*/
}



/*News page*/

.blog_fn_newspage div div h2 {
  font-size: 1.3em;
  }

/*Captions CG*/
/* For captions set via the ICE Caption tool, with class manually set "captioncg01" in the dialogue field*/

.captioncg01 {
	font-size: 90%;
	font-style: italic;
}