html {
	height:100.01%;
	font-size:55%;
}

* {
	font-style: normal;
  font-weight: normal;
	list-style-type:none;
	margin: 0;
	padding: 0;
}


body  { 			
		background: none repeat scroll 0 0 #FFFFFF;
		width: 100%;
		font-family: "Futura Lt BT","Helvetica","Arial", sans-serif; 
  		font-size: 1.2em;
		line-height: 1.6em;
    color: #676767; /*dunkelgrau*/
    margin: 0;
    padding: 0;
    overflow-y:scroll;
}

#wrapper {
		background-position: 0 0%;
		width: 100%;
		margin: -20px auto 0;
		text-align: center;
    box-shadow:1px 5px 12px lightgray;
}  
 
 

ul, ol, li, ul li, li.keineliste , h1, h2, h3, h4 {
		list-style-image: none;
		text-align: left;
}

h1, .wichtig1 {font-size: 2.35em;}
h2, .wichtig2 {font-size: 1.8em;}
h3, .wichtig3 {font-size: 1.5em;}
h4, .wichtig4 {font-size: 1.4em;}

h1, .wichtig1 {
		color: #8e8e8e;/*9E9E9Emittelgrau
		letter-spacing: 0.08em;*/
		border-bottom: none;
    font-family: "Kozuka Gothic Pro L","Helvetica","Arial", sans-serif;
    letter-spacing:0.03em;
    font-variant: small-caps;
		font-weight: normal; 
		line-height: 2em;
}

h2, .wichtig2 {
		color: #5ba20f;/*6CC012grün*/
		border-bottom: none;
		font-family: "Kozuka Gothic Pro L","Helvetica","Arial", sans-serif;
		font-weight: normal;
		margin-bottom:1em;
		line-height: 2em;
}

h3, .wichtig3 {
		color: #347B0C;/*~helleresflaschengrün*/
		border-bottom: none;
    font-weight:normal;
		line-height: 1.9em;
		letter-spacing: 0.02em;
}	

h4, .wichtig4 { 
  line-height: 1.5em;
  margin:1em 0; 
}

h5, .wichtig5 {
	background: none repeat scroll 0 0 #36a000;
  color: white;
  font-size: 1.13em;
  margin: 1em 0 7px;
  max-width: 64%;
  padding: 0.3em 0 0.3em 0.5em;
  text-align: left;
}

										img, a img {
												border: none; 
                        								z-index: 1;	
										}

p {
		font-size: 1.319em;
    		line-height: 1.5em;
		color: #676767; /*dunkelgrau*/
		text-align: justify; /*bedeutet Blocksatz*/
		text-align: left;
    		word-spacing: -0.05em;
}

em {
		font-weight: bold;
		font-style: normal;
		letter-spacing:0.04em;
}
 
hr {
     border: 1em solid white;
}

.leerzeile {
    border: 0.8em solid white; 
}

.platzmacher { 
    clear:both;
    display:block;
    width:100%;
    height:10px;
}

.platzgross {
    border: 3em solid white;
 }  

.linie { 
  border-top:1px dotted gray;
  margin: 5em 0; 
}
 
