/*
 * @author: Oliver Lorenz
 * @since: 2009-11-06
 */
body.layout61 {
    background-image: url("http://static.kanal8.de/Layout/61a/main_bg.jpg");
    background-repeat: repeat-x;
    font-family: Arial, Verdana, Sans-serif;
    font-size: 12px;
}

body.layout61 a {
    color: #355CA7;
}

body.layout61 div.maindiv {
    width: 1030px;
}

body.layout61 div.HeaderBox {
    height: 140px;
}

body.layout61 div.HeaderBox a.logo {
    background-image: url("http://static.kanal8.de/Layout/61a/logo.png");
    background-position: bottom left;
    background-repeat: no-repeat;
    display: block;
    height: 100%;
    float: left;
    margin-left: 20px;
    width: 180px;
}

body.layout61 div.maindiv div.SuperbannerTopArea {
    float: left;
    width: 800px;
}

body.layout61 div.maindiv div.headlinks {
    color: #FFF;
    float: right;
    padding-right: 100px;
    text-align: right;
    width: 500px;
}

body.layout61 div.maindiv div.headlinks a {
    color: #FFF;
}

body.layout61 div.HorizontalMenuBox1 {
    height: 40px;
    margin-bottom: 10px;
}

body.layout61 div.HorizontalMenuBox1 span, body.layout61 div.HorizontalMenuBox1 a {
    display: block;
    float: left;
    font-size: 1.5em;
    line-height: 40px;
    height: 100%;
}

body.layout61 div.HorizontalMenuBox1 span {
    font-size: 1.5em;
    line-height: 40px;
    margin-left: 20px;
    width: 190px;
}

body.layout61 div.HorizontalMenuBox1 a {
    color: #555;
    margin-right: 20px;
    text-decoration: none;
}

body.layout61 div.HorizontalMenuBox1 a:hover {
    color: #FFF;
}

body.layout61 div.VerticalMenuBox {
    background-image: url("http://static.kanal8.de/Layout/61a/menu_bg.gif");
    background-repeat: repeat-y;
    background-color: #FFDF68;
    width: 200px;
    margin-bottom: 10px;
    overflow: hidden;
}

body.layout61 div.VerticalMenuBox div.lf_logo {
    background-image: url("http://static.kanal8.de/Layout/61a/lfdown.gif");
    background-repeat: no-repeat;
    float: left;
    height: 343px;
    width: 37px;
}

body.layout61 div.VerticalMenuBox table {
    float: right;
    width: 157px !important;
}

body.layout61 div.VerticalMenuBox table td.MainMenuHeader {
    border-bottom: 1px solid #505D63;
    border-top: 1px solid #505D63;
    font-size: 0.8em;
    font-weight: bold;
    line-height: 2em;
}

body.layout61 div.VerticalMenuBox table td {
}

body.layout61 div.VerticalMenuBox table a {
    background-image: url("http://static.kanal8.de/Layout/61a/listitem_y.jpg");
    background-position: left;
    background-repeat: no-repeat;
    color: #555;
    font-size: 0.8em;
    line-height: 2em;
    padding-left: 10px;
    text-decoration: none;
}

body.layout61 div.VerticalMenuBox table a:hover {
    color: #FFF;
}

body.layout61 div.VerticalMenuBox table td {
    height: 1em;
}

body.layout61 div.VerticalMenuBox .SideBarTop {
    display: none;
}

body.layout61 div.VerticalMenuBox div.WerbungLinksRechts, body.layout61 div.VerticalMenuBox div.wetterSideBarDiv {
    clear: both;
}

body.layout61 div.Content {
    background-color: #FFF;
}

body.layout61 div.SidebarBox1 {
    margin-bottom: 10px;
    width: 160px;
}

body.layout61 div.SidebarBox2 {
    margin-left: 10px;
    margin-bottom: 10px;
    width: 160px;
}

body.layout61 div.InnerContentBox {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 476px;
}

body.layout61 div.maindiv div.Footer1 {
    text-align: center;
    height: 50px;
}

.SideBarTop {
    background-image: url(/Layout/61/sidebarbg.jpg);
    background-repeat: repeat-x;
    color: #505D63;
    font-size: 11px;
    font-weight: bold;
    height: 21px;
    margin-top: 3px;
    padding-left: 10px;
}

table.sidebartable, td.SideBarContent {
    width: 160px !important;
}

#smsnewsdiv {
    padding-top: 5px;
    width: 160px;
}
div.smsnews {
    margin-bottom: 10px;
    width: 160px;
}


/** MODULES ******************************************************************/

body.layout61 div.VerticalMenuBox .WetterTable {
    width: 100% !important;
}

div.wetterSideBarDiv {
    left: 20px;
}

b.wetterStadtBez {
    color: #555;
    font-size: 0.7em;
}

body.layout61 div.newsListDiv {
    float: left;
    clear: both;
    min-height: 10px;
    position: relative;
    min-height: 10px;
    height: auto !important;
    height: 200px;
    margin-bottom: 3px;
    width: 100%;
}

body.layout61 div.newsListDiv div {
    float: right;
    width: 360px !important;
}

body.layout61 div.newsListDiv li {
    display: block;
}

body.layout61 div.newsListDiv div.newsListDatum {
}

body.layout61 div.newsListDiv a {
    color: #355CA7;
    float: left;
    display: block;
    text-decoration: none;
}

body.layout61 div.newsListDiv a.newsListItemHeader {
    font-weight: bold;
    margin: 2px 0 0 15px;
    font-size: 1.2em;
}

body.layout61 div.newsListDiv img {
    border-style: none;
    overflow: hidden;
}

body.layout61 div.newsListDiv h1, body.layout61 div.newsListDiv .newsListTeaser, body.layout61 div.newsListDiv .NewsKommentarAnzeige {
    display: block;
    line-height: 1.5em;
    float: right;
    width: 360px;
}

