/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
 
/* ALLGEMEINE TAGS */

body {
    background-color: #EFF1F4;
	 font-size: 13px;
	 color: #444;
}


/* PAYWALL  */ 
/* Hier die Position der grauen Fläche einstellen */
div.paywall-aktiv {
    position: absolute;
    width: 100%;
    height: 250px;
    top: 560px;
    background: -webkit-linear-gradient(bottom,#fff 0,rgba(255,255,255,0.4) 100%);
}
div.paywalltexttitel{
	width:728px;
	z-index:2; 
	margin-top:20px;
	text-align:center; 
	font-weight:bold;
	font-size:18px; 
	color:#cf2504	
}

div.paywalltext{
	width:728px;
	z-index:2; 
	margin-top:20px;
	text-align:left; 
	color:#333;
	font-size:14px;	
}
div.paywalltext p{	
	line-height:22px;	
}

div.abopreise{
	float:left;
	width:180px;
//	height:50px; 
	margin-top:20px;
	text-align:center; 
	color:#fe7215;
	font-size:14px;	
	font-weight:bold;
}
div.abopreise img{
	padding-bottom: 12px;
}
/* Hier Position der Bezahlschranke einstellen */
div.pwteaser{
	min-height: 800px;
	max-height: 1200px;
	overflow: hidden;
}



button#plenigoLogout  {
	width:100%;	
}

div#plenigoLogin {
	margin: 12px;
}

div#selfservice {
	margin: 12px;
}

div#plenigoCheckout{
	padding-top: 12px;	
}
/*
iframe div.message {
	margin-left: 5px !important;
	margin-right: 5px;
}
*/
/* TODO:  _paywall muss an kleinere Screens angepasst werden */
div#_paywall {
	position:absolute;width:740px;z-index:1
}


div#schranke {
	text-align: center;
}

ul.pwt-ul {
	font-size:18px;
}
ul.pwt-ul li {
	margin-bottom:12px;
}

.abotext{
	width:30%;
	float: left;
	margin: 10px;
	height:300px;
	border:1px solid #ccc;
}

.abotext .beschreibung{
	font-size: 0.9rem;
	color:#333;
	height:200px;
	padding:6px;
}
.abotext .beschreibung .head{
	color:#cf2504;
	font-size: 1.4rem;
	line-height: 40px;
}

.abobuchen{
	background-color:#e3001b;
	color:#fff;
	width:100%;
	color:#fff;
   font-size: 0.9rem;
   text-transform: uppercase;
   letter-spacing: 0.12em;
   font-weight: bold;
   background-color: #e3001b;
   margin: 30px auto;
   display: block;
   width: 100%;
}


.abobuchen a{
	color:#fff;
   margin: 30px auto;
   display: block;
   width: 100%;
	padding: 20px 0;
}


div.pwbeitragsbild {
//	float:left; 
//	width:100px; 
//	height:56px; 
//	margin-top:6px; 
//	margin-right:6px; 
//	margin-bottom:6px; 
	border:1px solid #999;
	margin-bottom: 12px;
}

.allmode-default .allmode-item .allmode-text {
	clear:both;
}

div#rside ul#_abomenu1 li {
	list-style-type: none;
}
div#rside ul#_abomenu1 li > a  {
	padding: 0px;
}

img._pw {
	padding-right: 6px;
}



/* Ende PAYWALL  */ 

/* VA-MAGAZIN */

.KAMERA {color: #0a7db7; font-weight:bold;}
.EDITING {color: #a8181f; font-weight:bold;}
.TON {color: #84a0af; font-weight:bold;}
.PRAXIS {color: #005a2b; font-weight:bold;}

.gutschein {color: #67bd02; font-size:18px; font-weight:bold;}

body#ptkanal article .container{
	float: left;
}

body#ptkanal article .container div.allmode-item{
//	width: 47%;
}

body#ptkanal .allmode-default {
  margin: 0;
}

body#ptkanal .allmode-default .allmode-item {
  padding: 12px 12px 12px 0;
  clear: unset;
  float: left;
}

body#ptkanal div._blg div.allmode-item{
  clear: left;
}

body#ptkanal div._weitere div._mgmehr div.allmode-item{
	width: 48%;
	min-height: 470px;
}

body#ptkanal div._pw .allmode-default .allmode-item {
  padding: 1px 12px 1px 0;
}

div._pw .allmode-topitem .allmode-title a {
  font-size: 13px;
}

div.moduletable_nsrec {
	margin-top: 0px;	
}

body#ptkanal article div._mzue {
//	width: 47%;
	margin-top:40px;
	padding:12px;
//	padding-left: 12px;
	padding-right: 0px;
}

body#ptkanal article div._mzueleft {
	clear: both;
}

body#ptkanal article div._mzueright {
	float:right;
}


body#ptkanal article div._mzue2 {
	width: 100%;
//	margin-top:40px;
	float:none;
}

div._mzue a.nsue {
	position: relative;
	top: 4px;
	font-size: 18px;
	font-family: sans-serif;
	color: #4c6fd4;
}






.magazin_faq {
	font-size: 16px;
	font-family: sans-serif;
}

/* Bestenliste */

table.bestenliste tr {
	border:1px solid #aaa;

}

h3.rubrik_ffk {
//	color:#0b2972;
	margin-bottom:6px;
}

table.bestenliste tr.head-ffk {
	font-weight:bold;
	color:#fff;
//	background-color:#0b2972;
}

table.bestenliste {
	width:100%;
}

table.bestenliste td {
	padding:2px 6px;
}
table.bestenliste td.farbe {
//	background-color:#bec5de;
}

table.bestenliste a.tm {
	color:#444cb2;
	text-decoration:underline;
}


div.bl-inter .rc {
	float: right;
	width:300px; 
	height:250px; 
	border:1px solid #aaa;
}

hr._bl {
	clear:both;
	visibility:hidden; 
	margin:0px;
}

