/*
 Theme Name:     Panda Academy Theme (Tempera Child Theme)
 Description:    Panda Academy Theme
 Author:         Florian Schlepps, PAV Germany GmbH
 Template:       tempera
 Version:        1.0.0
*/
 
@import url("../tempera/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */

*{
	margin:0;
	padding:0;
}

/**** GRUNDLAYOUT ****/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	margin:0px;
	padding:0px;
	font-size:11px;
	background:url("../../uploads/tile.jpg");
}
#content{
	line-height:18px;
}
#main{
	margin-top:0px !important;
}
h1, h2, h3, h4, h5, h6{
	margin-bottom:10px  !important;
}
h1{
	padding:5px 10px 5px 15px !important;
	background-color:#002967;
	box-shadow: 0px 1px 1px #555;
	letter-spacing:-0.02em;
	font-weight:bold;
}
h1.entry-title, h2.entry-title {
	font-size: 22px;
	font-weight: normal;
	line-height: 1.3em;
	margin: 0px;
	word-wrap:break-word;
}
.entry-title a:hover {
text-shadow: 0 0 6px #fff;
color: #ccc !important;
}
#content h2{
	color:#000;
	border-bottom:0px;
	font-size:17px !important;
	font-weight:bold;
}
#content h3{
	color:#666;
	border-bottom:0px;
	font-size:15px !important;
	font-weight:bold;
}
#content h4{
	color:#666;
	border-bottom:0px;
	font-size:14px !important;
	font-weight:bold;
}
#content h5{
	color:#666;
	border-bottom:0px;
	font-size:13px !important;
	font-weight:bold;
}
p{
	margin-bottom:5px;
}
#impressum{
	color:#000;
}
#mem{
	float:right;
}
#mem > li {
    float: left;
}
#mem a {
    color:#cccccc;
    line-height: 30px;
    padding: 0 10px;
}
#mem a:hover{
	color:#fff;
}
#branding{
	overflow:visible;
	margin-top:10px;
	background-color:#002967;
	background: #002967;
	background: -moz-linear-gradient(top, #93c1e0 0%, #002967 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#93c1e0), color-stop(100%,#002967)); 
	background: -webkit-linear-gradient(top, #93c1e0 0%,#002967 100%); 
	background: -o-linear-gradient(top, #93c1e0 0%,#002967 100%); 
	background: -ms-linear-gradient(top, #93c1e0 0%,#002967 100%); 
	background: linear-gradient(to bottom, #93c1e0 0%,#002967 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93c1e0', endColorstr='#002967',GradientType=0 );
}
header img{
	float:left;
	border-radius:15px;
	-webkit-transition:ease-in 0.4s;
	-moz-transition:ease-in 0.4s;
	transition:ease-in 0.4s;
}
header img:hover{
	box-shadow:0 0 5px #fff;
	-webkit-transition:ease-in 0.1s;
	-moz-transition:ease-in 0.1s;
	transition:ease-in 0.1s;
}
#access{
	width: 840px;
	float: right;
	margin-top:25px;
}
#prime_nav {
    float: right;
    margin-right: 20px;
}
.menu ul li{
	list-style-type:none;
	border-left:1px solid #93c1e0;	
	padding:8px 1px;
	float:left;
	margin-right:2px;
	-webkit-transition:ease-in 0.4s;
	-moz-transition:ease-in 0.4s;
	transition:ease-in 0.4s;
	
}
.menu > ul >li:hover{
	border-radius:5px;
	background-color:#002967;
	-webkit-transition:ease-in 0.1s;
	-moz-transition:ease-in 0.1s;
	transition:ease-in 0.1s;
	border-left:1px solid transparent;	
}
.menu > ul > li > a > span{
	text-decoration:none;
	display:block;
	font-weight:bold;
	-webkit-transition:ease-in 0.4s;
	-moz-transition:ease-in 0.4s;
	transition:ease-in 0.4s;
	text-transform:uppercase;
	padding:6px 24px !important;
	margin:2px;
	font-size:11px;
	letter-spacing: 0.025em;
}
#access > .menu > ul > li > a > span{
	-moz-box-shadow:none !important;
	-webkit-box-shadow:none !important;
	-ms-box-shadow:none !important;
	box-shadow:none !important;
}
#access a span{
	font-weight:bold;
	padding: 6px 13px;
}
#access > .menu > ul > li > a:not(:only-child) span:after{
	display:none;
}
div .entry-summary a.continue-reading-link{
	color:#002967 !important;
}
.current-menu-item > a > span, #access ul ul li.current-menu-item > a, #access ul ul li a:hover, .current-menu-ancestor > a > span{
	color:#fff;
	background-color:transparent !important;
	background:none;
	transition:0s;
}
#forbottom{
	padding:0 !important;
	margin:0 !important;
}
.entry-content{
	padding:0 20px;
}
.clear{
	clear:both;
}
.floatleft{
	float:left;
	margin-right:25px;
}
.floatright{
	float:right;
	margin-left:25px;
}
.tenleft{
	margin-left:10px;
}
.tenright{
	margin-right:10px;
}
.thirtyleft{
	margin-left:30px;
}
.thirtyright{
	margin-right:30px;
}
footer{
	border-top:1px solid #fff;
}
a{
	color:#002967;
}
a:hover{
	text-decoration:none;	
}
footer#footer{
	margin-top:5px;
	background-color:#002967;
	margin-bottom:20px;
}
td{
	border-width:0px !important;
}
#content > #headerbild{margin-bottom:-4px !important;}
#container > #headerbild{margin-bottom:-5px !important;}
#respond{
	padding:20px;
}
#einleitung {
	font-size: 13px;
	text-align: center;
	margin-bottom: 20px;
	font-weight: bold;
}
div#content article#post-0 {
	width:100%;
}
#container.two-columns-right #secondary{
	margin-right:25px;
}
.two-columns-right > #content{
	padding-top:10px;
}
#comments {
	padding: 20px;
	clear: both;
}
div#inhalt{
	background-image:url("../../uploads/cnt-bckgrd.jpg");
}
input[type="text"], input[type="password"], input[type="email"], input[type="file"], textarea, select, input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="week"], input[type=submit], input[type=reset]{
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
} 
.pagination span, .pagination a{
width:20px;
}
/**** GRUNDLAYOUT ENDE ****/

