* {
    margin: 0;
    padding: 0;
}
body { /* font: default 16px to 10px */
    font: 62.5%  arial, helvetica, verdana, sans-serif;
    background: #fff;
    color: #000;
}
fieldset,
img {
    border: 0;
}
form legend,
#home #stage #help div a,
#search-box label,
#breadcrumb h2,
#nav-local h2,
.skip {
    display: block;
    height: 1px;
    left: -10000px;
    line-height: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-indent: -10000px;
    width: 1px;
}
a {
    color: #e1011b;
    cursor: pointer;
    font-size: 120%;
    font-weight: bold;
    text-decoration: none;
}
a.internal-link, a.internal-link-new-window {
     background: url("../img/link-internal.gif") no-repeat 0 4px;
     padding-left: 15px;
}
a.external-link, a.external-link-new-window {
    background: url("../img/link-external.gif") no-repeat 0 3px;
    padding-left: 15px;
}
a.download {
    background: url("../img/link-download.gif") no-repeat 0 3px;
    padding-left: 15px;
}
#extras a:active,
#extras a:focus,
#extras a:hover,
#main a:active,
#main a:focus,
#main a:hover,
#stage a:active,
#stage a:focus,
#stage a:hover,
#siteInfo a:active,
#siteInfo a:focus,
#siteInfo a:hover {
    text-decoration: underline !important;
}
a.mail {
    font-size: 100%;
}
p a {
    font-size: 100% !important;
}
#main ul.browsebox:after,
form fieldset div.field:after,
#main .paging ul:after,
ul li#nav-2 ul:after,
ol#help-options dl:after,
#siteInfo:after,
#home #main:after,
#breadcrumb:after,
#content:after,
#search-box:after,
#search-box p:after,
#wrapper:after  {
    clear: both;
    content: '';
    display: block;
    height: 1px;
}
h1 {
    font-size: 300%;
    margin-bottom: 10px;
}
h2 {
	clear: both;
    font-size: 160%;
    margin-bottom: 7px;
}
p {
    font-size: 120%;
    line-height: 1.4em;
    margin-bottom: 15px;
}
#nav-global li a,
ul li#nav-3:hover,
ul li#nav-3 ul,
#nav-global li.on strong,
#search-box form {
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}


/*WRAPPER*/
#wrapper {
    margin: 0 auto 60px;
    width: 1019px;
    background: #fff url(../img/background-page.jpg) repeat-y 0 0;
}



/*CONTAINER*/
#container {
    border-bottom: 1px dotted #000;
    display: inline; /*IE6*/
    float: left;
    margin-left: 25px;
    padding-bottom: 60px;
    padding-right: 22px;
}
#home #container {
    background: none;
    border-bottom: none;
    float: none;
    margin-left: 0;
    padding-bottom: 0;
    padding-right: 0;
}


/*CONTENT*/
#content {
    background: url(../img/divider.png) repeat-y 45.5em 0;
    float: left;
    height: 1%;
    margin: 0 13px;
    padding-top: 15px;
    width: 68.5em;
}
#home #content {
    background: none;
    border-bottom: 1px dotted #000;
    float: none;
    margin: 0 24px;
    padding-top: 0;
    width: auto;
}


/*BRANDING*/
#head {
    background: transparent url("../img/background-detail.jpg") no-repeat 50% 100%;
    border-top: 100px solid #fff;
    height: 15em;
    margin: 0 15px;
    position: relative;
    z-index: 5;
}
#home #head {
    background: transparent;
    border-top: none;
    height: 10em;
}
#home #head #character {
    bottom: 0;
    top: 30px;
}
#character {
    top: -70px;
    left: 15px;
    position: absolute;
}
#print-character {
    display: none;
}
#home #nav-wrapper {
    top: 40px;
}
#nav-wrapper {
    position: relative;
    top: -55px;
    right: 0;
    z-index: 2;
}
#nav-meta {
    position: absolute;
    top: 5px;
    right: 0;
    padding-right: 10px;
}
#home #nav-meta {
    top: 10px;
}
#nav-global {
    position: absolute;
    top: 3px;
    right: 18em;
    float: left;
}
#home #nav-global {
    top: 8px;
}
#nav-global li {
    float: left;
    font-size: 160%;
    list-style: none;
    margin-right: 5px;
    z-index: 1000;
}
#nav-global li.on a {
    font-size: 120%;
}
#nav-global li a,
#nav-global li.on a {
    color: #000;
    display: block; /*IE*/
    padding: 5px 7px;
    text-decoration: none;
    font-weight: normal;
}
#nav-global li#nav-1.on a,
#nav-global li#nav-1 a:hover {
    background-color: #f7d86c;
}
#nav-global li#nav-2.on a,
#nav-global li#nav-2 a:hover {
    background-color: #c7d4e4;
}
#nav-global li#nav-3.on a,
#nav-global li#nav-3 a:hover,
#nav-global li#nav-3 a:active,
#nav-global li#nav-3 a:focus {
    background-color: #eeb8a0;
}