div.moduletable_bltext div.allmode-box {
	margin:0;
}

div.moduletable_bltext div.allmode-topitem {
	padding:0;
}



/* Ende VA-MAGAZIN */




text-align: left;{
	text-align: left;	
}

div.uk-container main#tm-content {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 12px;
	min-height: 1900px;
}

* + p, p{
   margin: 0 0 6px 0;
}

td p {
	line-height: 20px;
	margin: 0 0 6px;
}

a:link, a:visited {
   color: #083DD6;
   text-decoration: none;
}

.nav > li > a {
   color: #083DD6;
}

.update {
   color: #FE7215;
   font-weight: bold;
}

.advertorial {color: #67bd02;font-weight:bold;}

.orange {color: #fe7215;}

/* GSE Lupe */
button.gsc-search-button svg {
    max-width: 100px;
}

div#cookieChoiceInfo {
	padding:0 !important;	
}

em {
    color: #333333;
}

/* Ende ALLGEMEINE TAGS */
/* ***************************************************************************** */

/* LAYOUT LP */ 

.uk-container {
   max-width: 1250px;
	padding: 0px;
}

div#tm-middle{padding-left: 35px;}
.uk-grid {margin-left: -35px;}
.uk-grid > * {padding-left: 35px;}
.uk-grid-margin {margin-top: 0px;}

.tm-headerbar{
	margin: 20px 173px 0px 48px;
	background:#000;
//	background-image:url(../images/hhg.jpg); background-repeat:repeat-x;
	background-image:url(../images/logohg.jpg); background-repeat:repeat-x;
}

.uk-grid > #skypos {
   padding-left: 0px;
}

main#tm-content {
	float: left;	
   margin: 0 11px 0 13px;
	min-height: 1280px;
}

.uk-width-medium-3-4 {
    width: 814px;
}

#system h1 {
	background-image:url(../images/Titel-HGP.gif); 
	background-repeat:repeat-x;
	font-size: 16px;
}

h3.uk-panel-title {
	background-image: url("../images/Titel-HGP.gif");
   background-repeat: repeat-x;
   height: 20px;
   margin: 4px 0 5px;
   padding: 6px 0 1px 6px;
	font-size: 16px;
   line-height: 18px;
}	
 
#system h1.title2 {background-image:url(../images/Titel-Dreieck.gif); background-repeat:no-repeat; font-size:18px;margin:22px 0px 10px 0px;padding: 2px 0px 0px 26px;}
#system  div article h1.title {background-image:url(../images/Titel-Dreieck.gif); background-repeat:no-repeat;padding-left: 26px;}
h2.module-title, h3.module-title {margin: 4px 0px 5px 0px;padding:6px 0px 1px 6px;height:20px;background-image:url(../images/Titel-HGP.gif); background-repeat:repeat-x;}
div#rside h3.module-title {width: 212px;color:#eee; text-align: left;margin: 4px 0px 5px 0px;padding:6px 0px 1px 6px;height:20px;background-image:url(../images/HGP_inv.gif); background-repeat:repeat-x;}

div#links {
   width: 358px;
   float: left;
   overflow: hidden;
   position: relative;
   left: 0px;
   top: 0px;
   margin-right: 12px;
}

div#rechts {
   width: 358px;
   float: left;
   overflow: hidden;
   position: relative;
   left: 0px;
   top: 0px;
}

div._voll {
   clear: both;
}

div.flinks {
   width: 330px;
   float: left;
   margin: 12px 0px 0px 0px;
}

div.frechts {
   width: 330px;
   float: right;
   margin: 12px 0px 0px 0px;
}

div._voll p {
   margin: 0 0 6px;
}

div#headerbar a.uk-navbar-toggle::after {
    background-image: url("/images/offcanvas.png");
    padding: 2px 6px;
}

.uk-navbar-toggle::after {
    color: #4d73e2;
	 font-size:20px;
}

div#offcanvas a {
   padding: 10px 8px;
}

div.logosmall {
	background:#cc0019;
}

nav#menu a.tm-logo-small {
	margin:0px;
	padding:0px;	
}
nav#menu a.tm-logo-small p {
	margin:0px;
}

/* Bestenliste */
div#_bes img {
	margin-right: 12px;
}
div#_bes > div {
	max-width:350px;
	float:left;
	margin-right:12px;
	margin-bottom:12px;
	text-align: left; 
}

@media (min-width: 480px) {
	div#_bes > div {
		width:350px;
	}
}

/* Ende LAYOUT LP */
/* ***************************************************************************** */
/* NS + PT */

ul.uk-breadcrumb {
    position: relative;
    top: 4px;
    max-width: 728px;
    overflow: hidden;
    font-style: italic;
	 height: 20px;
	 margin: 0 0 2px 2px;
}

h1, .uk-article-title {
    margin: 0 0 20px 0;
    font-weight: 300;
    color: #555;
    text-transform: none;
    line-height: 26px;
    background-image: url("../images/Titel-Dreieck.gif");
    background-repeat: no-repeat;
    font-size: 17px;
    font-weight: bold;
    margin: 22px 0 10px;
    margin-bottom: 10px;
    padding: 2px 0 0 26px;
}

.uk-article-meta {
    font-size: 13px;
    line-height: 12px;
    color: #444;
}

article .container {	 
/* nur zum entwickeln ...	*/ 
//	 border: 1px solid #aaa;
    width: 47%;
    border: none;
//    margin: 6px 0px 6px 14px;
		margin: 6px 0px 6px 6px; /* Alj 2021 */
	 padding-bottom: 6px;
    float: left;
}

p.p-hg {
	background-color: #eeeeee;
	max-width:50%;
	padding:6px;
}

@media (max-width: 640px) {
	article .container {
		width: 98%;
	}
	article div.d4 {
    width: 98%;
	}
}
	
.pull-right {
    float: none;
}

p.ptteaser {
    border: none;
    margin: 6px 6px 6px 0px;
    font-weight: bold;
}

