@charset "UTF-8";

/**
 * Skinng styles
 * @project orgaplus Homepage
 * @version 1.0
 * @author Udo Rau <rau@orgaplus.de>
 * @copyright orgaplus Software GmbH
 *
 * @colordef #F4F4F4 Hellgrau (Hintergrund)
 * @colordef #111 Quasi-Schwarz (Text)
 * @colordef #FAFAFA Quasi-Weiß (Box-Hintergründe)
 * @colordef #FFF Weiß (Box-Border)
 * @colordef #BF2811 Rot (Standard-Rot von Logo etc)
 * @colordef #001 Blauschwarz (Links)
 * @colordef #1E5A9E Dunkelblau (Link-Unterstreichungen, Link-Hover etc)
 * @colordef #0A4991 Tiefes Dunkelblau (Button-Hover)
 * @colordef #F00 Knallrot (Aktive Links)
 * @colordef #E3E3E3 Leichtes Grau (Borders, Trenner in Linklisten)
 * @colordef #DDD Grau (Tabellenrahmen)
 * @colordef #F0F4FA Hellblau (Hervorhebungen)
 * @colordef #F2F2B8 Gelb (Zusatz-Hintergründe)
 * @colordef #A00 Dunkelrot (Fehlermeldungen)
 *
 */



/**
 * Basics
 * @section basics
 */
