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

/*

   <div id="main">
      <div id="top">
        <div id="header"></div>
        <div id="theme"></div>
        <div id="navi-top"></div>
      </div>
      <div id="navi-main"></div>
      <div id="content">
        <div id="leftside">
          <div id="navi-sub"></div>
          <div id="contact"></div>
        </div>
        <div id="rightside">
          <div id="theme"></div>
          <div id="content-text"></div>
        </div>
      </div>
   </div>

*/

body, html {
    height: 100%;
    background-color: #fff;
    background-image : url(/fileadmin/layouts/main/public/gfx/body-bg.gif);
    background-repeat : repeat-y;
}
body {
    font-family: Arial, Verdana, Tahoma;
    width: 100%;
}

#main {
    width: 970px;
}

#top {
    width: 970px;
    float: left;
}

#header {
    width: 970px;
    height: 55px;
    background-image : url(/fileadmin/layouts/main/public/gfx/header-top.jpg);
    background-repeat : no-repeat;
    float: left;
}

#theme {
    width: 970px;
    height: 135px;
    background-image : url(/fileadmin/layouts/main/public/gfx/slides/transporte.jpg);
    background-repeat : no-repeat;
    float: left;
}

#navi-top {
    left: -970px;
    width: 970px;
    height: 30px;
    position: absolute;
}

#navi-main {
    width: 970px;
    height: 35px;
    float: left;
}

#navi-main li {
    width: 194px;
    height: 35px;
    line-height: 30px;
    text-align: center;
    float: left;
}

#navi-main li.act-first {
    background-image : url(/fileadmin/layouts/main/public/gfx/act-first.gif);
    background-repeat : no-repeat;
}
#navi-main li.act,
#navi-main li.act-last {
    background-image : url(/fileadmin/layouts/main/public/gfx/act.gif);
    background-repeat : no-repeat;
}

#navi-main li.no-first {
    background-image : url(/fileadmin/layouts/main/public/gfx/no-first.gif);
    background-repeat : no-repeat;
}
#navi-main li.no,
#navi-main li.no-last {
    background-image : url(/fileadmin/layouts/main/public/gfx/no.gif);
    background-repeat : no-repeat;
}

#navi-main li.act-first a,
#navi-main li.act a,
#navi-main li.act-last a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
    display: block;
}

#navi-main li.no-first a,
#navi-main li.no a,
#navi-main li.no-last a {
    color: #666;
    font-weight: bold;
    text-decoration: none;
    display: block;
}


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

#leftside {
    width: 194px;
    float: left;
}

#navi-sub {
    border-top: 1px dotted #666;
    margin-top: 15px;
    width: 194px;
    float: left;
}

#navi-sub li {
    width: 194px;
    line-height: 30px;
}

#navi-sub ul.lev1 li.act {
    background-image : url(/fileadmin/layouts/main/public/gfx/navi-sub-act1.gif);
    background-repeat : no-repeat;
}
#navi-sub ul.lev2 li.act {
    background-image : url(/fileadmin/layouts/main/public/gfx/navi-sub-act2.gif);
    background-repeat : no-repeat;
}
#navi-sub ul.lev3 li.act {
    background-image : url(/fileadmin/layouts/main/public/gfx/navi-sub-act3.gif);
    background-repeat : no-repeat;
}

#navi-sub ul.lev1 a {
    border-bottom: 1px dotted #666;
}

#navi-sub li.act a {
    display: block;
    color: #000;
    font-weight: bold;
    text-decoration: none;
    padding-left: 15px;
}

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

#navi-sub ul.lev2 li.act a {
    display: block;
    color: #003362;
    font-weight: bold;
    text-decoration: none;
    padding-left: 25px;
}

#navi-sub ul.lev2 li.no a {
    display: block;
    color: #000;
    font-weight: normal;
    text-decoration: none;
    padding-left: 25px;
}

#navi-sub ul.lev3 li.act a {
    display: block;
    color: #000;
    font-weight: bold;
    text-decoration: none;
    padding-left: 35px;
}

#navi-sub ul.lev3 li.no a {
    display: block;
    color: #000;
    font-weight: normal;
    text-decoration: none;
    padding-left: 35px;
}

#contact {
    margin-top: 25px;
    width: 194px;
    float: left;
}

#contact h1 {
    width: 194px;
    height: 35px;
    font-size: 100%;
    line-height: 30px;
    color: #fff;
    background-image : url(/fileadmin/layouts/main/public/gfx/contacth1.png);
    background-repeat : no-repeat;
    padding-left: 10px;
}

#contact p.bodytext {
    padding: 0px 15px 0px 15px;
}

#right-side {
    width: 776px;
    float: left;
}

#navi-cont {
    margin-top: 15px;
    margin-left: 15px;
    width: 706px;
    float: left;
}

#navi-cont li {
    margin-left: 5px;
    line-height: 30px;
    float: left;
}

#navi-cont li.act a {
    padding: 0px 10px 0px 10px;
    background-color: #003362;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    display: block;
    border: 1px solid #000;
}

#navi-cont li.no a {
    padding: 0px 10px 0px 10px;
    color: #003362;
    font-weight: bold;
    text-decoration: none;
    display: block;
    border: 1px solid #dadada;
}

#content-text {
    line-height: 1.5em;
    padding: 10px 30px 10px 30px;
    width: 716px;
    float: left;
    color: #000;
}

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

#content-text li {
    list-style-type: disc;
    margin-left: 45px;
    line-height: 2em;
}

p.bodytext {
    margin-left: 15px;
    margin-right: 20px;
    margin-bottom: 20px;
}
/*  Überschriften */

h1 { 
margin-bottom: 10px;
font-size:120%;
font-weight: bold;
color: #003362;
line-height: 25px;
}

h2 { 
margin: 10px 0px 10px 0px;
font-size:110%;
font-weight: bold;
color: #003362;
line-height: 25px;
}

h3 { 
margin: 10px 0px 10px 0px;
font-size:100%;
font-weight: bold;
color: #003362;
line-height: 25px;
}


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

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

.contact-person-odd {
    width: 50%;
    float: left;
}

.contact-person-even {
    width: 50%;
    float: left;
}

.contact-image {
    margin: 0 10px 0 0;
    float: left;
}

.contact-text-base {
    margin: 0 0 20px 10px;
    float: left;
}

.hrline {
    color: black;
    margin: 10px 0 20px 0;
}