div.lbblock, div.rbblock {
	min-width:320px;
}

.tm-leading-article .uk-article:last-child {
    border-bottom: 0px;
}

div.rec{
    width: 300px;
	 height:250px;
	 background:#eee;
}

div.nteaser {
    font-size: 15px;
	 font-weight:bold;
	 margin-bottom: 6px;
}
article h1.uk-article-title {
    margin-bottom: 0px;
}
article p.uk-article-meta {
    margin-top: 0px;
	 margin-bottom: 20px;
}

div.hgdiv, div.hgrundtab {
    margin-bottom: 10px;
    width: 358px;
    overflow: hidden;
}

td.hgrundtab div.hgdiv {
    line-height: 16px;
    margin-top: 18px;
}

div.newstab table.btab1, table#textab table.btab1 {
    width: 330px;
}

table.btab {
    width: 100%;
}

table.btab1 td, table.btab td {
    background: #eee;
    padding: 6px 6px 6px 6px;
}

div.video {
	background: #eee;	
}
div.video p {
	padding: 6px 0;	
}

div.bblock {
    background: #eee;
    padding: 6px;
}

div.rbblock {
    float: right;
    margin-left: 0px;
    background: #eee;
    padding: 6px;
    clear: right;
}




div.lbblock {
    float: left;
    margin-left: 0px;
    background: #eee;
    padding: 6px;
    clear: left;
}

p.caption {
    padding-top: 6px;
}

/* VIDEOCONTAINER */
.aussen-container {
    max-width: 720px;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    // padding-bottom: 75%;
    width: 100%;
    height: auto;
}

div.videocontainer {
    width: 98%;
    border: 2px solid #eee;
	background:#eee;
    margin: 6px 6px 6px 0px;
    overflow: hidden;
}

/* Ende VIDEOCONTAINER */

div.vollcontainer {
    width: 98%;
    border: none;
    margin: 6px 6px 6px 0px;
    overflow: hidden;
}

@media (min-width: 640px) {
	div.rbblock {
		margin-left:12px;
	}
	
	div.lbblock {
		margin-right:12px;
	}
	article div.d4 {
   	width: 49%;
	}	
}


div#dblink {
    height: 60px;
    margin-top: 20px;
}

li.npf_hide {
    display: none;
}

/* News-Übersichten */

h3.uk-h3 {
    background-image: url("../images/Titel-HGP.gif");
    background-repeat: repeat-x;
    height: 20px;
    margin: 4px 0 5px;
    padding: 6px 0 1px 6px;
    font-size: 16px;
    line-height: 18px;
}

div.nu_ue .nu_l {
    width: 350px;
    float: left;
}
div.nu_ue .nu_r {
    width: 350px;
    float: right;
}

td.ez {
	width: 14%;	
}


div._liste article a {
	width:47%;	
}

div.pt-listing div.container{
	display:none;
}


/* VIDEOS/IFRAMES SKALIEREN */
.aussen-container {
	max-width: 720px; 
}

.embed-container {
  position: relative; 
 padding-bottom: 56.25%; /* ratio 16x9 */
//	padding-bottom: 75%; /* ratio 4x3 */
  width: 100%;
  height: auto;
}

.embed-container iframe {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}
/* Ende VIDEOS/IFRAMES SKALIEREN */

div.moduletable_vb, div.moduleheading_vlp {
    background: #eee;
    padding: 3px 8px;
}


div.fun {
    float: left;
    width: 100%;
}

/* für alte News-Beiträge */

div.halb div.d3,
div.halb div.d5,
div.halb div.d6{
//	width:46%;
	float: right;
	clear: both;
	margin-bottom: 24px;
	padding: 6px;
	background: #eee;
}



div.v2 {
    width: 300px;
    height: 250px;
    width: 47%;
    border: none;
    margin: 6px 0px 6px 14px;
    float: left;
}


div#neulayout div.links {
	width:50%;
	float:left;
}

div#neulayout div.rechts {
	width:47%;
	float:right;
}

article div#neulayout div.d4 {
   width: 100%;
}	

div.d2 div.moduletable_nsrec {
	float:left;
	height:10%;
	margin-bottom:12px;
}

div.moduletable_pas {
//	width: 100%;
}

div.d4 div.moduletable_pas {
	float:right;
	height:10%;
//	width: 100%;
}

/* FORUM-Posts in VA */
div.moduletable_vb h3 {
	color: #ee7615;
	font-size: 28px;
	font-weight: 500;
}
div.moduletable_vb hr {
	margin: 10px 0;
}


div.dat {
	color: #656A6D !important;
	font-size: 0.8rem;
	font-style:italic;
}


@media (max-width: 640px) {
	div#neulayout div.rechts {
		width: 90%;
		float: left;
		clear: both;
	}
	div#neulayout div.links {
		width: 90%;
		float: left;
	}

}


ul.nav-tabs a.active { 
padding-left:22px;
background: #efefef;
}
.nav-tabs > li > a:hover {
  background: #faf8f8;
  color: #083DD6;
}

/* Problem mit paginierten P+T-Beiträgen */




/* Ende NS + PT */
/* ***************************************************************************** */
/* MAGAZIN */
main._magazin div.nteaser {
	display:none;	
}

hr.clearer {margin:0px;}

body._heft main._magazin div.nteaser {
	display:block;	
}

div#neulayout div.voll {
    clear: both;
    width: 100%;
    margin-bottom: 12px;
}

div#neulayout div.d1 {
    float: left;
//	 width: 50%;
	 width: 50%;
/* 
ACHTUNG: Wenn 50% nicht verusacht das Wahrscheinlich Probleme woanders, z.B. hier:
https://www.videoaktiv.de/2019060721405/news/editing/magix-video-pro-x-11-infusion-engine-fur-mehr-geschwindigkeit.html 

50% AN heißt genannter Beitrag ok
50% AUS heißt andere Beiträge ok
*/	 	 
	 min-width:300px;
}

