/* *** Reset ********************************************************************* */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: none;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

/* ******************************************************************************* */
body {
    font-size: 11px;
    line-height: 16px;
    font-family: Arial, Helvetica, sans-serif;
    quotes: "\201E" "\201C" "\201A" "\2018";
    background-color: #2d2d2d;
    background-image: url(../layout/bg.gif);
}

div.rahmen {
    margin-left: 108px;
    width: 953px;
    position: relative;
}
div.schatten-rechts {
    width: 5px;
    position: absolute;
    right: 0;
    top: 10px;
    bottom: 0;
    background-image: url(../layout/schatten-rechts.png);
    background-repeat: repeat-y;
    background-position: right;
}
div.schatten-rechts-oben {
    width: 5px;
    height: 10px;
    position: absolute;
    right: 0;
    top: 0;
    background-image: url(../layout/schatten-rechts-oben.png);
    background-repeat: no-repeat;
}
#main {
    background-color: white;
    width: 948px;
}
#header {
    height: 204px;
    background-repeat: no-repeat;
    background-position: 0 0px;
}
body.meine_news #header {
    background-image: url(../layout/hd/MeineNews.png);
    background-color: #ef8ba5;
}
body.meine_news-keintitel #header {
    background-image: url(../layout/hd/MeineNews_.png);
}
body.region #header {
    background-image: url(../layout/hd/Region.png);
    background-color: #d1e98f;
}
body.region-keintitel #header {
    background-image: url(../layout/hd/Region_.png) !important;
}
body.deals-keintitel #header {
    background-image: url(../layout/hd/Region_.png) !important;
    background-color: #d1e98f;
}
body.ressort-nachrichten #header {
    background-image: url(../layout/hd/RegionNachrichten.png);
}
body.ressort-sport #header {
    background-image: url(../layout/hd/RegionSport.png);
}
body.ressort-kultur #header {
    background-image: url(../layout/hd/RegionKultur.png);
}
body.ressort-buntes #header {
    background-image: url(../layout/hd/RegionBuntes.png);
}
body.meinung #header {
    background-image: url(../layout/hd/Meinung.png);
    background-color: #8fcbe9;
}
body.meinung-keintitel #header {
    background-image: url(../layout/hd/Meinung_.png);
}
body.kalender #header {
    background-image: url(../layout/hd/Events.png);
    background-color: #ffb67f;
}
body.kalender-keintitel #header {
    background-image: url(../layout/hd/Events_.png);
}
body.multimedia #header {
    background-image: url(../layout/hd/Multimedia.png);
    background-color: #c97fb9;
}
body.multimedia-keintitel #header {
    background-image: url(../layout/hd/Multimedia_.png);
}
body.mein_arbeitsplatz #header {
    background-image: url(../layout/hd/MeinArbeitsplatz.png);
    background-color: #e6a194;
}
body.mein_arbeitsplatz-keintitel #header {
    background-image: url(../layout/hd/MeinArbeitsplatz_.png);
}
body.meine_einstellungen #header {
    background-image: url(../layout/hd/MeineEinstellungen.png);
    background-color: #d7c2a9;
}
body.meine_einstellungen-keintitel #header {
    background-image: url(../layout/hd/MeineEinstellungen_.png);
}


#header #ressortmenu {
    position: absolute;
    left: 128px;
    top: 168px;
    font-weight: bold;
    font-size: 110%;
}
#header #ressortmenu li {
    float: left;
    position: relative;
}
#header #ressortmenu li a {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    padding-right: 15px;
}
#header #ressortmenu li ul {
    position: absolute;
    width: 173px;
    color: #000;
    display: none;
    left: -65px;
    top: 8px;
    z-index: 6;
}
#header #ressortmenu li ul.ressort-nachrichten {
    left: -45px;
}
#header #ressortmenu li ul li.oben {
    background-image: url(../layout/subsub-enden.png);
    height: 18px;
}
#header #ressortmenu li ul li.unten {
    background-image: url(../layout/subsub-enden.png);
    background-position: 0 -18px;
    height: 20px;
}
#header #ressortmenu li ul li {
    float: none;
    text-align: center;
    background-image: url(../layout/subsub-mitte.png);
    background-repeat: repeat-y;
    height: 16px;
}
#header #ressortmenu li ul li a {
    padding-right: 0;
    color: #575757;
    font-size: 90%;
    text-transform: none;
}
#header #ressortmenu li ul li a:hover {
    color: #000;
}


#logo {
    background-image: url(../layout/logo-beta.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    width: 300px;
    height: 144px;
    z-index: 5;
}
#logo a {
    width: 300px;
    height: 144px;
    position: absolute;
}

#navi {
    left: 19px;
    top: 59px;
    position: absolute;
    width: 89px;
}
#navi div.oben {
    width: 89px;
    height: 8px;
    background-image: url(../layout/navi-enden.png);
    background-repeat: no-repeat;
    font-size: 1%;
}
#navi div.mitte {
    width: 89px;
    background-image: url(../layout/navi-mitte.png);
    background-repeat: repeat-y;
    padding-left: 3px;
    padding-top: 8px;
    padding-bottom: 8px;
}
#navi div.unten {
    width: 89px;
    height: 8px;
    background-image: url(../layout/navi-enden.png);
    background-repeat: no-repeat;
    background-position: 0 -8px;
    margin-bottom: 7px;
}

