* { margin:0; padding: 0; }

html {
  height: 100%;  
}

body {
    padding: 0px;
    text-align: center;        
}

:focus { -moz-outline-style: none; }

.copybeige (line 8){
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10pt;
    line-height: 13pt;
    font-weight: normal;
    color: #fbf3dd;
}

#the_page {    
    height: 620px;
    min-width: 750px;
    max-width: 1050px;    
    margin-left: auto;
    margin-right: auto;
    background-color: #f6ebd4;
}

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


.left, .right {
    width: 179px;
    background-color: #fbf3dd;
    vertical-align: top;    
}

.top, .right {
    text-align: center;        
}

.left {
    text-align: left;
}

#menu {
    margin: 31px 0 0 18px;
}

#sound {
    margin: 5px 0 18px 18px;
}

.top {
    background-color: #ecdec7;
    height: 112px;
    vertical-align:bottom;
}

.middle {
    height:453px;
    vertical-align:top;
    background-color: #f6ebd4;
}

.bottom {
    height:55px;
    vertical-align:bottom;
    background-color: #f6ebd4;
    text-align:left;
}


#footer {
    background:url(images/footer_bg.gif) no-repeat bottom right;
    margin: 0 36px 29px 36px;
}

#footer_table {
    position:relative;
    left: -15px;
}

.footer_td {
    padding: 0 16px 2px 16px;
}


/* ---- typo ---- */

body, body div, body p, body h3, 
body td, body li, body a, body strong    {
    /* more specific to override imported rule */
    font-size:    x-small;      
    /* false value for WinIE4/5 */
    voice-family: "\"}\"";   
    /* trick WinIE4/5 into thinking rule is over */
    voice-family: inherit;   
    /* recover from trick */
    font-size:    small
    /* intended value for better browsers */
    }

html>body, html>body div, html>body p, 
html>body h3, html>body td, 
html>body li, html>body a, html>body strong {
    font-size:    small
    /* be nice to Opera */
    }

body, td, a, h3, p, strong {
    font-family: Arial, Verdana, sans-serif;
    color: #ad7649;      
}

.footer_td a {
    font-size: 88%;
}

a {
   text-decoration:none;
}

a:hover, .act {
    color:#f37204;
}

#content_div {
    text-align:left;
    margin: 40px 34px 5px 34px;
}

h3, strong {
    font-size: 90%;
    margin-bottom: 1.26em;
    font-weight: bold;
}

p, li {
    font-size: 80%;
    margin-bottom: 1.1em;     
}

h3, strong, p {
    word-spacing: -0.01em;        
}

.pfeil_re, .pfeil_li{
    font-size: 90%;
}

.align_right {    
    text-align:right;
}

.align_top {
    vertical-align:top;
}

.pfeil_re {      
    background-image: url(images/pfeil_re.gif);
    background-repeat: no-repeat;
    background-position: bottom right;
    padding-right: 15px;
}

.align_left {    
    text-align:left;
}

.pfeil_li {      
    background-image: url(images/pfeil_li.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
    padding-left: 15px;
}

.pfeil_point {
    background-image: url(images/pfeil_re.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
    padding-left: 15px;
}


li {        
    list-style-type: none;
    background-image: url(images/bullet.gif);    
    background-repeat: no-repeat;
    background-position: 0 2px;
    padding-left: 19px;
    margin-bottom: 1.35em;
}

.compact_li {
    margin-bottom: 0.1em;
}

.bullet_inv {    
    background-image: url(images/bullet_inv.gif);
}

.aux_image {
    margin-top: 28px;
}

.aux_text {
    margin: 28px 23px 0 25px;
    padding: 0 0 0 15px;
    background-image: url(images/aux_text_bg.gif);    
    background-repeat: no-repeat;
    background-position: top left;
    text-align:left;
}

.aux_text p,  .aux_text2 p{
    letter-spacing:0em;
    word-spacing:-0.1em;
    font-size:90%
}

.aux_text2 {
    margin: 25px 23px 0 25px;        
    text-align:left;
}

.ext_link {
    /*border-bottom:2px solid #d3af8a;*/
    text-decoration: underline;    
}

.logo {
   margin-left:8px;
}

.imprint_left_td {
   width: 177px;
}

#bg_sound_img {
    position:relative;
    top:3px;
    margin-right:3px;
}

#menu {
	list-style: none;
	padding: 12px 0 0 0;
}

#menu li {
	background: 0;
	padding: 2px 0 3px;
}

#menu li a span {display: none;}

#menu li a {
	display: block;
	height: 11px;
	background: top left no-repeat;
}

#menu li a:hover, #menu li.active a {
	background-position: bottom left;
}

#menu a.intro {background-image: url(nav/intro.gif);}
#menu a.coaching {background-image: url(nav/coaching.gif);}
#menu a.methoden {background-image: url(nav/methoden.gif);}
#menu a.mitte {background-image: url(nav/mitte.gif);}
#menu a.kinder {background-image: url(nav/kinder.gif);}
#menu a.veranstaltungen {background-image: url(nav/veranstaltungen.gif);}
#menu a.empfehlungen {background-image: url(nav/empfehlungen.gif);}