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

/*   erstellt von Olaf Zimmermann am 20.02.2010 in Hannover (v1.0)               */
 
/*   Menue angepasst von Olaf Zimmermann am 05.05.2011 in Hannover (v1.1)        */

/*   Auswahlen angepasst von Olaf Zimmermann am 29.03.2012 in Hannover (v1.2)    */

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



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


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

body

		{
#			background: #7E7E7E;
    		}


/* ========== Basis-Schrift */

html * 		{
			font-size:100.01%;
		}

body

		{
    			font-family:Arial,Helvetica,sans-serif;
    			font-size:75%;
			text-align:left;
    			color:rgb(0,0,0);
			line-height:1.5em;
			margin-left:0px;
			margin-right:0px;
			margin-top:0px;
			margin-bottom:0px;
		}

td,
p
		{
    			font-family:Arial,Helvetica,sans-serif;
			font-size: 1em;
			text-align:left !important;
    			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: 0px 0 1.9em 0;
			padding: 0.35em 0.25em 0.45em 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;
		}

form h3
		{
			margin: 0.3em 0;
		}

/* 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:visited
		{
    			font-family:Arial,Helvetica,sans-serif;
			color:rgb(70,100,130);
			text-decoration: none;
		}

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

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



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

.ui-button
		{
			border:1px solid rgb(0,0,0) !important;
			-moz-border-radius-topleft:3px !important;
			-moz-border-radius-bottomleft:3px !important;
			-moz-border-radius-topright:3px !important;
			-moz-border-radius-bottomright:3px !important;
			padding-bottom: .2em !important;
    			padding-left: .5em !important
    			padding-right: .5em !important;
    			padding-top: .2em !important;
    			text-align: center;
    			text-shadow: none;
    			font-family:Arial,Helvetica,sans-serif;
  			font-size: 1em !important;
			font-weight: normal;
  			text-align: center;
			color:rgb(0,0,0);
		}

.ui-button-text
		{
			border:0;
			padding:0 .5em !important;
			font-weight:normal;
			color:rgb(0,0,0);
		}

.ui-state-default
		{
			border:0;
		}

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


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


table
		{
			border-spacing:0;
/*     			background-color:rgb(255,255,255); */
		}

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('media/hiorg_banner.gif') 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:transparent;
			border: 1px solid rgb(205,205,205);
			border-width: 0 0 1px 0;
		}

.col1 /* Termine */
		{
			background-color:transparent;
			border: 1px solid rgb(205,205,205);
			border-width: 0 0 1px 0;
		}
.col2 /* Einsaetze */
		{
			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,155,150);
			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;
			text-indent:-1em;
			font-size:1.2em;
			color:#333;
			font-weight:bold;
		}

tr.trenn td
		{
			padding-top:1em;
		}


/* ========== Kasten-Layout */

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


/* ========== Kalender-Layout */

table.kalender
		{
			margin-left:0;
			border:0;
		}

table.kalender tr.colA,
table.kalender tr.colB,
table.kalender tr.mouse,
table.kalender tr.click
		{
			border:0;
		}

th.wt
		{
			border-color:#fff;
		}

span.tag,
span.tagheute
		{
			margin:0;
			border:0;
			padding:0.2em;
			background:none;
			text-align:right;
    			font-family:Arial,Helvetica,sans-serif;
			font-weight: bold;
			font-size: 1.2em;
		}

span.tag
		{
			color:rgb(51,51,51);
		}

span.tagheute
		{
			background-color:rgb(230,0,5);
			color:#fff;
		}


td.col1,
td.col2
		{
			border:0;
		}

.kalender a img
		{
			display:none;
		}

.kalender a
		{
			font-style:normal;
		}

/* ========== Meldungen */

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

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

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

.komm_fest
		{
			color:rgb(55,165,5);
		}

.komm_meld
		{
			color:rgb(255,200,5);
		}

.komm_abs
		{
			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;
		}

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

.einteil_bgcolor_yellow 
		{
    			background-color:rgb(255,200,5);
		}

.einteil_bgcolor_green
		{
    			background-color:rgb(55,165,5);
		}

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(153,153,153);
			font-weight:bold;
			font-size:1.4em;
			text-align:left;
			border:1px solid rgb(143,143,143);
			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/hiorg_drk-logo.gif) 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;
		}

#menu_row_00_wrap
		{
			padding: 0;
			background-color: #fff;
			width: 100%;
		}

#men
		{
			padding: 0;
			background-color: #fff;
			width: 100%;
		}

