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

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

/*       erstellt von Olaf Zimmermann am 20.02.2010 in Hannover        */
/*       geaendert von Andr� Lohse am 13.04.2011 fuer F�ssen  			*/
/*		 geaendert von Marcel Lauer am 25.02.2012 f�r Weissenhorn
/*		geaendert von Marcel Lauer am 07.08.2018 f�r Weissenhorn (neues HP-Design)		*/

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



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


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

/*body

		{
			background:url(http://brknu1.drkcms.de/fileadmin/pagebg.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: #0075a9;
		}


/* ========== Layout-Schrift */


/* Seiten-�berschrift */

h1
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size: 2.6em;
			font-weight: narrow;
			text-align: left;
			color:#e46450;
			margin: 35px 0 1.9em 0;
			padding: 0.25em 0.25em;;
		}

/* 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
		{
			width:1100px;
			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);
				border: 1px solid #cccccc;
		}


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:10px;
       			padding-right:10px;
			padding-top: 100px;
       			/*background: rgb(255,255,255) url('/media/startbild_hiorg.jpg') no-repeat right 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, tr.colA td
		{
			background-color:transparent;
			border: 1px solid rgb(205,205,205);
			border-width: 0 0 1px 0
		}

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

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

tr.mouse
		{
			background-color:rgb(240,240,240);
			border: 1px solid;
			border-spacing:0px;
			border-width: 0 0 1px 0;
			border-color:rgb(240,240,240);

		}

tr.klick
		{
			background-color:rgb(240,240,240);
			border: 1px solid;
			border-spacing:0px;
			border-width: 0 0 1px 0;
			border-color:rgb(240,240,240);

		}

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;
		}


/* ========== 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-size:1.13em;
			text-align:center;
			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:250px;
       			background-color:none;
			background:url(/media/brklogo.jpg) no-repeat 201px 109px;
			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:0px; 
			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:0px 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
		{
			color:#000;
		}

#men h3.ui-state-hover a 
		{
			color:#0075a9;
		}
#men h3.ui-state-active a 
		{
			color:#0075a9;
		}

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

h3.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;
		}

li.menuitem_active 
		{
			background-color:#0075a9;
		}

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

a.menulink_active:hover
		{
			color:#000 !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(../img/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(../img/ico-totop_hover.gif) no-repeat top right;
		}
		
a.boxbutton-big, a.boxbutton-big:visited 

		{
   
		border: 1px solid #D8DCDF;
		border-radius: 0px;
		color: #000
		cursor: pointer;
		display: inline-block;
		float: left;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		height: 85px;
		margin-right: 10px;
		margin-bottom: 5px;
		overflow: visible;
		padding: 25px 0 0 0;
		position: relative;
		text-align: center;
		text-decoration: none !important;
		width: 110px;
		}
		
/*a.boxbutton-big:visited 

		{
   
		border: 1px solid #D8DCDF;
		border-radius: 0px;
		color: #000
		cursor: pointer;
		display: inline-block;
		float: left;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		height: 85px;
		margin-right: 10px;
		margin-bottom: 5px;
		overflow: visible;
		padding: 25px 0 0 0;
		position: relative;
		text-align: center;
		text-decoration: none !important;
		width: 110px;
		}*/
		
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br 
		{
		border-bottom-right-radius: 0px;
		}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl 
		{
		border-bottom-left-radius: 0px;
		}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr 
    	{
		border-top-right-radius: 0px;
		}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl
		{
		border-top-left-radius: 0px;
		}

		
.ui-widget-header 
		{
		border: 1px solid #0075a9;
		background: #0075a9 url(images/ui-bg_highlight-hard_15_cc0000_1x100.png) 50% 50% repeat-x;
		}
		
		
.ui-widget.ui-widget-content 
		{
		border: 1px solid #0075a9;
		}
		
		
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited 
		{
		color: #e46450;
		background: #fff;
		}
		
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover 
		{
		background: #0075a9;
		border: 1px solid #0075a9;
		color: #ffffff;
		}
		
.divide_hl 
		{
		color: #e46450;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		padding: 20px 0 10px 0;
		}
		
.ui-widget-content 
		{
		border: 1px solid #0075a9;
		background: #ffffff;
		color: #333333;
		}