body.layout61 div.newsListDiv ul {
    float: right;
}

body.layout61 div.newsListDiv ul, body.layout61 div.newsListDiv ul li {
    display: block;
}

body.layout61 div.newsListDiv ul a {
    float: none;
}

body.layout61 div.newsListDiv h1 {
    font-size: 1.2em;
}

body.layout61 div.newsListDiv h1 a.newsListItemHeader {
    margin: 0;
    font-size: 1.0em;
}

body.layout61 div.newsListDiv a.amehr {
    display: inline;
    float: none !important;
}

body.layout61 div.newsListDiv span.floater {
    display: block;
    height: 0;
    overflow: hidden;
    line-height: 0;
    width: 100%;
    clear: both;
}

body.layout61 div.newsListDiv a.newsListKat {
    background-color: #FFDF68;
    border-bottom: 2px solid #355CA7;
    font-weight: bold;
    float: left;
    display: block;
    font-size: 1.0em !important;
    line-height: 1.5em;
    width: 50%;
}

body.layout61 div.newsListDiv .newsListDatum {
    background-color: #FFDF68;
    border-bottom: 2px solid #355CA7;
    font-size: 1em;
    text-align: right;
    line-height: 1.5em;
    width: 50% !important;
    clear: right;
}

.wetterSymbol, .wetterSymbolNacht, .wetterSymbolKarte, .wetterSymbolKarteNacht, a.wetterSymbolKarteNacht:hover, a.wetterSymbolKarte:hover {
    width: 50px;
    height: 90px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: white url(/Layout/common/wetter/bg.gif) no-repeat left bottom;
    color: Black;
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
}

.wetterSymbol, .wetterSymbolNacht {
    overflow: hidden;
    border: 1px solid black;
}

.wetterSymbolNacht, .wetterSymbolKarteNacht, a.wetterSymbolKarteNacht:hover {
    background: black url(/Layout/common/wetter/bgnight.gif) no-repeat left bottom;
    color: White;
}

.wetterStadtDiv {
    position: absolute;
    z-index: 525;
    background: white;
    padding: 2px;
    border: 1px solid black;
    color: Black;
    font-size: 10px;
}

.wetterDatDiv {
    position: absolute;
    top: 2px;
    font-size: 11px;
    left: 1px;
    font-weight: bold;
    white-space: nowrap;
    z-index: 600;
}

.wetterIMG {
    position: absolute;
    top: -8px;
    left: 2px;
    z-index: 550;
}

.wetterTempDiv {
    position: absolute;
    top: 54px;
    font-size: 11px;
    right: 13px;
    font-weight: bold;
}

.wetterFeuchtDiv {
    position: absolute;
    top: 73px;
    font-size: 11px;
    right: 13px;
    font-weight: bold;
}

.wetterStadtBez {
    position: absolute;
    top: 0px;
    left: 0px;
}

.wetterSideBarDiv {
    position: absolute;
    top: 10px;
    left: 3px;
    width: 160px;
    z-index: 1;
}

a.wetterlink, a.wetterlink:hover {
    background: url(/Layout/common/spacer.gif);
    width: 160px;
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    display: block;
}

.wetterDetailKarte {
    position: relative;
    top: 0;
    left: 0;
}

div.wetter {
    color: white;
    padding: 5px;
}

.wetterStadt table {
    color: white;
}

div.wetterContent {
    color: white;
    padding: 5px;
    margin: 10px 0px 10px 0px;
}


.wetterStadtContent {
    padding: 10px;
    color: White;
    margin: 10px 0px 10px 0px;
}

.wetterStadtContent table {
    width: 440px;
}


.wetterStadtContent table th {
    color: white;
    background: transparent;
    padding: 2px;
    width: 130px;
    text-align: right;
}

.wetterStadtContent table td {
    color: black;
    background: white;
    padding: 2px;
    width: 50px;
    text-align: right;
}

.wetterStadtContent table th img {
    margin: 1px 0px 2px 0px;
}

.wetterStadtContent table th.top {
    color: white;
    background: transparent;
    padding: 2px;
    width: 50px;
    text-align: center;
}


.WetterTable .SideBarContent {
    text-align: center;
}

.wetterStadtDiv {
    position: absolute;
    z-index: 525;
    height: 20px;
    background: transparent;
    padding: 2px 5px 2px 5px;
    border: 0px solid #055f94;
    color: white;
    font-weight: bold;
    font-size: 13px;
}

a.wetterSymbolKarteNacht:hover, a.wetterSymbolKarte:hover {
    border-left: 1px solid white;
    border-top: 1px solid white;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    text-decoration: none;
}

.wetterStadtBez {
}

.SideBarContent b {
    color: #505D63;
    display: block;
    font-size: 0.9em;
}

.SideBarContent hr {
    display: none;
}

ul.sidebarumfrage li a {
    font-size: 0.9em;
    text-decoration: none;
}

ul.sidebarumfrage li a:hover {
    text-decoration: underline;
}

ul.sidebarumfrage {
    padding-left: 8px;
    margin-left: 16px;
}

table.sidebarprogramm .programmContainer {
    display: block;
    margin-bottom: 5px;
    margin-top: 5px;
}

table.sidebarprogramm .programmContainer img {
    display: block;
}

.SideBarContent .SidebarDatum, .mostCommentedNewsDatum {
    display: block;
    margin-top: 5px;
}

.SideBarContent br {
    display: none;
}

.SideBarContent a.SidebarTextlink {
    text-decoration: none;
}

.SideBarContent a.SidebarTextlink:hover {
    text-decoration: underline;
}

h1, h4 {
    color: #055F94;
    font-family: Arial,Sans-Serif;
    font-size: 14px !important;
}

h1 {
    margin-bottom: 10px;
}

InnerContentBox br {
    display: block;
}

