/*
**  Datei       : content.css
**  Funktion    : Hauptlayoutdatei
**  based on    : "Yet Another Multicolumn Layout" v3.0.4 (c) by Dirk Jesse (http://www.yaml.de)
                  $Revision: 134 $ $Date: 2007-10-12 20:31:37 +0200 (Fr, 12 Okt 2007) $
**  modifiziert : DRK-Kreisverbandsversion v1.0.0 2010-03-17 agy
**                
*/

@media all
{
/**
 * Fonts
 * Zeichensatz und Schriftgroeszen fuer UEberschriften und uebliche Text-Elemente
 * @section content-fonts
 */

/* Alle Schriftgroeszen auf Standardgroesze (16 Pixel) zuruecksetzen */
html * {font-size: 100.01%}

/* Basis-Layout erhaelt Standardschriftgroesze von 12 Pixeln */
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 75%;
  color: #000;
  }

#page {
  border: 1px solid #444;
  border-width: 0 1px 1px 0;
  }


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* +++ Textauszeichnung +++ */

p, li {line-height:1.5em;}
strong, b {font-weight:bold}
em, i {font-style:italic}
acronym, abbr {border-bottom: 1px dotted #999; cursor: help;}
cite, blockquote {font-style:italic}
blockquote {margin:0 0 1em 1.5em}
pre, code {font-family:monospace; font-size:1.1em;}

#col3 p.hervorgehoben {padding: 2px 2px 1em 2px; margin: 0 1em 0 1em;}
.spendentelnr {font-size: 1.5em;}
.disclaimer {font-size: 0.85em; color: #666; margin: 0 1em; padding: 1em 0 0; clear: left; float: none; }

/* Hyperlinks */

a:link {
  color: #015bca;
  text-decoration: underline;
  }
a:visited {color: #476283;}
a:focus,
a:hover,
a:active {
  color: #e60005;
  text-decoration: none;
  }

a img {border: 0 none;}

a.external-link {
  padding-right: 14px;
  background: url(../../img/icons/ico-extlink.gif) no-repeat center right;
  }
a.external-link-new-window {
  padding-right: 14px;
  background: url(../../img/icons/ico-newwin.gif) no-repeat center right;
  }
a.internal-link-new-window {
  padding-right: 14px;
  background: url(../../img/icons/ico-newwin.gif) no-repeat center right;
  }
a.closelink {
  padding-left: 16px;
  background: url(../../img/icons/ico-closewin.gif) no-repeat center left;
  }
.csc-linkToTop a {
  padding-right: 16px;
  background: url(../../img/icons/ico-totop.gif) no-repeat center right;
  }

.filelinks .filecount{display:block; margin-bottom:0.5em;}
.filelinks a{ color: #015bca; text-decoration: underline; }
/* Grafische Darstellung Filelinks s. ganz unten */


/* ++++++++++++++++++++++++++++++++++++++++++ *
 * +++++   Elemente Kopfbereich   +++++++++++ *
 * ++++++++++++++++++++++++++++++++++++++++++ */

#page #header .verbandsname {
  position: absolute;
  left: 219px;
  top: 21px;
  font-size: 20px;
  line-height: 20px;
/*  width: 10.3em; */
  }

#page #header .verbandsname a:link,
#page #header .verbandsname a:focus,
#page #header .verbandsname a:hover,
#page #header .verbandsname a:active,
#page #header .verbandsname a:visited
  {color: #000; text-decoration: none;}



#kopfillustration {
  float: right;
  position: absolute; right: 0; top: 0;
  }

/* ++++++++++++++++++++++++++++++++++++++++++ *
 * +++++ Formatierungen Content-Bereich +++++ *
 * ++++++++++++++++++++++++++++++++++++++++++ */

/* +++ Regel: Abstand fuer alle Inhaltselemente (Bilder: s. ganz unten) +++ */

#col3 p, #col3 dl, #col3 table, #col3 .mediabox, #col3 .filelinks {margin: 0 1em 1em 1em;}
#col3 p, #col3 dl, #col3 .filelinks {display:block;}
#col3_content { margin: 2em 1em 0 1em; padding:0;}

.subcolumns {margin-bottom: 1em;}
.subc, .subcl, .subcr {padding:0;}

#col3 .mediabox,
#col2 .mediabox {display: block; float: none;}

/* +++ Reset vor jedem Container +++ */

.csc-default {float:none;clear:both;width:100%;}
.csc-textpic {clear:none;}


/* +++++ UEberschriften +++++ */

#col3 h1,
#popup h1 {
  font-size: 1.6em;
  margin: 0 0.6em 0.6em 0.6em;
  padding: 0.2em 0.25em 0.3em;
  background-color: #999;
  color: #fff;
  }

#col3 h2 {
  margin: 0 0.7em 0.7em 0.7em;
  padding-top: 0.7em;
  font-size: 1.4em;
  color: #333;
  }
#col3 h3,
#col3 h4 {
  font-size: 1em;
  margin: 0 1em 1em 1em;
  padding: 0.5em 0 0 0;
  font-weight: bold;
  color: #000;
  }
#col3 h5 {
  font-size: 1em;
  font-weight: normal;
  text-decoration: underline;
  }


/* +++++ Teaserboxen, Spaltenlinien +++++ */

.spaltenlinien,
.teaserbox .subcl,
.teaserbox .subcml,
.teaserbox .subc,
.teaserbox .subcmr,
.teaserbox .subcr,
.subcr .teaserbox,
.subcmr .teaserbox,
.subc .teaserbox,
.subcml .teaserbox,
.subcl .teaserbox {
  border-color: #ccc;
  border-style:solid;
  border-width: 0pt 1px;
  margin: 0pt 0pt 0pt -1px;
  overflow: hidden;
  }

/* Ausnahme fuer ganz rechts */
.subcr .subcr .spaltenlinien,
.c25r .subcr .spaltenlinien,
.c33r .subcr .spaltenlinien,
.c50r .subcr .spaltenlinien,
.c66r .subcr .spaltenlinien,
.subcr .subcr .teaserbox,
.c25r .subcr .teaserbox,
.c33r .subcr .teaserbox,
.c50r .subcr .teaserbox,
.c66r .subcr .teaserbox,
.teaserbox .subcr .subcr,
.teaserbox .c25r .subcr,
.teaserbox .c33r .subcr,
.teaserbox .c50r .subcr,
.teaserbox .c66r .subcr {
  border-left: 1px solid #ccc;
  border-right: 1px solid #fff;
  margin: 0pt 0pt 0pt -1px;
  overflow: hidden;
  }

/* doppelte Spaltenlinien verhindern */
.spaltenlinien .spaltenlinien,
.spaltenlinien .teaserbox,
.teaserbox .spaltenlinien,
.teaserbox .teaserbox {
  margin-right:-1px;
  }

.teaserbox .intro {
  font-weight:normal;
  }

#col3 .teaserbox h1, #col3 .teaserbox h2 {
    padding: 0.6em 0.1em 0.5em 0.6em;
    margin: 0 0.7em 0 0.83em;
    background-color: #999;
    color: #fff;
    border-bottom:1px solid #fff;
    font-size:1.2em;
    }

