@CHARSET "ISO-8859-1";

/**
 * Formatierung der allgemeinen Tags
 */
body {
    margin: 0 0 15px 0;
    background: url(/static/img2/body_background.gif) repeat-x top left #c2563d;
    text-align: center;
    color: #666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.clear {
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
}

.float_left {
    float: left;
    margin: 0 10px 10px 0;
}

.float_right {
    float: right;
    margin: 0 0 10px 10px;
}

.hidden {
    display: none;
}

.image_text {
    text-indent: -10000px;
    overflow: hidden;
    line-height: 1px;
}

span.fehler {
    color: red;
    font-weight: bold;
}

table tr td {
    vertical-align: top;
}

div.separator_red {
    overflow: hidden;
    height: 1px;
    margin: 0 0 5px 0;
    background: url(/static/img2/separator_red.gif) repeat-x top left;
}

div.separator_blue {
    overflow: hidden;
    height: 1px;
    margin: 5px 0;
    background: url(/static/img2/separator_blue.gif) repeat-x top left;
}

h1 {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 8px;
    font-weight: bold;
}

h2 {
    margin: 0;
    font-size: 13px;
    font-weight: bold;
}

h3 {
    margin: 0 0 2px 0;
    font-size: 5px;
    font-weight: bold;
}

ul {
    margin: 0px;
    padding: 0px;
}

li {
    margin: 0px;
    padding: 0px;
}

form {
    margin: 0;
    padding: 0;
}

form fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

form fieldset div.label {
    float: left;
    width: 100px;
    margin: 0 0 10px 0;
    font-weight: bold;
}

form fieldset div.label label {
}

form fieldset div.field {
    float: left;
    width: 308px;
    margin: 0 0 10px 0;
}

form fieldset div.field div.element {
    float: left;
    width: 25px;
}

form fieldset div.field div.text {
    float: left;
    width: 283px;
}

form fieldset legend {
    display: none;
}

form fieldset input {
    margin: 0;
    padding: 2px 5px;
    border: 1px solid #ccc;
    background: url(/static/img2/input_background.gif) no-repeat top left;
    color: #666;
    font-size: 11px;
}

form fieldset input.text {
    width: 175px;
}

form fieldset input.radio {
    padding: 0;
    border: 0;
    background: none;
}

form fieldset input.checkbox {
    padding: 0;
    border: 0;
    background: none;
}

form fieldset input.button {
    border: 0;
    background: none;
}

form fieldset textarea {
    width: 308px;
    padding: 2px 0 0 5px;
    border: 1px solid #ccc;
    background: url(/static/img2/input_background.gif) no-repeat top left;
    color: #666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

form fieldset select {
    width: 187px;
    padding: 2px 0 2px 5px;
    border: 1px solid #ccc;
    background: url(/static/img2/input_background.gif) no-repeat top left #fff;
    color: #666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

img {
    border: 0;
}

a {
    color: #d17d5f;
    text-decoration: none;
}

div.p {
    margin: 0 0 10px 0;   
}

/**
 * Formatierung der einzelnen Bereiche
 */
#body {
    margin: 0 auto;
    width: 877px;
    text-align: left;
}

#header {
    padding: 0 10px;
}

#header ul.metanavigation {
    float: left;
    margin: 14px 0 0 18px;
    list-style-type: none;
}


#header ul.metanavigation li {
    float: left;
    padding: 0 7px 0 6px;
    border-left: 1px solid #e1a382;
}

#header ul.metanavigation li.first {
    padding-left: 0;
    border-left: 0;
}

#header ul.metanavigation li a {
    display: block;
    height: 12px;
    background-repeat: no-repeat;
    background-position: top left;
}

#header #logo {
    float: right;
    margin: 0px 12px 0px 0px;
}

#header ul.navigation {
    float: left;
    height: 13px;
    padding: 7px 18px 0px 18px;
    background-color: #f5e2ad;
}

#header ul.navigation li {
    float: left;
    list-style-type: none;
    background: url(/static/img2/separator_red_small.gif) repeat-y top left;
    font-size: 1px;
    background-color: #f5e2ad;
}

#header ul.navigation li a {
    display: block;
    height: 14px;
    margin: 0px 8px;
    background-repeat: no-repeat;
    background-position: 0 0px;
}

#header ul.navigation li a:hover, #header ul li a.active {
    background-position: bottom left;
}


#header ul.navigation li.first {
    background-image: none;
}

