
/**
* Joomla!-Template fuer ADFC-Gliederungen basierend auf dem barrierefreien
* Template von Angie Radtke & Robert Deutz http://www.joomla-beez.de/
*

* @author Jochen Boettcher, Angie Radtke, Robert Deutz
* @package Joomla
* @subpackage Accessible-Template-ADFC_Beez
* @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
* @license GNU/GPL, see LICENSE.php
* Joomla! is free software. This version may have been modified pursuant to the
* GNU General Public License, and as distributed it includes or is derivative
* of works licensed under the GNU General Public License or other free or open
* source software licenses. See COPYRIGHT.php for copyright notices and
* details.
*/

body
{
}

body.contentpane {
  border: 1px solid rgb(227, 227, 227);
  width: auto;
  margin: 10px;
  padding: 10px;
  text-align: left;
}

/* ############# Allgemeine Formate ################# */

/* -- Texte -- */

*, body {
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
  color: rgb(64, 64, 64);
}

.z60 {
  font-size: 9px;
  line-height: 12px;
}
.z80 {
  font-size: 11px;
  line-height: 14px;
}
.z100 {
  font-size: 13px;
  line-height: 16px;
}
.z120 {
  font-size: 15px;
  line-height: 18px;
}
.z140 {
  font-size: 17px;
  line-height: 20px;
}
.z160 {
  font-size: 19px;
  line-height: 22px;
}
.z180 {
  font-size: 21px;
  line-height: 24px;
}
.z200 {
  font-size: 23px;
  line-height: 26px;
}

pre {
  font-family: Courier, serif;
}

p, h1, h2, h3, h4, h5, h6, li, dd, tr, td, div {
  line-height: 120%;
}

p, h1, h2, h3, h4, h5, h6, dl, div {
  margin: 0px 0px 10px 0px ;
}

.highlight {
  color: rgb(223, 58, 0);
  font-weight: bold;
}

em{  
}

b {
  font-weight: bold;
}
.small {
  font-size: 0.85em;
}

img {
  border: none;
  margin-left: 5px;
  margin-right: 5px;
}

/* -- Ueberschriften -- */

h1, h2, h3, h4, .sectiontableheader, .contentheading, .componentheading {
  margin-top: 5px;
  margin-bottom: 5px;
  color: rgb(10, 80, 161);
}
  h1{ font-size: 1.3em;}
  h2{ font-size: 1.2em;}
  h3{ font-size: 1.1em;}
  h4{ font-size: 1.0em;}
  h5{ font-size: 1.0em;}

/* -- Links -- */
a , 
a:link, 	
a:visited, 
a:hover {
  color: rgb(50, 80, 161);
  text-decoration: none;
}

a:hover {
  color: rgb(50, 80, 161);
  text-decoration: underline;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  text-decoration: none;
}


/* -- Aufzaehlungen -- */

ul {
  list-style: none;
  padding: 0px;
}

ul li {
  background-image: url(../images/li.gif);
  background-repeat: no-repeat;
  background-position: 0px 3px;
  margin: 0px 0px 5px 0px ;
  padding-left: 16px;
}
ol {
  list-style: decimal;
}

ol.roman {
  list-style: upper-roman;
  padding: 0px 0px 0px 15px;
}

ol.alpha {
  list-style: lower-alpha;
}
ol li {
  margin: 0px 0px 5px 0px;
}


/* -- Bilder und Kommentarboxen -- */

.image_left {
  float: left;
  border: solid 0 #ccc;
  margin: 0 10px 10px 0;
}

.image_right {
  float: right;
  border: solid 0px #ccc;
  margin: 0 0 10px 10px;
}

.wrap_image {
  clear: left;
  height: 0px;
  line-height: 1px;
  font-size: 1px;
}

/* -- Tabellen -- */

table {
  border-collapse: collapse;
  border-spacing: 0px;
  width: 100%;
}

/* -- Formulare -- */

