html,body
{
     background-image:url("../images/hinter.jpg");
     width:100%;
     height:100%;
     overflow:auto;
	 position:absolute;
     top:0;
     left:0;
     z-index:70;
     padding:0;
	 margin:0;
	 text-align:center;
	 background-color:#99CC33;
	 background-repeat:repeat-x;
	 background-position: top;

}

#main
{
     width:800px;
     height:700px;
	 margin-left:auto; 
	 margin-right:auto;
	 margin-top:0;
	 position:relative;
	 overflow:visible;
	 

}

#header
{
     width:800px;
     height:162px;
	 margin-left:auto; 
	 margin-right:auto;
	 margin-top:0;
	 position:relative;
	 overflow:visible;
	 text-align:left;


}

#base
{
     width:800px;
     height:572px;
	 position:absolute;
	 background-image:url("../images/base.png");
	 overflow:visible;
	 z-index:90;
	 left:0px;
	 top:162px;
}

#footer
{
     width:800px;
     height:20px;
	 position:absolute;
	 overflow:visible;
	 z-index:95;
	 left:0px;
	 top:725px;
}

#navi
{
     width:800px;
     height:310px;
	 position:absolute;

	 left:0px; 
	 top:0px;
	 z-index:100;
	 text-align: left;
}

#text
{
     width:450px;
     height:310px;
	 position:absolute;
	 background-color:#fff;
	 left:315px; 
	 top:235px;
	 z-index:95;
	 text-align: left;
}

#text_anfrage
{
     width:470px;
     height:310px;
	 position:absolute;
	 background-color:#fff;
	 left:285px; 
	 top:230px;
	 z-index:95;
	 text-align: left;
}

#text_info
{
     width:470px;
     height:35px;
	 position:absolute;
	 background-color:#fff;
	 left:285px; 
	 top:195px;
	 z-index:95;
	 text-align: left;
}

#text_name
{
     width:170px;
     height:25px;
	 position:absolute;
	 background-color:#fff;
	 left:100px; 
	 top:272px;
	 z-index:95;
	 text-align: right;
}

#text_anschrift
{
     width:170px;
     height:25px;
	 position:absolute;
	 background-color:#fff;
	 left:100px; 
	 top:307px;
	 z-index:95;
	 text-align: right;
}

#text_telmail
{
     width:170px;
     height:25px;
	 position:absolute;
	 background-color:#fff;
	 left:100px; 
	 top:342px;
	 z-index:95;
	 text-align: right;
}

#text_geburt
{
     width:170px;
     height:25px;
	 position:absolute;
	 background-color:#fff;
	 left:100px; 
	 top:380px;
	 z-index:95;
	 text-align: right;
}

#text_kinder
{
     width:170px;
     height:25px;
	 position:absolute;
	 background-color:#fff;
	 left:100px; 
	 top:415px;
	 z-index:95;
	 text-align: right;
}

#text_kasse
{
     width:170px;
     height:25px;
	 position:absolute;
	 background-color:#fff;
	 left:100px; 
	 top:450px;
	 z-index:95;
	 text-align: right;
}

#text_empfehlung
{
     width:170px;
     height:25px;
	 position:absolute;
	 background-color:#fff;
	 left:100px; 
	 top:495px;
	 z-index:95;
	 text-align: right;
}

#inhalt
{
     width:650px;
     height:310px;
	 position:absolute;
	 background-color:#fff;
	 left:75px; 
	 top:220px;
	 z-index:95;
	 text-align: center;
}

#imp
{
     width:450px;
     height:310px;
	 position:absolute;
	 background-color:#fff;
	 left:80px; 
	 top:210px;
	 z-index:95;
	 text-align: left;
}

#bild_oben_quer
{
     width:200px;
     height:140px;
	 position:absolute;
	 background-color:#99CC33;
	 background:url("../images/font_bild_quer.gif") no-repeat;
	 padding:10px;
	 left:65px; 
	 top:235px;
	 text-align: left;
	 z-index:96
}

#bild_oben_hoch
{
     width:140px;
     height:200px;
	 position:absolute;
	 background-color:#99CC33;
	 background:url("../images/font_bild_hoch.gif") no-repeat;
	 padding:10px;
	 left:95px; 
	 top:235px;
	 text-align: left;
	 z-index:96
}

#bild_unten_quer
{
     width:200px;
     height:140px;
	 position:absolute;
	 background-color:#99CC33;
	 background:url("../images/font_bild_quer.gif") no-repeat;
	 padding:10px;
	 left:65px; 
	 top:490px;
	 text-align: left;
	 z-index:96
}

