#wrapper {
    max-width: 970px;
    padding-left: 20px;
}
#wrapper-content,
#footer {
    clear: both;
}
#startpage #branding {
    background: url(../img/wj/background/eyecatcher-homepage.jpg) 100% 20px no-repeat;
    height: 190px;
    margin-bottom: 20px;
    overflow: hidden;
}
#branding {
    background: url(../img/wj/background/eyecatcher.jpg) 100% 20px no-repeat;
    height: 154px;
    margin-bottom: 20px;
    overflow: hidden;
}
#main {
    margin-left: 270px;
}
#nav {
    left: 20px;
    position: absolute;
    width: 260px;
}
#footer {
    padding: 2em 0;
    width: 100%;
}
#footer #nav-footer {
    border-top: 1px solid;
    margin-left: 270px;
    padding-top: .33em;
}

/* Homepage */

h1 {
    font-size: 2.83em !important;
    line-height: 1.1 !important;
}
h3 {
    color: #005973;
}
#promo {
    background: #e5eef3 url(../img/wj/background/rounding.gif) bottom right no-repeat;
    padding: 20px 15px 0;
}
#promo div {
    clear: both;
    padding-bottom: 25px;
}
#promo img {
    float: left;
    margin: 0 35px 25px 0;
}
.stage {
    border-top: 1px solid #4D9DAB;
    margin-top: 30px;
    padding-top: 15px;
    height: 1%;
}
.stage div {
    float: left;
    margin-bottom: 12px;
    margin-right: 35px;
    width: 210px;
}
.stage div.last {
    margin-right: 0 !important;
}
.stage div h2 {
    font-size: 1.55em;
    font-weight: normal;
}
#news h3 {
    background: #4d9dab;
    color: #fff;
    font-size: 1.2em;
    height: 18px;
    margin-bottom: 10px;
    padding: 2px 0 0 10px;
}
#news h4 {
    color: #005973;
    font-size: 1.2em;
}
#news p {
    margin-top: 5px;
}
#news img,
.showcases img,
.misc img {
    margin-bottom: 6px;
}
.showcases p {
    margin-top: 5px;
}
.misc h4 {
    font-size: 1.7em;
    font-weight: normal;
}
.showcases,
.misc,
#news {
    overflow: hidden;
}
* {
    margin: 0;
    padding: 0;
}
html {
    background: #fff;
    color: #000;
    font: .75em/1.3em arial, helvetica, sans-serif;
}
h1 {
    color: #333;
    font-size: 2em;
    font-weight: normal;
    line-height: 1.3;
    margin: 0 0 .66em;
}
h2,
h3,
h4 {
    line-height: 1.1;
}
h2 {
    font-size: 1.25em;
    margin-bottom: .8em;
}
h3 {
    font-size: 1.1em;
}
h4 {
    font-size: 1em;
}
p {
    margin: 1em 0;
}
ul {
    list-style: none;
}
fieldset {
    border: 0;
}
legend,
hr {
    display: none;
}
address {
    font-style: normal;
}
input,
button,
option,
select,
textarea,
optgroup {
    font: 1em arial, helvetica, sans-serif;
}
a {
    color: #005973;
    text-decoration: none;
}
a:visited {
    color: #444;
}
a:hover,
a:focus,
a:active {
    text-decoration: underline;
}
abbr,
img {
    border: 0;
}
#footer:after,
.standardform .form-entry:after,
.standardform .form-submit:after,
.standardform .form-field:after,
#main .searchresult dl:after,
#main .nav-pager ul:after,
#main .richtext:after,
#abc-overview:after,
.stage:after {
    clear: both;
    content: " ";
    display: block;
}

/* Site Identity */

#branding #logo {
    background: #fff;
    left: 20px;
    padding: 0 10px 39px 0;
    position: absolute;
    top: 20px;
}
#branding #logo p {
    margin: 0;
}

/* Navigation */

