/* Stylesheet Comcast Websolutions GmbH  AkuMed 2013 */

/* *****  CSS-RESET ***** */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, footer, header, nav, section {
	display: block;
}
@font-face {
    font-family: 'archivo_blackregular';
    src: url('archivoblack-regular-webfont.eot');
    src: url('archivoblack-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('archivoblack-regular-webfont.woff') format('woff'),
         url('archivoblack-regular-webfont.ttf') format('truetype'),
         url('archivoblack-regular-webfont.svg#archivo_blackregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'liberation_serifbold';
    src: url('LiberationSerif-Bold-webfont.eot');
    src: url('LiberationSerif-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('LiberationSerif-Bold-webfont.woff') format('woff'),
         url('LiberationSerif-Bold-webfont.ttf') format('truetype'),
         url('LiberationSerif-Bold-webfont.svg#liberation_serifbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {
	max-width: 100%;
	background-color:#E4E4E4;
    margin:0 auto; 
	line-height: 1;
	position:relative;
	font-family: "Lucida Sans Unicode","Lucida Grande","FreeSans",Tahoma,Arial, sans-serif; 
	font-size: 11pt; 
}
h3 {
    font-weight:bold;
	font-family: "Lucida Sans Unicode","Lucida Grande","FreeSans",Tahoma,Arial, sans-serif; 
	font-size: 11pt; 
}
header {
	width: 100%;
     position:relative;
     background-color:white;
	 height:300px;
	
}



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

/* It's not used anymore was replaced with a Logo
header p {
    margin-left:24%;
	margin-top:-42px;
	position:absolute;top:2.5;left:12.0em;
	font-size:2.9em;
	color:#0B486B;
	font-weight:bold;
	font-family: 'archivo_blackregular',Cuprum, sans-serif;
	letter-spacing: 1.5px;
	text-shadow:2px 4px 3px rgba(0,0,0,0.3);
}
*/

#dl-menu {
display:none;
}
#nav {
    
}

#nav ul{

     
	  margin:58px 28px 0px 0px;
	 
}
#nav  ul li {
     display:inline-block;
	 text-transform:uppercase;
     font-weight:bold;    
	 letter-spacing: 2.5px;
	 text-decoration:none;
	 padding:0px 0px 20px 0px;	
	 margin: 10px 10px 10px 10px;
	 font-size: 18px; 
	 
	
}
#nav  ul li a{
     	 text-decoration:none;
		 color:#0B486B;
		 margin:auto;
		
}
#nav  ul li:hover{
    background: url('balken.gif') no-repeat bottom;
     background-repeat: repeat-x;
	 
      
}
li.menu_top_aktiv {
  background: url('balken.gif') no-repeat bottom;
     background-repeat: repeat-x;
 
}
.logo_roger { 
   float:left;
   margin-top:0px;
   margin-bottom:20px;
   margin-left:4%;
   margin-right:4%;
   border: 4px solid #574E51;
   width:340px;
	height:160px;
   background-size:540px 360px;
   max-width:100%; height:auto;
} 


#container_empty1{
    background-color:#7DAD85;
	height:150px;
	      
}
#container_empty2{
	background-color:#E4E4E4;
	height:450px;
	      
}
#container_inhalt{
	position:relative;
	width:80%;
    background-color:white;
	margin-top:-530px;
	overflow:auto;
	z-index:2;	
    height:850px;	
}

#lageplan{	
	margin-left:20px;
}

.Header_Format{
	font-size:38px;
	font-weight:normal;
	font-family: 'archivo_blackregular';
	margin-bottom:40px;
	margin-left:20px;
	padding-top:20px;
	      
}
.Text_Format{
	font-size:16px;
	font-weight:normal;
	padding:0px  40px 0px 40px;
	margin-bottom:40px;
	line-height:1.5em;	
}
.fett {	
	font-weight:bold;
}
#gallery {
    margin-left:4%; 
    margin-bottom:50px;	
}
#gallery  img{
      
	border: 1px solid #574E51;
}
table{
	
	margin:20px 20px 20px 20px;
}
td {
	width:80px;
	font-size:16px;
	padding:20px 20px 20px 20px;
	
	
}

footer {
	 margin-top:-30px;
     background-color:#000000;
	 height:130px;
	 width:100%;
	 overflow:hidden;
	 z-index:1;
	 position:absolute;
	
}
footer ul li{
     
     display:inline-block;
	 padding:0px 15px 0px 0px;
		 
}
footer ul{
    
	float:right;
	margin:50px 0px 0px 0px;
	margin-right: 20%;
}	
footer a{
    color:#16A085; 
	font-family: "Lucida Sans Unicode","Lucida Grande","FreeSans",Tahoma,Arial, sans-serif;
    text-decoration:none;	
}	
footer a:hover {
    color:#A8DBA8;
	font-family: "Lucida Sans Unicode","Lucida Grande","FreeSans",Tahoma,Arial, sans-serif;
    text-decoration:underline;	
}	

footer .positionimg {
    float:left;
      margin:50px 0px 0px 80px;
}	
/*------------------ CSS Angaben für Responsive Menu IPhone Menüpunkt ausschalten  ---------------------------------*/
/*------------------ Responsive Design---------------------------------*/





/*------------------ Responsive Design---------------------------------*/


@media screen and (max-width: 780px) {
	#headerlogo img{
    
    max-width:100%; height:auto;
}
.Header_Format{
	font-size:32px;
	font-weight:normal;
	font-family: 'archivo_blackregular';
	margin-bottom:40px;
	padding-top:20px;
	      
}
#container_inhalt{
	width:90%;
    background-color:white;
	margin-top:-500px;
	overflow:auto;
	      
}
.Text_Format{
	font-size:14px;
	font-weight:normal;
	padding:0px  40px 0px 40px;
	margin-bottom:40px;
	line-height:1.5em;	
	      
}
.logo_roger { 
   float:left;
   margin-top:0px;
   margin-bottom:20px;
   margin-left:4%;
   margin-right:4%;
   border: 4px solid #574E51;
   background-size:540px 360px;
   max-width:100%; height:auto;
} 
} 
@media screen and (max-width:320px) {
	#headerlogo img{    
    max-width:100%; height:auto;
}
.Header_Format{
	font-size:32px;
	font-weight:normal;
	font-family: 'archivo_blackregular';
	margin-bottom:40px;
	padding-top:20px;
	      
}
#container_inhalt{
	width:90%;
    background-color:white;
	margin-top:-500px;
	overflow:auto;
	      
}
.Text_Format{
	font-size:14px;
	font-weight:normal;
	padding:0px  40px 0px 40px;
	margin-bottom:40px;
	line-height:1.5em;	
	      
}
.logo_roger { 
   float:left;
   margin-top:0px;
   margin-bottom:20px;
   margin-left:0%;
   margin-right:0%;
   border: 4px solid #574E51;
   background-size:540px 360px;
   max-width:100%; height:auto;
} 
table{
	
	margin:20px 20px 20px 20px;
}
td {
	width:60px;
	font-size:14px;
	padding:20px 20px 20px 20px;
	
	
}
} 
/*------------------ Responsive Design---------------------------------*/

/*------------------ Responsive Design---------------------------------*/