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


html { height: 100%; width: 100%; }


body {
	margin: 0;
	padding: 0;
	font-family: 'Open sans',Verdana, arial, sans-serif;
	font-size: 13px;
	background: #333;
	height:100%;
	width: 100%;
	background: #7a7b7d url(/inc/images/hintergruende/hg.jpg) repeat-x;
	color: #7a7b7d;
	-webkit-text-size-adjust: 100%
}

#Main {
	width: 950px;
	margin: 0 auto;
	color: #ececec;
}
#Main-Kopf {
	width: 950px;
	box-sizing: border-box;
	padding: 0;
	background: #666;
}
#Kopf-Navi { 
	font-size: 11px; 
	color: #ddd; 
	line-height: 23px; 
	padding: 0 20px; 
	background: url('/assets/icons/verlauf-horizontal.png') left top;
}
#Kopf-Navi-rechts { float: right; }
#Kopf-Navi-rechts ul, #Kopf-Navi-rechts li { margin: 0; padding: 0; list-style: none;line-height: 23px; }
#Kopf-Navi-rechts li { float: left; font-size: 11px; }
#Kopf-Navi-rechts li a { font-size: 11px; display: block; margin-left: 20px; text-decoration: none; color: #c2c4c7; }
#Kopf-Navi-rechts li a:hover { color: #fff; }
#Kopf-Navi-besucher { font-size: 11px; }

#Kopf-Bilder { position: relative; height: 277px; }
#Kopf-Bilder > img { display: none; position: absolute; left: 0; top: 0; }

#Fotowettbewerb-Button { position: absolute; right: 50px; top: 30px; display: block; }

#Kopf-Logo { position: absolute; left: 50px; top: 60px; }
#Kopf-Logo img { border: 0; }
#Kopf-Trenner { 
	position: relative; height: 16px; line-height: 16px; 
	background: url('/assets/icons/verlauf-horizontal.png') left top;
}

#Main-Fuss {
	width: 950px;
	box-sizing: border-box;
	padding: 0;
	background: #666;
	clear: both;
}

#container3 {
    float: left;
    width: 950px;
	background: #707070 url('/assets/icons/gr-28282A-707070.png') left top repeat-x;
/*	background: linear-gradient(#28282a,#707070);
	background: -webkit-linear-gradient(#28282a,#707070);
    background: -o-linear-gradient(#28282a,#707070);
	background: -moz-linear-gradient(#28282a,#707070); */
    overflow: hidden;
    position: relative;
}
#container2 {
    float:left;
    width: 950px;
    background: #666;
    position: relative;
    right: 190px;
	background: #555555 url('/assets/icons/verlauf-hz-707070-555555.png') 400px top repeat-y;
}
#container1 {
    float:left;
    width: 950px;
	background: #555555 url('/assets/icons/gr-28282A-555555.png') left top repeat-x;	
	/*
	background: linear-gradient(#28282a,#707070);
	background: -webkit-linear-gradient(#28282a,#707070);
    background: -o-linear-gradient(#28282a,#707070);
	background: -moz-linear-gradient(#28282a,#707070); 
	*/
    position:relative;
    right: 550px;
}

#col1 {
	box-sizing: border-box;
    float: left;
    width: 210px;
    position: relative;
    left: 740px;
    overflow: hidden;
	padding: 30px 0 60px 0;
	min-height: 500px;
}
#col2 {
	box-sizing: border-box;
    float:left;
    width: 550px;
    position:relative;
    left: 740px;
    overflow:hidden;
	padding: 50px 50px 40px 50px;
	min-height: 500px;
}

#col3 {
	box-sizing: border-box;
    float: left;
    width: 190px;
    position: relative;
    left: 740px;
    overflow: hidden;
	padding: 50px 20px 30px 20px;
	min-height: 500px;
}





/* Absatzformate */
h1,h2,h3,h4,h5,h6 { 
	font-family: 'Open Sans',sans-serif;
	font-weight: 400;
	letter-spacing: 0; 
	color: #f0f0f0; 
	line-height: 140%; 
}
h1 {
	letter-spacing: 0.02em;
	font-size: 20px;
	margin: 0 0 24px 0;
}
h2 {
	font-size: 18px;
	margin: 40px 0 10px 0;
}
h3 {
	font-size: 14px;
	color: #f0f0f0;
	margin: 0 0px 8px 0px;
	padding: 3px 10px;
	background-color: #5c2d63;
}
h4 {
	font-size: 15px;
	margin: 20px 0 10px 0px;
}