#nav {
    line-height: 1.2;
    padding-top: 3em;
}
#nav ul {
    padding-bottom: .75em;
}
#nav ul ul {
    padding-bottom: 0;
}
#nav li li a {
    padding-left: 15px;
}
#nav li li li a {
    padding-left: 30px;
}
#nav a {
    color: #005973 !important;
    display: block;
    padding: 2px 2px 2px 0;
    text-decoration: none;
}
#nav ul a:hover,
#nav ul a:focus,
#nav ul a:active {
    text-decoration: underline;
}
#nav a.current-path {
    font-weight: bold;
}
#nav a.current-page {
    color: #f63 !important;
}
.nav-section {
    border-top: 1px solid #005973;
    color: #f63;
    font-size: 1.5em;
    padding: .3em 0;
}
.nav-section.first {
    border-top: 0;
}
.nav-section a {
    padding: 0 !important;
}
.nav-section strong {
    font-weight: normal;
}
#nav #related {
    margin-top: 2.5em;
}
#nav #related img {
    margin-bottom: 10px;
}

/* Navigation: Search */

#nav .quicksearchform {
    padding-top: 5px;
    position: absolute;
    top: 0;
}
#nav .quicksearchform input {
    font-size: 1em;
    width: 200px;
}
#nav .quicksearchform input.submit {
    background: #4289a7;
    border: 0;
    color: #fff;
    font-size: .917em;
    font-weight: bold;
    padding: .2em .1em;
    width: auto;
}

/* Navigation: Service and Language */

#nav-language,
#nav-service {
    background: #fff;
    margin-top: 2px;
}
#nav-language li,
#nav-service li {
    float: left;
}
#nav-language {
    float: left;
    padding-left: 270px;
}
#nav-language li {
    margin-right: 1.25em;
}
#nav-service {
    float: right;
}
#nav-service li {
    margin-left: 1.25em;
}



a.button_dgs {
	background: url(/css/ico_dgs.png) no-repeat;
	padding-left: 18px;
}

a.button_ls {
	background: url(/css/ico_ls.png) no-repeat;
	padding-left: 18px;
}

.leichte_sprache h1,
.leichte_sprache h2,
.leichte_sprache h3 {
	font-weight: bold;
	line-height: 1.5em;
}
.leichte_sprache h1{ font-size: 250%; }
.leichte_sprache h2{ font-size: 200%; }
.leichte_sprache h3{ font-size: 175%; margin-top: 2em; clear:both;}

.leichte_sprache p,
.leichte_sprache li
{
	font-size: 150%;
	line-height: 1.5em;
}
.leichte_sprache img.ls_image {
	float: right;
	clear:right;
	max-width: 150px;
	max-height: 150px;
}
#main.leichte_sprache a {
	padding-left: 1em;
	background-position: left center;
	margin-left: .5em;
}

/* Footer */

#footer li {
    float: left;
    margin-right: 1.25em;
}
#footer li.first {
    margin-right: 0;
    position: absolute;
    right: 0;
}
#footer #nav-footer {
    position: relative;
}

/* Misc */

.aural,
.jump,
#nav .quicksearchform label,
#main legend {
    height: 1px;
    padding: 0;
    overflow: hidden;
    position: absolute;
    top: -999em;
    width: 1px;
}
#breadcrumb,
#main .image-normal .lens {
    display: none;
}

/* Basics: Main */
#flash-content {
    margin-bottom: 20px;
}
a.glossary {
    background: none !important;
    border-bottom: 1px dashed #333;
    color: #000;
    padding: 0 !important;
}
#main ul,
#main ol {
    margin: 1em 0 1em 2em;
}
#main ul {
    list-style: disc;
}
#main li {
    margin-bottom: 1em;
}
#main .linkblock {
    list-style: none !important;
    margin-left: 0;
}
#main .linkblock li {
    margin-bottom: 0;
}

