body
{
    font-family: Arial,Helvetica, "Adobe Helvetica" ,Tahoma,sans-serif;
    font-size: small;
    background-color: #FFFFFF;
    color: #84480b;
    margin: 0;
    padding: 0;
}

#cadre
{
    border: 2px #84480b solid;
    background-color: #FFFFFF;
    width: 75em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 0;
    padding: 0;
}


#tetegauche
{
    float: left;
    margin: 0;
    border: 0;
    padding: 0px 25px 0px 25px;
    margin-left:130px;
    margin-top: 20px;
}

#hautenavigation
{
    float: left;
    padding: 0;
    margin: 0px 0px 0 0px;
    font-weight: bold;
    color: #84480b;
}

#hautenavigation li
{
	list-style: none;
	float: left; 
	padding:50px 15px 0 10px;
    margin: 0;   
    display:block;
    color: #84480b;
}

#weiter
{
    float: left;
    padding: 0;
    margin: 0px 0px 0 0px;
}

#weiter li
{
	list-style: none;
	float: left; 
	padding:0px 15px 0px 0px;
    margin: 0;   
    display:block;
  
}
#tetedroit
{
    margin-top: 0px;
    margin-left:700px;
} 

#milieu
{
    clear: both;
    padding: 0px 300px 0px 170px;
    margin: 0 0 15px 0;
}

#milieu li
{
    margin: 0 0 15px 0;
}

#centredroit
{
    margin-top: 40px;
    margin-left:580px;
    
}        
       


#beitrittserklaerung #milieu  
{
    height:11em;
}

#milieugauche
{
    display: block;
    margin: 0;
    min-width: 150px;
    padding: 0;
    width: 18em;
    float: left;
    text-align: right;
}

#milieudroit
{
    display: block;
    margin: 0;
    width: 450px;
    padding: 0px 0 0 0px;
    width: 18em;
    float: right;
}

#pied
{
    margin:0;
    padding: 10px 0 0 750px;
    height:348px;
    background-image: url(../images/apfel-bild.jpg);
    background-position: left bottom;
    background-repeat: no-repeat;
    clear:both;
}

h1
{
    color: #84480b;
    font-size:large;
    font-weight:bold;
}


a
{
    color: #84480b;
    text-decoration: none;
}

a:hover
{
    color: #006600;
    text-decoration: underline;
}

a:focus
{
    color: #006600;
}

#nav-index,
#wir-wollen,
#wir-bieten,
#wir-bieten-um,
#nav-kontakt,
#nav-wir-ueber-uns,
#nav-beitrittserklaerung,
#nav-impressum
{
    padding-left: 15px;
}

#index #nav-index,
#wir-wollen #nav-index,
#wir-bieten #nav-index,
#wir-bieten-um #nav-index,
#kontakt #nav-kontakt,
#beitrittserklaerung #nav-beitrittserklaerung,
#impressum #nav-impressum
{
    background-position: left center;
    background-image: url('../images/petitepomme.png');
    background-repeat: no-repeat;
}

a.textlink
{
    text-decoration: underline;
}

a.textlink:hover
{
    color: #84480b;
}