#navi div.vg {
    background-repeat: no-repeat;
    width: 86px;
    height: 200px;
}
#navi span {
    display: none;
}
#navi a {
    background-repeat: no-repeat;
    background-position: -172px 0;
    width: 86px;
    height: 60px;
    display: block;
}
#navi a:hover {
    background-position: -86px 0;
}
#navi a.aktiv {
    background-position: 0px 0;
}
#navi a.meine_news {
    background-image: url(../layout/navi-meine_news.png);
}
#navi a.region {
    margin-top: -39px;
    background-image: url(../layout/navi-region_transp.png);
    height: 60px;
}
#navi a.meinung {
    background-image: url(../layout/navi-meinung.png);
}
#navi a.kalender {
    background-image: url(../layout/navi-events.png);
}
#navi a.deals {
    background-image: url(../layout/navi-deals.png);
}
#navi a.multimedia {
    background-image: url(../layout/navi-multimedia.png);
}
#navi a.mein_arbeitsplatz {
    background-image: url(../layout/navi-mein_arbeitsplatz.png);
    margin-bottom: 8px;
}
#navi a.mein_arbeitsplatz_mail {
    background-image: url(../layout/navi-mein_arbeitsplatz_mail.png);
    margin-bottom: 8px;
}
#navi a.mein_arbeitsplatz_mail span.zahl {
    color: white;
    display: block;
    width: 20px;
    text-align: center;
    margin-left: 10px;
    padding-top: 4px;
}
#navi a.meine_einstellungen {
    background-image: url(../layout/navi-meine_einstellungen.png);
}

#header div.angemeldet-als {
    position: absolute;
    left: 100px;
    top: 100px;
}
#header input {
    position: absolute;
    right: 34px;
    top: 181px;
    border-style: none;
    background-color: transparent;
    width: 112px;
    height: 15px;
    color: #585858;
    font-size: 95%;
}

#content {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    min-height: 430px;
    border-bottom: 1px solid #fff;
}
#links {
    width: 620px;
    min-height: 400px;
}
#rechts {
    width: 268px;
    position: absolute;
    left: 660px;
    top: 224px;
    min-height: 400px;
}

#rechts h3, #links div.loginbox h3 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 130%;
    padding-bottom: 5px;
}
#rechts p {
    padding-top: 3px;
}
#rechts div.kreis, #links div.loginbox div.kreis {
    width: 58px;
    height: 58px;
    position: absolute;
}
#rechts div.kreisPlatzhalter {
    width: 36px;
    height: 36px;
    float: left;
}

div.infobox {
    border: 5px solid #a3d420;
    background-color: #f7fce8;
    padding: 8px;
    position: relative;
    margin-bottom: 15px;
}
div.infobox a {
    color: #87b01a !important;
    text-decoration: underline;
}
div.infobox h3 {
    color: #87b01a;
    border-bottom: 1px dotted #ccc;
}
div.systembox {
    border: 5px solid #cfb698;
    background-color: #f7fce8;
    padding: 8px;
    position: relative;
    margin-bottom: 15px;
}
div.systembox a {
    color: #8a6943 !important;
    text-decoration: underline;
}
div.systembox h3 {
    color: #cfb698;
    border-bottom: 1px dotted #ccc;
}
div.systembox div.kreis {
    background-image: url(../layout/kreis-systembox.gif);
    top: -13px;
    left: -18px;
}

div.vgbox, div.meistgelesenbox, div.meinortbox, div.verwandtebox {
    border: 5px solid #c5eb5e;
    padding-top: 4px;
    position: relative;
    margin-bottom: 15px;
}
div.vgbox, div.meinortbox {
    border: 5px solid #e0184c;
}
div.vgbox h3, div.vgbox a, div.meinortbox h3, div.meinortbox a {
    color: #b4153e !important;
}
div.vgbox p, div.meistgelesenbox p, div.meinortbox p, div.verwandtebox p {
    padding-left: 8px;
    padding-right: 8px;
}
div.vgbox h3 small {
    color: #000;
    font-size: 70%;
}
div.vgbox h3, div.meistgelesenbox h3, div.meinortbox h3, div.verwandtebox h3 {
    color: #91bc20;
    border-bottom: 1px dotted #ccc;
    margin-left: 8px;
}
div.meistgelesenbox h3, div.meinortbox h3, div.verwandtebox h3 {
    height: 19px;
    padding-top: 7px;
}
div.vgbox a.aktion {
    text-decoration: underline;
    font-size: 70%;
    text-transform: none;
    font-weight: normal;
}
span.meta {
    color: #525252;
    text-transform: uppercase;
    font-size: 90%;
}
div.vgbox a, div.meistgelesenbox a, div.verwandtebox a {
    color: #000 !important;
    text-decoration: none;
}
div.vgbox p.ende a {
    color: #91bc20;
    text-decoration: underline;
}
div.vgbox div.kreis {
    background-image: url(../layout/kreis_vg-box.png);
    top: -13px;
    right: -18px;
    text-align: center;
    padding-top: 15px;
    background-repeat: no-repeat;
}
div.meinortbox div.kreis {
    background-image: url(../layout/kreis_meine_news.png);
    top: -13px;
    right: -18px;
}
div.meistgelesenbox div.kreis {
    background-image: url(../layout/kreis_meistgelesene.png);
    top: -13px;
    right: -18px;
}
div.verwandtebox div.kreis {
    background-image: url(../layout/kreis_meistgelesene.png);
    top: -13px;
    right: -18px;
}
div.vgbox div.vgwahl {
    height: 300px;
    overflow: auto;
}
div.vgbox div.vgwahl p {
    position: relative;
    margin-top: 8px;
    height: 23px;
}
div.vgbox div.vgwahl p img {
    position: absolute;
    right: 20px;
    top: -2px;
}
#vgwahl p {
    border-bottom: 1px dotted #ccc;
}
#vgartikel div.open {
    background-image: url(../layout/teaser-bg-pink.png) !important;
}
#meistgelesene div.open, #verwandte div.open {
    background-image: url(../layout/teaser-bg.png) !important;
}
#vgartikel div.open, #meistgelesene div.open, #verwandte div.open {
    background-repeat: repeat-x;
    background-position: 0 bottom;
}
#vgartikel div, #meistgelesene div, #verwandte div {
    background-image: url(../layout/teaser-trenner.png);
    background-repeat: no-repeat;
    background-position: 0 bottom;
    font-weight: bold;
    border-bottom: 1px solid transparent;
}
#meistgelesene div.kein-trenner, #meistgelesene div.kein-trenner p.teaser, #verwandte div.kein-trenner, #verwandte div.kein-trenner p.teaser {
    background-image: none;
}
#vgartikel div p.teaser, #meistgelesene div p.teaser, #verwandte div p.teaser {
    background-image: url(../layout/teaser-trenner.png);
    background-repeat: no-repeat;
    background-position: 0 bottom;
    font-weight: normal;
    padding-bottom: 10px;
}

