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

body {  
	font-family:'Times New Roman', DroidSerif; 
	margin:0px;
        background-color:white;}
	
body a {color:#002E55;
        text-decoration: none; }


header { background: url(../bilder/headerbackground.png); 
	      color: #002E55;
           border-bottom: 3px solid #002E55;
           margin-top: 5px;

}

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


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

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

              width:auto;
             max-width:500px;
              min-width:320px;


}

#linkerBlock   {display: none;
    text-align:left;
    right: 0px;
    width: 45%;

    float: left;
    padding: 10px;
     border-top: 2px dotted #CECECE;
     margin:auto;
        min-height:100%;
         padding:0 3px;


        width:auto;
        max-width:500px;


  /*     border-right: 2px dotted #CECECE; */

     }

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

     }



nav {margin:10px;
	padding-bottom:20px;
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
	text-align:center;}

main {background-color:#ffffff;
	color: #000000;
	width:100%;}
	
main h1 {font-size: xx-large;
 	margin-bottom: 10px;
	margin-top: 0px;}	
	 
 #centerPage {
       
        height:auto;
        margin:auto;
        min-height:100%;
        padding:0 3px;
        text-align:center;
       
        width:auto;
        max-width:980px;
        min-width:300px;
    }	

article {border: 1px solid grey;
	border-radius:10px;
	margin:20px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;}


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

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

img {
  max-width: 100%;
  height: auto;
  display: block;
}

ul {margin:0; 
    padding:0;
    width:100%;
    list-style-type:none;
	font-size:large;
}

ul li a {
    text-decoration:none;
    color:white; 
    padding:10.5px 11px;
	margin-bottom:10px;
    background-color:#002E55;
    display:block;
	border-radius:10px;
}
 
ul li a:visited {color: white;}
 
ul li a:hover, ul li .current {color: black;
    background-color: blue;}

	/*Das Menü oben. Container. Das Menü ansich macht navigation.css*/
    #mainnavi {
       margin: 0;
       padding: 0;
	   margin-left:20px;
	   margin-right: 20px;
           margin-top: 10px;
	   margin-bottom: 10px;
	   
	  background-color: #8C8C8C;
	 
    }

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

#mainavi ul li a {text-decoration:none;
    color:#ffffff; 
    padding:10.5px 11px;
	margin-bottom:10px;
    background-color:#A2A2A2;
    display:block;
	border-radius:10px;
    width: 100%; 
}

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


img { max-width: 150px; 
      height: auto; 
    }

/* IE-Patch für IE 7*/
*:first-child+html .clearfix { min-height: 0; }

/* IE-Patch für IE 6*/
* html .clearfix { height: 1%; }

.nav-primary h3 {
   position: absolute;
   left: -999em;
}
.nav-primary ul {
   border: 1px solid #e6e6e6;
}
.nav-primary li {
   font-size: 1.8em;
   border-bottom: 1px solid #eee;
}
.nav-primary li:last-child {
   border-bottom: 0;
}
.nav-primary a {
   display: block;
   padding: .5em .8em;
   text-decoration: none;
   color: #333;
}
.nav-primary a:hover {
   background-color: #f8f8f8;
}
.nav-primary .nav-current {
   font-weight: bold;
}

.nav-menu .nav-primary {
   margin: 0 0 1.5em;
   position: relative;
   overflow: hidden;
}
.nav-menu .nav-primary a {
   padding-right: 3em;
}
.nav-menu .nav-primary h3 {
   position: absolute;
   top: 0;
   left: auto;
   right: 0;
   display: block;
   width: 4em;
   height: 4.5em;
   background: #ccc url(img/icons.png) no-repeat -205px 45%;
   text-indent: -999em;
   cursor: pointer;
}
.nav-menu .nav-primary.expanded h3 {
   background-position: -169px 45%;
}
.nav-menu .nav-primary li {
   clear: left;
   display: none;
}
.nav-menu .nav-primary.expanded li,
.nav-menu .nav-primary li.nav-current {
   display: list-item;
}
.nav-menu .nav-primary li.nav-current {
   border-bottom-width: 0;
}
.nav-menu .nav-primary.expanded li.nav-current {
   border-bottom-width: 1px;
}



/*Rechts Container*/
    #right {
   
    right: 0px;       
    width: 100%;
    margin: 0px;



	
    }
	#right hr {
		border:1px solid #FFF;
		width:97%;
	}

#right p {
		text-decoration:none;
    color:#ffffff; 
    padding:10.5px 11px;
	margin-bottom:10px;
    background-color:#3973e5;
    display:block;
	border-radius:10px;
      text-align: center; 
	}

#right  img {
    width: 30%;
    height: auto;
}

/*das rechte menü Text Abstand*/
#rightmenu {
	padding-top:14px;
padding-right:15px;
}	
    #fussTabelle {
display:none;




    }