body{background-color:#fff;}
hr{
        border:solid 1px #5F7FB9;
        margin-bottom:8px;
}
ol li{
padding-bottom:12px;
}
#box{background: transparent url('../images/Kopfbereich.gif') no-repeat top left;
width: 810px;
min-height: 279px;
margin: 0px auto;
border: solid 1px #5F7FB9;
border-top:1px solid #5F7FB9;
border-bottom: 0px #5F7FB9;;
font-size: 12px;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
}

#logo a{position: relative;
left:0px;
top:140px;
background-color: transparent;
background: url('../images/Pfeil_rechts.gif') no-repeat;
width: 100px;
height: 100px;
color: #ffffff;
margin: 0px;
padding:0px;
padding-left:30px;
white-space: nowrap;
display: block;
}

#logo a:hover{
background-color: transparent;
background: url('../images/Pfeil_rechts_on.gif') no-repeat;
white-space: nowrap;
padding-left:30px;
display: block;}
img{
        border:0px;
margin-left: 8px;
vertical-align: middle;
}
ul{width:80%;
        float: left;}
ul, li {
        font-size:12px;
}
#Content ul{
list-style-position: outside;
list-style-type:disc !important;
font-size: 1em;
display: block;
}
#Content li{
font-size: 1em;
}
ul.ohne, ul.ohne:hover{
list-style-position: outside;
line-height: 1.8em;
font-weight: 800;
}
ul.ohne li{
font-size: 14px;
}
p{font-size: 1em;
        text-align:left;
        white-space:normal;
        line-height:normal;
        padding-left:2px;
        padding-right:8px;
        padding-bottom:0px;
        margin:2px;
        width: 100%;
}

p img{
padding: 0px;
margin: 0px;
}

h2{
        width:100%;
        float:right;
}
h3{float: left;
        width:100%;
        float:left;
        padding:2px;
        padding-top:10px;
        margin-bottom:4px;
        margin-top: 6px;
        font-size: 15px;
}
h4{     width: 384px;
        float: left;
        background-color:#F1F1F1;
        padding:2px;
        padding-left: 10px;
        margin:0px;
        margin-bottom:4px;
        font-size: 13px;
}
h5{     width: 360px;
        float: left;
        padding:2px;
        padding-left: 4px;
        margin-bottom:4px;
}
p span{
        font-size:1em;
        font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
        margin-top:7px;
        padding-top:4px;
line-height: 1.5em;
}
p a{
        color:#000000;
        text-align:left;
}
p a:hover{
        text-align:left;
}

#Bilder p{
position: relative;
left: 12px;
top:2px;
padding-left: 10px;
}
#Bilder a:hover img{
margin-bottom: 10px;
text-align: left;
width: 391px;
position:relative;
left:-100px;
top:0px;
}
#ratespiel #Bilder p img{
position: relative;
top: 10px;
left: 3px;
margin-bottom: 10px;
text-align: center;
overflow: hidden;
width: 103px;
height:208px;}

#Bilder img{ width: 170px;
        padding: 4px;
        border: solid 1px #5F7FB9;
        margin-bottom: 12px;
}
#Bilder a:hover{
        color:rgb(0,0,0);
        text-align: left;
        line-height: 1.4em;
        width: 180px;
        background-color: white;

}
a div.Logo{
        text-decoration:none;
        color:#000000;
        background-color:transparent;
        cursor:pointer;
}
a{
text-decoration:none;
        color:rgb(0,0,0);
}
a:hover{
background-color:#5F7FB9;
       color:#ffffff;
        cursor:pointer;
        text-decoration: none;
        }

#NavigationOben{position: relative;
        left:0px;
        top:0px;
        line-height: 14px;
        width:100%;
        height:19px;
        text-align:right;
        color: #fff;
        padding:0px;
        margin:0px;
        float:right;
        background-color: transparent;
}