div.veranstaltungbox {
    border: 5px solid #ff6d00;
}
div.feedbox {
    border: 5px solid #cd4429;
}
div.feebox a, div.feedbox h3 {
    color: #b03b24;
}
div.veranstaltungbox h3 {
    color: #d75d02;
}
div.feedbox h3, div.meinortbox h3, div.veranstaltungbox h3 {
    margin-bottom: 10px;
}
div.feedbox div.kreis {
    background-image: url(../layout/kreis_rss-box.png);
    top: -13px;
    left: -16px;
}
div.kommentarbox {
    border: 5px solid #2097d4;
    background-color: #e8f4fb;
}
div.umfragebox {
    border: 5px solid #2097d4;
    background-color: #fff;
}
div.umfragebox input[type=radio] {
    margin-right: 5px;
}

div.aktuellesvideobox #videoPlayerSmall {
    height: 193px;
}
div.aktuellesvideobox {
    border: 5px solid #940073;
    background-color: #f5e7f2;
}
div.aktuellesvideobox a {
    color: #61004b !important;
}
div.aktuellesvideobox p {
    padding-left: 8px;
    padding-right: 8px;
}
div.aktuellesvideobox h3 {
    color: #61004b;
    background-image: url(../layout/bg-videobox.png);
    background-position: right 0;
    background-color: #f5e7f2;
    margin-bottom: 12px;
}
div.aktuellesvideobox div.kreis {
    background-image: url(../layout/kreis_aktuelles_video.png);
    top: -13px;
    left: -16px;
}

div.twitterbox img {
    width: 48px;
    height: 48px;
    float: right;
    margin-left: 5px;
    margin-bottom: 5px;
    margin-top: 2px;
}
div.twitterbox p {
    min-height: 51px;
}
div.twitterbox p.ende {
    min-height: 0;
}

div.schlagzeilenbox {
    border: 5px solid #c5eb5e;
    background-color: #f7fce8;
}
div.aktuellesvideobox, div.schlagzeilenbox, div.kommentarbox, div.umfragebox, div.feedbox, div.veranstaltungbox {
    position: relative;
    margin-bottom: 15px;
}
div.kommentarbox a {
    color: #176891 !important;
}
div.schlagzeilenbox a {
    color: #000 !important;
}
div.umfragebox a {
    color: #176891;
}
div.kommentarbox h3, div.umfragebox h3 {
    color: #176891;
    background-image: url(../layout/bg-kommentarbox.png);
    background-color: #97ceeb;
    background-position: left 0;
}
div.schlagzeilenbox h3, div.kommentarbox h3 {
    margin-bottom: 12px;
}
div.schlagzeilenbox h3 {
    color: #91bc20;
    background-image: url(../layout/bg-schlagzeilen.png);
    background-position: right 0;
}
div.aktuellesvideobox h3, div.schlagzeilenbox h3, div.kommentarbox h3, div.umfragebox h3, div.feedbox h3, div.veranstaltungbox h3 {
    border-bottom: 1px dotted #ccc;
    background-repeat: repeat-y;
    height: 19px;
    text-align: right;
    padding-top: 9px;
    padding-right: 8px;
}
div.umfragebox p {
    padding-left: 8px;
    padding-right: 8px;
    border-top: 1px dotted #ccc;
}
div.schlagzeilenbox p, div.kommentarbox p, div.feedbox p, div.veranstaltungbox p {
    padding-left: 8px;
    padding-right: 8px;
    border-bottom: 1px dotted #ccc;
}
div.schlagzeilenbox a, div.kommentarbox a {
    color: #000;
    text-decoration: none;
}
div.schlagzeilenbox p.ende {
    border-bottom-style: none;
}
div.schlagzeilenbox p.ende a {
    color: #91bc20 !important;
    text-decoration: underline;
}
div.kommentarbox div.kreisNeueste {
    background-image: url(../layout/kreis_neueste_kommentare.png);
    top: -13px;
    left: -16px;
}
div.kommentarbox div.kreisMeiste {
    background-image: url(../layout/kreis_meiste_kommentare.png);
    top: -13px;
    left: -16px;
}
div.schlagzeilenbox div.kreis {
    background-image: url(../layout/kreis-schlagzeilen.gif);
    top: -13px;
    left: -16px;
}
div.schlagzeilenbox div.kreisPlatzhalter {
    height: 46px !important;
    width: 42px !important;
}

