* {
    margin: 0;
    padding: 0;
    font-family: Verdana, Helvetica, sans-serif;
}

body {
    background: #FFFFFF;
    font-size: 0.8em;
    height: 100%;
}

html {
    height: 100%;
}

div.clearAll {
    clear: both;
    font-size: 0px;
    height: 0px;
}

#bodyWrapper {
    margin: 0 auto 0 auto;
    width: 650px;
    position: relative;
    min-height: 100%;
}

/*****************************
 *
 * HEADER AREA
 *
 *****************************/
#header {
    height: 136px;
    position: relative;
    overflow: hidden;
    z-index: 2;
}
#header img {
    margin-top: 20px;
}
#logo {
    height: 136px;
    position: absolute;
    top: 15px;
    left: 25px;
    height: 105px;
    width: 168px;
    margin-top: -20px;
 }

/*****************************
 *
 * CONTENT AREA
 *
 *****************************/
#content {
    margin: 11px 0px 0 0px;
    width: 650px;
}
#content a {
    color: #C4141B;
    font-weight: bold;
    display: inline-block;
}
#content a.back {
    padding-left: 14px;
    background: url(../images/arrow_left_red_inverted.gif) left 4px no-repeat;
}
#content ul.downloadList li img {
    padding-left: 10px;
}

/* teaser */
#content .teaser {
    margin-bottom: 15px;
    overflow: hidden;
}
#content .teaser .text,
#content .teaser .image {
    float: left;
}
#content .teaser .image {
    width: 160px;
    margin: 0;
}
#content .teaser .text {
    width: 360px;
    background: #FFF6DB;
}
#content .teaser .head {
    background: #FEF0C3 url(../images/dotted_black.gif) bottom repeat-x;
    padding: 4px 0 4px 22px;
}
#content .teaser .head h1 {
    padding-left: 0px;
    font-size: 1em;
    background: url(../images/arrow_black.gif) 0px 5px no-repeat;
    margin: 0px;
}
#content .teaser .head h1 a {
    text-decoration: none;
    font-weight: bold;
    color: #000000;
    display: block;
    background: url(../images/arrow_red_inverted.gif) right 5px no-repeat;
    margin: 0px 10px 0px 0px;
    padding-right: 20px;
    padding-left: 10px;
}
#content .teaser .content {
    background-color: #FFF6DB;
    padding: 10px 5px 10px 32px;
}
#content .teaser .content h2 {
    color: #C4131B;
    font-weight: bold;
}
#content .teaser .content h2,
#content .teaser .content p {
    font-size: 0.85em;
    margin: 0px;
}
#content ul,
#content ol {
    margin: 1.2em 0 1.2em 1.8em;

}
#content .RTEBlock li {
    padding-left: 1em;
    padding-bottom: 0.2em;
}


/*****************************
 *
 * LEFT and RIGHT AREA
 *
 *****************************/

/* position */
#rightColumnWrapper,
#leftColumnWrapper {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 200px;
    height: 100%;
}
#rightColumnWrapper {
    right: 0px;
    left: auto;
}
#rightColumnAbove,
#leftColumnAbove {
    position: relative;
    top: 214px;
    font-size: 0px;
    height: 11px;
    background: #FFFFFF;
}
#leftColumn,
#rightColumn {
    position: absolute;
    top: 224px;
    width: 200px;
}

/* block */
.columnBlock {
    background-image: url(right-block.gif);
    width: 200px;
    height: 62px;
    margin-bottom: 7px;
    overflow: hidden;
}
.columnBlock .left,
.columnBlock .content,
.columnBlock .right {
    float: left;
}
.columnBlock .content{
    width: 192px;
}
.columnBlock .left,
.columnBlock .right {
    height: 62px;
    width: 4px;
}
.columnBlock .left {
    background-image: url(right-block-left.gif);
}
.columnBlock .right {
    background-image: url(right-block-right.gif);
}

