/*
* {
	margin: 0;
	padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
*/

html {
	font-size: 1rem;
}
body {
	margin: 0;
	padding: 0;
	background-color: #eee;
	color: #336699;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 1rem;
	text-align:justify;
}	

div {
margin: 0;
	padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}	
header, footer, section, aside, nav, article { display: block;	margin: 0;
	padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;}

#container {    
    max-width:1200px;
	min-width:900px;
	margin:0px auto 10px auto;	
	background-color:#fff;
	border-bottom: 5px solid #006699;
}

/*
Breites Layout mit drei Spalten
--------------
|     H      |
-------------
|  |      |  |
| N|  C   |A |
|  |      |  |
--------------
|     F      |
--------------
*/
header {
	min-height:50px;
	padding:5px;
	text-align:center;	
	background-color:#006699;
	color:#DFDFDF;	
}
	
nav {
	width:17%;
	float:left;
	margin-left:-100%;
	background-color:#fff;
	min-height:1px;
	padding: 5px;
	font-size:0.85rem;
}

section#content {
    width:66%;
    height:100%;
	min-height:1000px;
	float:left;
    margin-left:17%;     
	padding:15px;
	border-left: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	background-color: #fff;	
}

/* navigation bar immer am unteren Ende */
div.minheight {
	min-height:1000px;
}

aside {
    width:17%;
    float:left;
	padding-top:15px;
    background-color:#fff;
	/* sonst klapp das Layout nicht */
    min-height:1px;
}

footer {
font-size:0.8rem;
text-align:center;
padding:20px;
clear: both;
}

/* Header */ 
header h1, header div.t1{
	margin: 0 0 5px;
	font-size: 32px;	
	font-weight: normal;
	line-height: 35px;
}

header h2, header div.t2{
	margin: 0 0 5px;
	font-size:16px;	
	font-weight: normal;
	line-height: 18px;
}