div.kalenderbox {
    border: 5px solid #ff6d00;
    position: relative;
    margin-bottom: 15px;
}
div.kalenderbox a {
    color: #d75d02 !important;
}
div.kalenderbox h3 {
    color: #d75d02;
    background-image: url(../layout/bg-kalender.png);
    border-bottom: 1px dotted #ccc;
    background-repeat: repeat-y;
    background-position: right 0;
    height: 19px;
    text-align: right;
    padding-top: 9px;
    padding-right: 8px;
    margin-bottom: 20px;
}
div.kalenderbox p {
    padding-left: 8px;
    padding-right: 8px;
    border-bottom: 1px dotted #ccc;
}
div.kalenderbox a {
    color: #000;
    text-decoration: none;
}
div.kalenderbox div.kreis {
    background-image: url(../layout/kreis-kalender.gif);
    top: -14px;
    left: -17px;
    width: 60px !important;
    height: 60px !important;
}
div.kalenderbox p {
    margin-left: 35px;
    line-height: 30px;
    border-bottom-style: none;
}
div.kalenderbox p strong, #ortsForm strong {
    font-size: 110%;
}
div.kalenderbox p label.einrueckung {
    display: block;
    float: left;
    clear: left;
}
div.kalenderbox p input[type=text] {
    border: 1px solid #ffb67f;
    padding: 2px;
}
div.kalenderbox div.schritt, #ortsForm div.schritt {
    float: left;
    clear: left;
    font-size: 250%;
    line-height: 150%;
    margin-left: 15px;
    margin-top: -7px;
    font-weight: bold;
}
#ortsForm p {
    margin-left: 50px;
}

div.loginbox {
    border: 5px solid #cd4429;
    background-color: #f7fce8;
    padding: 8px;
    position: relative;
    margin-bottom: 15px;
}
div.loginbox h3 {
    color: #b03b24;
    border-bottom: 1px dotted #ccc;
    margin-top: 0 !important;
}
#rechts p {
    padding-bottom: 4px;
}
div.loginbox label {
    color: #525252;
    text-transform: uppercase;
    display: block;
    margin-top: 6px;
    margin-bottom: 2px;
    font-size: 90%;
}
div.loginbox input[type=text], div.loginbox input[type=password] {
    border: 1px solid #e9bca8 !important;
    width: 140px;
    height: 20px;
    margin-right: 5px;
    padding-left: 4px;
}
div.loginbox input[type=submit] {
    text-transform: uppercase;
    border-style: none;
    background-color: transparent;
    font-weight: bold;
    font-size: 70% !important;
    background-image: url(../layout/btn-einloggen.gif);
    background-repeat: no-repeat;
    padding-left: 25px;
    height: 25px;
}
div.loginbox span {
    color: #b03b24;
}
div.loginbox a {
    color: #b03b24 !important;
    text-decoration: underline;
}
div.loginbox div.kreis {
    background-image: url(../layout/kreis-loginbox.gif);
    top: -16px;
    right: -13px;
}

#links div.loginbox label {
    position: absolute;
    width: 140px;
    top: 35px;
    left: 10px;
}

#links div.loginbox label.passwortLabel {
    left: 160px;
}
#links div.loginbox input.login {
    position: absolute;
    width: 140px;
    top: 60px;
    left: 10px;
}
#links div.loginbox input.passwort {
    position: absolute;
    width: 140px;
    top: 60px;
    left: 160px;
}
#links div.loginbox input.submit {
    position: absolute;
    top: 60px;
    left: 315px;
}
#links div.loginbox p.unten {
    padding-top: 55px;
}

div.artikelbox {
    border: 1px solid #c9e288;
    margin-bottom: 20px;
}
body.meine_news div.artikelbox {
    border: 1px solid #e0184c;
}
body.multimedia div.artikelbox {
    border: 1px solid #940073;
}
body.meinung div.artikelbox, div.meinungdiv {
    border: 1px solid #2097d4;
}
div.meinungdiv {
    margin-bottom: 20px;
}

div.artikelbox div.top {
    background-color: #f0f0f0;
    padding: 10px;
    color: #87b01a;
}
body.meine_news div.artikelbox div.top {
    color: #b4153e;
}
body.meinung div.artikelbox div.top {
    color: #176891;
}
div.artikelbox div.top h2 {
    font-size: 150%;
    font-weight: bold;
    margin-bottom: 5px;
}
div.artikelbox div.top h2 a {
    color: #000 !important;
}
div.artikelbox img {
    float: right;
    padding: 10px;
    max-height: 100px;
    max-width: 100px;
}