/* just text */
#leftColumn .text {
    padding: 20px 5px 5px 20px;
    font-size: 0.9em;
}
#leftColumn .text h1,
#leftColumn .text h2 {
    font-size: 1em;
    display: inline;
}
#leftColumn img {
    border: 0;
}

/** slots in columns */
#leftColumn .slots {
    margin: 20px 0 0 0;
}
#leftColumn .slotContent,
#rightColumn .slotContent {
    margin: 0 0 10px 0;
}

/*****************************
 *
 * Content formats
 *
 *****************************/
.article,
.faq,
.staff,
.staffIndex,
.sitemap {
    margin-top: 20px;
}
.block {
    clear: both;
}
h1 {
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 1.4em;
}
h2 {
    font-size: 1.1em;
    font-weight: normal;
    color: #C4141B;
}
h3 {
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 1.2em;
    margin-bottom: 1.2em;
    padding: 5px 10px 5px 10px;
    background-color: #FEF0C3;
}
h4 {
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 1.2em;
    margin-bottom: 0.4em;
}
p {
    margin-bottom: 1.2em;
}



/*****************************
 *
 * Picture box formats
 *
 *****************************/
.picBox {
    float: right;
    clear: right;
    margin: 0 0 13px 13px;
}
.picBox.center {
    display: block;
    margin-left: 0px;
    float: none;
    text-align:center;
    clear: both;
}
.picBox cite {
    font-size: 0.8em;
    color: #888888;
}
.picBox dl {
    background-color: #FFFFFF;
}

/*****************************
 *
 * Infobox formats
 *
 *****************************/
.infoBox {
    float: left;
    width: 50%;
    clear: left;
    padding: 10px 0 10px 0;
}
.infoBox.right {
    float: right;
    clear: right;
    margin-right: 1px;
}
.infoBox.center {
    float: right;
    clear: both;
    width: 100%;
    margin-top: 10px;
}
.infoBox .contents {
    margin: 0 10px 0 0;
}
.infoBox.right .contents {
    margin: 0 0 0 10px;
}
.infoBox.center .contents {
    margin: 0;
}
.infoBox .head {
    padding: 5px 5px 5px 10px;
    border: 1px solid #777777;
    background-color: #E8E1D7;
}
.infoBox.yellow .head {
    background-color: #FEF0C3;
}
.infoBox .text {
    font-size: 0.9em;
    background-color: #F3F0EB;
    padding: 7px 7px 7px 10px;
    border: 1px solid #777777;
    border-top: none;
}
.infoBox.yellow .text {
    background-color: #FFF6DB;
}
.infoBox h4 {
    font-weight: bold;
    font-size: 1em;
    background-repeat: no-repeat;
    background-position: left center;
    margin-top: 0;
}
.infoBox h4 .appendix {
    font-weight: normal;
    font-size: 0.9em;
}


/*****************************
 *
 * FAQ
 *
 *****************************/
#FAQ-TOC {
    list-style-type: none;
    margin-bottom: 2em;
}
#FAQ-TOC li {
    list-style-type: none;
    padding: 5px 10px 5px 10px;
    background-color: #FEF0C3;
}
#FAQ-TOC li.even {
    background-color: #FFF6DB;
}
.faq dl {
    margin: 10px;
}
.faq dt {
    font-weight: bold;
    margin-bottom: 0.5em;
    margin-top: 1em;
    clear: both;
}
#content .faq dd a.toTop {
    float: right;
    font-weight: normal;
    margin-top: 0.5em;
    margin-bottom: 1em;
}
#FAQ-TOC li a {
    padding-left: 15px;
    display: block;
}




/*****************************
 *
 * Mitarbeiter
 *
 *****************************/
.staff {
    overflow: hidden;
}
.staff dl.profile {
}
.staff .profile dt {
    float: left;
    width: 100px;
    font-weight: bold;
    margin-top: 5px;
}
.staff .profile dd {
    float: left;
    width: 200px;
    margin-top: 5px;
}
.staff .description {
    clear: both;
}
.staffIndex a {
    margin-left: 10px;
}