#col3 .teaserbox h1 a,
#col3 .teaserbox h2 a {
  color: #fff;
  text-decoration: none;
  }
#col3 .teaserbox h1 a:focus,
#col3 .teaserbox h1 a:hover,
#col3 .teaserbox h1 a:active,
#col3 .teaserbox h2 a:focus,
#col3 .teaserbox h2 a:hover,
#col3 .teaserbox h2 a:active {
  color: #fff;
  text-decoration: underline;
  }


/* +++++ Listen +++++ */

#col3 ol {
  margin: 0 1em 1em 4em;
  padding: 0
  }
#col3 .subcolumns ol {
  margin: 0 1em 1em 2em;
  }

#col3 ul {
  margin: 0 1em 1em 2em;
  padding: 0;
  list-style-type: square;
  }
#col3 ul li {
  margin: 0 0 0 1.25em;
  padding: 0 0em;
  list-style-image: url(../../img/icons/bullet.gif);
  }
#col3 ul.rot li {
  list-style-image: url(../../img/icons/bulletrot.gif);
  }


/* Linklisten (Spezialformatierung mit Pfeilchen als Aufzaehlungspunkte) */

.linkliste {margin:0; padding:0;}

#col3 .linkliste ul {
  margin: 0 0 0 1em;
  border: 0;
  padding: 0;
  list-style: none;
  }

#col3 .linkliste ul li
  {
  display: block;
  margin: 0;
  border: 0;
  padding: 0.25em 0;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  }

#col3 .linkliste ul li a {
  background: url(../../img/icons/linkbullet.gif) no-repeat 0 3px;
  margin: 0 0.25em 0 0;
  padding-left: 1em;
  display: block;
  }

#col3 .linkliste ul li a:focus,
#col3 .linkliste ul li a:hover,
#col3 .linkliste ul li a:active
 {background-image: url(../../img/icons/linkbulletactive.gif);}

#col3 .linkliste ul li a.external-link {background: url(../../img/icons/linkbulletext.gif) no-repeat 0 3px;}

#col3 .linkliste ul li a.external-link:focus,
#col3 .linkliste ul li a.external-link:hover,
#col3 .linkliste ul li a.external-link:active
 {background-image: url(../../img/icons/linkbulletextactive.gif);}



/* +++ Einschub (allg. Kasten mit Hintergrundfarbe) +++ */
#col3 .einschub {
  background-color: #ccc;
  color: #000;
  padding: 0.5em 1em;
  margin: 0 1em 0 1em;
  }
#col3 .subcolumns .einschub {
  margin: 0;
  }
#col3 .c25l .subcl .einschub,
#col3 .c33l .subcl .einschub,
#col3 .c66l .subcl .einschub {
  margin: 0 0 0 1em;
  }
#col3 .c25r .subcr .einschub,
#col3 .c33r .subcr .einschub,
#col3 .c66r .subcr .einschub {
  margin: 0 1em 0 0;
  }
#col3 .einschub h3 {
  font-size: 1em;
  color: #000;
  margin: 0 0 0.75em;
  padding: 0 0 0.25em;
  border-bottom: 1px solid #333;
  }
#col3 .einschub p {
  font-size: 1em;
  margin: 0 0 1em 0;
  }


/* +++++ Tabellen +++++ */

  table {width:auto; border-collapse:collapse; margin-bottom:0.5em; border-bottom: 2px solid #ccc;}
  table.full {width:100%;}
  table.fixed {table-layout:fixed}
  table caption {text-align: right; margin: 0.5em 0 0.5em; color: #999; font-size: 0.85em;}

  th,td {padding:0.5em 1em; vertical-align:top;}
  thead th {background:#ccc;}
  tbody th {background:#eee;}
  tbody th.sub {background:#ccc; color:#333}
  tbody th, tbody td {border: 1px solid #ccc; border-width: 1px 0 0;}

  tbody th p, tbody td p {margin: 0;}

  tbody td ul {margin-top:0 !important; margin-bottom:0 !important;}
  tbody td ul li {}

  table.typo3-adminPanel {text-align:left; font-size:120%; margin:1em 0 0 0;}
  table.typo3-adminPanel td {padding:0.1em 0.1em 0.1em 0;}
  table.typo3-adminPanel select {font-size:0.6em;}
  table.typo3-adminPanel input {font-size:0.6em;}


/* ++++++++++++++++++++++++++++++++++++++++++ *
 * +++++++ Abweichungen Startseite   ++++++++ *
 * ++++++++++++++++++++++++++++++++++++++++++
  .homepagealternate: Hauptmenü in die Navigationsspalte integriert, alternatives Startseitentemplate) */
*/

/* +++ Kein "Reset vor jedem Container" +++ */
#page.homepage .csc-textpic {clear:none;}
#page.homepage .csc-default {float:none;}

/* +++ Content (#col3) auf Submenu-Bereich ausgedehnt +++ */
#page.homepage #col1 {display: none;}
#page.homepage #col3 {
  width: 64em;
  margin: 0; padding: 0;
  }
#page.homepage #col3_content,
#page.homepagealternate #col3_content {
  margin: 15px 0 0 0;
  padding: 0 0 0 1em;
  }
#page.homepage #col3 .subcolumns {width: 64em; margin-bottom: 1em;}
#page.homepagealternate #col3 .subcolumns {width: 48em; margin-bottom: 1em;}
#page.homepage #col3 .subcolumns .subcolumns {width: auto;}


/* +++ Crumbtrail auf Startseite +++ */
#page.homepage #teaser,
#page.homepagealternate #teaser { /* Firefox-Hack */
  height:1.7em;
  padding:0.5em 0pt 0.2em;
  }

  #page.homepage #teaser .rootline {visibility: hidden;}

/* +++ Sonderregeln Spaltenlinien auf Startseite +++ */
#page.homepage .c50l { /* rechte Mittel-Trennlinie fuer Startseite erzwingen... */
  border-right:1px solid #ccc;
  margin: 0 0 0 -1px;
  }
#page.homepage .c50r .c50l { /* ...aber nur fuer die Hauptspalte */
  border:0px;
  margin: 0;
  }
#page.homepage .c50r { /* linke Mittel-Trennlinie fuer Startseite erzwingen... */
  border-left:1px solid #ccc;
  margin-left: -1px;
  }
#page.homepage .c50r .c50r { /* ...aber nur fuer die Hauptspalte */
  border-left:0;
  }
#page.homepage .subcr .c50l .subcl { /* ...und schon gar nicht fır linke Spalte in einer rechten Spalte */
  border:0;
  }

/* +++ Nur Hauptteaser erhalten H1 (weisz auf rot) +++ */
#page.homepage h1,
#page.homepagealternate h1 {
  font-weight:normal;
  padding: 0.3em 0.5em 0.2em;
  /*margin: 0 0.68em 0 0.625em;*/
  margin: 0 0 0 0.55em;
  background-color: #e60005;
  color: #fff;
  border-bottom:1px solid #fff;
  }

#page.homepage h1 a,
#page.homepage h2 a,
#page.homepagealternate h1 a,
#page.homepagealternate h2 a {color: #fff; text-decoration: none;}

