/* Config */
/* Variablen Stylesheet Connect
--------------------------------
*** Allgemeines ***
	- Font
	- Seitenrahmen
	- Header/Footer
	- Navigation

*** Teaser ***
	- Kopf
	- Teaser Normal
	- Teaser Farbig
	- Filter
	- Topteaser

*** Artikel ***
	- Inline Elemente
	- Infobereich

*** Buttons ***
	- Normal
	- Farbig
	- Wichtig
	- Inaktiv

*** Tabellen ***

*** Werbung ***

*** Bilder ***

--------------------------------*/
/*** Allgemeines ***/
/* Font */
/* Seitenrahmen */
/* Header/Footer */
/* Navigation */
/*** Teaser ***/
/* Kopf */
/* Teaser Normal */
/* Teaser Farbig */
/* Filer */
/* Topteaser */
/* Pi Teaser */
/* Besonderheiten */
/*** Artikel ***/
/* Inline Elemente */
/* Infobereich */
/*** Buttons ***/
/* Normal */
/* Farbig */
/* Wichtig */
/* Inaktiv */
/*** Tabellen ***/
/*** Werbung ***/
/*** Bilder ***/
/* Übergreifendes CSS */
div,
span,
p,
a {
  outline: 0;
}
html {
  font-size: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}