#bild_unten_praxis1
{
     width:208px;
     height:150px;
	 position:absolute;
	 background-color:#99CC33;
	 background:url("../images/font_bild_praxis.gif") no-repeat;
	 padding:10px;
	 left:60px; 
	 top:485px;
	 text-align: left;
	 z-index:96
}

#bild_unten_praxis2
{
     width:240px;
     height:150px;
	 position:absolute;
	 background-color:#99CC33;
	 background:url("../images/font_bild_praxis_breit.gif") no-repeat;
	 padding:10px;
	 left:300px; 
	 top:530px;
	 text-align: left;
	 z-index:96
}

#bild_unten_praxis3
{
     width:140px;
     height:200px;
	 position:absolute;
	 background-color:#99CC33;
	 background:url("../images/font_bild_praxis_hoch.gif") no-repeat;
	 padding:10px;
	 left:585px; 
	 top:440px;
	 text-align: left;
	 z-index:96
}


#babyschrift_quer
{
     width:215px;
     height:40px;
	 position:absolute;
	 background-color:#FFFFFF;
	 left:00px; 
	 top:120px;
	 text-align: center;
	 z-index:95
}

#babyschrift_hoch
{
     width:215px;
     height:40px;
	 position:absolute;
	 background-color:#FFFFFF;
	 left:00px; 
	 top:160px;
	 text-align: center;
	 z-index:95
}


#baby01_quer
{
     width:215px;
     height:160px;
	 position:absolute;
	 background-color:#FFFFFF;
	 background:url("../images/font_baby_quer.gif") no-repeat; 
	 background-position:top;
	 left:65px; 
	 top:245px;
	 text-align: center;
	 z-index:95
}


#baby01_hoch
{
     width:215px;
     height:165px;
	 position:absolute;
	 background-color:#FFFFFF;
	 background:url("../images/font_baby_hoch.gif") no-repeat;
	 background-position:top;
	 left:65px; 
	 top:225px;
	 text-align: center;
	  vertical-align: center;
	 z-index:95
}



#baby02_quer
{
     width:215px;
     height:160px;
	 position:absolute;
	 background-color:#FFFFFF;
	 background:url("../images/font_baby_quer.gif") no-repeat;
	 background-position:top;
	 left:280px;
	 top:245px;
	 text-align: center;
	 z-index:95
}

#baby02_hoch
{
     width:215px;
     height:165px;
	 position:absolute;
	 background-color:#FFFFFF;
	 background:url("../images/font_baby_hoch.gif") no-repeat;
	 background-position:top;
	 left:280px; 
	 top:225px;
	 text-align: center;
	 z-index:95
}

#baby03_quer
{
     width:215px;
     height:160px;
	 position:absolute;
	 background-color:#FFFFFF;
	  background:url("../images/font_baby_quer.gif") no-repeat;
	 background-position:top;
	 left:505px;
	 top:245px;
	 text-align: center;
	 z-index:95
}

#baby03_hoch
{
     width:215px;
     height:165px;
	 position:absolute;
	 background-color:#FFFFFF;
	 background:url("../images/font_baby_hoch.gif") no-repeat;
	 background-position:top;
	 left:505px; 
	 top:225px;
	 text-align: center;
	 z-index:95
}


#baby04_quer
{
     width:215px;
     height:160px;
	 position:absolute;
	 background-color:#FFFFFF;
	  background:url("../images/font_baby_quer.gif") no-repeat;
	background-position:top;
	 left:65px; 
	 top:470px;
	 text-align: center;
	 z-index:95
}
	
#baby04_hoch
{
     width:215px;
     height:165px;
	 position:absolute;
	 background-color:#FFFFFF;
	 background:url("../images/font_baby_hoch.gif") no-repeat;
	 background-position:top;
	 left:65px; 
	 top:450px;
	 text-align: center;
	 z-index:95
}
	
	
#baby05_quer
{
     width:215px;
     height:160px;
	 position:absolute;
	 background-color:#FFFFFF;
	  background:url("../images/font_baby_quer.gif") no-repeat;
	 background-position:top;
	 left:280px; 
	 top:470px;
	 text-align: center;
	 z-index:95
}	

#baby05_hoch
{
     width:215px;
     height:165px;
	 position:absolute;
	 background-color:#FFFFFF;
	 background:url("../images/font_baby_hoch.gif") no-repeat;
	 background-position:top;
	 left:280px; 
	 top:450px;
	 text-align: center;
	 z-index:95
}
	 

