/* 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);
}
*/
/*------------------ Responsive Design Menü ausshalten mit none wird erst 
gezeigt aber einer Auflösung von 730 px  ---------------------------------*/


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


#container_empty1{
    background-color:#7DAD85;
	height:150px;
	      
}
#container_empty2{
	background-color:#E4E4E4;
	height:450px;
	      
}
#container_inhalt{
	position:relative;
	z-index:2;
	clear:left;
	width:80%;
    background-color:white;
	margin-top:-530px;
	height:450px;
	overflow:auto;	      
}
#preis_box{	
    float:left;
    margin-left:2%;
	margin-right: 7px;
	padding-right:20px;
	margin-bottom:25px;
	width:60.90%;
    background-color:#C8D333;
	height:465px;
	overflow:auto;	      
}
#Termin_Box{	
    clear:right;
    margin-left:2%;
	margin-top:25px;
	margin-bottom:40px;
	padding-right:5px;
	width:31.25%;
    background-color:#E4E4E4;
	height:465px;
	overflow:auto;	      
}
.Header_Format{
	font-size:38px;
	font-weight:normal;
	font-family: 'archivo_blackregular';
	margin-bottom:40px;
	margin-left:20px;
	padding-top:20px;
	      
}
.Header_Format_Preisbox{
	font-size:38px;
	font-weight:normal;
	font-family: 'archivo_blackregular';
	margin-bottom:10px;
	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;	
}
.Text_Format_Preise{
	font-size:18px;
	font-weight:normal;
	padding:0px  40px 0px 40px;
	margin-bottom:40px;
	line-height:1.5em;	
}
.Text_Format_Beratungstermin{
	font-size:20px;
	font-weight:bold;
	padding:50px  40px 0px 40px;
	margin-bottom:40px;
	
}
.Text_Format_Beratungstermin2{
	font-size:14px;
	font-weight:bold;
	padding:50px  40px 0px 40px;
	margin-bottom:40px;
	
}

#ul {
	font-size:16px;
	font-weight:normal;
	margin-left:15%;
	margin-bottom:40px;
	margin-top:-50px;
	line-height:1.5em;	
}


footer {
	 z-index:1;
	 position:absolute;
	 margin-top:-30px;
     background-color:#000000;
	 height:130px;
	 overflow:hidden;
	 width:100%;
	
}
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   800 px  ---------------------------------*/
@media screen and (max-width: 850x) {


#dl-menu {
display:block;
}	
.Header_Format{
	font-size:28px;
	font-weight:normal;
	font-family: 'archivo_blackregular';
	margin-bottom:40px;
	padding-top:20px;
	      
}
#container_inhalt{
	width:90%;
    background-color:white;
	margin-top:-500px;
	height:420px;
	overflow:auto;
	      
}
.Text_Format{
	font-size:15px;
	font-weight:normal;
	padding:0px  40px 0px 40px;
	margin-bottom:40px;
	line-height:1.5em;		      
}
#preis_box{	
    float:left;
    margin-left:2%;
	margin-right: 7px;
	padding-right:20px;
	margin-bottom:25px;
	width:85.90%;
    background-color:#C8D333;
	height:495px;
	overflow:auto;	      
}
#Termin_Box{	
    clear:right;
    margin-left:2%;
	margin-top:25px;
	margin-bottom:40px;
	padding-right:5px;
	width:87.90%;
    background-color:#E4E4E4;
	height:495px;
	overflow:auto;	      
}
.Header_Format_Preisbox{
	font-size:28px;
	font-weight:normal;
	font-family: 'archivo_blackregular';
	margin-bottom:10px;
	margin-left:20px;
	padding-top:20px;
	      
}
ul {
	font-size:15px;
	font-weight:normal;
	margin-left:15%;
	margin-bottom:40px;
	margin-top:-50px;
	line-height:1.5em;	
}
.Text_Format_Preise{
	font-size:16px;
	font-weight:normal;
	padding:0px  40px 0px 40px;
	margin-bottom:40px;
	line-height:1.5em;	
}
}