div#menu_row_00
		{
			margin:0; 
			border:0; 
			border-bottom:1px solid #E60005; 
			padding:0; 
			text-indent:0;
		}

h3#menu_row_00_header 
		{
			display:none;
		}

#menu_row_00 div 
		{
			padding-top:0.4em;
			padding-bottom:0.5em;
		}

#menu_row_00 ul li 
		{
			margin:0; 
			border-top:1px solid #ddd; 
			padding:0; 
			text-indent:0;
		}

.ui-widget-content a 
		{
			color: #000;
		}

#menu_row_00 ul a 
		{
			margin:0;
			border:0;
			padding-top:0.25em;
			padding-bottom:0.25em;
			padding-left:1em;
			padding-right:0.5em;
			background:none;
			text-indent:0;
			display:block;
			text-decoration:none !important;
			font-size:1em;
			font-weight:bold;
			line-height:1.5em;
		}

#menu_row_00 ul a:hover 
		{
			background-color:#ccc; 
			color:#000 !important;
		}

#men div, #men h3 
		{
			margin:0; 
			border:0; 
			padding:0; 
			background:none;
		}

#men h3 
		{
			border-bottom:1px solid #ddd;
		} 

span.ui-icon 
		{
			display:none;
		}

#men ul li, #menu_row_00 ul li
		{
			margin-bottom:0; 
			margin-left:0;
			margin-right:0;
			margin-top:0;
		}

.ui-accordion-icons .ui-accordion-header a 
		{
			padding-top:0.25em;
			padding-bottom:0.25em;
			padding-left:1em;
			padding-right:0.5em;
			background:none;
			text-indent:0;
			display:block;
			text-decoration:none !important;
			font-size:90.909090909090%;
			font-weight:bold;
			color:#000;
			line-height:1.5em;
		}

#men h3.ui-state-default a
		{
			margin:0;
		}

#men h3.ui-state-hover a 
		{
			background-color:#ccc;
			color:#000;
		}
#men h3.ui-state-active a 
		{
			background-color:#fff;
			color:#E60005;
		}

#men h3.ui-state-active a:hover 
		{
			background-color:#ccc;
			color:#000 !important;
		}

.ui-corner-all, h3.ui-corner-top, div.ui-corner-bottom 
		{
			-moz-border-radius-topleft:0px;
			-moz-border-radius-bottomleft:0px;
			-moz-border-radius-topright:0px;
			-moz-border-radius-bottomright:0px;
		}

.ui-accordion .ui-accordion-content 
		{
			top:0;
		}

.ui-accordion-content ul a
		{
			margin:0; 
			border-bottom:1px solid #ddd; 
			padding-top:0.25em; 
			padding-bottom:0.25em; 
			padding-left:2em; 
			padding-right:0.5em; 
			background:none; 
			text-indent:0; 
			display:block; 
			text-decoration:none !important; 
			font-size:1em; 
			font-weight:normal; 
			line-height:1.5em;
		}

.ui-accordion-content ul a:hover
		{
			background-color:#ccc; 
			color:#000 !important;
		}

.ui-dialog .ui-accordion-content
		{
			border:0 1px 1px 0 solid rgb(0,0,0) !important;
			padding:1em 0 !important;
		}

.helferauswahl_frei
		{
			background-color:transparent;
			border:1px 0 0 0 solid rgb(205,205,205) !important;
			padding-top:.25em;
			padding-bottom:.25em;
			margin:0 !important;
		}

.helferauswahl_gew
		{
			background-color:rgb(55,200,5);
			border: 1px 0 0 0 solid rgb(205,205,205) !important;
			padding-top:.25em;
			padding-bottom:.25em;
			margin:0 !important;
		}

li.menuitem_active 
		{
			background-color:#E60005;
		}

a.menulink_active
		{
			color:#fff !important;
		}

a.menulink_active:hover
		{
			color:#000 !important;
		}

.ui-menu
		{
			padding:0;
		}

.ui-menu .ui-menu-item a
		{
			background-color:transparent;
			border: 1px solid rgb(205,205,205);
			border-width: 1px 0px 0px 0px
		}

.ui-menu .ui-menu-item a.ui-state-hover
		{
			background: none;
			background-color:rgb(205,205,205) !important;
			border: 1px solid;
			background-img
			border-spacing:0px;
			border-width: 1px 0px 0px 0px;
			border-color:rgb(205,205,205);
			margin:0px;
			zoom:none;
		}

.ui-autocomplete
		{
			padding-right:0;
		}

