/* DEFAULT STYLESHEET SFC-MELLE-GRÖNEGAU e.V. erstellt von Siegfried Lux  */
			


/*----------------------  Seiteninhalt   -------------------------------------------*/

body {
  color: black; 
  background-image: url('../SFC-Melle_Bilder/Bilder_Verein/Hintergrund.png');
  background-color: #333366; 
  font-size: 100.01%;
  font-family: Helvetica,Arial,sans-serif,BRUSHSCI;
  margin: 0; 
  padding: 1em
}

/*--------------Tabellenrahmen oben,links,rechts------------*/
#Rahmen_oben	{
	border-left-width:4px; 
	border-left-color:silver;
	border-left-style:solid;
	border-left-style:outset;
	
	border-left-display:block;
	border-left-overflow:hidden;
	border-left-margin:0 5px; 
	border-left-background:#444;

	border-right-width:4px; 
	border-right-color:silver;
	border-right-style:solid;
	border-right-style:outset;
	border-top-width:4px;
	width:950px; 
	border-top-color:silver;
	border-top-style:solid;
	border-top-style:outset;
}

/*--------------Tabellenrahmen unten,links,rechts------------*/
#Rahmen_unten	{
	border-left-width:4px; 
	border-left-color:silver;
	border-left-style:solid;
	border-left-style:outset;
	border-right-width:4px; 
	border-right-color:silver;
	border-right-style:solid;
	border-right-style:outset;
  	border-top-width:4px;
  	width:950px;  
  	border-top-color:silver;
  	border-bottom-style:solid;
  	border-bottom-style:outset;
}
/*--------------Tabellenrahmen links------------*/
#Rahmen_links_rechts	{
	border-left-width:4px; 
	border-left-color:silver;
	border-left-style:solid;
	border-left-style:outset;
	width:950px;  
	border-right-width:4px; 
	border-right-color:silver;
	border-right-style:solid;
	border-right-style:outset;
}

/*---------------------   Dies ist die Kopfzeile   ---------------------------------*/

#header						/*Kopfzeile auf welcher Seite man sich befindet, Position ist links*/ 
{  
margin-left: 0px; 
position: absolute;
padding: 0 1em;
width: 800px;
min-width: 0px; 
height: 50px;
margin-top: 0;
overflow: auto;

}

#header2						/*Kopfzeile Melle Groenegau, Position ist rechts*/
{
position: absolute;
padding: 0 1em;
min-width: 0px; 
height: 50px;
margin-top: 0;
margin-left: 0px;
overflow: auto;
/*border-bottom:2px solid black;*/
}

/*----------------------  Navigation (linke Spalte)  ------------------------------------------*/

ul#Navigation
{
font-size: 0.91em;
position: absolute;
width: 162px;
margin-left: 0px;
padding: 0px;
background-color: silver;
border: 1px solid black;
}

/**html ul#Navigation
{
width: 11.7em;
w\idth: 10.1em;
padding-left: 0;
padd\ing-left: 0em;
}*/

ul#Navigation li 
{
list style: none;
margin: 0.4em; 
padding: 0;
}

ul#Navigation a
{
display:block;
padding: 0.2em;
text-decoration: none; 
font-weight: bold;
border: 1px solid black;
border-left-color: white; 
border-left-width: 2px;
border-top-color: white;
border-top-width: 2px;
border-style: outset;
color: white;
background-color: cornflowerblue;
border-right-color: black;
border-right-width: 2px;
border-bottom-color: black;
border-bottom-width: 2px;
}

/**html ul#Navigation a
{
width: 100%;
w/idth: 8.8em;
}*/

ul#Navigation a:hover
{
border-color: white;
border-left-color: black; 
border-top-color: black;
color: white; 
background-color: #9999CC;
}

/*-----  Dies ist die Hauptmenue-Navigationsleiste, als erstes der graue Kasten 
           Dieses Navigationsleiste beinhaltet die Punkte im aufgerufenen Untermenue ------*/

ul#Navigation_u 
{
  font-size: 0.91em;
  position: absolute;
  width: 162px;
  margin-left: 0px;
  padding: 0;
  background-color: silver;
  border: 1px solid black;
}

/**html ul#Navigation_u 
{
width: 11.7em;
w\idth: 10.1em;
padding-left: 0;
padd\ing-left: 0em;
}*/

ul#Navigation_u li 
{
list-style-type: none;
margin: 0.4em; 
padding: 0;
}

ul#Navigation_u  a
{
display:block;
padding: 0.2em;
text-decoration: none; 
font-weight: bold;
border: 1px solid black;
border-left-color: white; 
border-left-width: 2px;
border-top-color: white;
border-top-width: 2px;
border-style: outset;
color: white;
background-color: #0000CC;
border-right-color: black;
border-right-width: 2px;
border-bottom-color: black;
border-bottom-width: 2px;
}

*html ul#Navigation_u  a
{
width: 100%;
w/idth: 8.8em;
}

ul#Navigation_u  a:hover
{
border-color: white;
border-left-color: black; 
border-top-color: black;
color: white; 
background-color: cornflowerblue;
}


/*-----  Dies ist die erste Untermenue-Navigationsleiste, als erstes der graue Kasten  -----*/

ul#Navigation_u2{
  font-size: 0.91em;
  position: absolute;
  width: 162px;
  margin-left: 0px;
  padding: 0;
  background-color: silver;
  border: 1px solid black;
}

/**html ul#Navigation_u2 
{
width: 11.7em;
w\idth: 10.1em;
padding-left: 0;
padd\ing-left: 0em;
}*/

