/* ######################################################################### *
 * 1.) Normalize from http://necolas.github.io/normalize.css/                *
 * 2.) correct padding on all div-tags                                       *
 * ######################################################################### */
@import url('normalize.css');

*{
    box-sizing: border-box;
}

/* ######################################################################### *
 * ABEM - https://css-tricks.com/abem-useful-adaptation-bem/                 *
 * [a/m/o]-blockName__elementName -modifierName                              *
 * a - Atom, m - Molecule, o - Organism                                      *
 * ######################################################################### */

/* Tablets
@media screen and (min-width: 35em) {

} */

/* Desktop
@media screen and (min-width: 64em) {

} */

.o-pageWrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    color: #000;
    background-color: #fafafa;
    margin: 0;
    text-align: center;
}

.m-leftContent, 
.m-rightContent {
    flex: 0 0 auto;
}

.-leftSpace {
    margin-right: 1vw;
}

.-rightSpace {
    margin-left: 1vw;
}

.m-mainContent {
    width: 980px;
}




.o-pageHeader {
    margin: 1vh 0;
}

.m-pageHeader__nav {
    background-color: #b53131;
}

.m-pageHeader__navList {
    list-style: none;
    display: flex;
    margin: 0.5vh 0;
    padding: 0.5vh 0.5vw;
    flex-direction: row;
    justify-content: center;
}

.-mainNav {
    font-size: 1.2rem;
}

.m-pageHeader__navListItem {
    flex: auto;
    color: #fff;
}

.a-pageHeader__navLink {
    font-weight: 700;
    display: block;
}

.a-pageHeader__navLink:link, 
.a-pageHeader__navLink:visited, 
.a-pageHeader__navLink:focus {
    text-decoration: none;
    color: #fff;
}

.a-pageHeader__navLink:hover, 
.a-pageHeader__navLink:active {
    color: #b53131;
    background-color: #fff;
}




.o-moreComparisons {
    border: 1px solid #ddd;
    margin-bottom: 1vh;
    background: #fff;
}

.a-moreComparisons__headline {
    font-size: 0.8rem;
    color: #000;
    text-decoration: underline;
    font-variant: small-caps;
    padding: 0;
    margin: 0.5vh 0 0.2vh 1vw;
    text-align: left;
}

.m-moreComparisons__list {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0.5vh 0.5vw;
    flex-direction: row;
    justify-content: space-around;    
}

.m-moreComparisons__listItem {
    flex: 0 0 auto;
}

.m-moreComparisons__link {
    display: block;
}

.m-moreComparisons__link:link {
    border: 1px solid #000;
}

.m-moreComparisons__link:hover, 
.m-moreComparisons__link:active {
    border: 1px solid #b53131;
}

.a-moreComparisons__linkImage {
    height: 113px;
    padding: 0.1vh 0.1vw;
}




.o-footNav {
    margin: 0.5vh 0;
    padding: 1vh 0;
}

.m-footNav__list {
    list-style: none;
    display: flex;
    margin: 0 25%;
    padding: 0;
    flex-direction: row;
    justify-content: center;
}

.m-footNav__listItem {
    flex: auto;
    color: #b53131;
}

.a-footNav__link {
    font-weight: 700;
    color: #b53131;
}

.a-footNav__link:link, 
.a-footNav__link:visited, 
.a-footNav__link:active {
    text-decoration: none;
}

.a-footNav__link:hover {
    text-decoration: underline;
}





a, p, td, tr, div {
    font-family: verdana,Helvetia,sans-serif;
    font-size: 12px;
    font-color: black;
}

a:link {
    color: #B03232;
    text-decoration: none;
}

a:visited {
    color: #B03232;
    text-decoration: none;
}

a:hover {
    color: #DB7171;
    text-decoration: underline;
}

a:active {
    color: #B03232;
    text-decoration: none;
}

a.link_white {
    font-family: "Times New Roman", Georgia, Serif;
    color: white;
    font-weight: bold;
    font-size: 1.3em;
    letter-spacing: 2px;
    text-shadow: 0.5px 0.5px #8E8E8E;
}

a.link_black {
    color: #595959;
    font-weight: bold;
    font-size: 1.2em;
    letter-spacing: 2px;
}

span.seitenkopf {
    color: black;
    font-size: 3.3em;
    font-weight: bold;
    text-shadow: 0.5px 0.5px #A49494;
    line-height: 1em;
}

p.newstitel {
    color: #B03232;
    font-size: 2.0em;
    font-weight: bold;
    margin-left: 10px;
    margin-top: 32px;
    text-shadow: 0.5px 0.5px #A49494;
    line-height: 0.8em;
}

p.newsteaser {
    margin-left: 10px;
    font-size: 1.2em;
    margin-bottom: 16px;
    font-weight: bold;
}