/*DROP-DOWN MENU*/
ul li#nav-3 {
    min-height: 1em; /*Opera 8*/
    position: relative;
    width: 9em;
}
ul li#nav-3 a,
ul li#nav-3 strong {
    background: url(../img/drop-down.gif) no-repeat 95% 50%;
    padding-right: 20px;
}
ul li#nav-3 ul a {
    background: none;
}
ul li#nav-3 ul a:hover,
ul li#nav-3 ul a:active,
ul li#nav-3 ul a:focus {
    font-weight: bold;
}
#nav-global li.over,
ul li#nav-3:hover {
    background-color: #eeb8a0;
    cursor: pointer;
}
ul li#nav-3 ul {
    background-color: #eeb8a0;
    cursor: pointer;
    display: none;
    left: 0;
    list-style: none;
    min-width: 10em;
    padding: 10px 5px 5px;
    position: absolute;
    top: 100%;
    white-space: nowrap;
    width: 12em;
    z-index: 99;
}
ul li#nav-3 ul li {
    background-color: #eeb8a0;
    clear: left;
    float: left;
    font-size: 80%;
    width: 100%;
}
#nav-global li:hover ul,
#nav-global li.over ul {
    display: block;
}


/* LANGUAGE SELECTION */
#home #head #lang {
	position: static;
	float: right;
	margin: 5px 10px 0 0;
}
#head #lang {
	position: absolute;
	right: 10px;
	top: -95px;
}
#head #lang a {
	color: #000;
	font-weight: normal;
	font-size: 110%;
}
#head #lang a:hover,
#head #lang a:active,
#head #lang a:focus {
	text-decoration: underline;
}


/*SEARCH*/
#search-box {
    display: block;
}
#search-box legend {
    display: none;
}
#search-box fieldset { /*IE6*/
    display: inline;
}
#search-box form {
    border: 1px solid #9a9a9a;
    display: block;
    margin-bottom: 0;
    padding: 4px 3px 4px 22px;
    position: relative;
    width: 14em;
}
#search-box input {
    border: 1px solid #fff;
    color: #999;
    width: 9em;
}
#search-box input.button {
    background: #fff url(../img/icon-search.gif) no-repeat 0 0;
    border: none;
    cursor: pointer;
    left: 6px;
    padding-left: 16px;
    position: absolute;
    text-indent: -10000px;
    top: 6px;
    width: 15px;
}


/*STAGE TEASER*/
#home #stage {
    background: transparent url("../img/background.jpg") no-repeat 50% 0;
    height: 390px;
    position: relative;
}
#home #stage h1 {
    background: url("../img/headline.gif") no-repeat 0 0;
    height: 111px;
    position: absolute;
    left: 550px;
    text-indent: -10000px;
    top: 50px;
    width: 370px;
}
#home.english #stage h1 {
    background: url("../img/headline-en.gif") no-repeat 0 0;
}
#home #stage p {
    color: #fff;
    font-size: 160%;
    font-weight: bold;
    left: 550px;
    position: absolute;
    top: 180px;
    width: 23em;
}
#home #stage ul {
    left: 550px;
    margin: 0;
    position: absolute;
    top: 280px;
}
#home #stage ul li {
    background: transparent url("../img/arrow.gif") no-repeat 0 50%;
    font-size: 160%;
    font-weight: bold;
    list-style: none;
    margin-bottom: 3px;
}
#home #stage ul li a {
	background: none;
    color: #e1011b;
    padding-left: 20px;
}


