body, div { margin: 5; padding: 0; }
body { font-size: 17px; font-family: source sans pro, veranda, arial; color: #444; }
h1,h2,h3,h4,h5,p { margin: 10px 0; }
img { border: none; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
a { color: #444; text-decoration:none;}
a:hover { text-decoration:none; color:#999; }

#main_container { width: 100%; margin: 0 auto;
   }

/* Top Menu */

#top_menu { text-align: right; font-size: 0.7em;  letter-spacing:0.1em; color: #a6a5a5; margin-top: 5px; }

  ul#navi {
    margin: 0.3em; padding: 0;
    color: #444;
  }
  ul#navi li {
    display: inline;
    margin: 0; padding: 0.15em;
  }
  ul#navi li ul {
  	 right: 10px;
	 margin-top: 0.1em;  	 
	 padding: 7px;
  	 background-color: whitesmoke;
    position: absolute;
    display: block; }
  ul#navi li ul li { margin: 0.1em 0; 
    display: block;}
  * html ul#Navigation li ul li {  /* Korrektur fuer IE 5.x */
    margin-left: 1em;
    ma\rgin-left: 0;
  }
  
  
  ul#navi li>ul {
    display: none; top: 1.6em;
  }
  ul#navi li:hover>ul, ul#Navigation li>a#aktuell+ul {
    display: block;
  }

  /* Workaround fuer den IE 7 */
  *:first-child+html ul#Navigation ul {
    background-color:silver; padding-bottom:0.4em;
  }
  
  
/* Main */

#main_content { 
	margin: 0 auto;
	margin-top: 10px;
   text-align: left;
   min-height: 300px;
	color: #444;
   }

/* Menu */

#menu { text-align: center; font-size: 1em;  letter-spacing:0.1em; color: #a6a5a5; margin-top: 5px; }
    
    
    
#headline{
	font-size: 1.2em;
	margin: 8px;
	}
#list{
	font-size: 0.8em;
	}
#listing td{min-width: 30px;}
	
	
#fixiert_back {
   position: absolute;
 	min-height: 99%;
 	min-width: 99%;
   background-image: url(img/start_background.png);
   padding: 0;
   margin: 0;
	}
    
#fixiert {
   position: absolute;
 	top: 30%; 
	left: 33%;
 	min-height: 50px;
 	color: #a6a5a5; 
   background-color: white;
   font-size: 1.2em;
   border: 1px solid silver;
   padding: 15px;
  }
 #fixiert p { text-align: right; }
 #info { font-size: 0.7em; }
 #failure { font-size: 0.7em; }



/* Footer */

#footer { 
	margin-top: 55px;
	padding: 10px 0; 
	text-align: right; 
	font-size: 0.65em; 
	letter-spacing:0.1em; 
	color: #a6a5a5; 
	border-top: 1px solid #DBDBDB; 
	}

#footer a { color: #a6a5a5; text-decoration: none; }

#footer a:hover { text-decoration: underline; }







/* for tablet */



@media only screen and (min-width: 768px) and (max-width: 959px) {



#main_container { width: 728px; }

  ul#navi li ul { display: none; }
  ul#navi li ul li {  display: inline;}
  ul#navi li:hover>ul, ul#Navigation li>a#aktuell+ul { display: inline; }

}





/* for mobile */



@media screen and (max-width: 480px) {



#main_container { width: 320px; }


  ul#navi li ul{    display: inline-table; }
  ul#navi li ul li {    display: inline-table;}
  ul#navi li>ul {   display: inline-table;  }
  ul#navi li:hover>ul, ul#Navigation li>a#aktuell+ul {  display: inline-table;  }




}