div.artikelbox div.teaser {
    padding-bottom: 25px;
    padding-top: 5px;
    position: relative;
}
div.artikelbox div.teaser p {
    padding: 10px;
    padding-top: 5px;
    padding-bottom: 0;
}
div.artikelbox a.weiterlesen {
    text-transform: uppercase;
    position: absolute;
    right: 10px;
    bottom: 6px;
    font-weight: bold;
    font-size: 80%;
}
div.artikelbox div.erschienen {
    text-transform: uppercase;
    position: absolute;
    left: 10px;
    bottom: 6px;
    font-weight: bold;
    font-size: 80%;
}
div.diskussion {
    height: 40px;
    background-color: #97ceeb;
    background-image: url(../layout/bg-diskussion.png);
    position: relative;
}
div.diskussion div.links {
    position: absolute;
    left: 45px;
    top: 6px;
    width: 170px;
}
div.diskussion div.links a {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    text-decoration: none;
}
div.diskussion div.rechts {
    position: absolute;
    right: 0;
    top: 0;
}
div.diskussion div.rechts a {
    color: #2096d4;
    font-size: 160%;
    text-transform: uppercase;
    display: block;
    text-decoration: none;
    line-height: 40px;
    padding-right: 10px;
}
div.diskussion div.kreis {
    position: absolute;
    left: -13px;
    bottom: -11px;
    width: 47px;
    height: 47px;
    background-image: url(../layout/kreis-diskussion.gif);
}


div.systemmeldung {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 1em;
}
div.systemmeldung img {
    float: right;
    margin-left: 20px;
}

#links p, #links ul {
    line-height: 150%;
    margin-bottom: 8px;
}
#links h3 {
    margin-top: 15px;
    margin-bottom: 8px;
    font-size: 120%;
    font-weight: bold;
}


div.mediabox {
    border: 2px solid #a3d420;
    margin-top: 15px;
    margin-bottom: 10px;
    width: 416px;
    height: 176px;
}
div.videobox {
    height: 232px;
}
div.videobox div.oben {
    background-image: url(../layout/videobox.gif) !important;
    background-position: 273px 17px !important;
}
div.videobox div.video {
    background-color: #e3f2bc;
    width: 240px;
    height: 181px;
    padding-left: 10px;
    padding-top: 10px;
}
div.videobox p {
    float: right;
    width: 145px;
    margin: 10px;
    overflow: auto;
    height: 165px;
}
div.mediabox div.oben {
    border-bottom: 2px solid #a3d420;
    background-color: #bee162;
    height: 25px;
    background-image: url(../layout/fotobox.gif);
    background-repeat: no-repeat;
    background-position: 285px 17px;
    padding: 7px;
    position: relative;
}
div.mediabox div.oben div.links {
    position: absolute;
    top: 12px;
    left: 70px;
    color: #fff;
}
div.mediabox div.oben div.links a {
    color: #fff;
    text-decoration: underline;
}
div.mediabox div.oben div.links a.aktiv {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}
div.mediabox div.media {
    background-color: #e3f2bc;
    width: 135px;
    height: 125px;
    text-align: center;
    padding-top: 10px;
}
div.mediabox div.media img {
    max-width: 115px;
    max-height: 115px;
}
#screen {
    width: 416px;
}
#sections {
    width: 416px;
    overflow: hidden;
    clear: left;
}
#sections ul {
    width: 2000%;
    max-width: 15000px !important;
    padding-left: 0;
    list-style-type: none !important;
}
#sections li {
    float:left;
    width: 416px;
    margin-left: 0 !important;
}
#sections li p {
    float: right;
    width: 255px;
    margin: 10px;
    overflow: auto;
    height: 115px;
}

#links div.werbung {
    margin-bottom: 8px;
    text-align: center;
}

a, #header div.angemeldet-als, #header div.angemeldet-als a {
    color: #87b01a;
    text-decoration: none;
}

body.meine_news a, body.meine_news #header div.angemeldet-als, body.meine_news #header div.angemeldet-als a {
    color: #b4153e;
}
body.meinung a, body.meinung #header div.angemeldet-als, body.meinung #header div.angemeldet-als a {
    color: #176891;
}
body.kalender a, body.kalender #header div.angemeldet-als, body.kalender #header div.angemeldet-als a {
    color: #d75d02;
}
body.multimedia a, body.multimedia #header div.angemeldet-als, body.multimedia #header div.angemeldet-als a {
    color: #61004b;
}
body.mein_arbeitsplatz a, body.mein_arbeitsplatz #header div.angemeldet-als, body.mein_arbeitsplatz #header div.angemeldet-als a {
    color: #b03b24;
}
body.meine_einstellungen a, body.meine_einstellungen #header div.angemeldet-als, body.meine_einstellungen #header div.angemeldet-als a {
    color: #8a6943;
}

