/**
 * kl-mobil.css
 * CSS-Mobil - Koelner-Lichter.de
 * Copyright: Siegfried Mairböck, 2015 (MultimediaConcept Mairböck)
 * August 2015
 */
 

body {
	margin: 0px 0 0 0;
	padding: 0;
/*	font-family: Helvetica, Verdana, arial, sans-serif; */
	font-size: 12px;
	background: #333;
	color: #eee;
}
#Main {
	width: 100%;
	margin: 0;
}
#Main-Kopf {
	width: 100%;
	box-sizing: border-box;
	background: #666;
}

#Kopf-Bilder { display: none; }
#Kopf-Navi { display: none; }
#Kopf-Trenner { display: none; }

.Mobile-Logo { text-align: center; }

.Mobile-Logo > a { display: block; text-align: center; padding: 10px 0; }
.Mobile-Logo img { height: 50px; }
.Mobile-Logo-top { 
	background: url('/assets/head/mobile.jpg') center center no-repeat; 
}
.Mobile-Logo-top > a > img { height: 90px; }

#Main-Fuss {
	width: 100%;
	box-sizing: border-box;
	padding: 0px 0;
	background: #333;
	clear: both;
}

#container3 {
    float: none;
    width: 100%;
    background: #777;
    overflow: hidden;
    position: relative;
}
#container2 {
    float: none;
    width: 100%;
    background: #555;
    position: relative;
    right: 0;
}
#container1 {
    float: none;
    width: 100%;
    background: #333;
    position:relative;
    right: 0;
}

#col1, #col2, #col3 { padding: 0; min-height: 0; }
#col1 {
	box-sizing: border-box;
    float: left;
    width: 100%;
    position: relative;
    left: 0;
    overflow: hidden;
	background-color: #333;
}
#col2 {
	box-sizing: border-box;
    float:left;
    width: 100%;
    position:relative;
    left: 0;
    overflow:hidden;
	padding: 20px 15px;
	background-color: #555;
}

#col3 {
	box-sizing: border-box;
    float: left;
    width: 100%;
    position: relative;
    left: 0;
    overflow: hidden;
	padding: 8px 15px;
	background-color: #777;
}


/* Absatzformate */
/* h1,h2,h3,h4,h5,h6 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; letter-spacing: 0; color: #fff; } */
h1 {
	font-size: 22px;
	line-height: 28px;
	margin: 0 0 24px 0;
}
h2 {
	font-size: 20px;
	line-height: 26px;
	margin: 40px 0 10px 0;
}
h3 {
	font-size: 18px;
	line-height: 24px;
	margin: 0 0px 8px 0px;
	padding: 4px 10px;
	background-color: #5c2d63;
}
h4 {
	font-size: 18px;
	line-height: 24px;
	margin: 20px 0 10px 0px;
}
h5 {
	font-size: 15px;
	margin: 0 -10px 8px -10px;
	padding: 4px 10px;
	background-color: #5c2d63;
}

p,li {
	font-size: 15px;
	color: #f0f0f0;
	line-height: 140%;
	margin-top: 0px; margin-bottom: 18px; 
	text-align: left;
}


/** NAVIGATION **/
#Navigation { position: relative; }
#Navigation #menu { display: none; }
#Navigation .show-menu { 
	position: relative;
	font-size: 20px; color: #eee; line-height: 40px; box-sizing: border-box;
	background: #222 url(/assets/icons/ic_menu_white_24dp_1x.png) left 17px center no-repeat; 
	padding: 0 0 0 50px; display:block; 
	
}
#Navigation .show-menu span { font-size: 13px; border-left: 1px solid #ccc; padding: 0 12px;  text-transform: uppercase; color: #d0d0d0; }

#Navigation ul, #Navigation li { margin: 0; padding: 0; list-style: none; }
#Navigation > ul { border-bottom: 4px solid #999; }
#Navigation > ul > li > a {
/*	font-family: Georgia, "Times New Roman", Times, serif; */
	display: block;
	padding: 10px 20px;
	margin: 0;
	color: #aaa;
	text-decoration: none;
	font-size: 18px;
	line-height: 28px;
	text-align: left; 
	border-top: 1px solid #999;
}
#Navigation > ul > li > a:hover { color: #fff; }
#Navigation > ul > li > a.aktiv { color: #fff; }