form {
  margin:0px;
  padding:0px;
}
fieldset {
  border: 0;
  margin:0px;
  padding:0px;
}
label {}
select.inputbox, 
input.inputbox, 
textarea.inputbox {
  background-image: url(../images/input.gif);
  border: 1px solid rgb(175, 175, 175);
  color: black;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.85em;
  margin: 0px;
  padding: 2px 2px;
  text-align: left;
  vertical-align: bottom;
}
input.checkbox {
  background: none;
  border: none;
  width: 12px;
  margin: 0px;
  padding: 0px;
}
input.button, 
button.button  {
  border: 1px solid rgb(175, 175, 175);
  color: black;
  font-size: 1em;
  margin: 0px;
  padding: 2px 4px;
  text-align: center;
  vertical-align: bottom;
  background-color: rgb(233, 236, 243);
  border: 1px solid rgb(169, 183, 214);
}
input.disabled {
  background: rgb(226, 227, 229);	
  color: rgb(175, 175, 175);
}

/* zusaetzliche Formatierungen */
input.none     {}
input.validate {}
input.required {}
input.namemsg  {}
input.validate-passverify {}
input.validate-email {}
button.validate {}

/* -- Verborgenes -- */

.unseen {
  display: none;}
.u2 {}

/* ############# Formate der Webseitenaufteilung ##### */

html {
}
body {
}
#all {
  background-image: url(../images/body.gif);
  background-repeat: repeat-y;
}

/* -- Kopfbereich -- */

#header {
/*  background-image: url(../images/header-zw.gif) ;
  background-image: url(../images/header-zw.gif) ;*/
  background-image: url(../images/header-dd.gif) ;
  background-repeat: no-repeat;
}
#left {
  background-image: url(../images/left.gif);
  background-repeat: no-repeat;
  min-height: 507px; /* = H?he des Bildes, damit auch bei kurzem 
                      left-modul das genze Bild zu sehen ist*/
}

/* -- Hauptbereich einschl. Modulspalte links und rechts -- */

#contentarea ,
#contentarea2 {
  background-image: url(../images/body.gif);
  background-repeat: repeat-y;
}

/* -- Hauptbereich ohne Modulspalte links und rechts --*/

#wrapper {}
.blog {
}
div.page {} 

/* Seitenansicht <> Frontpage */

/* -- Inhaltsaufteilung -- */

/* Beitragsabstaende */
.leading_separator {}
.article_separator {
  display: none;
}

/* -- Beitragsspalten -- */

div.article_row {
  clear: both;
}
div.article_column {}
div.column1 {}
div.column2 {}
div.cols2 {}
.row_separator {
  display: none;
}

/* -- Spalten allgemein -- */

.wrap {}

/* ############# Formate der Inhalte (Komponenten) ### */

/* -- Seitenueberschriften -- */

.componentheading {
  background-color: rgb(209, 216, 229);
  border: 1px solid rgb(209, 216, 229);
  border-left-width: 2px;
  border-right-width: 2px;
  font-size: 1.0em;
  font-weight: bold;
  line-height: 1.5em;
  min-height: 18px;
  padding: 0px 5px 0px;
  margin-bottom: 5px;
}

/* -- Beschreibung -- */

.contentdescription, 
.feed_description {
  padding:0;
  margin:10px 5px 20px 5px;
}

/* -- Beitraege allgemein -- */

/* Ueberschriften der Beitr?ge: */
div.contentheading {
  margin: 0px;
  padding: 0px;
}
p.contentheading,
h2.contentheading, 
p.buttonheading {
  background: rgb(242, 242, 242);
  color: rgb(10, 80, 161);
  font-size: 1em;
  font-weight: bold;
  line-height: 1.1em;
  margin-top: 0px;
  margin-bottom: 5px;
  padding: 3px 5px;
}

a.contentpagetitle, 
a.contentpagetitle:link, 
a.contentpagetitle:active, 
a.contentpagetitle:visited, 
a.contentpagetitle:hover {
  color: rgb(10, 80, 161);
}


/* Bearbeitungssymbol */
div.contentpaneopen_edit {
  float: left;
}
div.contentpaneopen_edit img {
  border: 0px;
  padding: 0px 2px;  
}

/* Tooltipp */
   /* siehe general.css */
   
/* Druck-. Pdf-, und Emailknoepfe: */
p.buttonheading {
  float: right;
  background: none;
  margin: 0px;
  padding: 0px;
  line-height: 1em;
}

p.buttonheading img {
  border: 0px;
  margin: 0px;
  padding: 0px;
}

p.buttonheading a:link, 
p.buttonheading a:visited {
  border: solid 0px white;
}

