/* CSS fuer www.cranio-lev.de XHTML-Version © Gabi Zellerhoff 10/2008
-- fuer IE angepasste version (probleme mit id+class-kombinationen) --

farben:
hintergrund: #d2e6f1
schrift: #303F51
*/

body {
        font-family: 'Lucida Grande', Trebuchet, Verdana, Arial, Helvetica, sans-serif;
        font-size: 90%;
        line-height: 140%;
        color: #303F51;
        background-color: #FAE4EC;
        margin: 0;
        padding: 0;
        text-align: center;
}
h1 {
        text-indent: -999em; /* blendet ueberschrift aus */
}
ul {
        list-style: none;
}
div#contentbox ol li {
        list-style-type: decimal;
}
img {
        border: 0;
}
img.innen {
        float: left;
        padding: 0 10px 5px 0;
}
em {
        font-weight: bold;
        font-size: 97%;
}
a {
        text-decoration: none;
        color: #6699CC;
}
div.inside {
        padding: 1em;
}
p.clear {
        clear: both;
}
p.small {
        width: 380px;
}
table {
        width: 520px;
        border-collapse: collapse;
        margin: 10px 0 0 0;
}
th {
        padding: 5px;
        border-right: 1px solid #7DB5B8;
        text-align: left;
}
td {
        padding: 5px 0 3px 20px;
        border-right: 1px solid #7DB5B8;
        font-size: 0.9em;
}

tfoot td {
        border: 0;
}
table p {
        font-size: 0.8em;
}

div#centerbox {
        position: relative;
        margin: 0 auto;
        width: 960px;
        text-align: left;
}
/* ___ headerbox ____________ */
div#headerbox {
        position: relative;
        width: 960px;
        height: 163px;
        border: 1px solid white;
        margin: 1em 0 0 0;
}
div#headerbox-home {
                position: relative;
                width: 960px;
                height: 163px;
                border: 1px solid white;
                margin: 1em 0 0 0;
                background: transparent url(../images/header/h_home1.gif) no-repeat top left;

}
/* ___ rubrikbox ____________ */
div#rubrikbox {
        width: 960px;
        height: 1.5em;
        border: 1px solid white;
        margin: 0.2em 0 0 0;
}
div#rubrikbox-home {
        width: 960px;
        height: 1.5em;
        border: 1px solid white;
        margin: 0.1em 0;
        background-color: #DD3B77;
}

div#rubrikbox-home h2, div#rubrikbox-einzel h2, div#rubrikbox-nachhilfe h2,
div#rubrikbox-ferien h2, div#rubrikbox-kleingruppen h2, div#rubrikbox-firmen h2,
div#rubrikbox-skype h2, div#rubrikbox-links h2, div#rubrikbox-deutsch h2, div#rubrikbox-preise h2, div#rubrikbox-kursangebot h2 {
        color: white;
        font-size: 1.0em;
        margin: 2px 0 0 165px;


}
/* ___ navibox ____________ */
div#navibox {
        width: 15%;
        float: left;
        padding: 2em 2% 0 0;
        margin: 0;
}
div#navibox li {
        text-align: right;
        font-weight: bold;
        color: #CCFFFF;
        margin: 0 0.1em 0.6em 0;
}
div#navibox a {
        text-decoration: none;
}
div#navibox a:link, div#navibox a:visited {
        color: #313e2c;
}
div#navibox a:hover {
        color: #d4b31a;
}
/* ___ contentbox ____________ */
div#contentbox {
        width: 70%;
        height: 35em;
        overflow: auto;
        float: left;
        padding: 0 0 1em 0;
        margin-bottom: 8px;
        background-color: #F4CFDC;
}
div#contentbox-home {
        width: 70%;
        height: 35em;
        overflow: auto;
        float: left;
        padding: 0 0 1em 0;
        margin-bottom: 8px;
        background: #F4CFDC url(../images/micha.jpg) no-repeat bottom right;
}

div#contentbox li {
        text-align: left;
        font-weight: normal;
        color: #303F51;
        list-style: square;
}
div#contentbox li.bold {
        font-weight: bold;
        list-style: none;
        padding: 0 0 0.3em 0;
}
div#contentbox li.nodot {
        list-style: none;
}
div#contentbox a:hover {
        color: #d4b31a;
}

/* ___ footerbox ____________ */
div#footerbox {
        clear: both;
        height: 2em;
        border: 1px solid white;
        font-size: 0.8em;
        text-align: center;
}
.klein {
        font-size: smaller;
}
div#windowbox {
        width: 300px;
        margin: 10px auto;
        background-color: #EDF5F9;
        text-align: left;
        padding: 5px;
}
noscript {
        color: #FF9933;
}
.abstand {
        padding: 0.5em 0 0 0;
}