#baby06_quer
{
     width:215px;
     height:160px;
	 position:absolute;
	 background-color:#FFFFFF;
	  background:url("../images/font_baby_quer.gif") no-repeat;
	 background-position:top;
	 left:500px; 
	 top:470px;
	 text-align: center;
	 z-index:95
}

#baby06_hoch
{
     width:215px;
     height:165px;
	 position:absolute;
	 background-color:#FFFFFF;
	 background:url("../images/font_baby_hoch.gif") no-repeat;
	 background-position:top;
	 left:500px; 
	 top:450px;
	 text-align: center;
	 z-index:95
}
	
	
#babybild
{
     background-color:#99CC33;
	 background:url("../images/font_bild.gif") no-repeat;
	 padding-top:10px;
	 padding-left:8px;
	 padding-right:7px;
	 padding-bottom:6px;
	 	 /*overflow:hidden;
	 max-width: 145px;
	 max-height: 145px;*/
}
 
#bild_hoch
{
     width:140px;
     height:200px;
	 position:absolute;
	 background-color:#99CC33;
	 background:url("../images/font_bild_hoch.gif") no-repeat;
	 padding:10px;
}


#pagebrowser
{
     width:650px;
     height:30px;
	 position:absolute;
	 background-color:#fff;
	 left:75px; 
	 top:670px;
	 z-index:96
}


input#name,
textarea {
  width: 300px;
  border: 1px solid #8c8c8c;
}
textarea {
  height: 7em;
}
input:focus,
textarea:focus {
  background-color: #d9d9d9;
}

input#gebdat,
textarea {
  width: 80px;
  border: 1px solid #8c8c8c;
}
textarea {
  height: 7em;
}
input:focus,
textarea:focus {
  background-color: #d9d9d9;
}

input#adresse,
textarea {
  width: 390px;
  border: 1px solid #8c8c8c;
}
textarea {
  height: 7em;
}
input:focus,
textarea:focus {
  background-color: #d9d9d9;
}

input#telefon,
textarea {
  width: 190px;
  border: 1px solid #8c8c8c;
}
textarea {
  height: 7em;
}
input:focus,
textarea:focus {
  background-color: #d9d9d9;
}

input#mail,
textarea {
  width: 190px;
  border: 1px solid #8c8c8c;
}
textarea {
  height: 7em;
}
input:focus,
textarea:focus {
  background-color: #d9d9d9;
}

input#geburt,
textarea {
  width: 80px;
  border: 1px solid #8c8c8c;
}
textarea {
  height: 7em;
}
input:focus,
textarea:focus {
  background-color: #d9d9d9;
}

input#kinder,
textarea {
  width: 80px;
  border: 1px solid #8c8c8c;
}
textarea {
  height: 7em;
}
input:focus,
textarea:focus {
  background-color: #d9d9d9;
}

input#kasse,
textarea {
  width: 390px;
  border: 1px solid #8c8c8c;
}
textarea {
  height: 7em;
}
input:focus,
textarea:focus {
  background-color: #d9d9d9;
}

input#empfehlung,
textarea {
  width: 390px;
  border: 1px solid #8c8c8c;
}
textarea {
  height: 7em;
}
input:focus,
textarea:focus {
  background-color: #d9d9d9;
}

p.text { text-decoration:none;  color:#000000; 
  font-size:12px; font-weight: light; border: none; font-family: Arial, Helvetica ; 
  line-height: 15px; letter-spacing: 0.01 em ; margin-top: 0px; margin-bottom: 
  12px;margin-right:0px; }
  
p.text_orange { text-decoration:none;  color:#ef9308; 
  font-size:12px; font-weight: light; border: none; font-family: Arial, Helvetica ; 
  line-height: 15px; letter-spacing: 0.01 em ; margin-top: 0px; margin-bottom: 
  12px;margin-right:0px; }
  
p.texthell { text-decoration:none;  color:#b4b4b4; 
  font-size:12px; font-weight: light; border: none; font-family: Arial, Helvetica ; 
  line-height: 15px; letter-spacing: 0.01 em ; margin-top: 0px; margin-bottom: 
  12px;margin-right:0px; }


p.footer { text-decoration:none;  color:#FFFFFF; 
  font-size:13px; font-weight: light; border: none; font-family: Arial, Helvetica ; 
  line-height: 15px; letter-spacing: 0.01 em ; margin-top: 0px; margin-bottom: 
  0px;margin-right:0px; }

 a.footer:link { text-decoration:none;  color:#FFFFFF; 
  font-size:13px; font-weight: 600; border: none; font-family: Arial, Helvetica ; 
  line-height: 11px; letter-spacing: 0.01 em ; margin-top: 0px; margin-bottom: 
  13px;margin-left:0px;}