/**** WIDGETS ****/
.widget-title {
	text-align: center;
	padding: 2px 5px;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}
.widget-container{
	border: 1px solid lightgrey;
	padding:0;
}
#socials-left{
	border-width:0;
	margin-top: 15px;
}
.textwidget, .tagcloud{
	padding:0 10px 10px 10px;
}
#searchform input[type="text"], .comment-form-comment textarea, .file, .button, #respond .form-submit input#submit{
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}
/**** WIDGETS ENDE ****/

/**** FRONTPAGE ****/
#fronteinleitung{
	font-size:12px;
	padding:10px 20px 0 20px;
}
#fronteinleitung > hr{
	margin:20px -10px 10px -10px;
}
footer.presseverteiler{
	height:23px;
}
#post-presseverteiler{
	margin-bottom:30px;
	background-color:#002967;
}
#post-presseverteiler > header > h2{
	border-bottom:1px solid #fff;
}
#post-presseverteiler > div > p{
	color:#fff;
}
#post-presseverteiler > div > p > a.continue-reading-link{
	color:#fff !important;
	border-bottom-color:#fff;
}
#post-presseverteiler > div > p > a.continue-reading-link > i{
	color:#fff;
}
#post-presseverteiler > div > p > a.continue-reading-link:hover > i{
	color:#93c1e0;
}
#post-presseverteiler > div > a > img{
	border-color:#fff;
}
hr#pressetrenner{
	margin:-5px -5px 30px -5px !important;
}

/**** FRONTPAGE ENDE ****/

/**** ARCHIVES ****/
.page-header{
	padding:0;
}
.breadcrumbs{
	margin-left:10px;
}
#posting{
	padding:0px 15px 10px 15px;
}
#posting article{
	border:1px solid lightgrey;
}
#posting .entry-title{
	background-color:#002967;
	color:#fff;
	padding:2px 10px;
}
#posting .entry-summary{
	padding:0 10px;
}
#posting .entry-content{
	padding:10px 20px;
}
#posting .entry-meta{
	padding:0 10px;
}
#nav-below {
	padding: 0px 10px 5px 10px;
}
/**** ARCHIVES ENDE ****/

/**** SEARCH ****/
.page-header{
	padding:0;
}
#searchsite{
	padding:0px 15px 10px 15px;
}
#searchsite article{
	border:1px solid lightgrey;
}
#searchsite .entry-title{
	background-color:#002967;
	color:#fff !important;
	padding:2px 10px !important;
}
#searchsite .entry-summary{
	padding:0 10px;
}
#searchsite .entry-content{
	padding:10px 20px;
}
#searchsite .entry-meta{
	padding:0 10px;
}
#nav-below {
	padding: 0px 10px 5px 10px;
}
/**** SEARCH ENDE ****/

