/*                    Modifiziertes Stylesheet für HiOrg Server                     */
/*   erstellt/geaendert von Marco Pfiffer am 13.01.2013 für BRK Unterschleißheim    */




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


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

body

		{
			background:url(/media/bg.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: 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
		{
			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);
				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:20px;
       			padding-right:20px;
			padding-top: 150px;
       			background: rgb(255,255,255) url('/media/banner_sog.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
		{
			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
		}

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


/* ========== 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:200px;
       			background-color:none;
			background:url(/media/logo.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: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;
		}

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:#E60005;
		}

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