/* Ralf */

/*#################################################*/
/* Start - Standardsettings, Browserbugs und Hacks */

/* Randabstände und border aller HTML-Elemente auf Null setzen.
   Aussehen in unterschiedlichen Browsern. */
* { padding: 0; margin: 0; }

/* Artikel 'Useful Code Snippets' von Mike Foskett
   [http://www.websemantics.co.uk/tutorials/useful_css_snippets/] */
html { height: 100%; }
body {
   min-height: 101%;
/* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
   font-size: 100.01%;
/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Größe des Browser
   Fensters geändert wird. */
   position: relative;
/* Vorgabe der Standardfarben und Textausrichtung*/
   color: #333;
   background: #fff;
   text-align: center;
   font-family:Arial,Tahoma,Verdana,Sans-serif;
}

/* Standardrahmen zurücksetzen */
fieldset, img { border: 0; }

/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */
select, input, textarea { font-size: 99%; }


h1 {font-family:Trebuchet MS,Verdana,Tahoma,Arial,Sans-serif;font-size:23px;color:#b8003c;margin:0px;margin-bottom:1em;}
h2 {font-family:Trebuchet MS,Verdana,Tahoma,Arial,Sans-serif;font-size:16px;color:#b8003c;margin:0px;margin-bottom:1em;}
h3 {font-family:Arial,Tahoma,Verdana,Sans-serif;font-size:12px;color:#b8003c;margin:0px;margin-bottom:1em;}
a {color:#b8003c;font-weight:bold;text-decoration:none;}
table {font-family:Arial,Tahoma,Verdana,Sans-serif;font-size:13px;color:#4b1a2b;}
a:hover {color:#b8003c;font-weight:bold;text-decoration:underline;}
p {line-height:140%;}
.SC_Panel {background-color: ; }
input, textarea, select {border-width:1px;font-family:Arial,Tahoma,Verdana,Sans-serif;font-size:13px;}
.txtField {font-family:Arial,Tahoma,Verdana,Sans-serif;font-size:10px;color:#000000;background-color:#FFFFFF;border-color:#000000;}
.button {font-family:Arial,Tahoma,Verdana,Sans-serif;font-size:10px;color:#FFFFFF;background-color:#b8003c;cursor:pointer;font-weight:bold;}
.normal {font-family:Arial,Tahoma,Verdana,Sans-serif;font-size:13px;color:#4b1a2b;}
.error {color: #CC3300;}
.succes {color: #336600;}
form {margin:0px;}
img {margin:0px;border:0px;}
p {margin:0px;}
ul {margin-top:5px;margin-bottom:5px;}
body {color:#4b1a2b;margin:0px;background-color: #b3cabe; background-image: url('../../_gfx/design/bg.jpg');
background-repeat: repeat-x ;
background-position:top left;}
.mainframe { margin: 0px auto; width:820px;text-align:center;float:left;}
.maintable {width:820px;margin: 0px auto; }
.top {height:171px;text-align:center;vertical-align: top;}.basicsDiv {margin-left:0px;margin-top:3px;}
.basicsTable {width:750px;height: 20px; float: left;}
a.sitemap {color:#333333;font-weight:bold;text-decoration:none;}
a.sitemap:hover {color:#333333;font-weight:bold;text-decoration:underline;}
a.print {color:#333333;font-weight:bold;text-decoration:none;}
a.print:hover {color:#333333;font-weight:bold;text-decoration:underline;}
a.search {color:#333333;font-weight:bold;text-decoration:none;}
a.search:hover {color:#333333;font-weight:bold;text-decoration:underline;}
.searchfield {color:#717171;background-color:#E3E3E3;}
.date {color: #FF9900;font-weight:bold;text-align: left; width: 520px;}
.centerTd {width:820px; background-color: ; background-image: url('../../_gfx/design/repeat.jpg'); background-repeat: repeat-y; height: 400px; vertical-align:top;background-position: top left;}
.menuTd {background-image: url('../../_gfx/design/left.jpg'); background-repeat: no-repeat; width: 180px; height: 360px; text-align:left;vertical-align:top;}
.menuDiv {width: 165px; padding-left:15px; padding-right:0px; padding-top:30px;}
.menu1ItemDiv {width: 165px; height: 16px; padding-top: 3px; cursor: pointer; text-align: left;}
.menu1ItemDivOver {width: 165px; height: 16px; padding-top: 3px; cursor: pointer; text-align: left;}
.menu1Link {font-size: 14px; color: #4d011c; text-decoration: none; font-weight: bold; padding-left: 30px;}
.menu1LinkOver {font-size: 14px;color: #b8003c; text-decoration: none; font-weight: bold;padding-left: 30px;}
a.m1Link {color: #b8003c; text-decoration: none;}
a.m1Link:hover {color: #4d011c; text-decoration: underline;}
a.m1LinkOver {color: #4d011c; text-decoration: none;}
.menu2ItemDiv {width: 165px; height: 16px; padding-top: 3px; cursor: pointer; text-align: left;}
.menu2ItemDivOver {width: 165px; height: 16px; padding-top: 3px;cursor: pointer;text-align:left;}
.menu2Link {font-size: 11px;color: #b8003c; text-decoration: none; font-weight: bold;padding-left: 30px;}
.menu2LinkOver {font-size: 11px;color: #4d011c; text-decoration: none; font-weight: bold;padding-left: 30px;}
a.m2Link {color: #b8003c; text-decoration: none;}
a.m2Link:hover {color: #4d011c; text-decoration: underline;}
a.m2LinkOver {color: #4d011c; text-decoration: none;}
.menu3ItemDiv {width: 165px; height:16px;padding-top: 3px;cursor: pointer;text-align:left;}
.menu3ItemDivOver {width: 165px; height:16px;padding-top: 3px;cursor: pointer;text-align:left;}
.menu3Link {font-size: 10px;color: #4d011c; text-decoration: none; font-weight: bold;padding-left: 30px;}
.menu3LinkOver {font-size: 10px;color: #b8003c; text-decoration: none; font-weight: bold;padding-left: 30px;}
a.m3Link {color: #b8003c; text-decoration: none;}
a.m3Link:hover {color: #4d011c; text-decoration: underline;}
a.m3LinkOver {color: #4d011c; text-decoration: none;}
.contentTd {background-image: url('../../_gfx/design/content.jpg');background-repeat: no-repeat; width: 640px; height: 360px; text-align:left; vertical-align:top;}
.contentDiv {width: 520px;padding-top:220px; padding-left:35px; padding-right:85px;}
.bottomTd {background-image: url('../../_gfx/design/bottom.jpg');background-repeat: no-repeat;height:65px;background-position: top left;}
.gallery {font-family:4;font-size:13px;color:#FFFFFF;background-color:;}
.galleryImg {font-family:4;font-size:13px;color:#4A4A4A;background-color:;}
.galleryBtn {font-family:4;font-size:13px;color:#FFFFFF;background-color:#666666;border: 1px solid #FFFFFF;} .calenderBorder {border:1px solid #7E7564;color:#000000;}.calenderWeek {background-color:#9C9388;color:#000000;}.calenderDay {background-color:#BAAE9E;color:#000000;}.calenderOver {background-color:#7E7564;color:#000000;}input.validation-failed, textarea.validation-failed { border: 1px solid #FF3300; color : #FF3300;}input.validation-passed, textarea.validation-passed {border: 1px solid #00CC00; color : #000;}.validation-advice { margin: 5px 0; padding: 5px; background-color: #339900;color : #006600; font-weight: bold;}.custom-advice { margin: 5px 0; padding: 5px; background-color: #339900; color : #006600;        font-weight: bold;}

.banner {
position: absolute;
top: 181px;
left: 840px;
float: left;
width: 160px;
min-height: 600px;
font-family: Verdana, Arial, sans-serif;
}

/* Formular */
.a63-form {
  width: 400px;
}

/* Eingabefelder */
.a63-form input, .a63-form textarea {
  border: 1px solid black;
  margin: 1px 2px 1px 2px;
  width: 250px;
  background-color: #F6F4EF;
}

.a63-form input:focus, .a63-form textarea:focus {
  color: 000000;
  background-color: #EEEEEE;
}

/* Text-Eingabefeld*/
.a63-form textarea {
  height: 100px;
}

/* Beschriftungen der Eingabefelder */
.a63-form legend {
  font-size: 12pt;
  font-weight: bold;
  color: #B8003C;
}

.a63-form label {
  width: 100px;
  float: left;
  padding-left: 5px;
}

/* Buttons */
.a63-form .a63-fsubmit {
  width: 100px;
  margin: 0px;
  margin-top: 5px;
  color: #FFFFFF;
  background-color: #B8003C;
}

/* Buttons-Layer*/
.a63-form .a63-buttons {
  padding-left: 105px;
}

/* Zusatztext-Layer*/
.a63-form .a63-info {
  text-align: right;
  padding: 0px 5px 5px 0px;
}

/* Fehlermeldungs-Layer*/
.a63-form div.error {
  font-weight: bold;
  padding-top: 0px;
  padding-bottom: 10px;
}



/*
  Listen Styles
*/


/* Einträge-Layer */
.a63-entries .a63-entry {
  padding-bottom: 10px;
  border-bottom: 1px dotted #859885;
}

.a63-entries p {
  margin: 0px;
  padding: 0px;
}

/* Pagination-Layer */
.a63-entries .a63-pagination {
  text-align: right;
}

/* Pagination-Links */
.a63-entries .a63-pagination a {
  padding-left: 2px;
  padding-right: 2px;
}

/* hervorheben des Aktuelle-Seite-Links */
.a63-pagination_aktuell a {
  font-weight: bold;
  text-decoration:underline;
}


.a63-entries ul li {
  list-style-type: none;
  display: inline;
}

/*
  Allgemeine Formatierungen
*/

/* Beschriftungen */
.a63-entries .a63-label {
  float: left;
  width: 70px;
}

/* Werte */
.a63-entries .a63-value {
  padding-left: 70px;
}

/* Mozilla */
li.a63-pagination {
  list-style-type: none;
}

/* Ausgabe der Dateiversion
  möglichst unauffällig und klein */
.Modulversion {
  font-size: 0.5em;
  color: #aaaaaa;
/*  color: #dddddd; */ /* (fast) unsichtbar*/
}

/*--------- FORMULAR-OBJEKTE ------------*/
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit] {
   cursor: pointer;
}

/* Layout Gesamtes Formular Breite und Innenabstände */
.formgen {
   font-size: 1em;
   margin-left: 60px;
}

/* Layout Gesamtes Formular Breite und Innenabstände */
#rexform fieldset {
   width: 600px;
   padding-top: 10px;
   padding-right: 10px;
   padding-bottom: 10px;
   padding-left: 10px;
   margin-top: 10px;
}

fieldset.formfield {
   margin-top: 10px;
   padding-top: 10px;
}

/* Blöcke - Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann */
.formgen .formblock {
   margin-bottom: 0px;
   background-color: #f1;
   padding-top: 1px;
   padding-bottom: 1px;
   padding-right: 0px;
   padding-left: 0px;
}
/* Verhalten von br-Tags */
.formgen br {
   clear: both;
}

/* Captcha-Bild */
.formgen .formcaptcha {
   border: none;
}
/* Sende-Button */
.formgen .formsubmit {
   width: 200px;
   margin-left: 75px;
   margin-top: 10px;
}

/* Fieldsetbeschriftung */

/* -------------- AUSGABEN / Fehlermeldungen -------- */
/* Fehlermeldung nach Versand */
.formgen .forminfo {
   color: #fff;
   background-color: #951518;
   border: 1px dashed #333;
   margin: 5px;
   padding: 5px;
}
/* Markierung der Labels bei Fehler */
.formerror {
   color: #fff;
   background-color: #951518;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 0.8em;
}

DIV.form-module-thanks {
   font-weight: bold;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 0.8em;
   font-color: #333;
}

#rexform label {
   width: 120px;
   height: 18px;
   text-align: left;
   vertical-align:bottom;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 1em;
   float: left;
   margin-top: 3px;
   padding-right: 17px;
}

/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield {
   width: 200px;
   height: 150px;
   margin-left: 0px;
}
/* Textfeld*/
.formgen .formtext {
   width: 200px;
   height: 18px;
   background-color: #fff;
   margin-left: 0px;
}

#rexform input,
#rexform textarea {
   width: 200px;
   margin-top: 2px;
   background: #fffe;
   border: 1px solid #C0C0C0;
   color: #333;
   font-family: Verdana, Arial, Sans-Serif;
}

#rexform textarea {
   font-size: 1em;
   padding-top: 2px;
}

#rexform input.submit {
   margin-left: 87px;
   margin-top: 20px;
   margin-bottom: 20px;
   width: 155px;
   border: 0;
   font-family: Verdana, Arial, Sans-Serif;
   font-weight: bold;
   padding: 7px 0 14px 0;
   cursor: pointer;
}

#rexform input:hover,
#rexform textarea:hover {
   border: 1px solid #980001;
   background: #fff;
}

#rexform input:focus,
#rexform textarea:focus {
   border: 1px solid #980001;
   background: #fff;
   outline-style: none;
}

#rexform input[type=submit] {
   margin-top: 20px;
   background-color: #980001;
   color: white;
   padding: 3px;
   border-top: 1px solid #FF8080;
   border-left: 1px solid #FF8080;
   border-right: 1px solid #440000;
   border-bottom: 1px solid #440000;
   font-weight: bold;
}

#rexform input[type=submit]:hover {
   background-color: #B00001;
}

img.formcaptcha {
   margin-top: 3px;
}



/* ***********
  Adminbereich
  ************ */
/* TODO: hier könnten noch Formatierungen für den Adminbereich rein */