p.buttonheading a:hover {
  background: none !important;
  color: #000 !important;
}

p.buttonheading a:active, 
p.buttonheading a:focus {
  border: solid 0px white;
}

/* Beitraege */
div.article,
div.ev_event_detail,
div.contact {
padding:0;
margin:0 5px 20px 5px;
clear:left; /* Beendet Umluss des Bearbeitungssymbol (contentpaneopen_edit) */
}

/* Beitragsdetails */
p.pageinfo {}
p.iteminfo, 
p.articleinfo {
  font-size: 80%;
  color: rgb(143, 143, 143);
  margin-bottom: 5px;
}

.createdby, 
.modifydate, 
.createdate {
  display: block;
  padding: 0 0 0 0px;
  color: rgb(115, 115, 115);
}

/* "Weiter"-Link */
p.readon{
  font-size: 80%;
}
a.readon:link, 
a.readon:visited, 
a.readon:hover, 
.back_button {
}

/* -- Besondere Beitraege -- */

.leading {}

/* -- Beitraege in Spalten: -- */

.article_column cols2 {}

/* -- Beitraege in Tabellen: -- */

table.category {}
table.newsfeeds {}
th.sectiontableheader {
  font-weight: bold;
  background-color: rgb(210, 210, 210);
  padding: 5px;
}


/* Tabellenueberschriften Inhalte: */
table.category {}
th#count {}
th#tableOrdering {}
th#tableOrdering2 {}
th#author {}
th#hits {}

/* Tabellenueberschriften Kontakte: */
table.category {}
th#Count {}
th#Position {}
th#Name {}
th#Mail {}
th#Phone {}
th#mobile {}
th#Fax {}

/* Tabellenueberschriften Newsfeeds */
table.newsfeed {}
th#num {}
th#name {}
th#num_a {}

/* Tabellenueberschriften Weblinks */
table.weblinks {}
th#num {}
th#title {}
th#hits {}
table.weblinks img { 
  margin-right: 6px; 
}

/* Tabelleneintraege: */
tr.sectiontableentry2 {
  background-color: rgb(227, 227, 227);
}

tr.sectiontableentry1 {
  background-color: rgb(255, 255, 255);
}

.sectiontableentry1 td, 
.sectiontableentry2 td {
  padding: 5px;
}


/* links auf weitere Eintraege (Blogansicht) */
div.blog_more {}
div.blog_more h2 {}
div.blog_more ul {
  margin-left: 5px;
}
div.blog_more ul li a.blogsection {}

/* Inhalts-Kategorien in Listen (com_content) */
ul li a.category {}

/* Kontakt-Kategorien in Listen (com_contacts) */
table.category {}

/* ############# Spezielle Inhalte ################### */

/* -- Druckvorschau -- */


   /* siehe template.css */


/* -- Kaesten innerhalb anderer Seiten -- */

.box {
  margin: 5px 0px;
  padding: 5px;
  border: 1px solid rgb(169, 183, 214);
}

.boxleft {
  margin: 0px;
  padding: 0px 5px 0px 0px;
  float: left;
  font-size: 0.85em
}

.boxright {
  margin: 0px;
  padding: 0px 0px 0px 5px;
  float: right;
  font-size: 0.85em
}

.boxright img {
 margin-right: 0px;
 margin-left: 0px;
}
.boxleft img {
 margin-left: 0px;
 margin-right: 0px;
}
 

/* -- Newsfeed Kategorie -- */

div.newsfeed {}

/* -- Archiv -- */

#archive-list {}

/* -- Suchergebnisse -- */
form.search_result {
}
div.searchintro {}
div.searchintro a {}
div.results {}
div.results ol.list li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border: 1px solid rgb(227, 227, 227); 
  padding: 5px;
  margin: 0px 0px 10px 0px ;
}
form.search_result h3 {
  background: rgb(242, 242, 242);
  color: rgb(10, 80, 161);
  font-weight: bold;
  line-height: 1.5em;
  margin: 5px 0px;
  padding: 0 5px;  
}
div.results h4 {
  text-decoration: underline;
  margin-top: 0px;
}
div.results div.resulttext {}
div.results p.category, 
div.results p.created {
  font-size: 80%;
  color: rgb(143, 143, 143);
  margin: 2px 0px 0px 0px;
}


