/* ------------------------------------------------------- */
/* Stylesheet für die Internetpräsentation von Bernd Rose  */
/* ------------------------------------------------------- */

/* alle Abstände auf 0 setzen */

* { margin: 0; padding: 0; 
	} 

html { 
   font-size: 100.01%;     /* korrigiert Rundungsfehler     */
   height: 101%;           /* erzwingt Scrollbar im Firefox */
	
	}
h1, p { 
   margin-bottom: 0em; 
   }

ul, ul ul, li, ul li { 
   margin: 0; 
   padding: 0; 
   }

/* ------------------------------------------------------- */
/* Body  u.a. Blockeleme                                   */
/* ------------------------------------------------------- */
   
body { 
	color: #6e6e45; 
	font-size: 62.5%;     /* setzt die Schriftgröße auf 10 pt zurück */ 
    font-family: Arial, Verdana, Helvetica, sans-serif; 
    background-color: #6e6e45; 
    background-image: url("../images/bckgd_jgv.jpg"); 
    background-repeat: repeat; text-align: center;   /* positioniert die Präsentation zentriert */ 
    position: relative; }
    
table
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
td
{
    padding: 0px;
    vertical-align: top;
    text-align: left;
}

ul { 
    background-repeat: no-repeat; 
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	}

ul li { 
    color: #ffffff;
    font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif; 
    font-size: 15px;
    line-height: 20px;
    text-align: left;
    vertical-align: middle;
	display: list-item; 
	line-height: 13px; 
	margin-left: 0; 
	padding-left: 15px; 
	padding-bottom: 6px;
	padding-top: 5px;
	}
	
ul li.aktiv { 
	background-image: url("../images/dot.gif"); 
	background-position: 0 6px; 
	}

	
	
/*	background-image: url("../images/dot.gif"); 
	background-position: 0 6px; 
	background-repeat: no-repeat; 
	list-style-position: outside; */
	


	
/* -------------------------- */
/* Bereich für den "wrapper" */
/* ----------------------- - */

#wrapper {                      /* --- Breite: 836px-----*/ 
   background: fixed left top; 
   margin-right: auto;    /* zentriert die Präsentation  */   
   margin-left: auto;     /* zentriert die Präsentation  */ 
   text-align: left; 
   width: 836px; 
   height: auto;
   }


/* ----------------------------------------------- */
/* Bereich für den Hintergrund und den Seitentitel */
/* ----------------------------------------------- */   
   
#content { 
	z-index: 0; 
	width: 836px; 
	height: 957px; 
	margin: 0; 
	padding: 0; 
	background-image: url("../images/bckgd_wrapper.png"); 
	background-repeat: no-repeat; 
	position: relative; 
	}
	
#header {
    z-index: 1;
    width: 550px;
    height: 50px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 134px;
    left: 275px;
    
    }
    
/* ----------------------------------------------- */
/* Bereich für die Navigation                      */
/* ----------------------------------------------- */
      
#navigation
{
    z-index: 1;
    width: 120px;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: absolute;
    top: 290px;
    left: 40px;
}


	
/* ---------------------------------------------- */  
/* Listenformatierungen für die Navigation        */
/* ---------------------------------------------- */

#navigation ul { 
       width: 125px;
	
    }
	
#navigation ul li { 
	width: 100%; 
	}
    
    
/* ---------------------------------------------–––- */  
/* Definition der Rollover für die linke Navigation  */
/* ---------------------------------------------–––- */
    
	
#navigation ul li a { 
    color: #ffffff;
    text-decoration: none;
	}
		
#navigation ul li a:hover, 		
#navigation ul li a:focus { 
    color: #6e6e45;
    text-decoration: none;
    letter-spacing: 1px; 
	} 
	
	
/* ---------------------------------------------–––- */  
/* Bereich für den Inhalt                            */
/* ---------------------------------------------–––- */ 
	
	
#inhalt
{
    z-index: 1;
    width: 550px;
    height: auto;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 210px;
    left: 220px;

}

/* ---------------------------------------------–––- */  
/* Bereich für den Footer                            */
/* ---------------------------------------------–––- */

#footer { 
    z-index: 10; 
    width: 500px;
    height: auto;
    text-align: left; 
    color:#999933;
    margin: 0; 
    padding: 0; 
    position: absolute; 
    top: 860px; 
    left: 220px;
    }


/* -------------------------- */
/* Schriftenformatierung     */
/* ----------------------- - */

h1
{
    color: #6e6e45;
    text-decoration: none;
    font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif; 
    font-size: 25px;
    line-height: 30px;
    text-align: center;
    padding: 0;
    margin: 0;
    
    }
    
h2
{ color: #ffffff; 
  text-decoration: none; 
  font-weight: normal; 
  font-family: Georgia, "Times New Roman", Times, serif; 
  font-size: 2em; 
  line-height: 2.2em; 
  text-align: left; 
  letter-spacing: 1px; 
  padding: 0 150px 0 0; 
  margin: 0; 
  }
  
h3
{
    color: #6e6e45;
    text-decoration: none;
    font-weight: bold;
	font-family: Arial, Verdana, Courier, "sans serif"; 
    font-size: 15px;
    line-height: 20px;
    text-align: auto;
    padding: 0;
    margin: 0;
    
    }

h4
{
    color: #9c0606;
    text-decoration: none;
    font-weight: bold;
    font-family: Arial, Verdana, Courier, "sans serif"; 
    font-size: 15px;
    line-height: 20px;
    text-align: auto;
    padding: 0;
    margin: 0;
        
    }    



#start #inhalt
{
    width: 500px;
    color: #6e6e45;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
    text-align: center;
    padding: 0;
    margin: 0;
    
    }
    
#andere #inhalt
{
    width: 550px;
    color: #6e6e45;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
    text-align: left;
    padding: 0;
    margin: 0;
    
    }
    
a:link { 
   color: #333300; 
   text-decoration: none; 
   }
   
a:active { 
   color: #333300; 
   text-decoration: none; 
   }
  
a:visited { 
    color: #6e6e45;
    text-decoration: none;
	}

a:hover { 
    color: #999933;
    text-decoration: none;
	}