@charset "utf-8";
/* CSS Document */

body { color:#000000;
	font-family: DroidSerif; 
	margin:0px;
        background-color:#E4E4E4;}
	
body a {color:#002E55;
        text-decoration: none; }


header { background-image: url('../bilder/headerbackground.png');
         background-repeat: no-repeat;  /* Verhindert, dass das Bild gekachelt wird */
        background-size: cover;        /* Skaliert das Bild, sodass der Bereich gefüllt ist */
           background-position: center;   /* Zentriert das Bild */
	       color: #000;
           border-bottom: 3px solid #05294D;
           margin-top: 5px;
           

}
	
	/*----------------------------Header------------------------------------*/    
  
 #header a{
        text-decoration:none;
    }

  #logoLeiste {
       height:auto;
        margin:auto;
        min-height:100%;
        padding:0 3px;
        text-align:left;
      
    
     }


 #ueberschrift {
       right: 0px;       
    width: 100%;
    margin: 0px;
    text-align: center; 	
     }

  #ueberschrift  h1 h3 p  {
       height:auto;
        margin:auto;
        min-height:100%;
        padding:0 3px;
        text-align:center;
      
     }

 #fotoBar {
       right: 0px;       
    width: 100%;
    margin: 0px;	
     }

#bloecke  {        height:auto;
                margin:auto;
               min-height:100%;
              padding:0 3px;
             text-align:left;
       
              width:auto;
             max-width:980px;
              min-width:320px;


}

#mainText   { display:none;
    right: 0px;
    width: 100%;
    margin: 0px;
    float: left;
    padding: 10px;
     border-top: 2px dotted #CECECE;
       border-right: 2px dotted #CECECE;

     }

#linkerBlock   {
    right: 0px;       
    width: 45%;
    margin: 0px;  
    float: left;
    padding: 10px; 
     border-top: 2px dotted #CECECE; 
       border-right: 2px dotted #CECECE; 
         
     }

#rechterBlock   {
    right: 0px;       
    width: 47%;
    margin: 0px; 
      padding: 10px; 
     border-top: 2px dotted #CECECE; 
    float: right; 
      
     }

#compromisoBlock   {
         	
         height:auto;
        margin:auto;
        min-height:100%;
        padding:0 3px;
        text-align:left;
       
        width:auto;
        max-width:980px;
        min-width:320px;
    
     }

/*iframe.anzeigen{
    height: 300px; 
    width: 300px; 
    margin-left: auto;
    margin-right: auto;
    display: block;
    align: middle; 

} */

div.topimage {
   content:url(../bilder/webbanner2.png);
   height: 150px; 
   width: auto; 
}

.drawscale {
  
  margin: auto; 
  width: auto; 
  max-width: 60%; 
  height: 280px;
}

#logoLeiste IMG.displayed {

       	width: 400px;
	height: auto;
      
    }

#logoleisteTitel {
   width:auto;
        max-width:980px;
        min-width:320px;
}


   #serviceBar {
        float:right;
      
    }
    #serviceBar a{
        font-size:14px; 
        color:#999;
        font-weight:bold;
	text-decoration: none; 
    
        margin:0 0 0 2em;
    }
    #serviceBar  a:hover, #serviceBar a:focus{
        text-decoration:underline;
    }

       #searchform {
        float:right;
        margin-top:22px;
        position:relative;
        width:20%;
        overflow:hidden;
        text-align:right;
    }    

	 
	 
 #centerPage {
       
        height:auto;
        margin:auto;
        min-height:100%;
        padding:0 3px;
        text-align:left;
        width:auto;
        max-width:980px;
        min-width:320px;
    }

.tabellueberschrift {
        display:inline;
        background:#CECECE;
        margin-top: 10px; 
        text-align:left;
        color: black; 
        border-top: 2px solid #002E55;
       
   
    }

 #seitetext {
        margin:auto;
        min-height:100%;
         padding:0 3px;
        text-align:left;
       
        width:auto;
        max-width:500px;
       
   
    }


 #tabelleprojekt {
        font-size:small;
        min-height:100%;
         padding:0 3px;
        text-align:left;
       
        width:auto;
     /*   max-width:500px; */
       
   
    }






                

   