div#neulayout div.halb div.d1 {
	 width: 100%;
}












div#neulayout div.moduletable_pas{
	float: left;	
}

div#neulayout p._product {
	float: left;
	clear: both;
}

























/* Ende MAGAZIN */
/* ***************************************************************************** */

div#va_so {
	max-width:264px;
	overflow:hidden;
	float:left;
	
}
/* LOGOS */

div#va_logo {
	min-width: 375px;
	
}

.uk-visible-small {
    float: left;
    max-width: 100%;
}

.uk-visible-small a.tm-logo-small{
    margin:0px;
	 padding:0px;
}

/* Ende LOGOS */
/* ***************************************************************************** */
/* LEADERBOARD */

div#leaderboard{
	 background: #666;
	 width:728px;
	 height:90px;
	 float:right;
}
div#leadermobile{
	display:none;
//	 background: #666;
//	 width:320px;
//	 height:50px;
//	 clear: both;
//	 float:left;
//	 margin-left: 13px;
}

/* Ende LEADERBOARD */
/* ***************************************************************************** */
/* MENUS */

nav#menu {
    background-color: #000;
    max-width: 994px;
	 margin: 0px 0px 12px 48px;
}

@media (max-width: 1220px) {
	nav#menu {
		margin-left:48px;
		margin-right: 10px;
	}
}

.uk-navbar-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}

nav#menu ul.uk-navbar-nav li {
    height: 30px;
    padding-bottom: 1px;
}
.uk-navbar-nav > li {
    float: left;
    position: relative;
}

.uk-navbar-nav > li > a {
    height: 30px;
}

.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li.uk-open > a {
  background-color: #555;
}

.uk-navbar-nav > li > a, .uk-navbar-nav li > a {
	color: #444;
   font-size: 13px;
}

.uk-navbar-nav > li.uk-active > a {
    background-color: #444444;
}

nav#menu a {
    color: #FFFFFF;
    font-weight: normal;
    line-height: 28px;
    padding: 3px 10px;
}

a:link, a:visited {
    text-decoration: none;
}
nav#menu a:hover{
	background-color: #444;
}
nav#menu .uk-dropdown a:hover{
	background-color: #c5c5c5;
}

nav#menu .uk-dropdown .uk-nav-navbar a {
//    color: #444;
	 color: #ddd;
}
nav#menu .uk-dropdown .uk-nav a:hover {
    color: #fff;
}

/* Dropdownmenufarben */
.uk-dropdown-navbar { 
  	background: #edede2; 
  	color: #444444;
	left: 0px;
  	border: 1px solid #cbcbcb;
  	border-top: 1px solid #000;
  	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.uk-open > .uk-dropdown-navbar {
  -webkit-animation: none;
  animation: none;
}

ul.breadcrumb > li {
    list-style-type: none;
}
section#breadcrumbs {
    font-style: italic;
}

.uk-nav > li > a {
    padding: 0px 20px;
}

ul#nsmenu {
	clear: both;	
}

/* Bereiche*/
div#z1 {
	background-color: #E3001B;
	height:40px;
}

div#bereiche {
    background-color: #E3001B;
	 height: 40px;
    float: left;
}

div#bereiche li {
	float:left;
}

div#bereiche a, div#aktuell a {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 7px 6px 7px;
}

div#aktuell {
    height: 40px;
    overflow: hidden;
}

section#bottom-a li.uk-active > a {
    background: #e93700;
	border-radius: 6px;
	border: none;
}

.uk-nav-side > li.uk-active > a {
    background: #ff3c00;
}




/* ***************************************************************************** */
/* KANALFARBEN */

/* default */
.uk-dropdown-navbar { 
  	background: #edede2; 
}
/*Roter Balken*/
.uk-grid > aside {
    background-color: #E3001B;
    padding-left: 0px;
}
/* Aktiv-Farbe, Bereichemenu */
div#bereiche a:hover {
    background-color: #ff3c00;
}
nav#menu .uk-dropdown a:hover{
	background-color: #959595;
}
.uk-nav-side > li.uk-active > a {
   background: #ff3c00;
}

nav#menu .uk-dropdown a:hover{
	background-color: #555;
}

/* NS  */
#nsmenu .uk-dropdown-navbar { 
//	background: #ef3c00; 
	background: #e3001b;
	
}
/*Roter Balken*/
#nskanal .uk-grid > aside {
	background-color: #e3001b;
    padding-left: 0px;
}
/* Aktiv-Farbe, Bereichemenu */
#nskanal div#bereiche a:hover {
//    background-color: #e3001b;
}

/* HG-Farbe, NS-MP */
#nskanal div#bereiche a._ns1 {
    background-color: #e3001b;
//	 background-color: #ff3c00; /* orange */
}



#nskanal .uk-nav-side > li.uk-active > a {
   background: #e3001b;
}

/* Landingpage orange */
._lpage .uk-nav-side > li.uk-active > a {
   background: #ff3c00;
}

















#nskanal nav#menu .uk-dropdown .uk-nav-navbar a {
    color: #ddd;
}
#nskanal nav#menu .uk-dropdown .uk-nav a:hover {
    color: #fff;
}



/* PT */
#ptmenu .uk-dropdown-navbar { 
  	background: #1d559f; 
}
/*Blauer Balken */
#ptkanal .uk-grid > aside {
    background-color: #1d559f;
}

/* paginierungsproblem */
//#ptkanal aside {
 //   background-color: #1d559f;
//}










/* Hover-Farbe, Bereichemenu */
#ptkanal div#bereiche a:hover {
    background-color: #ff3c00;
}

/* HG-Farbe, P+T-MP */
#ptkanal div#bereiche a._pt1 {
    background-color: #1d559f;
}

/* Aktiv-Farbe, Bereichemenu */
#ptkanal .uk-nav-side > li.uk-active > a {
   background: #1d559f;
}