div.newsDetails a.newsListKat, div.newsDetails a.newsListKat:hover, div.newsDetails .newsListKat {
    background: #FFE06B;
    width: 120px;
    height: 15px;
    color: #697583;
    padding: 2px 2px 2px 10px;
    text-decoration: none;
    margin-right: 10px;
    float: left;
    letter-spacing: 1px;
    font-weight: bold;
}

div.newsDetails .newsListDatum {
    font-size: 10px;
    clear: both;
}

div.newsDetails a.newsListItemHeader, div.newsDetails a.newsListItemHeader:Hover, div.newsDetails .newsListItemHeader, div.newsDetails a.newsListDivBoxItemHeader, div.newsDetails a.newsListDivBoxItemHeader:Hover, div.newsDetails .newsListDivBoxItemHeader {
    font-family: Arial, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    color: #055F94;
    text-decoration: none;
}

div.newsDetails a.newsListItemHeader:Hover, div.newsDetails a.newsListDivBoxItemHeader:Hover {
    text-decoration: underline;
}

div.newsDetails img.newsListImage, div.newsDetails img.newsListDivBoxImage {
    border-bottom: 5px solid white;
    clear: both;
    float: left;
    margin: 5px 12px 5px 20px;
}

div.newsDetails .newsListImageList {
    padding-top: 5px;
    clear: both;
}

ul.newsLinkList {
    float: none !important;
}

div.newsDetails ul.newsLinkList {
    margin-bottom: 0;
    margin-top: 0;
    font-size: 12px;
    margin-left: 0px;
    padding-left: 15px;
}

div.newsDetails ul.newsLinkList a, div.newsDetails ul.newsLinkList a:hover {
    font-size: 12px;
    font-weight: bold;
    margin-top: 10px;
}

div.newsDetails .newsDetailsText {
    font-size: 12px;
    text-align: justify;
}

div.newsDetails p {
    display: block;
    margin-top: 10px;
}

div.newsDetails div.ForumThreadItem {
    background: white none repeat scroll 0 0;
    border: 1px solid #A0A0A0;
    clear: both;
    color: Black;
    float: right;
    margin-bottom: 5px;
    padding: 3px;
    text-decoration: none;
    width: 96%;
}

div.newsDetails div.ForumItemInfo {
    border-left: 1px solid #A0A0A0;
    float: right;
    font-size: 10px;
    font-weight: normal;
    padding-left: 3px;
    width: 180px;
}

div.newsDetails div.ForumEdit {
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background: white none repeat scroll 0 0;
    border: 1px solid #A0A0A0;
    clear: both;
    float: right;
    margin-bottom: 5px;
    padding: 3px;
    width: 94%;
}

div.newsDetails .link {
    color: Blue;
    cursor: pointer;
    text-decoration: underline;
}

div.newsDetails .divNotShown {
    display: none;
}

div.newsDetails .newsListImageList .newsListKat {
    clear: both;
}

#normalMedia {
    clear: both;
}

.programmetable th {
    background: url(/Layout/61/kat_bg.gif) no-repeat;
    color: White;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
}
.programmetable td {
    text-align: center;
}

table.programm {
}

.programm th, .programm td {
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    padding: 2 5 2 5;
    color: White;
    vertical-align: top;
    background: #6198dd;
    white-space: nowrap;
}

.programm td {
    color: Black;
    background: #d1e5ff;
    width: 410px;
    white-space: normal;
}

.programmContainer img {
    display: block;
}

.programmDetails .newsDetails {
    border-color: #CCCCCC -moz-use-text-color;
    border-style: solid none;
    border-width: 1px 0;
    clear: both;
    margin: 5px 0;
    padding: 5px 0 5px 20px;
    width: 460px;
}

.linkSendungsName {
    float: right !important;
    width: 370px;
    color: #055F94;
    font-family: Arial,Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

.newsListDiv {
    border-top: 1px solid #C0C0C0;
}


.Kleinanzeigen .newsListImage {
    float: left;
}

.Kleinanzeigen .newsListDatum {
    display: none;
}

div.Kleinanzeigen div.newsListDiv a {
    float: none !important;
}

div.Kleinanzeigen a.newsListKat, div.Kleinanzeigen a.newsListKat:hover, div.Kleinanzeigen .newsListkat, .calTable a.newsListKat, .calTable a.newsListKat:hover, .calTable .newsListkat {
    background: #FFE06B;
    width: 120px;
    height: 15px;
    color: #697583;
    padding: 2 2 2 10;
    text-decoration: none;
    margin-right: 10px;
    letter-spacing: 1px;
    font-weight: bold;
}

.calTable {
    clear: both !important;
    float: none !important;
}

.calTable td {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #cccccc;
}

.calTable td.calKatRight {
    width: 300px;
}

.calButton {
    float: left;
    display: block;
    width: 125px;
    overflow: hidden;
}

#ctl11_FE_CalendarTop1_auswahlMonat {
    clear: both !important;
    float: none !important;
}

body.layout61 div.ModuleUmfragen a.newsListKat, div.ModuleUmfragen a.newsListKat:hover, body.layout61 div.ModuleUmfragen .newsListKat {
    background: #FFE06B none repeat scroll 0 0;
    color: #697583;
    float: left !important;
    font-weight: bold;
    height: 15px;
    letter-spacing: 1px;
    margin-right: 10px;
    padding: 2px 2px 2px 10px;
    text-decoration: none;
    width: 120px !important;
}

div.ModuleUmfragen .newsListKat {
    display: block;
    font-size: 9px;
}

div.ModuleUmfragen .floater {
    display: block;
}

body.layout61 div.ModuleUmfragen .newsListDatum {
    background-color: Transparent;
    border-style: none;
}

div.ModuleUmfragen .newsListDatum {
    color: #AAAAAA;
}

div.ModuleUmfragen a.newsListItemHeader:hover, div.ModuleUmfragen a.newsListDivBoxItemHeader:hover {
    text-decoration: underline;
}