a.footer:visited { text-decoration:none;  color:#FFFFFF; 
  font-size:13px; font-weight: 600; border: none; font-family: Arial, Helvetica ; 
  line-height: 11px; letter-spacing: 0.01 em ; margin-top: 0px; margin-bottom: 
  13px;margin-left:0px;}
a.footer:hover{ text-decoration:underline;  color:#FFFFFF; 
  font-size:13px; font-weight: 600; border: none; font-family: Arial, Helvetica ; 
  line-height: 11px; letter-spacing: 0.01 em ; margin-top: 0px; margin-bottom: 
  13px;margin-left:0px;}
a.footer:active { text-decoration:none;  color:#FFFFFF; 
  font-size:13px; font-weight: 600; border: none; font-family: Arial, Helvetica ; 
  line-height: 11px; letter-spacing: 0.01 em ; margin-top: 0px; margin-bottom: 
  13px;margin-left:0px;}
 
 
 
h1 {text-decoration:none; color:#ef9308;font-weight:600;font-size:11pt; font-weight: light; border: none; font-family: Arial, Helvetica; margin:0 }

h2 {text-decoration:none; color:#ef9308;font-weight:600;font-size:10pt; font-weight: light; border: none; padding-top: 5px; font-family: Arial, Helvetica; margin:0 }

h3 {text-decoration:none; color:#b4b4b4;font-weight:600;font-size:11pt; font-weight: light; border: none; font-family: Arial, Helvetica; margin:0 }

#container
{
overflow: auto;
width: 650px;
height: 460px;
}

.container {
  margin:auto;
  width:1000px;
  height:800px;
}
    
    
.background-overlay {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 99; 
  cursor: default;
  visibility: hidden;
  opacity: 0;
  background: rgba(0, 0, 0, 0.55);   
  -webkit-transition: opacity .5s, visibility .5s, background .3s;
  -moz-transition: opacity .5s, visibility .5s, background .3s;
  -ms-transition: opacity .5s, visibility .5s, background .3s;
  -o-transition: opacity .5s, visibility .5s, background .3s;
  transition: opacity .5s, visibility .5s, background .3s;
}


.background-overlay:target {
  visibility: visible;
  opacity: 1;
  background: rgba(0, 0, 0, 0.65);  
  -webkit-transition: opacity .5s, visibility .5s, background .3s;
  -moz-transition: opacity .5s, visibility .5s, background .3s;
  -ms-transition: opacity .5s, visibility .5s, background .3s;
  -o-transition: opacity .5s, visibility .5s, background .3s;
  transition: opacity .5s, visibility .5s, background .3s;
}    
    
    
.lightbox-container {
  position: fixed;
  top: 0px;
  right: 0px;
  left: 0px;
  z-index: 100;
  height:0;
  text-align: center;
  visibility: hidden;    
  opacity: 0;
  -webkit-transition: opacity .6s;
  -moz-transition: opacity .6s;
  -ms-transition: opacity .6s;
  -o-transition: opacity .6s;
  transition: opacity .6s;
}


.background-overlay:target + .lightbox-container {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity .6s;
  -moz-transition: opacity .6s;
  -ms-transition: opacity .6s;
  -o-transition: opacity .6s;
  transition: opacity .6s;
}

    
.lightbox-content {
  border: 4px solid #c0c0c0;
  position: relative;
  padding: 10px 20px;
  margin-top: 10%;
  text-align: left;
  background: #FFF;
  display: inline-block;
  max-width:60%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;  
  border-radius: 5px;    
  -webkit-box-shadow: 0 0 50px rgba(0,0,0,10);
  -moz-box-shadow: 0 0 50px rgba(0,0,0,10);
  -ms-box-shadow: 0 0 50px rgba(0,0,0,10);
  -o-box-shadow: 0 0 50px rgba(0,0,0,10);
  box-shadow: 0 0 50px rgba(0,0,0,10);
}
    
    
.lightbox-close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  text-align: center;
  text-decoration: none;
  background: #000;
  border-radius: 25px;
  line-height: 24px;
}

.lightbox-close:hover {
  background: #ff0000;
    content: "x";
  font-size: 26px;
  color: #fff;
}
  
.lightbox-close:after {
  content: "x";
  font-size: 26px;
  color: #fff;
}

.lightbox-close:hover:after {  
  color: #fff;
  content: "x";
  font-size: 26px;
}