#header ul.navigation li.first a {
    margin-left: 0;
}

#header div.change {
    float: left;
    width: 8px;
    height: 20px;
    background: url(/static/img2/header_change.gif) no-repeat top left;
}

#container {
    padding: 0 0 5px 10px;
    background: url(/static/img2/content_background.gif) repeat-y top left;
}

#container div.navigation {
    float: left;
    width: 172px;
    margin: 36px 0 0 0;
}

#container div.navigation ul {
    margin: 0px 0px 0px 18px;
    padding: 0px;
    list-style-type: none;
}

#container div.navigation ul li {
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 3px 0px;
    background: url(/static/img2/separator_red.gif) repeat-x top left;
}

#container div.navigation ul li.first {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    background: none;
}

#container div.navigation ul li a {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    display: block;
    height: 12px;
    background-repeat: no-repeat;
    background-position: top left;
}

#container div.navigation ul li a:hover, #container div.navigation ul li a.active {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    background-position: bottom left;
}

#container div.navigation ul li ul {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    /* margin-left: 8px; */
}

#container div.navigation ul li ul li {
    margin-left: 0px;
    padding: 0px;
    padding: 1px 0px;
    background: none;
}

#container div.navigation ul li ul li a {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    height: 9px;
}


#container div.navigation ul li ul li a:hover, #container div.navigation ul li ul li a.active {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    background-position: bottom left;
}

#container div.navigation ul li ul li.first {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    padding-top: 4px;
}

#container div.navigation ul li ul li.last {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    padding-bottom: 0;
}

#container div.content {
    float: left;
    width: 435px;
    margin: 0 0 0 15px;
}

#container div.content div.breadcrumb {
    width: 415px;
    margin: 0;
    color: #777;
    font-size: 10px;
}

#container div.content div.breadcrumb a:hover {
    color: #777;
}

#container div.content form {
    margin-bottom: 10px;
}

#container div.content div.breadcrumb span.current {
}

#container div.content div.paragraph {
    margin: 0 0 3px 0;
    padding: 5px 10px;
    background-color: #fff;
}

#container div.content div.paragraph .pager_index {
    display: none;
    margin: 0 0 10px 0;
}

#container div.content div.paragraph div.pager_index a.show_all {
    float: right;
}

#container div.content div.paragraph div.pager_index a.show_pager {
    float: right;
}

#container div.content div.paragraph div.pager_index a.prev {
    display: block;
    float: left;
}

#container div.content div.paragraph div.pager_index a.next {
    display: block;
    float: left;
    margin: 0 0 0 15px;
}

#container div.content div.paragraph .pager_index div.status {
    float: left;
    margin: 0 0 0 15px;
    background-position: bottom left !important;
}

#container div.content div.paragraph .pager_index div.status.first {
    margin-left: 0;
}

#container div.content div.paragraph.no_border {
    margin-bottom: 0;
    padding-bottom: 0;
}

#container div.content div.paragraph img.head_image{
    margin: 0 0 10px 0;
}

#container div.content div.paragraph .arrow_down {
    display: block;
    padding: 0 0 0 12px;
    background: url(/static/img2/arr_down.gif) no-repeat 0 4px;
}

#container div.content div.paragraph .arrow_right {
    display: block;
    padding: 0 0 0 12px;
    background: url(/static/img2/arr_forw_lo.gif) no-repeat 0 2px;
}

#container div.content div.paragraph ul {
    margin: 0 0 0 25px;
    padding: 5px 0 10px 0;
}

#container div.content div.paragraph ul li {
    list-style-image: url(/static/img2/bullet.gif);
}

#container div.content div.paragraph img.zoom {
    position: absolute;
}

#container div.content div.paragraph a.zoom {
    width: 21px;
    height: 22px;
    background: url(/static/img2/zoom.gif) no-repeat top left;
    display: block;
    position: relative;
}

#container div.content div.paragraph div.quote {
    width: 298px;
    margin: 0 auto 10px auto;
}

#container div.content div.paragraph a.incontentnavi {
    display: block;
    float: left;
    width: 197px;
    height: 20px;
    margin: 3px 0 0 3px;
    padding: 5px 0 0 9px;
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #fef5db;
    font-size: 11px;
    font-weight: bold;
    color: #b3301a;
}

#container div.content div.paragraph a.incontentnavi.active {
    background-position: bottom left;
}


#container div.content div.paragraph a.incontentnavi.first_element {
    margin-left: 0;
}

