/* (c) 2010 Gerhard Rinnberger;	 */

@import url(base.css);
/*@import url(styles.css);*/

@media screen {
    /* @group Core Layout */
    /* Zentrierung des Layouts in alten IE-versionen */
    body {
        text-align: center;
        background-color: #FFE7B6;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
    }

    a {
        color: #A30008;
    }

    a.button {
        display: inline-block;
        margin: 0.25em 0;
        padding: 1em;
        background-color: #FFCD65;
        border: 1px solid #fe656c;
        border-radius: 4px;
    }

    a:hover {
        background-color: #FFCD65;
    }

    #page_wrap {
        min-width: 740px;
        max-width: 80em;
        margin: 0 auto;
        text-align: left;
        background: #83cac5 url(verlauf.png) repeat-x;
        margin-bottom: 3em;
    }

    #page {
    }

    #header {
        padding: 45px 24px 12px 20px;
        background: url(logo.gif) no-repeat 70% 20px;
    }

    #homelink {
        width: 28em;
        height: 7em;
        position: absolute;
        top: 1.5em;
        left: 50em;
        background: transparent;
    }

    #header h1,
    #header h2 {
        font-size: 1.75em;
        color: #fff;
        margin-left: 75%;
    }

    #topnav {
        color: #aaa;
        background: transparent;
    }

    #main {
        padding: 60px 0 10px 0;
        border: 6px #fff solid;
        border-top-width: 0;
        background-color: #a7eaea;
    }

    #col1_content {
        padding-bottom: 2em;
    }

    #footer {
        text-align: center;
        background-color: #FFE7B6;
        padding: 1em 0 4em;
    }

    /* @end */
    /* @group Bildspalte col1 */
    .section {
        margin-bottom: 1.5em;
    }
    .spalten {
        width: 100%;
        overflow:hidden;
    }
    .spalten .image {
        float: left;
        clear: both;
        width: 38%;
    }

    .spalten .section {
        float: right;
        width: 61%;
        margin-left: -1em;
    }

    .spalten .clip {
        position: relative;
    }

    .spalten img.switch {
        position: absolute;
        top: 0;
        left: 0;
    }
    /* @end */

    div.portrait {
        width: 210px;
        text-align: center;
        float: left;
    }

    div.portrait img {
        display: block;
    }

    .clear {
        clear: both;
    }

    .uppercase {
        text-transform: uppercase;
    }

    .ui-accordion-content-active div.visual img,
    .ui-accordion-content-active div.visual object.video {
        position: absolute;
        top: 0;
        left: 0;
    }

    a:hover img.clip {
        background-position: 0 -183px;
    }

    a:hover img.clip_v288 {
        background-position: 0 -288px;
    }

    a:hover img.clip_h {
        background-position: -282px 0;
    }

    /* @group Navigation */
    #nav_wrap * {
        /*border: 0px none !important*/
    }

    #nav_wrap {
        /*background: #efefef;*/
        border-bottom: 6px solid #fff;
    }

    ul#themes {
        list-style: none;
        margin: 0;
        height: 34px;
    }

    ul#themes li {
        float: left;
        /*height: 4em;*/
        /*width: 10%;*/
        margin: 0;
        padding: 0 6px 0 0;
        background: url(reiter_right.gif) no-repeat 100% 0;
    }

    ul#themes li a,
    ul#themes li span {
        color: #666;
        /*border: 0.5em #fff solid;
        border-bottom-width: 0;
        border-top-width: 10px;*/
        outline: 0;
        font-weight: normal;
        padding: 12px 21px 10px 33px;
        display: block;
        background: url(reiter.gif) no-repeat 0 0;
    }

    ul#themes li a:hover,
    ul#themes li a.current,
    ul#themes li span.current {
        background-position: 0 -50px;
    }

    ul#themes li#current {
        background: transparent;
    }

    ul#themes li#current strong,
    ul#themes li#current a,
    ul#themes li#current a:focus,
    ul#themes li#current a:hover,
    ul#themes li#current a:active {
        color: #4D87C7;
        font-weight: bold;
    }

    /* @end */

    /* @group Subnavigation */

    ul.sub {
        list-style: none;
        margin-left: 0;
    }

    ul.sub li {
        margin-left: 0;
    }

    ul.sub a,
    ul.sub span.current {
        display: block;
        padding: 4px 12px;
    }

    ul.sub a:hover {
        color: #FE656C;
        background-color: #85C8C8;
    }

    ul.sub span.current {
        color: #FE656C;
        background-color: #fff;
    }

    /* @end */

    .heading {
        width: 50%;
        float: left;
        padding: 0 0 2em;
    }

    .start h1,
    .start h2 {
        color: #099;
        font-size: 1.75em;
    }

    #overview {
        margin-left: -25%;
        padding: 0 1em;
    }

    #overview ul {
        list-style: none;
    }

    #overview p {
        margin-right: 0;
    }

    .themes ul {
        margin-left: 0;
        margin-right: -1em;
    }
    .themes li {
        float: left;
        width: 15%;
        margin-left: 0;
        margin-right: 1.25%;
        border: 1px solid #099;
        border-radius: 1em ;
        min-height: 8em;
    }

    .themes h3 {
        border-radius: 0.6em 0.6em 0 0;
        margin-right: 0;
        text-align: center;
    }

    .themes li p {
        padding: 0 .5em;
        color: #099;
    }

    .themes a {
        text-decoration: none;
        color: #fff;
    }

    .themes p a {
        text-decoration: none;
        color: #099;
        display: block;
        min-height: 6em;
    }

    .themes p a:hover {
        background-color: #fff;
    }

    .themes h3 {
        background-color: #099;
        font-size: 1.25em 0;
    }

    #overview .section {
        margin: 1em 0;
        overflow: hidden;
    }

    #overview .stoerer {
        position: relative;
        border: 0;
        color: #fe656c;
        line-height: 1;
    }

    #overview .stoerer p {
        margin: 0;
    }

    #overview .stoerer a {
        font-weight: bold;
        color: #fe656c;
        display: inline;
        content:after ;
    }

    #overview .stoerer a:after {
        content: ' >>>';
    }

    #overview span.stoerer {
        margin: 0.15em 0 0 ;
        padding: 0.25em;
        color: #fff;
        background-color:  #fe656c;
        font-size: 150%;
        font-weight: bold;
        display: inline-block;
    }

    /* @group start_layout 3013 */

    #featured a.thickbox  {
        display: inline-block;
    }

    #featured .col {
        width: 30%;
        float: left;
        border: 4px solid #fff;
        border-radius: 1em;
        margin-right: 2.5em;
        min-height: 200px;
    }

    #featured #col_right {
        margin-right: 0;
    }

    #featured h2 {
        color: #fff;
        background-color: #099;
        border-bottom: 4px solid #fff;
        border-radius: 0.5em 0.5em 0 0;
        padding: 0.2em 0.5em;
    }

    #featured ul {
        margin: 0.5em 0;
    }

    #featured li {
        padding: 0.25em 0
    }

    #featured li:before {
        content:  '\00BB ';
        margin-left: -0.75em;
        font-size: 150%;
        float: left;
    }

    #featured .widget {
        margin: 0 1em;
        color: #099;
    }

    #featured .widget p strong {
        font-size: 2em;
    }

    #featured .widget em {
        font-size: 1.2em;
        font-style: normal;
        color: #a30008;
    }

    div.themes {
        clear: left;
    }
    div.themes h2 {
        text-align: left;
    }

    /* @end */

    .zeugnisse img {
        display: block;
        text-align: center;
        margin-bottom: 0.5em;
        float: right;
    }

    .zeugnisse .img {
        clear: both;
        margin: 0.5em 15%;
    }

    h2, h3.dt, h3.dt a, h3.ui-state-active {
        color:	#c30;
    }

    .ui-accordion-header, h3.accordion	{
        background-repeat: no-repeat;
        background-image:  url(accordion_arrows.png);
    }

    .ui-state-default {
        background-position: 100% 0px;
    }

    .ui-state-active {
        background-position: 100% -22px;
    }

    h3.accordion {
        background-position: 100% -44px;
    }

    h3.accordion a {
        background-color: transparent;
        display: block;
    }

    h3.dt {
        margin-top: 0.5em;
    }
    h3.dt a {
        display: block;
    }

    p {
        margin: 0 4em 0.5em 0;
    }

    p.abstand_oben {
        margin-top: 3em;
    }

    div.dist {
        margin-top: 12px;
    }

    div.dist h4 {
        margin-top: 6px;
    }

    .hilite {
	color: #fe656c;
    }

	dl.accordion {
	margin-left: 0;

}
	dl.accordion dt {
	font-size: 117%;

}	dl.accordion dd {
	margin-left: 0;
	text-indent:  0em;
}
}