/*------------------ Responsive Design   700 px  ---------------------------------*/
@media screen and (max-width: 700px) {
	
.Header_Format{
	font-size:28px;
	font-weight:normal;
	font-family: 'archivo_blackregular';
	margin-bottom:40px;
	padding-top:20px;
	      
}
#container_inhalt{
	width:90%;
    background-color:white;
	margin-top:-500px;
	height:630px;
	overflow:auto;
	      
}
.Text_Format{
	font-size:15px;
	font-weight:normal;
	padding:0px  40px 0px 40px;
	margin-bottom:40px;
	line-height:1.5em;		      
}
#preis_box{	
    float:left;
    margin-left:2%;
	margin-right: 7px;
	padding-right:20px;
	margin-bottom:25px;
	width:85.90%;
    background-color:#C8D333;
	height:495px;
	overflow:auto;	      
}
#Termin_Box{	
    clear:right;
    margin-left:2%;
	margin-top:25px;
	margin-bottom:40px;
	padding-right:5px;
	width:85.90%;
    background-color:#E4E4E4;
	height:495px;
	overflow:auto;	      
}
.Header_Format_Preisbox{
	font-size:28px;
	font-weight:normal;
	font-family: 'archivo_blackregular';
	margin-bottom:10px;
	margin-left:20px;
	padding-top:20px;
	      
}
ul {
	font-size:15px;
	font-weight:normal;
	margin-left:15%;
	margin-bottom:40px;
	margin-top:-50px;
	line-height:1.5em;	
}
.Text_Format_Preise{
	font-size:14px;
	font-weight:normal;
	padding:0px  40px 0px 40px;
	margin-bottom:40px;
	line-height:1.5em;	
}
}



@media screen and (max-width: 500px) {
	
header {
	 width: 100%;
     position:relative;
     background-color:white;
	 height:200px;
	
}	
	
	
.Header_Format{
	font-size:28px;
	font-weight:normal;
	font-family: 'archivo_blackregular';
	margin-bottom:40px;
	padding-top:20px;
	      
}
#container_inhalt{
	width:90%;
    background-color:white;
	margin-top:-500px;
	height:700px;
	
	      
}
.Text_Format{
	font-size:15px;
	font-weight:normal;
	padding:0px  40px 0px 40px;
	margin-bottom:40px;
	line-height:1.5em;		      
}
.Header_Format_Preisbox{
	font-size:28px;
	font-weight:normal;
	font-family: 'archivo_blackregular';
	margin-bottom:10px;
	margin-left:20px;
	padding-top:20px;
	      
}
.Text_Format_Preise{
	font-size:13px;
	font-weight:normal;
	padding:0px  40px 0px 40px;
	margin-bottom:40px;
	line-height:1.5em;	
}
#Termin_Box{	
    clear:right;
    margin-left:2%;
	margin-top:25px;
	margin-bottom:40px;
	padding-right:5px;
	width:89.25%;
    background-color:#E4E4E4;
	height:465px;
	overflow:auto;	      
}
.Text_Format_Beratungstermin{
	font-size:16px;
	font-weight:bold;
	padding:5px  40px 0px 0px;
	margin-bottom:40px;
}	
.Text_Format_Beratungstermin2{
	font-size:14px;
	font-weight:bold;
	padding:20px  40px 0px 40px;
	margin-bottom:40px;
	
}
#preis_box{	
    float:left;
    margin-left:2%;
	margin-right: 7px;
	padding-right:20px;
	margin-bottom:25px;
	width:85.90%;
    background-color:#C8D333;
	height:565px;
	overflow:auto;	      
}
ul {
	font-size:14px;
	font-weight:normal;
	margin-left:15%;
	margin-bottom:40px;
	margin-top:-50px;
	line-height:1.5em;	
}
}	

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



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

header {
	 width: 100%;
     position:relative;
     background-color:white;
	 height:200px;
	
}
	
.Header_Format{
	font-size:28px;
	font-weight:normal;
	font-family: 'archivo_blackregular';
	margin-bottom:40px;
	padding-top:20px;
	      
}
#container_inhalt{
	width:90%;
    background-color:white;
	margin-top:-500px;
	height:1630x;
	
	      
}
#container demo-4"{
	
	margin-top:1500px;
	
	      
}
.Text_Format{
	font-size:15px;
	font-weight:normal;
	padding:0px  40px 0px 40px;
	margin-bottom:40px;
	line-height:1.5em;		      
}
#preis_box{	
    float:left;
    margin-left:2%;
	margin-right: 7px;
	padding-right:20px;
	margin-bottom:25px;
	width:85.90%;
    background-color:#C8D333;
	height:465px;
	overflow:auto;	      
}
#Termin_Box{	
    clear:right;
    margin-left:2%;
	margin-top:25px;
	margin-bottom:40px;
	padding-right:5px;
	width:88.90%;
    background-color:#E4E4E4;
	height:465px;
	overflow:auto;	      
}
.Header_Format_Preisbox{
	font-size:28px;
	font-weight:normal;
	font-family: 'archivo_blackregular';
	margin-bottom:10px;
	margin-left:20px;
	padding-top:20px;
	      
}
ul {
	font-size:15px;
	font-weight:normal;
	margin-left:15%;
	margin-bottom:40px;
	margin-top:-50px;
	line-height:1.5em;	
}
.Text_Format_Preise{
	font-size:13px;
	font-weight:normal;
	padding:0px  40px 0px 40px;
	margin-bottom:40px;
	line-height:1.5em;	
}




}

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

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



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