/* Basics: Marginal */

#marginal h3 {
    background: #4d9bad;
    border: 2px solid #fff;
    border-right: 0;
    color: #fff;
    font-size: 1.25em;
    font-weight: normal;
    margin-right: -10px !important;
    margin-top: 0 !important;
    padding: .25em .4em;
}
#marginal .first h3 {
    border-top: 0;
}
#marginal div.teaser,
html #marginal div.mod.first {
    margin-top: 0 !important;
}
#marginal div.teaser_image .teaser,
#marginal div.teaser_image a,
#marginal .contact address,
#marginal .events .more a,
#marginal .messages .more a {
    margin-top: 1em;
}
#marginal div.mod {
    margin-top: 2.5em;
}
#marginal div.mod.last {
    margin-top: 2.5em !important;
}
#marginal div.teaser_image a {
    font-weight: bold;
}

/* Teasers */

div.mod ul {
    margin-left: 0 !important;
}
#main div.mod ul li {
    list-style: none;
    margin-bottom: 0;
}
div.teaser,
div.message,
div.download,
div.external,
div.event-list,
div.message-list {
    margin: 2.5em 0 1em;
}
div.teaser h2,
div.mod.download h2,
div.mod.external h2 {
    margin-top: 0;
}
#main .left {
    float: left;
    margin-right: 1.67em !important;
}
#main .right {
    float: right;
    margin-left: 1.67em !important;
}
#main img.teaser {
    float: left;
    margin: 0 1.67em .83em 0;
}

div.message p.details {
    margin: 0;
}
div.message ul.linkblock {
    margin-bottom: 0 !important;
}


/* Images */

#main .image-normal {
    clear: both;
    margin: .25em 0 .83em;
}
#main .image-normal span {
    margin: 0;
}
#main .image-normal span.subline {
    background: #e5eef3;
    padding: 5px;
}
#main .image-normal,
#main .image-normal a,
#main .image-normal span {
    display: block;
}
#main img.teaser,
#marginal div.teaser img,
#marginal div.teaser_image img {
    width: 195px !important;
}
#main .landscape,
#main .landscape img {
    width: 215px !important;
}
#main .landscape img {
    height: 160px !important;
}
#main .portrait,
#main .portrait img {
    width: 160px !important;
}
#main .portrait img {
    height: 215px !important;
}
#main p .image-normal {
    margin-bottom: 1.67em;
    margin-top: 1.67em;
}

/* Contact */

#main .contact {
    margin-bottom: 20px;
}
#main .noimage {
    padding-left: .625em;
}
#main .contact img,
#marginal .contact img {
   display: none;
}
#main .contact h2,
#main .contact .org {
    margin-top: 0;
}
#main .contact a {
    margin-bottom: 0;
}
#marginal .contact {
    position: relative;
}
#marginal .contact strong {
    font-weight: bold;
}
#marginal .org .organization-name {
    display: block;
    margin-top: -.1em;
}
#marginal .contact span.adr {
    display: block;
    margin-top: 1em;
}

/* Links */

a.ic {
    display: block;
}
#main a,
#marginal a,
#nav-language a,
#footer a {
    background: url(../img/wj/icons/link.gif) 0 .15em no-repeat;
    padding-left: 1.25em;
}
#main a.dwn,
#marginal a.dwn {
    background: url(../img/wj/icons/download.gif) 0 .15em no-repeat;
    padding-left: 1.25em;
}
#main a.ext,
#marginal a.ext {
    background: url(../img/wj/icons/external.gif) 0 .15em no-repeat;
    padding-left: 1.25em;
}
#main a.vid,
#marginal a.vid {
    background: url(../img/wj/icons/download.gif) 0 .15em no-repeat;
    padding-left: 1.25em;
}
#footer li.first a {
   background: url(../img/wj/icons/top.gif) 0 .15em no-repeat;
    padding-left: 1.25em;
}
#marginal .banner a,
#marginal p a,
#main .image-normal a {
    background: none;
    padding: 0;
}

