/***STORYLINE***/

.mlbox {
  width: 467px; 
  background-color: var(--highlightcolor); 
  padding: 7px;
	box-sizing: border-box;
}

.mlboxr {
 width: 450px;
 background-color: #d9d9d9;
 color: #000000; 
 font-family: verdana; 
 font-size: 11px; 
 text-align: justify; 
 padding: 20px 15px; 
 margin: 0;
line-height: 16px;
	box-sizing: border-box;
}

.mlboxzitat {
	width: 400px;
 padding: 5px 10px 5px 10px; 
 font-size: 12px; 
 font-family: calibri; 
 color: #ffffff;
 font-style: italic;
 line-height: 12px;
 background-color: var(--highlightcolor);
 -moz-border-radius:10px;  -webkit-border-radius:10px; -khtml-border-radius:10px;  border-radius:10px; 
 opacity: 0.9;
}


.mltitel {
 font-family: 'Open Sans Condensed', sans-serif;
 font-size: 45px; 
 color: var(--highlightcolor); 
 text-shadow: #000000 1px 1px 1px;
 text-align: center;
}

.mluntertitel {
 font-family: calibri; 
 font-size: 10px; 
 color: #ffffff; 
 letter-spacing: 5px;
 text-align: center;
 text-shadow: #000000 1px 1px 1px; 
 margin-top: -9px;
}

.mlzahll {
 font-family: 'Open Sans Condensed', sans-serif;
 font-size: 40px; 
 color: var(--highlightcolor); 
 text-shadow: #000000 1px 1px 1px;
 float: left;
 margin: 12px 15px 10px 10px;
}

.mlzahlr {
 font-family: 'Open Sans Condensed', sans-serif;
 font-size: 40px; 
 color: var(--highlightcolor); 
 text-shadow: #000000 1px 1px 1px;
 float: right;
 margin: 12px 10px 10px 15px;
}


.mlfakten {
 font-family: 'Open Sans Condensed', sans-serif;
 font-size: 30px; 
 color: var(--highlightcolor); 
 text-shadow: #000000 1px 1px 1px;
 text-align: center;
line-height: 40px;
}


.mllinks {
display: inline; 
background: var(--highlightcolor); 
padding: 5px 25px; 
margin: 0 4px;
font-family: Abel; 
font-size: 13px; 
text-transform: uppercase; 
color: #d9d9d9;
}

.mllinks:hover {
background: #c3c3c3; 
font-weight: bold;
color: var(--highlightcolor);
letter-spacing: 1px;
}

/***TIMELINE***/

.tlcontainer {
	background: #dbdbdb; 
	padding: 10px; 
	border: 1px solid var(--highlightcolor); 
	outline: 10px solid #dbdbdb; 
	margin-top: 15px;
}


.tlhg {
	background: #d0d0d0;
}


.tabcat {
 background-color: var(--highlightcolor); 
 font-family: Abel; 
color: #e5e5e5;
 font-size: 11px; 
 font-weight:bold; 
 text-transform: uppercase; 
 border: 1px #d0d0d0; 
 padding: 7px; 
 text-align: center;
 margin: 0px;
}

.tabrow {
 background-color:#dbdbdb; 
 font-family: Arial; 
 font-size: 11px; 
line-height: 16px;
 color: #3d3d3d; 
 border: 1px #e5e5e5; 
 padding: 7px 15px; 
 text-align: justify;
 margin: 0px;
}

.tabspacer {
 background-color: var(--highlightcolor); 
 width: 10px;
 margin: 0px;
}



/***ALLGEMEIN***/

.infobox {
width: 450px; 
	font-family: Abel;
background-color: #dbdbdb;
	font-size: 10px;
text-align: justify; 
padding: 7px; 
font-size: 12px; 
line-height: 15px; 
border: 5px solid var(--highlightcolor);
	text-transform: uppercase;
}


.npcpost{
width: 450px; 
background-color: #c6c6c6; 
font-family: Arial;
text-align: justify; 
padding: 20px; 
font-size: 12px; 
line-height: 18px; 
border: 1px solid var(--highlightcolor);
outline: 10px solid #c6c6c6;
	margin: 15px 0;
}


/***FREI UND VERGEBEN***/

.fvimg {
-moz-border-radius: 70px; 
-webkit-border-radius: 70px; 
border-radius: 70px;
	width: 50px;
	background: #c3c3c3;
}


.v {
	background: #c3c3c3; 
	color: var(--highlightcolor); 
	font-family: Abel; 
	font-size: 12px; 
	padding: 3px; 
	text-transform: uppercase;
}


.f {
	background: var(--highlightcolor); 
	color: #eaeaea; 
	font-family: Abel; 
	font-size: 12px; 
	padding: 3px; 
	text-transform: uppercase;
	font-weight: bold;
}