/* Main styles */
body
{
        background-color: #fff;
        border-width: 0;
        margin: 0 0 0 0;
        font-size: 100%;
        font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

img { border-width: 0; margin: 0;}

div#mother
{
        color: #120202;
        margin: 0 0 0 30px;
        border-width: 0;
        width: 910px;
        height: auto;
        background-color: #fff;
}
div#motherstart
{
        font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
        color: #120202;
        margin: 0 0 0 30px;
        border-width: 0;
        width: 910px;
        height: auto;
        background-color: #fff;
}
/* Box styles */
#header, #keyvisual
{
        width: 910px;
        border: none;
        margin: 0;
        padding: 0;
}

div#header
{
        height:60px;
}
div#header img
{
        position:relative;
        top:23px;
        left:10px;
}

div#keyvisual { height: 190px;  }
div#startvisual { height: 500px; }

/* Menu styles */
div#metamenu
{
        position:absolute;
        height: 22px;
        width: 166px;
        color: #120202;
        text-align: right;
        line-height: 22px;
//        border-right: 1px solid #DCDCDC;
        left:773px;
        top:40px;
}
ul#metamenuliste
{
        height: 22px;
        list-style-type: none;
        list-style-position: outside;
        list-style-image: none;
        font-size:0.75em;
        font-weight: bold;
        color: #120202;
        line-height: 22px;
        margin: 0;
        padding: 0;
}

ul#metamenuliste li
{
        float: left;
        width: 83px;
        height: 21px;
        text-align: left;
        padding: 0;
        margin: 0;
        background-image: url(img/reiter_meta.gif);
        background-repeat: no-repeat;
        background-position: 0px 0px;
}

ul#metamenuliste li a.kont
{
        color: #B3B3B3;
        background-image: url(img/navi_meta_kont.gif);
        background-repeat: no-repeat;
        background-position: 0px 0px;
}
* html ul#metamenuliste li a.kont { background-position: 0px 7px; }
*+html ul#metamenuliste li a.kont { background-position: 0px 7px; }

ul#metamenuliste li a.kont:hover
{
        color: #CF2323;
        background-image: url(img/navi_meta_kont.gif);
        background-repeat: no-repeat;
        background-position: -100px 0px;
}
* html ul#metamenuliste li a.kont:hover { background-position: -100px 7px; }
*+html ul#metamenuliste li a.kont:hover { background-position: -100px 7px; }

ul#metamenuliste li a.imp
{
        color: #B3B3B3;
        background-image: url(img/navi_meta_imp.gif);
        background-repeat: no-repeat;
        background-position: 0px 0px;
}

* html ul#metamenuliste li a.imp { background-position: 0px 7px; }
*+html ul#metamenuliste li a.imp { background-position: 0px 7px; }

ul#metamenuliste li a.imp:hover
{
        color: #CF2323;
        background-image: url(img/navi_meta_imp.gif);
        background-repeat: no-repeat;
        background-position: -100px 0px;
}
* html ul#metamenuliste li a.imp:hover { background-position: -100px 7px; }
*+html ul#metamenuliste li a.imp:hover { background-position: -100px 7px; }

/* Start Menu */
ul#startmenu
{
        position:relative;
        top:442px;
        left: 1px;
        height: 28px;
        list-style-type: none;
        list-style-position: outside;
        list-style-image: none;
        font-size: 1em;
        margin: 0;
        padding: 0;
}

ul#startmenu li
{
        float: left;
        width: 129px;
        height: 28px;
        text-align: left;
        background-image: url(img/reiter_low.gif);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        padding: 0;
        margin: 0;
        font-weight: bold;
        color: #120202;
}
ul#startmenu li a.start
{
        color: #B3B3B3;
        background-image: url(img/navi_start.gif);
        background-repeat: no-repeat;
        background-position: 0px 0px;
}
* html ul#startmenu li a.start { background-position: 0px 11px; }
*+html ul#startmenu li a.start { background-position: 0px 11px; }

ul#startmenu li a.start:hover
{
        color: #CF2323;
        background-image: url(img/navi_start.gif);
        background-repeat: no-repeat;
        background-position: -200px 0px;
}
* html ul#startmenu li a.start:hover { background-position: -200px 11px; }
*+html ul#startmenu li a.start:hover { background-position: -200px 11px; }

ul#startmenu li a.film
{
        color: #B3B3B3;
        background-image: url(img/navi_film.gif);
        background-repeat: no-repeat;
        background-position: 0px 0px;
}
* html ul#startmenu li a.film { background-position: 0px 11px; }
*+html ul#startmenu li a.film { background-position: 0px 11px; }

ul#startmenu li a.film:hover
{
        color: #CF2323;
        background-image: url(img/navi_film.gif);
        background-repeat: no-repeat;
        background-position: -170px 0px;
}
* html ul#startmenu li a.film:hover { background-position: -170px 11px; }
*+html ul#startmenu li a.film:hover { background-position: -170px 11px; }

ul#startmenu li a.bio
{
        color: #B3B3B3;
        background-image: url(img/navi_bio.gif);
        background-repeat: no-repeat;
        background-position: 0px 0px;
}
* html ul#startmenu li a.bio { background-position: 0px 11px; }
*+html ul#startmenu li a.bio { background-position: 0px 11px; }

ul#startmenu li a.bio:hover
{
        color: #CF2323;
        background-image: url(img/navi_bio.gif);
        background-repeat: no-repeat;
        background-position: -170px 0px;
}
* html ul#startmenu li a.bio:hover { background-position: -170px 11px; }
*+html ul#startmenu li a.bio:hover { background-position: -170px 11px; }

ul#startmenu li#highlight1
{
        background-image: url(img/reiter_low.gif);
        background-repeat: no-repeat;
        background-position: left bottom;
}

/* Main Menu */
ul#mainmenu
{
        position:relative;
        top:132px;
        left: 1px;
        height: 28px;
        list-style-type: none;
        list-style-position: outside;
        list-style-image: none;
        font-size: 1em;
        margin: 0;
        padding: 0;
}

ul#mainmenu li
{
        float: left;
        width: 129px;
        height: 28px;
        text-align: left;
        background-image: url(img/reiter_low.gif);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        padding: 0;
        margin: 0;
        font-weight: bold;
        color: #120202;
}
ul#mainmenu li a.start
{
        color: #B3B3B3;
        background-image: url(img/navi_start.gif);
        background-repeat: no-repeat;
        background-position: 0px 0px;
}
* html ul#mainmenu li a.start { background-position: 0px 11px; }
*+html ul#mainmenu li a.start { background-position: 0px 11px; }

ul#mainmenu li a.start:hover
{
        color: #CF2323;
        background-image: url(img/navi_start.gif);
        background-repeat: no-repeat;
        background-position: -170px 0px;
}
* html ul#mainmenu li a.start:hover { background-position: -170px 11px; }
*+html ul#mainmenu li a.start:hover { background-position: -170px 11px; }

ul#mainmenu li a.film
{
        color: #B3B3B3;
        background-image: url(img/navi_film.gif);
        background-repeat: no-repeat;
        background-position: 0px 0px;
}
* html ul#mainmenu li a.film { background-position: 0px 11px; }
*+html ul#mainmenu li a.film { background-position: 0px 11px; }

ul#mainmenu li a.film:hover
{
        color: #CF2323;
        background-image: url(img/navi_film.gif);
        background-repeat: no-repeat;
        background-position: -170px 0px;
}
* html ul#mainmenu li a.film:hover { background-position: -170px 11px; }
*+html ul#mainmenu li a.film:hover { background-position: -170px 11px; }

ul#mainmenu li a.bio
{
        color: #B3B3B3;
        background-image: url(img/navi_bio.gif);
        background-repeat: no-repeat;
        background-position: 0px 0px;
}
* html ul#mainmenu li a.bio { background-position: 0px 11px; }
*+html ul#mainmenu li a.bio { background-position: 0px 11px; }

ul#mainmenu li a.bio:hover
{
        color: #CF2323;
        background-image: url(img/navi_bio.gif);
        background-repeat: no-repeat;
        background-position: -170px 0px;
}
* html ul#mainmenu li a.bio:hover { background-position: -170px 11px; }
*+html ul#mainmenu li a.bio:hover { background-position: -170px 11px; }

ul#mainmenu li#highlight1
{
        background-image: url(img/reiter_low.gif);
        background-repeat: no-repeat;
        background-position: left bottom;
}

li#highlight1 a {color: #CF2323;}

/* Der Pfad */

div#position
{
        margin: 20px 0 0 10px;
        height: 30px;
        line-height: 30px;
        background-color: #fff;
        font-size: 0.75em;
        color: #C6C6C6;
}

/* Der Content-Bereich */

#content
{
        height: auto;
        margin: 0;
        padding: 0;
        float: left;
        min-height:200px;
        width: 690px;
        padding-bottom: 20px;
}

#content p
{
        font-size: 0.9em;
        min-width: 315px;
        max-width: 650px;
        line-height:1.3em;
        margin:0px 0px 8px 10px;
        text-align:left;
}

h1
{
        font-size: 1.3em;
        font-weight: bold;
        color: #120202;
        margin: 10px 0px 0px 10px;
}

h2
{
        font-size: 1.2em;
        font-weight: normal;
        margin:10px 0px 2px 10px;
        color:#CF2321;

}

.nobreak
{
        float: left;
        width: 200px;
}

.breakclear { clear: both; }

span { color: #CF2321; }

em
{
        color:#CF2321;
        font-style:normal;
}

a { color: #5D4F5D; text-decoration:none;}
a:hover { color: #CF2321; }


/* Die Teaser-Styles */

.teaserbox
{
        width: 315px;
        margin-right:30px;
        float:left;
}
.teaserbox img
{
        border-bottom: 1px solid #B3B3B3;
}
.teaserbigbox
{
        width: 416px;
        margin-right:30px;
        margin-top:10px;
        float:left;
}
.teasersmallbox
{
        width: 214px;
        float:left;
        margin-top:10px;
        margin-bottom:30px;
        margin-right:9px;
}
.bildbox
{
        width: 315px;
        float:left;
        margin:10px;
}
* html .bildbox { margin-left:5px; }
h3
{
        padding-left:10px;
        background-image: url(img/bg_teaserkopf.gif);
        background-repeat: no-repeat;
        background-position: left bottom;
        height:27px;
        line-height:27px;
        font-size:1em;
        font-weight:bold;
        color:#5D4F5D;
        margin:20px 0 1px 0;
}
h3 a
{
        color:#5D4F5D;
}
p.teasertext
{
        font-size: 0.9em;
        line-height:1.25em;
        color:#5D4F5D;
        margin: 10px 10px 0 10px;
}
p.teasertext a { color:#5D4F5D; }
p.teasertext a:hover { color:#CF2321; }

/*Teaserliste*/

.teaser img
{
        border: 1px solid #c9c9c9;
        float: left;
        margin: 0 10px 0 0;
}
div#content a.teaserhigh
{
        margin-bottom:15px;
        padding: 0px;
        display: block;
        width: 640px;
        min-height: 62px;
        color: #5D4F5D;
}

div#content a.teaserhigh:hover { background-color:#EFEFEF; }
div#content a.teaserhigh:hover img { border-color:#CF2321; }
div#content a.teaserhigh:hover em { color:#CF2321; }


/*Marginalspalte*/

#new
{
        position:absolute;
        left: 720px;
        top: 255px;
        width: 220px;
        text-align:left;
        display:block;
}
#new h4
{
        padding-left:10px;
        background-image: url(img/bg_marginalkopf.gif);
        background-repeat: no-repeat;
        background-position: left bottom;
        height:27px;
        line-height:27px;
        font-size:1em;
        color:#5D4F5D;
        margin:15px 0 0px 0px;
}
#new h4 a
{
        color:#5D4F5D;
}
#new p.marg
{
        margin:15px 10px 0 10px;
        width: 220px;
        font-size:0.8em;
        color:#5D4F5D;
}
#new p.marg a
{
        color:#5D4F5D;
}
#new p.marg a:hover
{
        color:#CF2321;
}

/* Marginal Menus */

#new ul.sub
{
        width: 220px;
        padding: 3px;
        margin: 15px 0px 30px -10px;
        line-height:1.25em;
}

#new ul.sub li
{
        list-style-type: none;
        list-style-image: none;
        padding: 0 10px;
        margin: 0;
        font-size: 0.8em;
        font-weight: normal;
        color: #5D4F5D;
        width: 220px;
}

#new ul.sub a
{
        padding: 0 10px;
        margin:0;
        color: #5D4F5D;
}
#new ul.sub a:hover
{
        margin:0;
        color:#CF2321;
}

/*Seitenfuss*/

div#footer
{
        background-color: #fff;
        background-image: url(img/bg_seitenfuss.gif);
        background-repeat: no-repeat;
        background-position: left bottom;
        margin: 30px 0 0px 0;
        float:left;
        width:910px;
        height:50px;
}
/* Footer Menu */
div#footer a
{
        color: #C6C6C6;
        margin: 0 0 0 10px;
        line-height:0.8em;
        font-size:0.75em;
}
div#footer a:hover { color: #CF2323; }