/**** TESTS ****/
.auszeichnungen{
	border-top:1px solid #ccc !important;
	border-bottom:1px solid #ccc !important;
	border-collapse:collapse;
	margin-bottom:50px; 
}
.auszeichnungen th{
	font-size:14px;
	color:#002967;
}
#content table > thead > tr > th, #content table > tbody > tr > td > table > thead > tr > th{
	color:#002967;
	border-right:0px !important;
}
.auszeichnungen thead th{	
	border-bottom:1px solid #000 !important;
}
.auszeichnungen th, .auszeichnungen td{
	padding:10px 25px 10px 5px !important;
	vertical-align:top;
	text-align:left;
	position:relative;
	color:#000;
}
.auszeichnungen tr{
	border-bottom:1px solid #ccc;
}
.auszeichnungen > tbody > tr:hover{
	background-color:#eee;
}	
table.auszeichnungen > thead > tr > th:nth-child(1){
	width:220px;
}
table.auszeichnungen > thead > tr > th:nth-child(2){
	width:300px;
}
table.auszeichnungen > thead > tr > th:nth-child(3){
	width:140px;
}
table.auszeichnungen > thead > tr > th:nth-child(4){
	width:180px;
}
.auszeichnungen td:first-child{
	font-weight:bold;
}
tr.gray{
	background-color:#eee;
}
.auszeichnungen > tbody > tr > td > a{
	display:block;
	margin-top:20px;
}
.ergebnisse{
	color:#002967;
	vertical-align:bottom !important;
	position:absolute;
	bottom:10px;
	border-collapse:collapse;
	width: 90% !important;
}
.ergebnisse th{
	font-size:12px;
}
.ergebnisse td{
	font-size:11px;
	color:#002967;
}
.ergebnisse tr{
	border-bottom:none;
}
.ergebnisse th, .ergebnisse td{
	padding:6px !important;
}
table.auszeichnungen > tbody > tr > td:nth-child(4) > img{
	margin-bottom:100px !important;
}
/**** TESTS ENDE ****/

/**** PANDA TV ****/
#tubevideos{
	padding:10px;
}
.tubepress_thumb{
margin-bottom: 15px;
min-height:220px;
}
div.tubepress_container div.pagination a, div.tubepress_container div.pagination span{
width:inherit !important;	
}
div.tubepress_container div.pagination{
margin:0 auto;
} 
dd.tubepress_meta_title, dd.tubepress_meta_title a, dd.tubepress_meta_title a:hover{
margin-top:2px;
}
div#trailerbox p, div#webinartv p{
	padding:0 10px;
}
div#trailerbox, div#webinartv, div#pandatvchannel {
	border:1px solid #ccc;
}
#pandatv h2 {
	font-size: 17px !important;
	font-weight: bold;
	margin:0 0 10px 0 !important;
	color:#fff !important;
	padding:5px 10px;
	background-color:#002967;
}
div#pandatvchannel {
	margin-top:10px;	
}
dd.tubepress_meta_runtime {
	font-style:italic;
}
div.tubepress_container div.pagination {
	border:0px;
}
.tubepress_pagination_dots {
	color: #000099;
	padding: 0 3px 0 3px !important;
}	
div.pagination span.current {
	border: 1px solid #fff !important;
}
/**** PANDATV ENDE ****/

/**** IMPRESSUM ****/
.impressum{
	margin-bottom:20px;	
}
#impressum > tbody > tr > td:nth-child(1){
	width:60px;
}
table#impressum > tbody > tr > td{
	padding:2px !important;
}
/**** IMPRESSUM ENDE ****/

/***** 404 ****/
#missing{margin:0 100px; text-align:center; color:#555556;}
#missing p:first-child{ font-size:45px; color:#888889; margin-bottom:0px;}
#missing p:nth-child(2){ font-size:22px; margin:0px 10px 20px 10px;}
#missingbear{margin: 100px auto 0 auto !important; display:block;}
/**** 404 ENDE ****/

/**** SEARCH ****/
#no-content{padding:0 10px;}
/**** SEARCH ENDE ****/

