/* DEFAULT STYLESHEET Heimatverein Borgloh e.V. erstellt von Siegfried Lux  */
			


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

body {
  color: black; 
  background-image: url('../Bilder/Logos/HIntergrund.png'); 
  font-size: 100.01%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  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)  ------------------------------------------*/

/*-----  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: #000066;
  border: 0px 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;
font-face=: arial;
font-size=:12px;
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: blue;
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: #000080; 
background-color: #3366FF;
}


/*----blauer Butto-----*/

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

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

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

ul#Navigation_u11  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: blue;
border-right-color: black;
border-right-width: 2px;
border-bottom-color: black;
border-bottom-width: 2px;
}

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

ul#Navigation_u11  a:hover
{
border-color: white;
border-left-color: black; 
border-top-color: black;
color: white; 
background-color: #3366FF;
}


/*------Testbox Farbe-------------*/


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

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: #CC0000;
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: #00CC33;
}

/*------ Ende Testbox Farbe-------------*/




/*-----  Dies ist die erste Untermenue-Navigationsleiste (zweite Ebene), als erstes der graue Kasten  -----*/

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

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

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

ul#Navigation_u3  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:#00008B;
background-color:#33CCFF;
border-right-color: black;
border-right-width: 2px;
border-bottom-color: black;
border-bottom-width: 2px;
}

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

ul#Navigation_u3  a:hover
{
border-color: white;
border-left-color: black; 
border-top-color: black;
color: #CC0033; 
background-color:#99CCFF;
}

/*----- background-color:#696969; Dies ist die zweite Untermenue-Navigationsleiste (dritte Ebene), 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: #000066;
  border: 0px 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:#CC0066;
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: black; 
background-color: #CC0066;
}

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

#galerie a:hover .gross
{
width: 650px;
height: 500px;
display: block;
position: absolute;
margin-top: -160px;
margin-left: -160px;
z-index: 1;
background: #fff;
border: 1px solid black;
border-left-color: green; 
border-left-width: 5px;
border-top-color: green;
border-top-width: 5px;
border-right-color: green;
border-right-width: 5px;
border-bottom-color: green;
border-bottom-width: 5px;

border-style: outset;
}
#galerie1 a:hover .gross
{
width: 160px;
height: 205px;
display: block;
position: absolute;
margin-top: -100px;
margin-left: -90px;
z-index: 1;
background: #fff;
border: 1px solid black;
border-left-color: green; 
border-left-width: 5px;
border-top-color: green;
border-top-width: 5px;
border-right-color: green;
border-right-width: 5px;
border-bottom-color: green;
border-bottom-width: 5px;

border-style: outset;
}

#galerie3 a:hover .gross
{
width: 600px;
height: 500px;
display: block;
position: absolute;
margin-top: -160px;
margin-left: -50;
z-index: 1;
background: #fff;
border: 1px solid black;
border-left-color: green; 
border-left-width: 5px;
border-top-color: green;
border-top-width: 5px;
border-right-color: green;
border-right-width: 5px;
border-bottom-color: green;
border-bottom-width: 5px;

border-style: outset;
}


/*--Spezialangaben
für den Internet Explorer 7--*/
*+html #galerie a:hover { z-index: 1;}
*+html #galerie li{position: static;}
*+html #galerie a {position: relative;}

/*--Spezialangaben für den Internet Explorer 6--*/
*html #galerie a:hover {display: block; z-index: 1;}
*html #galerie li{position: static;}
*html #galerie a {position: relative;}