/* Search Results */

#main .searchresult ul {
    list-style: none;
}
#main .searchresult ul.results {
    border-bottom: 1px solid #005973;
    margin: 1em 0 0;
}
#main .searchresult .results li {
    border-top: 1px solid #005973;
    padding: 1em 0 0;
}
#main .searchresult .results li a {
    background-color: transparent;
    font-weight: bold;
}
#main .searchresult .results li .hit {
    color: #f00;
    font-style: italic;
}
#main .searchresult .searchoptionform {
    padding-top: 1em;
}

/* Navigation (Pager) */

#main .nav-pager {
    clear: both;
    margin: 1.5em 0;
}
#main .nav-pager ul {
    list-style: none;
    margin: 0  auto !important;
    padding: 0 4em !important;
    text-align: center;
}
#main .nav-pager li {
    display: inline;
    line-height: 1.6em;
    margin-bottom: 0;
}
#main .nav-pager li a,
#main .nav-pager li strong {
    border-left: 1px solid #005973;
    padding: 0 .5em;
}
#main .nav-pager li.first a,
#main .nav-pager li.first strong {
    border-left: 0;
    padding-left: 0;
}
#main .nav-pager .back,
#main .nav-pager .forward {
    float: left;
    padding: 0;
    margin: 1px 0 0;
    width: auto;
}
#main .nav-pager .forward {
    float: right;
}
#main .nav-pager a {
    background: none;
    padding-left: 0;
}

/* Forms */

legend.aural {
    font-size: 0;
    height: 0;
}
input.checkbox,
input.radio {
    display: inline;
}
select,
textarea,
input.file,
input.text {
    background: #fff;
    border: 1px solid #4289a7;
    color: #696969;
    padding: 2px 2px;
}
.standardform h2 {
    margin-bottom: -1px;
    padding-top: 15px;
}
.standardform a.ic {
    margin-top: 5px;
    padding-bottom: 10px !important;
}
.standardform .form-entry,
.standardform .form-submit {
   padding: .625em 0;
}
.standardform .form-entry p {
    margin-bottom: 0;
}
.standardform .form-label {
    clear: left;
    float: left;
    width: 8.25em;
    padding-right: .5em;
}
.standardform .form-submit .form-label {
    min-height: 1px;
}
.standardform .form-label span,
.standardform .form-label label {
    margin-right: .4545em;
}
.standardform .form-label label {
    display: block;
    line-height: 1.3em;
    margin-bottom: 3px;
}
.standardform .form-label label dfn[title] {
    border-bottom: 0;
}
.standardform .form-field {
    float: left;
    width: 355px;
}
#main input.text,
.standardform .form-field textarea {
    padding: 2px 4px;
    width: 344px;
}
#main .standardform input.small {
    margin-right: 6px;
    width: 80px;
}
#main .standardform input.right {
    float: none;
    margin-left: 6px !important;
    margin-right: 0;
}
#main .standardform input.medium {
    width: 245px;
}
.standardform .form-field a.ic {
    color: #005973;
    margin-top: 2px;
}
.standardform .form-field select {
    padding: 2px 0;
    width: 354px;
}
.standardform .form-field label {
    line-height: 1.6em;
    padding-right: 15px;
}
.standardform .form-field label.col2 {
    float: left;
    margin-bottom: 0.285em;
    width: 45%;
}
.standardform .form-field label.fullrow {
    display: block;
    margin-bottom: 0.285em;
    width: 100%;
}

#main input.submit,
#main input.reset {
    background: #4289a7;
    border: none;
    color: #fff;
    cursor: pointer;
    float: right;
    font-weight: bold;
    padding: .125em .45em;
}
#main input.reset {
    background: #f63;
    margin-right: 20px;
}

/* Search (Minimal) */