.softlinie {
  background: url("images/verlauf.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
  height: 3.5em;
  margin: 1em 0 0 -1em;
  max-width: 106%;
  width: 106%;
 }
 
.leer-tab {
  visibility:hidden;
  list-style-image:none;
  } 





.mitte {
  margin: 55px 0 -2em;
  text-align: center;
 } 

.float { /*fotos*/
  float:left;
  margin: 1em 2em 13em 0;
  width:110px;
 }

.herzfoto {
  display: inline-block;
  max-width: 110px;
  height: auto;
  vertical-align: middle;
  margin: 0.5em 0;
 }
 
.einruecken {
  text-indent: 3em;
 } 
 
 
 
 

 
 
 
 

.orange, .gelb, .blau, .grün {
   background-color: orange;
   padding: 0.2em;
   color:black;
   margin: 0 0 0.3em -1em;
   padding: 0 0 0 1em;
   /*  box-shadow: 60px -16px teal;*/
 }
.gelb {
   background-color: yellow;
 }
.grün {
   background-color:#79cf2e; /*mittelgrün*/
   color:white;
 }
.blau {
   background-color: blue;
   color:white;
 }

.bildunterschrift {	
	font-size: 11px;
}

.preis {
   color: #9e9e9e;
   margin:0 23px;
 }

  
.button {
   border:1px dotted #b62a65;
   margin:2em;
   padding:6px 12px;
   display:inline; 
   font-size: 1.1em;
 }
 
.blatt {
  font-size: 1.319em;
  list-style-image: url("images/blattkaro.png");
  list-style-position: inside;
 }
 
.blatt4 {				
	list-style-image: url("images/blatt4.png");
	list-style-position: inside;
  } 

.blatticon {
  list-style-image: url("images/blatticon.png"); 
  list-style-position: inside;
  font-size: 1.319em;
  padding: 1.5em 3em 0;
  margin-bottom: 0.6em;
  list-style-position:inside;
 }
 
.pfeil {
  list-style-image: url("images/pfeil.png"); 
  list-style-position:inside;  /*margin: 1em 0 3em 2em;*/
  font-size: 1.319em;
 }
 
.karo {
  list-style-image: url("images/buttongrweis.png"); 
  list-style-position:inside;
  font-size: 1.319em;
  line-height: 1.6em;
 }  

.karo2 {
  list-style-image: url("images/Button-grün4.png"); 
  list-style-position: inside;
  font-size: 1.319em;
  padding: 1.5em 7em 0;
  margin-bottom: 0.6em;
  list-style-position:inside;
 }  

.meinung {
  list-style-image: url("images/logogrün.png");
  border-bottom: 1px inset #808080;
  list-style-position: inside;
  padding: 1em 0;
 }
  
.intro {
  margin:0 0 5em 0;
 }                          

.frei {
  background: #79cf2e none repeat scroll 0 0;
  border: 1px dotted green;
  color: white;
  max-width: 8em;
  padding: 0 0.5em;
}

.besetzt {
  background: white none repeat scroll 0 0;
  border: 1px dotted green;
  color: #c15780;
  max-width: 8em;
  padding: 0 0.5em;
}






  
.boxklein { 
  width: 100%;
  overflow: hidden; 
 }

.floatbox {
  float:left;
  width:90%;
  overflow: hidden;
 }
    
.spezial {
    border:1px outset #98EC3E;
    box-shadow: 2px 4px 7px #D3D3D3;
            /* moz-box-shadow: 2px 4px 7px #D3D3D3;
             webkit-box-shadow: 2px 4px 7px #D3D3D3;  validierung: exixtiert nicht?? */
		padding: 2em 3em;
    margin: 0 2em 2em;
    max-width: 47em;
    overflow:hidden;      
}

.spezial p {
  font-size: 1.319em;
  margin: 0.5em 0 0;
}

.karte {
    box-shadow: 3px 3px 6px lightgray;
    display:inline-block;
    float:left;
    margin: 3em 2em 3em 0;
    padding: 0.5em 1.5em 1.5em 3em;
    width: 38%;
    overflow:hidden;
}

.buchungskasten {
  border: 1px dotted #864222;
  box-shadow: -1px 1px 3px #808080;
  float: right;
  margin: 1em 0 2em 4em;
  padding: 2em;
  width: 11em;
   font-size:1em;
  background:white;
  overflow: hidden;
 } 

.buchungskasten p {
  margin: 0 0 10px;
  text-align: center;
  overflow: hidden; 
}

.rahmenbox {
    box-shadow: 6px 6px 20px #9CC547;
    display:inline-block;
    margin: 3em 2em 5em 0;
    padding: 1.5em 1.5em 2em 2em;
    width: 25em;
    max-width:50%;  
  overflow: hidden; 
 }        
 
.bigbox4 {
  box-shadow: 3px 3px 8px #d3d3d3;
  margin: 1em auto;
  padding: 2em 0 2em 2em;
  width: 90%; 
  overflow: hidden; 
}

.rahmenbox2 {
    box-shadow: 6px 6px 20px #9CC547;
  display: inline-block;
  margin: 1em 0 1em 0em;
  padding: 1.5em 0em 2em 2em;
  width: 100%;
  overflow: hidden; 
}

.bigbox {
  background: rgba(0, 0, 0, 0) linear-gradient(white 93%, whitesmoke 100%) repeat scroll 0 0;
  box-shadow: 1px 1px 1px #808080, 1px 3px 4px #808080;
  margin: 1em 0 7em;
  padding: 3em 1em 5em 2em;
	width: 95%; 
  overflow: hidden; 
 }

.bigbox2 {
 box-shadow: 3px 3px 8px #d3d3d3;
  margin: 1em auto;
  padding: 5em;
  width: 53%;
  overflow: hidden; 
 }
 
.bigbox2 h1, .bigbox2 h2 {
  font-size: 2em;
  overflow: hidden; 
 }
 
.bigbox3 {
  box-shadow: 3px 3px 8px #d3d3d3;
  margin: 1em auto;
  padding: 5em;
  width: 100%; 
  overflow: hidden; 
}

 
 
/*.gras {
  background-image:url("../3in1first/images/Reserve/grasneu.jpg");
  color:#FFFFFF;
  height: 2.5em;
  padding: 0.5em 0 0 1em;
 }*/
 
 
                    
/*----------------------------------*/


#navigation #inhalt #information #footer {
      min-width:0;
      display:block;
}