/**** PDF'S ****/
table.pdf > thead > tr > th{background-color:#002967; color:#fff !important;}
table.pdf > tbody > tr > td{border:1px solid #d6d6d6 !important; vertical-align:middle;}		
table.pdf > thead > tr > th:nth-child(1), table.pdf > tbody > tr > td:nth-child(1){
	font-weight:bold;
	width:500px;
}
table.pdf > thead > tr > th:nth-child(2), table.pdf > tbody > tr > td:nth-child(2){
	text-align:center;
}
table.pdf > tbody > tr > td > a > img{border-bottom:none !important; margin:0 !important; float:none !important;}

/**** PDF'S ENDE ****/



/*--------------------------------------------- */ 
/**************Responsive Structure**************/ 
/*--------------------------------------------- */ 

@media (max-width: 1920px) { 	
	.tubepress_embedded_title { font-size:small !important; }
} 
	

@media (max-width: 1024px) { 
	#headerbild { width:100%; height:auto; }
	#prime_nav { margin-right:10px; }
	.menu > ul > li > a > span { padding:4px 15px !important; font-size:9px; letter-spacing:0.1em; }
	div#inhalt { background-image:none !important; }
	#main .widget-area ul { padding:0 20px; }
	article.post, article.page { padding:0 !important; }
	a#logo img { transition:all 0s; -moz-transition:all 0s; -webkit-transition:all 0s; }
	#missing { margin:0 10px; }
	#secondary{min-width:280px; width:280px;}
	
	
	/* Force table to not be like tables anymore */
	table.auszeichnungen, table.auszeichnungen > thead, table.auszeichnungen > tbody, table.auszeichnungen > thead > tr, table.auszeichnungen > tbody > tr,  table.auszeichnungen > thead > tr >th, table.auszeichnungen > tbody > tr > td/*, table.pdf, table.pdf > thead, table.pdf > tbody, table.pdf > thead > tr, table.pdf > tbody > tr,  table.pdf > thead > tr >th, table.pdf > tbody > tr > td*/{ 
		display: block; 
	}
		/* Hide table headers (but not display: none;, for accessibility) */
	table.auszeichnungen > thead > tr/*, table.pdf > thead > tr*/ { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}	
	table.auszeichnungen > thead > tr, table.auszeichnungen > tbody > tr/*, table.pdf > thead > tr, table.pdf > tbody > tr*/ { border: 1px solid #ccc; }
	table.auszeichnungen > tbody > tr > td/*, table.pdf > tbody > tr > td*/ { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 30% !important; 
	}
	table.auszeichnungen > tbody > tr > td:before/*, table.pdf > tbody > tr > td:before*/ { 
		/* Now like a table header */
		position: absolute !important;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px !important; 
		white-space: nowrap;
		font-weight:bold;
	}
	/* Label the data */
	.auszeichnungen > tbody > tr > td:nth-of-type(1):before { content: "Produkt"; }
	.auszeichnungen > tbody > tr > td:nth-of-type(2):before { content: "Beschreibung"; }
	.auszeichnungen > tbody > tr > td:nth-of-type(3):before { content: "Veröffentlichung"; }
	.auszeichnungen > tbody > tr > td:nth-of-type(4):before { content: "Testinstitut"; }
	
	
	/*.pdf > tbody > tr > td:nth-of-type(1):before { content: "Dateiname"; }
	.pdf > tbody > tr > td:nth-of-type(2):before { content: "PDF-Link"; }*/
	
	
	/* Bewertungs Tabelle anders positionieren */
	table.ergebnisse {  position:relative !important; }	
}

@media (max-width: 860px) { 	
	#container.two-columns-right #content, #container.two-columns-right #secondary { width: 100% !important; }
	#container.two-columns-right #secondary, #trailerbox > p > iframe { margin: 0 auto; display:block; }
} 

@media (max-width: 768px) { 
	#trailerbox > p > iframe { height:333px; }
	.tubepress_normal_embedded_wrapper, .tubepress_thumbnail_area { width:auto!important; } 
	.tubepress_normal_embedded_wrapper{ position: relative !important; padding-bottom: 56.25% !important; /*Aspect ratio*/ width:100% !important; padding-top: 30px !important; height: 0 !important; margin-bottom:20px !important; /*margin-top:50px !important;*/ }
	.youtube-player { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; }
	ul#prime_nav > li.menu-item > a > span{padding:4px 10px !important;}
} 

@media (max-width: 650px) {
	#missing p:first-child { font-weight:bold; font-size:larger !important; }
	#nav-toggle { position:relative; margin-bottom:50px !important; }
	#nav-toggle span { float:right; }
	a#logo img { width:75px !important; height:75px !important; }
	#content h1.entry-title{ font-size:22px !important; }
	#content h2.entry-title { padding:2px 10px 8px 10px !important; }
	#content h2.entry-title, #content h2.entry-title a { font-size:16px !important; line-height:18px !important; }
}

@media (max-width: 512px) { 
	#missing { margin:0; }
	#trailerbox > p > iframe { height:265px; }
} 

@media (max-width: 480px) {	
	#footerimg{ max-width:100%; height:auto; }
	#content > #headerbild { margin-bottom: -5px !important; }	
	table#impressum > tbody > tr > td { letter-spacing: -0.03em; }
	#trailerbox > p > iframe { height:175px; }
	table.auszeichnungen > tbody > tr > td { padding-left: 50% !important; }	
	table.ergebnisse { left: -130px !important; margin-top: 50px !important; width: 260px !important; }
}