div.startbox-erste {
    margin-top: 20px;
}
div.startbox {
    border: 3px solid #d3d3d3;
    width: 358px;
    height: 165px;
    margin-left: 20px;
    margin-bottom: 20px;
    background-image: url(../layout/bg-startbox.png);
    background-repeat: repeat-x;
    padding-left: 10px;
    padding-right: 10px;
}
div.startbox a.gross span {
    display: block;
    width: 86px;
    height: 86px;
    background-image: url(../layout/startboxen.gif);
    background-repeat: no-repeat;
    float: right;
}
div.startbox a.gross {
}
div.startbox a.liste {
    font-weight: bold;
    color: #000;
}
div.startbox a.liste span {
    font-weight: normal;
}
div.startbox a.main {
    text-decoration: none;
    font-size: 140%;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    padding-top: 20px;
}
div.startbox a.edit {
    text-decoration: underline;
    font-weight: normal;
}
div.startbox-meine_zeitung:hover {
    border-color: #e0184c;
}
div.startbox-meine_zeitung a {
    color: #b4153e;
}
div.startbox-region:hover {
    border-color: #a3d420;
}
div.startbox-region a {
    color: #87b01a;
}
div.startbox-region span {
    background-position: -86px 0;
}
div.startbox-meinung:hover {
    border-color: #2097d4;
}
div.startbox-meinung a {
    color: #176891;
}
div.startbox-meinung span {
    background-position: -172px 0;
}
div.startbox-kalender:hover {
    border-color: #ff6d00;
}
div.startbox-kalender a {
    color: #d75d02;
}
div.startbox-kalender span {
    background-position: -258px 0;
}
div.startbox-multimedia:hover {
    border-color: #940073;
}
div.startbox-multimedia a {
    color: #61004b;
}
div.startbox-multimedia span {
    background-position: -344px 0;
}

div.bigsize {
    height: 90px;
    width: 728px;
    position: absolute;
    top: 0px;
    left: 225px;
    overflow: hidden;
    z-index: 6;
}
div.sky {
    position: absolute;
    top: 5px;
    left: 1061px;
}

h1 {
    border-bottom: 1px dotted #999999;
    color: #000;
    font-size: 160%;
    margin-bottom: 5px;
    margin-top: 10px;
    line-height: 120%;
}
div.untertitel {
    margin-top: -5px;
    color: #555;
    margin-bottom: 15px;
}

a.delIcon {
	float: right;
	clear: right;
	margin-right: 15px;
	margin-top: 2px;
}

input[type=submit] {
    border-left: 1px solid #f1f2f2;
    border-right: 1px solid #bdbebe;
    border-top: 1px solid #f1f2f2;
    border-bottom :1px solid #bdbebe;
    background: #e2e3e3;
    color: #666;
    font-size: 11pt; 
    padding: 1px 10px;
}
input[type=submit].large {
    padding: 5px 25px;
    font-weight: bold;
}

small {
    font-size: 90%;
}
strong {
    font-weight: bold;
}
span.highlight {
    background-color: #ffff7f;
}

q.meinung {
    color: #176891;
}

.guterName {
	clear: both;
	display: block;
}
hr {
	clear: both;
	border-style: none;
	border-top: 1px dotted #ccc;
}

a.thickbox {
    border-style: none !important;
}

.hidden {
    display: none;
}

div.user-content {
	background-image: url(../layout/user-content.gif);
	background-repeat: no-repeat;
	width: 98px;
	height: 36px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
}

div.kalenderblatt {
	color: #000;
	font-size: 1.1em;
	width: 60px;
	position: absolute;
	left: 20px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: center;
	margin: 10px 0 10px 0;
	padding: 10px 0;
}
div.kalenderblatt strong {
	font-size: 1.3em;
	line-height: 20px;
}
div.kalendereintrag {
	margin: 0 0 10px 80px;
	padding: 8px;
	border: 1px dotted #ccc;
	min-height: 39px;
}
div.we {
	background-color: #efefef;
}
ul.events a.event-tipp {
	font-weight: bold;
}

div.partner {
    padding: 10px;
    width: 244px;
    border-left: 2px solid #eee;
    border-right: 2px solid #eee;
}
div.partner-oben {
    background-image: url(../layout/partner-oben.gif);
    background-repeat: no-repeat;
    width: 268px;
    height: 21px;
}
div.partner-unten {
    background-image: url(../layout/partner-unten.gif);
    background-repeat: no-repeat;
    width: 268px;
    height: 6px;
    margin-bottom: 15px;
}
div.partner img {
    float: left;
    width: 120px;
    height: 60px;
}
img.werbung-vg {
	position: absolute;
}
img.werbung-s1 {
	border: 5px solid #7f7f7f;
	margin-bottom: 10px;
}
div.werbung-s1-hinweis {
	background-image: url(../layout/werbung-s1-hinweis.gif);
	background-repeat: no-repeat;
	height: 7px;
}
div.werbung-vg-platzhalter {
	height: 88px;
}
div.werbung-vg-hinweis {
	background-image: url(../layout/werbung-vg-hinweis.gif);
	background-repeat: no-repeat;
	background-position: right 0;
	height: 7px;
	border-bottom: 1px solid #e0184c;
}

div.sortierung {
    background-image: url(../layout/sortierung.gif);
    background-repeat: no-repeat;
    background-position: 0 8px;
    padding-left: 35px;
    padding-top: 13px;
    min-height: 40px;
}
div.sortierung div.wahl {
    float: right;
    clear: right;
    width: 260px;
}
div.sortierung div.wahl select {
    width: 160px !important;
}
div.sortierung div.wahl input {
    margin-right: 5px;
}
#sortierungWarteBox {
    height: 50px;
    background-image: url(../layout/loading.gif);
    background-repeat: no-repeat;
    background-position: center;
}

