body
{
	margin: 0;
	padding: 0;
	background-color:#F3EF9C;
	background-repeat: no-repeat;	
	background-attachment: fixed;
}


#wrap
{
	background-image:url(../bilder/wrap,beige.jpg);
	width: 800px;
	height: 1050px;
	padding: 0px 0 20px 0;
	margin: 0 auto;
}	

#header
{
	background-image:url(../bilder/header_fertig.jpg);
	background-repeat:no-repeat;
	width: 800px;
	height: 280px;
	display:block;
	background-position:center;

}

		
#index 
{
	background-image:url(../bilder/strukturbild.jpg);
	background-color:#9C170E;
	background-position:center;
}


#uebermich
{
	background-color:#9C170E;
}

#paedagogin
{
	background-color:#9C170E;
}

#angebot
{

	background-color:#9C170E;
	background-position:center;
}

#preise
{
	background-color:#9C170E;
	
}

#videos
{
	
	height: 100%;
	width: 100%;
	
}	

#grafik
{
	background-color:#9C170E;
	background-position:center;
}


#contact
{ 
	background-color:#9C170E;
}


#innen
{
	top: 100px;
	position: relative;
}

#informationen
{
	background-color:#FFFFFF;
	width: 190px;
	height: 350px;
	margin: 10px 20px 0px 30px;/* oben rechts unten links */
	padding: 10px 10px 10px 10px;/* oben rechts unten links */
	top: 0;
	right: 0;
	position: absolute;
}


#inhalt
{
	/*border: 1px solid #000;*/
	background-color:#FFFFFF;
	margin: 10px 10px 0px 30px;/* oben rechts unten links */
	padding: 20px 30px 10px 30px;/* oben rechts unten links */
	width: 450px;
	min-height: 550px;
	top: 0;
	position: absolute;
	
}


#galerie
{
	margin: 10px 10px 0px 30px;/* oben rechts unten links */
	padding: 10px 30px 10px 30px;/* oben rechts unten links */
	width: 800px;
	min-height: 650px;
	top: 0;
	position: absolute;
	
}
	

#impressum
{
	position:absolute;
	width: 70px;
	height: 20px;
	margin: 650px 20px 0px 350px;/* oben rechts unten links */
	padding: 10px 10px 10px 10px;/* oben rechts unten links */
	
}


#icon
{
  padding:0;
  margin: 10px 10px 50px 0;
  width: 100%;
  text-align: center;
  float:left;
  
}

#icon li
{
  margin:0 25px 0 0;
  width: 100px;/*breite der navi 600/6=100px*/
  list-style-type: none;/* nimmt die listenpunkte weg*/
  float:left;/* bringt das navi nach links */
  

}

#galerie
{
  padding:0;
  margin: 0px 10px 50px 0;/*oben rechts unten links*/
  width: 100%;
  text-align: center;
  float:left;
}
 
#galerie li
{
  margin:0 220px 0 0;
  width: 100px;/*breite der navi 600/6=100px*/
  list-style-type: none;/* nimmt die listenpunkte weg*/
  float:left;/* bringt das navi nach links */
}	
#akzidenzen
{
  padding:0;
  margin: 10px 10px 50px 0;
  width: 100%;
  text-align: center;
  float:left;
}

#akzidenzen li
{
  margin:0 280px 0 0;
  width: 100px;/*breite der navi 600/6=100px*/
  list-style-type: none;/* nimmt die listenpunkte weg*/
  float:left;/* bringt das navi nach links */
}	

#bildbearbeitung
{
  padding:0;
  margin: 10px 10px 50px 0;
  width: 100%;
  text-align: center;
  float:left;
}

#bildbearbeitung li
{
  margin:0 400px 0 0;
  width: 100px;/*breite der navi 600/6=100px*/
  list-style-type: none;/* nimmt die listenpunkte weg*/
  float:left;/* bringt das navi nach links */
}
	
h1
{
	color: #000000;
	font-family:"Bodoni MT";
	height: 60px; /* 150 minus padding 50 */
	margin: 0px 0px 20px 0; /* oben rechts unten links */
	padding: 0px 50px 10px 0;
	
}

h2
{
	color: #000000;
	font-family:"Bodoni MT";
	margin: 0px 0px 10px 0; /* oben rechts unten links */
	padding: 0px 50px 10px 0;
}


/*-------------------------------- Haupnavi Beginn----------------------------------*/

#nav 
{
	padding: 0;
	margin: 0px 0 30px 0;/* abstand der navileiste (oben, rechts, unten, links) */
	width: 100%;
	float:left;/* setzt die navigation nach links*/
	list-style-type: none;/* nimmt die listenpunkte weg*/
	
}


#nav li
{
	margin:0 1px 0 0;
	width: 172px;/*breite der navi 600/6=100px*/
	text-align:center;/*richtet es in die mitte*/
	float:left;/* bringt das navi nach links */
	position: relative;
}


#nav li:last-child
{
	margin:0 0px 0 0;
	width: 100px;/*breite der navi 600/6=100px*/
	text-align:center;/*richtet es in die mitte*/
	float:left;/* bringt das navi nach links */
}

#nav a
{
	text-align:center;
	font-size:14px;
	display: block;
	text-decoration: none;
	color:#000000;
	background-color:#9C170E;
	font-family:Calibri;
}
/* first level */

#nav > ul
    {
        height: 3.75em;
    }
        #nav > ul > li
        {
            width: 172px;/*breite der navi 600/6=100px*/;
            height: 100%;
            float: left;
			
        }
 
    /* second level */
 
    #nav li ul
    {
        display: none;
        position: absolute;
        top: 100%;
		list-style-type: none;/* nimmt die listenpunkte weg*/
		padding: 0;
		margin: 0px 0 50px 0;/* abstand der navileiste (oben, rechts, unten, links) */
    }
	
        #nav li:hover ul
        {
            display: block;

        }
#nav a, #nav li.aktiv
{
	padding: 10px 0 10px 0px;/* rechts und links muss auf 0 sein */

}
#nav a:hover, #nav li.aktiv
{
	background-color:#9C170E;
	color:#000000;
}

/*------------------------------ Hauptnavi Ende------------------------------------------------ */

ul.sub li
{
	width: 172px !important;
}

ul.extra li

{ 
	width: 172px !important;
}
	
p
{
	text-align:left;
	font-family:Calibri;
}


p img.links
{
	float:left;
	margin: 5px 10px 5px 0;
}

#icon
{
  padding:0;
  margin: 10px 10px 50px 0; /*(oben, rechts, unten, links)*/
  width: 100%;
  text-align: center;
  float:left;
  
}

#icon li
{
  margin:20px 25px 0 0;
  width: 125px;/*breite der navi 600/6=100px*/
  list-style-type: none;/* nimmt die listenpunkte weg*/
  float:left;/* bringt das navi nach links */