/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* HiOrg-Server im Corporate Design (2010) des Deutschen Roten Kreuzes */
/* erstellt von Olaf Zimmermann am 20.02.2010 in Hannover              */
/* modifiziert von Banana-Design.de 12/2010 in Hamburg                 */
/* modifiziert von Peter Becke 02/2013 in Giengen                      */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* ############# A L L G E M E I N E S ############# */

/* ############# Hintergrund ############# */

body { background:url(http://hiorg.drk-giengen.org/backg.jpg) fixed; }

/* ############# Basis-Schrift ############# */

html * { font-size:100.01%; }

body { font-family:Arial, Helvetica, sans-serif; font-size:75%; text-align:center; color:rgb(0,0,0); }

td, p { font-family:Arial, Helvetica, sans-serif; font-size: 1em; text-align:left; color:rgb(0,0,0); }

th { font-family:Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; margin: 0em 0 1em 0.25em;
padding-left: 0.25em; text-align: left; color:rgb(255,255,255); background-color:rgb(153,153,153); }

/* ############# Layout-Schrift ############# */

/* ############# Seiten-Überschrift ############# */
h1 { font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.6em; text-align: left;
color:rgb(255,255,255); margin: 7px 0 1.9em 0; padding: 0.25em 0.25em; background-color:rgb(153,153,153);; }

/* ############# Auszeichnungen und Teil-Überschriften, zB auf der Übersichts-Seite ############# */
h3, big { font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.4em; margin: 2em 0 0.3em 0em;
color:rgb(51,51,51); text-align: left; }

/* ############# Kleinere Hinweis-Texte ############# */
small, .small, .klein { font-family:Arial, Helvetica, sans-serif; font-size: 0.9em; text-align: left; color:rgb(0,0,0); }

/* ############# Am Seitenende: Link -Zurück- ############# */
h4 { font-size: 1em; font-weight: bold; text-align:right; margin: 1em 0 1em 0; padding:0; }

/* ############# Links ############# */
a { font-family:Arial, Helvetica, sans-serif; color:rgb(0,90,200); text-decoration: none; }

a:hover { font-family:Arial, Helvetica, sans-serif; color:rgb(230,0,5); text-decoration: none; }

a:visited { font-family:Arial, Helvetica, sans-serif; color:rgb(70,100,130); text-decoration: none; }

a:active { font-family:Arial, Helvetica, sans-serif; color: rgb(230,0,5); text-decoration: none; }

button { font-family:Arial, Helvetica, sans-serif; font-size: 0.9em; text-align: center; color:rgb(0,0,0); }

/* ############# H A U P T - T A B E L L E ############# */

/* ############# Layout ############# */
table { border-spacing:0; }

table.maintable { width:960px; margin-top:20px; margin-bottom:20px; margin-left:auto; margin-right:auto; empty-cells:show;
background-color:rgb(255,255,255); border-color:rgb(40,40,40); border-style:solid; border-width: 0 1px 1px 0;
border-collapse: collapse; border-spacing:0px; }

input[type=password], input[type=text], textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em;
color:rgb(0,0,0); }

div.logo { display:none; }

#div_foto { margin-top: 210px; margin-right: 160px; border: 1px solid #eaeaea; padding: 7px 7px 14px 7px; }

td.maincol { padding-left:20px; padding-right:20px; padding-top: 150px; background: rgb(255,255,255)
url(http://hiorg.drk-giengen.org/top.jpg) no-repeat left top; }

table.midtable { empty-cells:show; border-color:#ccc; border-style:solid; border-width:0px; width:100%;
border-spacing:0px; border-collapse: collapse; }

/* ############# Zeilen-Layout ############# */
.colA { background-color:transparent; border: 1px solid rgb(205,205,205); border-width: 0 0 1px 0 }

.colB { background-color:rgb(255,255,255); border: 1px solid rgb(205,205,205); border-width: 0 0 1px 0 }

/* ############# Termine ############# */
.col1 { background-color:transparent; border: 1px solid rgb(205,205,205); border-width: 0 0 1px 0 } 

/* ############# Einsaetze ############# */ 
.col2 { background-color:rgb(205,205,205); border: 1px solid rgb(255,255,255); border-width: 1px 0 1px 0 }

tr.mouse { background-color:rgb(255,220,210); border: 1px solid; border-spacing:0px; border-width: 0 0 1px 0;
border-color:rgb(205,205,205); }

tr.klick { background-color:rgb(255,220,210); border: 1px solid; border-spacing:0px; border-width: 0 0 1px 0;
border-color:rgb(205,205,205); }

tr.trenn { background-color:rgb(255,255,255); border: 1px solid rgb(205,205,205); border-width: 0 0 1px 0; font-size:1em;
font-color:rgb(255,255,255); font-weight:bold; }

/* ############# Box-Layout ############# */
fieldset { border-color:rgb(205,205,205); border-width:1px; border-style:solid; margin:3em 0 0 0; } legend {
font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.4em; color:rgb(51,51,51); text-align: left; }

/* ############# Meldungen ############# */
.fest { background-color:rgb(55,200,5); }

.meld { background-color:rgb(255,235,5); }

.nein { background-color:rgb(230,0,5); }

td.green { background-color:rgb(55,200,5); }

td.red { background-color:rgb(230,0,5); }

td.rot, span.rot { background-color:rgb(230,0,5); color:rgb(255,255,255); font-weight:normal; }

div.fehler { background-color:transparent; color:rgb(230,0,5); font-weight:bold; font-size:1.4em; text-align:left;
border:1px solid rgb(230,0,5); padding:0.25em; margin-bottom:2em; }

span.fehlertext { background-color:transparent; color:rgb(230,0,5); font-size:1em; font-weight:bold; padding:2px;
margin-left:0; }

div.meldung { background-color:transparent; color:rgb(55,200,5); font-weight:bold; font-size:1.4em; text-align:left;
border:1px solid rgb(55,200,5); padding:0.25em; margin-bottom:2em; }

div.info { background-color:transparent; color:rgb(5,100,200); font-weight:bold; font-size:1.4em; text-align:left;
border:1px solid rgb(5,100,200); padding:0.25em; margin-bottom:2em; }

/* ############# M E N U E - S P A L T E ############# */

/* ############# Layout ############# */
td.menuecol { min-width:200px; width:200px; background-color:none;
background:url(http://hiorg.drk-giengen.org/drklogo.jpg) no-repeat 215px 131px; background-position: 0px 0px;
padding:0px; padding-top:131px; padding-left:0px; padding-right:0px; border-spacing:0px; border-width:0px;
text-indent:1em; }

td.menuecol p { margin-top:1.5em; }

td.menuecol table { margin-bottom:-1.25em; }

td.menuecol th { background-image:none; background-color:rgb(255,255,255); padding-left:1em; padding-top:0.4em;
padding-bottom:0.4em; border: 1px solid; border-spacing:0px; border-width: 0 0 1px 0; border-color:rgb(205,205,205);
cursor:pointer; font-size:1em; text-align:left; font-weight:bold; color:rgb(0,0,0); }

td.menuecol th:hover { background-color:rgb(205,205,205); }

tr.menu_box { display:block; text-decoration:none; background-image:none; background-color:rgb(255,255,255);
padding-left:0; border: 1px solid; border-spacing:0px; border-width: 0 0 1px 0; border-color:rgb(205,205,205);
cursor:pointer; }

td.menu_box { margin-top:0; margin-bottom:0; background-color:rgb(255,255,255); padding-top:0; padding-bottom:0;
padding-left:0; padding-right:0; } td.menu_box th { padding-left:0; }

td.menu_box p { margin-bottom:0px; margin-top:0px; border: 1px solid; border-spacing:0px; border-width: 0 0 1px 0;
border-color:rgb(205,205,205); cursor:pointer; margin-bottom:0; padding-top:0; padding-bottom:0; padding-left:2em;
display:block; }

td.menu_box p:hover { background-color:rgb(205,205,205); display:block; }

td.menu_box p:active { color:rgb(255,255,255); }

td.menu_box a, td.menu_box a:visited { font-size:1em; color:rgb(0,0,0); margin-bottom:0px; margin-top:0px; display:block;
text-decoration:none; background-image:none; padding-top:0.4em; padding-bottom:0.4em; }

td.menu_box a:hover { text-decoration:none; background-image:none; font-size: 1em; cursor:pointer; color:rgb(0,0,0);
padding-top:0.4em; padding-bottom:0.4em; }

p.menuitem_active { background-color:rgb(230,0,5); font-weight:normal; }

p.menuitem_active a, p.menuitem_active a:visited, p.menuitem_active a:active { color:rgb(255,255,255); }