div.ressort-symbole a {
    display: block;
    float: left;
    width: 90px;
    height: 64px;
    border: 3px solid #a3d420;
    background-image: url(../layout/ressorts.jpg);
    margin-right: 12px;
    margin-bottom: 10px;
}
div.ressort-symbole a.sport {
    background-position: -90px 0;
}
div.ressort-symbole a.kultur {
    background-position: -180px 0;
}
div.ressort-symbole a.buntes {
    background-position: -270px 0;
    margin-right: 0;
}
div.ressort-symbole a span {
    display: none;
}
div.artikel-symbole a {
    display: block;
    float: left;
    width: 198px;
    height: 64px;
    border: 3px solid #a3d420;
    background-image: url(../layout/ressorts-artikel.jpg);
    margin-right: 12px;
    margin-bottom: 10px;
}
div.artikel-symbole a.sport {
    background-position: -198px 0;
}
div.artikel-symbole a.kultur {
    background-position: -396px 0;
}
div.artikel-symbole a.buntes {
    background-position: -594px 0;
}
div.artikel-symbole a.meine_zeitung {
    background-image: url(../layout/meine_zeitung-artikel.gif);
    width: 204px;
    height: 70px;
    margin-right: 0;
    border-style: none;
}
div.artikel-symbole a span {
    display: none;
}

div.kommentare {
    border: 1px solid #2097d4;
    margin-bottom: 20px;
}
div.kommentar {
    border: 1px solid #79c1e5;
    margin: 10px;
    overflow: auto;
}
div.kommentar p.meta {
    border-bottom: 1px dotted #cdcdcd;
    padding: 3px !important;
}
div.kommentar a {
    color: #176891;
}
div.kommentar p.content {
    padding: 0 !important;
    padding-right: 10px !important;
    margin-left: 20px;
}

div.footer {
    color: #888;
    border-top: 1px solid #888;
    padding-top: 8px;
    margin-top: 120px;
    margin-bottom: 20px;
}
div.footer a {
    color: #888;
}
div.footer a:hover {
    color: #000;
}
div.footer img.vf {
    position: relative;
    top: 6px;
}
div.footer img.pf {
    position: relative;
    top: 4px;
}
div.footer div.links {
    width: 250px;
}
div.footer div.rechts {
    float: right;
    margin-top: -8px;
    width: 400px;
    text-align: right;
}


#content ul {
    list-style-type: square;
}
#content ul li {
    margin-left: 20px;
}

div.kommentieren {
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    padding-left: 60px;
    background-image: url(../layout/kommentieren.gif);
    background-repeat: no-repeat;
    background-position: 0 12px;
    margin-bottom: 15px;
    margin-top: 10px;
    min-height: 70px;
}
#Kommentieren {
    font-size: 140%;
    line-height: 120%;
    padding-top: 25px;
    padding-bottom: 10px;
}

div.resizehandle {
    background-color: #eee;
    cursor: s-resize;
    font-size: 0.1em;
    height: 9px;
    width: 100%;
    background-image: url(../layout/grippie.png);
    background-repeat: no-repeat;
    background-position: center 2px;
    border: 1px solid #ddd;
    border-bottom: 1px solid #999;
}

body.meine_news #links input[type=text], body.meine_news #links input[type=password], body.meine_news #links select, body.meine_news #links textarea {
    border: 1px solid #ef8ba5;
}
body.meine_news #links input[type=text]:focus, body.meine_news #links input[type=password]:focus, body.meine_news #links textarea:focus {
    border: 1px solid #e0184c;
}
body.meinung #links input[type=text], body.meinung #links input[type=password], body.meinung #links select, body.meinung #links textarea, #links form.kommentieren textarea {
    border: 1px solid #8fcbe9;
}
body.meinung #links input[type=text]:focus, body.meinung #links input[type=password]:focus, body.meinung #links textarea:focus, #links form.kommentieren textarea:focus {
    border: 1px solid #2097d4;
}
body.kalender #links input[type=text], body.kalender #links input[type=password], body.kalender #links select, body.kalender #links textarea {
    border: 1px solid #ffb67f;
}
body.kalender #links input[type=text]:focus, body.kalender #links input[type=password]:focus, body.kalender #links textarea:focus {
    border: 1px solid #ff6d00;
}
body.multimedia #links input[type=text], body.multimedia #links input[type=password], body.multimedia #links select, body.multimedia #links textarea {
    border: 1px solid #c97fb9;
}
body.multimedia #links input[type=text]:focus, body.multimedia #links input[type=password]:focus, body.multimedia #links textarea:focus {
    border: 1px solid #940073;
}
body.mein_arbeitsplatz #links input[type=text], body.mein_arbeitsplatz #links input[type=password], body.mein_arbeitsplatz #links select, body.mein_arbeitsplatz #links textarea {
    border: 1px solid #d7c2a9;
}
body.mein_arbeitsplatz #links input[type=text]:focus, body.mein_arbeitsplatz #links input[type=password]:focus, body.mein_arbeitsplatz #links textarea:focus {
    border: 1px solid #e6a194;
}
body.meine_einstellungen #links input[type=text], body.meine_einstellungen #links input[type=password], body.meine_einstellungen #links select, body.meine_einstellungen #links textarea {
    border: 1px solid #d7c2a9;
}
body.meine_einstellungen #links input[type=text]:focus, body.meine_einstellungen #links input[type=password]:focus, body.meine_einstellungen #links textarea:focus {
    border: 1px solid #af8554;
}
#links textarea {
    width: 420px;
}
#links input[type=text], #links input[type=password], #links select {
    border: 1px solid #d1e98f;
    padding: 2px;
    width: 200px;
    height: 16px;
}
#links select {
    width: 208px;
    height: 22px;
}
#links input[type=text]:focus, #links input[type=password]:focus {
    border: 1px solid #a3d420;
}
#links option.info {
    color: #ccc;
}
#links form div.hinweis {
    margin-left: 175px;
    font-style: italic;
    margin-bottom: 10px;
}
#links label.links {
    float: left;
    display: block;
    width: 160px;
    clear: left;
    padding-top: 2px;
    padding-left: 4px;
    margin-right: 10px;
}