div.ModuleUmfragen a.link:hover, div.ModuleUmfragen a:hover, div.ModuleUmfragen a.newsListItemMehr:hover {
    text-decoration: underline;
}


div.ModuleUmfragen a.link, div.ModuleUmfragen a.link:hover, div.ModuleUmfragen a, div.ModuleUmfragen a:hover, div.ModuleUmfragen a.newsListItemMehr, div.ModuleUmfragen a.newsListItemMehr:hover {
    color: #055F94;
    text-decoration: none;
}

.newsListTeaser, .newsListDivBoxTeaser {
    font-size: 12px;
    margin-bottom: 3px;
    text-align: justify;
    width: 90%;
}

div.ModuleUmfragen img.newsListImage, img.newsListDivBoxImage {
    border-bottom: 5px solid white;
    clear: both;
    float: left;
    margin: 5px 12px 5px 20px;
}

div.ModuleUmfragen div.newsListDiv a {
    float: none !important;
}

div.ModuleUmfragen a.newsListItemHeader, div.ModuleUmfragen a.newsListItemHeader:hover, div.ModuleUmfragen .newsListItemHeader, div.ModuleUmfragen a.newsListDivBoxItemHeader, div.ModuleUmfragen a.newsListDivBoxItemHeader:hover, div.ModuleUmfragen .newsListDivBoxItemHeader {
    color: #055F94;
    font-family: Arial,Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}


body.layout61 div.newsListDiv div.newsListDatum {
}

body.layout61 .SubMenuBorderCell {
    display: none;
}

body.layout61 .SubMenuCell a.SubMenuA {
    margin-left: 10px;
}

body.layout61 div.VerticalMenuBox table a.SubMenuA {
    background-image: url(http://static.kanal8.de/Layout/61a/listitem_w.jpg);
}

.ModuleUmfragen .diagramm {
    background-color: #FFFFFF;
    border: 1px solid #004494;
}

td.balken {
    background: transparent url(/Layout/common/bg_umfrage.gif) no-repeat scroll 0 0;
}

div.balken {
    background: transparent url(/Layout/common/balken_umfrage.gif) no-repeat scroll 0 0;
    height: 40px;
    left: 10px;
    position: relative;
    top: -3px;
    width: 50px;
}

div.balken {
    background: transparent url(/Layout/common/balken_umfrage.gif) no-repeat scroll 10px 0;
    height: 40px;
    left: 0;
    position: relative;
    top: -3px;
    width: 50px;
}

div.breadcumb {
    float: left;
    position: relative;
    line-height: 1.5em;
    margin-left: 10px;
    width: 468px;
}

div.breadcumb a {
    text-decoration: none;
}

div.breadcumb a.weiteremfehlen {
    position: absolute;
    right: 0;
    top: 0;
}

div.ForumBeitragItem {
    border: 1px solid #A0A0A0;
    margin-bottom: 10px;
}

.newsListDiv br {
    padding: 0;
    margin: 0;
    display: none;
}

.newsListDiv ul, .newsListDiv li {
    margin: 0;
    padding: 0;
}

.mediaplayer {
    background: url("/Layout/61/bg_mp.jpg") top left no-repeat;
    width: 440px;
    height: 365px;
}

.CalendarDiv {
    border: 1px solid gray;
    height: 45px;
    position: relative;
    width: 468px !important;
}

a.archivSelected, a.archivNormal {
    display: block;
    margin-left: 5px;
    margin-right: 5px;
}

table.archivMonate a.archivSelected, table.archivMonate a.archivNormal {
    display: block;
    margin-left: 0px;
    margin-right: 0px;
}

a.archivSelected:hover, a.archivNormal:hover {
}

a.link:hover, a:hover, a.newsListItemMehr:hover {
    text-decoration: underline;
}

a.archivSelected, a.archivNormal, a.archivSelected:hover, a.archivNormal:hover {
    background: white none repeat scroll 0 0;
    bottom: 0;
    color: black;
    display: block;
    font-size: 10px;
    margin-top: 2px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}

a.link, a.link:hover, a, a:hover, a.newsListItemMehr, a.newsListItemMehr:hover {
    color: #055F94;
    text-decoration: none;
}

table.archivMonate {
    clear: both;
    height: 120px;
    width: 468px !important;
}

table.archivMonate, table.archivMonate tr, table.archivMonate td {
    border-collapse: collapse;
}

table.archivMonate td, table.archivMonate th {
    width: 10px;
}

body.layout61 div.WerbungMitte div a {
    display: block;
    text-align: center;
}

.calNormal, .calSelected, .calToday {
    float: left;
    width: 22px;
    text-align: center;
}

.calSelected {
    background: #ffdf68;
    border-left: 1px solid #888888;
    border-right: 1px solid #888888;
}

#ctl11_FE_CalendarTop1_auswahlTag, #ctl11_FE_CalendarTop1_auswahlA, #ctl11_FE_CalendarTop1_auswahlWoche, #ctl11_FE_CalendarTop1_auswahlMonat {
    display: none !important;
}

.commentslabel {
    display: none;
}
* div.Kleinanzeigen div.newsListDiv div.newsListkat {
    width: 468px !important;
}

