/*==============================================================================
Rahmencontainer
================================================================================*/

#content 	  {width:800px;
			   margin: 0 auto;
               border:1px solid #E00000;
               padding:0px;
	          }

#head         {width:800px;
               height:190px;
               margin:0px;
               padding:0px;
               margin-bottom:20px;
              }

#headline     {width:800px;
               height:20px;
               background-image:url(../pix/headlineo.jpg);
              }

#menue		  {width:180px;
			   float:left;
               margin: 0px;
               padding:0px;
              }

#inhalt		  {width:600px; margin:0px 10px 0px 0px; float:right; padding:0px; overflow: visible;}

#foot         {height:16px; padding: 0px 10px;
               padding-top: 4px;
               margin-top: 5px;
               font-size: 10pt;
               text-align: center;
               background-image:url(../pix/headlineu.jpg);
              }

div			  {background-color:#FFFFFF;}

/*==============================================================================
Links
================================================================================*/

#aktiv, #aktiv2, #aktiv3           {width:150px;
                                    height:14pt;
                                    padding-top: 1px;
                                   }

#aktiv                             {background-color: #E00000;

                                   }

#aktiv2, #aktiv3                   {background-color: #FF8888;}

#inaktiv, #inaktiv2, #inaktiv3     {width:150px;
                                    height:14pt;
                                    padding-top: 1px;
                                   }

#inaktiv                           {background-color: #FFE9E9;}

#inaktiv2, #inaktiv3               {background-color: #FFD3D3;}

div#menue a                        {color:#E00000;
                                    font-size: 10pt;
                                    padding:1px;
                                    text-decoration: none;
                                    margin: 0px 0px 0px 10px;
                                    font-weight: bold;
                                   }

#aktiv:hover                       {text-decoration: underline; color:#FFFFFF;}

#aktiv2:hover, #aktiv3:hover, #inaktiv:hover, #inaktiv2:hover, #inaktiv3:hover   {color:#E00000;}

a           					   { color:#E00000;
                                     text-decoration: underline;
                                     font-size: 10pt;
                                   }
div#aktiv a						   {color: #FFFFFF;
                                    font-weight: bold;
                                   }
div#aktiv a:hover, div#aktiv2 a:hover, div#aktiv3 a:hover, div#inaktiv a:hover, div#inaktiv2 a:hover, div#inaktiv3 a:hover
								   {text-decoration: underline;}

a:hover							   {color:#FF4444;
                                    text-decoration: underline;
								   }

a.impressum						   {color:#000000;
									text-decoration:none;
                                   }

a.impressum:hover				   {color:#000000;
									text-decoration:underline;
                                   }

/*==============================================================================
Suche
================================================================================*/

#suche		  {margin-left: 15px;}