#page.homepage h1 a:focus,
#page.homepage h1 a:hover,
#page.homepage h1 a:active,
#page.homepage h2 a:focus,
#page.homepage h2 a:hover,
#page.homepage h2 a:active,
#page.homepagealternate h1 a:focus,
#page.homepagealternate h1 a:hover,
#page.homepagealternate h1 a:active,
#page.homepagealternate h2 a:focus,
#page.homepagealternate h2 a:hover,
#page.homepagealternate h2 a:active
 {color: #fff; text-decoration: underline;}

#page.homepage h2,
#page.homepagealternate h2 {
  padding: 0.6em 0.1em 0.5em 0.6em;
  margin: 0 0.85em 0 0.83em;
  background-color: #999;
  color: #fff;
  border-bottom:1px solid #fff;
  font-size:1.2em;
  }
#page.homepage .spaltenlinien h2 {
  margin: 0 0.77em 0 0.83em;
  }
#page.homepage h3 {
  margin: 0 1em 0 1em;
  }
#page.homepage #col3 p {
  margin: 0.5em 1em 1em 1em;
  }
#page.homepage .hauptteaser,
#page.homepagealternate .hauptteaser {
  margin: 0 1.1em 2px 1em;
  background: #ccc;
/*  overflow:hidden; */
  }
  
#page.homepage .hauptteaser h1, 
#page.homepagealternate .hauptteaser h1 {  
	margin: 0px;
}
#page.homepage #col3 .hauptteaser p,
#page.homepagealternate #col3 .hauptteaser p,
 {
  margin: 0;
  padding: 0.5em;
  background: #ccc;
  }
#page.homepage .hauptteaser dl,
#page.homepagealternate .hauptteaser dl {
  margin: 0 0 0 -1px !important;
  }
#page.homepage #col3 ul,
#page.homepagealternate #col3 ul {
  margin-top: 0em;
  }

/* +++ News auf Startseite +++ */
/* (siehe unter News-Latest) */



/* ++++++++++++++++++++++++++++++++++++++++ *
 * ++ Abweichungen Spendenformularseiten ++ *
 * ++++++++++++++++++++++++++++++++++++++++ */

/* °°°°°°°°°°°°°°°° */
#page.spendenformular #col1 {background: url(/fileadmin/Spenden/DRK-Spendenseite-Illu3b.jpg) no-repeat top left; width:14em; height:500px; margin: 2em 0 0 2em;}
#page.spendenformular #col1 #submenu {display:none;}


/* ++++++++++++++++++++++++++++++++++++++++ *
 * +++++++++    Pop-Ups     +++++++++++++++ *
 * ++++++++++++++++++++++++++++++++++++++++ */

#popup {background-color: #fff; text-align: left; margin: 0 12px; padding: 12px; }
#popup .headImg1 {margin-bottom: 2em;}
#popup p {margin: 0 1em 1em;}
#popup .spendendanke {margin: 0 0 1em;}
#popup dl {margin: 0 1em; padding: 0.5em 0; border-bottom: 1px solid #ccc; line-height: 1.5em;}
#popup dl dt {float: left; width: 10em; margin: 0; padding: 0; font-weight: normal;}
#popup dl dd {margin: 0 0 0 10em; padding: 0;}

#popup .closelink {text-align: right;}


/* ++++++++++++++++++++++++++++++++++++++++ *
 * +++++ Formatierungen Servicespalte +++++ *
 * ++++++++++++++++++++++++++++++++++++++++ */

#col2 {margin-top: 1.2em;}

#col2 p {
  padding: 0 1em 0 0em;
  margin: 0.5em 1em 0.5em 1em;
  }

/* +++ UEberschriften Servicespalte +++ */

#col2 h1, #col2 h2, #col2 h3,
#col2 h4, #col2 h5, #col2 h6 {
  padding: 0.5em 1em;
  margin: 0 0 0.25em;
  color: #000;
  font-size: 1.0em;
  }

/* +++ Boxen mit gewinkelter Linie +++ */

#col2 .winkelbox,
#col2 .ssp-textbox {
  padding: 0 2px 0.5em 0;
  margin: 0 0 1em;
  border: 1px solid #ccc;
  border-width: 1px 0 0 1px;
  }

/* h1 bis h3 sollten in Servicespalte nicht verwendet werden (SEO-Service)
#col2 .winkelbox h1, #col2 .winkelbox h2, #col2 .winkelbox h3,
#col2 .ssp-textbox h1, #col2 .ssp-textbox h2, #col2 .ssp-textbox h3 {
  background:  #ff0 url(../../img/icons/stop.gif) no-repeat center right;
  padding: 0.25em 0.5em;
  border-bottom: 1px solid #ccc;
  }
*/

#col2 .winkelbox h1, #col2 .winkelbox h2, #col2 .winkelbox h3,
#col2 .winkelbox h4, #col2 .winkelbox h5, #col2 .winkelbox h6,
#col2 .ssp-textbox h1, #col2 .ssp-textbox h2, #col2 .ssp-textbox h3,
#col2 .ssp-textbox h5, #col2 .ssp-textbox h5, #col2 .ssp-textbox h6 {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  }

#col2 .winkelbox img {margin: 1em 0 0.5em;}

#col2 .winkelbox form {
  margin: 0.5em 1em 1em 1em;
  }

#col2 .winkelbox form p {
  margin: 0.5em 0 0.5em 0;
  padding: 0;
  }


/* +++ Banner in Winkelbox ohne Linien +++ */
#col2 .csc-frame-invisible,
#col2 .ssp-bildbox dl.csc-textpic-image {
  margin: 1em 0 1.5em 0;
  padding: 0;
  }
#col2 .ssp-bildbox {}


/* +++ Linklisten Servicespalte +++ */

#col2 ul {
  margin: 0 0 0 1em;
  border: 0;
  padding: 0;
  list-style: none;
  }
#col2 ul li {
  display: block;
  margin: 0;
  border: 0;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  }
#col2 ul li a {
  margin: 0 0 0.5em 0;
  display: block;
  }
#col2 ul li a:focus,
#col2 ul li a:hover,
#col2 ul li a:active { }

#col2 hr {
  margin: 0 0 0.25em;
  border: 0 none;
  border-bottom: 1px solid #e7e7e7;
  padding: 0;
  background-color: transparent;
  color: #fff;
  }

/* +++ Tagcloud in Servicespalte +++ */

#col2 .winkelbox .tagcloud {
  position: relative;
  top: 0; left: 0;
  display: block;
  width: 152px;
  text-align: left;
  margin: 0.5em 1px 0 1em;
  font-size: 1em;
  padding: 1em 0 0;
  }

#col2 .winkelbox .tagcloud .h1,
#col2 .winkelbox .tagcloud .h2,
#col2 .winkelbox .tagcloud .h3,
#col2 .winkelbox .tagcloud .h4,
#col2 .winkelbox .tagcloud .h5 {
  display: inline;
  white-space: normal;
  width: auto;
  background: none;
  color: #000;
  font-size: 1em;
  border-width: 0;
  padding: 0 6px 0 0;
  margin: 0;
  }
