/*
Farben:
-------
hellgrau:       #dedddd
dunkelgrau:     #726c6c
lichtgrau:      #f6f4f4

*/
body, html {
    height: 100%;
    background-color: #dedddd;
}

body {
    font-family: verdana,tahoma,helvetica,arial,sans-serif;
    width: 100%;
    background: #dedddd url(/fileadmin/layouts/main/public/gfx/bg-body.gif) repeat-x scroll top left;
    text-align: center;
}

body, p, a, input, select {
    color: #726c6c;
}

strong {
    font-weight: bold;
}

/*
    Content start =>
*/

#content {
    padding: 1.8em 0 4em 0;
    line-height: 1.5em;
}
#content .csc-header.csc-header-n1 {
}

#content .csc-header h1 {
    font-weight: bold;
    font-size: 116%;
    margin-bottom: 1.4em;
    letter-spacing: .02em;
    text-transform: uppercase;
}
#content .csc-header h1.hidden {
    margin-left:-40000px;
    margin-top: -20px !important;
    padding: 0 !important;
    line-height: 0.1% !important;
    font-size: 0.1% !important;
    height: 1px !important;
}
#content h2 {
    font-size: 92%;
    font-weight: bold;
    margin-bottom: 1em;
}

#content h3 {
    font-size: 92%;
    font-weight: bold;
    padding-bottom: .7em;
}
#content p.bodytext {
    margin-bottom: 1em;
    text-align: justify;
}

#content .csc-texttext ul {
    margin: 0 0 1em 1.5em;
}

#content .csc-texttext ul li {
    list-style-type: square;
}
#content input, select {
    border: 1px solid #dedddd;   
}
.csc-texttext,
.csc-textpic {
    margin-bottom: .5em;
}

#content .highlight {
    border-top: 1px solid #dedddd;
    padding-top: .6em;
}

/* <= Content end */

/* Search start => */

#content .csc-searchform td {
    padding: 3px 0;
}

/* <= Search end*/

/* indexed search start => */

#content .tx-indexedsearch-searchbox legend {
    display: none;
}

#content .tx-indexedsearch-searchbox .tx-indexedsearch-search-submit {
    margin: 3px 0 0 143px;
}

#content .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {
    background-color: #f6f4f4;
    padding: 2px;
}

/* <= indexed search end */


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#container {
    background: transparent url(/fileadmin/layouts/main/public/gfx/bg-middle-top.png) no-repeat scroll top center;
    width: 980px;
    margin: 0 auto;
    text-align: left;
    position: relative;
}

#header {
    height: 180px;
}

#header #logo {
    position: absolute;
    top: 78px;
    left: 48px;
}

#header #header-image {
    position: absolute;
    top: 21px;
    right: 4px;
}   

#main {
    background: transparent url(/fileadmin/layouts/main/public/gfx/bg-content.png) repeat-y scroll top center;
    width: 100%;
}

#main #sidebar {
    position: relative;
    width: 270px;
    padding: 0 0 0 47px;
    margin: 0;
    float: left;
}

#main #main-content {
    float: right;
    width: 530px;
    position: relative;
    padding: 0 55px 0 0;
}

#breadcrumb ul#breadcrumb-navi {
    display: block;
    padding-top: 24px;
    height: 24px;
    border-bottom: 1px solid #dedddd;
}

#breadcrumb ul#breadcrumb-navi li {
    float: left;
}

#breadcrumb ul li.split {
    padding: 0 5px;
}

#footer-bar {
    background: transparent url(/fileadmin/layouts/main/public/gfx/bg-footer.gif) repeat-x scroll top left;
}

#footer-bar .footer {
    width: 966px;
    margin: 0 auto;
    padding: 0 10px 0 4px;
}

#footer-bar .footer .footer-imprint {
    height: 30px;
    text-align: left;
    color: #fff;
}

#footer-bar .footer .footer-imprint img {
    margin-right: 0px;
    font-family: verdana;
}
#footer-bar .footer .footer-imprint span {
  vertical-align: super;
  font-size: 0.8em;
}
#footer-bar .footer .footer-imprint a {
  text-decoration: none;
  color: #fff;
}

#footer-bar .footer .b-link {
    text-align: right;
}
#footer-bar .footer .b-link  a {
    text-decoration: none;
    font-size: 0.8em;
    font-family: verdana;
}

#sidebar #address {
    text-transform: uppercase;
    padding-bottom: 27px;
}

#sidebar #address h1 {
    font-size: 1em;
    font-weight: bold;
}

#sidebar #address p {
    margin: 0 0 5px 0;
}



#sidebar .box {
    padding-top: 32px;
}

div#search input {
    border: 1px solid #dedddd;
    width: 215px;
    height: 20px;
    padding: 3px 0 0 18px;
    float: left;
}

div#search .btn-search {
    width: 28px;
    height: 25px;
    text-indent: -2000px;
    padding: 0;
    border: none;
    background: transparent url(/fileadmin/layouts/main/public/gfx/btn-search.gif) no-repeat scroll bottom left;
    vertical-align: bottom;
    float: right;
}

ul#navi-main {
    padding: 13px 0 0 0;
    text-transform: uppercase;
}

ul#navi-main li {
}
ul#navi-main li a {
    display: block;
    height: 11px;
    padding: 10px 0 14px 18px;
    text-decoration: none;
    border-bottom: 1px solid #dedddd;
    font-weight: bold;
}
ul#navi-main li ul.lev2 {
}

ul#navi-main li ul.lev2 li {
}

ul#navi-main li ul.lev2 li.last a {
}

ul#navi-main li ul.lev2 li a {
    padding-left: 31px;
    font-weight: normal;
    background-color: transparent;
}

ul#navi-main li ul.lev2 li.act a {
}

ul#navi-main li.act a,
ul#navi-main li.act-sub a,
ul#navi-main li a:hover {
    background-color: #dedddd;
}

ul#navi-main li ul.lev2 li.act a,
ul#navi-main li ul.lev2 li a:hover {
    background-color: #f6f4f4;
}

/* Contact form start => */

.tx-pilmailform-pi1 form {
   width: 80%;
   margin-bottom: 2.6em;
}
#content ol.mailform li {
   float: none;
   clear: both;
   xdisplay: block;
   width: 100%;
   padding-bottom: 2px;
}

#content ol.mailform li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Auswahlfeld */
#content ol.mailform li select {
   display: block;
   float: left;
   border: 1px solid #dedddd;
}
#content ol.mailform li select option {
   padding-right: 20px;
   font-size: 93%;
}
#content ol.mailform li label {
    display: block;
    float: left;
    width: 150px;
}
#content ol.mailform li input {
   display: inline;
   font-size: 93%;
   padding: 2px 0;
   
}
#content ol.mailform li input.text,
#content ol.mailform li textarea {
    float: left;
}
#content ol.mailform li input.text,
#content ol.mailform li textarea {
   width: 250px;
   border: 1px solid #dedddd;
}
#content ol.mailform li textarea {
   height: 5.2em;
}
#content .tx-pilmailform-pi1 form span.bodytext {
    font-size: 85%;
    display: block;
    margin: .8em 0;
}
#content ol.mailform li input.submit {
   border: 1px solid #dedddd;
   padding: 2px 18px;
   margin-left: 150px;
   font-weight: bold;
   cursor: pointer;
}
#content .error-label,
#content .error label {
   font-weight: bold;
   color: #ff010d;
}
#content .error input,
#content .error textarea {
   border: 1px solid #ff010d !important;
}