.ui-widget-header
		{
			border:none;
			background:none;
			background-color:rgb(153,153,153) !important;
			font-size:1.6em;
			padding-bottom: 0.45em !important;
    			padding-left: 0.25em !important;
    			padding-right: 0.25em !important;
    			padding-top: 0.35em !important;
			margin-bottom: 1em;
		}

.ui-tabs .ui-tabs-nav li 
		{
			font-size:0.6em !important;
		}

#tabs .ui-widget-content 
		{ 
			border:none;
			border-right:1px solid rgb(205,205,205) !important;
			border-bottom:1px solid rgb(205,205,205) !important;
			border-left:1px solid rgb(205,205,205) !important;
			background:none; 
			color:rgb(0,0,0);
		}

#tabs .ui-widget-header 
		{
    			padding-bottom:0 !important;
		}

#tabs .ui-state-default a, 
#tabs .ui-state-default a:link, 
#tabs .ui-state-default a:visited
		{
			color:rgb(0,0,0);
		}

.maincol .ui-widget-content
		{
			border:none;
			/*padding:0;*/
		}

ul.ui-widget-content
		{
			border:none;
			border-right:1px solid rgb(0,0,0) !important;
			border-bottom:1px solid rgb(0,0,0) !important;
			border-left:2px solid rgb(205,205,205) !important;
		}

.ui-widget-overlay
		{
			background:none;
			background: rgb(0,0,0) /* 50% 50% repeat */ ;
			opacity: .35;
			filter:Alpha(Opacity=35);
		}

.ui-widget-shadow
		{
			display:none;
		}
.ui-dialog
		{
			border:none !important;
			border-right:1px solid rgb(0,0,0) !important;
			border-bottom:1px solid rgb(0,0,0) !important;
			padding: 20px;
		}

.ui-dialog-content
		{
			padding: 0 !important;
		}

.ui-dialog-title
		{
			margin:0 !important;
		}

.ui-dialog-buttonpane
		{
			margin: 2em 0 0 0 !important;
			border-top-color:rgb(205,205,205) !important;
			padding:0 !important;
		}

div #helferauswahl
		{
			margin-left:-0.4em !important;
		}

#helferauswahl .ui-state-active span.ui-button-text
		{
			color:#E60005 !important;
		}

.helferauswahl_acc h3
		{
			border:none !important;
		}

#helferauswahl h3.ui-state-default
		{
			border:1 1 rgb(205,205,205) !important;
			background-image:none !important;
			background-color:rgb(255,255,255) !important;
		}
#helferauswahl h3.ui-state-hover
		{
			border:1 1 rgb(205,205,205) !important;
			background-image:none !important;
			background-color:rgb(205,205,205) !important;			
		}

#helferauswahl h3.ui-state-active
		{
			border:1 1 rgb(205,205,205) !important;
			background-image:none !important;
			background-color:rgb(255,255,255) !important;
		}

#helferauswahl h3.ui-state-active a
		}
			color:#E60005 !important;
		}

#helferauswahl .ui-accordion-content-active
		{
			border-color:rgb(205,205,205) !important;
		}

#up_please
		{
			bottom:7em;
			position: fixed;
			width:200px;
			height:1.5em;
			padding:0;
			margin-left:0;
			border:none;
			background:none;
		}

#up_please_text
		{
			margin-left:0;
			padding-right:1em;
			background:url(media/ico-totop.gif) no-repeat top right;
			color:rgb(0,90,200);
			text-decoration: none;
			font-family:Arial,Helvetica,sans-serif;
			font-weight:normal;
		}

#up_please_text:hover
		{
			color:rgb(230,0,5);
			background:url(media/ico-totop_hover.gif) no-repeat top right;
		}

#mencolcont p img
		{
			float:left;
			margin-left:1em;
			margin-top:1.75em;
			margin-bottom:1.75em;
			width:4em;
			height:4em;
		}

#socialshareprivacy
		{
			padding-left:0.75em;
		}


/* XXXXXXXXXX Tabelle Kursangebot */

table.kurstab
		{
			/* width:558px; */
			width:100%;
			margin-top:0px;
			margin-bottom:0px;
			margin-left:0px;
			margin-right:0px;
			empty-cells:show;
			background-color:rgb(255,255,255);
			border-color:rgb(40,40,40);
			border-style:none;
    			border-width: 0 0 0 0;
			border-collapse: collapse;
			border-spacing:0px;
		}

/* 
kurse_tr_ueber1
kurse_tr_hr1
kurse_tr_bild1
class='kurstable'
class='col_date'
class='col_time'
class='col_kurstyp'
class='col_verort'
class='col_bemerk'
class='link_anmeldung'
class="kursanfrage"
class="tnformulare"
 */