#NavigationOben ul{
        list-style:none;
        padding:0px;
        margin:0px;
        padding-bottom:0px;
        width: 90%;
        float: right;
        background-color: transparent;
}
#NavigationOben ul li{
        float:right;
        width: 99px;

}
#NavigationOben ul li a{
        display:block;padding:0px;
        margin:0px;
        color: #ffffff;
}
#NavigationOben ul li a span{
        display:block;
        text-decoration:none;
        font-weight:700;
        margin-right:6px;
        margin-left: 6px;
        padding:6px;
        padding-top:0px;
        padding-right:5px;
        padding-top:4px;
        cursor:pointer;
}
#box #NavigationOben ul li a:hover{
        display:block;
        color:#00AEEF;
        font-weight:700;
        cursor:pointer;
}
#Infobox{position: relative;
top: 7px;
left: 1px;
float: right;
        width: 397px;
     text-align: left;
      min-height:148px;
}

#Mitte{
background-color:transparent;
float: left;
position: relative;
left: -1px;
top:110px;
width: 810px;
border: solid 1px #5F7FB9;
border-top: 0px;
margin-top: 0px;
background:url(../images/Gesundheitszentrum1.png) repeat-y;
}

#Navigation{
        position:relative;
        left:6px;
        top:-80px;
        width:159px;
        display:block;
        text-align: center;
         font-size:12px;
         float: left;
         border: 1px solid #d3d3d3;
         position: relative;
         height: 100%;
}

#Bilder{
        position: relative;
        left: 10px;
        top: 40px;
        width:170px;
        text-align:left;
        padding-top:0px; padding-left:8px;
        margin-bottom: 10px;
        text-align:center;
        float: left;
        line-height: 1.4em;
}

#Content{position: relative;
top: -10px;left: 13px;
        width:410px;
        min-height: 480px;
        font-size:14px;
        float:left;
        line-height:normal;
        border:0px;
        color:black;
        padding-left:14px;
        padding-right:2px;
        margin:0;
}

#Fuss{
background:#5F7FB9 center top no-repeat;
width: 100%;
height: 20px;
padding-top:6px;
padding-bottom: 2px;
float: left;
text-align: center;
color: #ffffff;
font-weight: 900;
border: solid 0px #5F7FB9;
border-top: dotted 1px #5F7FB9;
}

#Content p span{
        font-size:14px;
        width: 99%;
        float: left;
}

#Content table{
        float:left;
        font-size:14px;
        margin:0px;
        padding:0px;
}
/* Ovo je beige  background-color:#f9da8b */
.betonen{
        font-weight:700;
        font-size:12px;
}
.unterschrift{
        font-weight:700;
        font-size:22px;
        font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
}
p span.unterschrift{
        font-weight:700;
        font-size:14px;
        font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
}
p span.betonen{
        font-size:12px;
        font-weight:700;
}


/*Hauptnavigation links */
div.ueber{
        display:block;
        font-size:1em;
        line-height:1.6em;
        color:black;
        overflow: hidden;
}

div.ueber a{
        display: block;
        color:black;
        padding-left:12px;
        font-size: 1em;
        font-weight: 800;
        background-color:#d3d3d3;
        text-transform:uppercase;
        width: 100%;
          overflow: hidden;
          text-align: left;
          padding-left: 12px;
}
div.ueber a:hover{
        display: block;
        color:#ffffff;
        font-weight: 800;
        background-color:#5F7FB9;
        text-transform:uppercase;
        width: 100%;
          overflow: hidden;
          padding-left: 12px;
}

.unter{
        position:relative;
        left:10px;
        width:99%;
        text-align:center;
        font-size:1em;
}

div.unter{
padding-top: 4px;
        color:black;
        padding-right:2px;
        text-align:left;
        border: 1px solid #5F7FB9;
        border-width:0px;

        border-right-width:0px;
        width: 120px;
}

div.unter a{
        display: block;
        padding-right:2px;
        text-align:left;
        line-height: 1.6em;
        width: 125px;
}
div.unter a:hover{
        display:block;
        color:#ffffff !important;
        padding-right:2px;
        background-color:#5F7FB9 ;
        width: 125px;
 }

.abstand{
        position:relative;
        top:3px;
        }