/*                  Main  */


/* ===========================================
 * Header / main-container — Original-Zustand wiederhergestellt
 * ======================================== */

#main-container {
    border-top: 1px solid #9CC547; /*(mittelgrün/olivton)*/
		height: 270px;
		    margin: 0 auto; /*oder -24px auto;*/
    max-width: 1280px;
  overflow: hidden;
}

#schrift {
	display: block;
  margin: 5em -9em;
  position: relative;
  text-align: center;
  top: -300px;
 }

@media (max-width: 890px) {
	#navigation {
		display: none;
	}
}

#gras {
  z-index: 1;
  max-width:1280px;
  overflow: hidden;
 }

#schrift img {
	margin-top: 3em;
  padding-left: 45px;
  max-width: 100%;
  height: auto;
}

@media (max-width: 600px) {
	#schrift img {
		padding-left: 0;
		max-width: 80%;
		margin-top: 40px;
	}
}

#home {
  margin-right: 5em;
  position: relative;
  top: -250px;
  vertical-align: 3em;
  z-index: 200;
}

#home ul li, #main-container-kontakt ul li, #main-container-antwort ul li {
  display: inline;
  font-size: 1.319em;
}

#home ul, #main-container-kontakt ul, #main-container-antwort ul {
  text-align: right;
 }

#navigation {
	background: url("images/navihinten.png") repeat-x scroll left bottom transparent;
  position: absolute;
  top: 221px;
  width:100%;
  max-width:1280px;
  z-index: 100;
}

#navigation2 {
	background: url("images/navihinten.png") repeat-x scroll left bottom transparent;
	text-align: center;
}

#navigation ul, #navigation2 ul {
  line-height: 30px;
  text-align: center;
}

#navigation ul li, #navigation2 ul li {
  display: inline;
  padding: 7px 1.4em 6px;
}


			    a {
                      text-decoration: none;
                      color:#676767; /*dunkelgrau*/
										}	
                    
                    #home a {
                       color: white;
                       padding: 6px 15px 7px;
                    }
                    #main-container-kontakt li a, #main-container-antwort li a {
                       padding: 6px 15px 7px;
                    }    
                    #navigation a {
                         color: white;
                         font-size: 1.5em;
                         padding: 5px 35px;
                         text-shadow: 0 0 6px rgba(255, 255, 255, 1);
												}	
										
                    
                    .pfeil a, .karo a {
                        margin: 0.5em 0 0 1em;
										}	

/*   Inhalt    */


              
                             
                    #hcard-Annette-Pollmer a, #hcard-Annette-Pollmer, #footer a, 
                    #inhalt-adresse address a, #inhalt-adresse a, #main-container-kontakt a, 
                    .bigbox2 a, #inhalt-haupt-kinderkurs a, #main-container-antwort a {
                        color: #676767; /*dunkelgrau*/
                        font-family: "Helvetica", "Arial", sans-serif;
                     }
                      
                    
                    #interesse-container a, #interesse-container a em, .bigbox3 a {
												color: #676767; /*dunkelgrau*/
                        text-decoration: underline;
										}

										#themenbilder a, #interesse-container li a {
                        color: #676767; /*dunkelgrau*/
											}

										#interesse-container a em {
                        letter-spacing: 0.05em;
										}
										
                    #main-container-kontakt a, #main-container-antwort a {
                        margin: 0 0.2em;
												}	
                     
                    .spezial a {
                    text-decoration:underline;
                     }
                    
                    
                    #home a:hover, #navigation a:hover, #navigation2 a:hover, 
                    #main-container-kontakt li a:hover, .mail a:hover, #main-container-antwort li a:hover {
                        background: #81D118; }        
                        
                        
                        
                        
				#inhalt-sub a:hover, 
                    #hcard-Annette-Pollmer a:hover, 
                    #footer a:hover, 
                    #inhalt-adresse address a:hover,
                    #beratungen a:hover,
                    #inhalt-haupt-methode li a:hover, 
                    #inhalt-haupt a:hover, 
                    #interesse-container a:hover, 
                    #interesse-container a:hover em, 
                    #inhalt-haupt-zähne a:hover,                  
                    #inhalt-adresse a:hover, 
                    #inhalt-haupt-kinderkurs a:hover,
                     #inhalt-links li a:hover, 
                     #inhalt-haupt-sitemap a:hover, 
                     #inhalt-haupt-veranstaltungen a:hover,
                     #inhalt-haupt-kinderkurs a,
                     #inhalt-impressum a:hover, 
                      #inhalt-haupt-datenschutz a:hover,  
                     .buchungskasten a:hover, .boxklein a:hover, .pfeil a:hover,  .rahmenbox a:hover,  .bigbox2 a:hover,   .karo a:hover,   .button a:hover, .spezial a:hover
                     {
												color:#81D118;/*hellgrün*/
										}
                 