body,
button,
input,
select,
textarea {
  font-family: Arial, Helvetica, sans-serif;
  color: #000;
}
a:focus,
a:hover,
a:active {
  outline: 0;
}
b,
strong {
  font-weight: bold;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
p {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3 {
  margin: 0;
  padding: 0;
}
dd {
  margin: 0;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}
form {
  margin: 0;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
label {
  cursor: pointer;
}
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
  resize: none;
}
button,
input {
  line-height: normal;
  *overflow: visible;
}
table button,
table input {
  *overflow: auto;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
input,
textarea,
select {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
input:invalid,
textarea:invalid {
  background-color: #f0dddd;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td {
  vertical-align: top;
}
.hide {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/*Zusatzfunktionen*/
.mainnavigation .active > a {
  color: #ffffff !important;
}
.mainnavigation .active > a:hover {
  color: #000000 !important;
}
/* Allgemeines Stylesheet
--------------------------------

*** Strukturrahmen ***
	-Tablet/Phone Elemente
*** Header ***
*** Navigation ***
	- Ajax Container
	- Loader
*** Breadcrumb Sozial ***
*** Footer ***
*** Button ***
	-Farbvarianten
*** Formularstyles ***
	- Infotext
	- Fehler
	- Textfeld, Textarea, Select
	- Checkbox, Radio
	- ReCaptcha
	- Mehrspalter
	
*** Tabellen ***
*** Ratingsterne ***
*** Meldungen ***
*** Overlay ***
*** IE 7 Fixes ***
*** Retinaicons ***
-------------------------------- */
/*** Strukturrahmen ***/
::-moz-selection {
  background: #cc1421;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #cc1421;
  color: #fff;
  text-shadow: none;
}
body {
  background: #263b4d url("http://web.magnus.de/public/html/headerFooter/wmp/images/bg_site.png");
  font-family: Helvetica, Arial, sans-serif;
  color: #333333;
  font-size: 16px;
  line-height: 24px;
  margin: 20px 0 0;
}
.wrapper {
  width: 1160px;
  position: relative;
  display: block;
  margin: 0 auto;
}
.main {
  width: 1000px;
}
.site {
  width: 990px;
  background-color: #ffffff;
  border: 5px solid #eeeeee;
  overflow: hidden;
  -moz-box-shadow: 0 0 15px #eeeeee;
  -webkit-box-shadow: 0 0 15px #eeeeee;
  box-shadow: 0 0 15px #eeeeee;
}
.content_area {
  zoom: 1;
}
.content_area:before,
.content_area:after {
  content: "";
  display: table;
}
.content_area:after {
  clear: both;
}
.wide_col {
  width: 990px;
  margin: 0;
}
.main_col {
  width: 660px;
  margin: 0;
  float: left;
}
.side_col {
  width: 330px;
  margin: 0;
  float: right;
}
.sitecopyright {
  max-width: 1000px;
  padding: 0 10px 0 0;
  color: #cccccc;
  font-size: 12px;
  text-align: right;
}
.strong {
  font-weight: bold;
}
a {
  color: #294866;
}
.hidden {
  visibility: hidden ! important;
  height: 0px ! important;
  overflow: hidden ! important;
  padding: 0 ! important;
  margin: 0 ! important;
  border: none ! important;
}
.spinning {
  zoom: 1;
  filter: Alpha(opacity= 20 );
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity= 20 );
  opacity: 0.2;
  moz-opacity: 0.2;
}
/* Phone Element */
.phonenavigationbutton {
  display: none;
}
/*** Header ***/
.header {
  height: 100px;
  background: #cc1421 url("http://web.magnus.de/public/html/headerFooter/wmp/images/bg_header.png") no-repeat right center;
}
.header .logo {
  width: 320px;
  height: 100px;
  display: block;
  float: left;
  background: url("http://web.magnus.de/public/html/headerFooter/wmp/images/logo.png") no-repeat 20px 0;
  position: relative;
  text-decoration: none;
}
.header .logo:hover:before {
  position: absolute;
  bottom: 0px;
  left: 248px;
  content: 'zur Startseite';
  font-size: 12px;
  color: #f0f0f0;
}
.header .logo img {
  display: none;
}
.header .searcharea {
  width: 310px;
  height: 80px;
  padding: 17px 30px 0 0;
  display: block;
  float: right;
}
.header .searcharea form {
  position: relative;
}
.header .searcharea form ul {
  position: relative;
  background-color: #ffffff;
  border-right: 1px solid #bbbbbb;
  border-bottom: 1px solid #bbbbbb;
  border-left: 1px solid #bbbbbb;
  z-index: 40;
}
.header .searcharea form li {
  padding: 0 5px;
  cursor: pointer;
}
.header .searcharea form li:hover,
.header .searcharea form .hover {
  background-color: #eeeeee;
}
.header .searcharea .search span {
  position: absolute;
  top: 6px;
  left: 5px;
  color: #999999;
  font-size: 14px;
}
.header .searcharea .search input {
  width: 310px;
  height: 34px;
  padding: 2px 60px 2px 5px;
  background-color: #ffffff;
  border: 1px solid #bbbbbb;
}
.header .searcharea input.submit {
  width: 40px;
  height: 28px;
  position: absolute;
  top: 3px;
  right: 1px;
  background: #ffffff url("http://web.magnus.de/public/html/headerFooter/wmp/images/sprite.png") -240px -47px no-repeat;
  border-color: #bbbbbb;
  border-style: solid;
  border-width: 0 0 0 1px;
}
.header .servicenavigation {
  text-align: right;
}
.header .servicenavigation li {
  display: inline;
  padding-right: 10px;
  background: transparent url("http://web.magnus.de/public/html/headerFooter/wmp/images/sprite.png") right 3px no-repeat;
}
.header .servicenavigation li:last-child {
  padding-right: 0;
  background: none !important;
}
.header .servicenavigation li,
.header .servicenavigation li a {
  color: #f0f0f0;
  font-size: 11px;
  text-decoration: none;
}
.header .servicenavigation li a:hover,
.header .servicenavigation li a:focus {
  text-decoration: underline;
}
/*** Navigation ***/
.mainnavigation {
  height: 35px;
  margin: 1px 0 0 0;
  position: relative;
  background: #3c5b77;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr= #3c5b77 , EndColorStr= #090d11 );
  background: -moz-linear-gradient(top, #3c5b77 0%, #090d11 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3c5b77), color-stop(100%, #090d11));
  background: -webkit-linear-gradient(top, #3c5b77 0%, #090d11 100%);
  background: -o-linear-gradient(top, #3c5b77 0%, #090d11 100%);
  background: linear-gradient(top, #3c5b77 0%, #090d11 100%);
}
.mainnavigation .active {
  background: #001226;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr= #001226 , EndColorStr= #00418c );
  background: -moz-linear-gradient(top, #001226 0%, #00418c 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #001226), color-stop(100%, #00418c));
  background: -webkit-linear-gradient(top, #001226 0%, #00418c 100%);
  background: -o-linear-gradient(top, #001226 0%, #00418c 100%);
  background: linear-gradient(top, #001226 0%, #00418c 100%);
  background-color: #1a2733;
}
.mainnavigation .active > a,
.mainnavigation .active > span {
  background: url("http://web.magnus.de/public/html/headerFooter/wmp/images/bg_box.png");
}
.mainnavigation ul {
  height: 35px;
  margin: 0;
  padding: 0;
  background: url("http://web.magnus.de/public/html/headerFooter/wmp/images/bg_box.png");
  list-style: none;
}
.mainnavigation ul li.firstlevel {
  float: left;
  background-color: transparent;
  position: relative;
}
.mainnavigation ul li.firstlevel:hover,
.mainnavigation ul li.firstlevel:focus {
  background: #d9d9d9;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr= #d9d9d9 , EndColorStr= #ffffff );
  background: -moz-linear-gradient(top, #d9d9d9 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d9d9d9), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #d9d9d9 0%, #ffffff 100%);
  background: -o-linear-gradient(top, #d9d9d9 0%, #ffffff 100%);
  background: linear-gradient(top, #d9d9d9 0%, #ffffff 100%);
}
.mainnavigation ul li.firstlevel:hover a,
.mainnavigation ul li.firstlevel:focus a,
.mainnavigation ul li.firstlevel:hover > span,
.mainnavigation ul li.firstlevel:focus > span {
  color: #000000;
  background-color: transparent;
}
.mainnavigation ul li.firstlevel:hover a:before,
.mainnavigation ul li.firstlevel:focus a:before {
  display: none !important;
}
.mainnavigation ul li.firstlevel a,
.mainnavigation ul li.firstlevel > span {
  height: 24px;
  padding: 5px 28px 6px 22px;
  display: block;
  position: relative;
  border-left: 1px solid #344e66;
  border-right: 1px solid #000000;
  color: #f0f0f0;
  font-family: 'Play', Arial, sans-serif;
  font-weight: 400;
  text-decoration: none;
  cursor: pointer;
}
.mainnavigation ul li.firstlevel a:before,
.mainnavigation ul li.firstlevel > span:before {
  display: block;
  content: ' ';
  border-color: #cacaca transparent transparent transparent;
  border-style: solid;
  border-width: 5px;
  position: absolute;
  top: 16px;
  right: 8px;
}
.mainnavigation ul li.firstlevel:first-child a {
  border-left: none;
}
.mainnavigation ul li.firstlevel:last-child a {
  border-right: none;
}
.mainnavigation .secondlevel {
  width: 550px;
  position: absolute;
  top: 35px;
  left: 0;
  overflow: hidden;
  visibility: hidden;
  z-index: 3800000000;
  background-color: #fff;
  border-right: 1px solid #eeeeee;
  border-bottom: 3px solid #eeeeee;
  border-left: 1px solid #eeeeee;
}
.mainnavigation .secondlevel a:before {
  display: none !important;
}
.mainnavigation .secondlevel ul {
  width: 200px;
  height: auto;
  min-height: 240px;
  padding: 5px 0 5px 5px;
  background: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr= #ffffff , EndColorStr= #d9d9d9 );
  background: -moz-linear-gradient(top, #ffffff 0%, #d9d9d9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #d9d9d9));
  background: -webkit-linear-gradient(top, #ffffff 0%, #d9d9d9 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #d9d9d9 100%);
  background: linear-gradient(top, #ffffff 0%, #d9d9d9 100%);
}
.mainnavigation .secondlevel ul li {
  float: none;
}
.mainnavigation .secondlevel ul li a {
  height: auto;
  padding: 3px 25px 3px 5px;
  display: block;
  border: none;
  font: 'Play', Arial, sans-serif;
  text-decoration: none;
}
.mainnavigation .secondlevel ul li:hover a,
.mainnavigation .secondlevel ul .active a {
  background-color: #ffffff;
  padding: 2px 25px 2px 4px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc !important;
  color: #00418c !important;
}
.mainnavigation .secondlevel ul li:hover a.navloader,
.mainnavigation .secondlevel ul .active a.navloader {
  background: #ffffff url('http://web.magnus.de/public/html/headerFooter/wmp/images/loader.gif') no-repeat center right;
}
.mainnavigation .firstlevel:first-child .secondlevel {
  border-left: none;
}
.mainnavigation .secondlevel2 {
  overflow: hidden;
  visibility: hidden;
}
.mainnavigation .secondlevel2 a:before {
  display: none !important;
}
.mainnavigation .secondlevel2 ul {
  height: auto;
  padding: 5px;
  position: absolute;
  z-index: 3800000000;
  border-bottom: 3px solid #eeeeee;
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  background: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr= #ffffff , EndColorStr= #d9d9d9 );
  background: -moz-linear-gradient(top, #ffffff 0%, #d9d9d9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #d9d9d9));
  background: -webkit-linear-gradient(top, #ffffff 0%, #d9d9d9 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #d9d9d9 100%);
  background: linear-gradient(top, #ffffff 0%, #d9d9d9 100%);
}
.mainnavigation .secondlevel2 ul li {
  float: none;
}
.mainnavigation .secondlevel2 ul li a {
  height: auto;
  padding: 3px 5px;
  display: block;
  border: none;
  font: 'Play', Arial, sans-serif;
  text-decoration: none;
  white-space: nowrap;
}
.mainnavigation .secondlevel2 ul li:hover a,
.mainnavigation .secondlevel2 ul .active a {
  background-color: #ffffff;
  padding: 2px 4px;
  border: 1px solid #ccc;
  color: #00418c !important;
}
.mainnavigation ul li:hover .secondlevel,
.mainnavigation ul li:hover .secondlevel2 {
  visibility: visible;
  transition-delay: 0.13s;
  -moz-transition-delay: 0.13s;
  -webkit-transition-delay: 0.13s;
  -o-transition-delay: 0.13s;
}
/* Ajax Container */
.articlesuggest {
  width: 330px;
  padding: 5px;
  position: absolute;
  top: 0;
  left: 205px;
  z-index: 3800000001;
}
.articlesuggest a {
  height: auto !important;
  padding: 5px !important;
  border: none !important;
  overflow: hidden;
  transition: background-color 0.4s linear;
  -o-transition: background-color 0.4s linear;
  -moz-transition: background-color 0.4s linear;
  -webkit-transition: background-color 0.4s linear;
}
.articlesuggest a:hover {
  background: #eeeeee !important;
  transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -webkit-transition: background-color 0.2s linear;
}
.articlesuggest .previewimg {
  padding: 10px;
}
.ajaxteaserlist {
  width: 330px;
  float: left;
}
.ajaxteaserlist img {
  width: 105px;
  padding: 3px;
  margin: 0 10px 0 0;
  float: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}
.ajaxteaserlist .headline {
  display: block;
  color: #265380;
  font-family: 'Play', Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
/* Loader */
.loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  content: "";
  background: #ffffff url("http://web.magnus.de/public/html/headerFooter/wmp/images/loader.gif") no-repeat 10px 10px;
  border: 1px solid #cccccc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 2px 5px #cccccc;
  -webkit-box-shadow: 0px 2px 5px #cccccc;
  box-shadow: 0px 2px 5px #cccccc;
  zoom: 1;
  filter: Alpha(opacity= 90 );
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity= 90 );
  opacity: 0.9;
  moz-opacity: 0.9;
}
.articlesuggest .loader {
  top: 85px;
  left: 130px;
}
/*** Breadcrumb Sozial ***/
.breadandsocial {
  height: 35px;
  padding: 5px 10px 0;
  font-size: 12px;
}
.breadcrumb {
  width: 78%;
  float: left;
}
.breadcrumb li {
  display: inline;
}
.breadcrumb a {
  padding: 0 10px 0 0;
  margin: 0 2px 0 0;
  background: transparent url("http://web.magnus.de/public/html/headerFooter/wmp/images/sprite.png") right -23px no-repeat;
  color: #294866;
  text-decoration: none;
}
.breadcrumb a span {
  background-color: #ffffff;
}
.breadcrumb strong,
.breadcrumb h1 {
  display: inline;
  font-size: 12px;
}
.sociallinks {
  width: 18%;
  float: right;
  text-align: right;
}
.sociallinks ul {
  overflow: hidden;
  float: right;
}
.sociallinks li {
  float: left;
  text-indent: 10000px;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.sociallinks li:last-child {
  margin-right: 0;
}
.sociallinks a {
  /*display: inline-block; *+html &{ display: inline; zoom: 1; }*/

  display: block;
}
.ico_facebook {
  background: transparent url("http://web.magnus.de/public/html/headerFooter/wmp/images/sprite.png") -1px -1px no-repeat;
}
.ico_facebook:hover {
  background-position: -1px -27px;
}
.ico_google {
  background: transparent url("http://web.magnus.de/public/html/headerFooter/wmp/images/sprite.png") -27px -1px no-repeat;
}
.ico_google:hover {
  background-position: -27px -27px;
}
.ico_twitter {
  background: transparent url("http://web.magnus.de/public/html/headerFooter/wmp/images/sprite.png") -53px -1px no-repeat;
}
.ico_twitter:hover {
  background-position: -53px -27px;
}
.ico_rss {
  background: transparent url("http://web.magnus.de/public/html/headerFooter/wmp/images/sprite.png") -79px -1px no-repeat;
}
.ico_rss:hover {
  background-position: -79px -27px;
}
/*** Footer ***/
.footer {
  height: 100px;
  border-top: 2px solid #ffffff;
  background: #e31625;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr= #e31625 , EndColorStr= #860d16 );
  background: -moz-linear-gradient(top, #e31625 0%, #860d16 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e31625), color-stop(100%, #860d16));
  background: -webkit-linear-gradient(top, #e31625 0%, #860d16 100%);
  background: -o-linear-gradient(top, #e31625 0%, #860d16 100%);
  background: linear-gradient(top, #e31625 0%, #860d16 100%);
}
.footer .innerfooter {
  height: 100px;
  position: relative;
  background: url("http://web.magnus.de/public/html/headerFooter/wmp/images/bg_box.png");
}
.footer,
.footer a {
  color: #f0f0f0;
  font-size: 11px;
  text-decoration: none;
  text-shadow: 1px 1px 0 #000000;
}
.footer a:hover,
.footer a:focus {
  text-decoration: underline;
}
.footer .servicenavigation,
.footer .clusternavigation {
  padding: 70px 3% 0;
}
.footer .servicenavigation li,
.footer .clusternavigation li {
  display: inline;
  padding-right: 10px;
}
.footer .servicenavigation li:last-child,
.footer .clusternavigation li:last-child {
  padding-right: 0;
  background: none !important;
}
.footer .servicenavigation {
  width: 56%;
  float: left;
}
.footer .servicenavigation li {
  background: transparent url("http://web.magnus.de/public/html/headerFooter/wmp/images/sprite.png") right 3px no-repeat;
}
.footer .clusternavigation {
  width: 32%;
  float: right;
  text-align: right;
}
.footer .clusternavigation a {
  width: 50px;
  height: 16px;
  display: inline-block;
  text-indent: 10000px;
  overflow: hidden;
}
* + html .footer .clusternavigation a {
  display: inline;
  zoom: 1;
}
.footer .logo_audio {
  background: transparent url("http://web.magnus.de/public/html/headerFooter/wmp/images/sprite.png") -175px -49px no-repeat;
}
.footer .logo_colorfoto {
  background: transparent url("http://web.magnus.de/public/html/headerFooter/wmp/images/sprite.png") -175px -66px no-repeat;
}
.footer .logo_connect {
  background: transparent url("http://web.magnus.de/public/html/headerFooter/wmp/images/sprite.png") -175px -82px no-repeat;
}
.footer .logo_bizzwire {
    background: transparent url("http://web.magnus.de/public/html/headerFooter/wmp/images/sprite.png") -175px -82px no-repeat;
}
.footer .logo_pcmagazin {
  background: transparent url("http://web.magnus.de/public/html/headerFooter/wmp/images/sprite.png") -175px -99px no-repeat;
}
.footer .logo_video {
  background: transparent url("http://web.magnus.de/public/html/headerFooter/wmp/images/sprite.png") -175px -115px no-repeat;
}
.linktotop {
  position: absolute;
  top: -25px;
  left: 50%;
  margin-left: -32px;
  padding: 25px 0 0 0;
  color: #f0f0f0;
  font-size: 11px;
  text-decoration: none;
  background: transparent url("http://web.magnus.de/public/html/headerFooter/wmp/images/sprite.png") -170px 0px no-repeat;
}
/*** Button ***/
.button {
  padding: 8px 12px;
  display: inline-block;
  border: 1px solid #a6a6a6;
  color: #333333 !important;
  line-height: 16px;
  text-shadow: 1px 1px 0px #ffffff;
  background: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr= #ffffff , EndColorStr= #cccccc );
  background: -moz-linear-gradient(-45deg, #ffffff 0%, #cccccc 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #cccccc));
  background: -webkit-linear-gradient(-45deg, #ffffff 0%, #cccccc 100%);
  background: -o-linear-gradient(-45deg, #ffffff 0%, #cccccc 100%);
  background: -ms-linear-gradient(-45deg, #ffffff 0%, #cccccc 100%);
  background: linear-gradient(135deg, #ffffff 0%, #cccccc 100%);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  /* Farbvarianten */

  /* Farbvariante 2 */

}
* + html .button {
  display: inline;
  zoom: 1;
}
.button,
.button a {
  text-decoration: none;
}
.button:hover,
.button:focus {
  background: #b3b3b3;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr= #b3b3b3 , EndColorStr= #ffffff );
  background: -moz-linear-gradient(top, #b3b3b3 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b3b3b3), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #b3b3b3 0%, #ffffff 100%);
  background: -o-linear-gradient(top, #b3b3b3 0%, #ffffff 100%);
  background: linear-gradient(top, #b3b3b3 0%, #ffffff 100%);
}
.button.color {
  border: 1px solid #7b181f;
  color: #f0f0f0 !important;
  text-shadow: 1px 1px 0px #000000;
  background: #dd505a;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr= #dd505a , EndColorStr= #7b181f );
  background: -moz-linear-gradient(top, #dd505a 0%, #7b181f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dd505a), color-stop(100%, #7b181f));
  background: -webkit-linear-gradient(top, #dd505a 0%, #7b181f 100%);
  background: -o-linear-gradient(top, #dd505a 0%, #7b181f 100%);
  background: linear-gradient(top, #dd505a 0%, #7b181f 100%);
}
.button.color:hover,
.button.color:focus {
  border: 1px solid #77363b;
  background: #d12935;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr= #d12935 , EndColorStr= #911c25 );
  background: -moz-linear-gradient(top, #d12935 0%, #911c25 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d12935), color-stop(100%, #911c25));
  background: -webkit-linear-gradient(top, #d12935 0%, #911c25 100%);
  background: -o-linear-gradient(top, #d12935 0%, #911c25 100%);
  background: linear-gradient(top, #d12935 0%, #911c25 100%);
  text-shadow: 1px 1px 0px #666666;
}
.button.important {
  border: 1px solid #834700;
  color: #f0f0f0 !important;
  text-shadow: 1px 1px 0px #000000;
  background: #ffba6a;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr= #ffba6a , EndColorStr= #d07000 );
  background: -moz-linear-gradient(top, #ffba6a 0%, #d07000 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffba6a), color-stop(100%, #d07000));
  background: -webkit-linear-gradient(top, #ffba6a 0%, #d07000 100%);
  background: -o-linear-gradient(top, #ffba6a 0%, #d07000 100%);
  background: linear-gradient(top, #ffba6a 0%, #d07000 100%);
}
.button.important:hover,
.button.important:focus {
  border: 1px solid #c67b23;
  background: #e97e00;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr= #e97e00 , EndColorStr= #ffae50 );
  background: -moz-linear-gradient(top, #e97e00 0%, #ffae50 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e97e00), color-stop(100%, #ffae50));
  background: -webkit-linear-gradient(top, #e97e00 0%, #ffae50 100%);
  background: -o-linear-gradient(top, #e97e00 0%, #ffae50 100%);
  background: linear-gradient(top, #e97e00 0%, #ffae50 100%);
  text-shadow: 1px 1px 0px #666666;
}
.button.inactive {
  border: 1px solid #a6a6a6;
  color: #f0f0f0 !important;
  text-shadow: 1px 1px 0px #000000;
  background: #cccccc;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr= #cccccc , EndColorStr= #cccccc );
  background: -moz-linear-gradient(top, #cccccc 0%, #cccccc 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(100%, #cccccc));
  background: -webkit-linear-gradient(top, #cccccc 0%, #cccccc 100%);
  background: -o-linear-gradient(top, #cccccc 0%, #cccccc 100%);
  background: linear-gradient(top, #cccccc 0%, #cccccc 100%);
  cursor: default;
}
.button.inactive:hover,
.button.inactive:focus {
  background: #cccccc;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr= #cccccc , EndColorStr= #cccccc );
  background: -moz-linear-gradient(top, #cccccc 0%, #cccccc 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(100%, #cccccc));
  background: -webkit-linear-gradient(top, #cccccc 0%, #cccccc 100%);
  background: -o-linear-gradient(top, #cccccc 0%, #cccccc 100%);
  background: linear-gradient(top, #cccccc 0%, #cccccc 100%);
}
.button.articlenext,
.button.articleback {
  padding: 14px 16px;
  display: block;
  position: relative;
  width: auto;
  height: 16px;
  clear: both;
  margin: 0 0 20px;
}
.button.articlenext:after,
.button.articleback:after {
  width: 20px;
  height: 30px;
  content: "»";
  float: right;
  font-family: arial;
  font-size: 50px;
  line-height: 8px;
  text-align: right;
}
.button.articleback {
  text-align: right;
}
.button.articleback:after {
  float: left;
  text-align: left;
  content: "«";
}
.button.adspecial {
  width: auto;
  padding: 14px 16px;
  margin: 0 0 20px;
  display: block;
  position: relative;
}
.button.adspecial span {
  padding: 8px;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #ffffff;
  color: #aaaaaa;
  font-size: 12px;
  line-height: 12px;
  -moz-border-radius: 0 0 0 5px;
  -webkit-border-radius: 0 0 0 5px;
  border-radius: 0 0 0 5px;
}
.button.prev,
.button.next {
  padding: 6px 12px;
  position: absolute;
  top: 0;
  left: 0;
}
.button.prev span,
.button.next span {
  display: block;
  width: 38px;
  height: 32px;
  background: url("http://web.magnus.de/public/html/headerFooter/wmp/images/sprite.png") -1px -160px no-repeat;
  text-indent: 10000px;
}
.button.next {
  left: auto;
  right: 0;
}
.button.next span {
  background: url("http://web.magnus.de/public/html/headerFooter/wmp/images/sprite.png") -63px -160px no-repeat;
}
/*** Formularstyles ***/
/* Info */
.forminfo {
  margin: 0 0 10px 0;
  padding: 0;
  display: block;
  font-size: 14px;
}
.formstar {
  color: #265380;
  display: inline !important;
}
/* Fehler */
.formerror {
  margin: 0;
  padding: 3px 6px;
  display: block;
  position: relative;
  top: -18px;
  background-color: #265380;
  color: #ffffff;
  font-size: 14px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.formerror:after {
  content: ' ';
  border-color: transparent transparent #265380 transparent;
  border-style: solid;
  border-width: 8px;
  display: block;
  position: absolute;
  top: -18px;
  left: 5px;
}
/* Textfeld, Textarea, Select */
.radiocheckgroup,
.input,
.textarea,
.select,
.captcha {
  position: relative;
  margin: 0 0 20px 0;
  display: block;
}
.radiocheckgroup {
  padding: 3px 6px;
  border: 1px solid #b3b3b3;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.grouplabel,
.input span,
.textarea span,
.select span {
  display: block;
  font-weight: bold;
  clear: both;
}
.input input,
.textarea textarea,
.select select {
  width: 100%;
  padding: 3px 6px;
  line-height: 20px;
  border: 1px solid #b3b3b3;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.input input:focus,
.textarea textarea:focus,
.select select:focus {
  border: 1px solid #265380;
}
/* Checkbox, Radio */
.radio,
.checkbox {
  display: block;
  padding: 0 0 0 20px;
  position: relative;
}
.radio input {
  position: absolute;
  top: 5px;
  left: 0;
}
.checkbox input {
  position: absolute;
  top: 3px;
  left: 0;
}
/* ReCaptcha */
.captcha #recaptcha_area {
  background-color: #e0e0e0;
  width: 100% !important;
  max-width: 318px !important;
  border: 1px solid #b3b3b3;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.captcha #recaptcha_table {
  width: 100% !important;
  max-width: 318px !important;
}
.captcha #recaptcha_image {
  width: auto !important;
  height: auto !important;
  border: 1px solid #b3b3b3;
}
.captcha #recaptcha_image img {
  width: 100% !important;
  height: auto !important;
}
.captcha .recaptcha_r1_c1,
.captcha .recaptcha_r2_c1,
.captcha .recaptcha_r2_c2,
.captcha .recaptcha_r3_c1,
.captcha .recaptcha_r3_c2,
.captcha .recaptcha_r3_c3,
.captcha .recaptcha_r7_c1,
.captcha .recaptcha_r7_c2,
.captcha .recaptcha_r8_c1,
.captcha .recaptcha_r4_c2 {
  background: none !important;
}
.captcha .recaptcha_r4_c4 {
  background-position: -214px 7px !important;
}
/* Mehrspalter */
.formfield {
  overflow: hidden;
}
.formfield_min {
  width: 30%;
}
.formfield_med {
  width: 65%;
}
.formfield_left {
  float: left;
  clear: both;
}
.formfield_right {
  float: right;
}
/*** Tabellen ***/
.datentabelle {
  width: 100%;
  background: #fbfbfb;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr= #fbfbfb , EndColorStr= #e1e1e1 );
  background: -moz-linear-gradient(-45deg, #fbfbfb 0%, #e1e1e1 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #fbfbfb), color-stop(100%, #e1e1e1));
  background: -webkit-linear-gradient(-45deg, #fbfbfb 0%, #e1e1e1 100%);
  background: -o-linear-gradient(-45deg, #fbfbfb 0%, #e1e1e1 100%);
  background: -ms-linear-gradient(-45deg, #fbfbfb 0%, #e1e1e1 100%);
  background: linear-gradient(135deg, #fbfbfb 0%, #e1e1e1 100%);
}
.datentabelle tr:nth-child(odd),
.datentabelle tr .row_2 td {
  background-color: #eeeeee;
}
.datentabelle tr:hover td {
  border-bottom: 1px solid #b3b3b3;
}
.datentabelle th,
.datentabelle td {
  padding: 3px 5px;
  text-align: left;
}
.datentabelle th {
  color: #ffffff;
  font-weight: bold;
  background: #ea2937;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr= #ea2937 , EndColorStr= #9e0f19 );
  background: -moz-linear-gradient(top, #ea2937 0%, #9e0f19 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ea2937), color-stop(100%, #9e0f19));
  background: -webkit-linear-gradient(top, #ea2937 0%, #9e0f19 100%);
  background: -o-linear-gradient(top, #ea2937 0%, #9e0f19 100%);
  background: linear-gradient(top, #ea2937 0%, #9e0f19 100%);
}
.datentabelle td {
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}
.datentabelle .subgroup td {
  padding: 4px 5px;
  background: #fbfbfb;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr= #fbfbfb , EndColorStr= #e1e1e1 );
  background: -moz-linear-gradient(top, #fbfbfb 0%, #e1e1e1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #e1e1e1));
  background: -webkit-linear-gradient(top, #fbfbfb 0%, #e1e1e1 100%);
  background: -o-linear-gradient(top, #fbfbfb 0%, #e1e1e1 100%);
  background: linear-gradient(top, #fbfbfb 0%, #e1e1e1 100%);
  border-bottom: 1px solid #ffffff !important;
  border-left: none;
  color: #cc1421;
  font-weight: bold;
}
.datentabelle .data {
  text-align: left;
}
/*** Ratingsterne ***/
.rating_0,
.rating_1,
.rating_2,
.rating_3,
.rating_4,
.rating_5,
.rating_6,
.rating_7,
.rating_8,
.rating_9,
.rating_10 {
  width: 80px;
  height: 14px;
  line-height: 17px;
  display: inline-block !important;
  background: transparent url("http://web.magnus.de/public/html/headerFooter/wmp/images/sprite.png") 0 -60px no-repeat;
  text-indent: -10000px;
  position: relative;
  z-index: 10;
}
.rating_0:after,
.rating_1:after,
.rating_2:after,
.rating_3:after,
.rating_4:after,
.rating_5:after,
.rating_6:after,
.rating_7:after,
.rating_8:after,
.rating_9:after,
.rating_10:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 16px;
  background: transparent url("http://web.magnus.de/public/html/headerFooter/wmp/images/sprite.png") 0 -75px no-repeat;
  z-index: -1;
}
.rating_0 span,
.rating_1 span,
.rating_2 span,
.rating_3 span,
.rating_4 span,
.rating_5 span,
.rating_6 span,
.rating_7 span,
.rating_8 span,
.rating_9 span,
.rating_10 span {
  display: none !important;
}
.rating_0 {
  width: 1px;
  margin-right: 79px;
}
.rating_1 {
  width: 8px;
  margin-right: 72px;
}
.rating_2 {
  width: 15px;
  margin-right: 65px;
}
.rating_3 {
  width: 23px;
  margin-right: 57px;
}
.rating_4 {
  width: 30px;
  margin-right: 50px;
}
.rating_5 {
  width: 38px;
  margin-right: 42px;
}
.rating_6 {
  width: 47px;
  margin-right: 33px;
}
.rating_7 {
  width: 54px;
  margin-right: 26px;
}
.rating_8 {
  width: 62px;
  margin-right: 18px;
}
.rating_9 {
  width: 69px;
  margin-right: 11px;
}
.rating_10 {
  width: 80px;
}
.datentabelle_weiter {
  padding: 5px;
  display: block;
  text-align: right;
}
.teleschau .rating span {
  margin: 0 0 0 5px;
}
/*** Meldungen ***/
.errorinfo {
  margin: 10px;
  padding: 10px;
  border: 1px solid #834700;
  color: #f0f0f0 !important;
  text-shadow: 1px 1px 0px #000000;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #ffba6a;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr= #ffba6a , EndColorStr= #d07000 );
  background: -moz-linear-gradient(top, #ffba6a 0%, #d07000 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffba6a), color-stop(100%, #d07000));
  background: -webkit-linear-gradient(top, #ffba6a 0%, #d07000 100%);
  background: -o-linear-gradient(top, #ffba6a 0%, #d07000 100%);
  background: linear-gradient(top, #ffba6a 0%, #d07000 100%);
}
/*** Overlay ***/
.iateeverything,
.overlay {
  display: none;
}
.showoverlay .wrapper {
  zoom: 1;
  filter: Alpha(opacity= 70 );
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity= 70 );
  opacity: 0.7;
  moz-opacity: 0.7;
}
.showoverlay .iateeverything {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20000;
}
.showoverlay .overlay {
  padding: 5px;
  display: block;
  position: fixed;
  top: 80px;
  left: 20px;
  background: #ffffff;
  border: 5px solid #eeeeee;
  z-index: 20001;
}
.showoverlay .overlayclose {
  width: 27px;
  padding: 5px 0 0 0;
  height: 22px;
  position: absolute;
  top: -5px;
  right: -32px;
  background: #ffffff;
  border-top: 5px solid #eeeeee;
  border-right: 5px solid #eeeeee;
  border-bottom: 5px solid #eeeeee;
  color: #cc1421;
  cursor: pointer;
  font-size: 24px;
  line-height: 15px;
  text-align: center;
  -moz-border-radius: 0 18px 18px 0;
  -webkit-border-radius: 0 18px 18px 0;
  border-radius: 0 18px 18px 0;
  /*&:hover {
			border: 5px solid @overlaycolor;
			.func_radius(18px);
		}*/

}
.showoverlay .scrollable .overlaycontent {
  overflow: auto;
  width: 100%;
  height: 100%;
}
.showoverlay .overlay_mainsize {
  width: 640px;
  padding: 5px;
}
/*** IE 7 Fixes ***/
* + html .header .searcharea .search input {
  width: 245px;
  height: 30px;
}
/*** Retinaicons ***/
/*Konstruktion umgeht Bug im Less Serverparser*/
@media (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  /* Retina Icons - */
  #main .windows,
  #main .mac_os,
  #main .linux,
  #main .ico_facebook,
  #main .ico_google,
  #main .ico_twitter,
  #main .ico_rss,
  #main .linktotop,
  #main .breadcrumb a,
  #main .header .servicenavigation li,
  #main .searcharea input.submit,
  #main .footer .servicenavigation li,
  #main .logo_audio,
  #main .logo_colorfoto,
  #main .logo_connect,
  #main .logo_bizzwire,
  #main .logo_pcmagazin,
  #main .logo_videomagazin,
  #main .button.prev span,
  #main .button.next span,
  #main .typ_beitragsrondell li,
  #main .typ_rubrikenteaser .subelement,
  #main .typ_topteaser .next,
  #main .typ_topteaser .back,
  #main .typ_related li,
  #main .typ_suche input.submit,
  #main .filterlist .kat li,
  #main .typ_autorenteaser .innerlink,
  #main .boxteaser.typ_newsletterabo .boxheadline,
  #main .article_content ul li,
  #main .article_content .zoom,
  #main .inlineelement .play,
  #main .typ_imagegallery .next span,
  #main .typ_imagegallery .back span,
  #main .typ_textgallery .next,
  #main .typ_textgallery .back,
  #main .typ_downloadbox:before,
  #main .toolbar .callit,
  #main .toolbar .printit {
    background-image: url("http://web.magnus.de/public/html/headerFooter/wmp/images/sprite2x.png");
    -webkit-background-size: 350px 200px;
    -moz-background-size: 350px 200px;
    background-size: 350px 200px;
  }
}
/* Stylesheet der Teaser
--------------------------------

*** Allgemeine Elemente ***
	- Betriebssystemlogo
	- Sammelteaser
	
*** Teaserheader ***
	- Headline
	- Subheadline

*** Pagination ***

*** Bildteaser ***
	- Einerteaser
	- Zweierteaser
	- Dreierteaser
	- Fuenferteaser
	- Listenteaser
	- Beitragsrondell
	- Rubrikenteaser
	- Indexseite Download
	- Top5 Downloads
	- Bestenlisten Übersicht
	- Auswahlbox Bestenliste
	- Textteaser

*** Bildteaser Typ2 ***
	- Einerteaser Zwei
	- Zweierteaser Zwei

*** Spezialteaser ***
	- Thementeaser
	- Topteaser
	- Sensationsteaser
	- PI Teaser
	- Related (Artikel)
	- Schnellfinder
	- HTML
	
*** Filter ***
	- Suche
	- Auswahlbox

*** Randspalte ***
	- Forenteaser
	- Listenteaser
	- Top5 Teaser
	- Tagcloud
	- Autorenteaser
	- Meistgelesenenteaser
	- Newsletterteaser
	- Top 5 Teaser
	
-------------------------------- */
/*** Allgemeine Elemente ***/
.subheadline {
  padding: 0 4px 0 0;
  float: left;
  font-size: 14px;
}
.ranking {
  font-family: 'Play', Arial, sans-serif;
  padding-right: 5px;
  position: relative;
  color: #333;
  float: left;
}
.price {
  float: right;
  color: #333333;
}
.price span {
  color: #bf141e;
}
/* Betriebssystemlogo */
.windows,
.mac_os,
.linux {
  height: 20px;
  width: 20px;
  display: inline-block;
  text-indent: -10000px;
}
* + html .windows,
* + html .mac_os,
* + html .linux {
  display: inline;
  zoom: 1;
}
.windows {
  background: transparent url("http://web.magnus.de/public/html/headerFooter/wmp/images/sprite.png") -125px -176px no-repeat;
}
.mac_os {
  background: transparent url("http://web.magnus.de/public/html/headerFooter/wmp/images/sprite.png") -125px -126px no-repeat;
}
.linux {
  background: transparent url("http://web.magnus.de/public/html/headerFooter/wmp/images/sprite.png") -125px -150px no-repeat;
}
/* Sammelteaser */
.widecontainer {
  zoom: 1;
}
.widecontainer:before,
.widecontainer:after {
  content: "";
  display: table;
}
.widecontainer:after {
  clear: both;
}
/*** Teaserheader ***/
/* Headline */
.typ_indexheadline {
  border-top: 1px solid #cccccc;
  margin: 0 10px 20px;
}
.typ_indexheadline .headline {
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0 0 0 2px;
  font-family: 'Play', Arial, sans-serif;
  font-weight: 400;
  font-size: 28px;
  line-height: 34px;
  color: #265380;
}
/* Subheadline */
.teaserheader {
  margin: 0 10px 5px;
  border-top: 1px solid #cccccc;
  overflow: hidden;
  clear: both;
}
.teaserheader .headline {
  display: inline-block;
  margin: 3px 0 0;
  background-color: #294866;
  -moz-box-shadow: 0 15px 5px rgba(255, 255, 255, 0.2) inset;
  -webkit-box-shadow: 0 15px 5px rgba(255, 255, 255, 0.2) inset;
  box-shadow: 0 15px 5px rgba(255, 255, 255, 0.2) inset;
  transition: background-color 0.5s linear;
  -o-transition: background-color 0.5s linear;
  -moz-transition: background-color 0.5s linear;
  -webkit-transition: background-color 0.5s linear;
}
* + html .teaserheader .headline {
  display: inline;
  zoom: 1;
}
.teaserheader .headline a {
  padding: 12px 10px 10px;
  display: inline-block;
  background: url("http://web.magnus.de/public/html/headerFooter/wmp/images/bg_box.png");
  color: #f0f0f0;
  font-size: 14px;
  line-height: 14px;
  text-decoration: none;
  text-shadow: 1px 1px #294866;
}
* + html .teaserheader .headline a {
  display: inline;
  zoom: 1;
}
.teaserheader .headline:hover {
  background-color: #bf141e;
  transition: background-color 0.5s linear;
  -o-transition: background-color 0.5s linear;
  -moz-transition: background-color 0.5s linear;
  -webkit-transition: background-color 0.5s linear;
}
.teaserheader .headline:hover a,
.teaserheader .headline:hover span {
  color: #f0f0f0;
  text-shadow: 1px 1px #bf141e;
}
.teaserheader .headlinelinkless {
  display: inline-block;
  margin: 3px 0 0;
  background-color: #294866;
  -moz-box-shadow: 0 15px 5px rgba(255, 255, 255, 0.2) inset;
  -webkit-box-shadow: 0 15px 5px rgba(255, 255, 255, 0.2) inset;
  box-shadow: 0 15px 5px rgba(255, 255, 255, 0.2) inset;
  transition: background-color 0.5s linear;
  -o-transition: background-color 0.5s linear;
  -moz-transition: background-color 0.5s linear;
  -webkit-transition: background-color 0.5s linear;
}
* + html .teaserheader .headlinelinkless {
  display: inline;
  zoom: 1;
}
.teaserheader .headlinelinkless span {
  padding: 12px 10px 10px;
  display: inline-block;
  background: url("http://web.magnus.de/public/html/headerFooter/wmp/images/bg_box.png");
  color: #f0f0f0;
  font-size: 14px;
  line-height: 14px;
  text-decoration: none;
  text-shadow: 1px 1px #294866;
}
* + html .teaserheader .headlinelinkless span {
  display: inline;
  zoom: 1;
}
/*** Pagination ***/
.typ_pagination {
  position: relative;
  height: 50px;
  margin: 0 10px 30px;
  overflow: hidden;
}
.typ_pagination .numbers {
  width: auto;
  padding: 11px 0;
  margin: 0 80px;
  display: block;
  border-top: 1px solid #eeeeee;
  text-align: center;
  font-size: 20px;
  font-size: bold;
  color: #999;
}
.typ_pagination .numbers a:hover,
.typ_pagination .numbers a:focus {
  text-decoration: underline;
}
.typ_pagination a {
  text-decoration: none;
  color: #294866;
  font-size: 16px;
}
.typ_pagination:first-child {
  margin-bottom: 0;
}
.typ_pagination:first-child .numbers {
  border-bottom: 1px solid #eeeeee;
  border-top: 0;
}
/*** Bildteaser ***/
.bildteaser {
  zoom: 1;
}
.bildteaser:before,
.bildteaser:after {
  content: "";
  display: table;
}
.bildteaser:after {
  clear: both;
}
.bildteaser li {
  float: left;
}
.bildteaser li.firstinrow {
  clear: both;
}
.bildteaser .element {
  overflow: hidden;
  background-color: transparent;
  transition: background-color 0.4s linear;
  -o-transition: background-color 0.4s linear;
  -moz-transition: background-color 0.4s linear;
  -webkit-transition: background-color 0.4s linear;
}
.bildteaser .element:hover {
  background-color: #eeeeee;
  transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -webkit-transition: background-color 0.2s linear;
}
.bildteaser a {
  text-decoration: none;
  color: #333333;
  display: block;
  overflow: hidden;
}
.bildteaser .teaserimage {
  padding: 4px;
  margin: 0 0 10px 0;
  overflow: hidden;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}
.bildteaser .headline {
  margin: 0 0 6px;
  display: block;
  color: #265380;
  font-family: 'Play', Arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
}
.bildteaser .subheadline {
  margin: 0;
  display: block;
  font-size: 14px;
  line-height: 24px;
}
.bildteaser p {
  font-size: 14px;
  line-height: 18px;
}
/* Einerteaser */
.typ_einerteaser {
  padding: 0 0 30px;
}
.typ_einerteaser li {
  width: 310px;
  padding: 5px 10px;
}
.typ_einerteaser .teaserimage {
  position: relative;
  width: 302px;
}
/* Zweiererteaser */
.typ_zweierteaser {
  padding: 0 0 30px;
}
.typ_zweierteaser li {
  width: 310px;
  min-height: 290px;
  padding: 5px 10px;
}
/* Dreierteaser */
.typ_dreierteaser {
  padding: 0 0 15px;
}
.typ_dreierteaser li {
  width: 200px;
  min-height: 270px;
  padding: 5px 10px 0;
}
/* Fuenferteaser */
.typ_fuenferteaser {
  padding: 0 0 30px;
}
.typ_fuenferteaser li {
  width: 310px;
  padding: 5px 10px 5px;
  min-height: 300px;
}
/* Listenteaser */
.typ_listenteaser {
  padding: 0 0 30px;
}
.typ_listenteaser li {
  padding: 15px 10px 0;
  width: 630px;
}
.typ_listenteaser li a {
  display: block;
  overflow: hidden;
  border-bottom: 1px solid #eeeeee;
}
.typ_listenteaser li:last-child a {
  border: none;
}
.typ_listenteaser .teaserimage {
  width: 302px;
  float: left;
  margin: 0 10px 20px 0;
}
.typ_listenteaser .subheadline {
  float: none;
  display: inline;
}
.typ_listenteaser p {
  line-height: 20px;
}
/* Beitragsrondell */
.typ_beitragsrondell {
  margin: 10px 10px 30px 0;
}
.typ_beitragsrondell li {
  float: none;
  padding: 5px 0 5px 25px;
  background: transparent url("http://web.magnus.de/public/html/headerFooter/wmp/images/sprite.png") -305px -40px no-repeat;
}
.typ_beitragsrondell li .teaserimage {
  width: 136px;
  display: none;
}
.typ_beitragsrondell li .subheadline {
  font-size: 14px;
  line-height: 18px;
}
.typ_beitragsrondell li .headline {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 18px;
}
.typ_beitragsrondell li:first-child {
  padding: 0;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
.typ_beitragsrondell li:first-child .innerteaser {
  overflow: hidden;
  padding: 10px 10px 10px 0;
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
  background-color: #eeeeee;
}
.typ_beitragsrondell li:first-child .teaserimage {
  display: block;
  float: left;
  margin: 0 10px;
}
.typ_beitragsrondell li:first-child .subheadline {
  float: none;
}
.typ_beitragsrondell ul:hover li:first-child {
  border: none;
  padding: 5px 0 5px 25px;
}
.typ_beitragsrondell ul:hover li:first-child .innerteaser {
  padding: 0;
  border: none;
  background-color: transparent;
}
.typ_beitragsrondell ul:hover li:first-child .teaserimage {
  display: none;
}
.typ_beitragsrondell ul:hover li:first-child .subheadline {
  float: left;
}
.typ_beitragsrondell ul:hover li:first-child .headline {
  margin-bottom: 0;
}
.typ_beitragsrondell ul:hover li:hover {
  padding: 0;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
.typ_beitragsrondell ul:hover li:hover .innerteaser {
  overflow: hidden;
  padding: 10px 10px 10px 0;
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
  background-color: #eeeeee;
}
.typ_beitragsrondell ul:hover li:hover .teaserimage {
  display: block;
  float: left;
  margin: 0 10px;
}
.typ_beitragsrondell ul:hover li:hover .subheadline {
  float: none;
}
/* Rubrikenteaser */
.typ_rubrikenteaser {
  margin-bottom: 30px;
}
.typ_rubrikenteaser .teaserimage {
  width: 302px;
  float: left;
  margin: 0 10px 0 0;
}
.typ_rubrikenteaser a {
  display: block;
  overflow: hidden;
}
.typ_rubrikenteaser li {
  padding: 10px;
  float: none;
}
.typ_rubrikenteaser .subheadline {
  float: none;
}
.typ_rubrikenteaser .subelement {
  padding: 0 0 0 25px;
  background: transparent url("http://web.magnus.de/public/html/headerFooter/wmp/images/sprite.png") -305px -40px no-repeat;
}
.typ_rubrikenteaser .subelement a {
  min-height: 16px;
  padding: 2px 0 0;
}
.typ_rubrikenteaser .subelement .headline {
  margin-bottom: 0;
  display: inline;
  font-size: 16px;
  line-height: 22px;
}
.typ_rubrikenteaser .subelement .subheadline {
  display: inline;
}
.typ_rubrikenteaser p {
  line-height: 20px;
}
/* Bestenlistenteaser */
.typ_bestenlistenteaser li {
  padding: 15px 10px 0;
  float: none;
  position: relative;
}
.typ_bestenlistenteaser a {
  padding-bottom: 20px;
  border-bottom: 1px solid #cccccc;
  display: block;
}
.typ_bestenlistenteaser p {
  line-height: 20px;
}
.typ_bestenlistenteaser li:last-child a {
  border: none;
}
.typ_bestenlistenteaser .teaserimage {
  width: 302px;
  float: left;
  margin-right: 10px;
}
.typ_bestenlistenteaser .headline {
  margin-bottom: 20px;
}
.typ_bestenlistenteaser .ranking {
  bottom: 2px;
  font-size: 28px;
  line-height: 28px;
}
.typ_bestenlistenteaser .points {
  margin-top: 10px;
  display: block;
}
.typ_bestenlistenteaser .tocompare {
  padding: 0 5px 0 20px;
  position: absolute;
  top: 16px;
  left: 12px;
  font-size: 12px;
  background-color: #ffffff;
  -moz-border-radius: 0 0 5px 0;
  -webkit-border-radius: 0 0 5px 0;
  border-radius: 0 0 5px 0;
}
.typ_bestenlistenteaser input.button {
  margin: 0 10px 10px;
}
/* Indexseite Download */
.typ_index_download {
  overflow: hidden;
}
.typ_index_download .teaserheader {
  margin: 0 10px 5px;
}
.typ_index_download .doublecol {
  float: left;
  width: 50%;
  padding: 0 0 30px 0;
}
.typ_index_download .doublecol:first-child ul {
  border-right: 1px solid #eeeeee;
}
.typ_index_download a {
  display: block;
}
.typ_index_download li {
  float: none;
  padding: 5px 10px 5px 10px;
}
.typ_index_download .teaserimage {
  margin: 0 10px 10px 0;
  float: left;
}
.typ_index_download .headline {
  overflow: hidden;
}
.typ_index_download .headline p {
  font-size: 16px;
  line-height: 20px;
}
.typ_index_download .headline .ranking {
  bottom: 4px;
  font-size: 24px;
  line-height: 24px;
}
.typ_index_download dt {
  float: left;
  margin-right: 5px;
}
/* Top5 Downloads */
.typ_topdownloads {
  margin: 0 0 30px 0;
}
.typ_topdownloads li {
  width: 310px;
  padding: 10px 10px 5px;
}
.typ_topdownloads p {
  line-height: 20px;
}
.typ_topdownloads li:first-child {
  min-height: 445px;
}
.typ_topdownloads li:first-child .teaserimage {
  float: none;
  margin: 0 0 10px 0;
  width: auto;
}
.typ_topdownloads li:first-child .headline .ranking {
  bottom: 4px;
  font-size: 28px;
  line-height: 28px;
}
.typ_topdownloads li:first-child .headline p {
  font-size: 20px;
  line-height: 24px;
}
.typ_topdownloads li:first-child .textwrap {
  margin-top: 20px;
  font-size: 16px;
}
.typ_topdownloads li:last-child {
  float: right;
}
.typ_topdownloads .headline {
  margin-bottom: 10px;
}
.typ_topdownloads .headline .ranking {
  bottom: 4px;
  font-size: 24px;
  line-height: 24px;
}
.typ_topdownloads .headline p {
  font-size: 16px;
  line-height: 20px;
}
.typ_topdownloads .teaserimage {
  margin: 0 10px 10px 0;
  float: left;
}
.typ_topdownloads .innerteaser {
  margin-bottom: 10px;
}
.typ_topdownloads .innerteaser p {
  font-size: 14px;
}
.typ_topdownloads p {
  margin: 0 10px 0 0;
}
.typ_topdownloads dt {
  float: left;
  margin-right: 5px;
}
/* Bestenlisten Übersicht */
.typ_bestenlisten_uebersicht {
  margin-bottom: 30px;
}
.typ_bestenlisten_uebersicht li:first-child {
  min-height: 442px;
}
.bestenliste li {
  width: 200px;
  padding: 10px 10px 0;
  min-height: 216px;
}
.bestenliste .teaserimage {
  float: none;
  margin-bottom: 2px;
}
.bestenliste .headwrap {
  border-bottom: 1px solid #eeeeee;
}
.bestenliste .headwrap .headline {
  min-height: 48px;
  margin-bottom: 2px;
  padding: 5px;
  color: #333333;
  text-shadow: 1px 1px 0px #ffffff;
  background: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr= #ffffff , EndColorStr= #e8e8e8 );
  background: -moz-linear-gradient(-45deg, #ffffff 0%, #e8e8e8 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #e8e8e8));
  background: -webkit-linear-gradient(-45deg, #ffffff 0%, #e8e8e8 100%);
  background: -o-linear-gradient(-45deg, #ffffff 0%, #e8e8e8 100%);
  background: -ms-linear-gradient(-45deg, #ffffff 0%, #e8e8e8 100%);
  background: linear-gradient(135deg, #ffffff 0%, #e8e8e8 100%);
}
.bestenliste .headwrap .ranking {
  bottom: 4px;
  font-size: 28px;
  line-height: 28px;
}
.bestenliste .headwrap p {
  font-size: 20px;
  line-height: 24px;
  color: #265380;
  text-shadow: none;
}
.bestenliste .points {
  float: left;
}
.bestenliste .points p {
  font-size: 16px;
  line-height: 24px;
}
.bestenliste li:hover .headwrap {
  border: none;
  padding-bottom: 1px;
}
.bestenliste li:hover .headline {
  background: transparent;
}
.bestenliste li:first-child .headwrap {
  border-bottom: none;
}
.bestenliste li:first-child .headwrap .headline {
  background: url("http://web.magnus.de/public/html/headerFooter/wmp/images/bg_box.png");
  text-shadow: 1px 1px #000000;
  background: #262626;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr= #262626 , EndColorStr= #000000 );
  background: -moz-linear-gradient(-45deg, #262626 0%, #000000 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #262626), color-stop(100%, #000000));
  background: -webkit-linear-gradient(-45deg, #262626 0%, #000000 100%);
  background: -o-linear-gradient(-45deg, #262626 0%, #000000 100%);
  background: -ms-linear-gradient(-45deg, #262626 0%, #000000 100%);
  background: linear-gradient(135deg, #262626 0%, #000000 100%);
}
.bestenliste li:first-child .headwrap .ranking {
  color: #fff;
}
.bestenliste li:first-child .headwrap p {
  color: #fff;
  text-shadow: 1px 1px #000000;
}
.bestenliste li:first-child .textwrap {
  min-height: 206px;
  padding: 10px 5px 9px 5px;
  background: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr= #ffffff , EndColorStr= #e8e8e8 );
  background: -moz-linear-gradient(-45deg, #ffffff 0%, #e8e8e8 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #e8e8e8));
  background: -webkit-linear-gradient(-45deg, #ffffff 0%, #e8e8e8 100%);
  background: -o-linear-gradient(-45deg, #ffffff 0%, #e8e8e8 100%);
  background: -ms-linear-gradient(-45deg, #ffffff 0%, #e8e8e8 100%);
  background: linear-gradient(135deg, #ffffff 0%, #e8e8e8 100%);
  margin-bottom: 1px;
  -webkit-box-shadow: 0px 1px 0px #eeeeee;
  -moz-box-shadow: 0px 1px 0px #eeeeee;
  box-shadow: 0px 1px 0px #eeeeee;
  border-bottom: 2px solid #ffffff;
}
.bestenliste li:first-child .textwrap span {
  color: #294866;
  font-weight: bold;
}
.bestenliste li:first-child:hover .headwrap {
  padding-bottom: 0;
}
.bestenliste li:first-child:hover .textwrap {
  background: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-bottom: 2px solid transparent;
}
/* Auswahlbox Bestenliste */
.bestenliste.typ_auswahlbox_bestenliste {
  margin-bottom: 30px;
}
/* Textteaser */
.typ_textteaser {
  margin: 0 10px 30px;
}
.typ_textteaser a {
  height: 88px;
  padding: 10px;
  display: block;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  transition: background-color 0.4s linear;
  -o-transition: background-color 0.4s linear;
  -moz-transition: background-color 0.4s linear;
  -webkit-transition: background-color 0.4s linear;
}
.typ_textteaser a:hover {
  background: #eeeeee;
  transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -webkit-transition: background-color 0.2s linear;
}
/*** Bildteaser Typ2 ***/
.typ_einerteaser_zwei .teaserimage,
.typ_zweierteaser_zwei .teaserimage {
  width: auto;
}
.typ_einerteaser_zwei .teaserimage div,
.typ_zweierteaser_zwei .teaserimage div {
  position: relative;
}
.typ_einerteaser_zwei .teaserimage .headline,
.typ_zweierteaser_zwei .teaserimage .headline {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 96%;
  padding: 5px 2%;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 20px;
  color: #265380;
  background: #ffffff;
  background: -moz-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0.7) 100%);
  background: -webkit-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0.7) 100%);
  background: -o-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0.7) 100%);
  background: linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0.7) 100%);
}
/* Einerteaser Zwei */
.typ_einerteaser_zwei {
  padding: 0 0 30px;
}
.typ_einerteaser_zwei li {
  width: auto;
  padding: 5px 10px;
}
/* Zweierteaser Zwei */
.typ_zweierteaser_zwei {
  margin-top: -5px;
  padding: 0 0 30px;
}
.typ_zweierteaser_zwei .typ_einerteaser_zwei {
  padding: 0;
}
.typ_zweierteaser_zwei .teaserimage {
  margin: 0;
}
.typ_zweierteaser_zwei li {
  width: 310px;
  padding: 4px 10px 5px;
}
/*** Spezialteaser ***/
/* Thementeaser */
.typ_thementeaser {
  padding: 0 10px 30px;
  position: relative;
  overflow: hidden;
}
.typ_thementeaser .inner {
  border: 1px solid #cccccc;
  position: relative;
}
.typ_thementeaser .innerbox {
  display: block;
  border: 4px solid #ffffff;
  position: relative;
  color: #333333;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
}
.typ_thementeaser .teaserimage {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.typ_thementeaser img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.typ_thementeaser .infofield {
  width: 649px;
  padding: 10px 10px 0 0;
  margin: 100px 0 0;
  position: relative;
  top: 5px;
  left: -5px;
  z-index: 2;
  background: #ffffff;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  font-size: 16px;
  line-height: 22px;
  -moz-box-shadow: 3px -3px 0 #ffffff;
  -webkit-box-shadow: 3px -3px 0 #ffffff;
  box-shadow: 3px -3px 0 #ffffff;
}
/* Topteaser */
.typ_topteaser {
  margin: 0 10px 30px;
  position: relative;
  color: #333333;
  border: 1px solid #cccccc;
}
.typ_topteaser a {
  display: block;
  position: relative;
  color: #333333;
  text-decoration: none;
}
.typ_topteaser .inner {
  border: 4px solid #ffffff;
  position: relative;
  overflow: hidden;
}
.typ_topteaser .containerwrapper {
  width: 400%;
  position: relative;
}
.typ_topteaser .container {
  width: 25%;
  float: left;
}
.typ_topteaser .infofield {
  width: 96%;
  padding: 0 2% 80px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #ffffff;
  background: -moz-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0.7) 100%);
  background: -webkit-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0.7) 100%);
  background: -o-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0.7) 100%);
  background: linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0.7) 100%);
  text-shadow: 1px 1px 0 #ffffff;
}
.typ_topteaser .headline {
  font-family: 'Play', Arial, sans-serif;
  font-weight: 400;
  font-size: 28px;
  line-height: 42px;
  color: #265380;
}
.typ_topteaser p {
  font-size: 16px;
  line-height: 22px;
}
.typ_topteaser .next,
.typ_topteaser .back {
  width: 50px;
  height: 50px;
  margin-top: -25px;
  position: absolute;
  top: 50%;
  left: 4px;
  background: #ffffff url("http://web.magnus.de/public/html/headerFooter/wmp/images/sprite.png") 5px -100px no-repeat;
  cursor: pointer;
  text-indent: 10000px;
  display: none;
  zoom: 1;
  filter: Alpha(opacity= 50 );
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity= 50 );
  opacity: 0.5;
  moz-opacity: 0.5;
}
.typ_topteaser .next {
  left: auto;
  right: 4px;
  background-position: -55px -100px;
}
.typ_topteaser .next:hover,
.typ_topteaser .back:hover {
  zoom: 1;
  filter: Alpha(opacity= 100 );
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity= 100 );
  opacity: 1;
  moz-opacity: 1;
}
.typ_topteaser .leapmark {
  width: 620px;
  position: absolute;
  bottom: 10px;
  left: 0;
  padding: 0 0 0 15px;
  color: #ffffff;
}
.typ_topteaser .leapmark li {
  width: 24%;
  margin: 0 1% 0 0;
  display: block;
  float: left;
  background: #ef5762;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr= #ef5762 , EndColorStr= #9e0f19 );
  background: -moz-linear-gradient(-45deg, #ef5762 0%, #9e0f19 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ef5762), color-stop(100%, #9e0f19));
  background: -webkit-linear-gradient(-45deg, #ef5762 0%, #9e0f19 100%);
  background: -o-linear-gradient(-45deg, #ef5762 0%, #9e0f19 100%);
  background: -ms-linear-gradient(-45deg, #ef5762 0%, #9e0f19 100%);
  background: linear-gradient(135deg, #ef5762 0%, #9e0f19 100%);
}
.typ_topteaser .leapmark li:hover a,
.typ_topteaser .leapmark li.active a {
  background: #3c5b77;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr= #3c5b77 , EndColorStr= #090d11 );
  background: -moz-linear-gradient(-45deg, #3c5b77 0%, #090d11 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #3c5b77), color-stop(100%, #090d11));
  background: -webkit-linear-gradient(-45deg, #3c5b77 0%, #090d11 100%);
  background: -o-linear-gradient(-45deg, #3c5b77 0%, #090d11 100%);
  background: -ms-linear-gradient(-45deg, #3c5b77 0%, #090d11 100%);
  background: linear-gradient(135deg, #3c5b77 0%, #090d11 100%);
  color: #ffffff;
}
.typ_topteaser .leapmark a {
  height: 54px;
  padding: 5px 8px;
  display: block;
  position: relative;
  cursor: pointer;
  font-size: 14px;
  line-height: 16px;
  background: url("http://web.magnus.de/public/html/headerFooter/wmp/images/bg_box.png");
  color: #ffffff;
}
.typ_topteaser .leapmark a:hover:before,
.typ_topteaser .leapmark .active a:before {
  display: block;
  content: ' ';
  border-color: transparent transparent #344352 transparent;
  border-style: solid;
  border-width: 10px;
  position: absolute;
  top: -20px;
  left: 45%;
}
.typ_topteaser.version_two .infofield {
  padding-bottom: 10px;
  filter: enabled=false;
  background: #ffffff;
}
.typ_topteaser.version_two .leapmark {
  display: none;
}
.typ_topteaser.version_two .next,
.typ_topteaser.version_two .back {
  display: block;
}
/* Sensationsteaser */
.typ_sensationsteaser {
  margin: 0 10px 30px;
  position: relative;
  background: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr= #ffffff , EndColorStr= #d9d9d9 );
  background: -moz-linear-gradient(-45deg, #ffffff 0%, #d9d9d9 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #d9d9d9));
  background: -webkit-linear-gradient(-45deg, #ffffff 0%, #d9d9d9 100%);
  background: -o-linear-gradient(-45deg, #ffffff 0%, #d9d9d9 100%);
  background: -ms-linear-gradient(-45deg, #ffffff 0%, #d9d9d9 100%);
  background: linear-gradient(135deg, #ffffff 0%, #d9d9d9 100%);
  border: 1px solid #cccccc;
}
.typ_sensationsteaser .sensationsteaser_inner {
  padding: 20px;
  display: block;
  overflow: hidden;
  background: url("http://web.magnus.de/public/html/headerFooter/wmp/images/bg_box.png");
  border: 4px solid #ffffff;
  transition: background-color 0.3s linear;
  -o-transition: background-color 0.3s linear;
  -moz-transition: background-color 0.3s linear;
  -webkit-transition: background-color 0.3s linear;
}
.typ_sensationsteaser .sensationsteaser_inner:hover,
.typ_sensationsteaser .sensationsteaser_inner:focus {
  background-color: #ffffff;
}
.typ_sensationsteaser .headline {
  margin: 0 0 8px;
  display: block;
  color: #294866;
  font-family: 'Play', Arial, sans-serif;
  font-weight: 400;
  font-size: 28px;
  line-height: 32px;
}
.typ_sensationsteaser .teaserimage {
  width: 400px;
  padding: 4px;
  margin: 0 0 20px 30px;
  position: relative;
  float: right;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -moz-box-shadow: 6px 12px 4px #cccccc;
  -webkit-box-shadow: 6px 12px 4px #cccccc;
  box-shadow: 6px 12px 4px #cccccc;
}
.typ_sensationsteaser .teaserimage .button {
  position: absolute;
  bottom: -10px;
  left: -10px;
}
.typ_sensationsteaser a {
  color: #333333;
  text-decoration: none;
  text-shadow: 1px 1px 0px #cccccc;
}
.typ_sensationsteaser p {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 120px;
}
.typ_sensationsteaser .link_inner {
  position: absolute;
  bottom: 30px;
  left: 23px;
}
.typ_sensationsteaser .link_inner li {
  padding: 0 0 0 12px;
  background: transparent url("http://web.magnus.de/public/html/headerFooter/wmp/images/sprite.png") -293px -67px no-repeat;
}
.typ_sensationsteaser .link_inner a {
  font-size: 14px;
  line-height: 20px;
}
.typ_sensationsteaser .link_inner a:hover,
.typ_sensationsteaser .link_inner a:focus {
  text-decoration: underline;
}
/* PI Teaser */
.typ_piteaser {
  background: #090d11;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr= #090d11 , EndColorStr= #2b4155 );
  background: -moz-linear-gradient(top, #090d11 0%, #2b4155 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #090d11), color-stop(100%, #2b4155));
  background: -webkit-linear-gradient(top, #090d11 0%, #2b4155 100%);
  background: -o-linear-gradient(top, #090d11 0%, #2b4155 100%);
  background: linear-gradient(top, #090d11 0%, #2b4155 100%);
  overflow: hidden;
  border-top: 1px solid #cccccc;
}
.typ_piteaser .innerteaser {
  padding: 10px 0;
  overflow: hidden;
  background: url("http://web.magnus.de/public/html/headerFooter/wmp/images/bg_box.png");
  border-top: 2px solid #ffffff;
}
.typ_piteaser li {
  min-height: 135px;
  width: 144px;
  padding: 5px 10px 0;
  float: left;
}
.typ_piteaser li.element {
  overflow: hidden;
  transition: background-color 0.8s linear;
  -o-transition: background-color 0.8s linear;
  -moz-transition: background-color 0.8s linear;
  -webkit-transition: background-color 0.8s linear;
}
.typ_piteaser li.element:hover,
.typ_piteaser li.element:focus {
  background: #3c5b77;
  transition: background-color 0.4s linear;
  -o-transition: background-color 0.4s linear;
  -moz-transition: background-color 0.4s linear;
  -webkit-transition: background-color 0.4s linear;
}
.typ_piteaser a {
  text-decoration: none;
  color: #333333;
}
.typ_piteaser .teaserimage {
  padding: 4px;
  margin: 0;
  overflow: hidden;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}
.typ_piteaser .headline {
  margin: 2px 0 4px;
  display: block;
  color: #ffffff;
  font-family: 'Play', Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}
.typ_piteaser .boxheadline {
  color: #ffffff;
  display: block;
  font-size: 18px;
  margin: 0 10px 5px;
}
/* Related (Artikel) */
.typ_related {
  padding: 5px 10px 30px;
}
.typ_related li {
  padding-left: 15px;
  background: transparent url("http://web.magnus.de/public/html/headerFooter/wmp/images/sprite.png") -317px -42px no-repeat;
}
/* Schnellfinder */
.typ_schnellfinder {
  margin: 0 10px 30px;
  overflow: hidden;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background: #d9d9d9;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr= #d9d9d9 , EndColorStr= #ffffff );
  background: -moz-linear-gradient(-45deg, #d9d9d9 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #d9d9d9), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(-45deg, #d9d9d9 0%, #ffffff 100%);
  background: -o-linear-gradient(-45deg, #d9d9d9 0%, #ffffff 100%);
  background: -ms-linear-gradient(-45deg, #d9d9d9 0%, #ffffff 100%);
  background: linear-gradient(135deg, #d9d9d9 0%, #ffffff 100%);
}
.typ_schnellfinder,
.typ_schnellfinder a {
  color: #333333;
  text-decoration: none;
}
.typ_schnellfinder .boxteaser_inner {
  border-top: 3px solid #ffffff;
  border-bottom: 3px solid #ffffff;
  background: url("http://web.magnus.de/public/html/headerFooter/wmp/images/bg_box.png");
  overflow: hidden;
  padding-bottom: 10px;
  overflow: hidden;
  background: url("/img/shared/bg_schnellfinder.png") no-repeat 0 bottom !important;
}
.typ_schnellfinder .boxteaser_inner .schnellfinder {
  background: url(/img/shared/iphone.png) no-repeat right bottom;
  min-height: 230px;
}
.typ_schnellfinder .boxteaser_inner .tariffinder {
  background: url(/img/shared/euro.png) no-repeat right bottom;
  min-height: 230px;
}
.typ_schnellfinder .boxheadline {
  padding: 10px;
  display: block;
  color: #294866;
  font-size: 24px;
  font-family: 'Play', Arial, sans-serif;
}
.typ_schnellfinder .headline {
  color: #000000;
  display: block;
  font-size: 20px;
  margin-bottom: 2%;
}
.typ_schnellfinder ul {
  margin: 0 !important;
}
.typ_schnellfinder p {
  font-size: 16px;
  padding: 0 10px 10px 0;
  min-height: 130px;
}
.typ_schnellfinder .doublecol {
  width: 308px;
  float: left;
  padding: 0 0 10px 10px;
}
.typ_schnellfinder .doublecol:last-child {
  border-left: 1px solid #ffffff;
}
.typ_schnellfinder .select {
  padding-left: 0;
}
.typ_schnellfinder select {
  width: 80%;
  margin-bottom: 10px;
}
.typ_schnellfinder .button {
  margin: 0 !important;
  float: none !important;
}
.side_col .typ_schnellfinder .boxteaser_inner div {
  padding: 0 10px;
}
/* HTML */
.typ_html.box {
  margin: 0 10px 30px;
}
/*** Filter ***/
.filter {
  margin: 0 10px 30px;
  background: #000000;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr= #000000 , EndColorStr= #484848 );
  background: -moz-linear-gradient(-45deg, #000000 0%, #484848 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #000000), color-stop(100%, #484848));
  background: -webkit-linear-gradient(-45deg, #000000 0%, #484848 100%);
  background: -o-linear-gradient(-45deg, #000000 0%, #484848 100%);
  background: -ms-linear-gradient(-45deg, #000000 0%, #484848 100%);
  background: linear-gradient(135deg, #000000 0%, #484848 100%);
  border: 1px solid #cccccc;
}
.filter,
.filter a {
  color: #f0f0f0;
  text-decoration: none;
}
.filter a:hover {
  text-decoration: underline;
}
.filter .inner {
  overflow: hidden;
  border: 4px solid #ffffff;
  background: url("http://web.magnus.de/public/html/headerFooter/wmp/images/bg_box.png");
}
/* Suche */
.typ_suche {
  margin: 0 10px 0;
}
.typ_suche form {
  margin: 10px;
  position: relative;
  background-color: #ffffff;
  border: 1px solid #bbbbbb;
}
.typ_suche .search span {
  position: absolute;
  top: 6px;
  left: 5px;
  color: #bbbbbb;
  font-size: 14px;
}
.typ_suche .search input {
  width: 48%;
  height: 30px;
  margin: 2px 0;
  padding: 2px 5px;
  background-color: #ffffff;
  border: none;
  border-color: #bbbbbb;
  border-style: solid;
  border-width: 0 1px 0 0;
}
.typ_suche .select {
  width: 40%;
  height: 28px;
  padding: 0;
  position: absolute;
  top: 3px;
  right: 50px;
}
.typ_suche .select span {
  display: none;
}
.typ_suche .select select {
  width: 100%;
  height: 24px;
  margin: 2px 0 0 0;
}
.typ_suche input.submit {
  width: 40px;
  height: 28px;
  position: absolute;
  top: 2px;
  right: 0;
  background: #ffffff url("http://web.magnus.de/public/html/headerFooter/wmp/images/sprite.png") -240px -45px no-repeat;
  border-color: #bbbbbb;
  border-style: solid;
  border-width: 0 0 0 1px;
}
.typ_suche .tags .headline {
  padding: 10px;
  display: block;
}
.typ_suche .tags ul {
  margin: 0;
  padding: 0 2%;
  font-size: 14px;
  border-top: 1px solid #bbbbbb;
  overflow: hidden;
  background-color: #222222;
}
.typ_suche .tags ul li {
  width: 31%;
  float: left;
}
.typ_suche .tags ul a {
  margin: 1px;
  padding: 0 5px 0 15px;
  position: relative;
  display: block;
}
.typ_suche .tags ul a:hover {
  text-decoration: none;
}
.typ_suche .tags ul a:hover:before {
  display: block;
  content: '+';
  position: absolute;
  top: 0;
  left: 0;
}
.typ_suche .tags ul .active {
  background-color: #ffffff;
  color: #222222;
}
.typ_suche .tags ul .active:before {
  display: block;
  content: 'x' !important;
  position: absolute;
  top: 0px;
  left: auto !important;
  right: 4px;
}
.typ_suche .tags .newline {
  clear: both;
}
.searchfilter {
  margin: 0 10px 30px;
  padding: 4px 0;
  overflow: hidden;
  border-bottom: 1px solid #bbbbbb;
  color: #999999;
  font-size: 12px;
}
.searchfilter .info {
  width: 40%;
  float: left;
}
.searchfilter .sort {
  width: 58%;
  float: right;
  text-align: right;
}
.searchfilter .sort a {
  padding: 0 0 0 10px;
  text-decoration: none;
}
.searchfilter .sort .active {
  color: #333333;
  font-weight: bold;
  padding: 0 0 0 10px;
}
/* Auswahlbox */
.filterlist {
  margin: 0 10px 30px;
}
.filterlist .kat {
  width: 183px;
  padding: 10px;
  float: left;
}
.filterlist .kat a,
.filterlist .kat span {
  font-weight: bold;
  font-size: 14px;
}
.filterlist .kat li {
  padding: 0 0 0 15px;
  background: transparent url("http://web.magnus.de/public/html/headerFooter/wmp/images/sprite.png") -293px -67px no-repeat;
}
.filterlist .kat li a,
.filterlist .kat li span {
  font-weight: normal;
}
.filterlist .firstnew {
  clear: both;
}
/*** Randspalte ***/
.boxteaser {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background: #d9d9d9;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr= #d9d9d9 , EndColorStr= #ffffff );
  background: -moz-linear-gradient(-45deg, #d9d9d9 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #d9d9d9), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(-45deg, #d9d9d9 0%, #ffffff 100%);
  background: -o-linear-gradient(-45deg, #d9d9d9 0%, #ffffff 100%);
  background: -ms-linear-gradient(-45deg, #d9d9d9 0%, #ffffff 100%);
  background: linear-gradient(135deg, #d9d9d9 0%, #ffffff 100%);
  margin: 0 10px 30px;
}
.boxteaser .boxteaser_inner {
  border-top: 3px solid #ffffff;
  border-bottom: 3px solid #ffffff;
  background: url("http://web.magnus.de/public/html/headerFooter/wmp/images/bg_box.png");
  overflow: hidden;
  padding: 10px 0;
}
.boxteaser .boxheadline {
  padding: 0px 0 10px 10px;
  display: block;
  color: #294866;
  font-family: 'Play', Arial, sans-serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 28px;
}
.boxteaser a {
  text-decoration: none;
}
.boxteaser .teaserimage {
  padding: 4px;
  margin: 0 10px 10px 0;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}
.boxteaser .button {
  float: right;
  margin: 15px 10px 5px 0;
}
.boxteaser ul {
  margin: 0 10px;
  font-size: 14px;
  line-height: 22px;
}
.boxteaser,
.boxteaser a {
  color: #333333;
}
.boxteaser li.firstinrow {
  clear: both;
}
.boxteaser li.element {
  overflow: hidden;
  transition: background-color 0.4s linear;
  -o-transition: background-color 0.4s linear;
  -moz-transition: background-color 0.4s linear;
  -webkit-transition: background-color 0.4s linear;
}
.boxteaser li.element:hover {
  background-color: #eeeeee;
  transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -webkit-transition: background-color 0.2s linear;
}
.boxteaser li {
  padding: 5px 10px 10px 10px;
}
.boxteaser .inner_field {
  background-color: #ffffff;
  border-top: 1px solid #bf141e;
}
.boxteaser .inner_field,
.boxteaser .inner_field a {
  color: #333333;
}
.boxteaser .inner_field li {
  border-bottom: 1px solid #eeeeee;
}
.boxteaser .inner_field li:last-child {
  border-bottom: none;
}
/* Forenteaser */
.typ_forenteaser .autor {
  display: block;
  font-size: 12px;
}
/* Listenteaser */
.typ_list .headline {
  color: #265380;
}
/* Top5 Teaser */
.typ_rankinglist .element {
  padding: 10px 10px 0 10px;
}
.typ_rankinglist a {
  min-height: 83px;
  display: block;
}
.typ_rankinglist .teaserimage {
  width: 135px;
  float: left;
  padding: 4px;
}
.typ_rankinglist .headline {
  margin-bottom: 5px;
}
.typ_rankinglist .headline span {
  font-size: 16px;
  color: #265380;
}
.typ_rankinglist .headline .ranking {
  bottom: 3px;
  font-size: 24px;
  color: #333;
}
.typ_rankinglist .subheadline {
  float: none;
}
.typ_rankinglist .points,
.typ_rankinglist .price {
  float: none;
  display: inline-block;
}
* + html .typ_rankinglist .points,
* + html .typ_rankinglist .price {
  display: inline;
  zoom: 1;
}
.typ_rankinglist .button {
  min-height: 1px;
}
/* Tagcloud */
.typ_tagcloud div ul {
  text-align: center;
  padding-bottom: 10px;
}
.typ_tagcloud div ul li {
  padding: 0 5px 10px 0;
  display: inline;
}
* + html .typ_tagcloud div ul li {
  display: inline;
  zoom: 1;
}
.typ_tagcloud div ul li a {
  line-height: 1.5em;
  white-space: nowrap;
}
.typ_tagcloud div ul li a:hover,
.typ_tagcloud div ul li a:focus {
  text-decoration: underline;
}
.typ_tagcloud div ul li .size1 {
  font-size: 10px;
}
.typ_tagcloud div ul li .size2 {
  font-size: 14px;
}
.typ_tagcloud div ul li .size3 {
  font-size: 18px;
}
.typ_tagcloud div ul li .size4 {
  font-size: 22px;
}
.typ_tagcloud div ul li .size5 {
  font-size: 26px;
}
/* Autorenteaser */
.typ_autorenteaser ul {
  margin: 0 5px;
  padding: 0;
}
.typ_autorenteaser li.element {
  padding: 5px 5px 0;
  position: relative;
  clear: both;
}
.typ_autorenteaser li.element .teaserimage {
  width: 44px;
  height: 54px;
  padding: 0px;
  float: left;
  overflow: hidden;
  border-width: 2px;
}
.typ_autorenteaser li.element .teaserimage img {
  margin-left: -24px;
}
.typ_autorenteaser li.element a {
  color: #000000;
}
.typ_autorenteaser .autor {
  display: block;
  font-size: 10px;
  line-height: 10px;
}
.typ_autorenteaser .innerlink {
  padding: 0 10px 0 15px;
  position: absolute;
  left: 70px;
  top: 20px;
  background: transparent url("http://web.magnus.de/public/html/headerFooter/wmp/images/sprite.png") -293px -72px no-repeat;
  font-size: 14px;
  line-height: 16px;
}
.typ_autorenteaser li.element:hover a {
  color: #333333;
  background-position: -318px -46px;
}
.typ_autorenteaser .button {
  margin-top: 5px;
}
/* Meistgelesenenteaser */
.typ_meistgelesen ul {
  margin: 0;
  padding: 0 0 0 6px;
}
.typ_meistgelesen ul li.element {
  padding: 5px 3px 15px 4px;
}
.typ_meistgelesen ul li {
  width: 142px;
  float: left;
}
.typ_meistgelesen ul li .teaserimage {
  width: 135px;
  padding: 2px;
}
.typ_meistgelesen ul li .headline {
  color: #000000;
}
.typ_meistgelesen ul a {
  min-height: 160px;
  display: block;
}
.typ_meistgelesen .button {
  margin-top: 5px;
}
.typ_meistgelesen li:hover .headline {
  color: #333333;
}
/* Umfrageteaser */
.typ_umfrageteaser li {
  padding: 5px 10px;
}
.typ_umfrageteaser p {
  margin: 5px 35px 5px 0;
}
.typ_umfrageteaser .resultbar {
  width: 266px;
  height: 10px;
  border: 1px solid #eeeeee;
  padding: 2px 0;
  position: relative;
  overflow: visible;
}
.typ_umfrageteaser .resultbar div {
  background-color: #265380;
  height: 10px;
  border: none;
}
.typ_umfrageteaser .resultbar .percentage {
  color: #265380;
  position: absolute;
  right: 0;
  bottom: 13px;
}
/* Newsletterteaser */
.boxteaser.typ_newsletterabo {
  padding: 0;
  zoom: 1;
}
.boxteaser.typ_newsletterabo:before,
.boxteaser.typ_newsletterabo:after {
  content: "";
  display: table;
}
.boxteaser.typ_newsletterabo:after {
  clear: both;
}
.boxteaser.typ_newsletterabo .boxheadline {
  padding: 0 0 10px 30px;
  background: transparent url("http://web.magnus.de/public/html/headerFooter/wmp/images/sprite.png") -252px -169px no-repeat;
}
.boxteaser.typ_newsletterabo .boxteaser_inner {
  padding: 10px;
}
.boxteaser.typ_newsletterabo .input {
  width: 40%;
  float: left;
  padding: 0 30px 0 0;
  margin: 0 0 10px 0;
}
.boxteaser.typ_newsletterabo .special {
  float: none;
  width: 96%;
}
.boxteaser.typ_newsletterabo .button {
  margin-top: 0;
  float: left;
  width: 107px;
}
.boxteaser.typ_newsletterabo .checkbox {
  width: 110px;
  margin: 8px 8px 0 0;
  display: inline-block;
  color: #333333;
}
* + html .boxteaser.typ_newsletterabo .checkbox {
  display: inline;
  zoom: 1;
}
.boxteaser.typ_newsletterabo div {
  clear: both;
}
/* Top 5 Teaser */
.typ_topdownloads_sc a {
  display: block;
}
.typ_topdownloads_sc .teaserimage {
  width: 135px;
  float: left;
  padding: 4px;
}
.typ_topdownloads_sc .headline {
  margin-bottom: 5px;
}
.typ_topdownloads_sc .headline p {
  font-size: 16px;
  color: #265380;
}
.typ_topdownloads_sc .ranking {
  bottom: 4px;
  font-size: 24px;
  line-height: 24px;
}
.typ_topdownloads_sc dt {
  float: left;
  margin-right: 5px;
}
/* NUR MAGAZINSEITEN */
/* NUR NEWSLETTER */
/* NONCLUSTER */