/*----- General Formating -----*/
body, html {
color: #000000;
font-family: "Arial", sans-serif;
font-size: 14px;
background-color: #E9E9E9;
margin: 0px;
}
.h1_red {
margin: auto;
padding-top: 15px;
font-size: 2.5em;
color: red;
}
a:active, a:focus {outline: none;}
main {
margin: 3em 1em;
line-height: 180%;
}
/*------------------------------*/
a:link,a:active,a:visited,a:hover{ color: red; }
a.white_a:link,a.white_a:active,a.white_a:visited,a.white_a:hover{ color: #FFFFFF; }
a.black_a:link,a.black_a:active,a.black_a:visited,a.black_a:hover{ color: #000000; font-weight: bold; display: block; text-decoration: none;}
a.forum_link:link,a.forum_link:active,a.forum_link:visited { text-decoration: none; }
a.forum_link:hover { text-decoration: underline; }
#wrapper {
max-width: 1200px;
margin: 0px auto;
background-color: #FFFFFF;
margin-top: 15px;
}
header {
background:url(/design/header/header-respo.gif) 50% 50% no-repeat;
height: 103px;
background-size: cover;
}
.info_start {
text-align: center;
font-size: 1.2em;
}
#content {
clear: both;
height: auto;
background-color: #FFFFFF;
border-left: 1px solid #E40C0D;
border-right: 1px solid #E40C0D;
}
#content_red {
clear: both;
height: auto;
background-color: #EED5D5;
border-left: 1px solid #E40C0D;
border-right: 1px solid #E40C0D;
}
nav {
height: 52px;
background: url(/blog/mb-red.gif);
}
footer {
clear: both;
height: 35px;
line-height: 35px;
background-color: #E40C0D;
margin-bottom: 25px;
}
#menu_kopf {
width: 100%;
height: 49px;
border-top: 1px solid #FFFFFF;
}
#menu_li a {
width: 14%;
float: left;
text-align: center;
font-size: 1.1em;
padding-left: 2px;
color: #FFFFFF;
text-decoration: none;
line-height: 49px;
border-right: 1px solid #FFFFFF;
}
#contend_feld {
width: 90%;
margin: auto;
clear: both;
}
#contend_feld_red {
width: 95%;
margin: auto;
clear: both;
}
#infobox_1 {
width: 90%;
margin: 12px;
border: 1px solid #D81819;
padding: 7px;
background: #FAE9E9;
}
.infobox_1 {
width: 90%;
margin: 12px;
border: 1px solid #D81819;
padding: 7px;
background: #FAE9E9;
}
.center_div {
margin: 0 auto;
}
.red_box {
float: left;
margin: 3px;
padding: 5px;
background: #D81819;
display: block;
}
.send_aus_box{
float: left;
margin: 6px;
padding: 1px;
width: 150px;
background: #D81819;
}
.sat_zelle{
width: 92%;
margin: auto;
border-top: 1px solid #D81819;
padding-top: 20px;
}
.sat_kopf{
width: 250px;
line-height: 25px;
margin: auto;
border-right: 1px solid #D81819;
border-left: 1px solid #D81819;
border-top: 1px solid #D81819;
text-align: center;
margin-top: 20px;
font-size: 1.3em;
font-weight: bold;
background: #FAE9E9;
}
.black_box {
margin: 20px 0px 10px 20px;
float: right;
padding: 1px;
border: 1px solid #000000;
}
.darkred_box {
float: right;
width: 100%;
line-height: 24px;
background: #D81819;
color: #fff;
text-align: center;
}
.index_zelle{
width: 99%;
margin: auto;
border-top: 1px solid #D81819;
padding-top: 15px;
}
.index_box {
float: left;
max-width: 329px;
padding: 3px;
margin: 8px;
background: #FBEDED;
color: #fff;
text-align: center;
border: 1px solid #D81819;
}
.box_news_datum {
float: left;
width: 15%;
padding: 1px;
margin: 2px;
background: #D81819;
color: #fff;
text-align: center;
line-height: 40px;
font-weight: bold;
}
.box_news_titel {
float: left;
width: 80%;
padding: 1px;
margin: 2px;
font-weight: bold;
color: #D81819;
text-align: left;
}
.box_news_text {
width: auto;
padding: 2px;
margin: 2px;
color: #000000;
text-align: justify;
border-bottom: 1px solid #F6C9C9;
border-top: 1px solid #F6C9C9;
margin-top: 6px;
margin-bottom: 6px;
min-height: 145px;
}
.box_news_link {
width: 40%;
background-color: #D3D3D3;
color: #000000;
margin: auto;
display: block;
padding: 4px 4px;
line-height: 25px;
margin-bottom: 3px;
border: 1px solid #C8C6C6;
}
.index_screen_view {
float: left;
width: auto;
margin: 5px;
padding: 1px;
background: #D81819;
}
.index_screen_name {
width: auto;
padding: 1px;
margin-top: 1px;
background: #D81819;
color: #fff;
text-align: center;
line-height: 20px;
}
.send_abos_tab {
float: left;
max-width: 640px;
padding: 2px;
margin-top: 1px;
color: #000000;
border: 1px solid #D81819;
}
.forum_tab {
float: left;
max-width: 625px;
padding: 2px;
margin: 8px;
color: #000000;
border: 1px solid #D81819;
background: #FBEDED;
}
.vod_tab {
float: left;
max-width: 398px;
margin: 8px;
padding: 2px;
border: 1px solid #D81819;
}
.vid_ta {
float: left;
max-width: 398px;
margin: 8px;
padding: 2px;
border: 1px solid #D81819;
}
.fakten_abos_tab {
float: right;
max-width: 400px;
margin: 1px;
padding: 2px;
color: #fff;
border: 1px solid #D81819;
text-align: center;
}
.sho_abos_tab {
width: 99%;
padding: 2px;
color: #fff;
border: 1px solid #D81819;
}
/*----- TV Programm -----*/
.tv_date_box_0 {
float: left;
width: 50px;
background-color: #6F8CF4;
line-height: 40px;
text-align: center;
height: 40px;
margin: 1px;
}
.tv_date_box_1 {
float: left;
width: 50px;
background-color: #6F8CF4;
line-height: normal;
text-align: center;
height: 40px;
margin: 1px ;
}
.tv_date_box_2{
float: left;
width: 50px;
background-color: #FF0000;
line-height: normal;
text-align: center;
height: 40px;
margin: 1px;
}
.im_bor {
border: 0;
}
a.tv_link:link,a.tv_link:active,a.tv_link:visited { color: #FFFFFF; text-decoration: none; }
a.tv_link:hover { text-decoration: underline; }
#table {
display: table;
border: 1px solid #000000;
font-size: 0.7em;
FONT-FAMILY: Verdana;
border-collapse: separate;
border-spacing: 1px;
margin: auto;
margin-bottom: 15px;
color: #1F3174;
}
.cell_l {
display: table-cell;
width: 160px;
text-align: right;
padding-right: 4px;
background-color: #CED7F7;
line-height: 19px;
}
.cell_r {
display: table-cell;
width: 168px;
text-align: left;
margin: 1px;
padding-left: 4px;
background-color: #CED7F7;
}
.cell_k {
border: 1px solid #000000;
font-size: 0.7em;
FONT-FAMILY: Verdana;
color: #1F3174;
width: 100%;
max-width: 340px;
margin: auto;
margin-bottom: 15px;
}
.cell_bes {
width: auto;
line-height: 19px;
background:url(/images/hg.gif);
padding-right: 4px;
color: #FFFFFF;
font-size: 0.8em;
FONT-FAMILY: Verdana;
}
.cell_i {
width: auto;
text-align: center;
margin: 1px;
background-color: #CED7F7;
padding: 4px;
}
.cell_50 {
float: left;
width: 48%;
padding: 5px;
border: 1px solid #FFE400;
min-width: 280px;
margin: auto;
}
.cell_100 {
font-size: 1.1em;
width: 100%;
padding: 4px;
clear: both;
margin: auto;
line-height: 1.3;
}
.cell_100_center
{
font-size: 1.1em;
width: 100%;
padding: 4px;
text-align: center;
background-color: #EED5D5;
margin: auto;
line-height: 1.5;
}
.cell_h_kopf {
font-size: 1.0em;
width: 100%;
height: 36px;
line-height: 44px;
margin: auto;
}
/*----- TV Guide -----*/
.tv_guide_1 {
padding: 3px;
border-right: 1px solid #EED5D5;
width: 100%;
}
.tv_guide_2 {
padding: 3px;
border-right: 1px solid #EED5D5;
line-height: 1.0;
width: 100%;
}
.tv_guide_3 {
padding: 3px;
border-right: 1px solid #EED5D5;
display: none;
line-height: 1.0;
width: 100%;
}
.tv_guide_4 {
padding: 3px;
border-right: 1px solid #EED5D5;
height: 23px;
line-height: 1.0;
background-repeat:no-repeat;
background-position: 10%;
width: 100%;
}
.tv_guide_5 {
padding: 4px;
width: 100%;
background-repeat:no-repeat;
background-position: 2% 50%;
}
.tv_now_1 {
float: left;
padding: 3px;
width: 40%;
}
.tv_now_1b {
float: left;
padding: 3px;
width: 40%;
}
.tv_now_2 {
float: left;
padding: 3px;
line-height: 1.0;
}
.tv_now_3 {
padding: 3px;
border-right: 1px solid #EED5D5;
line-height: 1.0;
width: 100%;
background-repeat:no-repeat;
background-position: 4%;
clear: both;
}
.tv_now_3b {
padding: 3px;
border-right: 1px solid #EED5D5;
line-height: 1.0;
width: 100%;
background-repeat:no-repeat;
background-position: 4%;
clear: both;
}
.tv_now_4 {
padding: 3px;
border-right: 1px solid #EED5D5;
height: 23px;
line-height: 1.0;
width: 100%;
}
.tv_now_5 {
padding: 4px;
width: 100%;
background-repeat:no-repeat;
background-position: 2% 50%;
}
.tv_now_6 {
float: left;
padding: 3px;
width: 10%;
}
.yellow {font-size:12px; font-weight: bold; color: #FF9305; FONT-FAMILY: Verdana; color:red; background-color:yellow;}
.tv_logos {
width: 100%;
padding: 3px;
}
.tv_kopf {
background: #C01616;
height: 26px;
color: #FFFFFF;
margin: 1px;
width: 100%;
}
.tv_kat_box {
float: left;
background: #C01616;
height: 26px;
line-height: 26px;
color: #FFFFFF;
margin: 4px;
width: 140px;
text-align: center;
border: 1px solid #860F0F;
}
.news_box_out {
float: left;
width: 340px;
padding: 7px;
}
.news_box_img {
height: 204px;
}
.news_box_text {
background-color: #ffe5e5;
min-height: 180px;
padding: 10px;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
.news_h1 {
font-size: 1.1em;
font-weight: bold;;
}
.news_datum {
color: #6b6b6b;
font-size: 0.9em;
margin-top: 5px;
margin-bottom: 5px;
}
.caption { display: table-caption; line-height: 19px; background:url(/images/hg.gif); color: #FFFFFF; border: 1px solid #000000; }
.caption2 { display: table-caption; line-height: 19px; background:url(/images/hg.gif); color: #FFFFFF; border: 1px solid #000000; }
.row { display: table-row; }
/*Link Farben Dropdown Menp*/
#menu li a, #menu li a:link, #menu li a:visited {
color: #fff;
}
#menu li:hover ul a {
color: #2f3036;
}
#menu li:hover ul a:hover {
color: #fff;
}
/*Strip the ul of padding and list styling*/
ul {
list-style-type:none;
margin:0;
padding:0;
position: absolute;
}
/*Create a horizontal list with spacing*/
li {
display:inline-block;
float: left;
margin-right: 1px;
}
/*Style for menu links*/
li a {
display:block;
width:150px;
font-size: 15px;
height: 50px;
text-align: center;
line-height: 50px;
font-family: Helvetica, Arial, sans-serif;
color: #FFFFFF;
background: url(/blog/mb-red.gif);
text-decoration: none;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
}
/*Hover state for top level links*/
li:hover a {
background: #9E1E1F;
}
/*Style for aufpoppendes Men�*/
li:hover ul a {
background: #DFDBDB;
color: #2f3036;
height: 40px;
line-height: 40px;
}
/*Hover state for dropdown links*/
li:hover ul a:hover {
background: #FE0000;
color: #fff;
}
/*Hide dropdown links until they are needed*/
li ul {
display: none;
}
/*Make dropdown links vertical*/
li ul li {
display: block;
float: none;
}
/*Prevent text wrapping*/
li ul li a {
width: auto;
min-width: 110px;
padding: 0 20px;
}
/*Display the dropdown on hover*/
ul li a:hover + .hidden, .hidden:hover {
display: block;
}
/*Style 'show menu' label button and hide it by default*/
.show-menu {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
text-decoration: none;
color: #fff;
background: #AE3434;
text-align: center;
padding: 10px 0;
display: none;
}
/*Hide checkbox*/
input[type=checkbox]{
display: none;
}
/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
display: block;
}
ul.second {list-style-type: circle;}
li.second { list-style: square inside;
margin: 0 0 1.5em 2em;
display: list-item;
float: none;
margin: 1px;
padding-left: 10px;}
/*Responsive Styles*/
@media screen and (max-width : 760px){
/*Make dropdown links appear inline*/
ul {
position: static;
display: none;
}
/*Create vertical spacing*/
li {
margin-bottom: 1px;
}
/*Make all menu links full width*/
ul li, li a {
width: 100%;
}
/*Display 'show menu' link*/
.show-menu {
display:block;
}
header {
width: 100%;
height: 72px;
background:url(/design/header/header-respo_klein.gif) no-repeat;
background-color: #FE0000;
}
}
/* bei mehr als 500 px */
@media screen and (max-width: 990px) {
header {
width: 100%;
height: 60px;
}
}
@media screen and (min-width: 800px) {
/*----- TV Guide -----*/
.tv_guide_1 {
float: left;
padding: 3px;
border-right: 1px solid #EED5D5;
width: 6%;
line-height: 1.4;
}
.tv_guide_2 {
float: left;
padding: 3px;
border-right: 1px solid #EED5D5;
width: 37%;
line-height: 1.4;
}
.tv_guide_3 {
float: left;
padding: 3px;
border-right: 1px solid #EED5D5;
line-height: 1.4;
width: 6%;
display: inline;
}
.tv_guide_4 {
float: left;
padding: 3px;
border-right: 1px solid #EED5D5;
line-height: 1.4;
width: 20%;
background-repeat:no-repeat;
background-position: 5%;
height: 22px;
}
.tv_guide_5 {
float: left;
padding: 3px;
width: 26%;
background-repeat:no-repeat;
background-position: 2% 50%;
height: 22px;
line-height: 1.4;
}
.tv_logos {
width: 85%;
margin: auto;
}
.tv_now_1 {
float: left;
padding: 3px;
border-right: 1px solid #EED5D5;
width: 11%;
min-width: 95px;
height: 32px;
line-height: 2.2;
}
.tv_now_1b {
float: left;
padding: 3px;
border-right: 1px solid #EED5D5;
width: 15%;
min-width: 95px;
height: 32px;
line-height: 2.2;
}
.tv_now_2 {
float: left;
padding: 0px;
border-right: 1px solid #EED5D5;
width: 85px;
line-height: 2.4;
height: 38px;
}
.tv_now_3 {
float: left;
padding: 3px;
border-right: 1px solid #EED5D5;
width: 34%;
background-repeat:no-repeat;
background-position: 2% 50%;
height: 32px;
clear: none;
}
.tv_now_3b {
float: left;
padding: 3px;
border-right: 1px solid #EED5D5;
width: 34%;
line-height: 2.2;
background-repeat:no-repeat;
background-position: 2% 50%;
height: 32px;
clear: none;
}
.tv_now_4 {
float: left;
padding: 3px;
border-right: 1px solid #EED5D5;
line-height: 2.2;
width: 16%;
height: 32px;
}
.tv_now_5 {
float: left;
padding: 3px;
width: 22%;
padding-left: 15px;
line-height: 2.2;
height: 32px;
background-repeat:no-repeat;
background-position: 2% 50%;
}
.tv_now_6 {
float: left;
padding: 3px;
border-right: 1px solid #EED5D5;
line-height: 2.2;
width: 30px;
height: 32px;
}
}