.unten{
        background:transparent url(../images/navi/navi_hellgruen_unten.png) no-repeat;
        position:relative;
        left:1px;
        top:0px;
        padding-top:10px;
        width:165px;
        display:block;
        text-align: center;
 font-size:12px;
 float: left;
}


#m1, #m2{
color: #B64E4E;
padding: 0px 5px 5px 5px;
padding-left: 12px;
height: 90px;
background-color: transparent;
overflow: hidden;
}

#Infobox .kasten{
position : relative;
width: 340px;
height: 94px;
left: 0px;
top: -5px;
background-color:transparent ;
padding: 6px 6px 4px 12px;
overflow: hidden;
color: black;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 11px;
float: left;
}

#Infobox .kasten strong{
font-size: 13px;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
}

.kasten a:hover, .kasten a:link, .kasten a:visited{
color: #000;
background-color: #5F7FB9;
}

#home #box div.ueber a.home, #gesundeErnaehrung #box div.ueber a.gesundeErnaehrung, #vitalstoffmangel #box a.vitalstoffmangel, #wasser #box a.wasser, #fette #box a.fette, #krebsprophylaxe #box a.krebsprophylaxe,#ratespiel #box a.ratespiel,#aktuelles #box a.aktuelles,#download #box a.download, #kontakt #box a.kontakt, #impressum #box a.impressum, #seitemap #box a.seitemap{
        background-color: #5F7FB9;
        color: #ffffff;
        display: block;
}

#home #box a.home:hover, #gesundeErnaehrung #box a.gesundeErnaehrung:hover, #vitalstoffmangel #box a.vitalstoffmangel:hover, #wasser #box a.wasser:hover, #fette #box a.fette:hover, #krebsprophylaxe #box a.krebsprophylaxe:hover,#ratespiel #box a.ratespiel:hover,  #aktuelles #box a.aktuelles:hover, #kontakt #box a.kontakt:hover,  #impressum #box a.impressum:hover, #seitemap #box a.seitemap:hover{
        display: block;
        background-color: #5F7FB9;
        color: #ffffff;
        overflow: hidden;

}

#box #Content a:hover{
color:#5F7FB9;
background-color:#ffffff ;}

#box #NavigationOben ul li.aktuelles a{
background-color:#B64E4E !important;
color: #ffffff;
border-left: solid 1px #ffffff;
border-bottom:solid 1px #ffffff;
padding-right: 10px;
  overflow: hidden;
}
#box #NavigationOben ul li.download a{
background-color:#25549F !important;
color: #ffffff;
border-left: solid 1px #ffffff;
border-bottom:solid 1px #ffffff;
padding-right: 10px;
  overflow: hidden;
}
#box #NavigationOben ul li.kontakt a{
background-color:#9E4481 !important;
color: #ffffff;
border-left: solid 1px #ffffff;
border-bottom:solid 1px #ffffff;
padding-right: 10px;
}
#box #NavigationOben ul li.impressum a{
background-color:#5F7FB9!important;
color: #ffffff;
border-left: solid 1px #ffffff;
border-bottom:solid 1px #ffffff;
padding-right: 10px;
}
#box #NavigationOben ul li.download a:hover, #box #NavigationOben ul li.kontakt a:hover, #box #NavigationOben ul li.impressum a:hover,  #box #NavigationOben ul li.aktuelles a:hover{
color: #f9e612 !important;
}


div.unter a.vitalstoffmangel, div.unter a.wasser,div.unter a.fette, div.unter a.krebsprophylaxe{
        display: block;
        background-color: #ffffff;
        color: black;
        width: 100%;
        border-bottom:1px dotted #5F7FB9;
        font-weight:800;
        padding-left: 5px;

/*         overflow: hidden; */
}
div.unter a.vitalstoffmangel:hover, div.unter a.wasser:hover,div.unter a.fette:hover, div.unter a.krebsprophylaxe:hover{
        display: block;
        background-color:#5F7FB9;
        color: #ffffff;
        width: 100%;
        font-weight:800;
/*         overflow: hidden; */
}



