/*------------------- CSS RESET ---------------------
---------------------------------------------------*/
* {
padding: 0;
margin: 0;
font-size: 100%;
}
html { height: 101%; }

ul,
ol {
list-style: none;
}


/*------------------SCHRIFT / GRÖSSE ----------------
---------------------------------------------------*/

body {
font-family: Verdana,Arial,sans-serif;
font-size: 80%;
color: #666666;
line-height: 1.7em;
text-align: left;
}

h1,
h2,
h3 {
font-weight: bold;
margin-bottom: 0.5em;
line-height: 1.5em;
}

h1,
h2,
.subcol h3 {
color: #ad1910;
}

h1 {
font-size: 1.8em;
}

h2 {
font-size: 1.5em;
}

h3 {
font-size: 1.1em;
color: #505862;
}

h3.datum {
color: #505862;
font-size: 0.95em;
}

blockquote {
color: #f18110;
font-size:90%;
font-style:italic;
line-height: 1.2em;

}

a:link,
a:visited {
color: #666666;
text-decoration: none;
}

a:hover,
a:focus,
a:active {
color: #ad1910;
text-decoration: underline;
}


#mainContent p {
margin-bottom: 20px;
}

#mainContent ul  {
list-style: circle;
list-style-position:outside;
padding-left: 15px;
}

#mainContent ol  {
list-style: decimal;
list-style-position:outside;
padding-left: 15px;
}


/*------------------- ALLGEMEIN --------------------
---------------------------------------------------*/
.clearfloat {
clear: both;
}

.textlink {
font-variant:small-caps;
font-weight: bold;
}

.bildrechts {
   width: 160px;
   float: right;
   text-align: right;
   padding: 3px;
   border: 1px solid #ad1910;
   margin: 0 10px 10px 40px;

}

span.bildtext {
   display: block;
   font-size: 0.8em;
   text-transform: uppercase;
}

.hervorgehoben   {
width: 200px;
float: right;
font-size: 0.85em;
background-color: #EFEFEF;
padding: 10px 4px 0 4px;
border-top: 1px solid #AD1910;
border-bottom: 1px solid #AD1910;
margin: 0 10px;
}

.hervorgehoben p {
color: #000;
}
.nachoben {
font-size: 0.8em;
margin-top: 8px;
display: block;
text-align: left;
}
.nachoben a:link,
.nachoben a:visited {
padding: 3px 20px;
background: url(img/nachoben.gif) no-repeat left 0;
}

.nachoben a:hover,
.nachoben a:focus,
.nachoben a:active {
text-decoration: none;
background: url(img/nachoben.gif) no-repeat left -38px;
}

.mehrInfo {
font-size: 0.8em;
margin-top: 8px;
display: block;
text-align: right;
}

.mehrInfo a:link,
.mehrInfo a:visited {
padding: 3px 20px;
background: url(img/mehrInfo.gif) no-repeat right 0;
}

.mehrInfo a:hover,
.mehrInfo a:focus,
.mehrInfo a:active {
text-decoration: none;
background: url(img/mehrInfo.gif) no-repeat right -38px;
}


/*------------------- LAYOUT ---------------------
---------------------------------------------------*/
#wrapper {
width: 90%;
min-width: 600px;
max-width: 1200px;
background-color: #ffffff;
border: 1px solid #dcdcdc;
padding: 0;
margin: 4px auto 0 auto;
}


#header {
position: relative;
width: 100%;
background-image: url(img/header_bg.jpg);
background-repeat: no-repeat;
margin-bottom: 20px;

}
#header p {
font-size: 80%;
text-transform: uppercase;
text-align: right;
padding-right:40px;
}

#logo {
padding-top: 40px;
padding-left: 214px;

}
#leftnav {    /* neu */
   float: left;
   width: 180px;
   padding-left: 20px;
   padding-top: 10px;
}


#mainContent { /* neu */

margin-top: 0px;
   padding: 15px 10px 20px 20px;
   margin-left: 200px;
   margin-right: 200px;
}
/* neu */
#sidebarRight {
   float: right;
   width: 230px;
   padding: 0px;
   margin: 20px 20px;
}


#footer,
.clearfloat {
clear: both;
}

#footer p {
font-size: 0.9em;
text-align: center;
}


/*------------------- NAVIGATION--------------------
---------------------------------------------------*/


ul#leftnav li /* oder ul#menü*/ {
position: relative;
}


.nav li a {
background:#FFFFFF;
border-bottom: 1px solid #EFEFEF;
display:block;
width: 160px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.15em;
margin-bottom: 2px;
padding: 4px 0 4px 5px;
text-decoration: none;
}
.nav li a:hover,
.nav li a:focus,
.nav li a:active {
color: #9c100a;
background: #EFEFEF;
}

.subnav li a {
width: 126px;
border-bottom: 1px solid #EFEFEF;
display: block;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.15em;
padding: 0px 0 4px 40px;
margin-bottom: 2px;
}

.subnav li a:hover,
.subnav li a:focus,
.subnav li a:active {
color: #9c100a;
background: #EFEFEF;
}


#subnav0, #subnav1 {
display:none;
}
#behandlung #subnav0, #kosten #subnav0, #anwendung #subnav0, #shop #subnav1 {
display:inline;
}

#home #navhome a.sel, #person #navperson a.sel, #behandlung #navbehandlung a.sel, #anwendung #navanwendung a.sel, #kosten #navkosten a.sel, #philosophie #navphilosophie a.sel, #faq #navfaq a.sel, #termine #navtermine a.sel, #shop #navshop a.sel, #kontakt #navkontakt a.sel {
color: #9c100a;
padding-left: 20px;
}

#home #navhome, #person #navperson, #philosophie #navphilosophie, #faq #navfaq, #termine #navtermine, #shop #navshop, #kontakt #navkontakt {
list-style-image: url(img/list.gif);
}

#leftnav img {
margin-top: 60px;
background: white;
}

/*-----------------TABELLE-------------------------------------
----------------------------------------------------------------*/
.tabelle {
width: 85%;
background: #EFEFEF;
color: #000;
border-collapse: collapse;

}
.tabelle td,
.tabelle th {
border: 1px solid #fff;
padding: 3px 8px;
}
.tabelle th {
background: #e9583f;
color: #fff;
font-weight: bold;
}
.tabelle tr.alt{
background: #e2e7ed;
}
.tabelle tr:hover{
background: #f18110;
}