.suche		  {font-family: Times New Roman; font-size:8pt; color:#000000; background-color:#FFFFFF; border:1px solid #E00000; text-align:left;}

/*==============================================================================
BBCode Editor
================================================================================
  BBcode Editor Rahmen */
    div.bbcode_editor { padding: 10px; background: rgb(225,225,226); width: 560px; height: 560px; border: 1px solid; }

  /*
  >> Toolbar
     > Schriftgröße */

    td div.over5 { display:block; position: absolute; overflow: visible; width: 87px; border: 1px solid black; text-align: center; }
    td div.wo_click2 {display: none; position: absolute; }
    td div.schriftfeld { text-align: center; width: 85px; margin: 1px; }

/*
     > Ausrichten Liste bei Bildern */

    ul {
	  padding: 0;
	  margin: 0;
	  list-style: none;
	}
    li {                    /* positioniert die einzelnen buttons auf erster ebene nebeneinander! */
  	  float: left;
  	  position: relative;
  	  width: 10em;
  	}
    li ul {					/* trifft nur für listen ab der 2. ebene zu! => also für <ul> innerhalb von <li> Elementen */
  	  display: none;
      position: absolute;
      top: 1em; /* diese positionsangaben werden nur für den IE gebraucht */
      left: 0;  /* und werden im Folgenden ... */
    }
    li > ul {   /* .. für andere browser wieder rückgängig gemacht, denn IE 6 und kleiner können mit > nichts anfangen */
	  top: auto;
	  left: auto;
	}
    li.over ul { display: block; background-color:white; } /* sorgt für den Rollover-Effekt :: li.over ul wurde einzig und allein für den lieben IE und das benötigte Javascript eingefügt!! */


/*
     > Farben */
    div#black { background-color: rgb(0,0,0); }
    div#sienna { background-color: rgb(160,82,45); }
    div#darkolivegreen { background-color: rgb(85,107,47); }
    div#darkgreen { background-color: rgb(0,100,0); }
    div#darkslateblue { background-color: rgb(72,61,139); }
    div#navy { background-color: rgb(0,0,128); }
    div#indigo { background-color: rgb(75,0,128); }
    div#darkslategray { background-color: rgb(47,79,79); }

    div#darkred { background-color: rgb(139,0,0); }
    div#darkorange { background-color: rgb(255,140,0); }
    div#olive { background-color: rgb(128,128,0); }
    div#green { background-color: rgb(0,128,0); }
    div#teal { background-color: rgb(0,128,128); }
    div#blue { background-color: rgb(0,0,255); }
    div#slategray { background-color: rgb(112,128,144); }
    div#dimgray { background-color: rgb(105,105,105); }

    div#red { background-color: rgb(255,0,0); }
    div#sandybrown { background-color: rgb(244,164,96); }
    div#yellowgreen { background-color: rgb(154,205,50); }
    div#seagreen { background-color: rgb(46,139,87); }
    div#mediumturquoise { background-color: rgb(72,209,204); }
    div#royalblue { background-color: rgb(65,105,225); }
    div#purple { background-color: rgb(128,0,128); }
    div#gray { background-color: rgb(128,128,128); }

    div#magenta { background-color: rgb(255,0,255); }
    div#orange { background-color: rgb(255,165,0); }
    div#yellow { background-color: rgb(255,255,0); }
    div#lime { background-color: rgb(0,255,0); }
    div#cyan { background-color: rgb(0,255,255); }
    div#deepskyblue { background-color: rgb(0,191,255); }
    div#darkorchid { background-color: rgb(153,50,204); }
    div#silver { background-color: rgb(192,192,192); }

    div#pink { background-color: rgb(255,192,203); }
    div#wheat { background-color: rgb(245,222,179); }
    div#lemonchiffon { background-color: rgb(255,250,205); }
    div#palegreen { background-color: rgb(152,251,152); }
    div#paleturquoise { background-color: rgb(175,238,238); }
    div#lightblue { background-color: rgb(173,216,230); }
    div#plum { background-color: rgb(221,160,221); }
    div#white { background-color: rgb(255,255,255); }

/*
    > Farbauswahlbutton
*/
    div.farbfeld_in { width: 10px; height: 10px; border: 1px solid; border-color: rgb(172,168,153); }

    div.farbfeld { padding: 3px; background-color: #FFFFFF; border: 1px solid; border-color: rgb(255,255,255); float: left; }
    div.over { padding: 3px; background-color: rgb(193,210,238); border: 1px solid; border-color: rgb(49,106,197); float: left; }

    div.farbfeld_unten { height: 18px; background-color: #FFFFFF; border: 1px solid; border-color: rgb(255,255,255); vertical-align: middle; text-align: center; }
    div.unten_over { height: 18px; background-color: rgb(193,210,238); border: 1px solid; border-color: rgb(49,106,197); vertical-align: middle; text-align: center; }

    td div.wo_click { display: none; position: absolute; }
    div.over2 { display: block; position: absolute; background-color: white; border: 1px solid; padding: 2px; z-index:1; }

/*  Bildwahl select-Button */

	div.bildwahl { padding: 3px; background-color: rgb(255,255,255); border: 1px solid; border-color: rgb(255,255,255); vertical-align: middle; }
    div.bildwahl_over { padding: 3px; background-color: rgb(193,210,238); border: 1px solid; border-color: rgb(49,106,197); vertical-align: middle; overflow: visible; }

    input.inp_sel { border: 0px; width: 90px; height: 14pt; text-align: center; display: inline; }

/*  Button Farbfeld manuell, Bildwahl => Bild hinzu (unten) */

    div.farbfeld_unten button { height: 14px; border: 0px; background-color: rgb(255,255,255); font-size: 8.5px; }
    div.unten_over button { height: 14px; border: 0px; background-color: rgb(193,210,238); font-size: 8.5px; }

    div.bildwahl input.unten { height: 30px; width: 200px; border: 0px; background-color: rgb(255,255,255); font-size: 10pt; }
    div.bildwahl_over input.unten { height: 30px; width: 200px; border: 0px; background-color: rgb(193,210,238); font-size: 10pt; }




/*  Toolbar-buttons */
    table.toolbar { border-collapse: seperate; }
    table.toolbar td { overflow: hidden; padding: 0px; margin: 0px; border: 1px solid; border-color: #e1e1e2; }

    table.toolbar .pop { border: 1px solid; border-left: none; border-color: #e1e1e2; }

    table.toolbar .over3 { height: 20px;
    					   overflow: auto;
                           padding: 0px;
                           margin: 2px;
                           border: 1px solid;
                           border-color: rgb(49,106,197);
                           background-color: rgb(193,210,238);
                           text-align: center;
                         }

    table.toolbar .over4 { height: 20px;
    					   overflow: auto;
                           padding: 0px;
                           margin: 0px;
                           border-bottom: 1px solid;
                           border-top: 1px solid;
                           border-right: 1px solid;
                           border-left: none;
                           border-color: rgb(49,106,197);
                           background-color: rgb(193,210,238);
                           text-align: center;
                         }

	table.toolbar td.separator { width: 12px;
    			   				 height: 20px;
                   				 overflow: hidden;
                   				 border: 2px solid;
                   				 border-color: green;
                   				 padding:0px;
                   				 margin:0px;
                   				 border: 0px solid;
                   				 text-align: center;
                 			   }

    button, input.flach { border: 1px solid; border-color: dimgray; backgroundcolor: slategray; margin: 3px; font-size: 10pt; }

    div#w1, div#w2, div#w3 { float:left; margin: 10px; }
    select.wahl1, select.wahl2, select.wahl3 { min-width: 120px; }

/*==============================================================================
								Terminkalender
================================================================================*/

    tr.termin_zeile_gerade { background-color: #F9F9F9; }
    tr.termin_zeile_ungerade { background-color: #ECECEC; }

	tr.termin_zeile_gerade td { padding: 2px 5px; text-align: center; }
	tr.termin_zeile_ungerade td { padding: 2px 5px; text-align: center; }

    table.termine { border-spacing:0px; width: 580px; margin: auto;}

/*==============================================================================
								Freizeitkalender
================================================================================*/

    tr.freizeit_zeile_gerade { background-color: #F9F9F9; }
    tr.freizeit_zeile_ungerade { background-color: #ECECEC; }

	tr.freizeit_zeile_gerade td { padding: 2px 5px; text-align: center; }
	tr.freizeit_zeile_ungerade td { padding: 2px 5px; text-align: center; }

    table.freizeiten { border-spacing:0px; width: 580px; margin: auto;}

/*==============================================================================
								Bildergalerie
================================================================================*/

	table.galerie { border-spacing:0px; width: 580px; margin: auto; }
    textarea.bildkommentar { border: 1px solid; }

/*==============================================================================
								Fehler / Meldung
================================================================================*/

	div.fehler { text-align: left;
                 margin: 5px auto;
                 border: 2px solid red;
                 width: 590px;
                 padding: 4px;
                 color: red;
                 font-weight: bold;
               }
    div.meldung { text-align: left;
                  margin: 5px auto;
                  border: 2px solid green;
                  width: 590px;
                  padding: 4px;
                  color: green;
                  font-weight: bold;
                }

/*==============================================================================
								Sonstiges
================================================================================*/

	.h3 { font-size:13pt;
    	 font-family:"Verdana";
         font-style: normal;
         font-weight: normal;
         text-decoration: none;
       }

    body { font-size: 10pt; font-family:"Verdana"; }

    table { font-size: 10pt; font-family:"Verdana"; }

    hr { clear: both;}

/*==============================================================================
					      Tabelle Dateimanager
================================================================================*/

    table.manager td { width: 220px; }