#ptkanal nav#menu .uk-dropdown .uk-nav-navbar a {
    color: #ddd;
}
#ptkanal nav#menu .uk-dropdown .uk-nav a:hover {
    color: #fff;
}



/* MZ */
#mzmenu .uk-dropdown-navbar { 
  	background: #007334; 
}
/*Gruener Balken */
#mzkanal .uk-grid > aside {
//    background-color: #066506;
	 background-color: #007334;
	 
}
/* Hover-Farbe, Bereichemenu */
#mzkanal div#bereiche a:hover {
    background-color: #ff3c00;
}

/* HG-Farbe, Magazin-MP */
#mzkanal div#bereiche a._mz1 {
    background-color: #007334;
}

/* Aktiv-Farbe, Bereichemenu */
#mzkanal .uk-nav-side > li.uk-active > a {
   background: #007334;
}
#mzkanal nav#menu .uk-dropdown .uk-nav-navbar a {
    color: #ddd;
}
#mzkanal nav#menu .uk-dropdown .uk-nav a:hover {
    color: #fff;
}


/* Ende KANALFARBEN */
/* ***************************************************************************** */




/* Akutell */
div#aktuell a:hover{
	background:none;
}

/*div._akt div#aktuell {*/
div#aktuell {
    float: right;
    width: 360px;
    top: 0;
}

nav#menu div#aktuell a {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

div#aktuell a::before {
    content: "Aktuell: ";
    color: #D3E300;
    font-size: 16px;
}

a._lgn, a._lgn:focus{
	background: #1d559f;
}




@media (max-width: 767px) {
	
	ul#ptmenu_off a._ns{
		background-color:#b70016;
	}
	ul#ptmenu_off a._mz{
		background-color:#1d559f;
	}
	
	.uk-grid > * {
		padding-left: 0px;
	}
	
	main#tm-content {
		float:left;
		margin-left: 0px;
	}
	
	div.uk-container main#tm-content {
		padding-top: 146px;
	}

	nav#menu {
		position: absolute;
		background:none;
		margin: 0px;
		margin-left: 49px;
	}
	nav#menu a {
		color:#444;
		padding: 10px 18px;
	}	
	nav#menu a:hover{
		background: none;
		color:#083DD6;
	}
	
	nav#menu a.uk-navbar-toggle {
   	color:	#fff;
	}

	div#bereiche li {
		display:none;
	}

	div#z1 {
		position: absolute;
		left: 40px;
		background: none;
	}

	/* so für mobil */
	nav#menu {
		width: 100%;
		margin-left: 0px;
	}
	
	div.headersmall {
		margin-right: 0px;
	}
	
	div#aktuell{
		margin-left:280px;			
	}
	
	div#neulayout div.d1 {
		width: 50%;
	}
}

@media (min-width: 481px) {
	div.headersmall {
    	margin-right: 12px;
	}
}

/* Ende MENUS */
/* ***************************************************************************** */

/* SONSTIGES */
div.imp > div {
   float:left;
	width:48%;
	min-width:330px;
	padding-right:12px;
}


/* Ende SONSTIGES */
/* ***************************************************************************** */
/* MODULE */

div.moduletable {
    min-width: 350px;
}

div.socials a {
   background: #000;
}
div#hl_socials {
   margin-top: 10px;
}

div#hl_socials .socials a {
   border-radius: 100%;
   margin-left: 5px;
}

/* Ende MODULE */
/* ***************************************************************************** */
/* RSIDE */


/* aktuelles Heft */
div._ah {
	margin:15px 6px 12px 25px;	
}
div._ah img {
	margin-bottom:6px;
}

.uk-grid > aside {
   padding-left: 0px;
}

.uk-width-medium-1-4 {
   width: 228px;
}

section#content, div#rside {
   float: left;
}
div#rside {
   color: #FFFFFF;
	width: 228px;
}

div#rside h3.uk-panel-title {
   background-image: url("../images/Titel-HGP.png");
   background-repeat: repeat-x;
   color: #EEEEEE;
   height: 20px;
   margin: 4px 0 5px;
   padding: 6px 0 1px 6px;
   text-align: left;
	font-size: 16px;
	line-height: 18px;
}

/* Google-Suche */
div#search {
	margin-bottom: 12px;
}

.gsc-input-box {
	background:none !important;	
	border: none !important;
}

.gsc-search-button-v2 {
    padding: 6px 9px !important;
}

.gsc-input-box input {
	line-height: 30px;
	padding-left:12px !important;
}

div#___gcse_0 input, div#___gcse_1 input {
    margin: 2px 0px;
    height: 32px;
//    border-radius: 20px;
}

div#___gcse_0 button, div#___gcse_1 button {
    margin: 2px 0px;
    height: 32px;
    border-radius: 20px;
}

div#___gcse_0, div#___gcse_1 {
   padding: 0px 12px 0px 12px;
	margin-bottom: 12px;
}

table.gsc-search-box div.gsc-input-box {
   height: 40px;
}


form.webcode{
	margin-left:20px;
}

form.webcode input{
//	border-radius: 40px;
	height: 28px;
	margin:0px;
	padding:0 6px;
}

form.webcode input.submit{
	border-radius: 40px;
}

form.webcode input.submit{
	height: 32px;
	border: none;
}



/* Top7 */
div#rside li {
	list-style-type:decimal;
	list-style-position:outside;
	padding: 0px 0px 5px 0px;
	color: #CCCCCC;
   font-size: 12px;
   font-weight: bold;
	line-height: 18px;
}

div#rside .d1 div, div#rside .d2 div {
	margin: 0px 6px 0px 10px;
}

div#rside div._letzte div {
	margin:0px;
	padding:0px 0px 0px 6px;
}
div#rside div._letzte ul {
	padding:0px
}
div#rside div._letzte ul li {
	list-style-type:none;
}

div#rside div._letzte li {
	background-image:url(/images/download.png); background-repeat:no-repeat;
	padding: 0px 0px 10px 26px;
}