ul#Navigation_u2 li 
{
list-style-type: none;
margin: 0.4em; 
padding: 0;
}

ul#Navigation_u2  a
{
display:block;
padding: 0.2em;
text-decoration: none; 
font-weight: bold;
border: 1px solid black;
border-left-color: white; 
border-left-width: 2px;
border-top-color: white;
border-top-width: 2px;
border-style: outset;
color: white;
background-color:#8B0000;
border-right-color: black;
border-right-width: 2px;
border-bottom-color: black;
border-bottom-width: 2px;
}

*html ul#Navigation_u2  a
{
width: 100%;
w/idth: 8.8em;
}

ul#Navigation_u2  a:hover
{
border-color: white;
border-left-color: black; 
border-top-color: black;
color: white; 
background-color: #DC143C;
}
/*-----  Dies ist die zweite Untermenue-Navigationsleiste, als erstes der graue Kasten  
           Dieses Menue wird fuer eine Ebene unterhalb der Aufgerufenen Untermenuepunkte 
           benoetigt, beispielsweise im Untermenue Technik, Windenstrat,F-Schlepp usw....------*/

ul#Navigation_f 
{
  font-size: 0.91em;
  position: absolute;
  width: 162px;
  margin-left: 0px;
  padding: 0;
  background-color: silver;
  border: 1px solid black;
}

/**html ul#Navigation_f 
{
width: 11.7em;
w\idth: 10.1em;
padding-left: 0;
padd\ing-left: 0em;
}*/

ul#Navigation_f li 
{
list-style-type: none;
margin: 0.4em; 
padding: 0;
}

ul#Navigation_f a 
{
display:block;
padding: 0.2em;
text-decoration: none; 
font-weight: bold;
border: 1px solid black;
border-left-color: white; 
border-left-width: 2px;
border-top-color: white;
border-top-width: 2px;
border-style: outset;
color: white;
background-color:red;
border-right-color: black;
border-right-width: 2px;
border-bottom-color: black;
border-bottom-width: 2px;
}

*html ul#Navigation_f a 
{
width: 100%;
w/idth: 8.8em;
}

ul#Navigation_f a:hover 
{
border-color: white;
border-left-color: black; 
border-top-color: black;
color: white; 
background-color: #FF3333;
}

/*----------------------  Ende Navigation (linke Spalte)  ------------------------------------------*/

/*----------------------  Inhalt allgemein (rechte Spalte)  ------------------------------------------*/

div#Inhalt {
  margin-left: 164px;
  margin-top: 55px;
  position: absolute;
  padding: 0 1em;
  min-width: 16em; /* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */
}
div#Inhalt h1 {
  font-size: 1.5em;
  margin: 0 0 1em;
}
div#Inhalt h2 {
  font-size: 1.2em;
  margin: 0 0 1em;
}
div#Inhalt p {
  font-size:1em;
  margin: 1em 0;
}

div#Inhalt2 {
  margin-left: 10.1em;
  padding: 0 1em;
  min-width: 16em;
}

/*-------------------------    Inhalt fuer das Titelbild Startseite  ------------------*/
div#Inhalt_2 {
  margin-left: 164px;
  margin-top: 0px;
  position: absolute;
  min-width: 16em; padding-left:1em; padding-right:1em; padding-top:0; padding-bottom:0
}
div#Inhalt_2 h1 {
  font-size: 1.5em;
  margin: 0 0 1em;
}
div#Inhalt_2 h2 {
  font-size: 1.2em;
  margin: 0 0 1em;
}
div#Inhalt_2 p {
  font-size:1em;
  margin: 1em 0;
}

div#Inhalt2 {
  margin-left: 10.1em;
  padding: 0 1em;
  min-width: 16em;
}

/*----------------------  Inhalt (rechte Spalte) verschiedene Container ------------------------------------------*/

/*----------------------  Dies ist der Container fuer den Seiteninhalt, ------------------------------------------*/

#content {
margin-top: 20px;
margin-left:162px;
min-width: 852em;
padding: 0;
position: absolut;
}

/*----------------------   Container fuer Schrift 1   ------------------------------------------------------------*/

#content1 {
position:absolute;
width: 852px;
height: 50px;
margin-top: 100px;
margin-left: 165px;
padding: 0;
/*overflow: auto;*/
}

/*--------------------   Container fuer Schrift 2   --------------------------------------------------------------*/
#content2 {
position: absolute;
width: 852px;
height: 200px;
margin-top: 150px;
margin-left: 165px;
padding: 0;
overflow: auto;
}

/*-------------------   Container fuer Adresse   ----------------------------------------------------------------*/
#content3 {
position: relativ;
width: 852;
height: 100px;
margin-top: 330;
margin-left: 0px;
padding: 0;
/*overflow: auto;*/
}

/*--------------------  Container fuer Adresse   ---------------------------------------------------------------*/
#content4 {
position: absolute;
width: 100%;
height: 100px;
margin-top: 490;
margin-left: -160px;
padding: 0;
overflow: auto;
}
/*-------------------   Dies ist der Container fuer den Bsucherzaehler, --------------------------------------------*/

#content5 {
position: absolute;
width:160px;
height:100x;
margin-top: 470px;
margin-left:12px;
padding: 0;
background-color: #CCCCFF;
}
/*-------------------   Dies ist der Container fuer das Wetterfenster, --------------------------------------------*/

#content6 {
position: absolute;
width:160px;
height:100x;
margin-top: 480px;
margin-left:12px;
padding: 0;
background-color: #CCCCFF;
}