#col2 .winkelbox .tagcloud p {margin-left: 0}
#col2 .winkelbox .tagcloud a {color: #999; text-decoration: none; font-weight: bold;}
#col2 .winkelbox .tagcloud a:focus,
#col2 .winkelbox .tagcloud a:hover {color: #e60005; text-decoration: none;}
#col2 .winkelbox .tagcloud a:active {color: #000;}
#col2 .winkelbox .tagcloud .h1 {font-size: 2em; position: relative; top: -0.1em}
#col2 .winkelbox .tagcloud .h2 {font-size: 1.6em;}
#col2 .winkelbox .tagcloud .h3 {font-size: 1.3em;}
#col2 .winkelbox .tagcloud .h4 {font-size: 1.1em;}
#col2 .winkelbox .tagcloud .h5 {font-size: 0.9em; position: relative; top: -0.25em;}
#col2 .winkelbox .tagcloud .hoeher {position: relative; top: -0.25em;}



/* ++++++++++++++++++++++++++++++++++++++++++ *
 * +++++     DRK-Formulare      +++++++++++++ *
 * ++++++++++++++++++++++++++++++++++++++++++ */

fieldset {border: 0 none;}
fieldset div, fieldset p {margin-left:0 !important; padding-left:0 !important;}

#col3 form fieldset {margin: 0 1em; padding: 1em; border: 0 none; background-color: #fdeded;}

/* +++ Beschriftungen +++ */

legend {border: 1px solid #666; border-width: 0 0 1px; padding: 1em 0 0.5em; font-weight: bold;}

.drkform h3 {padding: 1em 0 0.5em 0;}

.drkform .groupheader {
  font-weight: bold;
  border-bottom: 1px solid #000;
  margin-top: 0.5em;
  }

label {width:10em; float:left;}
label.check {width:auto; float:none; padding: 0 2em 0 0.5em;}
.label-1sp {width:6em; display:inline;}
.label-2sp {width: 12em; display: inline;}

.must {color: #e60005; padding:0 0.25em;}
#col3 p.pflichtfeldhinweis {color: #666; margin-bottom: 0;}
.korrektur {color:#E60005;font-weight:bold;}

/* +++ Felder +++ */

input {padding: 2px 3px 2px 3px;}
select {padding: 1px 0 1px 0;}
.drkform input, select {margin: 0;}
option {padding-left:0.25em}
textarea {background-color:#fff; border: 1px solid #999; font-size:0.9em;}

.gesperrt { /* readonly */
  border: 1px solid #aaa;
  padding: 2px 3px;
  background-color: #d3d3d3;
  color: #777;
  }

/* Kein Style fuer Radio Buttons und Checkboxes */
input.check {background-color:transparent; border:none;}

/* verschiedene Breiten fuer alle Eingabefelder */
.xl {width:30em;}
.l {width:14em;}
.m {width:9.4em;}
.s {width:3.5em;}
.xs {width:1.5em;}

/* Textarea-Hoehen */
.ze3 {height:4.5em;}
.ze4 {height:6em;}
.ze6 {height:9em;}

/* Buttons rechtsbuendig */
p.btn {text-align: right;}

/* +++ Mini-Forms in Servicespalte +++ */

#col2 form select {width: 12em;}
#col2 form label {float: none; display: block; margin: 0;}
#col2 form input {margin: 0;}


/* ++++++++++++++++++++++++++++++++++++++++++ *
 * +++++    Mediathek                   +++++ *
 * ++++++++++++++++++++++++++++++++++++++++++ */

#col3 .tx-drkmediathek-pi1 {display: inline-block; width: 100%;}
#col3 .tx-drkmediathek-pi1 .mediathek-bildbox {
  float: left;
  margin: 1em 0.95em;
  width: 14em;
  padding: 0 0em;
  border: 0px solid #ccc;
  }

#col3 .tx-drkmediathek-pi1 h1 {
  margin: 0 0.7em 0.7em 0.5em;
  padding-top: 0em;
  background-color: transparent;
  color: #333;
  font-size: 1.4em;
  }

#col3 .tx-drkmediathek-pi1 h3 {
  padding: 0.25em;
  height: 2.25em;
  margin: 0 ;
  background-color: #999;
  border-bottom: 1px solid #fff;
  font-size: 1.2em;
  }

#col3 .tx-drkmediathek-pi1 .mediathek-bildbox {
  float: left;
  margin: 1em 0.95em;
  width: 14em;
  height: 16em;
  padding: 0;
  border: 0px solid #ccc;
  }

#col3 .tx-drkmediathek-pi1 p {
  margin: 0;
  }

#col3 .tx-drkmediathek-pi1 p.data a {
  font-size: 0.85em;
  color: #666;
  text-decoration: none;
  }

#col3 .tx-drkmediathek-pi1 h3 a {
  color: #fff;
  text-decoration: none;
  }
#col3 .tx-drkmediathek-pi1 h3 a:focus,
#col3 .tx-drkmediathek-pi1 h3 a:hover,
#col3 .tx-drkmediathek-pi1 h3 a:active
  {
  color: #fff;
  text-decoration: underline;
  }

#col3 .tx-drkmediathek-pi1 .thumbnail {
  overflow: hidden;
  background-color: #efefef;
  height: 126px;
  }

#col3 .tx-drkmediathek-pi1 p.counter {
  margin: 0.5em 0;
  font-size: 0.85em;
  }

.tx-drkmediathek-pi1 .mediathek-browsebox {
  margin: 1.2em 1em 1em;
  border: 1px solid #ccc;
  border-width: 1px 0 1px;
  padding: 0.25em 0;
  background: transparent;
  text-align: right;
  }

.mediathek-browsebox a {
  padding: 0 0.25em 0 2em;
  text-decoration: none;
  }

.mediathek-browsebox a:focus,
.mediathek-browsebox a:hover,
.mediathek-browsebox a:active{
  text-decoration: underline;
  }

#col3 .tx-drkmediathek-pi1 .bildcounter {
  float: right;
  width: auto;
  color: #666;
  font-size: 0.6em;
  font-weight: normal;
  line-height: 1em;
  }

#col3 .tx-drkmediathek-pi1 .mediathek-bildbox.galerie-einzelbild {
  width: auto;
  height: auto;
  margin: 0 1em;
  }

#col3 .tx-drkmediathek-pi1 .galerie-einzelbild h3 {
  background-color: transparent;
  font-size: 1em;
  margin: 0;
  }

#col3 .tx-drkmediathek-pi1 .mediathek-bildbox.galerie-einzelbild p {
  margin: 1em 0 0;
  }