/*****************************
 *
 * Sitemap
 *
 *****************************/
.sitemap li {
    list-style-type: none;
}
.sitemap ul.SitemapLevel3 {
    margin-left: 10px;
}
.sitemap ul.SitemapLevel4 {
    margin-left: 15px;
    margin-bottom: 15px;
}
#content .sitemap a.level4 {
    font-weight: normal;
}




/*****************************
 *
 * Braille converter
 *
 *****************************/
#content .brailleConverter a {
    background-image: none;
    margin: 15px 8px 0px 7px;
    padding: 0;
    display: block;
}
.brailleConverter .result {
    margin: 15px 5px 5px 5px;
}
.brailleConverter .userinput {
    width: 380px;
}
.brailleConverter .submit {
    border: none;
    background-color: transparent;
    background: url(../images/arrow_red_inverted.gif) left 0.4em no-repeat;
    color: #C4141B;
    font-weight: bold;
    text-align: left;
    padding-left: 12px;
    width: 120px;
}





/*****************************
 *
 * Generic formats
 *
 *****************************/
.smaller {
    font-size: 0.8em;
}
.larger {
    font-size: 1.2em;
}





/*****************************
 *
 * Picture Gallery
 *
 *****************************/
.gallery {
    width: 520px;
    margin: 0 0 0 0px;
}

.image {
    float: left;
    display: inline;
    margin: 5px;
}

#content .image a {
    padding: 0;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 120px;
    background: none;
}

.image img {
    vertical-align: middle;
}

.paging {
    margin-left: -5px;
    float: left;
    display: inline;
}

#content .paging a {
    margin: 0 5px;
    padding: 0;
    background: none;
}

#content .paging a.current {
    color: #000000;
}

#content .paging a.next {
    margin-left: 10px;
    padding-right: 14px;
    background: url(../images/arrow_red_inverted.gif) right center no-repeat;
}

#content .paging a.previous {
    padding-left: 14px;
    margin-right: 10px;
    background: url(../images/arrow_left_red_inverted.gif) left center no-repeat;
}

#content .slideshow {
   display: none;
}

.hint {
    color: #000000;
    display: none;
}

/*****************************
 *
 * Contact form.
 *
 *****************************/
#contactForm label,
#contactForm label.legend {
    width: 110px;
    float: left;
    clear: left;
    margin: 1px 0 0;
    height: auto;
}

#contactForm input,
#contactForm select,
#contactForm textarea {
    float: left;
    width: 300px;
    margin: 4px 0 0;
}

#contactForm fieldset {
    border: none;
    padding: 0;
    margin: 10px 0 0;
    clear: both;
}

#contactForm legend {
    display: none;
}

#contactForm fieldset input,
#contactForm fieldset label {
    width: auto;
    float: left;
    margin: 0;
    padding: 0;
    clear: none;
}

#contactForm fieldset input {
    margin: 0 2px 0 5px;
}

#contactForm fieldset label {
}

#contactForm .keineDarstellung {
    display: none;
}

#contactForm .accessibility {
   display: none;
}

#contactForm #PLZ {
    width: 60px;
}

#contactForm #Ort {
    margin-left: 37px;
    width: 200px;
}

#contactForm label.textarea {
    width: 300px;
    margin-left: 110px;
    margin-top: 10px;
}

#contactForm textarea {
    margin-left: 110px;
    clear: left;
}

#contactForm input#Abschicken,
#contactForm input#Zuruecksetzen {
    width: auto;
}

#contactForm input#Abschicken {
    margin: 4px 10px 0 110px;
    clear: left;
}

#contactForm .error ul {
    margin: 5px 0 20px 10px;
}

#contactForm .error ul li {
    margin-left: 15px;
}

.countryList {
    width: 510px;
}