#inhalt {
  margin: 4em auto 0;
  max-width: 1280px;
}

#inhalt-haupt, #inhalt-haupt-beratungen, #inhalt-haupt-methode, #inhalt-haupt-mich,
#inhalt-haupt-gästebuch, #inhalt-haupt-beruf, #inhalt-haupt-musik, #inhalt-haupt-jetlag, #inhalt-haupt-wahl, #inhalt-haupt-zähne, #inhalt-haupt-entwicklung,  #inhalt-haupt-vil,
#inhalt-haupt-veranstaltungen, #inhalt-haupt-kinderkurs, #inhalt-haupt-kinder, 
#inhalt-links, #inhalt-haupt-sitemap, #inhalt-haupt-datenschutz, #inhalt-haupt-fehlermeldung, #inhalt-haupt-agb, #inhalt-haupt-impressum, #inhalt-haupt-krise
{
	width: 60%;
	margin: 50px 0 0 7%;
}

#inhalt-haupt-impressum {
    margin: 4em auto 0;
    max-width: 1280px;
}


#inhalt-haupt li, .buttongrün {
	text-align: left;
	font-size: 1.319em;
     line-height:2.2em;
	list-style-image:url("images/Button-grün4.png");
	list-style-position: inside;
}

#inhalt-haupt li.blatt, #beratungen ol li.blatt {
  list-style-image: url("images/blattkaro.png"); 
  line-height:2em;
  margin-top:1.2em; 
 }


#inhalt-haupt li.ohnebild, .ohnebild {
  list-style-image:none;
  list-style-type:none;
  text-indent:3em;
 }    
 
#inhalt-haupt h2, #inhalt-haupt-methode h2 {
  margin: 20px 0 20px;
}

#inhalt-haupt ul {
       margin: 0 0 3em;
}

#inhalt-haupt img {
       margin: 0 1em;
       float:right;
       width:24%;
}
         
 
      /* Seitennavigation: Original-Akkordeon-Idee für mobil (in dieser einen zusammengeführten
         Datei ohne Breakpoint-Dateien neu zusammengesetzt) + Original-Sidebar für Desktop */

#akkordeon {
	position: relative;
	max-width: 1280px;
	margin: 0 auto;
}

#menubutton {
	position: absolute;
	top: -60px;
	right: 1em;
	margin-top: 1.5em;
}

.show, .hide {
	display: inline-block;
	text-decoration: none;
}

.hide {
	margin-top: 1.5em;
	font-size: 1em;
	color: #676767;
}

.x-symbol {
	font-size: 2em;
	vertical-align: middle;
}

.show img {
	vertical-align: middle;
	width: 40px;
	height: auto;
}

.show:hover, .hide:hover {
	opacity: 0.7;
}

#inhalt-sub2 {
	display: none;
	background-color: white;
	border-right: 1px dotted darkgreen;
	box-shadow: 3px 3px 2px -2px lightgray;
	color: #676767;
	padding: 1.5em 1.3em;
	text-transform: uppercase;
	float: right;
	max-width: 85%;
}

#akkordeon:target #inhalt-sub2 {
	display: block;
}
#akkordeon:target .show {
	display: none;
}
#akkordeon:not(:target) .hide {
	display: none;
}