#main .quicksearchform {
    margin-bottom: 2.5em;
}
#main .quicksearchform label {
    display: block;
    margin-bottom: .4em;
}
#main .quicksearchform input.text {
    float: left;
    width: 310px;
}
#main .quicksearchform a.ic {
    float: left;
    margin-top: .5em;
}

/* Messages (Error) */

.standardform .error .form-field select,
.standardform .error .form-field input.text,
.standardform .error .form-field textarea {
    border-color: #f63;
}
.hint-box,
.standardform .error * {
    color: #f63;
}
.hint-box {
    background-color: #fff6f1;
    border: 1px solid #f63;
    padding: 0 1em;
}
.hint-box ul {
    list-style: square !important;
    margin-left: 1em;
    padding-bottom: 0;
}

/* Events/Messages */

#marginal .messages div,
#marginal .events div {
    margin: 1em 0 2em;
}
.event-header p,
.message-header p {
    margin: 0;
}
#marginal .events .more,
#marginal .messages .more {
    font-weight: bold;
}

/* Sitemap */

#main .sitemap ul {
    list-style: none;
    margin-left: 0;
}
#main .sitemap ul ul a {
    background: none;
    padding: 0;
}
#main .sitemap ul ul li {
    margin-bottom: .5em;
}
#main .sitemap ul ul {
    list-style: disc;
    margin: .5em 0 .5em 35px;
}
#main .sitemap ul ul ul {
    margin-left: 15px;
}

/* ABC Overview */

#abc-overview {
    margin-top: 1.6667em; /* 20px */
    width: 106%;
}
#abc-overview ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#abc-overview li {
    float: left;
    margin: 0 35px 15px 0;
    width: 210px;
    overflow: hidden;
    display: block;
}
#abc-overview li span {
    background: #4e9bad url(../img/wj/background/abc-overview-link.jpg) no-repeat right bottom;
    display: block;
    margin-top: -2px;
    padding: 4px 4px 4px 10px;
}
#abc-overview li a.ic {
    background-image: url(../img/wj/icons/abc-link.gif);
    background-position: 0 .15em;
    padding-left: 1.25em;
    color: #fff;
    font-size: 1.1em;
}

/* Event Search */

#marginal .event-search label {
    display: block;
    margin-top: 8px;
}
#marginal .event-search input,
#marginal .event-search select {
    border: 1px solid #4289a7;
    color: #696969;
    display: block;
    padding: 1px 2px;
    width: 140px;
}
#marginal .event-search select {
    width: 146px;
}
#marginal .event-search input.submit {
    background-color: #4d9bad;
    color: #fff;
    float: right;
    font-size: .8em;
    margin: 10px 54px 10px 66px;
    padding: 0;
    width: auto;
}
#marginal .event-search a.ic {
    clear: both;
}

/* Gallery */

#main .image-gallery {
    margin-bottom: -10px !important;
    padding-bottom: 0 !important;
}
#main .image-gallery ul {
    margin-left: 0;
    padding-bottom: 0 !important;
}
#main .image-gallery li {
    float: left;
    height: 130px;
    margin-bottom: 25px;
    overflow: hidden;
    margin-left: 10px;
    position: relative;
    text-align: center;
    width: 195px;
}
#main .image-gallery li.odd {
    margin-right: 40px;
}
#main .image-gallery li[class] {
    position: static;
}
#main .image-gallery li[class] div a {
    display: table-cell;
    position: static;
    vertical-align: middle;
}
#main .image-gallery li div a {
    background: #e5eef3 url(../img/wj/icons/lens.gif) no-repeat 180px 114px;
    display: block;
    height: 130px;
    padding: 0;
    width: 195px;
}

/* TODO: REMOVE - only for prototype testing !! */
/*#main .image-gallery li div img {
    width: 195px;
    height: 95px;
}*/


/* Iframe Alternative for Strict Doctype */
#main object {
    width: 720px;
}