* {
    margin:  0;
    padding: 0;
}

body {
      background-color: #F98D14; 
      }

#hauptbereich{
    background-image: url("../images/bg.bmp");  
    background-color:#F98D14; 
    width: 1024px;
    height: auto;
    /*height: 1030px; */
    margin: 0px auto;     
}


#kopf {
    background-image: url("../images/header.png");
    background-color: #F98D14; 
    height: 125px;
    width: 1024px;
}

#kopfb {
    background-image:url("../images/header2.png") ;
    background-color: #F98D14;
    height: 125px;
    width: 1024px;
}

#kopfk {
    background-image:url("../images/header3.png") ;
    background-color: #F98D14;
    height: 125px;
    width: 1024px;
}

#steuerung {
   /* background-color: #00FF00; */   
    width:  202px;
    height: auto;
    float: left;
    display: block;
    border-top : 1px solid black;
}

#steuerung a{
    padding: 10px;
    color: black;
    display: block ;
    text-decoration: none;
    border-bottom: 1px solid black;
}

#steuerung a:hover{
    background-color: #FFC753;
}

#steuerung a:visited{
    color: #1A1A1A;
}



ul.punkt {
    list-style: none;  
}

ul.unterpunkt {
    list-style: circle;
    margin-left: 2em;
}

a.hbi {
    background-color: #FFC753;
}

#text {
    /*background-color: yellow;*/
    padding:10px;
    width: 600px;
    height: auto;
    /*height: 780px;*/
    margin-left: 202px;      
}

#text li{
    margin-left: 2.5em;
}

#foot {
    color: black;
    text-decoration: none;
    background-image: url("../images/footer.bmp");
    background-color: #FFC753;
    text-align: center;
    width: 1024px;
    height: 20px;
}
#foot a {
    color: black;
    text-decoration: none;    
}

.img {
    
}

.img {
 position: relative;
 z-index: 0;
 text-decoration: none;
}

.img img {
 z-index: 1;
}

.img:hover {
 background-color: transparent;
 z-index: 22;
}

.img:hover span {
 z-index: 33;
}

.img:hover span img {
 z-index: 44;
}





.img span {
 /* CSS Vollbild-Layer */
 position: absolute;
 background-color: #F98D14;
 padding: 5px;
 left: -1000px;
 border: 2px solid black;
 visibility: hidden;
 color: black;
 text-decoration: none;
}

.img span img {
 /* CSS Vollbild */
 border-width: 0;
 padding: 2px;
}

.img:hover span {
 /*CSS Vollbild bei hover*/
 visibility: visible;
 text-align: center;
 text-decoration: none;
 top: 0;
 left: 50px;
}

#left {
    float: left ;
    border: 0px solid ;
    padding: 15px;
    
}
#right {
    text-align: right;
    float: right;
    border: 0px solid ;
    padding: 15px;
}