html,body {
    font-family: Arial, Helvetica, sans-serif;
    margin:0; 
    padding:0;
    text-align:center;
    background-color: #DDDDDD;
    //background-color: red;
}

   
/*bei KATASTER*/
div#alles {
         background-color:#FFFFFF;
         background-color:#FFFFFF;
         max-width:1050px;
         margin: 0 auto 0 auto;
         }

div#kopf {
    background-color:#EEEEEE;
    //background-color: green;
    background-image: url(../images/bplan03.png);
    background-image: url(images/bplan03.png);
    height:185px;
    max-width:1050px;
    margin: 0 auto 0 auto;
    text-align:center;
    }
	
	

/*Allgemeine Klasse für Inhalte*/
div.inhalt
         {
         text-align:left;
         max-width:100%;
         position:relative;
         /*top:-200px;*/
         left:220px;
         }


/*bei KATASTER*/
div#inhaltbild  
         {
         text-align:left;
         max-width:50%;
         position:relative;
         //top:-200px;
         left:220px;
         }



/*bei INFORMATIOPNEN*/
div#inhaltI
         {
         text-align:left;
         max-width:70%;
         position:relative;
/*         top:-200px;*/
         left:220px;
         }
    

/*MEDIA*/

/*Klasse bei KATASTER+TECHNISCH*/
div.bild
         {
         text-align:left;
         max-width:50%;
         position:relative;
         top:-320px;
         left:770px;
         } 
    
div.videodateien video {
    margin-top: 20px;
    margin-bottom: 20px;
    max-width: 80%;
}

 

/*NAVIGATIONSLEISTE*/
/*ALT*/
div#navigation
         {
         text-align:left;
         }

div#navigation ul
         {
         margin-left: 0;
         padding-left: 0;
         list-style-type: none;
         font-family: Arial, Helvetica, sans-serif;
         }

div#navigation a
         {
         color: black;
         display: block;
         padding: 3px;
         width: 180px;
         background-color: #EEEEEE;
         border-bottom: 1px solid ##d1d1d1;
         }

div#navigation a:link, #navlist a:visited
         {
         color: black;
         text-decoration: none;
         }

div#navigation a:hover
         {
         color: white;
         background-color: blue;
         }

/*NEU NEU NEU*/
div#navi ul {
    list-style-type: none;
    margin: 0;
    //padding: 15px;
    padding-bottom: 15px;
    padding-top: 15px;
    max-width: 100%;
    background-image: linear-gradient(red, white, white, blue);
    
    width:1010px;
    margin: 0 auto 0 auto;
}

div#navi li {
    list-style-type: none;
    margin: 0;
    padding: 10px;
    max-width: 80%;
    //background-image: linear-gradient(red, white 50%, blue);
    display: inline
}
   
div#navi li a{
    color: black;
    text-decoration: none;
    font-variant: small-caps;
}

div#navi li a:hover{
    color: black;
    text-decoration: none;
    font-style: italic;
    font-weight: bold;
}
  
  

/*FUSSLEISTE*/

#fussbereich {
    position:sticky;
    bottom: 0;
    background-color: DDDDDD;
    height: 2em;
}
  
  
div#fussbereich ul {
    list-style-type: none;
    margin: 0;
    padding-bottom: 5px;
    padding-top: 5px;
}

div#fussbereich li {
    margin: 0;
    padding: 10px;
    display: inline
}

div#fussbereich li a{
    color: black;
    text-decoration: none;
    font-variant: small-caps;
}