#mediathek fieldset select {width: 10em;}
#mediathek fieldset input[type=text] {width: 10em;}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


   /**
   * YAML-Standardklassen zur Positionierung und Hervorhebung
   */

  .note {background:#dfd; padding:1em; border-bottom:1px #bdb dotted; border-bottom:1px #dbb dotted;}
  .important {background:#ffd; padding:1em; border-bottom:1px #ddb dotted; border-bottom:1px #dbb dotted;}
  .warning {background:#fdd; padding:1em; border-bottom:1px #dbb dotted; border-bottom:1px #dbb dotted;}

  .float_left {float:left; display:inline; margin-right:1em; margin-bottom:0.15em; }
  .float_right {float:right; display:inline; margin-left:1em; margin-bottom:0.15em; }



/* #####################################################################
** ### Spezielle Formatanweisungen des TYPO3 Templates #################
** #####################################################################
*/
#col1_content form select {margin-bottom:1em; width:100%;}

/* Content element "table"
table.contenttable {font-size:0.8em; width:100%; margin:0 0 1em 0; border-collapse:collapse; empty-cells:show;}
table.contenttable caption {text-align:left; font-weight:bold; color:#888; margin-bottom:0.2em;}
table.contenttable th {height:2.0em; background:#4E5155; color:white; padding:2px 7px 2px 7px; border-left:solid 2px #fff; border-right:solid 2px #fff; border-top:solid 2px #fff; border-bottom:solid 2px #fff;}
table.contenttable tr.tr-odd {background: #eee;}
table.contenttable tr.tr-even {background: #e3e3e3;}
table.contenttable td {height:3.0em; padding:2px 7px 2px 7px; border-left:solid 2px #fff; border-right:solid 2px #fff; border-top:solid 2px #fff; border-bottom:solid 2px #fff; text-align:left; font-weight:normal}
*/
table.contenttable {font-size: 1em;}
table.contenttable th p, table.contenttable td p {margin: 0em !important;}

table.datatable th, table.datatable td {border: 1px solid #ccc; border-width: 1px;}


.tx-newloginbox-pi1 thead th, .tx-newloginbox-pi1 th {background:none; padding:0; color:#222;}
.tx-newloginbox-pi1 input {margin:0;}

.csc-textpicHeader h3 {margin:0em 0 0.3em 0; padding-top:0;}

/*
input, textarea {margin-left:1em; padding:2px; width:auto; font-size: 1em;}
input[type=text]:focus, textarea:focus {background:#f0f0f0; color:#333; border-color:#666;}
*/
img {border:0;
}
p.csc-linkToTop {text-align:right; margin:0;}
p.csc-form-label-req {font-weight:bold;}
.csc-caption {font-size:0.9em; background-color:#E0E7F5; padding:2px;}
dd.csc-textpic-caption {
  padding: 0;
  border-bottom: 0px solid #ccc;
  background-color: #fff;
  color: #777;
  font-size: 0.85em;
  font-style: normal;
  }

/* #############################
** ### felogin #################
** #############################
*/
.tx-felogin-pi1 {margin: 0 1em 1em;}
#col3 .tx-felogin-pi1 h3 {margin: 0.77em 0em 0.77em; border-bottom: 2px solid #e60005; padding: 0 0.8em; font-size: 1.3em; background-color: transparent}
#col3 .tx-felogin-pi1 fieldset {margin:1em 0 0 0; background:#fdeded; padding:1em;}
.tx-felogin-pi1 fieldset legend {display:none;}
.tx-felogin-pi1 fieldset div {clear:both; margin:0 0 0.5em 0;}
.tx-felogin-pi1 fieldset div label {width:10em; display:block; float:left;}
.tx-felogin-pi1 fieldset div input {width:14em; margin:0;}
.tx-felogin-pi1 fieldset div input[type=submit] {width: auto; padding: 0.15em 1em; float: right;}

/* +++++++++++++++++++++++++++++ *
 * +++++     tt_news       +++++ *
 * +++++++++++++++++++++++++++++ */

.tx-ttnews-browsebox {
  margin: 1.2em 0 1em;
  border: 1px solid #ccc;
  border-width: 1px 0 1px;
  padding: 0.25em 0;
  background: transparent;
  text-align: right;
  float:right;
  width:100%;
  }
.tx-ttnews-browsebox a {
  padding: 0 0.25em;
  text-decoration: none;
  }
.tx-ttnews-browsebox a:focus,
.tx-ttnews-browsebox a:hover,
.tx-ttnews-browsebox a:active {
  text-decoration: underline;
  }
.tx-ttnews-browsebox strong {
  margin: 0;
  padding: 0 0.25em;
  color: #666;
  }

/* +++ Ansicht News-LATEST +++ */

.news-latest-container, .news-list-container {
  margin: 0 1em 0 1em;
  }
#col3 .subcolumns .news-latest-container h3,
#col3 .subcolumns .news-latest-container p {
  margin:0;
  }
.news-latest-item {margin:0 0 1em 0em;}
#col3 .news-latest-item p {margin: 0 0 0 6em;}
#col3 .news-latest-item h3 {margin: 0 0 0 0em; padding:0; margin-bottom:0; line-height: 1.5em;}
#col3 .subcolumns .news-latest-item h3 {}
.news-latest-item h3 a {text-decoration:underline;}
.news-latest-item img {padding-right:1em; padding-top:0.5em; float:left;}
.news-latest-item {margin: 1em 0 0.5em;}
.news-latest-item img {display: none;}
.news-latest-morelink {
  padding:0;
  border:none;
  background:transparent;
  text-align:right;
  }
.news-latest-item .news-latest-date {
  width: 6em;
  padding-top: 0.1em;
  float: left;
  }
.subcolumns .news-latest-item .news-latest-date {
  float: none;
  }
.news-latest-item .news-latest-date a {
  text-decoration: none;
  color: #666;
  }
.news-latest-teasertext h2,
.news-latest-teasertext h3,
.news-latest-teasertext h4,
.news-latest-teasertext p {margin-top: 0 !important; font-weight: normal !important; font-size: 1em !important;}
.news-latest-teasertext ul,
.news-latest-teasertext ol,
#col3 .news-latest-teasertext li {margin: 0 !important; padding: 0 0.5em !important; font-weight: normal !important; display: inline !important; background: 0 none !important; }
.news-latest-category {display: none;}
.news-latest-gotoarchive {margin-bottom: 1em;}

/* Abweichungen Startseite */
  #page.homepage .news-latest-container,
  #page.homepage .news-list-container {
    margin-top: 0em;
    /*padding: 0.5em 1em 1em 0em;*/
    }
  #page.homepage #col3 .news-latest-container p {
    margin: 0em; display: inline;
    }
  #page.homepage .news-latest-date {margin-left: 0; float: none; width: auto;}

  #page.homepage #col3 .news-list-item P {margin: 0;}
/* +++ Ansicht News-LIST +++ */

.news-list-item {margin: 0 0 1em 0em; float:left; width: 100%;}
#col3 .news-list-teasertext * {font-size:1em;font-weight:normal;color:#000;margin: 0 0 0 4em;padding-top:0;}
#col3 .news-list-item P {margin: 0;}
#col3 .news-list-item H3 {margin: 0;}
#col3 .news-list-item H3 { font-size:1.2em; background: #999; padding:0.6em 0.1em 0.5em 0.6em; }
.news-list-item h3 a {display:block; color: #fff; text-decoration: none; margin:0em;  padding:0; }
.news-list-item h3 a:hover {text-decoration:underline;}
.news-list-item img {padding-right: 1em; padding-top: 0.5em; float: left;}
.news-list-item h3 span.news-list-date {
  margin-left: 0em;
  color:#999;
  font-weight:normal;
  font-size:1em;
  }
.news-list-item h3 span.news-list-time {
  color:#999;
  font-weight:normal;
  font-size:1em;
  }
.news-list-box {}  
.news-list-morelink {
  padding: 0;
  border: 0 none;
  background-color: transparent;
  text-align: right;
  }
.news-list-morelink a {color:#669;}
.news-list-morelink a:hover {background:transparent;}
.news-list-category {color:#aaa;}
.news-list-link {text-align:right;}
.news-list-clear {clear: both;}

/* +++Ansicht News-SINGLE +++ */

#col3 .news-single-item H2 { font-size:1em; margin:0 1em 0.7em;}

.news-single-item h3 {
  margin: 1em 0;
  border: 1px solid #ccc;
  border-width: 0px 0 1px;
  padding: 0.25em 0 0.5em;
  background: transparent;
  }
.news-single-img {float:left;margin: 0em 0em 1em 1em; padding-right: 2em; background-color: #fff;}
.news-single-img p {padding:0; margin:0;}
#col3 .news-single-imgcaption {width: 16em; color:#777777;font-size:0.85em;margin:0em 0em 1em 0em;}
.news-single-timedata {color:#aaa; margin-bottom:1em;margin-left:1em;}
.news-single-backlink {margin-left:1em;}
.news-single-additional-info {}
.news-single-additional-info dd {margin-top:-1em;}
.news-single-additional-info dt {margin-bottom:1.4em; color:#aaa;}

/* CATEGORY Menu (Nicht in Verwendung) */
.news-catmenu {font-size:0.8em; margin-top:2em; padding:1em; background:#eee; border:1px dotted black;}
.news-catmenu a {display:inline; padding-left:2px;}
.news-catmenu a:hover {background:transparent; font-style:italic; font-weight:bold;}
.news-catmenu .news-catmenu-NO {height:16px;}
p.news-catmenu-header {line-height:1em; margin:0;}


/* +++ DRK-Suchbox +++ */

#searchform {
  padding: 0.5em 0.5em 0.5em 0; margin: 0;
  background-color: #fff;
  font-size: 0.9em;
  }
#searchform fieldset {
  background-color: #fff;
  margin: 0;
  padding: 0;
  }
#searchform label {
  position: absolute;
  top: -400px;
  left: -1000px;
  }
#searchform p {
  clear: both;
  margin: 0 0 1em !important;
  padding: 0.25em 0;
  font-size: 0.9em;
  }
#searchform fieldset {
  clear: both;
  }
#searchform input.sword {
  margin: 0 0.25em 0 0;
  padding: 0.25em 0.15em;
  float: left;
  width: 8em;
  }
#searchform input.submit {
  margin: 0;
  float: right;
  }

/* Aenderungen */
#col2_content_oben #searchform fieldset{
   padding:10px 10px 0 8px;
   margin:28px -5px 4px 0;
   border:solid 1px #ccc;
   border-right:none;
   border-bottom:none;
   }

#col2_content_oben #searchform fieldset p{
   padding:6px 0 0 4px!important;
   font-size:10px;
   }

#col2_content_oben #searchform fieldset input{
   border:solid 1px #ccc;
   width:8em;
   }

