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

/* HiOrg-Server im Corporate Design (2010) des Deutschen Roten Kreuzes */

/*       erstellt von Olaf Zimmermann am 20.02.2010 in Hannover        */
/*       geaendert von Stefan Krueger am 08.12.2010 fuer Wuerzburg     */

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



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


/* ========== Hintergrund */


body

		{
			background-color:#999999;
    		}


/* ========== 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: 35px 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);
		}


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


/* ========== Layout */


table
		{
			border-spacing:0;
		}

table.maintable
		{
			border-left:0px solid rgb(40,40,40); border-right:1px solid rgb(40,40,40); border-top:0px solid rgb(40,40,40); border-bottom:1px solid rgb(40,40,40); margin:20px auto; width:90%;
			empty-cells:show;
			background-color:rgb(255,255,255);
			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;
		}

/* Kr 2012-04-20 gibt Problem mit neuem HiOrg-Server Layout
#div_foto
		{
       			margin-top: 210px;
       			margin-right: 160px;
       			border: 1px solid #eaeaea;
       			padding: 7px 7px 14px 7px;
		}
*/

/* Kr 2012-04-20 bei den Benutzerdaten ist das Foto zu groß, inline 200 px */
img#foto
{
	width:100px !important;
}

td.maincol
		{
       			padding-left:20px;
       			padding-right:20px;
			padding-top: 100px;
       			background: rgb(255,255,255) url('/media/banner_hiorg.png') 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
		{
			border-left:0px solid rgb(205,205,205); border-right:0px solid rgb(205,205,205); border-top:0px solid rgb(205,205,205); border-bottom:1px solid rgb(205,205,205); background-color:transparent;
			
		}

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

.col1 /* Termine */
		{
			border-left:0px solid rgb(205,205,205); border-right:0px solid rgb(205,205,205); border-top:0px solid rgb(205,205,205); border-bottom:1px solid rgb(255,255,255); background-color:rgb(205,205,205);
			
		}
.col2 /* Einsaetze */
		{
			border-left:0px solid rgb(255,255,255); border-right:0px solid rgb(255,255,255); border-top:1px solid rgb(255,255,255); border-bottom:1px solid rgb(255,255,255); background-color:rgb(242,151,151);
			
		} 
.col3 /* Kurse */
		{
			border-left:0px solid rgb(255,255,255); border-right:0px solid rgb(255,255,255); border-top:1px solid rgb(255,255,255); border-bottom:1px solid rgb(255,255,255); background-color:rgb(255,255,127);
			
		} 

/* Kr aus HiOrg-Default uebernommen 2013-09-12 und bearbeitet */
.col4 { background-color:#ff0099; } /* reserved */
tr.col5 td span.katlabel, option.col5, select.col5, input.col5, input.col5:focus, .kalender td.col5 { background-color:#fad165; color:#000000; }
tr.col6 td span.katlabel, option.col6, select.col6, input.col6, input.col6:focus, .kalender td.col6 { background-color:#ffad47; color:#000000; }
tr.col7 td span.katlabel, option.col7, select.col7, input.col7, input.col7:focus, .kalender td.col7 { background-color:#fb573c; }
tr.col8 td span.katlabel, option.col8, select.col8, input.col8, input.col8:focus, .kalender td.col8 { background-color:#ff99cc; color:#000000; }
tr.col9 td span.katlabel, option.col9, select.col9, input.col9, input.col9:focus, .kalender td.col9 { background-color:#ff3399; }
tr.col10 td span.katlabel, option.col10, select.col10, input.col10, input.col10:focus, .kalender td.col10  { background-color:#cd73e4; }
tr.col11 td span.katlabel, option.col11, select.col11, input.col11, input.col11:focus, .kalender td.col11  { background-color:#9966cc; }
tr.col12, option.col12, select.col12, input.col12, input.col12:focus, .kalender td.col12  { background-color:#97B9F2; }
tr.col13 td span.katlabel, option.col13, select.col13, input.col13, input.col13:focus, .kalender td.col13  { background-color:#0055cc; }
tr.col14 td span.katlabel, option.col14, select.col14, input.col14, input.col14:focus, .kalender td.col14  { background-color:#009999; }
tr.col15 td span.katlabel, option.col15, select.col15, input.col15, input.col15:focus, .kalender td.col15  { background-color:#33cc99; }
tr.col16 td span.katlabel, option.col16, select.col16, input.col16, input.col16:focus, .kalender td.col16  { background-color:#7bd148; }
tr.col17 td span.katlabel, option.col17, select.col17, input.col17, input.col17:focus, .kalender td.col17  { background-color:#b4dc6c; color:#000000; }
tr.col18 td span.katlabel, option.col18, select.col18, input.col18, input.col18:focus, .kalender td.col18  { background-color:#b69659; }
tr.col19 td span.katlabel, option.col19, select.col19, input.col19, input.col19:focus, .kalender td.col19  { background-color:#ac725e; }
.kalender a { color: #fff; }
.kalender a:active, .kalender a:focus, .kalender a:hover { color: #fff; }
.kalender td.col1 a, .kalender td.col2 a, .kalender td.col3 a, .kalender td.col4 a, .kalender td.col5 a, .kalender td.col6 a, .kalender td.col8 a, .kalender td.col17 a { color:#000000; }


tr.mouse
		{
			border-left:0px solid rgb(205,205,205); border-right:0px solid rgb(205,205,205); border-top:0px solid rgb(205,205,205); border-bottom:1px solid rgb(255,255,255); background-color:rgb(174,255,201);
			border-spacing:0px;
			

		}

tr.klick
		{
			border-left:0px solid rgb(205,205,205); border-right:0px solid rgb(205,205,205); border-top:0px solid rgb(205,205,205); border-bottom:1px solid rgb(255,255,255); background-color:rgb(102,255,153);
			border-spacing:0px;
			

		}

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


/* ========== Kasten-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;
		}


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


/* ========== Layout */

td.menuecol
	 	{
			min-width:200px;
			width:200px;
       			background-color:none;
			background:url('/media/banner_links.png') no-repeat 5px 5px;
			padding-top:131px;
			padding-left:0px;
			padding-right:0px;
			border-spacing:0px;
			border-width:0px;
			text-indent:1em; padding-bottom:0px
		}

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

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

td.menuecol th
		{
			border-left:0px solid rgb(205,205,205); border-right:0px solid rgb(205,205,205); border-top:0px solid rgb(205,205,205); border-bottom:1px solid rgb(205,205,205); background-image:url('none');
			background-color:rgb(255,255,255);
			padding-left:1em;
			padding-top:0.4em;
			padding-bottom:0.4em;
			border-spacing:0px;
			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
		{
			border-left:0px solid rgb(205,205,205); border-right:0px solid rgb(205,205,205); border-top:0px solid rgb(205,205,205); border-bottom:1px solid rgb(205,205,205); display:block;
       			text-decoration:none;
			background-image:url('none');
			background-color:rgb(255,255,255);
			padding-left:0;
			border-spacing:0px;
			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;
			border-left:0px solid rgb(205,205,205); border-right:0px solid rgb(205,205,205); border-top:0px solid rgb(205,205,205); border-bottom:1px solid rgb(205,205,205); margin-top:0px;
			border-spacing:0px;
			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:url('none');
			padding-top:0.4em;
			padding-bottom:0.4em
		}

td.menu_box a:hover
		{
       			text-decoration:none;
			background-image:url('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);
		}