#Navigation > ul > li > ul {
	margin: 0;
	display: none;
}
#Navigation > ul > li > ul > li {
	margin: 0;
	list-style: none;
}
#Navigation > ul > li > ul > li > a {
	display: block;
	background: #555 right 20px center no-repeat;
	padding: 10px 20px 10px 40px;
	color: #ccc;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 15px;
	text-align: left; 
	border-bottom: 1px solid #999;
	line-height: 24px;
}
#Navigation > ul > li > ul > li > a.aktiv { background-color: #7a7b7d; color: #fff; }
#Navigation > ul > li > ul > li > a:hover { color: #fff; }

#Navigation .badge-verfuegbar { background-image: url('/assets/icons/navi-verfuegbar.png'); }
#Navigation .badge-warteliste { background-image: url('/assets/icons/navi-warteliste.png'); }
#Navigation .badge-ausgebucht { background-image: url('/assets/icons/navi-ausgebucht.png'); }
#Navigation .schiff-vip { background-image: url('/assets/icons/navi-vip.png'); padding-left: 20px; background-size: 25px; }
#Navigation .schiff-firma { background-image: url('/assets/icons/navi-firmen.png'); padding-left: 20px; background-size: 25px; }
#Navigation .schiff-vip > a,
#Navigation .schiff-firma > a { padding-left: 20px; }
/*
*/

.Sponsoren-Fuss { display: none; }


.AufZu { margin: 20px -15px; background: #707070; cursor: pointer; }
.AufZu .AufZu-Inhalt { display: block; padding: 10px 15px;  }
.AufZu h3 { background-image: url('/assets/icons/ic_expand_more_white_18dp_1x.png'); background-position: 7px 7px; background-repeat: no-repeat; }
.AufZu h3.AufZu-aktiv { background-image: url('/assets/icons/ic_expand_less_white_18dp_1x.png');  }

.Karte {}
.Karte > img { width: 100%; }
.Karte span { display: none; }

.Bild { margin-left: -15px; margin-right: -15px; }
.AufZu .Bild { margin-left: 0; margin-right: 0; box-sizing: border-box; }
.AufZu .Bild img { width: 100% !important; }
.Bildtext { font-size: 12px; margin-left: 5px; margin-right: 5px; }
.Bild-links { margin: 7px 20px 15px 20px; float: none; }
.Bild-links img { max-width: 250px; }
.Bildabstand-klein { margin: 5px 0; }
.Bild-original > img { width: auto; }

#Statusanzeige { font-size: 13px; }

.Karte { text-align: center; margin: 0 0 20px 0; padding-bottom: 2px; }
.Karte span { display: block; background: url(/assets/icons/magnify.gif) left center no-repeat; display: inline-block; padding-left: 14px; position: relative; margin: 5px auto 0 auto;  font-size: 12px; }
.Karte a:hover span { text-decoration: underline; }
.Karte img { display: block; border: 0; width: 100%; }


#Fuss-Navi-mobile { border-bottom: 1px solid #777; padding: 10px 0; }
#Fuss-Navi-mobile ul { list-style: none; margin: 0; padding: 0; }
#Fuss-Navi-mobile ul li { list-style: none; margin: 0; padding: 0; float: left; display: block; width: 50%; }
#Fuss-Navi-mobile ul li a { display: block; box-sizing: border-box; text-align: center; padding: 2px 10px; font-size: 13px; text-decoration: none; }

#Fotowettbewerb-Text { display: block; text-align: center; }
#Fotowettbewerb-Text a { display: block; text-align: center; font-size: 14px; padding: 4px 10px; text-decoration: none; }
#Fotowettbewerb-Text a:hover { text-decoration: underline; }


.Bildtab-img { width: 40%; float: left; }
.Bildtab-text { padding-left: 12px; overflow: hidden; }
.Bildtab-text p { font-size: 14px; line-height: 150%; }
.Bildtab-img > .Bildtext { font-size: 11px; margin-left: 0px; margin-right: 0px; }



.desktop-only { display: none; }
.mobile-only { display: block; }