h5 {
	font-size: 13px;
	color: #f0f0f0;
	margin: 0 -10px 8px -10px;
	padding: 4px 10px;
	background-color: #5c2d63;
}

ul { padding-left: 20px; margin-top: 20px; margin-bottom: 20px; list-style:square; }

p,li {
	font-size: 13px;
	color: #ececec;
	font-weight: 300;
	line-height: 170%;
	margin-top: 0px; margin-bottom: 18px; 
	text-align: justify;
	letter-spacing: 0.02em;
}
#col3 p, #col3 li {
	text-align: left; 
	font-size: 12px;
}

/**
p,li {
	font-family: "helvetica neue",helvetica,sans-serif;
	font-weight: 300;
	font-size: 15px;
	color: #ececec;
	color: #fff;
	letter-spacing: 0.02em;
	line-height: 160%;
	margin-top: 0px; margin-bottom: 18px; 
	text-align: left;
}
**/
a { color: #ececec; text-decoration: underline; border: none; }
a img { border: 0; }


/** NAVIGATION **/
#Navigation { }
#Navigation ul, #Navigation li { margin: 0; padding: 0; list-style: none; line-height: 140%; }
#Navigation > ul > li > a {
/*	font-family: Georgia, "Times New Roman", Times, serif; */
	font-family: 'Open Sans',sans-serif;
	font-weight: 600;
	display: block;
	padding: 4px 10px 4px 20px;
	margin: 20px 0 0 0;
	color: #aaa;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 12px;
	text-align: right; 
}
#Navigation > ul > li > a:hover { color: #fff; }
#Navigation > ul > li > a.aktiv { color: #fff; }

#Navigation > ul > li > ul {
	margin-left: 20px;
	display: none;
}
#Navigation > ul > li > ul > li {
	margin: 4px 0;
	list-style: none;
}
#Navigation > ul > li > ul > li > a {
	display: block;
	background: #444 right 4px center no-repeat;
	padding: 3px 20px 3px 20px;
	color: #aaa;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	text-align: right; 
}
#Navigation > ul > li > ul > li > a.aktiv { background-color: #707070; color: #fff; }
#Navigation > ul > li > ul > li > a:hover { background-color: #555; color: #fff; }

#Navigation .badge-verfuegbar { 
	background-image: url('/assets/icons/navi-verfuegbar.png'); 
	background-position: right center;
	background-repeat: no-repeat;
}
#Navigation .badge-warteliste { 
	background-image: url('/assets/icons/navi-warteliste.png'); 
	background-position: right center;
	background-repeat: no-repeat;
}
#Navigation .badge-ausgebucht { 
	background-image: url('/assets/icons/navi-ausgebucht.png'); 
	background-position: right center;
	background-repeat: no-repeat;
}
#Navigation .schiff-vip { background-image: url('/assets/icons/navi-vip.png'); background-repeat: no-repeat; background-position: left center; padding-left: 12px; }
#Navigation .schiff-firma { background-image: url('/assets/icons/navi-firmen.png'); background-repeat: no-repeat; background-position: left center; padding-left: 12px; }

#Navigation-show { display: none; }
.show-menu {
	text-decoration: none;
	color: #000;
	background: #efb;
	text-align: left;
	padding: 5px 20px;
	margin: 0;
	display: none;
}
/*Show menu when invisible checkbox is checked*/
#Navigation-show:checked ~ #menu {
    display: block;
}




.AufZu { margin: 12px 0; background: #707070; }
.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 3px; background-repeat: no-repeat; padding-left: 30px;  cursor: pointer; }
.AufZu h3:hover { background-color:  #854090; }
.AufZu h3.AufZu-aktiv { background-image: url('/assets/icons/ic_expand_less_white_18dp_1x.png');  }

#Social-Icons { margin: 50px 0 0 0; }
#Social-Icons a.social-icon {
	display: inline-block;
	position: relative;
	width: 20px;
	height: 20px;
	background-image: url('/assets/icons/fb-icon.png');
	background-position: left top;
}
#Social-Icons a.fb-icon { background-image: url('/assets/icons/fb-icon-20.png'); }
#Social-Icons a.go-icon { background-image: url('/assets/icons/go-icon-20.png'); }
#Social-Icons a.tw-icon { background-image: url('/assets/icons/tw-icon-20.png'); }
#Social-Icons a:hover.social-icon { background-position: right top; }