body { background-color: #FFFFFF; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align:left; }

strong, b             { font-weight: bold; }
em, i                 { font-style: italic; }
q em, blockquote p em { font-style:normal; }
del, strike           { text-decoration:line-through; }
a                     { text-decoration:none; padding:1px 0; }
div.imagelink a, a.imagelink { border:none !important; }
a.important                  { font-weight:bold; border-width:2px; }
a.important:before           { content:'» '; border-bottom:4px solid #FAFAFA; }

h2 a:visited { color:#FFFFFF; }
h2 a:link    { color:#FFFFFF; }
h2 a:active  { color:#FFFFFF; }


/**
 * Links
 * @section links
 */

a img     { border:none; }
a         { color: blue;   background-color: transparent; text-decoration: underline;}
a:link    { color:blue; font-weight:900; text-decoration:none; }
a:visited { color:#808080; font-weight:500; text-decoration:none; }
a:hover   { color:blue; font-weight:900; text-decoration: underline; }
a:active  { color:blue; font-weight:900; text-decoration: underline; }
a:focus   { color:blue; font-weight:900; text-decoration: underline;}

/*
a:visited { color: blue;    background-color: transparent;  text-decoration: underline;}
a:hover {   color: blue;    background-color: transparent;  text-decoration: underline;}
a:active {  color: blue;    background-color: transparent;  text-decoration: underline;}
a:focus {   color: blue;    background-color: transparent;  text-decoration: blink;}
*/
.internal-link a         {  color: blue;    background-color: transparent;  text-decoration: underline;}
.internal-link a:visited {  color: blue;    background-color: transparent;  text-decoration: underline;}
.internal-link a:hover {    color: blue;    background-color: transparent;  text-decoration: underline;}
.internal-link a:active {   color: blue;    background-color: transparent;  text-decoration: underline;}
.internal-link a:focus {    color: blue;    background-color: transparent;  text-decoration: blink;}

#brotkrumennavi a:link    { color:#808080; font-weight:500; text-decoration:none; }
#brotkrumennavi a:visited { color:#808080; font-weight:500; text-decoration:none; }
#brotkrumennavi a:hover   { color:#0000FF; font-weight:500; text-decoration: underline; }
#brotkrumennavi a:active  { color:#0000FF; font-weight:500; text-decoration: underline; }
#brotkrumennavi a:focus   { color:#808080; font-weight:500; text-decoration: underline;}





/**
 * Layout
 * @subsection layout
 */
#mainWrap { background-color: #FFFFFF; }

/* [START] Der logoWrap enthält jetzt die komplette obere Zeile */
#logoWrap              { text-align: center; background-color: #FFFFFF; }
#logoWrap_imgContainer { background-color: #FFFFFF; }
#description           { text-align: left;  font-size: 1.5em; font-weight: 900; background-color: #FFFFFF; }
#metaWrap              { text-align: right; font-size: 0.7em; font-weight: 900; background-color: #FFFFFF; }
/* Meta-Nav-Links */
ul#meta                     { text-align: right; border: 0; list-style-type: none; }
ul#meta li                  { border: 0px solid; }
ul#meta li.metaMiddle       { border-left: 0px solid; }
ul#meta li.metaLast         { border-left: 0px solid; }
ul#meta a                   { color: blue;    background-color: #FFFFFF; text-decoration: none; }
ul#meta a:visited           { color: blue;    background-color: #FFFFFF; text-decoration: none; }
ul#meta a:hover             { color: #FFFFFF; background-color: blue;    text-decoration: underline; }
ul#meta a:active            { color: #FFFFFF; background-color: blue;    text-decoration: underline; }
ul#meta a:focus             { color: #FFFFFF; background-color: blue;    text-decoration: blink; }
ul#meta li.active a         { color: #FFFFFF; background-color: blue;    text-decoration: none; }
ul#meta li.active a:visited { color: #FFFFFF; background-color: blue;    text-decoration: none; }
ul#meta li.active a:hover   { color: blue;    background-color: #FFFFFF; text-decoration: underline; }
ul#meta li.active a:active  { color: blue;    background-color: #FFFFFF; text-decoration: underline; }
ul#meta li.active a:focus   { color: blue;    background-color: #FFFFFF; text-decoration: blink; }

#brotkrumennavi { text-align: left;  font-size: 1em; font-weight: 500; background-color: #FFFFFF; vertical-align: bottom; color: #AAAAAA; }
#bannerWrap     { text-align: center; }

#mainNavWrap { background-color:#E8F0FF; font-size: 1.2em;
               -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;
               -webkit-box-shadow: 5px 5px 5px silver; box-shadow: 5px 5px 5px silver; }
#main1NavWrap { text-align: left; display: block; }

#mainContent { min-height:25em; }

#contentRight { font-size:0.8em; vertical-align: top; background-color: #E8F0FF;
                -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;
                -webkit-box-shadow: 5px 5px 5px silver; box-shadow: 5px 5px 5px silver; }

#headerWrap { font-size: 1.5em; font-weight: 900; }

#footerWrap { font-size: 0.75em; text-align: center; color: #AAAAAA; background-color: #E8F0FF;
              -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;
              -webkit-box-shadow: 5px 5px 5px silver; box-shadow: 5px 5px 5px silver;}





/**
 * Klassendefs für Links der Hauptnavi
 * @section mainNav
 */

/* Menüs erster Hierarchie */
.m1, .m1b, .m1c       { font-size: 1em; color: #000000; vertical-align: middle;}
.m1 a, .m1b a, .m1c a { color: #000000; font-weight: 900; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }

 /* active */
.m1b   { background-color: #EEEEEE; }

/* over */
.m1c   { background-color: #DDDDDD; }

/* Menüs zweiter Hierarchie */
.m2, .m2b, .m2c       { font-size: 0.7em; color: #808080; vertical-align: middle;}
.m2 a, .m2b a, .m2c a { color: #808080; font-weight: 900; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }

 /* active */
.m2b   { background-color: #EEEEEE; }

/* over */
.m2c   { background-color: #DDDDDD; }
.m2c a { text-decoration: underline; }


/* Menüs dritter Hierarchie */
.m3, .m3b, .m3c       { font-size: 0.6em; color: #808080; vertical-align: middle;}
.m3 a, .m3b a, .m3c a { color: #808080; font-weight: 900; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
.m3 a  { font-weight: 500; }

 /* active */
.m3b   { background-color: #EEEEEE; }

/* over */
.m3c   { background-color: #DDDDDD; }
.m3c a { text-decoration: underline; }


/* Menüs vierter Hierarchie */
.m4, .m4b, .m4c       { font-size: 0.6em; color: #808080; vertical-align: middle;}
.m4 a, .m4b a, .m4c a { color: #808080; font-weight: 900; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
.m4 a  { font-weight: 500; }

 /* active */
.m4b   { background-color: #EEEEEE; }

/* over */
.m4c   { background-color: #DDDDDD; }
.m4c a { text-decoration: underline; }


/* Menüs fünfte Hierarchie */
.m5, .m5b, .m5c       { font-size: 0.6em; color: #808080; vertical-align: middle;}
.m5 a, .m5b a, .m5c a { color: #808080; font-weight: 900; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
.m5 a  { font-weight: 500; }

 /* active */
.m5b   { background-color: #EEEEEE; }

/* over */
.m5c   { background-color: #DDDDDD; }
.m5c a { text-decoration: underline; }



/**
 * Typo3-spezifische Layouts
 * @section Typo3-layouts
 */
.layout-1 IMG { background-color: silver; }


/**
 * FCE-Elemente
 * @section fce
 */

/* Für das FCE, dass dynamisch den Besucher begrüßt. */
.fceContentWrap_welcome { font-size: 1.5em; font-weight:900; padding-left: 0.3em;}



/* Für die 2-spaltigen FCEs */
/* layout-0 ist für die weiterführenden Links */
.layout-0 .fceLeftWrap  { font-size: 0.85em; text-align: center; vertical-align: middle; }
.layout-0 .fceRightWrap { font-size: 0.85em; text-align: center; vertical-align: middle; }
/* layout-1 ist bspw. für orgaplus-Listen */
.layout-1 .fceLeftWrap  { font-size: 1em; text-align:left; vertical-align:top; }
.layout-1 .fceRightWrap { font-size: 1em; text-align:left; vertical-align:top; }
.layout-1 .fceLeftWrap IMG  { background-color: transparent; }
.layout-1 .fceRightWrap IMG { background-color: transparent; }
/* layout-2 ist bspw. für normalen zweispaltigen Text mit grauem Hintergrund */
.layout-2 .fceLeftWrap  { font-size: 1em; text-align:left; vertical-align:top; background-color: #F4F4F4; }
.layout-2 .fceRightWrap { font-size: 1em; text-align:left; vertical-align:top; background-color: #F4F4F4; }
.layout-2 .fceLeftWrap IMG  { background-color: transparent; }
.layout-2 .fceRightWrap IMG { background-color: transparent; }

/* Für die 3-spaltigen FCEs */
.fceLeftWrap3   { font-size: 0.85em; text-align: center; vertical-align: middle; }
.fceMiddleWrap3 { font-size: 0.85em; text-align: center; vertical-align: middle; }
.fceRightWrap3  { font-size: 0.85em; text-align: center; vertical-align: middle; }
/* layout-0 ist für die weiterführenden Links */
.layout-0 .fceLeftWrap3   { font-size: 0.85em; text-align: center; vertical-align: middle; }
.layout-0 .fceMiddleWrap3 { font-size: 0.85em; text-align: center; vertical-align: middle; }
.layout-0 .fceRightWrap3  { font-size: 0.85em; text-align: center; vertical-align: middle; }
/* layout-1 ist bspw. für orgaplus-Listen */
.layout-1 .fceLeftWrap3    { font-size: 1em; text-align:left; vertical-align:top; }
.layout-1 .fceMiddleWrap3  { font-size: 1em; text-align:left; vertical-align:top; }
.layout-1 .fceRightWrap3   { font-size: 1em; text-align:left; vertical-align:top; }
.layout-1 .fceLeftWrap3 IMG    { background-color: transparent; }
.layout-1 .fceMiddleWrap3 IMG  { background-color: transparent; }
.layout-1 .fceRightWrap3 IMG   { background-color: transparent; }

/* Für die 4-spaltigen FCEs */
.fceLeftWrap4     { font-size: 0.85em; text-align: center; vertical-align: middle; }
.fceMiddleWrap1_4 { font-size: 0.85em; text-align: center; vertical-align: middle; }
.fceMiddleWrap2_4 { font-size: 0.85em; text-align: center; vertical-align: middle; }
.fceRightWrap4    { font-size: 0.85em; text-align: center; vertical-align: middle; }
/* layout-0 ist für die weiterführenden Links */
.layout-0 .fceLeftWrap4     { font-size: 0.85em; text-align: center; vertical-align: middle; }
.layout-0 .fceMiddleWrap1_4 { font-size: 0.85em; text-align: center; vertical-align: middle; }
.layout-0 .fceMiddleWrap2_4 { font-size: 0.85em; text-align: center; vertical-align: middle; }
.layout-0 .fceRightWrap4    { font-size: 0.85em; text-align: center; vertical-align: middle; }
/* layout-1 ist bspw. für orgaplus-Listen */
.layout-1 .fceLeftWrap4      { font-size: 1em; text-align:left; vertical-align:top; }
.layout-1 .fceMiddleWrap1_4  { font-size: 1em; text-align:left; vertical-align:top; }
.layout-1 .fceMiddleWrap2_4  { font-size: 1em; text-align:left; vertical-align:top; }
.layout-1 .fceRightWrap4     { font-size: 1em; text-align:left; vertical-align:top; }
.layout-1 .fceLeftWrap4 IMG     { background-color: transparent; }
.layout-1 .fceMiddleWrap1_4 IMG { background-color: transparent; }
.layout-1 .fceMiddleWrap2_4 IMG { background-color: transparent; }
.layout-1 .fceRightWrap4 IMG    { background-color: transparent; }

/* Für die 5-spaltigen FCEs */
.fceLeftWrap5     { font-size: 0.85em; text-align: center; vertical-align: middle; }
.fceMiddleWrap1_5 { font-size: 0.85em; text-align: center; vertical-align: middle; }
.fceMiddleWrap2_5 { font-size: 0.85em; text-align: center; vertical-align: middle; }
.fceMiddleWrap3_5 { font-size: 0.85em; text-align: center; vertical-align: middle; }
.fceRightWrap5    { font-size: 0.85em; text-align: center; vertical-align: middle; }
/* layout-0 ist für die weiterführenden Links */
.layout-0 .fceLeftWrap5     { font-size: 0.85em; text-align: center; vertical-align: middle; }
.layout-0 .fceMiddleWrap1_5 { font-size: 0.85em; text-align: center; vertical-align: middle; }
.layout-0 .fceMiddleWrap2_5 { font-size: 0.85em; text-align: center; vertical-align: middle; }
.layout-0 .fceMiddleWrap3_5 { font-size: 0.85em; text-align: center; vertical-align: middle; }
.layout-0 .fceRightWrap5    { font-size: 0.85em; text-align: center; vertical-align: middle; }

.layout-0 .fceLeftWrap5 DIV.csc-textpic-text     { text-align: center; }
.layout-0 .fceMiddleWrap1_5 DIV.csc-textpic-text { text-align: center; }
.layout-0 .fceMiddleWrap2_5 DIV.csc-textpic-text { text-align: center; }
.layout-0 .fceMiddleWrap3_5 DIV.csc-textpic-text { text-align: center; }
.layout-0 .fceRightWrap5 DIV.csc-textpic-text    { text-align: center; }

/* layout-1 ist bspw. für orgaplus-Listen */
.layout-1 .fceLeftWrap5      { font-size: 1em; text-align:left; vertical-align:top; }
.layout-1 .fceMiddleWrap1_5  { font-size: 1em; text-align:left; vertical-align:top; }
.layout-1 .fceMiddleWrap2_5  { font-size: 1em; text-align:left; vertical-align:top; }
.layout-1 .fceMiddleWrap3_5  { font-size: 1em; text-align:left; vertical-align:top; }
.layout-1 .fceRightWrap5     { font-size: 1em; text-align:left; vertical-align:top; }
.layout-1 .fceLeftWrap5 IMG     { background-color: transparent; }
.layout-1 .fceMiddleWrap1_5 IMG { background-color: transparent; }
.layout-1 .fceMiddleWrap2_5 IMG { background-color: transparent; }
.layout-1 .fceMiddleWrap3_5 IMG { background-color: transparent; }
.layout-1 .fceRightWrap5 IMG    { background-color: transparent; }



/**
 * Sonstiges (noch unsortiert)
 */
/***********************************/
/***********************************/
#imagemap_map_1 { text-align:center; }

.tx-cwtpresscenter-pi1 td { font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif; }
.tx-cwtpresscenter-pi2 td { font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif; }


/*******************************/
h1{ font-size: 1.5em; }
h2{ font-size: 1.3em; }
h3{ font-size: 1.1em; }
h4{ font-size: 1.0em; }

.csc-default h1 { font-weight: 500;}

.csc-header    { font-size:1em; font-weight:900; }
.csc-header h1 { font-size: 1.5em; text-align: left; }

/* erste Überschrift */
.csc-header-n1{ font-size:1em;  font-weight:900; text-align: left; }

#contentRight .csc-header    h1 { font-size:1.0em; font-weight:900; text-align: center; }
#contentRight .csc-header-n1 h1 { font-size:1.2em; font-weight:900; text-align: center; }
#contentRight .csc-header-n2 h1 { font-size:1.2em; font-weight:900; text-align: left; background-color: #cccccc; }

/* Dateilinks */
.csc-uploads-1 { margin-left: auto; margin-right: auto; }
.csc-uploads-1 p { margin: 0; padding: 0; }

/* Kontaktformular */
#mailform { width: 50%; margin-left: auto; margin-right: auto; }
.csc-mailform-field label { vertical-align: top; }
.csc-mailform-field input { display: block; padding-bottom: 0.5em; }
.csc-mailform-field textarea { display: block; padding-bottom: 0.5em; }
#mailformKontakt { display: inline; padding-bottom: 0.5em; }
#mailformMarkenauswahl { display: block; padding-bottom: 0.5em; margin: auto auto; }
#mailformformtype_mail { padding: 0.2em; margin: 0.5em auto; }

/* allgemeine Bilderpositionierung */
.csc-textpic-imagerow { text-align: center; }

/*************/
.csc-textpic-imagewrap { margin: 0px auto; }
.csc-linkToTop { text-align: right; }
.mailimg { vertical-align: bottom; }


/***************************/
/* Dateilinkformatierungen */
/***************************/

/* allgemein */

.tx-filelinks-pi1 table{ width:100%; }
.tx-filelinks-pi1 th{ font-size:1em; text-align:left;}
.tx-filelinks-pi1 td{ font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif; padding:5px; vertical-align:middle; text-align:left; }
.tx-filelinks-pi1 .lastTD{ width:10%; text-align:right; }
.tx-filelinks-pi1 .filelink { margin-bottom: 15px; overflow: auto; }
.tx-filelinks-pi1 img { float: none; }
.tx-filelinks-pi1 .filelink-icon .text { margin-left: 21px; }
.tx-filelinks-pi1 .filelink-image .text { /* php geht hier nicht, siehe styles.css // margin-left: <?php echo $imageWidth + 10 ?>px; */ }
.tx-filelinks-pi1 .textlink { font-weight: bold; }
.tx-filelinks-pi1 .description { display: block; }
.tx-filelinks-pi1 .imagelink { text-align:center; width:5%; }
.tx-filelinks-pi1 .fileinfo { white-space:nowrap; font-size:0.8em; }

/*Layout Normal --> normale Downloadlisten */
.layout-0 {}

/*Layout 1 --> Downloadliste für blaue Hintergründe (Infobox rechts) */

.tx-filelinks-pi1.layout-1 { margin: 0; padding: 0; background-color: #E8F0FF; }
.tx-filelinks-pi1.layout-1 .even { background-color: #E8F0FF; }
.tx-filelinks-pi1.layout-1 .odd  { background-color: #E8F0FF; }
.tx-filelinks-pi1.layout-1 IMG   { background-color: #E8F0FF; padding: 0; margin: 0px; }

.tx-filelinks-pi1.layout-1 a:link    { color:#808080; font-weight:900; text-decoration:none; }
.tx-filelinks-pi1.layout-1 a:visited { color:#808080; font-weight:900; text-decoration:none; }
.tx-filelinks-pi1.layout-1 a:hover   { color:#0000FF; font-weight:900; text-decoration: underline; }
.tx-filelinks-pi1.layout-1 a:active  { color:#0000FF; font-weight:900; text-decoration: underline; }
.tx-filelinks-pi1.layout-1 a:focus   { color:#808080; font-weight:900; text-decoration: underline;}




/*Layout 2*/
.tx-filelinks-pi1.layout-2 table{ width:auto; margin:auto; }

/*Layout 3*/
.tx-filelinks-pi1.layout-3 table{ width:auto; margin:auto; }
.tx-filelinks-pi1.layout-3 .imagelink { text-align:left; }


.filecount{}
.pdf{}
.doc{}
.first table{}
 /* #F4F4F4; */
/* .odd { background-color: #E8F0FF; } */
.odd { background-color: #F4F4F4; }

.even{ background-color:#ffffff; }


/********************************/
/* ENDE Dateilinkformatierungen */
/********************************/

/* Partner-->Kunden */
#tx_mwimagemap_img_575 { border : none; display: block; margin : 5px auto 5px auto; }



/**************************/
/* Tabellenformatierungen */
/**************************/
.contenttable {}

.tr-0   { text-align:center; font-weight:900; }
.tr-odd { font-size:1em; padding:10px; border-style:solid; border-top-width   :0px; border-left-width  :0px; border-right-width :0px; border-bottom-width:0px; background-color:#FFFFFF; }
.tr-even{ font-size:1em; padding:10px; border-style:solid; border-width:0px; background-color: #F4F4F4; }

.td-0   { padding-bottom:10px; padding-top:10px; }
.td-1   { padding-bottom:10px; padding-top:10px; }
.td-2   { padding-bottom:10px; padding-top:10px; }
.td-3   { padding-bottom:10px; padding-top:10px; }
.td-4   { padding-bottom:10px; padding-top:10px; }
.td-last{ padding-bottom:10px; padding-top:10px; width:50%; }

.tabelleMerkmale td {font-size: 0.8em; border-style:solid; border-width:0px; text-align:left; vertical-align:top; background-color:#F4F4F4; font-weight: 900; }

.keinTabellenKopf    { vertical-align:top; text-align:left; font-weight:500; }
.keinTabellenKopf tr { vertical-align:top; text-align:left; font-weight:500; }
.blankeTabelle       { width:100%; vertical-align:middle; text-align:center;font-weight:500; background-color:#FFFFFF; }
.blankeTabelle td    { background-color:#FFFFFF; }
.blankeTabelleLinksb { width:100%; vertical-align:middle; text-align:left; font-weight:500; background-color:#FFFFFF; }
.blankeTabelleLinksb td { vertical-align:middle; text-align:left; font-weight:500; background-color:#FFFFFF; }
.dreiSpaltenLinkTabelle {width:100%; vertical-align:middle; text-align:center; }
.dreiSpaltenLinkTabelle td { width:33%; background-color:#FFFFFF; font-weight:500; }
.logoTabelleMitTextRechtsUnten { white-space:nowrap; }
.logoTabelleMitTextRechtsUnten td { background-color:#FFFFFF; width:10px; padding:5px; vertical-align:bottom; text-align:left; }
.zentriert { text-align:center; }
.links { text-align:left; }

/*******************************/
/* Ende Tabellenformatierungen */
/*******************************/

/* @media only screen and (min-device-width: ???px) and (max-device-width: 940px) { */
@media only screen and (max-device-width: 1100px) {
    /* Hier der CSS Code für Smartphones wie z.B. iPhone, Android, WebOS, Windows Phone 7 Geräte o.Ä. */

  body      { font-size:18px; }
  #metaWrap { text-align: left; }
  #boxWrap  { font-size: 2em; }

}


/* Alles als Label definierte soll auch als solches erkennbar sein, also wird der Mauszeiger dort geaendert. */
label { cursor: pointer; }

/* Saemtliche Texte nach Radio-Buttons mittig ausrichten (sieht sonst doof aus :o) */
input[type=radio] { vertical-align: text-bottom; }

/**
 * aktive Eingabefelder hervorheben
 */
input,textarea                                   { background: #FFFFFF; }
button,input[type=button],input[type=submit]     { background-color:#E8F0FF; }
.button_delete                                   { background: #FF0000; }
button:disabled,input:disabled,textarea:disabled { background: #DDDDDD; }
button:focus,input:focus,textarea:focus          { color:#000000; background-color:#E8F0FF; outline:1px solid #00008B; }




/********** ÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄ */

#headerWrap, #dateWrap, #bodyWrap, #footerWrap { z-index:1; }



/**
 * Textelemente  // @TODO: CSS_RTE
 * @section text
 */
p, ol, ul, dl, table {}

h1{}
h2{ }
/* ---------xxxxxxxxxxxxxxxxxxx-------------- */
/*
h2 { font-size:1.55em; font-family:"Trebuchet MS", Verdana, Arial, sans-serif; margin:12px; }
    #main .rowwrapper h2, #slideshow h2 { font-size:1.55em; background:#BF2811; color:#FFF; margin:0; padding:4px 24px; }
    #side h2 { font-size:1.2em; font-weight:bold; }
    h2.blue { background-color:#1E5A9E !important; }
h3 { font-size:1.45em; font-weight:bold; font-family:"Trebuchet MS", Verdana, Arial, sans-serif; margin:16px 12px 0 12px; }
    h3.tinytext { font-size:12px; font-weight:bold; font-family:Verdana, Arial, sans-serif; }
    h3 strong { color:#BF2811; }
h4 { font-size:1.2em; font-weight:bold; font-family:"Trebuchet MS", Verdana, Arial, sans-serif; margin:20px 12px 0 12px; }
h5 { font-weight:bold;  margin:16px 12px -8px 12px; }
h6 { margin:12px; }
    h2 a, h3 a, h4 a, h5 a, h6 a { border-width:2px !important; }
ol { list-style-type:decimal; padding-left:24px; }
ul { list-style:none; }
    ol li, ul li { margin:2px 0; }
    ul li { background:url(../img/bullet-list.png) 0.25em 0.5em no-repeat; padding-left:16px; }
dl:after { content:"."; display:block; width:100%; clear:both; height:0; visibility:hidden; }
dl dt { font-weight:bold; clear:right; float:left; padding:2px 0; }
dl dt:after { content:":"; }
dl dd { float:right; display:block; width:45%; padding:2px 0; }
dl.alt dd, dl.alt dt { float:none; width:auto; }
table.data { width:696px; border-collapse:collapse; }
table.datal { width:696px; border-collapse:collapse; }
    table.data th, table.data td { text-align:left; border:1px solid #DDD; padding:4px; }
    table.datal th, table.data td { text-align:left; border:1px solid #DDD; padding:4px; }
    table.data th { font-weight:bold; }
    table.datal th { font-weight:bold; }
        table.data thead th { background-repeat:no-repeat; font-size:1.1em; padding-left: 35px;}
        table.datal thead th { background-repeat:no-repeat; font-size:1.1em; padding-left: 4px;}
        table.data thead th h3, table.data thead th h4, table.data thead th h5 { background:#BF2811; color:#FFF; margin:-4px; padding:4px; }
        table.datal thead th h3, table.datal thead th h4, table.datal thead th h5 { background:#BF2811; color:#FFF; margin:-4px; padding:4px; }
    table.data td {  }
    table.datal td {  }
    table.data tbody th { width:40%; }
    table.datal tbody th { width:40%; }
        table.data tbody th.icon { position:relative; padding-left:40px; }
        table.datal tbody th.icon { position:relative; padding-left:40px; }
            table.data tbody th.icon img.icon { position:absolute; left:16px; }
            table.datal tbody th.icon img.icon { position:absolute; left:16px; }
*/



ul.listeOrgaplus      { list-style-image:url(http://www.orgaplus.de/fileadmin/image_archive/icon/hk_r_b.gif); }
ul.listeOrgaplus_fett { list-style-image:url(http://www.orgaplus.de/fileadmin/image_archive/icon/hk_r_b.gif); font-weight:900; font-size:0.9em;}

p.hinweistext:before  { content: url(http://www.orgaplus.de/fileadmin/image_archive/icon/hk_r_b.gif) " " attr(href) " ";}



/* p.bodytext:first-line { color: rgb(24,33,206); font-weight: bold;} } */

/*
p.bodytext:first-letter {
   float: left;
   position: relative;
   margin: 0 0.2em 0 0.2em;
   font-family:"Britannic Bold", Verdana, Arial, Helvetica, sans-serif;
   font-size: x-large;

  color: rgb(24,33,206);
/*
   color: #FFFFFF;
   background-color: rgb(24,33,206);
   padding: 0.2em;
   border-left: 2px groove black; border-right: 2px ridge black;  border-top: 2px groove black;  border-bottom: 2px ridge black;
   */
/*
}
*/

/* p.bodytext:first-child { color: mediumvioletred; } */


/**
 * Forms
 * @section forms
 */
fieldset { border:none; background:#FFF; margin:12px; padding:0; }
label { display:block; padding:2px 0; }
div.radio label { display:inline; padding:0; width:auto; }
.radio label { display:inline; padding:0; padding-right: 20px; width:auto; }
.radio input {width:auto;}
input, select, textarea, button { width:100%; }
label input { width:auto; }
input.auto { width:auto; }
span.req { color:#BF2811; }

p.formerror {  }
p.formerror input, p.formerror textarea, p.formerror select {  }
p.formerror span.error, .error-message { color:#A00; display:block; font-size:0.9em; }
.black-message { color:#000; display:block; font-size:0.9em; }
p.formerror span.input password error { color:#A00; display:block; font-size:2.9em; }
p.formerror span.error-message { color:#A00; display:block; font-size:0.9em; }
p.formerror label { color:#A00; font-weight:bold; }
div.formerror label { color:#A00; font-weight:bold; }
div.error label { color:#A00; font-weight:bold; }
div.formerrors { background:#F7E6E6; border:2px solid #A00; margin:12px; }
fieldset.medium p.micro { width:224px; }
fieldset.medium p.atto { width:64px; }
fieldset.medium p.piko { width:144px; }
div.medium fieldset.medium { margin:0; width:336px; } /* Sonderfall Spalten-Form */




/**
 * Box-Styles
 * @section navigation
 */
.box { margin:8px; }
#side .box .border { height:4px; background:#BF2811; margin:-1px -1px 0 -1px }



/**
 * Nützliche Klassen
 * @section classes
 */
.boxdeco { background:url(../img/boxdeco-bg.png) bottom right no-repeat; margin:-8px; padding:2px 8px 8px 0; }
.boxdeco-block { display:block; background:url(../img/boxdeco-bg.png) bottom right no-repeat; margin:8px 12px; padding:0 8px 8px 0; }
.tinytext { font-size:0.85em; }
.bigtext { font-size:1.3em; }
img.icon { margin:0 12px -4px 8px; }
.help { cursor:help; }
.online, .yes { color:#147D20; }
.offline { color:#A00; }
.no { color:#666; }
.autowidth { width:auto !important; }
fieldset div.clear p { margin:32px 12px -12px 12px; }
.supbalken {border: 0px; border-bottom: 2px; border-color: #bf2811; width: 100%}
.supleft {padding-left: 175px; height: 100px; background-repeat: no-repeat;}
.supright {padding-right: 175px; height: 100px; background-repeat: no-repeat; background-position: 550px;}

thead.toggleable { cursor:pointer; } /* Sorgt für den richtigen Cursor */
thead.opened { font-style:inherit; background-image:url(http://www.webgo24.de/assets/images/close.png); background-repeat:no-repeat}
thead.closed { font-style:inherit; background-image:url(http://www.webgo24.de/assets/images/open.png); background-repeat:no-repeat}
thead.foo th {padding-left: 0px !important; }



/**
 * Non-JSTricks
 * @section nojs
 */

/*Skripte verstecken*/
.hiddenscr {display:none;}




/*******/
/* EOF */
/*******/