/* Suchen-Formular */

div#search_form {
  background: rgb(210, 210, 210);
  border: 2px solid rgb(175, 175, 175);
  margin-top: 15px;
  padding: 15px;
}


/* + linke Seite: */
fieldset.word label, 
fieldset.phrase div.legend, 
fieldset.searchorder label, 
fieldset.only div.legend {
  float: left;
  display: block;
  font-size: 1em;
  font-weight: bold;
  padding-right: 2px;
  width: 35%;
}


/* + rechte Seite: */
fieldset.word input, 
fieldset.phrase div.searchphrase, 
fieldset.searchorder select, 
fieldset.only div.searchareas {
  display: block;
  margin: 0px;
  margin-left: 36%;
  width: 64%;
}
fieldset.word input, 
fieldset.searchorder select {
  border: 2px solid rgb(175, 175, 175);
  width: 40%;
}
fieldset.searchorder select {
  width: 45%;
}
fieldset.phrase div.searchphrase {
  margin-top: 5px
}
fieldset.phrase, 
fieldset.searchorder, 
fieldset.only {
  margin-left: 36%;
  clear: left;
  margin: 10px 0px;
}
div#search_form button.button {
  border: 2px solid rgb(175, 175, 175);
  background: rgb(230, 230, 230);
}


/* -- Login -- */

form#login {}         /* Login / Logout */
form.logout_form {}   /* Logout */
form.login_form {}    /* Login */
form.form-validate {} /* Form mit E-Mail-Validierung */
form.login_form, 
form#josForm, 
form.josForm, 
form.user {
  background: rgb(210, 210, 210);
  border: 2px solid rgb(175, 175, 175);
  margin-top: 15px;
  padding: 15px;
}
form.login_form button.button, 
form#josForm button.button, 
form.josForm button.button, 
form.user button.button {
  border: 2px solid rgb(175, 175, 175);
  background: rgb(230, 230, 230);
}


/* Labels and Inputs */
div.name, 
div.user, 
div.user_name, 
div.email, 
div.pass, 
div.verify_pass, 
div.remember     {
  clear: left;
  margin-bottom: 10px;
}
div.name        label, 
div.user        label, 
div.user_name   label, 
div.email       label, 
div.pass        label, 
div.verify_pass label, 
div.remember    label {
  float: left;
  font-size: 1em;
  font-weight: bold;
  padding-right: 2px;
  width: 35%;
}

div.name        input#name, 
div.name        input#user, 
div.user        input#username, 
div.user_name   input#username, 
div.email       input#email, 
div.pass        input#pass, 
div.pass        input#password, 
div.verify_pass input#password2 {
  border: 2px solid rgb(175, 175, 175);
  width: 40%;
}

div.remember    input#rem {}
form.login_form p a {
  display: block;
}


/* Parametertabellen */
table.paramlist, 
table.admintable {
}
td.paramlist_key {
  width: 35%;
  padding-bottom: 10px;
}
td.paramlist_value {
  width: 65%;
  padding-bottom: 10px;
}
td.paramlist_key label {
  font-size: 1em;
  font-weight: bold;
  width: 100%;
}
td.paramlist_value input {
  border: 2px solid rgb(175, 175, 175);
  width: 61.54%;
}
td.paramlist_value select {
  border: 2px solid rgb(175, 175, 175);
  width: 70%;
}


/* Labels and Inputs in Formulartabellen (bei Benutzerdaten wenn angemeldet) */
label#paramsadmin_language-lbl, 
label#paramslanguage-lbl, 
label#paramseditor-lbl, 
label#paramstimezone-lbl {
  font-size: 1em;
}
select#paramsadmin_language {}
select#paramslanguage       {}
select#paramseditor         {}
select#paramshelpsite       {}
select#paramstimezone       {}

/* Hinweistexte (siehe ) */
span.editlinktip {}
label.hasTip {}
span.hasTip {}
div.tooltip {}
div.tooltip h4 {}
div.tooltip p {}

.tool-tip {
  float: left;
  background: #ffc;
  border: 1px solid #D4D5AA;
  padding: 5px;
  max-width: 200px;
  text-align:left;
}