#navigation-sub2 {
	margin: 1.3em 0 0 1.3em;
}
#navigation-sub2 h4 {
	color: #676767;
	font-size: 1.3em;
	list-style-image: none;
	margin-top: 1.3em;
	text-decoration: underline;
}
#navigation-sub2 h5 {
	background-color: white;
	color: #676767;
	font-size: 1.2em;
	list-style-image: none;
	margin-top: 1.5em;
	text-decoration: underline;
}
#navigation-sub2 ul li {
	list-style-image: url("images/Bulletgrün1.png");
	list-style-position: inside;
	padding: 0.2em 0 0 0;
	font-size: 1em;
}
#navigation-sub2 ul ul li {
	font-size: 1.1em;
	list-style-image: url("images/Bulletgrün1.png");
	list-style-position: inside;
	padding: 0.2em 0 0 1.2em;
}

#inhalt-sub {
	display: none;
	background-color: white;
	box-shadow: 5px 3px 12px -2px lightgray;
	color: #676767; /*dunkelgrau*/
	padding: 1.5em;
	text-transform: uppercase;
	font-size: 0.85em;
}

.rechtesmenueinblenden {
	display: none;
}

@media (min-width: 900px) {
	#akkordeon {
		display: none;
	}
	.rechtesmenueinblenden {
		display: block;
	}
	#inhalt-sub {
		display: block;
		float: right;
		margin: -5em 0 0;
		padding: 3em 0 0;
		width: 25.4em;
	}
}

#navigation-sub {
	margin: 30px 0 0 30px;
  width: 89%;
}

#navigation-sub h4 {
  color: #676767; /*dunkelgrau*/
  font-size: 1.3em;
  list-style-image: none;
  margin-top: 1.3em;
  text-decoration: underline;
}

#navigation-sub h5 {
  background-color: white;
  color: #676767; /*dunkelgrau*/
  font-size: 1.2em;
  list-style-image: none;
  margin-top: 1.3em;
  text-decoration: underline;
}

#navigation-sub ul li {
	list-style-image: url("images/Bulletgrün1.png");
	list-style-position: inside;
	padding: 0.65em 0 0 0;
	font-size: 1.2em;
}

#navigation-sub ul ul li {
	font-size: 1.4em;
  list-style-image: url("images/Bulletgrün1.png");
  list-style-position: inside;
  padding: 0.2em 0 0 1.2em;
}


#inhalt-sub img {
  max-width:100%;
 }

#inhalt-sub-weissraum {
	height: 3em;
}

#inhalt-sub-visitenkarte {
	display: block;
	margin: 0 auto 1em;
}

#inhalt-sub-cta {
	text-align: center;
	text-transform: none;
}

.cta-button {
	display: inline-block;
	background: #62a642;
	color: white !important;
	font-weight: bold;
	padding: 0.8em 1.4em;
	border-radius: 3px;
	text-decoration: none;
}

.cta-button:hover {
	background: #81D118 !important;
}


/*Information und Themenbilder*/

#information {
  clear: both;
  margin: 10em auto 0;
  padding: 0 5px 30px 30px;
  width: 80%;
  max-width:80%;
  text-align: center;
}

#information h2 {
	margin: 0 0 1em;
}

#themenbilder {
	text-align: center;
}

#themenbilder, #kinder-themen {
  width: 100%;
  margin: 0 auto;
 }
 
.box {	
  box-shadow: 4px 5px 7px lightgray;
  display: inline-block;
  min-height:36em;
  margin: 0 55px 80px 0;
  padding: 0px;
  text-align: center;
  vertical-align: top;
  width: 200px;
}	

                        #themenbilder a:hover strong, #inhalt-haupt-kinderkurs a:hover {
                           box-shadow: 1px 1px 8px lightgray;
                           } 	
          
   
.box strong {
  line-height: 2em;
  text-decoration: underline;
  color:#557F1A; /*grün*/
}	

#themenbilder img {
	vertical-align: bottom;
	background-size: cover;
}

#themenbilder h3 {	
	color: black;
	font-size: 1.4em;
	padding-left: 6px;
	white-space:nowrap;
	background: url('images/fotoborder2.png') repeat-y;
  	position:relative;
 	 top:-1.8em;
}
	
#themenbilder p {
  margin:0 12px;
  position:relative;
  top:-12px;
}				
				
/*                   Interesse*/


#interesse-container {
	box-shadow: 3px 3px 8px #D3D3D3;
  clear: both;
  display: block;
  margin: 10em auto 100px;
  max-width: 60em;
  padding: 3em 4em 4em;
}