/*MAIN*/
#main {
    float: left;
    padding-right: 10px;
    width: 44em;
}
#main #breadcrumb ol {
    font-size: 100%;
    height: 1%;
    list-style: none;
    margin-bottom: 5px;
    margin-left: 0;
}
#breadcrumb li {
    float: left;
    font-size: 110%;
    margin-right: 5px;
    white-space: nowrap;
}
#breadcrumb li a {
    background: url("../img/breadcrumb.png") no-repeat 100% 50%;
    color: #000;
    font-weight: bold;
    padding-right: 10px;
}
#breadcrumb li strong {
    font-weight: normal;
}
#main h2 a {
    font-size: 100%;
}
#main object {
	margin: 0 0 20px 0;
}


/*IMAGES*/
#main .photo {
    float: left;
    padding-right: 15px;
}
#main img {
    border: 1px solid #ccc;
    display: block;
    float: left;
    margin: 0 0 10px;
    padding: 1px;
}
#main .p-mod {
    float: right;
    margin-left: 10px;
}


/*HOME MAIN*/
#home #main {
    float: none;
    padding-top: 20px;
    width: 100%;
}
#home .teaser {
    display: inline; /*IE6*/
    float: left;
    padding-left: 5px;
    padding-right: 25px;
    width: 29em;
}
#home .teaser h3 {
    font-size: 110%;
    letter-spacing: .03em;
    margin-bottom: 5px;
    text-transform: uppercase;
}
#home #main .teaser h3.nav-1 {
    color: #dbbb5b;
}
#home #main .teaser h3.nav-2 {
    color: #899cbb;
}
#home #main .teaser h3.nav-3{
    color: #be805b;
}
#home .teaser p {
    line-height: 1.5em;
}
#home .teaser a.internal-link, #home .teaser a.internal-link-new-window {
    display: block;
    margin-top: 5px;
}


/*SITE INFO*/
#siteInfo {
    background: transparent url(../img/background-bottom.jpg) no-repeat 3px 100%;
    clear: both;
    height: 1%; /*IE*/
    margin-bottom: -1px;
    padding: 5px 0 60px;
    width: 1019px;

    overflow: hidden;
}
#siteInfo p {
    margin-bottom: 0;
    margin-left: 25px;
}
#siteInfo p em {
    float: left;
    font-style: normal;
}
#siteInfo ul {
    float: right;
    list-style: none;
    padding-right: 20px;
}
#siteInfo ul li {
    float: left;
    font-size: 120%;
}
#siteInfo ul li a {
    color: #000;
    display: block;
    font-size: 110%;
    font-weight: normal;
    padding-left: 10px;
    text-decoration: none;
}


/*HELP BUTTON*/
#help a {
    background: transparent url(../img/helfen-sie.gif) no-repeat -10px 0;
    cursor: pointer;
    height: 166px;
    position: absolute;
    right: 15px;
    text-indent: -10000px;
    top: 6.9em;
    width: 266px;
	outline: none;
}
#help a:hover {
    background-position: -10px -336px;
}
#home #stage #help a {
    background: transparent url(../img/helfen-sie-start.gif) no-repeat 0 0;
    height: 125px;
    right: 70px;
    top: 293px;
    width: 124px;
	outline: none;
}
#home #stage #help a:hover {
    background-position: 0 -272px;
}
html>/* */body #help div a { /*non IE browsers*/
    left: 2px;
}
#help div a {
    background: transparent url(../img/ich-brauche-hilfe.png) no-repeat 0 0;
    height: 50px;
    left: 3px;
    top: 86px;
    width: 200px;
}
#home #stage #help div a {
    background: transparent url(../img/ich-brauche-hilfe.png) no-repeat 0 0;
    height: 50px;
    left: 20px;
    top: 293px;
    width: 200px;
}
#help div a:hover,
#home #stage #help div a:hover {
    background-position: 0 -250px;
}

