/*layout für äusseren rahmen und allgemeines */

body {background-color:#FFD832;font-family:Verdana;}
h1 {font-size:13px;color:#DC2A1E;font-family:Verdana;}
h2 {font-size:13px;color:#DC2A1E;font-style:italic;font-family:Verdana;}
p, ul, a, form {font-size:13px;color:#fd600c;font-family:Verdana;}
table {font-size:13px;color:#ff9900;font-family:Verdana;}

/*zentrierung auf seitenmitte und berücksichtigung des IE*/
html, body {
height:100%;
margin:0;
padding:0;
}

#spacer {
position:absolute;
margin:0;
padding:0;
width:100%;
height:100%;
min-width:766px;
min-height:570px;
}

* html #IEspacer {
width:766px;
height:570px;
}

#aussenbox {
position:absolute;
margin:0;
padding:0;
width:760px;
min-height:560;
background-color:#FFD832;
top:50%;
left:50%;
margin:-285px 0 0 -380px;
}

*html #aussenbox {height: 570px}



/* oberes logo */
#toplogo 
 {
  position:relative;
  padding:0px;
  margin:0px;
  height:86px;
  background-color:#FEF8DE;
 }


/* zentrierte box */
#zentrbox 
 {
  border-top: 1px solid #FEF8DE;
  position:relative;
  background-image: url(bilder/hintergrund.jpg);
  width:760px;
  background-color:#FFF4D1;
  top:0px;
  height:345px;
  margin:auto;
 }



#content 
 {

  text-align:justify;
  font-family:Verdana;
  
  /* background-color:FFF4D1; */

  padding-left:40px;
  padding-right:40px;
  margin-top:20px;
  height:300px;
  overflow:auto;
}


#massage-box 
 {

  padding-left:120px;
  padding-right:120px;

}


/* untere welle */
#welle 
 {
  position:relative;
  padding:0px;
  background-image: url(bilder/untere-welle2.gif);
  background-repeat:no-repeat;
  width:760px;
  height:25px;
 }



/* Menü */
ul#nav {
    width: 680px;
    margin: 0 auto;
    height: 55px;
}

ul#nav li {
    display: block;
    float: right;
    padding: 0;
    margin: 0 0 0 25px;
    width: 54px;
    height: 55px;
}

ul#nav li a {
    display: block;
    width: 100%;
    height: 100%;
}

ul#nav li a:hover {}


ul#nav li#current_start {background-image:url(buttons/start-an.gif); no-repeat;}
ul#nav li#current_praxis {background-image:url(buttons/praxis-an.gif); no-repeat;}
ul#nav li#current_therapie {background-image:url(buttons/therapie-an.gif); no-repeat;}
ul#nav li#current_massage {background-image:url(buttons/massage-an.gif); no-repeat;}
ul#nav li#current_kontakt {background-image:url(buttons/kontakt-an.gif); no-repeat;}



ul#nav li a span, ul#nav li span {display: none;}



ul#nav li a#kontakt {background-image:url(buttons/kontakt.gif); no-repeat;}
ul#nav li a#kontakt:hover {background-position: 0 -55px;}

ul#nav li a#massage {background-image:url(buttons/massage.gif); no-repeat;;}
ul#nav li a#massage:hover {background-position: 0 -55px;}

ul#nav li a#therapie {background-image:url(buttons/therapie.gif); no-repeat;}
ul#nav li a#therapie:hover {background-position: 0 -55px;}

ul#nav li a#praxis {background-image:url(buttons/praxis.gif); no-repeat;}
ul#nav li a#praxis:hover {background-position: 0 -55px;}

ul#nav li a#start {background-image:url(buttons/start.gif); no-repeat;}
ul#nav li a#start:hover {background-position: 0 -55px;}




/* adressleiste */
#adressleiste 
 {
  background-color:#FFD832;
  color:#DC2A1E;
  position:relative;
  padding:0px;
  text-align:center;
  font-family:Verdana;
  font-size:11px;
 }







/* Formular*/
textarea
{
font-size:12px;
font-family:Verdana;
background-color:#FAF3D7;
color:#DC2A1E;
border:1px solid #EDE0C5;
}




input
 { 
font-size:12px;
font-family:Verdana;
background-color:#FAF3D7;
color:#DC2A1E;
border:1px solid #EDE0C5;
 } 