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

/*

   <div id="main">
      <div id="header">
        <div id="head-left"></div>
        <div id="head-right"></div>
      </div>
      <div id="theme">
        <div id="slide"></div>
        <div id="slogan"></div>
      </div>
      <div id="content">
        <div id="content-text"></div>
        <div id="sidebar">
          <div id="contact"></div>
          <div id="footer"></div>
        </div>
      </div>
   </div>

*/

body, html {
    background-color: #385883;
    height: 100%;
}

body {
    background-image : url(/fileadmin/layouts/main/public/gfx/background-x.gif);
    background-repeat : repeat-x;
    font-family: Arial;
    width: 100%;
}

#main {
    width: 970px;
    margin: 0 auto;
}

#header {
    width: 970px;
    height: 100px;
    float: left;
}

#head-left {
    width: 745px;
    height: 100px;
    float: left;
}

#head-right {
    background-color: #fff;
    width: 225px;
    height: 100px;
    float: left;
}

#theme {
    background-color: #fff;
    width: 970px;
    height: 222px;
    float: left;
}

/* Dieses Div ist nur dafür gedacht, falls jemand kein Flash installiert hat. */

#themeimg {
    width: 745px;
    height: 222px;
    position: absolute;
    background-color: #fff;
    z-index: 10;
}

#slide {
    width: 745px;
    height: 222px;
    position: absolute;
    z-index: 20;
}

#slogan {
    background-color: #093158;
    width: 225px;
    height: 222px;
    position: absolute;
    margin-left: 745px;
    z-index: 30;
}

#slogan p.bodytext {
    color: #fff;
    margin-left: 30px;
    margin-top: 40px;
    line-height: 1.6em;
}

#content {
    background-image : url(/fileadmin/layouts/main/public/gfx/contenttext.jpg);
    background-repeat : no-repeat;
    background-color: #fff;
    width: 970px;
    min-height: 500px;
    float: left;
}

#breadcrumb {
    width: 705px;
    padding: 10px 20px 10px 20px;
    float: left;
}

#breadcrumb li {
    margin-left: 10px;
    float: left;
}

#breadcrumb li a {
    color: #666;
}

#content-text {
    width: 705px;
    padding: 0px 20px 20px 20px;
    min-height: 500px;
    float: left;
}

#sidebar {
    background-color: #fff;
    width: 225px;
    float: left;
}

#navi-main {
    margin-top: 10px;
    width: 225px;
    float: left;
}

#navi-main li {
    width: 225px;
    height: 30px;
    float: left;
}

#navi-main li.act a {
    background-image : url(/fileadmin/layouts/main/public/gfx/act.gif);
    background-repeat : no-repeat;
    display: block;
    line-height: 30px;
    padding-left: 30px;
    color: #ea6900;
    font-weight: bold;
    text-decoration: none;
}

#navi-main li.no a {
    display: block;
    line-height: 30px;
    padding-left: 30px;
    color: #666;
    font-weight: bold;
    text-decoration: none;
}

#contact {
    margin-top: 40px;
    width: 225px;
    float: left;
}

#footer {
    margin-left: 30px;
    margin-bottom: 30px;
    width: 195px;
    float: left;
}

#footer .footer-quick li {
    margin-right: 10px;
    float: left;
}

#footer .footer-quick li a {
    color: #666;
    text-decoration: none;
    display: block;
}

#footer .footer-copy {
    margin-top: 5px;
    font-size: 90%;
    color: #666;
    width: 225px;
    float: left;
}


#content-text a {
    color: #ea6900;
}

#content-text p.bodytext {
    line-height: 1.4em;
    color: #666;
    margin: 0 10px 20px 30px;
}

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

#content-text li {
    padding-left: 20px;
    line-height: 1.6em;
    background-image:url(/fileadmin/layouts/main/public/gfx/li.gif);
    background-position: left center;
    background-repeat: no-repeat;
    color: #666;
}

/*  Überschriften */

h1 {
    background-color: #093158;
    margin: 10px 0px 10px 0px;
    padding-left: 10px;
    font-size:110%;
    font-weight: bold;
    color: #fff;
    line-height: 25px;
}

h2 { 
    margin: 10px 0px 10px 20px;
    font-size:100%;
    font-weight: bold;
    color: #ea6900;
}

h3 { 
    margin: 5px 0px 5px 30px;
    font-size:100%;
    font-weight: bold;
}

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

.csc-textpic-caption {
    font-weight: normal;
    color: #000;
    padding: 3px;
}