/* english */
#home.english #stage #help a {
    background: transparent url(../img/helfen-sie-start_en.gif) no-repeat 0 0;
}
#home.english #stage #help a:hover {
    background-position: 0 -272px;
}

.english #help div a {
    background: transparent url(../img/i-need-help.png) no-repeat 0 0;
}
#home.english #stage #help div a {
    background: transparent url(../img/i-need-help.png) no-repeat 0 0;
}
.english #help div a:hover,
#home.english #stage #help div a:hover {
    background-position: 0 -250px;
}

.english #help a {
    background: transparent url(../img/helfen-sie_en.gif) no-repeat -10px 0;
}
.english #help a:hover {
    background-position: -10px -336px;
}
#home.english #stage #help a {
    background: transparent url(../img/helfen-sie-start_en.gif) no-repeat 0 0;
}
#home.english #stage #help a:hover {
    background-position: 0 -272px;
}
/* english end */





/*NAV-LOCAL*/
#nav-local {
    float: left;
    margin-right: 20px;
    margin-top: 15px;
    width: 22em;
}
#nav-local h3 {
    color: #000;
    font-size: 140%;
    margin-bottom: 5px;
    margin-left: 3px;
    text-transform: uppercase;
}
#nav-local h3 a {
    font-size: 100%;
}
#nav-local ul {
    font-size: 110%;
    list-style: none;
}
#nav-local ul li {
    height: 1%; /*IE6*/
    margin-bottom: 3px;
}
#nav-local li a {
    height: 1%; /*IE6*/
    text-decoration: none;
}
#nav-local li a,
#nav-local li strong {
    color: #000;
    display: block;
    font-size: 110%;
    font-weight: normal;
    padding: 3px 0 3px 5px;
}
#cat-1 #nav-local ul a:hover,
#cat-2 #nav-local ul a:hover,
#cat-3 #nav-local ul a:hover {
    font-weight: bold;
}
#cat-1 #nav-local ul a.active,
#cat-1 #nav-local ul strong,
#cat-1 #nav-local ul a:hover {
    background-color: #f7d86c;
}
#cat-2 #nav-local ul a.active,
#cat-2 #nav-local ul strong,
#cat-2 #nav-local ul a:hover {
    background-color: #c7d4e4;
}
#cat-3 #nav-local ul a.active,
#cat-3 #nav-local ul strong,
#cat-3 #nav-local ul a:hover {
    background-color: #eeb8a0;
}
#container #nav-local ul ul strong {
    font-weight: bold;
}
#nav-local ul ul {
    font-size: 100%;
    padding-top: 5px;
}
#nav-local ul ul a,
#nav-local ul ul strong {
    background: url(../img/secondary-navigation.gif) no-repeat 20px 7px;
    padding-left: 30px;
}


/*EXTRAS*/
#extras {
    float: left;
    margin-left: 10px;
    margin-top: 78px;
    padding-left: 15px;
    width: 19em;
}
#extras h2 {
    height: 1px;
    margin: 0;
    overflow: hidden; /*IE6*/
    text-indent: -10000px;
    width: 1px;
}
#extras h3 {
    font-size: 140%;
    margin-bottom: 5px;
}
#extras .box {
    margin-bottom: 25px;
}
#extras .box img,
#extras .photo {
    margin-bottom: 10px;
}
#extras .box .photo img {
    margin-bottom: 0;
}


/*LISTS*/
#main ol {
    font-size: 120%;
    margin-bottom: 20px;
    margin-left: 30px; /*IE*/
}
html>/* */body #main ol { /*non IE browsers*/
    margin-left: 24px;
}
#main ul {
    font-size: 120%;
    margin-bottom: 20px;
    margin-left: 15px;
}
#main ol a,
#main ul a {
    font-size: 100%;
}
#main ol li,
#main ul li {
    padding-bottom: 5px;
}
#main ol ol,
#main ol ol ol,
#main ol ol ol ol,
#main ul ul,
#main ul ul ul,
#main ul ul ul ul {
    margin-bottom: 0;
    margin-top: 5px;
}
#main .sitemap ul a {
    font-weight: normal;
}
#main .sitemap ul ul a,
#main .sitemap ul ul ul a,
#main .sitemap ul ul ul ul a {
    font-size: 90%;
    font-weight: normal;
}
#main .sitemap ul {
    list-style: none;
}
.sitemap {
    margin-top: 20px;
}
.sitemap ul li a {
     background: url("../img/link-internal.gif") no-repeat 0 4px;
     padding-left: 15px;
}
#article-features ul {
    list-style: none;
    margin-left: 0;
}
li#top a {
    background: url(../img/nach-oben.jpg) no-repeat 0 7px;
    color: #000;
    font-weight: normal;
    padding-left: 10px;
}