main {	padding-bottom:10px;
	padding-left:30px;
	padding-right:30px;
	padding-top:10px;
        background-color:transparent;
        
          
	 margin:auto;

	color: #000000;
         max-width:980px;
	 
	 width: 80%}
	
main h1 {font-size: xx-large;
 	 
	 
        color: #002E55; 
}	

main a 	{ 
 	 
	 
        color: #05294D; 
}	

article {
        	float:left;
        width:100%; 
          border: 2px solid #B8B8BB;
          background-color:#ffffff;
}
    
    article p { font-size: 18px; 
               }
               
                   article ul { font-size: 18px; 
                   }

footer { background: url(../bilder/muster2.jpg);
	clear:left;
	color:#000;
	
	
	font-weight:bolder;
	padding-bottom:10px;
	padding-top:10px;
	text-align:center;
	
       
       
        margin-top: 5px;
         }
         
     footer a {
	clear:left;
	color:#ffffff;
	font-size: small;


	padding-bottom:10px;
	padding-top:10px;
	text-align:center;
	
        text-decoration: none; 
       
        margin-top: 5px;
         }






ul li a {text-decoration:none;
    color:#ffffff; 
    padding:10.5px 11px;
	margin-bottom:10px;
    background-color:#05294D;
    display:block;
	border-radius:10px;
}

ul li a:visited {color:#ffffff;}
 
ul li a:hover, ul li .current {color:black;
    background-color:white;}
	

	/*Das Menü oben. Container. Das Menü ansich macht navigation.css*/
  nav { /* background: url(../bilder/muster2.jpg); */
    	padding: 10px;
        display:block;
        margin:auto;
   height:auto;
        margin:auto;
        min-height:100%;
        padding:0 3px;
        text-align:left;
       
        width:auto;
        max-width:980px;
        min-width:320px;

  /*      margin-top: 10px; */
	
	 
    }

nav p {
       margin-left: 20em;
       padding: 0 25px;
    }

nav ul li a {text-decoration:none;
    color:#ffffff; 
    padding:10.5px 11px;
	margin-bottom:10px;
  /*  background: url(../bilder/muster2.jpg); */
    display:block;
	
  
}


    nav ul {
      list-style: none;
    }
    nav li {
      display: inline-block;
    }
    nav a {
      display: inline-block;
      background: #333;
      color: white;
      padding: 5px 15px;
      border: 1px solid white;
      text-decoration: none;
    }
    nav a:hover {
      border: 1px solid red;
      background: red;
    }
    nav a:active {
      background: blue;
    }
    nav select {
      display: none;
    }



/* Der Kern von Clearfix: sorgt dafür, dass Bilder von den Containern umschlossen werden*/
.clearfix:after {
  content: ".";
  display: block;
  border-radius:10px;
  clear: both;
  font-size: 0;
  height: 0;
 /* visibility: hidden; */
}


#tabelle1 { width: 900px; 
            margin-left: auto; 
            margin-right: auto; 
        
}

   /* width: 100%; /* oder z.B. 600px */
/*  border-collapse: collapse;
 } */

.gleichmaessige-tabelle {
  /* Das ist der wichtigste Befehl: */
  table-layout: fixed; 
  
  /* Die Tabelle braucht eine definierte Breite, damit es funktioniert: */
  width: 100%; /* oder z.B. 600px */
  border-collapse: collapse;
}
.gleichmaessige-tabelle td, 
.gleichmaessige-tabelle th {
  border: 0px solid black;
  width:33.33%;
  /* Höhe für alle Zellen festlegen */
  height: 100px; 
  
  /* Verhindert, dass zu viel Inhalt das Layout sprengt */
  overflow: hidden; 
  word-wrap: break-word; /* Bricht zu lange Wörter um */
}