#container div.content div.paragraph a.incontentnavi.first_row {
    margin-top: 0;
}

#container div.content div.paragraph a.incontentnavi.last_row {
    margin-bottom: 10px;
}

#container div.content div.paragraph div.timeline {
    width: 283px;
    margin: 15px 0 15px 0;
    background: url(/static/img2/timeline_spacer_background.gif) repeat-y top left;
}

#container div.content div.paragraph div.timeline div.element {
    background: url(/static/img2/timeline_background.gif) no-repeat 0 5px;
}

#container div.content div.paragraph div.timeline div.element div.year {
    float: left;
    width: 62px;
    height: 62px;
    background-repeat: no-repeat;
    background-position: 5px 29px;
}

#container div.content div.paragraph div.timeline div.element div.text {
    float: left;
    width: 200px;
    padding: 5px 10px 5px 10px;
    border-top: 5px solid #fff;
}

#container div.content div.paragraph div.timeline div.element div.text div.min_height {
    float: left;
    overflow: hidden;
    height: 42px;
    width: 0;
}

#container div.content div.paragraph div.timeline div.element.first {
    background-position: 0 0;
}

#container div.content div.paragraph div.timeline div.element.first div.year {
    background-position: 5px 24px;
}

#container div.content div.paragraph div.timeline div.element.first div.text {
    border-top: none;
}

#container div.content div.teaser_box {
    width: 435px;
    margin: 0 0 3px 0;
    padding: 8px 0;
    background-color: #fff;
}

#container div.content div.teaser_box.amount1 {
    background: url(/static/img2/teaser_default_2_1_background.gif) repeat-y top left;
}

#container div.content div.teaser_box.amount2 {
    background: url(/static/img2/teaser_default_2_2_background.gif) repeat-y top left;
}

#container div.content div.teaser_box div.teaser {
    float: left;
    width: 196px;
    margin: 0 0 0 3px;
    padding: 0 10px;
}

#container div.content div.teaser_box div.teaser.first {
    margin: 0 !important;
}

#container div.content div.teaser_box div.teaser div.theme {
    margin: 0 0 8px 0;
    font-size: 10px;
    color: #d17d5f;
    text-transform: uppercase;
}

#container div.content div.teaser_box div.teaser_full {
    margin: 0 10px;
    padding: 9px 0;
    background: url(/static/img2/separator_red.gif) repeat-x bottom left;
}

#container div.content div.navigation_bottom a.element {
    padding: 0 10px 0 20px;
    background-repeat: no-repeat;
    color: #666;
    font-size: 10px;
    text-transform: uppercase;
}

#container div.content div.navigation_bottom a.element:hover {
    color: #b3301a;
}

#container div.content div.navigation_bottom a.element.elementUp {
    background: url(/static/img2/icon_up_0.gif) no-repeat 0 2px;
    padding-left: 11px;
}

#container div.content div.navigation_bottom a.element.elementUp:hover {
    background-image: url(/static/img2/icon_up_1.gif);
}

#container div.content div.navigation_bottom a.element.elementRec {
    background-image: url(/static/img2/icon_rec_0.gif);
}

#container div.content div.navigation_bottom a.element.elementRec:hover {
    background-image: url(/static/img2/icon_rec_1.gif);
}

#container div.content div.navigation_bottom a.element.elementPrint {
    background-image: url(/static/img2/icon_print_0.gif);
}

#container div.content div.navigation_bottom a.element.elementPrint:hover {
    background-image: url(/static/img2/icon_print_1.gif);
}


.content_top_background {
    height: 14px;
    background: url(/static/img2/content_top_background.gif) no-repeat top left;
}

.content_bottom_background {
    height: 10px;
    background: url(/static/img2/content_bottom_background.gif) no-repeat top left;
}

#container #teaser {
    float: left;
    width: 205px;
    margin: 0 15px;
}

/*

*/

#container #teaser div.box {
    width:189px;
    margin: 0 0 3px 0;
    padding: 2px 8px 8px 8px;
    background-color: #fef5db;
}

#container #teaser div.suche_box {
    margin: 0 0 8px 0;
}

#container #teaser div.box div.theme {
    margin: 0 0 5px 0;
    font-size: 10px;
    color: #658784;
    text-transform: uppercase;
}

#container #teaser div.box.search {
    margin-bottom: 15px;
    padding-top: 8px;
}

#container #teaser div.box.search input.text {
    float: left;
    width: 120px;
}