/*PAGEPREVIEW*/
#main ul.pagepreview {
    list-style: none;
    margin-left: 0;
}
ul.pagepreview li {
    padding-bottom: 10px;
}
ul.pagepreview li a {
    font-weight: normal;
}
ul.pagepreview li a em {
    color: #000;
    font-weight: bold;
    font-style: normal;
    margin-right: 10px;
}


/*DATE*/
p.date {
    color: #000;
    font-size: 110%;
    margin-bottom: 5px;
}


/*PAGING*/
#main .paging ul {
    height: 1%;
    margin-left: 0;
}
.paging ul li {
    float: left;
    list-style: none;
    margin-right: 25px;
}
.paging li.inactiveLinkWrap a {
    font-weight: normal;
}


/*FORMS*/
#main form fieldset div.field {
    clear: left;
    height: 1%;
    margin: 0 0 3px;
    padding: 0 0 5px;
}
#main form fieldset div.field label {
    cursor: pointer;
    display: block;
    font-size: 130%;
    line-height: 1.3em;
    padding: 0.3em 0 0;
}
#main form fieldset div.field span.csc-mailform-label {
    font-size: 130%;
    line-height: 1.3em;
    padding: 0.3em 0 0;
}
#main form fieldset .radio fieldset label {
    display: inline;
    padding: 0 2em 2px 0.4em;
}
#main form input.button {
    background-color: #e1011b;
    color: #fff;
    cursor: pointer;
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 20px;
    overflow: visible; /*IE*/
    padding: 3px 10px;
}
#main form input.button:hover {
    color: #000;
}
div.field input,
div.field textarea,
input#tx-indexedsearch-searchbox-sword {
    border: 1px solid #ccc;
    padding: 1px 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
}
div.field .field-radio {
    border: none;
}
div.field select {
    border: 1px solid #ccc;
    padding: 1px 0 1px 4px;
}
#main form textarea.wide,
#main form input.wide {
    width: 20em;
}


/*SEARCH RESULTS*/
.tx-indexedsearch form input#tx-indexedsearch-searchbox-sword {
    width: 21em;
}
.tx-indexedsearch .tx-indexedsearch-whatis {
    font-size: 120%;
    margin-top: 20px;
}
#main ul.browsebox {
    height: 1%;
    margin-left: 0;
}
ul.browsebox li {
    float: left;
    list-style: none;
    margin-right: 15px;
}
ul.browsebox li a {
    font-weight: normal;
}
ul.browsebox li strong a {
    font-weight: bold;
}
.tx-indexedsearch-res h3 {
    font-size: 130%;
}
#main .tx-indexedsearch .field {
    clear: none;
    float: left;
}
#main .tx-indexedsearch .tx-indexedsearch-search-submit {
    margin-left: 30px;
    margin-top: 18px;
}
#main .tx-indexedsearch form input.button {
    margin-bottom: 0;
}
p span.important,
.tx-indexedsearch .tx-indexedsearch-res p strong {
    background-color: #ffff99;
    padding: 1px 3px;
}


/*TABLE*/
table {
    border-collapse: collapse;
    clear: both;
    font-size: 120%;
    margin-bottom: 20px;
}
table th {
    font-weight: bold;
    text-align: left;
    width: 13em;
}
table th,
table td {
    border-bottom: 1px dotted #000;
    padding: 5px;
}
table caption {
    font-size: 90%;
    text-align: left;
}
table tr.tr-even {
    background-color: #f2f2f2;
}