/*
div.menu-mobile {
	display: none;
}
*/
/* Navigation */
nav a {display: block;padding: 2px 3px;}
nav a:link , a:link{color:#336699;cursor:pointer;}
nav a:visited , a:visited {color:#7F7F7F;}
nav a:hover , a:hover {color: #336699;background-color:#eee;}
nav a:active, a:active  {color:#336699;}

nav div.inhalt{border:1px solid #C0C0C0;padding-bottom:5px;margin-top:1em;}
nav div.social{margin-top:1em;}
nav .social a {display: inline;}
.social a:hover {display: inline;background-color:inherit;}


nav .inhalt p{with:100%;text-align:left;margin:0em;padding:5px;color:#336699;text-align:justify;margin:0em;padding: 1px 2px 1px 2px;}
nav .inhalt p.title{margin:0em;background-color:#006699;color:#DFDFDF;font-weight:bold;}
nav .inhalt a.title{margin:0em;background-color:#006699;color:#DFDFDF;font-weight:bold;text-decoration: none;}
nav .inhalt .lev2 {padding-left:15px;}
nav .inhalt .lev3 {padding-left:20px;}
nav .inhalt .lev4 {padding-left:25px;}
div.micon {
    width: 20px;
    display: inline-block;
}

nav .inhalt p.title, nav .inhalt a.title{background-color:#006699;color:#DFDFDF;} 
nav div.gowerb p.title {
    background-color: #f6f6f2;
    border-bottom: 1px solid #c0c0c0;
    color: #006699;
    font-weight: bold;
    margin: 0;
    padding: 2px;
}

nav a[title~=Bilder] {
	text-indent: 2px;
	background: url('http://www.silke-in-europa.de/bild/picture.png') left center no-repeat; 
	margin-left: 1em;
} 

/* Content */
section#content h1 {font-size: 1.5rem; font-weight:normal;text-align:left;}
section#content h1.foto {margin-bottom: 10px;}
section#content h1.titel {margin-top: 12px;margin-bottom: 12px;}
section#content h2 {font-size: 1.2rem; font-weight:bold;text-align:left;border-bottom: 1px solid #EEEEEE}
section#content .teasertext h2 {font-size: 1rem;}
section#content h3 {font-size: 1rem; font-weight:bold;text-align:left;border-bottom: 1px solid #EEEEEE}
section#content .kurz{font-style: italic;font-size:0.8em;color:#7F7F7F;margin-left:3em;margin-right:3em;}

div.banner {
	margin-bottom: 10px;
	background-size: cover;
}

.navigation {
margin-top:10px;
padding-top: 10px;
position: relative;
bottom: 0;
width: 100%;
clear: both;
border-top: 1px solid #EAE8E8;
}

.navigation img.h{
	width: 12px;
	height: 20px;
	border: none;
}

.navigation img.w{
	width: 20px;
	height: 12px;
	border: none;
}

.nbarleft {
	float: left;
	text-align: left;
	width:25%;
	min-height: 20px;
}
.nbarcenter {
	float: left;
	text-align: center;
	width:50%;
	min-height: 20px;
}
.nbarright {
	float: left;
	text-align: right;
	width:25%;
	min-height: 20px;
}

/* flex navigation */
.flexnav {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin-top: 20px;
	padding-top: 10px;
	position: relative;
	bottom: 0;
	width: 100%;
	clear: both;
	border-top: 1px solid #EAE8E8;
	min-height: 40px;
	vertical-align: middle;  
}

.itemleft {
flex-grow: 1;
}

.flexnav a {
display: block;
min-height: 40px;     
vertical-align: middle;   
}

.itemcenter {
flex-grow: 2;
text-align: center;
}

.itemright {
flex-grow: 1;
text-align: right;
}

/* hover links auf image */
.imglinkleft {
	line-height: 300px;
	opacity: 0;
	width: 100px;
	height:100%; 
	z-index: 99; 
	display: block; 
	position: absolute;
	top:0%;
	left:0%;
}
.imglinkright {
	line-height: 300px;
	opacity: 0;
	width: 100px;
	height:100%; 
	z-index: 99; 
	display: block; 
	position: absolute;
	top:0%;
	right:0%;
}
.imglinkleft:hover {
	cursor: pointer; 
	opacity: 0.6;
}
.imglinkright:hover {
	cursor: pointer; 
	opacity: 0.6;
}

.imgarrow {
	font-size:48px;
	color:red;
}
.h400 {
	height:400px;
}

/* Bilder im Text */
.marleft {margin:0em 1em 1em 0em;}
.marright {margin:0em 0em 1em 1em;}
.clleft {clear:left;}
.clright {clear:right;}
.clboth {clear:both;}
.flleft {float:left;}
.flright {float:right;}
.center {vertical-align: top;
	text-align: center;}
.center table {margin-left: auto; margin-right: auto;}
.profil{border:1px solid #808080;}
.flowr{margin:5px 0 5px 1em;float:right;}
.flowl{margin:5px 1em 5px 0;float:left;}
.ml5 {margin-left:5px;}
 span.it {
	font-style:italic;
 }
 em{
	font-style: normal;
	font-weight: bold;
}
/*Links markieren*/
/* externer Link */
.extern{font-weight:bold; color:#F09010;}
/* intern Link */
.intern{font-weight:bold;color:#000080;}

/* externe links markieren */

a[rel="external"] { 
	background: url('http://www.silke-in-europa.de/bild/newwin.png') right center no-repeat; 
	padding-right: 16px;
}
a[rel="affiliate"] { 
	background: url('http://www.silke-in-europa.de/bild/affiliatewin.png') right center no-repeat; 
	padding-right: 16px;
}

.linkliste {
	list-style-type: none;	
}

/* list-style-image: url("../bild/newwin.png"); */
ul.linkliste a[rel="external"] { 
	background: url('http://www.silke-in-europa.de/bild/newwin.png') left center no-repeat; 
	padding-left: 20px;
	padding-right: 5px;
}
/* list-style-image: url("../bild/affiliatewin.png"); */
ul.linkliste a[rel="affiliate"] { 
	background: url('http://www.silke-in-europa.de/bild/affiliatewin.png') left center no-repeat; 
	padding-left: 20px;
	padding-right: 5px;
}

ul.linkliste a[rel="me"] { 
	background: url('http://www.silke-in-europa.de/bild/selfwin.png') left center no-repeat; 
	padding-left: 20px;
}


/* buchblock mit bild */
.buchblock  {
	margin:1em 1em 0 1em;
	padding:0 1em 1em 1em;
	border: 1px solid #C0C0C0;
}
.buchblock h3 {
	border-bottom: 1px solid #C0C0C0;
	margin-bottom:5px
}

.buchblock p {margin:3px;}
.buchblock p.author {font-size:0.8rem; margin-top:2px;font-weight:bold;}
.buchbild {margin:0 10px 5px 0;float:left;}
p.klappentext {font-size: 0.8rem}
p.klappentext em {font-style: normal;font-weight: bold;}
p.bestellen {font-size: 0.8rem}
p.bestellen em {font-style: normal;font-weight: bold;}
p.buchkurz {font-size: 0.8rem;}
p.buchkurz em {font-style: normal;font-weight: bold;}
p.ausbuecher {font-size: 0.8rem;font-style: italic;}
p.ausbuecher em {font-style: normal;font-weight: bold;}
.kartenblock  {margin:1em 1em 1em 1em;padding:0 1em 1em 1em;}
/* Tabelle mit Info */
table.info , table.reiseinfo{border: 1px solid #BFBFBF;color:#808080;font-size:10pt;border-collapse: collapse;}
table.info td, table.reiseinfo {border: 1px solid #BFBFBF;text-align:left; vertical-align:top;}
table.info th, table.reiseinfo  {border: 1px solid #BFBFBF;text-align:left; vertical-align:top;}
table.info .noBorder {border:none;}
.endbuch{clear:both;}
.empfehlung {border: 1px solid #7F5307; background-color:#EFCE95; padding:0.5em 1em 1em 1em; }
.empfehlung .title {color:#7F5307;font-weight: bold;border-bottom: 1px solid #7F5307;}
.buchblock .empfehlung h3 {border-bottom: 1px solid #C0C0C0; }

/* Linkliste */
ul.none {list-style-type:none;text-align:left;text-indent:-2em;}
div.amazonBox {border: 1px solid #649E00;padding:5px;}
ul.amazon {list-style-type:none;text-align:left;font-size:12px;padding:0px;margin:0px;}	
ul.amazon li{padding:3px 0px;}			
div.amazonTitle {;background-color:#649E00;color:#FFF;padding:5px;font-weight:bold;}
/* anzeige */ 
div.anzeige{
	margin-bottom:10px;}

div.anzeigeText{
	font-size:7pt;
	color:#C0C0C0;
	text-align:left;
	margin-bottom:1px;}	
.c0{margin-bottom:10px;}	
.c728 {
	width: 728px;
	margin:0 auto;
}

.c728x90 {
	height:90px; 
	width:728px;
}

.c160{
	width: 160px;
	margin:0 auto;
}

.c160x600 {
	height:600px; 
	width:160px;
}

.c234{
	width: 234px;
	margin:0 auto;
}

.c300{
	width: 300px;
	margin:0 auto;
}

.c468{
	width: 468px;
	margin:0 auto;
}

.ad-footer-link {
	text-align: center;
    padding-bottom: 10px;
}

/* panorama fotos */
span.foto, span.imgtl, span.imgst, span.imgpl {
	font-size:0.8rem; 
	text-align:center; 
	vertical-align:top; 
	color:#808080;
	display:block;
	margin:0px auto;
/*	padding:5px 5px 10px 5px; */
	display:block;
}

span.imgtl {
	padding:10px 5px 5px 5px;
	font-size:1rem;
}
span.imgst, span.imgpl {
	padding:5px;
}

.embtop {
	position: relative;
	height: 0;
	overflow: hidden;
	margin:0px auto;
}

.embtop img {
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	border: 1px solid #C0C0C0;
}

.embed-container {
position: relative;
height: 0;
overflow: hidden;
background-color:black;
}

.centerBox {
	vertical-align: top;
	text-align: center;
}

.centerBox span.title {
    color: #336699;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 16px;
    text-align: justify;
	font-weight: bold;
}
.center {
	margin:0 auto;
}

.ratio{
padding-top:66.667%;
}

.embed-container img{
position: absolute;
top: 0;
left: 0;
width:100%;
}


.imgbox {
	margin:0em 1em 1em 0em;
	float: center;
	margin:0 auto;
	padding:0px;
}

.scollbox {
overflow: auto;
}
/* Gallery */
div.boxw, div.boxh, div.pano {
    float: left;
    margin:5px;
	font-size:10pt; 
	text-align:center; 	
	color:#808080;
}

div.boxw24 {
    float: left;
    margin:0px;
	font-size:10pt; 
	text-align:center; 	
	color:#808080;
}

div.pano {
	padding:5px;
	float: center;
}
div.boxw {
    width: 220px;
	height: 210px;
	padding:5px;
}
div.boxw24 {
    width: 250px;
	height: 210px;
	padding:5px;
}
div.boxh {
	min-height: 270px;    
	min-width: 140px;
	padding: 5px;
}

/* Teaser */
.teaser {
	float:left;
	border: 1px solid #C0C0C0;
	width: 290px;
	min-height: 260px;
	margin:10px;
}

.teaserimg {
	border: 1px solid #C0C0C0; 
	min-width: 280px;
	min-height: 70px;
	margin:3px;
	background-size: cover;
}
.teasertext {
	margin:3px;				
}

.teaserCategory {
	font-size: 10px;
	font-weight:bold;
	text-transform:uppercase;
	color:#C0C0C0;
	margin-left:3px;
}

.teasertext h2 {
	margin: 3px;				
	font-size: 1rem;
}

.teasertext p {
	margin: 3px;				
	font-size: 14px;
	padding:0px;
}
			
.news {
		font-size:0.8rem;
		border:1px solid #FFCC00;
		text-align:justify;
		margin:0px;
		padding:0px;
		color:#000080;
}
	
.news p.title{
		margin:0em;
		padding:5px;
		background-color:#FFCC00;
		color:#9F0000;
		font-weight:bold;
}
.news p {
	padding:2px;
	margin: 2px;
}
			
.news em{
		font-style: normal;
		font-weight: bold;
}
			
div.buchlist{}
div.buchlist em {font-weight:bold;}
div.buchlist{font-size:80%;border:1px solid #FFCC00;margin:2px;}
div.buchlist p.anzeige{font-size:7pt;margin:0em;padding:0 5px 0 5px;background-color:#FFCC00;color:#9F0000;text-align:right;}
div.buchlist p.title{margin:0em;padding:0 5px 5px 5px;background-color:#FFCC00;color:#9F0000;font-weight:bold;}
div.buchlist p{text-align:left;margin:0em;padding:5px;color:#000080;text-align:justify;margin:0em;padding:1px;}
div.buchlist p.ausbu{text-align:left;background-color:#FFCC00;padding:5px;margin:0;font-size:7pt;color:#9F0000}
div.infobox {font-size:80%;margin:5px;border:1px solid #e8e8e8;text-align:left;}

div.infobox p.title{background-color:#e8e8e8;color:#228B22;font-weight:bold;margin:0px;padding:2px;}
div.infobox p.text{margin:0px;padding:2px;}

div.info p.title{background-color:#FFCC00;color:#9F0000;font-weight:bold;}
div.info em{color:#005050;}
div.np p.title{background-color:#e8e8e8;color:#228B22;font-weight:bold;}
div.np em{color:#005050;}
div.tipp p.title{background-color:#FFCC00;color:#9F0000;font-weight:bold;}
div.tipp em{color:#000080;}
div.zitat {font-size:100%;margin-left:80px;margin-right:80px;color:#7F7F7F; font-style:italic;}
div.zitat p.text{text-align:center;padding:5px;}
div.zitat p.quelle{font-size:80%;text-align:right;padding:5px;}
/* Hinweistext-Box TEXT_INFO*/
div.textinfo{background:#e6f7ff;border-radius:7px;padding:7px;margin-left:15px;margin-right:15px;}

.overview {display: block;padding: 0px;font-size:0.75rem;border:1px solid #C0C0C0; margin: 0px auto 10px auto;}
.overview p.title{background-color:#006699;color:#DFDFDF;font-weight:bold;font-size:0.75rem;margin:0em;padding:2px 3px;}
.overview a {display: block;padding: 2px 3px;}
.overview a:link , a:link{color:#336699;cursor:pointer;}
.overview a:visited , a:visited {color:#7F7F7F;}
.overview a:hover , a:hover {color: #336699;background-color:#eee;}
.overview a:active, a:active  {color:#336699;}

/* TabContent */
.tab-content div.infobox {font-size:100%;margin:5px;border:none;text-align:left;}
.tab-content div.infobox p.title{background-color:#fff;color:#336699;border-bottom:1px solid #C0C0C0;font-weight:bold;margin:0px;padding:2px;}
.tab-content div.infobox p.text{margin:0px;padding:2px;}
.tab-content div.infobox p.stand{color: #9bb1c8;text-align:right;font-size:80%;}
.tab-content div.tipp p.title{background-color:#fff;color:#336699;font-weight:bold;}
.tab-content {border-left: 1px solid #EEEEEE;border-bottom: 1px solid #EEEEEE;border-right: 1px solid #EEEEEE;}
.nav-tabs li a {border: 1px solid #ddd;}
.tab-pane {margin:5px;}
		
@media screen and (max-width:650px) {
	div.pano {
		display:none;
	}
}

/* 
Generic Styling, for Desktops/Laptops 
*/
table.log, table.reiseinfo, table.profilinfo { 
  width: 90%; 
  border-collapse: collapse; 
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}

.clickable-row {
	cursor: pointer;
}

table.profilinfo {
	font-size:10pt;
}
/* Zebra striping */
table.log tr:nth-of-type(odd), table.reiseinfo tr:nth-of-type(odd), table.profilinfo tr:nth-of-type(odd)  { 
  background: #F7F7F7; 
}

table.log tr.clickable-row:hover {
	background: #aac8f7;
}

table.profilinfo tr:last-child { background:#ffffff; }

table.log th { 
  background: #E8E8E8; 
  font-weight: bold; 
}
table.log td, th , table.reiseinfo td, table.profilinfo td{ 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}

table.log td.r, table.log th.r, table.reiseinfo td.r, table.profilinfo td.r{ 
text-align: right; 
}
table.reiseinfo th  {
  background: #E8E8E8; 
  font-weight: bold; 
  width: 150px;
}

table.profilinfo th {
  background: #E8E8E8; 
  font-weight: bold; 
  width: 110px;
}

.menu-mobil-bar {
	display: none;
	font-color: #FFF;
}
/* The side navigation menu */
.sidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 100; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  background-color: #EEEEEE; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a  {
  padding: 8px 8px 8px 8px;
  text-decoration: none;
  font-size: 16px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover  {
  color: #006699;
  background-color:inherit;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 15px;
  font-size: 30px;
  margin-left: 50px;
}

.sidenav a.closebtn {
	padding: 0px;
	text-decoration: none;
	color: #000;
}

.menu-panel .lev2 {
	padding-left: 15px;
}
	
.menu-panel a[title~="Bilder"] {
	text-indent: 2px;
	background: url('http://www.silke-in-europa.de/bild/picture.png') left center no-repeat;
	margin-left: 1em;
}

 /* Style the buttons that are used to open and close the accordion panel */
#menu-mobile .accordion {
  background-color: #006699;
  color: #fff;
  font-weight:bold;
  cursor: pointer;
  padding: 12px;
  width: 100%;
  text-align: left;
  border: none;
  border-bottom: 1px solid #fff;
  outline: none;
  transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
#menu-mobile .active, .menu-mobile .accordion:hover {
  background-color: #006699;
  color: #fff;
}

#menu-mobile .accordion:after {
  content: '\002B'; /* Unicode character for "plus" sign (+) 002B */
  font-size: 18px;
  color: #fff;
  float: right;
  margin-left: 5px;
}

#menu-mobile .active:after {
  font-size: 18px;
  content: "\002D"; /* Unicode character for "minus" sign (-) 002D */
}

/* Style the accordion panel. Note: hidden by default */
.menu-panel {
  padding: 0 5px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
} 

/*
Zweispaltige Ausgabe
--------------
|     H      |
-------------
|         | A|
|     C   |--|
|         | N|
--------------
|     F      |
--------------
*/
@media screen and (max-width: 1190px) {    
    section#content {
      width:75%;
      margin-left:0;
     }
    aside {
     width:25%;     
    }

    nav {        
      width:25%;
      margin-left:0;
    }
    
	/* nicht das ganze Menü anzeigen */
	.nosmall {
    	display: none;
    }

}

/*
Einspaltige Ausgabe, das ist die natürlich Reihenfolge in der Seite
--------------
|     M      |
--------------
|     H      |
--------------
|     C      |
--------------
|     A      |
--------------
|     N      |
--------------
|     F      |
--------------
*/
@media screen and (max-width: 760px) {    

section#content .kurz{font-style: italic;font-size:0.8em;color:#7F7F7F;margin-left:1rem;margin-right:1rem;}
div.infobox {font-size:1rem;}
div.infobox p.title {padding:5px;}

	div.menu-mobile {
		min.height: 50px;	
		display: block;
	}
	
	#container {    
		max-width:none;
		min-width:0px;
		width:100%;
	}
	div.minheight {
    min-height: 10px;
}
    section#content {
        width:100%;
		min-height: 10px;
    }
    aside {        
        width:100%; 
    }
	
    nav {
        width:100%;
		display:none;
    }
	footer {
	border-top: 1px solid #006aa7;
	}
	header h1, header div.t1{
		font-size:1.8rem;	
	}

	header h2, header div.t2{
		font-size:1rem;	
	}
	nav div.inhalt {
    border: none;    
}
	nav a, nav .inhalt p {
		display: block;
		padding: 5px 5px 5px 5px;
	}
	
	/* Menü wieder anzeigen */
	.inhalt {
    	display: inline;
    }
	
	.c728 {
		width: 234px;
	}

	.c728x90 {
		height:60px; 
		width:234px;
	}

	.c160{
		width: 320px;
	}
	.c160x600 {
		width: 320px; 
		height: 50px;
	}
	
	.ad-footer-link {
		display: none;
		margin-bottom: 20px;
	}

	.menu-mobil-bar {
		display: block;
		color: #FFF;
		font-size:26px;
		padding-left:10px;
		padding-right:10px;
	}
	.menu-mobil-bar a:visited, .menu-mobil-bar a {
		color: #FFF;
		margin-left:6px;
	}

	.overview {
		display: none; 
	}
}
/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media 
only screen and (max-width: 760px),
(min-device-width: 760px) and (max-device-width: 1024px)  {

	.c728 {
		width: 234px;
	}

	.c728x90 {
		height:60px; 
		width:234px;
	}
	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	table.reiselog thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	table.taglog th, table.reiselog th {
		display: none;
	}	
	
	table.reiseinfo, table.profilinfo  {
		width: 100%;
	}
	
	table.reiseinfo th {
		width: auto;
		padding: 6px 0px;
		border: 0;
		text-indent: 6px;
	}

	table.log tr, table.profilinfo tr{ 
		border: 1px solid #ccc;
	}
		
	table.log td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;		
		}

	table.log  td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 5px;
		left: 3px;	
		padding-right: 5px; 
		white-space: nowrap;
		font-weight: bold;	
	}


	table.reiselog  td:before {
		width: 150px;
	}

	table.reiselog td { 
		padding-left: 150px; 
	}	

	table.taglog  td:before { 
		width: 80px; 
	}

	table.taglog td { 
		padding-left: 80px; 
	}

	/* Zellen nach Links verschieben */
	table.reiseinfo td ,
	table.profilinfo td {
		padding-left: 5px; 
	}
		
		/*
		Label the data
	*/
	table.log td:nth-of-type(1):before { content: attr(data-title); }
	table.log td:nth-of-type(2):before { content: attr(data-title); }
	table.log td:nth-of-type(3):before { content: attr(data-title); }
	table.log td:nth-of-type(4):before { content: attr(data-title); }
	table.log td:nth-of-type(5):before { content: attr(data-title); }
	table.log td:nth-of-type(6):before { content: attr(data-title); }


	.tab-content .flowr {margin: 5px auto 5px auto; float:none;}
	
}
/*
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
*/