.tool-title {
  padding: 0;
  margin: 0;
  font-size: 100%;
  font-weight: bold;
  margin-top: -15px;
  padding-top: 15px;
  padding-bottom: 5px;
  background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
  font-size: 100%;
  margin: 0;
}

/* -- Editorbereich -- */

form.editor {}
form.editor legend {
  font-size: 1.2em;
  font-weight: bold;
  padding: 2px;
}
form.editor fieldset {
  border: solid 1px #ccc;
  padding: 20px;
  margin: 10px 0;
}
form.editor input#title {}
form.editor div.save {}

/* Editortasten (Bild-, Seitenumbruch- und Weiterlesentasten) */
form.editor div#editor-xtd-buttons {
  padding: 5px 0px;
}

form.editor div.button2-left {
}
div.button2-left div.image a,
div.button2-left div.pagebreak a,
div.button2-left div.readmore a {

  background: rgb(231, 227, 231);
  border: 1px solid rgb(175, 175, 175);
  color: black;
  display: inline;
  font-size: 1em;
  margin: 0px 2px 0px 0px;
  padding: 0px 5px;
  text-align: center;
  vertical-align: bottom;
  text-decoration: none;
  font-weight:normal;
}
form.editor a.modal-button {}

/* Ver?ffentlichungsdaten */
fieldset.publishing {}
fieldset.publishing select#sectionid {}
fieldset.publishing select#catid   {}
fieldset.publishing div.radio {}
fieldset.publishing div.radio input#state0 {}
fieldset.publishing div.radio input#state1 {}
fieldset.publishing div.radio input#frontpage0 {}
fieldset.publishing div.radio input#frontpage1 {}
fieldset.publishing input#created_by_alias {}
fieldset.publishing input#publish_up       {}
fieldset.publishing input#publish_down     {}
fieldset.publishing img#publish_up_img   {}
fieldset.publishing img#publish_down_img {}
fieldset.publishing select#access     {}
fieldset.publishing img.calendar {}

/* Metadaten */
fieldset.metadata {}
textarea#metadesc {}
textarea#metakey  {}

/* -- Standard Kontaktlayout -- */

div.contact {
}
.contact table {
  margin-bottom: 10px;
}
td.marker {
  padding-right:5px;
}
.contact td {
  vertical-align: top;
}
.contact_address address {
  font-style: normal;
}
.contact .marker {
  font-weight: bold;
  
}

/* Emailformular */
form#emailForm {
  margin-top: 15px;
  margin-bottom: 10px;
}
div.contact_email {
  margin-bottom: 10px;
  clear: both;
}
div.contact_email label { 
  float: left;
  font-weight: bold;
  padding: 2px 2px 0px 2px;
  width: 35%;
}
div.contact_email label#contact_emailmsg {}
div.contact_email label#contact_textmsg {
  width: 100%;
  display: block;
  float: none;
}
div.contact_email label.textarea {}
div.contact_email_checkbox label.copy {}
input#contact_name, 
input#contact_email, 
input#contact_subject {
  border: 2px solid rgb(175, 175, 175);
  width: 40%;
}
textarea#contact_text {
  border: 2px solid rgb(175, 175, 175);
  height: 150px;
  width: 80%;
}
input#contact_email_copy {
  border: solid 1px rgb(175, 175, 175);
}
span.marker img {
  display: block;
}


/* -- ADFC Aktenzeichenliste -- */

table.aktenzeichenliste tr {
  border-bottom: 1px dashed rgb(227, 227, 227);
}

table.aktenzeichenliste th, 
table.aktenzeichenliste tr.head {
  background-color: rgb(209, 216, 229);
  border: 1px solid rgb(209, 216, 229);
  border-left-width: 2px;
  border-right-width: 2px;
  font-weight: bold;
  line-height: 1.5em;
  min-height: 18px;
  padding: 0px 5px 0px;
  margin: 5px 0 ;
}


/* ############## Umfragen ############# */

.poll {
  padding: 20px 20px 20px 0;
}

form.poll fieldset {
  border: 0 solid #000;
  margin: 0 0 10px;
  padding: 0;
}

form.registration input, 
form.lost_password input, 
.login_form input {
}

form.registration label, 
form.lost_password label, 
.login_form label {
  display: block;
  float: left;
  font-weight: normal;
  width: 12em;
}