div#rside ul {
   padding-right: 6px;
	padding-left: 24px;
}

div#rside a { color:#fff;}
div#rside a:hover, div#rside div.d1 a:hover{ text-decoration:underline;color:#fff;}
div#rside div.d1 a{ color:#ccc;}
div#rside div.einzelpdf li {list-style-type:disc;}
div.einzelpdf a {float:left;}
div.einzelpdf span.PricesalesPrice {margin-left:6px;}

/* Rside-Modul-Abstände */
div#rside ._kachel {
	margin-bottom:22px;
	text-align: center;
}

div._kachel div.banneritem {margin-left:25px;}
div#rside ._fbook iframe{
	padding-left:12px;
}
div#rside ._fbook p{
	padding-left:12px;
}

/* Topthemen */
div._topthemen{
	background-image: url("/images/Themen/Top-Themen_7.jpg");
	background-repeat: no-repeat;
	padding-top:80px;
}
div._thema p{
	background-color: #3c3c3c;
//	padding-bottom:12px;
	margin-bottom:0px;
	margin-top: 24px;
}

div._t7news div._t7news{
//	background-image: url("/images/stories/top7_news_2018_1.jpg");
	background-image: url("/images/stories/top7_news_2018_lang_1.jpg");
	background-repeat: no-repeat;
	padding-top:92px;
}

div._t7pt div._t7pt{
//	background-image: url("/images/stories/top7_pt_2018_1.jpg");
	background-image: url("/images/stories/top7_pt_2018_lang_1.jpg");
	background-repeat: no-repeat;
	padding-top:92px;
}

div._csuche div.d1{
	background-image: url("/images/stories/Cam_DB_02_klein.jpg");
	background-repeat: no-repeat;
	padding-top:92px;
}
div._ssuche div.d1{
	background-image: url("/images/stories/Schnitt_DB_04_klein.jpg");
	background-repeat: no-repeat;
	padding-top:92px;
}
div._tebi div._tebi{
	background-image: url("/images/stories/top7_testbilder_02_klein.jpg");
	background-repeat: no-repeat;
	padding-top:92px;
}
div._tevi div._tevi{
	background-image: url("/images/stories/top7_testvideos_02_klein.jpg");
	background-repeat: no-repeat;
	padding-top:92px;
}
div._t7art div._t7art{
	background-image: url("/images/stories/top7_artikel_05_klein.jpg");
	background-repeat: no-repeat;
	padding-top:92px;
}

div#rside div._t7camtests{
	background-image: url("/images/stories/top7_cam-tests_2018_1.jpg");
	background-repeat: no-repeat;
	padding-top:92px;
}
div#rside div._t7ac-tests{
	background-image: url("/images/stories/top7_actioncam-tests_2018_1.jpg");
	background-repeat: no-repeat;
	padding-top:92px;
}

div#rside ul.letzte li {
	list-style-type:disc;
}

/* Ende RSIDE */
/* ***************************************************************************** */
/* SKYSCRAPER */
div._sky1, div._sky2 {
   height: 600px;
   width: 160px;
	border:1px solid #aaa;
	margin: 0px 0px 12px 6px;
}

/* Ende SKYSCRAPE */
/* ***************************************************************************** */
/* RAXO ALLMODE */

div._lp-news {
   font-size: 13px;
   font-family: 'Open Sans', sans-serif;
	color: #fff;
}

h2.allmode-title, h3.allmode-title, h2.raxot-title, h3.raxot-title, h4.raxot-title {background-image: url("../images/Titel-Dreieck.png");
   background-repeat: no-repeat;
//   margin-top: 6px;
   padding-left: 26px;
   padding-top: 2px;
	padding-bottom: 6px;
}

div.lkv h3.allmode-title {
	background-image: none;
}

div.lkv .allmode-default .allmode-item {
	padding:0px;	
}

div._clist div.allmode-img  {
	float:left;
}

div._clist h2.allmode-title  {
	padding-left: 0px;
}

div._clist div.allmode-details  {
	display:none;
	float:left;
}

div._clist h3  {
	float:left;
	background-image:none;
	padding-left: 0px;
	margin:0px;
}

div._clist div.am-titel, div._clist div.am-toptitel  {
	height: 40px;
	min-height: 40px;
	margin-bottom: 20px;
}


div._tlist div.allmode-img  {
	float:left;
}

div._tlist h2.allmode-title  {
	padding-left: 0px;
}

div._tlist div.allmode-details  {
	display:none;
	float:left;
}

div._tlist h3  {
	float:left;
	background-image:none;
	padding-left: 0px;
	margin:0px;
}

div._tlist div.am-titel, div._tlist div.am-toptitel  {
	height: 40px;
	min-height: 40px;
	margin-bottom: 20px;
}






.raxot-title  {
    margin:0px;
}

.raxot-content a {
    font-size: 13px;
    font-weight: bold;
}

/* große Topnews bei kleinen Screens nicht anzeigen, sondern lp-news_mobile */ 
div._lp-news_mobile  {
	display:none;
}

div._lp-news .allmode-topitem {
	position: relative;
   top: 0px;
	padding:0px;
}

@media (min-width: 640px) {
	div._lp-news h2.allmode-title, div._lp-news h3.allmode-title {
		width:724px;
		height:46px;
	}
	
	div._lp-news div.allmode-text {
		max-width:732px;
	}
}