div.ueber a.home:hover, div.ueber a.gesundeErnaehrung:hover,div.ueber a.ratespiel:hover, div.ueber a.aktuelles:hover,div.ueber a.kontakt:hover,div.ueber a.impressum:hover, div.unter a.vitalstoffmangel:hover, div.unter a.wasser:hover,div.unter a.fette:hover, div.unter a.krebsprophylaxe:hover{
display: block;
color: #ffffff;
overflow: hidden;
height:100%;
width: 100%
}

/* Formular */
#Content #formular{
float: left;
}
#Content form fieldset{
border: solid 1px #5F7FB9;
overflow: hidden;
}
#Content form fieldset legend strong{
font-size: 1.3em;
color:#5F7FB9;
}
#Content form textarea{

margin-left: 10px;
border: dotted 1px #5F7FB9;
border-left: dotted 1px #5F7FB9;
border-right: dotted 1px #5F7FB9;
width: 270px;
float: left;
}
#Content #formular form .form_text{
width: 99.9%;
line-height: 1.6em;
color: #5F7FB9;
float: left;
margin-left: 10px;
}

#Content form  .form_strasse{
margin-left:10px;
width: 270px;
clear: both;

}
#Content form  input, #Content form  .form_email, #Content form  .form_telefon{
margin-left: 10px;
width: 270px;
clear: both;
}
#Content form  form_name,#Content form  .form_email, #Content form  .form_telefon{
width: 270px;
background-color:#5F7FB9 ;
float: right;
}

#Content form .form_plz{
width: 90px;
margin: 0px;
padding:0px;

}
#Content form .form_ort{
width: 170px;
margin: 0px;
padding:0px;
}

#Content form .checkbox_element{
width: 14px;
}

#Content form input[type="submit"] {
background:url(../images/Pfeil_rechts.gif) no-repeat left center;
color:#5F7FB9;;
cursor:pointer;
font-size:12px;
height:26px;
line-height:19px;
margin-top:10px;
padding-bottom:3px;
padding-left:28px;
text-decoration:none;
width: 100px;
font-weight: 900;
}

#Content form input[type="submit"]:hover {
background:url(../images/Pfeil_rechts_on_farbe.gif) no-repeat left center;
color:#9E4481;
cursor:pointer;
font-size:12px;
height:26px;
line-height:19px;
margin-top:10px;
padding-bottom:3px;
padding-left:28px;
text-decoration:none;
width: 100px;
}
#Content form input[type="reset"] {
background:url(../images/x.gif) no-repeat left center;
color:#5F7FB9;;
cursor:pointer;
font-size:12px;
height:26px;
line-height:19px;
margin-top:10px;
padding-bottom:3px;
padding-left:28px;
text-decoration:none;
width: 100px;
font-weight: 900;
}
#Content form input[type="reset"]:hover {
background:url(../images/x_on.gif) no-repeat left center;
color:#9E4481;
cursor:pointer;
font-size:12px;
height:26px;
line-height:19px;
margin-top:10px;
padding-bottom:3px;
padding-left:28px;
text-decoration:none;
width: 100px;
}

#mailer_errormsg{
color: #9E4481;
float:left;
width:380px;
}
/*Das ist für die externe Links bzw. meine Seite.*/
div.extern{
padding: 12px;
left: 20px;
width: 88%;
height: 60px;
border: 1px dotted #5F7FB9;
float: left;
}

/*Quiz */
#Content div.quiz{
width: 380px;
text-align: left;
vertical-align: middle;
float:left;
}
#Content div.quiz table tr td{
border: dotted 1px #5F7FB9;
padding-left: 6px;
padding-right: 6px;
}

.clearfix_right{
clear: both;
}
#Content div.quiz p.hg a{
color: red;
vertical-align: middle;
padding-right: 5px;
}
#Content div.quiz form table tr td input[type="radio"]{
width: 15px;
height:15px;
border: solid 1px #5F7FB9;
}
#box #Content .betonen{
font-family:Verdana, Arial, Helvetica,Tahoma; font-size:16px;
}
#Navigation .hintergrund{
background: url(../images/Blaue_Farbe.gif) repeat-y;
height:100%;
}