/* Umfragetabelle */
.poll .polls_color_1, 
.poll .polls_color_2, 
.poll .polls_color_3, 
.poll .polls_color_4, 
.poll .polls_color_5 {
  border: solid 1px;
  position: relative;
}

.poll h3 {
  color: #932467;
  border: solid 0;
  margin: 20px 0;
}
.poll .td_2 {
  width: 100px;
}
.poll .td_3 {
  width: 300px;
}
.poll form {
  margin: 20px 0;
}

.poll table {
  font-size: 1em;
  width: auto;
  border: solid 0;
  position: relative;
}
.poll table .td_1 {
  width: 30px;
}

.poll table caption {
  font-size: 1em;
  font-weight: bold;
  margin: 10px 0;
  text-align: left;
}

.poll td {
  border: solid 1px #ddd;
  padding: 2px;
}
.poll td.line {
  width: 300px;
}

.poll th {
  background: #EEE;
  border: solid 1px #ccc;
}
.question {
  font-weight: bold;
}


/* -- eigene Formulartabellen -- */

table.formulartabelle {
  table-layout: auto;
  width: 100%;
  border-width: 0px;
  border-spacing: 0px;
  margin: 0px;
  padding: 0px;
}

table.formulartabelle colgroup col.spalte1 {
  width: 30%;
}

table.formulartabelle colgroup col.spalte2 {
  width: 70%;
}

table.formulartabelle tr td {
  text-align: left;
  vertical-align: top;
  line-height: 12px;
  margin: 0px;
}

input.eingabe, 
textarea.eingabe {
  width: 90%;
}

input.str {
  width: 90%;
  margin-left: 0px;
  margin-right: 1px;
}

input.plz {
  width: 25%;
  margin-left: 0px;
  margin-right: 1px;
}

input.ort {
  width: 50%;
  margin: 0px;
}


/* ############# Inhaltserweiterungen ################ */

/* -- Filter-- */


/* Archivansicht: */
form#jForm {}
form#jForm input.inputbox{
  height: 17px;
  margin-left: 2px;
}
form#jForm select#month {
  margin-left: 2px;
  min-width: 70px;
}
form#jForm select#year {
  margin-left: 2px;
  min-width: 55px;
}  
form#jForm select#limit {
  margin-left: 2px;
  min-width: 45px;
}
form#jForm button.button {
  margin-left: 2px;
  height: 23px;
  padding: 0px 2px;
}


/* Listenansichten von Inhalts- und Newsfeedskategorien sowie Weblinks und  Suchergebnissen: */
div.filter {}
div.filter input{}
div.display {}
div.display select#limit {}

/* -- Bewertung -- */

div#page
span.content_rating {
  font-size: 90%;
  margin: 5px 0 0 0;
}

span.content_vote {
  margin: 5px 0 10px;
  display: block;
  font-size: 90%;
  padding: 0px;
  vertical-align: top;
}
span.content_vote input {
  margin: 0 2px;
}

span.content_vote input.button {
  color: rgb(64, 64, 64);
  background: rgb(224, 229, 239);
  border: 1px solid rgb(169, 183, 214);
  padding: 0px 2px;
  cursor: pointer;
}


/* -- Inhaltsverszeichnis -- */

table.contenttoc {
  background: rgb(242,242,242);
  border: 1px solid rgb(132,132,132); 
  font-size: 90%;
  margin: 1px 2px 5px 5px;
  width: 150px;
  float: right;
}
table.contenttoc th {
  padding: 2px 3px 5px 5px;
}
table.contenttoc td {
  background-image: url(../images/li.gif);
  background-repeat: no-repeat;
  background-position: 3px 2px;
  padding: 0px 3px 5px 18px;
}
table.contenttoc td a.toclink {}

/* -- Seitennavigation -- */

#navigation {}

/* -- Beitragsseitennavigation */

/* Navigation im Beitrag */
.pagenavcounter {
  text-align: center;
  color: rgb(115, 115, 115);
}
div.pagenavbar {
  text-align: center;
}
div.pagenavbar div {
  text-align: center;
  color: white;
}

