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

/*

   <div id="main">
      <div id="leftside">
        <div id="topmenu">lib.topmenu</div>
        <div id="logo">lib.logo</div>
        <div id="navi-main">lib.navi-main</div>
        <div id="contact">lib.contact</div>
      </div>
      <div id="rightside">
        <div id="header"></div>
        <div id="content-text"></div>
      </div>
   </div>

*/

body, html {
    height: 100%;
    background-image : url(/fileadmin/layouts/main/public/gfx/background.jpg);
    background-repeat : no-repeat;
}
body {
    font-family: Verdana;
    width: 100%;
}
#wrap {
    width: 100%;
    float: left;
    background-image : url(/fileadmin/layouts/main/public/gfx/shaddow.png);
    background-repeat : repeat-y;
}
#main {
    float: left;
    margin-left: 50px;
    width: 920px;
}

#breadcrumb {
    margin-left: 244px;
    float: left;
    width: 677px;
    line-height: 30px;
}

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

#breadcrumb li a {
    color: #000;
}

#leftside {
    border-top: 1px dotted #000;
    background-image : url(/fileadmin/layouts/main/public/gfx/line-top.gif);
    background-repeat : repeat-x;
    background-position: 0px 197px;
    float: left;
    padding-left: 25px;
    width: 218px;
}
#topmenu {
    background-image : url(/fileadmin/layouts/main/public/gfx/topmenu.jpg);
    background-repeat : no-repeat;
    width: 218px;
    height: 35px;
    line-height: 33px;
    float: left;
    text-align: center;    
}
#topmenu a {
    color: #000;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}
#logo {
    width: 218px;
    float: left;    
}
#navi-main {
    background-image : url(/fileadmin/layouts/main/public/gfx/navimain-bg.png);
    background-repeat : no-repeat;
    width: 218px;
    min-height: 150px;
    float: left;
}
#contact {
    width: 218px;
    float: left;    
}
#contact h1 {
    background-color: #f5821f;
    height: 25px;
    font-size: 100%;
    padding-left: 10px;
    color: #fff;    
}
#contact p.bodytext {
    padding: 0px 5px 0px 20px;  
}
#contact a {
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
    color: #f5821f;
}

/* Navigation */

#navi {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin-left: 15px;
    float: left;
}

#navi li {
    float: left;
    width: 187px;
    line-height: 25px;
}

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

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

.sub1 {
    float: left;
}

.sub1 li {
    width: 187px;
    line-height: 25px;    
}
#navi .sub1 li a {
    padding-left: 30px;
    font-weight: normal;  
}
#navi .sub1 li.act-first a,
#navi .sub1 li.act-last a,
#navi .sub1 li.act a {
    color: #f5821f;
    font-weight: bold;
}
#navi .sub2 li.no-first a,
#navi .sub2 li.no-last a,
#navi .sub2 li.no a {
    color: #000;
}

#navi ul.lev2 {
    float: left;
}

#navi .lev2 li {
    width: 187px;
    line-height: 25px;    
}
#navi .lev2 li a {
    padding-left: 40px;
    font-weight: normal;  
}

/* Pfeile */

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


#rightside {
    border-top: 1px dotted #000;
    width: 677px;
    float: left;
}
#header {
    background-image : url(/fileadmin/layouts/main/public/gfx/slideshow_001.jpg);
    background-repeat : no-repeat;
    width: 677px;
    height: 197px;
    float: left;    
}
#content-text {
    background-image : url(/fileadmin/layouts/main/public/gfx/line-top.gif);
    background-repeat : repeat-x;
    line-height: 20px;
    padding: 20px;
    width: 637px;
    float: left;
}

#content-text a {
    color: #f5821f;
}
#content-text a:hover {
    color: #ffab62;
}

p.bodytext {
    margin-left: 15px;
    margin-bottom: 10px;
    line-height: 1.5em;
}

#content-text ul {
    padding-left: 15px;
}

#content-text li {
    line-height: 25px;
    padding-left: 20px;
    background-image : url(/fileadmin/layouts/main/public/gfx/pfeil-right.gif);
    background-repeat : no-repeat;
}

#callback {
    margin-top: 20px;
    font-size: 100%;
    width: 218px;
    float: left; 
}

#callback p.bodytext {
    width: 200px;
    font-size: 100%;
    color: #666;    
}

#callback h3 {
    background-color: #f5821f;
    width: 208px;
    line-height: 25px;
    font-size: 100%;
    padding-left: 10px;
    margin-bottom: 10px;
    color: #fff;  
    font-weight: bold;
}

#callback li {
    float: left;
    margin-top: 5px;
    margin-left: 5px;
    width: 213px;
    font-size: 100%;
    color: #666;     
}

#callback input {
    float: right;
    width: 200px;
    margin-right: 9px;
}

#callback ol {
    float: left;
    width: 218px;
}

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

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

#callback p.error {
    font-size: 85%;
    width: 188px;
    padding: 0px 20px 15px 20px;
}

/*  Überschriften */

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

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

h3 { 
margin: 10px 0px 5px 0px;
font-size:85%;
color: #666666;
font-weight: bold;
}

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

.csc-textpic-caption {
    background-image : url(/fileadmin/layouts/main/public/gfx/hover.png);
    background-repeat : repeat-x;
    font-weight: bold;
    color: #666666;
    padding: 3px;
}