/* Flowplayer modifications with classes, 2015, Olaf Craasmann, Traumflieger Photografics */
   .tf_mod_flow.flowplayer {width:535px;}
   .tf_mod_flow.flowplayer {background-image: url("./skin/img/video_starten.jpg");}
   .tf_mod_flow.flowplayer.is-mouseover .fp-controls{height:0;-webkit-transition:height .15s .3s;-moz-transition:height .15s .3s;transition:height .15s .3s}
   .tf_mod_flow.flowplayer.is-mouseover .fp-timeline{margin:0 !important}
   .tf_mod_flow.flowplayer.is-mouseover .fp-timeline{-webkit-transition:height .15s .3s,top .15s .3s,margin .15s .3s;-moz-transition:height .15s .3s,top .15s .3s,margin .15s .3s;transition:height .15s .3s,top .15s .3s,margin .15s .3s;height:0px;top:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
   .tf_mod_flow.flowplayer.is-mouseout .fp-timeline{-webkit-transition:height .15s .3s,top .15s .3s,margin .15s .3s;-moz-transition:height .15s .3s,top .15s .3s,margin .15s .3s;transition:height .15s .3s,top .15s .3s,margin .15s .3s;height:0px;top:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
   .tf_mod_flow.flowplayer .fp-ui, .tf_mod_flow.is-paused.flowplayer .fp-ui {background: none;}
   .tf_mod .flowplayer .fp-logo {display: block; opacity: 0.6;}
   .tf_mod .tf_mod_div{width:120px;height:30px;text-align:center;text-decoration:underline;padding-top:7px;background:#000000;opacity: 0.6;font-family:Arial;font-size:20px;color:#FFBB55;}
   .tf_mod .tf_mod_div:hover{opacity: 1;}
 
/* Island Report CSS für Nächstes oder Letztes Bild, 2015, Olaf Craasmann, Traumflieger Photografics */ 
.tf_rl {width:100%;}
.tf_rl_left_30 {float:left;height:auto; width:29%;margin-right:1%;}
.tf_rl_left_30 a img {float:left; width:100%;}
.tf_rl_left_20 {float:left;height:auto; width:19%;margin-right:1%;}
.tf_rl_left_20 p {font-size:120%;font-size:1.0vw;text-align:center;font-weight:bold;}
.tf_rl_left_10 {float:left;height:auto; width:9%;padding-top:4%;margin-right:1%;}
.tf_rl_left_10 img {float:left; width:100%;}

/* Traumflieger Listenstyle Pro Contra, 2015, Olaf Craasmann, Traumflieger Photografics  */
.tf_fazit{
	margin-bottom:10px;
	margin-top:10px;
}
.tf_fazit_pro {}
.tf_fazit_contra {}
.tf_fazit ul{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
	margin-bottom:12px;
}

.tf_fazit_pro li{
    background-image:  url('./img/icon_plus.png');
    background-repeat: no-repeat;
    background-position: 0px 2px;
    padding-left: 25px;
	padding-bottom:2px;
	font-family:Arial;
	font-size: small;
	font-weight: bold;
}

.tf_fazit_contra li{
    background-image:  url('./img/icon_minus.png');
    background-repeat: no-repeat;
    background-position: 0px 2px;
    padding-left: 25px;
	padding-bottom:2px;
	font-family:Arial;
	font-size: small;
	font-weight: bold;
}

/* Traumflieger Bildvergleich repositorisch, 2016, Olaf Craasmann, Traumflieger Photografics  */

@media all and (max-width: 3840px) {
	.tf_iframe_bildvergleich
	{
		height:697px;
		width:612px;
	}
}

@media all and (max-width: 1920px) {
	.tf_iframe_bildvergleich
	{
		height:615px;
		width:540px;
	}
}

@media all and (max-width: 1400px) {
	.tf_iframe_bildvergleich
	{
		height:533px;
		width:468px;
	}
}

@media all and (max-width: 1100px) {
	.tf_iframe_bildvergleich
	{
		height:410px;
		width:360px;
	}
}


/* Traumflieger Tabellen für Reports, 2016, Olaf Craasmann, Traumflieger Photografics  */
.tf_tabelle_2016 {border-collapse: collapse; max-width:800px; width:100%;}
.tf_tabelle_2016 caption
{
	font-size:strong;
	border-bottom: 4px solid #fff;
	padding: 10px;
	background: #F79430;
	text-align: left;
	color: #fff;
}

.tf_tabelle_2016 thead 
{	
	border: #999 1px solid;
}

.tf_tabelle_2016 thead th
{
	border-collapse: collapse;
	vertical-align: top;
	padding: 5px;
	text-align: center;
	background:#f2f2f2;
}

.tf_tabelle_2016 tbody td
{
	border: #999 1px solid;
	border-collapse: collapse;
	vertical-align: top;
	padding: 5px;
	text-align: left;
}

.tf_tabelle_2016 tr:nth-child(2n) {
    background: #f5f5f5;
}
.tf_tabelle_2016 tr:nth-child(2n+1) {
    background: #ffffff;
}
.tf_tabelle_2016 .bg1 {background:#6ec285;text-align: center;}
.tf_tabelle_2016 .bg2 {background:#b3df78;text-align: center;}
.tf_tabelle_2016 .bg3 {background:#c8e774;text-align: center;}
.tf_tabelle_2016 .bg4 {background:#e1e970;text-align: center;}
.tf_tabelle_2016 .bg5 {background:#eed96f;text-align: center;}
.tf_tabelle_2016 .bg6 {background:#eebd72;text-align: center;}
.tf_tabelle_2016 .bg7 {background:#ee747c;text-align: center;}
.tf_tabelle_2016 .bg8 {text-align: left;}

.tf_tabelle_img_2016{border-collapse: collapse; max-width:800px; width:100%;}
.tf_tabelle_img_2016 caption
{
	font-size:strong;
	border-bottom: 4px solid #fff;
	padding: 10px;
	background: #F79430;
	text-align: left;
	color: #fff;
}
.tf_tabelle_2016 tbody td
{
	border-collapse: collapse;
	vertical-align: top;
	padding: 3px;
	text-align: left;
}
.tf_tabelle_2016 tbody tr
{
	border: #999 1px solid;
	padding: 0px;
}

.tf_tabelle_img_2016:nth-child(2n) {
    background: #f5f5f5;
}
.tf_tabelle_img_2016 tr:nth-child(2n+1) {
    background: #ffffff;
}

.tf_tabelle_rep_2018 {border-collapse: collapse; max-width:1000px; width:100%;}
.tf_tabelle_rep_2018 tr
{
	border-collapse: collapse;
	border-bottom: 1px solid #0A0A0A !important;
	border-top: 1px solid #0A0A0A !important;
	border-left: 1px solid #0A0A0A !important;
	border-right: 1px solid #0A0A0A !important;
}
.tf_tabelle_rep_2018 td
{
	border-collapse: collapse;
	border-bottom: 1px solid #0A0A0A !important;
	border-top: 1px solid #0A0A0A !important;
	border-left: 1px solid #0A0A0A !important;
	border-right: 1px solid #0A0A0A !important;
}
.tf_tabelle_rep_2018 td {height:100%;}
.tf_tabelle_rep_2018 thead tr th{background: #F79430 !important;color:white!important;}
.tf_tabelle_rep_2018  thead th {padding: 5px;font-size:1.2em!important;}
.tf_tabelle_rep_2018  tbody td {padding: 5px;}
.tf_tabelle_rep_2018 tr:nth-child(2n) {
    background: #e5e5e5;
}
.tf_tabelle_rep_2018 tr:nth-child(2n+1) {
    background: #ffffff;
}