div.dokument {
    height: 200px;
    border: 1px solid #ccc;
    padding: 10px;
    overflow: auto;
    margin-bottom: 10px;
}

table.ortswahl th {
    font-weight: bold;
}
table.ortswahl td {
    padding-top: 3px;
}

.error {
    background-color: #fcc;
}

#content table {
    width: 100%;
}
#content table td, #content table th {
    padding: 4px;
    vertical-align: middle;
    border-bottom: 1px dotted #ccc;
}
#content table td.delLink {
    padding: 0;
}
#content table tr.newmsg {
    background-color: #ffd8cc;
}
#content table th {
    background-color: #eee;
    font-weight: bold;
}

img.beacon {
    width: 0; 
    height: 0; 
    position: absolute; 
    top: 0; 
    left: 0; 
    visibility: hidden;
}

div.umfragebox p.frage {
    background-color: #e8f4fb;
}
div.balken {
	position: relative;
	text-align: right;
	width: 140px;
	margin-left: 100px;
	color: #00f;
	font-weight: bold;
}
div.balken div.ja {
	background-color: #00f;
	background-image: url(../layout/balken.png);
	height: 10px;
	margin-top: 2px;
	position: absolute;
	left: 0;
}
div.balken div.nein {
	background-color: #ccc;
	background-image: url(../layout/balken_bg.png);
	background-position: top right;
	height: 10px;
	margin-top: 2px;
	position: absolute;
}

div.zeitungInfobox {
    background-color: #eee;
    margin: 10px 0;
    padding: 5px 15px;
}
div.zeitungInfobox p {
}

ul.einstellungen li {
    padding-top: 1em;
    color: #666;
}
ul.einstellungen a {
    font-weight: bold;
}

img.teaser {
    float: right;
    border: 5px solid white;
}
div.teaserFoto img {
    margin-right: 10px;
    height: 60px;
}

#videoPlayer {
    height: 317px;
}

div.quellenbox div.kreis {
    display: none;
}
div.quellenbox {
    margin-top: 15px;
}


/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating{cursor:pointer;margin:2em;clear:both;display:block}
div.rating:after{content:'.';display:block;height:0;width:0;clear:both;visibility:hidden}
div.cancel,div.star{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.cancel,div.cancel a{background:url(../layout/rating/delete.gif) no-repeat 0 -16px}
div.star,div.star a{background:url(../layout/rating/star.png) no-repeat 0 0px}
div.cancel a,div.star a{display:block;width:16px;height:100%;background-position:0 0px;border:1 solid #FF0000}
div.star_on a{background-position:0 -16px!important}
div.star_hover a,div.star a:hover{background-position:0 -32px}
/* Read Only CSS */
div.star_readonly a,div.star_readonly a:hover{cursor:default !important}
/* Partial Star CSS */
div.star{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(../layout/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

#TB_closeWindowButton {
    text-decoration: none;
    color: #000;
}
#TB_closeWindowButton:hover {
    color: #000;
}

/* *** Druckversion ******************************************************************** */

@media print {
body {
    background-color: #fff;
    background-image: none;
}
div.rahmen {
    margin-left: 0;
    width: 753px;
    position: relative;
}
div.schatten-rechts
, div.schatten-rechts-oben
, #navi
, #header
, #rechts
{
    display: none;
}
#main {
    width: 748px;
    margin-top: 50px;
}
}

/* *** IE 6 **************************************************************************** */

* html #rechts div.kreisPlatzhalter
, * html #rechts div.kreis
, * html #links div.kreis
{
    display: none;
}
* html div.mediabox div.media img {
    width: 115px;
}
* html div.artikelbox img {
    width: 100px;
    margin: 10px;
}
* html div.ressort-symbole a {
    width: 96px;
    height: 70px;
}
* html #vgartikel div p.teaser, * html #meistgelesene div p.teaser, * html #verwandte div p.teaser {
    background-image: none !important;
}
* html #vgartikel div, * html #meistgelesene div, * html #verwandte div {
    background-image: none !important;
}
* html div.artikel-symbole a {
    width: 204px;
    height: 70px;
}
* html div.artikelbox a.weiterlesen {
    position: static;
    float: right;
    padding-right: 10px;
}
* html div.artikelbox div.erschienen {
    position: static;
    padding-left: 10px;
}
* html #sections li p {
    width: 245px;
}
* html div.kommentieren {
    height: 70px;
}
* html #content {
    height: 430px;
}
* html #links {
    height: 400px;
}

/* *** IE 7 **************************************************************************** */

*:first-child+html div.kommentare {
    padding-top: 10px;
    padding-bottom: 10px;
}