/* reset-fonts version 2.5.1 vom 19.3.08 (neue Werte) */

/*

    <div id="main">
      <div id="header">
        <div id="head-top"></div>
          <div id="logo"></div>
          <div id="theme"></div>
          <div id="head-bottom"></div>
        </div>
        <div id="content">
          <div id="leftside">
            <div id="quick"></div>
            <div id="navi"></div>
          </div>
        <div id="rightside">
            <div id="content-text"></div>
        </div>
      </div>
    </div>
*/

html {
    width: 100%;
}

body, html {
    background-image : url(/fileadmin/layouts/main/public/gfx/);
    background-repeat : repeat-y;
    height: 100%;
    background-color: #bbd7b1;
}
body {
    font-family: Verdana;
    width: 100%;
}
#main {
    margin: 0 auto;
    width: 900px;
}
#header {
    width: 900px;
    height: 295px;
}
#head-top {
    width: 900px;
    height: 166px;
    position: absolute;
    z-index: 2;
}
#head-bottom {
    background-image : url(/fileadmin/layouts/main/public/gfx/head_bottom.png);
    background-repeat : no-repeat;
    width: 900px;
    height: 50px;
    position: absolute;
    z-index: 3;
    margin-top: 225px;
}
#theme {
    width: 900px;
    height: 295px;
    position: absolute;
    z-index: 1;
}
#logo {
    width: 261px;
    height: 202px;
    position: absolute;
    z-index: 4;
}

#content {
    width: 900px;
    float: left;
}

#leftside {
    width: 261px;
    float: left;
}
#quick {
    border-left: 1px dotted #144d00;
    margin-left: 31px;
    margin-bottom: 10px;
    width: 214px;
    float: left;
}
#quick li {
    border-right: 1px dotted #144d00;
    text-align: center;
    width: 105px;
    line-height: 20px;
    float: left;
}
#quick li a {
    display: block;
    text-decoration: none;
    font-weight: normal;
    color: #144d00;
}
#navi {
    width: 261px;
    float: left;
}

#rightside {
    width: 639px;
    float: left;
}

#content-text {
    padding: 0px 20px 20px 20px;
    width: 599px;
    float: left;
}

#content-text p.bodytext {
    color: #000;
    line-height: 1.5em;
    padding: 0px 0px 15px 20px;
}

#content-text ul {
    margin-left: 40px;
}

#content-text li {
    background-image : url(/fileadmin/layouts/main/public/gfx/li.png);
    background-repeat : no-repeat;
    background-position: left top;
    line-height: 30px;
    padding-left: 22px;
}

#navi {
    margin-left: 31px;
    width: 214px;
    float: left;
}

#navi li {
    width: 214px;
    line-height: 30px;
    margin-bottom: 5px;
}

#navi li.lev1-act a {
    background-image : url(/fileadmin/layouts/main/public/gfx/lev1act.png);
    background-repeat : no-repeat;
    text-decoration: none;
    font-weight: bold;
    color: #000;
    background-color: #defbd3;
    padding-left: 20px;
    display: block;
}

#navi li.lev1-no a {
    text-decoration: none;
    background-color: #d0ecc5;
    font-weight: bold;
    color: #144d00;
    padding-left: 20px;
    display: block;
}

#navi li.lev2-act a {
    background-image : url(/fileadmin/layouts/main/public/gfx/lev2act.png);
    background-repeat : no-repeat;
    text-decoration: none;
    background-color: #144d00;
    color: #fff;
    padding-left: 30px;
    display: block;
}

#navi li.lev2-no a {
    text-decoration: none;
    color: #2a2a2a;
    padding-left: 30px;
    display: block;
}

#contact h1 {
    font-size: 100%;
    font-weight: bold;
    color: #fff;
    background-color: #144d00;
    padding: 5px 0px 5px 10px;
}

#contact {
    margin-left: 31px;
    margin-bottom: 30px;
    width: 214px;
    float: left;
}

#contact p.bodytext {
    background-color: #d0ecc5;
    padding: 20px;
    font-size: 80%;
}

#callback {
    margin-left: 31px;
    font-size: 100%;
    width: 214px;
    height: 170px;
    float: left;
}

#callback .left-label {
    color: #000;
    display: block;
    font-size: 85%;
    font-weight: bold;
    padding: 10px 15px 10px 15px;
    width: 184px;
}

#callback-input {
    margin-left: 20px;
}

#callback .submit-button {
    margin-left: 20px;
    margin-top: 10px;
    float: left;
}

#callback h3 {
    line-height: 1.3em;
    font-size: 100%;
    font-weight: bold;
    color: #fff;
    background-color: #144d00;
    padding: 5px 0px 5px 10px;
}

#thankyou h2 {
    padding-left: 15px;
}

#thankyou p {
    padding: 0px 20px 0px 20px;
}

.csc-textpic-caption {
    line-height: 30px;
    font-weight: bold;
}

/* Font Setup */

h1 {
    font-size: 112%;
    font-weight: bold;
    line-height: 1.3em;
    color: #144d00;   
    margin: 15px 0px 15px 0px; 
}
h2 {
    font-size: 100%;
    font-weight: bold;
    color: #7b4e00;
    margin: 15px 0px 15px 10px;
}
h3 {
    font-size: 95%;
    font-weight: bold;
    color: #7b4e00;
}

/* Links */

a {
    color: #666666;
}

/* Textformatierungen */

strong, bold {
  font-weight : bold;
}
italic, em {
  font-style : italic;
}