div.pagenavbar a {
  border: 1px solid rgb(175, 175, 175);
  color: rgb(50, 80, 161);
  display: inline;
  font-size: 100%;
  font-weight:normal;
  margin: 0px 2px 0px 0px;
  padding: 2px 4px;
  text-align: center;
  text-decoration: none;
  vertical-align: bottom;
}


/* Navigation zwischen Beitraegen */
table.pagenav {
  width:auto;
  table-layout: auto;
  text-align: center;
  overflow: visible;
  border-collapse: separate;
  border-spacing: 2px;
}
table.pagenav td {
  display: none;
}
table.pagenav th {
  background: white;
  border: 1px solid rgb(175, 175, 175);
  color: black;
  font-size: 1em;
  padding: 2px 4px;
  text-align: center;
  vertical-align: bottom;
}
th.pagenav_prev,
th.pagenav_next {}

table.pagenav a {
  text-decoration: none;
  font-weight:normal;
}

/* Blogansicht, Suchergebnisse */
p.counter {
  text-align: center;
  color: rgb(115, 115, 115);
}
ul.pagination {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
ul.pagination li {
  background: white;
  border: 1px solid rgb(175, 175, 175);
  color: black;
  display: inline;
  font-size: 1em;
  margin: 0px 2px 0px 0px;
  padding: 2px 4px;
  text-align: center;
  vertical-align: bottom;
}
ul.pagination li a {
  font-size: 1em;
  text-decoration: none;
  font-weight:normal;
}


/* ############# Systemnachrichten ################### */
.message {
	margin-left: 10px;
	margin-right: 10px;
}
.message h2 {
	display: none;
}
.message ul li {
	list-style: none;
	background: none;
	text-indent: 0px;
	margin-left: 30px;
}

/* Systemnachrichten - Titel */

#system-message dt.error { 
	display: none; 
}
#system-message dt.message { 
	display: none; 
}
#system-message dt.notice { 
	display: none; 
}

/* Systemnachrichten - Nachricht */

#system-message    { 
	margin-bottom: 10px; 
	padding: 0; 
}
#system-message dd { 
	margin: 0; 
	font-weight: bold; 
	text-indent: 30px;
}
#system-message dd         ul { 
	border-bottom: 3px solid #84A7DB; 
	border-top: 3px solid #84A7DB; 
	color: #0055BB; 
	list-style: none; 
	margin-bottom: 10px; 
	padding: 10px; 
}
#system-message dd.message ul { 
	background:    rgb(198, 211, 231) url(../images/notice-info.png) 4px center no-repeat; 
	border-bottom: 5px solid rgb(59, 100, 159); 
	border-top:    5px solid rgb(59, 100, 159); 
	color:         rgb(204, 0, 0);
	font-weight:   800;
}
#system-message dd.notice  ul { 
	background:    rgb(247, 231, 189) url(../images/notice-note.png) 4px center no-repeat; 
	border-bottom: 5px solid rgb(247, 223, 123); 
	border-top:    5px solid rgb(247, 223, 123); 
	color: #c00; 
}
#system-message dd.error   ul { 
	background:    #E6C0C0 url(../images/notice-alert.png) 4px center no-repeat; 
	border-bottom: 5px solid #DE7A7B; 
	border-top:    5px solid #DE7A7B; 
	color: #c00; 
}

/* ############# Komponente JoEvent ################### */

/* Datumsnavigationsbalken oben */
#ev_nav_bar_date {
  background-color: rgb(242, 242, 242);
  margin:0;
  margin-bottom: 5px;
  width: 100%;
  border: none;
}
#ev_nav_bar_date tr {
}
#ev_nav_bar_date td {
  padding: 2px 2px;
  vertical-align: middle;
}
#ev_nav_bar_date td.ev_left {
  padding-left: 5px;
}
#ev_nav_bar_date td.ev_right {
  padding-right: 5px;
}
#ev_nav_bar_date .inptbox {
  text-align: center;
  position: relative ;
  display: inline;
}
#ev_nav_bar_date .ev_next, 
#ev_nav_bar_date .ev_prev {  
  background-image: url(../images/arrow_blue_right.gif);
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0px 0px;
  padding: 7px 7px;
}
#ev_todaylink {
}
#ev_nav_bar_date .ev_prev {  
  text-align: right;
  background-image: url(../images/arrow_blue_left.gif);
}


/* Detailansicht */