div._lp-news h2.allmode-title, div._lp-news h3.allmode-title {
	position: absolute;
   top: 0px;
	background:-moz-linear-gradient(left,#eee 0,rgba(255,255,255,0.4) 100%);
	background:-webkit-linear-gradient(left,#eee 0,rgba(255,255,255,0.4) 100%);
	background:-o-linear-gradient(left,#eee 0,rgba(255,255,255,0.4) 100%);
	background:linear-gradient(left,#eee 0,rgba(255,255,255,0.4) 100%)
}

.allmode-default .allmode-itemsbox {
    min-width:280px;
}

div._lp-news div.allmode-details {
	position: absolute;
   top: 30px;
	left: 10px;
	z-index:1;
	margin-left:16px;
}

div._lp-news div.allmode-text {
	position: absolute;
   bottom: 0px;
	left: 0px;
   font-size: 110%;
   line-height: 20px;
	background:-moz-linear-gradient(left,#eee 0,rgba(255,255,255,0.4) 100%);
	background:-webkit-linear-gradient(left,#eee 0,rgba(255,255,255,0.4) 100%);
	background:-o-linear-gradient(left,#eee 0,rgba(255,255,255,0.4) 100%);
	background:linear-gradient(left,#eee 0,rgba(255,255,255,0.4) 100%)
}
div._lp-news div.am-text {
	width:80%;
	float:left;
	padding: 10px 10px 10px 10px;
	font-weight: bold;
	color: #444;
}
div._lp-news span.allmode-readmore a {
	background-image: url("../images/weiterpfeil.png");
   background-repeat: no-repeat;
   bottom: 5px;
   font-weight: bold;
   height: 60px;
   position: absolute;
   right: 30px;
   width: 100px;
   z-index: 1;
}
div._lp-news .allmode-default .allmode-img img {
	border:none;
	transition:none;
	background-color: #fff;
}

div._ptblog .allmode-default .allmode-img img {
	border:none;
	transition:none;
	margin: 0 0px 8px 0px;
	min-width: 330px; 
}

div._ptblog .allmode-text {
	padding-left: 6px;
}

div._ptblog div.allmode-itemsbox {padding-left:10px;}




/* News-Blog, Paywall */
div.allmode-text div.newsblogpaywall {
	background-image: url("../images/va-plus_6.png");
	background-repeat: no-repeat;
	float: left;
	left:0px;
	width:40px;
	height:40px;
	padding-right: 5px;
}

/* PT-Blog, Paywall */
div.am-titel div.ptblogpaywall, div.am-toptitel div.ptblogpaywall {
	background-image: url("../images/va-plus_6kl.png");
	background-repeat: no-repeat;
	float: left;
	left:0px;
	width:25px;
	height:25px;
	padding-right: 5px;
	margin-top: 8px;
}

div.allmode-text div.ptblogpaywall {
	background-image: url("../images/va-plus_6.png");
	background-repeat: no-repeat;
	float: left;
	left:0px;
	width:40px;
	height:40px;
	padding-right: 5px;
}

/*


div.allmode-img div.ptblogpaywall a::before {
	content: "VA+";
	color: #fff;
	font-size: 12px;
	padding-left: 4px;
	font-weight: bold;
}
*/




/* Newsübersichten */
div.moduletable_nue div.allmode-box {
	border:none;
}

div.moduletable_blg div._blg {
	margin-top:0px;	
}

/* Mod Raxo */
div._lp-news .allmode-default .allmode-img {											
	margin: 0px;
}
div._lp-news .allmode-default .allmode-img img {											
	margin: 0px; padding: 0px;
}

div.moduletable_7tage div.allmode-item {padding:0px;}

div.moduletable_topnews li {
   list-style-type: disc;
   color: #2952C3;
   font-size: 13px;
   font-weight: bold;
   margin-bottom: 6px;
}

@media (min-width: 768px) {
	div.headersmall {
		display:none;
	}

	div.logosmall {
		display:none;
	}
	
	div#leadermobile{
		display:none;
	}

}	

@media (min-width: 825px) {
	.uk-grid > aside {
		width: 814px;
	}
	nav#menu {
    width: 756px;
	}
	.tm-headerbar{
		width: 754px;
	}	
}

@media (min-width: 1087px) {
	.uk-grid > aside {
		width: 228px;
	}	
	nav#menu {
		width: 1087px;
	}
	
	.tm-headerbar{
		width: 994px;
	}	
}

/* Ende RAXO ALLMODE */
/* ***************************************************************************** */
/* FOOTER */

.tm-totop-scroller {
   top: -7px;
}
.tm-totop-scroller::after {
    content: "";
}


.tm-navbar, .tm-footer {
   margin-bottom: 55px;
}

/* Footermenu */
footer#tm-footer {
	margin-top:0px;
	width:98%;
}

#tm-footer .uk-panel-box {
	padding: 0px;
   background: none;
	color:#444444;
}

div#bot {
   position: relative;
   top: -6px;
}

section#bottom-a li {
	float:left;
	padding: 0 3px;
}

#bottom-a {
   height: 24px;
   padding: 0 10px 0 210px;
	margin: 15px 0px;
}
#bottom-a div.module {
   width: 360px;
}
section#bottom-a li a {
	border: 1px solid #EFF1F4;
	padding: 5px 10px;
	font-size:14px;
} 
section#bottom-a a:hover {
	border: 1px solid #DDD;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background:#fff;
}

.tm-totop-scroller {
   background: url("../images/totop_scroller.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
	border: 1px solid#DDDDDD;
   border-radius: 4px;
	padding:6px;
}

a.tm-totop-scroller {
	color:#aaa;
}

/* Ende FOOTER */
/* ***************************************************************************** */

@media (max-width: 1244px) {
	.uk-grid > #skypos {
		padding-left: 43px;
	}
	
	div#skypos div._sky1 {
		float: left;
		margin: 6px;
	}
	
	div#skypos div._sky2 {
		float: right;
		margin: 6px;
	}	
}

@media (min-width: 1244px) {
	.uk-grid > #skypos {
		position: relative;
		top: -174px;
		padding: 0px;
	}
}

@media (max-width: 1244px) {
	div._sky1, div._sky2 {
   	width: 300px;
		border: none;
	}
}