p.filmtitel { color:#B03232; font-size:2.0em; font-weight:bold; text-shadow: 0.5px 0.5px #A49494; line-height:1em; }
p.otat { font-size:1.0em; }
p.version { font-size:1.2em; font-weight:bold; }
p.episode { color:#B03232; font-size:1.2em; font-weight:bold; }
p.comparison{ font-size:1.2em; color: #4D4D4D; font-weight:bold; margin-top:18px; }

ul.comp { list-style-type: square; margin-left: 5px; font-weight: bold; }
li.comp { padding-bottom:4px; color: #4D4D4D;  text-indent:5px; }

div.HeadlineB { font-size:1.7em; font-variant:small-caps; color: #4B4B4B; font-weight:bold; line-height:1.2em; margin:15px 0px 25px 0px; }
div.HeadlineM { font-size:1.4em; font-variant:small-caps; color: #4B4B4B; font-weight:bold; line-height:1.2em; margin:25px 0px 20px 0px; }
div.HeadlineS { font-size:1.2em; font-variant:small-caps; color: #4B4B4B; font-weight:bold; line-height:1.2em; margin:20px 0px 15px 0px; } 


span.newslist_date { color:#575757; margin-left:12px; margin-right:5px; }
a.newslist_title { font-weight:bold; }
span.newslist_teaser { font-size:0.9em; }

div.top_n {
    background-color: #F3F3F3;
    margin: 8px 3px;
    padding: 8px;
    line-height:1.7em;
}


h7 { font-size:1.4em; color: #990000; font-weight:bold; line-height:1.2em; margin:28px 10px 6px 10px; } /* letter-spacing:1px;  nicht */

img.coverShadow { 
  padding:1px; 
  align:center; 
  border:1px solid black; 
  background-color:#E2E2E2; 
  -moz-box-shadow: 1px 1px 2px 3px #DDD;
  -webkit-box-shadow: 1px 1px 2px 3px #DDD;
  box-shadow: 1px 1px 2px 3px #DDD; 
}



/*div.top1 {
    width: 980px; 
    border-left: 1px solid #FAFAFA;
    border-right: 1px solid #FAFAFA; 
    margin-top: 28px;
    text-align: left;
}

div.top3 {
    width:980px;
    text-align: center;  Zentrierung im Internet Explorer
    border-left:1px solid #DDDDDD; 
    border-right:1px solid #DDDDDD;  #F2F2F2
    border-top: 1px solid #DDDDDD;   #737373 
    border-bottom: 1px solid #DDDDDD;
    background-color:#F2F2F2;   red -> #990100 / alt-grau -> #A8A8A8
}

div.menu {
  width: 970px;
  text-align:center;
  padding-top:7px;
  padding-bottom:5px;
  color:white;
} */





div.body1 {
    width:980px; 
    border-left:1px solid #DDDDDD;
    border-right:1px solid #DDDDDD;
    border-bottom:1px solid #DDDDDD; 
    margin-bottom:8px;
    background:white;
} 

div.body2 {
    margin: 0 auto; 
    padding: 5px;
    border: 1px solid #ddd;
}



/*div.other_reports_outer {
  padding: 0px;
  margin-bottom: 8px;
  border-bottom: 1px solid #DDDDDD;
  background: #fff; #ECECEC
}*/

div.other_reports_inner {
  padding:12px;
  margin:0 auto;
	text-align: center;
}

#adsky {
margin-top:20px;
float:left;
}

div.AdminLeisteReport 
{  
  background-color:#ECECEC; 
  border:1px solid #DDDDDD; 
  padding:5px; 
  text-align:left; 
  width:90%; 
  margin-left:20px; margin-bottom:10px; margin-top:10px;  
}

div.reportBox {
  border: 1px solid #DDDDDD; 
  padding:4px; 
  margin:0; 
  padding:12px;
  line-height:1.8;
  margin-bottom:12px;
  margin-top:8px;
}

div.reportBoxNews {
  border: 1px solid #DDDDDD; 
  padding:4px; 
  margin:0; 
  padding:8px;
  line-height:1.8;
  margin-bottom:0px;
  margin-top:8px;
}

div.reportBoxSmall {
  border: 1px solid #DDDDDD;
  padding:4px; 
  margin:0; 
  padding:8px;
  line-height:1.2;
  margin-bottom:12px;
  margin-top:12px;
}

div.reportBoxGrey {
  border: 1px solid #F4F2F2; 
  background-color:#F4F2F2;
  padding:4px; 
  margin:0; 
  padding:8px;
  margin-bottom:12px;
  margin-top:12px;
}

div.oops
{
  font-size:2.5em; 
  color: #73B373;
  font-weight:bold;
  line-height:1.6em;
  margin-bottom:12px;
  margin-left:15px;
  margin-top:45px;
  text-shadow: 2px 2px #AAD6AA;
}




.ListE {
 clear: both;
 height: 110px;
 overflow: hidden;
 background-color: #EEEEEE;
}

.ListEAlt {
 background-color: #E0E0E0;
}

.ListPic {
 float: left;
 width: 80px; 
 height: 110px;
 border-right-style: solid;
 border-right-width: 3px;
 border-right-color: white;
}

.ListPic img {
 width: 80px;
 height: 110px;
}

.ListTitle {
 float: left;
 display: block;
 width: 220px;
 padding: 8px 5px 0 5px;
 font-weight: bold;
 font-size: 11px;
  /* Schutz vor Sprenung des Designs */
 height: 33px;
 overflow: hidden;
}

.ListTop {
 padding: 3px 3px 3px 3px;
 font-weight: bold;
 font-size: 12px;
 color: #FFFFFF;
 background-color: #B53131;
  /* Schutz vor Sprenung des Designs */
 height: 12px;
 overflow: hidden;
}

.ListDetails {
 float: left;
 display: block;
 width: 220px;
 line-height: 1.16;
 margin-top:5px;
 padding: 0 5px;
 font-size: 9px;
 color: #666;
 /* Schutz vor Sprenung des Designs */
 height: 10px;
 overflow: hidden;
}

.ListCompare {
 float: left;
 display: block;
 width: 220px;
 padding: 5px 5px 0 5px;
 font-size: 10px;
 /* Schutz vor Sprenung des Designs */
 height: 45px;
 overflow: hidden;
}

.ListHSpacer {
 clear: both;
 height: 3px;
}

.ListHSpacer1 {
 float: left;
 background-color: white;
 width: 81px;
 height: 3px;
 overflow: hidden;
}

.ListHSpacer2 {
 display: none;
}