#container #teaser div.box.search input.button {
    float: left;
    width: 43px;
    height: 8px;
    margin: 4px 0 0 0;
}

#container div.navigation_bottom {
}

#footer {
    margin: 0 23px 0 28px;
    color: #e1a382;
}

#footer a {
    color: #f5d6b0;
}

#footer a:hover {
    color: #fff;
}

#footer div.navigation {
    float: left;
}

#footer div.copyright {
    float: right;
    text-align: right;
}

#footer div.separator_red {
    margin-top: 5px;
    margin-bottom: 5px;
}

#footer div.members {
    color: #e1a382;
}

#footer div.members a {
    color: #e1a382;
}

#footer div.members a:hover {
    color: #fff;
}

/**
 * @todo Entfernen, da der Text vom Redakteur bearbeitet werden kann und nicht fix ist
 */
a.text_weiterlesen {
    display: block;
    float: right;
    width: 68px;
    height: 9px;
    background-image: url(/static/img2/text_weiterlesen.gif);
}

a.hover {

}

a.hover:hover {
    background-position: bottom left !important;
}

/**
 * Spezielle Formatierungen für die Startseite
 */
body.home #container {
}

body.home #container div.content {
    width: 605px;
    margin-left: 18px;
}

body.home #container div.content div.breadcrumb {
    width: 589px;
}

body.home #container div.content div.paragraph {
    /**
     * @todo An dieser Stelle weichen die beiden Layouts voneinander ab, klaeren was nun richtig ist
     */
    padding-left: 8px;
    padding-right: 8px;
}

body.home #container div.content div.teaser_box {
    width: 605px;
}

body.home #container div.content div.teaser_box.amount1 {
    background: url(/static/img2/teaser_home_2_1_background.gif) repeat-y top left;
    padding-top:2px;
}

body.home #container div.content div.teaser_box.amount2 {
    background: url(/static/img2/teaser_home_2_2_background.gif) repeat-y top left;
    padding-top:2px;
}

body.home #container div.content div.teaser_box.amount3 {
    background: url(/static/img2/teaser_home_2_3_background.gif) repeat-y top left;
    padding-top:2px;
}

body.home #container div.content div.teaser_box div.teaser {
    width: 183px;
    margin-left: 4px;
    padding: 0 8px;
}

body.home #container div.content div.columns {
    background: url(/static/img2/separator_red.gif) repeat-y 396px 0;
}

body.home #container div.content div.columns div.left {
    float: left;
    width: 386px;
}

body.home #container div.content div.columns div.right {
    float: left;
    width: 183px;
    margin: 15px 0 0 19px;
}


/**
 * Spezielle Formatierungen für die Popups
 */
body.popup {
    margin: 18px 0 0 0;
    background: url(/static/img2/body_background_short.gif) repeat-x top left #fff;
}

body.popup h2 {
    font-size: 11px;
}

body.popup #body {
    margin: 0;
    width: 100%;
}

body.popup #header {
    padding: 0;
}

body.popup div.content_top_background {
    padding: 0;
    background-image: none;
    background-color: #f5e2ad;
}

body.popup #container {
    padding: 10px 0 0 0;
    background-image: none;
    background-color: #fff !important;
}

body.popup #container div.content {
    width: auto;
    margin: 0;
    background-color: #fff;
}

/*
    Sitemap
*/

#container div.content div.paragraph div.sitemap {
    margin: 0px;
    padding: 0px;
}

#container div.content div.paragraph div.sitemap ul{
    margin: 0px 0px 0px 0px;
    padding: 0px;
    list-style-type: none;
    list-style-image: none;
    font-size: 10px;

}

#container div.content div.paragraph div.sitemap ul li {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    padding: 0px 0px 0px 30px;
    list-style-type: none;
    list-style-image: none;
    background-repeat: no-repeat;
    background-position: top left;
    color: #444444;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-image: url(/static/img2/sitemap_lo.gif);
}

#container div.content div.paragraph div.sitemap ul li_hover {
    background-image: url(/static/img2/sitemap_hi.gif);
}

#container div.content div.paragraph div.sitemap  ul li a {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    display: block;
    color: #b3301a;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;    
    
}

#container div.content div.paragraph div.sitemap  ul li a:hover {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    color: #444444;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;  
}

#container div.content div.paragraph div.sitemap  a {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    display: block;
    color: #b3301a;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;    
    
}

#container div.content div.paragraph div.sitemap  a:hover {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    color: #444444;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;  
}