@media (max-width: 1086px) {
	.uk-grid > aside {
		width: 100%;
		background-color:#EFF1F4;
		padding-left: 49px;
		padding-right: 11px;
	}
	
	.uk-width-medium-1-4 div#rside {
		width:100%;
//		background-color:#E3001B;
	}

	div.allmode-itemsbox{
		font-weight: normal !important;
	}

/* so für wide */
	nav#menu {
		max-width: 754px;
	}

	div.headersmall{
   	height: 100px;
    	background: #000;
    	background-image: url(../images/hhg.jpg);
   	background-repeat: repeat-x;
	}
	

	.tm-headerbar{
		max-width: 754px;
	}
	
	.tm-headerbar {
    	margin-right: 10px;
	   margin-left: 48px;
	}
	
	div#leaderboard {
      float: left;
	   width: 100%;
	}
}

@media (max-width: 824px) {
	div#links, div#rechts {
		width: 99%;
	}	
	
	div#skypos div._sky2 {
		float: left;
	}	
	
	div._ptblog .allmode-default .allmode-img img{
		margin-right:12px;	
	}
	
	div.frechts {
		float:left;
	}	
	
	div._lp-mnews div.allmode-itemsbox, div._ptblog div.allmode-itemsbox {
		padding-left: 0px;
	}	
	 
	#bottom-a {
		padding:0 10px 0 50px;
		margin-right:50px;
	}		
}

@media (max-width: 814px) {
	.uk-width-medium-3-4 {
    	width: 100%;
	}
}

@media (max-width: 767px) {
	/* wegen WIDE-Skyscraper */
	div#skypos div._sky2 {
		clear:both;	
	}
	
	body#ptkanal div._weitere div._mgmehr div.allmode-item {
		width: 100%;
		min-height: 230px;
	}
	
	
	nav#menu {
		max-width: 766px;
		width: 100%;
		margin-left: 0px;
	}
	
	.uk-grid > aside {
		padding-left: 0px;
	}
	.uk-grid > #skypos {
   	padding-left: 6px;
	}
	
	#bottom-a {
   	padding-left: 16px;
	}
	div.uk-container main#tm-content {
		padding-left: 45px;
	}
	
	div.foben{
		clear:both;	
		padding-top: 12px;
	}
}	

@media (max-width: 640px) {
	div._lp-news div.allmode-details {
		display:none;
	}	
	div._lp-news div.am-text {
		width:75%;
	}
	div#aktuell{
		display:none;			
	}
}

@media (max-width: 520px) {
	div._lp-news div.allmode-text {
		display:none;
	}
	div._lp-news span.allmode-readmore a {
		background-image: none;
	}
}

@media (max-width: 480px) {
	div#va_logo {
    	margin-left: -24px;
		margin-right: 0px;
	}

	.uk-grid > * {
   	padding-left: 0px;
	}	
	
	main#tm-content {
		float: left;	
	   margin: 0px;
	}
	
	div.uk-container main#tm-content {
		padding-left: 12px;
	}
	.uk-grid {
		margin-left: -35px;
	}
	
	main#tm-content div.uk-grid {
		margin-left: 0px;
	}

	.uk-grid > aside {
		background-color: #e3001b; class="caption"
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.uk-grid > #skypos {
    	padding-left: 12px;
	}	
	
	nav#menu {
		margin-left: -12px;
	}
	
	div.headersmall {
    	margin-left: 13px;
		min-width: 361px;
	}

	article .container {
		float:none !important;
	}
}

@media (max-width: 320px) {
	div._lp-news h2.allmode-title, div._lp-news h3.allmode-title {
		display:none;
	}
}

@media (min-width: 340px) {
	
	div#_bes > div {
		width:100%;
	}
}

@media (min-width: 640px) {
	div._lp-news h2.allmode-title, div._lp-news h3.allmode-title {
		width:724px;
		height:46px;
	}
	
	div._lp-news div.allmode-text {
		max-width:732px;
	}
}

@media (min-width: 824px) {
	.uk-grid > aside {
		width: 814px;
	}
	.uk-width-medium-3-4 {
	}	
	
	main#tm-content {
   	width: 729px;
	}
}

@media (min-width: 1087px) {
	.uk-grid > aside {
		width: 228px;
	}	
}



/* SONSTIGES (alteBeiträge) */
article div#hgrund table.textab td {
	vertical-align:top;
}


/* ** ENDE ********************************************************************* */

/* 2021 */
div.rbblock2 {
    width:99%; 
//	 float:right;
	 padding:0px; 
	 margin-left: 4px;
	 margin-bottom: 16px;
}
div.rbblock2 p.caption {
	padding:6px 11px;
	margin:0px;
}


._content p {
	padding: 0px 10px;
}

._content div.links {
	margin-top: 22px;
}

article div._teaser {
	/* Neu 2021 */
	font-size: 15px;
	font-weight:bold;
	line-height: 24px;	
	padding: 0 10px;
}
article p {
	/* Neu 2021 */
	font-size: 14px;
	line-height: 24px;	
}

article p {
	margin-top: 0px;
}

article p.caption {
	/* Neu 2021 */
	font-size: 13px;
	line-height: 20px;	
}

div#vbtr{
	width: 48%;
	float: left;	
}
.rbblock2 div#vbtr{
	width: 54%;
	float: left;	
}

.rbblock2 div#dblink {
    height: 18px;
    margin-top: 0px;
}


div.rcu {
	width:300px; 
	height:250px; 
	border: solid 1px #aaa; 
	float:right; 
	margin-top: 30px;	
}

article div.pager {
	clear:both;
}

article div.pager ul {
	list-style-type: none;
}

body._nele article img {
	min-width:360px;	
}

/* RAXO Related Articles */
div._raxola article {
	height:300px;
}
div._raxola article div.raxo-wrap {
	height:300px;
}

.raxo-bricks .raxo-wrap > div:first-child {
    border-color: #e3001b;
}

div.fun{
	margin: 0px 6px;	
}

div.foben {
//	width: 50%;	
	margin-top: 12px;
}

footer section#bottom-a li div {display:none;}