/*Voucher add by Ronny 17.02.2010*/
/*VoucherListView*/
.VoucherListView { font-size: 1.0em; }
.VoucherListView .ListViewItem { border-top: 2px solid #CFCFCF; }
.VoucherListView .ListViewDate { color: #808080; font-size: 9px; height: 20px; line-height: 20px; padding-top: 3px; text-align: right; width: 100%; }

.VoucherListView h1 a { color: #000; }
.VoucherListView .imgThumb { border: 2px solid #808080 !important; float: left; margin-top: 5px; margin-right: 12px; margin-bottom: 5px; margin-left: 10px; padding: 2px; width: 100px; }
.VoucherListView .imgThumb:hover { background-color: #CFCFCF; cursor: pointer; }
.VoucherListView .VoucherContent { float: right; width: 70%; }

/*VoucherDetailView*/
.VoucherDetailView { font-size: 1.0em; margin: 5px 0; }
.VoucherDetailView .VoucherData { margin: 0 0 10px 0; }
.VoucherDetailView .VoucherData p { margin: 0 0 5px 0; }
.VoucherDetailView .RegisterForm h2 { font-size: 1.0em; }
.VoucherDetailView .VoucherData .imgThumb { border: 2px solid #808080 !important; float: left; margin: 0 10px 0 0; padding: 2px; width: 100px; }
.VoucherDetailView .VoucherData .labVouMessage { }
.VoucherDetailView .VoucherData .labVouValue { }
.VoucherDetailView .VoucherData .labVouOptional { font-size: 0.9em; }
.VoucherDetailView .VoucherData .VoucherContent { float: right; width: 75%; }
.VoucherDetailView .printLink { }

.VoucherDetailView .Header { border-bottom: 2px solid #CFCFCF; width: 100%; margin: 0 0 10px 0; }
.VoucherDetailView .Header h1 { width: 80%; display: inline-block; margin: 0; }
.VoucherDetailView .Header .DateTime { color: #808080; font-size: 9px; height: 20px; line-height: 20px; padding-top: 3px; text-align: right; width: 20%; }
.VoucherDetailView .MessageBox { margin: 5px 0; font-size: 1.1em; font-weight: bold; color: #055F94; border: 1px solid #055F94; padding: 5px; background-color: #DFEEFF; text-align: center; }

.VoucherDetailView .RegisterFormItem { margin: 5px auto; width: 310px; }
.VoucherDetailView input { font: 0.8em arial, sans-serif; border: 1px solid #055F94; padding: 2px; margin: 2px; }
.VoucherDetailView .inputLabel { display: inline-block; color: #055F94; font-weight: bold; width: 80px; }
.VoucherDetailView input.inp50 { width: 50px; }
.VoucherDetailView input.inp100 { width: 100px; }
.VoucherDetailView input.inp150 { width: 150px; }
.VoucherDetailView input.inp200 { width: 214px; }
.VoucherDetailView input.formBtn { background: url(../Layout/61/bg_btn.gif) repeat-x; border: 1px solid #055F94; color: White; padding: 3px; margin: 5px 0; font-weight: bold; width: 306px; cursor: pointer; }

/*Valid Summary*/
div.Summary { background-color: #FFFFCC; border: 1px solid #660000; padding: 5px; margin: 5px 0; color: #660000; }
.clearer { clear: both; }

/*FE Galerie2 add Ronny 19.01.2010*/
.noDisplay { display: none; }
.clearer { clear: both; width: 100%; }
.msgError h1 { background-color: #FFFFCC; border: 1px solid #660000; padding: 5px; margin: 5px 0; color: #660000; text-align: center; }

/*Sharing links*/
.shareIcon { background-image: url(../Layout/common/icons/16x16/shareSprite.png); background-repeat: no-repeat; width: 16px; height: 16px; display: inline-block; margin-right: 3px; }
.shareIconInactive { background-image: url(../Layout/common/icons/16x16/shareSprite.png); background-position: -16px inherit; background-repeat: no-repeat; width: 16px; height: 16px; display: inline-block; margin-right: 3px; }
.shareTwitter { background-position: -80px top; }
.shareTwitter:hover { background-position: left top; }
.shareFacebook { background-position: -80px -16px; }
.shareFacebook:hover { background-position: left -16px; }
.shareMeinVz { background-position: -80px -32px; }
.shareMeinVz:hover { background-position: left -32px; }
.shareStudiVz { background-position: -80px -48px; }
.shareStudiVz:hover { background-position: left -48px; }
.shareGoogle { background-position: -80px -64px; }
.shareGoogle:hover { background-position: left -64px; }

.MainView { float: left; font: 1.0em arial, sans-serif; width: 468px; }
.HeaderView .CategoryHeader { width: 100%; float: left; padding: 2px 2px; margin: 5px 0 3px 0; }
.HeaderView .CategoryHeader a.Category { font-weight: bold; float: left; color: #000000; }
.HeaderView .CategoryHeader a.Category:hover { text-decoration: none; }
.HeaderView .CategoryHeader .DateTime { text-align: left; float: right; }
.HeaderView h1 { border-top: 1px solid #355CA7; background-color: #FFDF68; padding: 5px 5px; color: #555555; float: left; margin: 0 0 5px 0; font-size: 1.4em; font-weight: bold; width: 100%; }

/*Galerie Listview*/
.ListView { padding: 0; margin: 0 0 5px 0; clear: both; float: left; clear: both; width: 100%; }
.ListView p { font: 1.1em arial; }
.ListView .ListViewContent { position: relative; float: left; width: 100%; min-height: 200px; min-width: 100% !important; }
.ListView .ListViewTplItem { border: 1px solid #555555; padding: 5px; margin: 2px; float: left; overflow: hidden; }
.ListView .ListViewTplItem .ListViewTplImgContainer { width: 100px; height: 136px; overflow: hidden; }
.ListView .ListViewTplItem .ListViewTplImgThumb { cursor: pointer; }
.ListView .ListViewTplItem .panComments { width: 18px; height: 16px; display: inline-block; background-image: url(../Layout/61/icons/16x16/iconComments.png); background-repeat: no-repeat; background-position: right bottom; }
.ListView .ListViewTplItem .ListViewTplPanRating { margin: 5px 0 0 0; }

/*Galerien DetailView*/
.DetailView { font: 1.0em arial; clear: both; color: #3A60A9; position: relative; min-height: 200px; margin: 5px 0 5px 0; }
.DetailView img{ border:none; }
.DetailView .DetailViewContent { border: 1px solid #555555; position: relative; width: 468px; min-height: 200px; }
.DetailView .DetailViewTplImgContainer { font-size: 1px; background-color: white; }
.DetailView .DetailViewImg { }
.DetailView .transparentLayer { position: absolute; left: 0; top: 0; z-index: 150; width: 100%; height: 100%; }
.DetailView .DetailViewImageDescription { font-size: 1.2em; line-height: 1.4em; margin: 10px 0; }
.DetailView .DetailViewOption { font: bold 1.0em arial; position: absolute; left: 0; bottom: 0; z-index: 150; width: 150px; }
.DetailView .OptionHeader { background: transparent url(../Layout/61/optionHeader.png) no-repeat bottom;  color: #55555B; text-align: center; cursor: pointer; padding: 5px; font-size: 1.2em; }
.DetailView .OptionContent { background-color: White; width: 100%; }
.DetailView .OptionContent ul { margin: 0; padding: 5px; list-style-position: outside; list-style-type: none; list-style-image: none; }
.DetailView .OptionContent li { margin: 2px 0; color: #3A60A9; }
.DetailView .OptionContent h2 { font: bold 1.2em arial; line-height: 1.2em; margin: 5px 0; color: #555555; border-bottom: 1px solid #555555; }
.DetailView .OptionContent .shareBox { text-align: center; }
.DetailView .OptionContent a:link, .OptionContent a:hover, .OptionContent a:visited, .OptionContent a:active { font: bold 1.0em arial, sans-serif; color: #555555; text-decoration: none; }
.DetailView .OptionContent a img { vertical-align: middle; padding-right: 10px; }

.DetailView .DetailViewPaging { position: absolute; left: 0; top: 0; z-index: 250; border: none; width: 70%; margin: 5px; }
.DetailView .DetailViewPaging a.btnPaging, span.btnPagingInactive { background-color: #fff; padding: 0; width: 25px; height: 25px; margin: 0 5px 0 0; float: left; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.DetailView .DetailViewPaging a.btnPaging { cursor: pointer; border: 1px solid #555555; }
.DetailView .DetailViewPaging a.btnPaging:hover { background-color: #D3D3D3; }
.DetailView .DetailViewPaging a.btnFirst { background-image: url(../Layout/61/icons/16x16/iconFirst.png); background-repeat: no-repeat; background-position: center center; }
.DetailView .DetailViewPaging a.btnPrev { background-image: url(../Layout/61/icons/16x16/iconPrev.png); background-repeat: no-repeat; background-position: center center; }
.DetailView .DetailViewPaging a.btnList { background-image: url(../Layout/61/icons/16x16/iconList.png); background-repeat: no-repeat; background-position: center center; }
.DetailView .DetailViewPaging a.btnNext { background-image: url(../Layout/61/icons/16x16/iconNext.png); background-repeat: no-repeat; background-position: center center; }
.DetailView .DetailViewPaging a.btnLast { background-image: url(../Layout/61/icons/16x16/iconLast.png); background-repeat: no-repeat; background-position: center center; }
.DetailView .DetailViewPaging span.btnPagingInactive { background: #D3D3D3; border: 1px solid gray; }
.DetailView .DetailViewPaging span.btnFirstInactive { background-image: url(../Layout/61/icons/16x16/iconFirstInactive.png); background-repeat: no-repeat; background-position: center center; }
.DetailView .DetailViewPaging span.btnPrevInactive { background-image: url(../Layout/61/icons/16x16/iconPrevInactive.png); background-repeat: no-repeat; background-position: center center; }
.DetailView .DetailViewPaging span.btnList { background-image: url(../Layout/61/icons/16x16/iconListInactive.png); background-repeat: no-repeat; background-position: center center; }
.DetailView .DetailViewPaging span.btnNextInactive { background-image: url(../Layout/61/icons/16x16/iconNextInactive.png); background-repeat: no-repeat; background-position: center center; }
.DetailView .DetailViewPaging span.btnLastInactive { background-image: url(../Layout/61/icons/16x16/iconLastInactive.png); background-repeat: no-repeat; background-position: center center; }

.DetailView .DetailViewTplRating { position: absolute; right: 0; top: 0; z-index: 500; margin: 10px; }
.DetailView .pagingRangeFromTo { font-weight: bold; font-size: 1.2em; color: #fff; position: absolute; left: 165px; top: 10px; z-index: 250; text-align: right; width: 66px; }
.DetailView .commentLink { color: #fff; position: absolute; right: 5px; bottom: 2px; z-index: 250; text-align: center; text-decoration: none; width: 130px; }
.DetailView .commentLink:hover { color: #D3D3D3; }
.DetailView .commentCount { font-weight: bold; font-size: 1.6em; display: inline; }
.DetailView .commentRange { font-weight: bold; font-size: 1.1em; display: inline; }
.DetailView .topLeftLayer { background: black; position: absolute; left: 0; top: 0; z-index: 200; filter: Alpha(Opacity=50); opacity: 0.5; width: 235px; height: 37px; border: 1px solid black; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-rigth-radius: 5px; }
.DetailView .topRigthLayer { background: black; position: absolute; right: 0; top: 0; z-index: 250; filter: Alpha(Opacity=50); opacity: 0.5; width: 107px; height: 37px; border: 1px solid black; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.DetailView .bottomRightLayer { background: black; position: absolute; right: 0; bottom: 0; z-index: 200; filter: Alpha(Opacity=50); opacity: 0.5; width: 140px; height: 30px; border: 1px solid black; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; }

/*Comment List*/
.DetailView .DetailViewCommentList { margin: 5px 0; font-size: 1.0em; position: relative; }
.DetailView .DetailViewCommentList h1 { border-top: 1px solid #355CA7; background-color: #FFDF68; padding: 5px 5px; color: #555555; float: left; margin: 0 0 5px 0; font-size: 1.4em; font-weight: bold; width: 100%; }
.DetailView .DetailViewCommentList .CommentListItem { color: Black; margin: 5px 0; float: left; width: 100%; }
.DetailView .DetailViewCommentList .CommentHeader { float: left; width: 100%; }
.DetailView .DetailViewCommentList .CommentAuthor { border-top: 1px solid #D3D3D3; border-left: 1px solid #D3D3D3; border-right: 1px solid #D3D3D3; color: #555555; font-weight: bold; padding: 5px 5px; float: left; width: 150px; }
.DetailView .DetailViewCommentList .CommentDate { font-weight: bold; font-size: 0.8em; float: right; }
.DetailView .DetailViewCommentList .CommentText { width: 100%; float: left; border: 1px solid #D3D3D3; padding: 5px; }

/*top rating*/
.GalRating { background: white; width: 468px; border: 1px solid #D3D3D3; }
.GalRating table { margin: 3px auto; border-collapse: separate; }
.GalRating td { border: 1px solid #555555; padding: 5px; vertical-align: top; }
.GalRating td .imgCont { height: 136px; }
.GalRating a { font-weight: bold; color: Black; text-decoration: none; }

/*Loading Layer*/
.loadingLayer { position: absolute; z-index: 1000; width: 100px; height: 134px; }
.loadingLayer .layerBg { position: absolute; z-index: 1100; background: black; filter: Alpha(Opacity=50); opacity: 0.5; }
.loadingLayer .layerImg { position: absolute; z-index: 1200; background: transparent url(../Layout/61/ajaxLoader32x32.gif) no-repeat; background-position: center center; }
/*ListviewBig Loading Layer*/
.loadingLayerBig { position: absolute; z-index: 1000; width: 100%; height: 100%; min-height: 200px; }
.loadingLayerBig .layerBg { position: absolute; z-index: 1100; background: black; filter: Alpha(Opacity=50); opacity: 0.5; }
.loadingLayerBig .layerImg { position: absolute; z-index: 1200; background: transparent url(../Layout/61/ajaxLoader64x64.gif) no-repeat; background-position: center center; }

/*Comments SendMail*/
.IframeContent { font: 0.8em arial, sans-serif; color: #555555; background-color: White; }
.IframeContent h1 { font-size: 1.2em; font-weight: bold; margin: 5px 0; color:#555555}
.IframeContent input, .IframeContent textarea { font: arial, sans-serif; border: 1px solid #555555; width: 230px; float:left;}
.IframeContent input.inputBtn { background: url(../Layout/61/bg_btn.gif) repeat-x; font-weight: bold; color: #555555; width: 232px; cursor: pointer; }

/*Loading Layer*/
.loadingLayer { position: absolute; z-index: 1000; width: 100px; height: 134px; }
.loadingLayer .layerBg { position: absolute; z-index: 1100; background: black; filter: Alpha(Opacity=50); opacity: 0.5; }
.loadingLayer .layerImg { position: absolute; z-index: 1500; background: transparent url(../Layout/61/ajaxLoader32x32.gif) no-repeat; background-position: center center; }
/*ListviewBig Loading Layer*/
.loadingLayerBig { position: absolute; z-index: 1000; width: 100%; height: 100%; }
.loadingLayerBig .layerBg { position: absolute; z-index: 1100; background: black; filter: Alpha(Opacity=50); opacity: 0.5; }
.loadingLayerBig .layerImg { position: absolute; z-index: 1500; background: transparent url(../Layout/61/ajaxLoader64x64.gif) no-repeat; background-position: center center; }

/*Jquery Pagination*/
.pagination { width: 100%; font-size: 1.0em; font-weight: bold; float: left; clear: both; margin: 10px 0 10px 3px; }
.pagination a { text-decoration: none; border: solid 1px #555555; color: #555555 !important; }
.pagination a:hover { background-color: #D3D3D3; }
.pagination a, .pagination span { display: block; float: left; width: 2.0em; text-align: center; padding: 0.6em 0; margin-right: 5px; margin-bottom: 5px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.pagination .prev, .pagination .next { color: #999; border-color: #555555; background: #fff; }
.pagination .prev { background: transparent url(../Layout/61/icons/16x16/iconPrev.png) no-repeat; background-position: center center; }
.pagination .next { background: transparent url(../Layout/61/icons/16x16/iconNext.png) no-repeat; background-position: center center; }
.pagination .current { background: #FFDF68; color: #555555; border: solid 1px #555555; }
.pagination .current.prev, .pagination .current.next { color: #D3D3D3; border-color: #D3D3D3; background: #fff; }
.pagination .current.prev { background: transparent url(../Layout/61/icons/16x16/iconPrevInactive.png) no-repeat; background-position: center center; }
.pagination .current.next { background: transparent url(../Layout/61/icons/16x16/iconNextInactive.png) no-repeat; background-position: center center; }

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
.StarRating div.star-rating { float: left; width: 16px; height: 16px; text-indent: -999em; cursor: pointer; display: block; background: transparent; overflow: hidden; }
.StarRating div.rating-cancel, div.rating-cancel a { display: none; background: none; }
.StarRating div.star-rating, div.star-rating a { background: url(../Layout/61/icons/16x16/star.png) no-repeat 0 0px; }
.StarRating div.star-rating a { display: block; width: 16px; height: 100%; background-position: 0 0px; border: 0; }
.StarRating div.star-rating-on a { background-position: 0 -16px !important; }
.StarRating div.star-rating-hover a { background-position: 0 -32px; }
/* Read Only CSS */
.StarRating div.star-rating-readonly a { cursor: default !important; }
/* Partial Star CSS */
.StarRating div.star-rating { background: transparent !important; overflow: hidden !important; }
/* END jQuery.Rating Plugin CSS */

/*prettyPhoto http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/*/
div.kanal8 .pp_top .pp_left { background: url(../Layout/61/prettyPhoto/kanal8/sprite.png) -88px -53px no-repeat; }
div.kanal8 .pp_top .pp_middle { background: url(../Layout/61/prettyPhoto/kanal8/contentPatternTop.png) top left repeat-x; }
div.kanal8 .pp_top .pp_right { background: url(../Layout/61/prettyPhoto/kanal8/sprite.png) -110px -53px no-repeat; }
div.kanal8 .pp_content .ppt { color: #000; }
div.kanal8 .pp_content_container .pp_left { background: url(../Layout/61/prettyPhoto/kanal8/contentPatternLeft.png) top left repeat-y; }
div.kanal8 .pp_content_container .pp_right { background: url(../Layout/61/prettyPhoto/kanal8/contentPatternRight.png) top right repeat-y; }
div.kanal8 .pp_content { background: #fff; }
div.kanal8 .pp_expand { background: url(../Layout/61/prettyPhoto/kanal8/sprite.png) -31px -26px no-repeat; cursor: pointer; }
div.kanal8 .pp_expand:hover { background: url(../Layout/61/prettyPhoto/kanal8/sprite.png) -31px -47px no-repeat; cursor: pointer; }
div.kanal8 .pp_contract { background: url(../Layout/61/prettyPhoto/kanal8/sprite.png) 0 -26px no-repeat; cursor: pointer; }
div.kanal8 .pp_contract:hover { background: url(../Layout/61/prettyPhoto/kanal8/sprite.png) 0 -47px no-repeat; cursor: pointer; }
div.kanal8 .pp_close { width: 75px; height: 22px; background: url(../Layout/61/prettyPhoto/kanal8/sprite.png) -1px -1px no-repeat; cursor: pointer; }
div.kanal8 #pp_full_res .pp_inline { color: #000; }
div.kanal8 .pp_loaderIcon { background: url(../Layout/61/prettyPhoto/kanal8/loader.gif) center center no-repeat; }
div.kanal8 .pp_nav .pp_arrow_previous { background: url(../Layout/61/prettyPhoto/kanal8/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; }
div.kanal8 .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; }
div.kanal8 .pp_nav .pp_arrow_next { background: url(../Layout/61/prettyPhoto/kanal8/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; }
div.kanal8 .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; }
div.kanal8 .pp_nav { margin-top: 0; }
div.kanal8 .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; }
div.kanal8 .pp_next:hover { background: url(../Layout/61/prettyPhoto/kanal8/btnNext.png) center right no-repeat; cursor: pointer; }
div.kanal8 .pp_previous:hover { background: url(../Layout/61/prettyPhoto/kanal8/btnPrevious.png) center left no-repeat; cursor: pointer; }
div.kanal8 .pp_bottom .pp_left { background: url(../Layout/61/prettyPhoto/kanal8/sprite.png) -88px -80px no-repeat; }
div.kanal8 .pp_bottom .pp_middle { background: url(../Layout/61/prettyPhoto/kanal8/contentPatternBottom.png) top left repeat-x; }
div.kanal8 .pp_bottom .pp_right { background: url(../Layout/61/prettyPhoto/kanal8/sprite.png) -110px -80px no-repeat; }
div.pp_pic_holder a:focus { outline: none; }
div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; }
div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; }
.pp_top { height: 20px; position: relative; }
* html .pp_top { padding: 0 20px; }
.pp_top .pp_left { height: 20px; left: 0; position: absolute; width: 20px; }
.pp_top .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; }
* html .pp_top .pp_middle { left: 0; position: static; }
.pp_top .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; }
.pp_content { height: 40px; }
.pp_content .ppt { left: auto; margin-bottom: 5px; position: relative; top: auto; }
.pp_fade { display: none; }
.pp_content_container { position: relative; text-align: left; width: 100%; }
.pp_content_container .pp_left { padding-left: 20px; }
.pp_content_container .pp_right { padding-right: 20px; }
.pp_content_container .pp_details { margin: 10px 0 2px 0; }
.pp_description { display: none; margin: 0 0 5px 0; }
.pp_nav { clear: left; float: left; margin: 3px 0 0 0; }
.pp_nav p { float: left; margin: 2px 4px; }
.pp_nav a.pp_arrow_previous, .pp_nav a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px; }
.pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; }
a.pp_next { background: url(../Layout/61/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49%; }
a.pp_previous { background: url(../Layout/61/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49%; }
a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000; }
a.pp_close { display: block; float: right; text-indent: -10000px; }
.pp_bottom { height: 20px; position: relative; }
* html .pp_bottom { padding: 0 20px; }
.pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; }
.pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; }
* html .pp_bottom .pp_middle { left: 0; position: static; }
.pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; }
.pp_loaderIcon { display: block; height: 24px; left: 50%; margin: -12px 0 0 -12px; position: absolute; top: 50%; width: 24px; }
#pp_full_res { line-height: 1 !important; }
#pp_full_res .pp_inline { text-align: left; }
#pp_full_res .pp_inline p { margin: 0 0 15px 0; }
div.ppt { color: #fff; display: none; font-size: 17px; left: 0; position: absolute; top: 0; z-index: 9999; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/*END prettyPhoto*/
/*END Galerie2*/

/* Sidebar MMS */
div.SideBarModule.NewsImagePreview h1 {
    background-image: url("/Layout/61/sidebarbg.jpg");
    background-repeat: repeat-x;
    color: #505D63;
    font-size: 11px;
    font-weight: bold;
    height: 21px;
    margin-top: 3px;
    padding-left: 10px;
}
div.SideBarModule.NewsImagePreview ol li div.news_header {
    background-color: #FFDF68;
    width: 164px;
}

body.layout61 div.createComment .hideme 
{
	display:block;
}
/*
div.news
{
	width: 330px;
	overflow: hidden;
	padding-left: 10px;
}

.WerbungMitte,
body.layout61 div.newsListDiv
{
	width: 468px;
	float: left;
}

div.news div.overview .WerbungMitte
{
	display: none;
}

div.news div.overview div.list
{
	float: left;
}

.InnerContentBox
{
	width: 808px !important;
}

body.layout61 div.newsListDiv
{
	clear: none !important;
}
*/