p.ev_unpublished {
	font-weight: bold; 
	text-indent: 0px;
	margin-bottom: 10px; 
	padding: 10px; 
	background:    rgb(198, 211, 231); 
	border-bottom: 5px solid rgb(59, 100, 159); 
	border-top:    5px solid rgb(59, 100, 159); 
	color:         black;
	font-weight:   800;
  
}

/* Termintabelle */

.ev_table {
  width: 100%;
  margin: 0;
  margin-bottom: 10px;
}
.ev_yearheading,
.ev_monthheading,
.ev_weekheading,
.ev_dayheading {
  background-color: rgb(209, 216, 229);
  padding: 5px;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}
.ev_table_day {
  background-color: rgb(227, 227, 227);
  border-top: 1px solid white;
  padding: 0 0 0 5px;
  width: 60px;
}
.ev_table_events { 
  border: 1px solid rgb(227, 227, 227);
  border-top: 1px solid white;
  padding-right: 3px;
}

.ev_table .orgid57 .ev_link_row {
 font-weight: bold;
}

/* Terminauflistung */

.ev_event {
  background-color: rgb(245, 245, 245);
  border: 1px solid white;
  display: table-inline;
  width: 100%;
  margin:0;
}
.ev_ev_row {
  display: table-row;
  width: 100%;
  margin:0;
}
.ev_time{
  display: table-cell;
  text-align: right;
  padding: 2px 5px;
  vertical-align: middle;
  width: 50px;
  margin:0;
}
.ev_description {
  display: table-cell;
  text-align: left;
  padding: 2px;
  vertical-align: middle;
  margin:0;
}
.ev_created,
.ev_modify,
.ev_delete {
  font-size: 0.85em;
}

.org57, 
.org76 {
  font-weight: bold;
}
.ev_unpublished ,
.ev_unpublished div,
.ev_unpublished a,
.ev_unpublished span {
  color: rgb(210, 210, 210);
  background-color: rgb(255, 252, 239);
}
.ev_today {
  background-color: rgb(255, 225, 105);
}
.ev_today td {
  border-bottom: 1px solid rgb(255, 225, 105);
  border-top:    1px solid rgb(255, 225, 105);
  background-color: rgb(255, 225, 105);
}
.ev_today .ev_event {
  border: 1px solid rgb(255, 225, 105);
}

/* Formulardetails */

#main  .ev_joevents table.adminform {
  width: 577px;
  margin: 0px;
  margin-bottom: 5px;
  border: none;
}
.ev_joevents .adminform td {
  padding: 0px;
  padding-top: 5px;
}
#main .ev_joevents col.key1 {
  width: 110px;
}
#main .ev_joevents col.key2 {
  width: 367px;
}
#main .ev_joevents col.key3 {
  width: 100px;
}
#main .ev_joevents #title {
  width: 462px;
}
.ev_joevents #savebotton,
.ev_joevents #cancelbotton {
  width: 100px;
  margin:0px;
  margin-bottom: 5px
}
#main .ev_joevents #extra_info,
#main .ev_joevents #adresse_info {
  width: 571px;
}

#main .ev_joevents #contact_info, 
#main .ev_joevents #organiser_alias {
  width: 461px;
}
#main .ev_joevents #contactid,
#main .ev_joevents #contactid_organiser {
  width: 467px;
}

/* bei gefuellter Modulposition 'right' */

#main2 .ev_joevents table.adminform {
  width: 440px;
  margin: 0px;
  margin-bottom: 5px;
  border: none;
}
#main2 .ev_joevents col.key1 {
  width: 100px;
}
#main2 .ev_joevents col.key2 {
  width: 240px;
}
#main2 .ev_joevents col.key3 {
  width: 100px;
}
#main2 .ev_joevents td.key1 {
  background:grey;  
}
#main2 .ev_joevents td.key2 {
  background:green;  
}
#main2 .ev_joevents #title {
  width: 325px;
}
#main2 .ev_joevents #extra_info,
#main2 .ev_joevents #adresse_info {
  width: 425px;
}

#main2 .ev_joevents #contact_info, 
#main2 .ev_joevents #organiser_alias {
  width: 325px;
}
#main2 .ev_joevents #contactid,
#main2 .ev_joevents #contactid_organiser {
  width: 331px;
}