#interesse-container p { 
	color: #676767; /*dunkelgrau*/
  font-size: 1.4em;
  line-height:1.8em;
	text-align: left;
}


#interesse-container em {
	color: #B62A65; /*brombeer*/
  font-size: 1.4em;
  font-style: italic;
  font-variant: small-caps;
  font-weight: 500;
  line-height: 2em;
  margin: 0 0.5em 0 0;
}




/*            footer*/


#footer {
  background:linear-gradient(white, #f4f4f4);
    margin: 2em 0 0;
}

#footer ul {
  text-align: center;
  height:3em;
	border-bottom: 1px inset #333333;
}

#footer p {
  font-size: 1em;
  height: 4em;
  padding-top: 1.5em;
  text-align: center;
}

#footer ul li, #auszeichnungen p{
	display: inline;
  padding:14px 20px 6px;
  position: relative;
  top: 8px;
}

#auszeichnungen {
  margin:6em;
 }
 

 
 
 
/*   KONTAKTSEITE_*/



#main-container-kontakt, #main-container-antwort {
  position: relative;
 }
 
#main-container-kontakt ul, #main-container-antwort ul, #inhalt-recht  {
  padding:4em 4em 0;
 }
                      
#main-container-kontakt h1 {
  color: #9CC547; /*grün*/
  line-height: 6em;
  margin-bottom: 2em;
  padding-top: 20px;
  text-align: center;
}

#inhalt-kontakt-kontakt h2 { 
  line-height: 4em;
  margin: 0;
}

#inhalt-kontakt {
   margin: -40px auto;
   width: 80%;
}

#inhalt-kontakt img {
   margin:0 90px 0 0;
   float: left;
}

#inhalt-kontakt p {
   font-size: 1.4em;
   margin-bottom: 40px;
}

#inhalt-adresse {
  border: 1px double gray;
  clear: both;
  font-size: 1.4em;
  letter-spacing:0.02em;
  margin: 0 1em 4em 7.6em;
  padding: 4em 20% 4em 4em;
  text-align: left;
  width: 50%;
 }
 
#stadtplan img {
  float:left;
  margin: 2em 0 3em 7.6em;
 }

#anfahrt {
  margin: 2em 0 0 10em;
  width: 43%;
  clear:both;
 }

.Bahn {
   background:#98ec3e;
   padding:2px 3px;
   line-height:3em;
 }
 
.Bus {
   background:yellow;
   padding:2px 3px;
   line-height:2em;
 }

form {
   background: #509809 none repeat scroll 0 0;
  border: 1px groove;
  margin: 2em auto;
  padding: 1em;
  width: 25em; 
 }
 
 /*               Impressum*/

                     
 
#inhalt-impressum h2, #inhalt-impressum p {
   margin: 0px;
   padding: 0px; 
 }  


 
#inhalt-impressum strong {
   color: green;
   font-size: 1.4em;
 }

#inhalt-impressum {
  border-bottom: 2px dotted gray;
  margin-bottom: 150px;  
    width: 120%;
    margin-left: 7em;
}



label {
 background:#f3f3f3;
  border: 2px groove;
  display: inherit;
  margin: 1em;
  padding: 1em;
  width: 30em;
}

 
 
/*             Individuelle Beratungen Seite___*/
 

 

#beratungen h2, #beratungen-themen h2 {
  border-bottom: 1px dotted gray;
  margin: 3em 0 2em;
}
 
#beratungen-themen {
  width:100%;
 }



 
 
/*           Methode Seite___*/

#inhalt-haupt-methode p, #inhalt-haupt-kinder p{
  width: 79%;
} 





/*           ANTWORT Seite__*/




#antwort-container {
  box-shadow: 3px 3px 8px #D3D3D3;
  margin: 5em auto;
  max-width: 61%;
  padding: 3em 1em 3em 2em;
}

/* ------     Sitemap-Seite_*/

 
 
 
 
#inhalt-haupt-sitemap { 
  box-shadow: 5px 3px 12px -2px lightgray;
  color: #676767;
  margin: 0 auto;
  padding: 2em 3em;
  width: 50%;
}

#inhalt-haupt-sitemap ul li {				
	font-size: 1.4em;
  list-style-image: url("images/Bulletgrün1.png");
  list-style-position: inside;
  padding: 1em 0 0.2em;
}

#inhalt-haupt-sitemap ul ul li {				
	font-size: 1.4em;
  list-style-image: none;
  list-style-position: inside;
  padding: 0.2em 0 0 1.3em;
}