#col2_content_oben #searchform fieldset input#tx-indexedsearch-searchbox-button-submit{
   width:5em;
   background:#999;
   color:#fff;
   font-weight:bold;
   border:none;
   border-bottom:solid 1px #999;
   cursor:pointer;
   }

#col2_content_oben{
   margin-top:28px;
   }

#col2_content_oben #searchform fieldset{
   padding:10px 10px 0 8px;
   margin:0 -5px 4px 0;
   border:solid 1px #ccc;
   border-right:none;
   border-bottom:none;
   }


/* ##############################
** ### tx_indexedsearch #########
** ##############################
*/
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button {width:auto;}
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword {width:14em;}
.tx-indexedsearch .tx-indexedsearch-whatis P .tx-indexedsearch-sw {font-weight:bold; font-style:italic;}
.tx-indexedsearch .tx-indesxedsearch-whatis {color: #999; }
.tx-indexedsearch .tx-indesxedsearch-whatis .tx-indexedsearch-sw {color: #999; font-weight: normal;}
.tx-indexedsearch P.tx-indexedsearch-noresults {font-weight:bold;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title {background:#eeeeee;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P {font-weight:bold;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P.tx-indexedsearch-percent {font-weight:normal;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P {}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P .tx-indexedsearch-redMarkup {}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {background:#E0E7F5;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead {margin-top:20px; margin-bottom:5px;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 {color:#006699; margin-top:0px; margin-bottom:0px; background:transparent;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TABLE {background:#cccccc;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD {vertical-align:middle;}
.tx-indexedsearch .tx-indexedsearch-res .noResume {color :#666666;}
.csc-sword, .tx-indexedsearch-redMarkup {background:transparent; color:#e60005; font-weight:bold;}

/* ########################################################
** ### tx_indexedsearch with table-free template #########
** ########################################################
*/
.tx-indexedsearch {margin:0 1em;}
.tx-indexedsearch form {padding: 1em; background-color: #fdeded; border-top: 2px solid #e60005;}
.tx-indexedsearch .searchbox-tmpl-css form fieldset legend {display:none;}
.tx-indexedsearch form p {text-align: right; padding: 1em 0 0; font-size: 0.85em;}
.tx-indexedsearch .searchbox-tmpl-css form fieldset .tx-indexedsearch-form {margin:0 0 0.5em 0;}
.tx-indexedsearch .searchbox-tmpl-css form fieldset .tx-indexedsearch-form label {display:block; float:left; width:10em;}
.tx-indexedsearch .searchbox-tmpl-css form fieldset .tx-indexedsearch-form input {margin:0;}
.tx-indexedsearch .searchbox-tmpl-css form fieldset .tx-indexedsearch-search-for {margin:0 0 0.5em 0; clear:both;}
.tx-indexedsearch .searchbox-tmpl-css form fieldset .tx-indexedsearch-search-for label {display:block; float:left; width:10em;}
.tx-indexedsearch .searchbox-tmpl-css form fieldset .tx-indexedsearch-search-for select {margin:0;}
.tx-indexedsearch .searchbox-tmpl-css form fieldset .tx-indexedsearch-search-select-section {margin:0 0 0.5em 0; clear:both;}
.tx-indexedsearch .searchbox-tmpl-css form fieldset .tx-indexedsearch-search-select-section label {display:block; float:left; width:10em;}
.tx-indexedsearch .searchbox-tmpl-css form fieldset .tx-indexedsearch-search-select-section select {margin:0;}
.tx-indexedsearch .searchbox-tmpl-css form fieldset .tx-indexedsearch-search-select-results {margin:0 0 0.5em 0; clear:both;}
.tx-indexedsearch .searchbox-tmpl-css form fieldset .tx-indexedsearch-search-select-results label {display:block; float:left; width:10em;}
.tx-indexedsearch .searchbox-tmpl-css form fieldset .tx-indexedsearch-search-select-results select {margin:0;}
.tx-indexedsearch .searchbox-tmpl-css form fieldset .tx-indexedsearch-search-submit {display:block; text-align: right; margin: -1.5em 0 0;}
.tx-indexedsearch .searchbox-tmpl-css form fieldset .tx-indexedsearch-search-submit input {margin:0 0 0 0.5em; padding: 1px 1em;}
#col3 .tx-indexedsearch p {margin:0;}
#col3 .tx-indexedsearch .res-tmpl-css h3 {font-size:100%; clear:left; margin:1em 0 0; padding:0;}
.tx-indexedsearch .res-tmpl-css .tx-indexedsearch-result-number {display:none;}
.tx-indexedsearch .res-tmpl-css.tx-indexedsearch-res .tx-indexedsearch-title {background:transparent;}
.tx-indexedsearch .res-tmpl-css.tx-indexedsearch-res .percent-tmpl-css {color:#aaa;}
#col3 .tx-indexedsearch p.tx-indexedsearch-descr {font-size:0.9em; margin:0; padding:0;}
#col3 .tx-indexedsearch .res-tmpl-css dl.info-tmpl-css {display:block; background:transparent; color:#666; font-size:0.9em; font-weight:normal; margin:0 0 1em 0; padding:0;}
#col3 .tx-indexedsearch .res-tmpl-css dt {display:inline; padding:0; margin:0; font-weight:normal;}
#col3 .tx-indexedsearch .res-tmpl-css dd {display:inline; margin:0; padding: 0 1em 0 0;}
.tx-indexedsearch .descr {}
.tx-indexedsearch .res-tmpl-css .icon {}
#col3 .tx-indexedsearch-browsebox p {margin:1.2em 0 0;}
#col3 .tx-indexedsearch-browsebox ul.browsebox {list-style:none; display:block; margin: 0 0 1em; border: 1px solid #ccc; border-width: 1px 0 1px; padding: 0.25em 0; background: transparent; /*text-align: right;*/}
.tx-indexedsearch-browsebox ul.browsebox li {list-style-image:none; list-style-position:outside;list-style-type:none;display:inline;}
.tx-indexedsearch-browsebox a {padding: 0 0.25em; text-decoration: none;}
.tx-indexedsearch-browsebox a:focus, .tx-indexedsearch-browsebox a:hover, .tx-indexedsearch-browsebox a:active {text-decoration: underline;}
.tx-indexedsearch-browsebox strong {margin: 0; padding: 0 0.25em; color: #000;}

/* ##########################
** ### tx_dropdownsitemap ###
** ##########################
*/
.tx-dropdownsitemap-pi1 A {font-weight:bold;}
.tx-dropdownsitemap-pi1 li.open ol {display:block;}
.tx-dropdownsitemap-pi1 li.closed ol {display:none;}
.tx-dropdownsitemap-pi1 li.open ul {display:block;}
.tx-dropdownsitemap-pi1 li.closed ul {display:none;}
.tx-dropdownsitemap-pi1 div {border:solid 1px #ccd; background:#F0F0F4; padding:2px; margin-bottom:5px;}
.tx-dropdownsitemap-pi1 div.level_2 {background:#FFFFFF;}
.tx-dropdownsitemap-pi1 div.level_2 a {font-weight:normal;}
.tx-dropdownsitemap-pi1 div.level_3 {background:#F0F0F4;}
.tx-dropdownsitemap-pi1 div.level_4 {background:#FFFFFF;}
.tx-dropdownsitemap-pi1 div.level_5 {background:#F0F0F4;}
.tx-dropdownsitemap-pi1 div.expAll {text-align:center; border:solid 1px #ccd; background:#F0F0F4;}
.tx-dropdownsitemap-pi1 img {margin-right:0.5em;}
.tx-dropdownsitemap-pi1 a:hover {background:transparent;}

/* ##########################
** ### csc-sitemap        ###
** ##########################
*/
#col3 .csc-sitemap {margin: 0}
#col3 .csc-sitemap ul {list-style:none; font-size:1em; margin: 0 1em; padding: 0;}
#col3 .csc-sitemap li {list-style-image:none; list-style-position:outside; list-style-type:none; display:block; margin: 1em 0 0.5em;}
#col3 .csc-sitemap li ul li {padding: 0 0 0 2em; margin: 0.25em 0 0.25em;}
#col3 .csc-sitemap li ul li ul li {padding: 0 0 0 2em;}
#col3 .csc-sitemap li a {font-size:1.6em; text-decoration:none;}
#col3 .csc-sitemap li ul li a {font-size:1em; font-weight:bold; text-decoration:underline;}
#col3 .csc-sitemap li ul li ul li a {font-size:1em; font-weight:normal;}
#col3 .csc-sitemap a:visited {color: #777;}
#col3 .csc-sitemap a:focus, .csc-sitemap a:hover, .csc-sitemap a:active {color: #e60005;}

/* #############################
** ### Mail-Formular ###########
** #############################
*/
form#mailform {}
form#mailform fieldset {margin: 0 1em; border:0; padding:1em; background-color:#fdeded;}
form#mailform fieldset span.csc-mailform-radio fieldset {margin:1em 2em 1em 1em;}
form#mailform fieldset span.csc-mailform-radio fieldset input {width:auto; margin:0 0.3em 0 0; border:0;}
form#mailform fieldset span.csc-mailform-radio fieldset label {float:none;}
.csc-mailform-field {clear:both; margin-bottom:0.8em;}
fieldset.csc-mailform .csc-mailform-field label {width:10em; float:left; text-align:left; background:transparent; padding:0.25em;}
fieldset.csc-mailform .csc-mailform-field input {width:14em; font-size:1em;}
fieldset.csc-mailform .csc-mailform-field select {width:auto;}
fieldset.csc-mailform .csc-mailform-field input.csc-mailform-check {width:auto; border:0; margin-top:0.2em;}
fieldset.csc-mailform .csc-mailform-field textarea {width:32.4em; height:8em; padding: 0 0.25em; font-size:1.2em;}
fieldset.csc-mailform label span {color:#e60005;}
input#mailformformtype_mail {margin-left:0em; cursor:pointer; width:auto; padding:0.15em 1em; float:right;} /*submit-btn*/
input#mailformformtype_mail:hover {}
.csc-mailform-field select {margin:0em; border:auto; padding: 0.15em 0; background:#fff; color:inherit;}

/* #############################
** ### Datei-Links #############
** #############################
*/
table.csc-uploads {}
table.csc-uploads td {padding-right:0.5em; padding-top:0.25em; padding-bottom:0.25em; vertical-align:top; border-bottom:1px solid #ccc;}
td.csc-uploads-fileSize {width:5em; text-align:right; padding:0; font-style:italic;}
td.csc-uploads-icon {}
td.csc-uploads-fileName p {margin:0;}
td.csc-uploads-fileName p.csc-uploads-description {margin:0; font-size:90%; background-color:#dfd; padding:0.3em; font-style:italic;}

/* ################################
** ### FCE adjustable columns     #
** ################################
*/
div.flexi {overflow:hidden; display:block; clear:both; width:100%; height:1%;}
/*div.flexi div {display:block; overflow:hidden; float:left;}*/
div.flexi div.left {margin-right:5px;display:block; overflow:hidden; float:left;}
div.flexi div.center {margin-right:5px; margin-left:5px;display:block; overflow:hidden; float:left;}
div.flexi div.right {margin-left:5px;display:block; overflow:hidden; float:left;}
/* FCE adjustable columns End */

/* ###########################
** ### cssstyledcontent ######
** ###########################
*/
/* deleted in setup and copied to here, to make it easier to edit */
/* default styles for extension "tx_cssstyledcontent" */
/* Captions */
DIV.csc-textpic-caption-c .csc-textpic-caption {text-align:center;}
DIV.csc-textpic-caption-r .csc-textpic-caption {text-align:right;}
DIV.csc-textpic-caption-l .csc-textpic-caption {text-align:left;}
/* Needed for noRows setting */
DIV.csc-textpic DIV.csc-textpic-imagecolumn {float:left; display:inline;}
/* Border just around the image */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {border:1px solid #999; padding:0px 0px;}
DIV.csc-textpic-imagewrap {padding:0;}
DIV.csc-textpic IMG {border:none;}
/* DIV: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image {float:left;}
/* UL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap UL {list-style:none; margin:0; padding:0;}
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI {float:left; margin:0; padding:0;}
/* DL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {/*float:left;*/}
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT {float:none;}
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD {float:none;}
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG {border:none;} /* FE-Editing Icons */
DL.csc-textpic-image {margin:0 1em;}
DL.csc-textpic-image DT {margin:0; display:inline;}
DL.csc-textpic-image DD {margin: 0;}
/* Clearer */
DIV.csc-textpic-clear {clear:none;}
#col2 DIV.csc-textpic-clear {clear:left;}
/* Margins around images: */
/* Pictures on left, add margin on right */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
        /*display:inline;*/ /* IE fix for double-margin bug */
        margin-right:1em;
}
/* Pictures on right, add margin on left */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
        /*ddisplay:inline;*/ /* IE fix for double-margin bug */
        margin-left:1em;
}
/* Pictures centered, add margin on left */
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
        /*ddisplay:inline;*/ /* IE fix for double-margin bug */
        margin-left:1em;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {margin:0;}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG {margin:0;}
/* Space below each image (also in-between rows) */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {margin-bottom:0.5em;}
DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow {margin-bottom:0.5em; display:block;}
DIV.csc-textpic DIV.csc-textpic-imagerow {clear: both;}
/* No margins around the whole image-block */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol {margin-left:1em !important;}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol {margin-right:1em !important;}
/* Add margin from image-block to text (in case of "Text w/ images") */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
        margin-right:1em !important;
}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
        margin-left:1em !important;
}
/* Positioning of images: */
/* Above */
DIV.csc-textpic-above DIV.csc-textpic-text {	:both;}
/* Center (above or below) */
DIV.csc-textpic-center {text-align:center; /* IE-hack */}
DIV.csc-textpic-center DIV.csc-textpic-imagewrap {margin:0 auto;}
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-firstcol {margin-left:0 !important;}
DIV.csc-textpic-center DIV.csc-textpic-imagewrap dl {margin:0 0 1em !important; width: 100%;}
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {text-align:left; /* Remove IE-hack */}
DIV.csc-textpic-center DIV.csc-textpic-text {text-align:left; /* Remove IE-hack */}
/* Right (above or below) */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap {float:right;}
DIV.csc-textpic-right DIV.csc-textpic-text {clear:right;}
/* Left (above or below) */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap {float:left;}
DIV.csc-textpic-left DIV.csc-textpic-text {clear:left;}
/* Left (in text) */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap {float:left;}
/* Right (in text) */
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap {float:right;}
/* Right (in text, no wrap around) */
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {float:right; clear:both;}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text {height:1%;}
/* End hide from IE5/mac */
/* Left (in text, no wrap around) */
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {float:left; clear:both;}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text {height:1%;}
/* End hide from IE5/mac */
}

/* Adjusting h2 position left or right of pics */
#col3 .csc-textpic-intext-left-nowrap .csc-textpicHeader h2,
#col3 .csc-textpic-intext-right-nowrap .csc-textpicHeader h2 {padding-top: 0em;}


/* +++++++++++++++++++++++++++++++++
** +++ Typo3-Frontend-Editing ++++++
** +++++++++++++++++++++++++++++++++
*/
table.typo3-editPanel {border: 0 none;}
table.typo3-editPanel td {background-color: transparent; border: 0 none; padding: 0;}
table.typo3-editPanel img {margin: 0 0.5em 0 0;}
td.typo3-editPanel-label {padding: 0.25em 0 0;}
td.typo3-editPanel-label font {color: #777; font-family: "Courier New", Courier, monospace;}



/* +++ FILE LINKS +++ */
/* ueberschreibt Styles der Extension "tx_cssfilelist" */
        .filelinks div{padding-left:25px; background:url('/typo3/gfx/fileicons/default.gif') left top no-repeat; margin-bottom:10px;}
        .filelinks span{display:block;}
        .filelinks .filecount{display:block; margin-bottom:5px;}
        .filelinks a{color:#000;text-decoration:none; }
        /* Icons begin */
        .filelinks .ai{background-image:url('../../img/icons/ai.gif')!important;}
        .filelinks .avi{background-image:url('../../img/icons/avi.gif')!important;}
        .filelinks .bmp{background-image:url('../../img/icons/bmp.gif')!important;}
        .filelinks .csv{background-image:url('../../img/icons/csv.gif')!important;}
        .filelinks .doc{background-image:url('../../img/icons/doc.gif')!important;}
        .filelinks .dot{background-image:url('../../img/icons/doc.gif')!important;}
        .filelinks .eps{background-image:url('../../img/icons/eps.gif')!important;}
        .filelinks .fh8{background-image:url('../../img/icons/fh.gif')!important;}
        .filelinks .fh9{background-image:url('../../img/icons/fh.gif')!important;}
        .filelinks .fh10{background-image:url('../../img/icons/fh.gif')!important;}
        .filelinks .fh11{background-image:url('../../img/icons/fh.gif')!important;}
        .filelinks .gif{background-image:url('../../img/icons/gif.gif')!important;}
        .filelinks .jpg{background-image:url('../../img/icons/jpg.gif')!important;}
        .filelinks .pdf{background-image:url('../../img/icons/pdf.gif')!important;}
        .filelinks .png{background-image:url('../../img/icons/png.gif')!important;}
        .filelinks .rtf{background-image:url('../../img/icons/rtf.gif')!important;}
        .filelinks .tif{background-image:url('../../img/icons/tif.gif')!important;}
        .filelinks .txt{background-image:url('../../img/icons/txt.gif')!important;}
        .filelinks .xls{background-image:url('../../img/icons/xls.gif')!important;}
        .filelinks .zip{background-image:url('../../img/icons/zip.gif')!important;}
        /* Icons end */
.filelinks span {display: inline;}
.filelinks span {line-height: 1.5em;}
.filelinks .fsize {color: #666;}
.filelinks a {color: #015bca; text-decoration: underline;}
.filelinks a:focus,
.filelinks a:hover,
.filelinks a:active {color: #e60005; text-decoration: none;}
.filelinks abbr {border: 0 none; text-decoration: none;}

/* ##########################
** ### font_resizer #########
** ##########################
*/
#drkfontresizer{
   border:solid 1px #ccc;
   border-right:none;
   border-bottom:none;
   color:#999;
   overflow:hidden;
   width:13.1em!important;
   padding-left:8px!important;
   margin-bottom:8px;
   position:absolute;
   }

#drkfontresizer a{
   color:#999;
   }

#drkfontresizer a.drkrsslink{
   float:right;
   margin:2px 8px;
   }

/* ###########################
** ### rgmediaimages #########
** ###########################
*/   
.rgmediaimages-media { margin:0 1em;  }