.countryList li {
    list-style: none;
    background: url(../images/arrow_red_inverted.gif) left 4px no-repeat;
    float: left;
    width: 146px;
    padding-right: 10px;
    padding-left: 14px;
}

#content .countryList li a {
    background: none;
    padding: 0;
}

.locationList th {
    text-align: left;
}

.locationList td {
    vertical-align: top;
    padding: 5px 10px 5px 0;
}

#content .locationList td a {
    display: block;
}

.projectInfo div {
    margin-left: 90px;
    margin-bottom: 10px;
}

.projectInfo label {
    width: 90px;
    margin-right: -100px;
    float: left;
    clear: left;
}

/*****************************
 *
 * Newsletter subscription.
 *
 *****************************/
#nlSubscribe label {
    float: left;
    width: 240px;
    clear: left;
}

#nlSubscribe input {
    margin-bottom: 10px;
}

#nlSubscribe fieldset {
    border: none;
    padding: 0;
    margin: 0 0 10px;
    clear: both;
    width: 400px;
}

#nlSubscribe legend {
    display: none;
}

#nlSubscribe fieldset input,
#nlSubscribe fieldset label {
    width: auto;
    float: left;
    margin: 0;
    padding: 0;
    clear: none;
}

#nlSubscribe fieldset input {
    margin: 0 2px 0 5px;
}

#nlSubscribe fieldset label.legend {
    width: 230px;
}

#nlSubscribe fieldset label {
    margin: 2px 0;
}

#nlSubscribe input#Abschicken {
    margin-left: 240px;
}

/*****************************
 *
 * Promotion / picture frame
 *
 *****************************/
div#content div.pictureframe a,
div#content div.pictureframe .pictureframe-link {
    background: none;
    padding: 0;
}

div#content div.pictureframe div.pictureframe-transparency a,
div#content div.pictureframe div.pictureframe-transparency .pictureframe-link {
    display: block;
    padding: 15px;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}

div#content div.pictureframe div.pictureframe-item {
    position: relative;
}

div#content div.pictureframe.active div.pictureframe-item {
    position: absolute;
}

div#content div.pictureframe div.pictureframe-item div.pictureframe-item-image img {
    border: 0px;
}

div#content div.pictureframe div.pictureframe-item div.pictureframe-item-text {
    background-color: #FFFFFF;
    padding: 5px 0px 15px 0px;
}

div#content div.pictureframe div.pictureframe-item div.pictureframe-item-text a,
div#content div.pictureframe div.pictureframe-item div.pictureframe-item-text .pictureframe-link {
    display: block;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}
#content .promotionImage a {
    margin: 0;
    padding: 0;
    display: inline;
    background-image: none;
}
#content .promotionImage,
#content .promotionFlash {
    margin-bottom: 1em;
}

#content .promotionFlash {
     display: none;
 }


/*****************************
 *
 * RTE formats
 *
 *****************************/
.RTEBlock div.Absatzueberschrift {
    font-weight: bold;
}
.RTEBlock div.Dachzeile {
    font-size: 1.1em;
    color: #C4141B;
    margin-bottom: 0;
}
.RTEBlock div.Notfallueberschrift {
    font-size: 1.7em;
    color: #C4141B;
    font-weight: bold;
}
.RTEBlock div.Ueberschrift {
    font-size: 1.4em;
    font-weight: bold;
}
.RTEBlock div {
    margin-bottom: 1.2em;
}
.Bildunterschrift {
    font-size: 0.9em;
    color: #666666;
}
.Copyright {
    font-size: 0.8em;
    color: #888888;
    font-style: italic;
}
.RTEBlock span.Kursiv {
    font-style: italic;
}
.RTEBlock span.Fett {
    font-weight: bold;
}
.RTEBlock span.Zitat {
    font-style: italic;
}
.RTEBlock span.Kursiv-Fett {
    font-style: italic;
    font-weight: bold;
}