#Copyright { font-size: 11px; line-height: 140%; margin-top: 45px; color: #b3b3b3; }


.HauptsponsorenSlider { margin: 18px 0; height: 100px; text-align: left; position: relative; }
.HauptsponsorenSlider img { display: none; position: absolute; }
.Sponsoren-Fuss { height: 45px; background: #444; }

.Bild { box-sizing: border-box; margin: 18px 0; text-align: center; }
.Bild > img { box-sizing: border-box; width: 100%; display: block; margin: 0 auto; text-align: center; }
.Bild > .Bildtext { margin: 5px 0; font-size: 10px; color: #c0c0c0; }
.Bild-links { margin: 7px 20px 15px 0; float: left; }
.Bildabstand-klein { margin: 5px 0; }
.Bild-original > img { width: auto; }


ul.Presse { margin: 0; padding: 0; list-style: none; }
ul.Presse > li { list-style: none; line-height: 140%; padding: 10px 0; margin: 0; border-bottom: 1px dotted #eee; }


.left { text-align: left !important; }
.center { text-align: center !important; }
.klein { font-size: 10px; }
.mini { font-size: 9px; line-height: 150%; }
.clear { clear: both; }

.Karte {  text-align: center; margin: -50px -20px 40px -20px; padding-bottom: 2px; }
.Karte span { 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: 10px; }
.Karte a:hover span { text-decoration: underline; }
.Karte img { border: 0; }

ul.Zeichenerklaerung { margin: 10px 0 20px 0; padding: 0; list-style: none; } 
ul.Zeichenerklaerung li { margin: 0; padding: 2px 0; list-style: none; }
ul.Zeichenerklaerung li.ze-verfuegbar { padding-left: 20px; background: url(/assets/icons/hauptnav-verfuegbar.png) left center no-repeat; }
ul.Zeichenerklaerung li.ze-warteliste { padding-left: 20px; background: url(/assets/icons/hauptnav-warteliste.png) left center no-repeat; }
ul.Zeichenerklaerung li.ze-ausgebucht { padding-left: 20px; background: url(/assets/icons/hauptnav-ausgebucht.png) left center no-repeat; }
ul.Zeichenerklaerung li.ze-vip { padding-left: 20px; background: url('/inc/images/diverses/vip_liste.jpg') left center no-repeat; }
ul.Zeichenerklaerung li.ze-firmen { padding-left: 20px; background: url('/inc/images/diverses/firmen_liste.jpg') left center no-repeat; }

.Kasten { background: #666; padding: 10px 20px; margin: 20px 0; }

#Statusanzeige { padding: 3px 6px 3px 4px; background: #707070; float: right; margin-left: 10px; margin-bottom: 5px; font-size: 11px; }
#Statusanzeige span { position: relative; padding-left: 20px; background: url(/assets/icons/hauptnav-verfuegbar.png) left center no-repeat; }
#Statusanzeige span.ze-verfuegbar { background-image: url('/assets/icons/hauptnav-verfuegbar.png'); }
#Statusanzeige span.ze-warteliste { background-image: url('/assets/icons/hauptnav-warteliste.png'); }
#Statusanzeige span.ze-ausgebucht { background-image: url('/assets/icons/hauptnav-ausgebucht.png'); }



table.meineTab { border: 1px solid #ddd; width: 100%; border-collapse: collapse; background: #797979}
table.meineTab tr {}
table.meineTab td { border: 1px solid #ddd; padding: 3px 5px; line-height: 150%; font-size: 11px; text-align: left; vertical-align: top; }
table.meineTab td p { margin: 5px 0; line-height: 150%; text-align: left; }




.Bildtab { width: 100%; clear: both; margin: 12px 0; }
.Bildtab-img { width: 200px; float: left; }
.Bildtab-img img { width: 100%; }
.Bildtab-text { padding-left: 20px; overflow: hidden; }
.Bildtab-text p { font-size: 16px; line-height: 140%; }
.Bildtab-clear { clear: left; }
.Bildtext { margin: 5px 0; font-size: 10px; color: #c0c0c0; }


.KLSButton { float: right; }

table.Sponsoren-Grid { border: 0; width: 100%; margin: 0 0 10px 0; }
table.Sponsoren-Grid td { width: 33%; text-align: center; padding: 0; vertical-align: middle; }


.Premium-Paket { text-align: center; margin-bottom: 50px; }
#Fotowettbewerb-Text {display: none; }

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