/* General Style */ 

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
 /* src: url('/fonts/roboto-condensed-v16-latin-300.eot'); */
  src: local('Roboto Condensed'), local('Roboto-Condensed'),
       url('/fonts/roboto-condensed-v16-latin-300.eot?#iefix') format('embedded-opentype'), 
       url('/fonts/roboto-condensed-v16-latin-300.woff2') format('woff2'), 
       url('/fonts/roboto-condensed-v16-latin-300.woff') format('woff'), 
       url('/fonts/roboto-condensed-v16-latin-300.ttf') format('truetype'),
       url('/fonts/roboto-condensed-v16-latin-300.svg#OpenSans') format('svg'); 
}
@font-face {
  font-family: 'Vidaloka';
  font-style: normal;
  font-weight: 400;
  src: local('Vidaloka'), local('Vidaloka-Regular'),
       url('/fonts/vidaloka-v9-latin-regular.woff2') format('woff2'),
       url('/fonts/vidaloka-v9-latin-regular.woff') format('woff');
}

body { background:#980000;font-family:'Roboto Condensed', Arial, Verdana, sans-serif;font-size:100%;line-height:0.7;margin:0em;padding:0em;}
h1, h2, h3, h4, h5, h6 {font-family:'Vidaloka', Georgia, Times New Roman, serif;font-weight:100;letter-spacing:0.2px;word-spacing:1px;color:#993300;}

header {width:100%;height:19.5em;background:#000; }
.topPic {background:url('/image/ff-spritze1.gif') no-repeat;background-position:center;}
.topBild {background:url('/image/ff-blaulicht1.gif') no-repeat;background-position:center;}
.topCar  {background:url('/image/ff-auto.GIF') no-repeat;background-position:center;}
.topVario  {background:url('/image/16kettenham.gif') no-repeat;background-position:center;}
.topFF {font-family:'Vidaloka';font-size:4.4em;color:#ffffff;letter-spacing:-0.5px;text-align:center;padding-left:5.3em;padding-top:11px;}
.slogan {font-family:'Roboto Condensed';font-size:1.2em;font-weight:bold;font-style:italic;font-weight:bold;color:#fff;letter-spacing:0.1em;text-align:center;margin-top:0.2em;padding-left:15.5em;}
.rotBalken {display:block;height:2.5em;background:url('../image/nav.png')repeat-x;margin-top:0em;padding:0em;}
#logo {width:11em;height:14.8em;background:url('../image/lederingLogo.png') no-repeat;margin:0em auto;padding-right:38em;margin-top:-0.8em;}

content {display:block;width:1204px;height:auto;margin:0 auto;margin-top:-6.5em;margin-bottom:0em;background:#fff;box-shadow:1px 1px 5px 5px #fff;border-radius:5px;}
#main {display:inline-block;width:72%;height:auto;max-width:980px;padding:2.2em 1.5em 1.6em 1.5em;vertical-align:top;border-right:1px dotted #660000;}
#aside {display:inline-block;width:19.2%;height:auto;font-size:98%;line-height:133%;padding:2em 0em 1em 1em;}

article {
  -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
  
  -webkit-column-rule: 2px dashed #fd0;
     -moz-column-rule: 2px dashed #fd0;
	column-rule: 2px dashed #fd0;}

ul.redak {display:block;width:101%;height:auto;margin-left:-1.2em;list-style:none;vertical-align:top;padding-left:0;}
ul.redak li {display:inline-block;width:47.6%;list-style:none;vertical-align:top;margin-right:0.6em;padding:0;}
ul.redak li:last-child {width:47%;padding-left:1em;border-left:2px dashed #fd0;margin-right:0;}
ul.redak hr {width:30%;margin-left:47%;border:0;border-left:1px dashed #fd0;vertical-align:bottom;}

ul.zweiSp {display:block;width:101%;height:auto;margin:0em;list-style:none;vertical-align:top;margin-left:-2.3em;}
ul.zweiSp li {display:inline-block;width:47%;list-style:none;vertical-align:top;margin-right:0.8em;padding:0;}
ul.zweiSp li:last-child {padding-left:1em;border-left:1px dashed #fd0;}

.halb {display:block;width:101%;margin:0;padding:0;}
.halb li {display:inline-block;width:47.4%;list-style:none;vertical-align:top;border-right:2px dashed #fd0;padding:0;padding-right:12px;}
.halb li:last-child {border:none;padding-left:12px;padding-right:0;}

h1 {font-size:30px;line-height:1.2em;margin:0em 0em 0.1em 0em;text-align:center;} 
h2 {font-size:28px;line-height:1.2em;margin:0em 0em 0.4em 0em;}
h3 {font-size:24px;line-height:1.2em;margin:0em;padding-top:0.5em;padding-bottom:0.2em;}
h4 {font-size:1.25em;letter-spacing:0.8px;margin:0em;}
h5 {font-size:1.1em;letter-spacing:0.6px;margin:0em;}
h6 {font-size:28px;font-weight:bold;margin:0.5px;text-align:right;padding-right:6px;} /*für TABLE */

p, code {font-family:'Roboto Condensed', sans-serif;letter-spacing:0.3px;word-spacing:0.8px;line-height:1.3;margin:0em;padding-bottom:0.5em;text-align:justify;color:#008b8;} /*#2b2b2b;}*/
	p {font-size:105%;}
b {color:#444;margin-top:-2px;font-weight:bold;padding:0 2px;} /*color:#666;}*/
p mini {font-size:12px;line-height:0.7;}

span {font-size:110%;font-style:italic;font-weight:bold;letter-spacing:1px;color:#fff;} 
code {font-size:8px;color:#555;line-height:80%;}
cite {font-size:12px;line-height:0.9;color:#555;}
small {font-size:80%;line-height:1;color:#555;letter-spacing:0.5px;} /*reagiert NICHT */
klein {font-size:70%;line-height:0.7;color:#555;letter-spacing:0.5px;line-height:8px;}
kleiner {font-size:75%;color:#555;letter-spacing:0.5px;}*/
mini {font-size:65%;color:#555;letter-spacing:0.5px;}
big {font-family:'Vidaloka';font-size:30px;font-style:normal;font-weight:100;letter-spacing:1px;color:#993300;margin-right:4px;}  /* margin: 0.1em 0.5em 0em 0em; */
var {font-family: 'Vidaloka';font-size:22px;font-style:normal;font-weight:100;line-height:80%;color:#666;margin-right:2px;} /* margin: 0.1em 0.5em 0em 0em; */
sup, sub {font-size:75%;font-weight:normal;}
kbd {background:#ffd700; font-family:monospace;font-size:85%;color:#333;padding: 0em 0.4em 0em 0.8em;}
pre {font-family:monospace;font-size:1.1em;}

#aside p, b, i, code, cite, small {font-size:100%;}

/* weiter lesen */
	.hide {background:transparent;color:blue;border:0;padding:0;}
	.show {background:transparent;color:blue;border:0;padding:0em;margin-top:-2%;} 
    em {display:none;font-style:normal;text-align:justify;margin-top:-1%;}
	
	
	#box {display:inline-block;width:47.2%;vertical-align:top;margin-left:1.2%;margin-right:0;}
	#box.l {display:inline-block;width:47%;vertical-align:top;padding-right:2%;border-right:2px dashed #fd0;} /*padding-bottom:2%; */
	#box h1, h2 {font-size:20px;}
	a.blau {font-size:12px;font-weight:normal;color:blue;letter-spacing:1px;}
	a.blau2 {font-size:12px;font-weight:normal;color:blue;letter-spacing:1px;}
	div.tab:not(:target) div.content, div.tab:target div.show, div.tab div.hide {display: none;}
	div.tab:target div.content, div.tab:target div.hide {display: block;text-align:justify;color:#555;}


img.ohne {width:90%;height:auto;max-width:100%;border:none;box-shadow:none;border-radius:none;}
img {box-shadow:0.5px 0.5px 2px 2px #bbb;border-radius:3px;}

img.zoom, img.zoom-kl {
 transition: transform 0.8s;
 -moz-transition: transform 0.8s;
 -webkit-transition: transform 0.8s;
 -o-transition: transform 0.8s;
 -ms-transition: transform 0.8s;
}
img.zoom:hover, img.zoom-kl:hover {
	overflow:scroll;
 cursor: zoom-in;
 cursor: -moz-zoom-in;
 cursor: -webkit-zoom-in;
 transform: scale(2.0, 2.0);
 -moz-transform: scale(2.0, 2.0);
 -webkit-transform: scale(2.0, 2.0);
 -o-transform: scale(2.0, 2.0);
 -ms-transform: scale(2.0, 2.0);
}

a { font-weight:bold;font-size:100%;color:#980000;text-decoration:none; }
a:focus,a:hover,a:active {color:#182e7a;text-decoration:underline;}

.tt {background:url('../image/butt.png') no-repeat;background-position:left center;padding-left:1em;margin-right:0.3em;}

hr {width:60%;height:1.5em;border:0;border-top:2px dashed #fd0;margin:0.5em auto;margin-bottom:1em;}


#ferien { margin:0px;width:98%;padding:0px;border-left:1px solid #fdd; }
.uno { margin:0;width:98%;padding:2px 0 2px 6px;line-height:22px;}
.due { background:#ffffba;margin:0;width:98%;padding:2px 0 2px 6px;line-height:22px;} 


 .note {background:#ffd700;padding:3px 5px 4px 5px;border-top:2px dashed #fff;border-bottom:2px dashed #fff;margin-bottom:0.5em;}   /*ffce05    b17b00*/
 .wichtig {background:#ffcbca;padding:3px 5px 4px 5px;border-top:2px dashed #fff;border-bottom:2px dashed #fff;}
 .darkred {background:#ff0000;padding:2px 5px 4px 5px;border:0.5px solid #990000;border-bottom:2px solid #990000;border-left:2px solid #990000;color:#fff;}
 .rosa {background:#fdd;padding:2px 5px 4px 5px;border:0.5px solid #bbb;border-bottom:2px solid #bbb;border-left:2px solid #bbb;}
 .hellblau {background:#b9e5fb;padding:2px 5px 4px 5px;border:0.5px solid #bbb;border-bottom:2px solid #bbb;border-left:2px solid #bbb;}
 .gelb {background:#ffff5f;padding:2px 5px 4px 5px;border:0.5px solid #ffd700;border-bottom:2.5px solid #ffd700;border-left:2.5px solid #bbb;}
 .grau {background:#eee;margin:15px 0px;padding:5px 5px 4px 5px;border:2px dashed #980000;font-size:90%;}
  
 .zeile {background: #b9e5fb; padding: 0.1em -0.2em 0.1em 0.5em; border: 1.5px transparent; }  
 .abstand {background:transparent;padding: 0.2em -0.2em 0.2em 0.5em;border:1.5px transparent;}

.topTermin {width:106%;height:auto;background:#ffd700;padding:7px 0;margin-left:-1.7em;margin-top:-2.3em;margin-bottom:2.3em;border-radius:8px 0px 12px 0px;border-bottom:3px solid #980000;padding:7px auto;text-align:center;z-index:111;}

/* On Top Bar */
#menubar {display:block;margin-top:3em;} 
#menubar ul {display:block;width:3em;padding:0.9em;opacity:0.5;}
#menubar ul li {display:inline;}
#menubar ul li a.menubutton {display:none;}

#dsgvo {display:block;width:6.6em;height:9.3em;background:#fd0;opacity:.9;margin-top:-11.2em;margin-left:75.5%;padding:5px 12px 10px 3px;position:fixed;box-shadow:0.5px 1px 2px 2px #bbb;border-radius:80px 0px 0px 80px;z-index:3030;}
#dsgvo p {font-size:13px;text-align:right;}
#dsgvo cite {font-size:13px;line-height:9,5px;text-align:right;color:#333;}

/* Navigation */ 
nav {display:block;height:2.5em;margin-top:-3.4em;background:transparent;text-align:center;font-family:'Roboto Condensed'}
nav ul {display:block;padding-top:0px;margin-left:-3em;}
nav ul li {display:inline;margin:0.2em;}
nav ul li a {
	color:#fff;
	font-size: 1.15em;
	font-weight:600;
	letter-spacing:0.3px;
	line-height:1.2em;
	margin-top:1px;
	padding: 0.2em 0.5em 0.2em 0.5em;
	-moz-transition:background 0.2s;
	-webkit-transition:background 0.2s;
	transition:background 0.2s;
	border-radius:4px 4px 0px 0px;}

nav ul li a:hover {background:#eee;color:#980000;text-decoration:none;border-bottom: 0.3em solid #ffcc00;}
nav ul li a.active {border-bottom: 0.3em solid #ffcc00;}

#row  {display:block;width:101%;height:auto;margin:1em 0em;list-style:none;margin-left:-1.2em;margin-top:1.5em;}
#row ul li {display:inline-block;width:30.5%;height:2em;list-style:none;margin-right:1.2em;}
#row ul li img {width:99.5%;margin-top:0.5em;}

ul.galerie {display:block;width:100%;height:16em;list-style:none;margin-left:0.5em;margin-bottom:1em;}
ul.galerie li {display:inline-block;width:40.5%;height:16em;vertical-align:top;}
ul.galerie li:last-child {margin:0 4em;}
ul.galerie li img {width:99%;}
ul.galerie li p {text-align:center;}

ul.vorsitz {display:block;width:100%;list-style:none;margin-left:-1.2em;}
ul.vorsitz li {display:inline-block;width:46%;height:11em;vertical-align:top;}

ul.vorstand {display:block;width:100%;height:13em;list-style:none;margin-left:-2.2em;}
ul.vorstand li {display:inline-block;width:13.8%;vertical-align:top;}
ul.vorstand li img {display:block;width:85%;vertical-align:top;margin-left:8px;}
ul.vorstand li p {text-align:center;font-size:90%;margin-top:0.4em;}

.row  {display:block;width:101%;margin:0;padding:0;margin-top:2.5em;list-style:none;}
.row li {display:inline-block;vertical-align:top;margin-right:0.5em;text-align:center;}
.row li:last-child {margin-right:0em;}
.row li img {width:95%;margin:0em auto;}
.row li span {font-family:'Open Sans';font-size:140%;color:#980000;margin:0.3em 0em;} /*head für galerie */
.row li p {font-size:80%;text-align:center;margin:0.3em 0em;}
.row li small {font-size:70%;text-align:center;line-height:1;margin:0.3em 0em;}

#like {width:8.6em;height:0.8em;float:right;background:#eee;text-align:center;box-shadow:0.5px 0.5px 2px 2px #ddd;border-radius:3px;}
#like p a, #like p i {vertical-align:center;font-family:'Vidaloka';font-size:0.7em;font-weight:100;font-style:italic;color:#666;padding-left:3px;margin-top:-5px;}
#like img {border:0;box-shadow:none;margin:0.1em;margin-bottom:-0.3em;text-align:center;}

/* Liste mit roten quadraten  */
.liste ul {padding:0px;margin-top:1em;}
.liste li {list-style:square;font-size:135%;color:#993300;line-height:50%;margin-top:-0.2em;margin-left:-1em;} 
.liste li p {font-size:70%;color:#333;line-height:111%;margin-top:0.2em;}

/* Footer */ 
footer {display:block;height:2.5em;margin-top:3.8em;background:url(../image/nav.png)repeat-x;text-align:center;font-size:82%;}
p.subline {font-size:82%;color:#fff;text-align:center;}

.nachOben {color:#993300;padding:1em 0;padding-left:35%;}


table {width:99.9%;border-collapse:collapse;border:2px solid #980000;}
td {font-size:110%;line-height:1.2;padding:7px 2px;}  
  
.konForm {display:inline-block;width:70%;background:#fffff0;padding-left:0.8em;font-size:80%;box-shadow:0.5px 0.5px 2px 2px #bbb;border-radius:5px;}
form {width:99%;border:0;border:none;text-align:left;padding:4px;padding-top:11px;}
label {display:block;cursor:pointer;color:#666;} 
input#realname, input#email, textarea {width:96%;border: 1px solid #ddd;margin-bottom:0.8em;}
textarea {height:10em;margin-bottom:0.8em;}
input:focus, textarea:focus {border:2px solid #fd0;}  
.spende {display:inline-block;width:25%;margin-top:2px;padding-left:1.5em;font-size:88%;text-align:left;}

@media screen and (max-width:1024px) {
	h1 {font-size:24px;} 
	h2 {font-size:20px;}
		header {max-width:1024px;height:305px;margin-left:0%;}
		.topVario  {background:url('../image/16kettenham.gif') no-repeat;background-position:center;}
		.topFF {font-size:74px;padding-left:375px;} 
		.topTermin {font-size:80%;margin-left:-1em;}
		.topTermin big{font-size:160%;}
		.slogan {font-size:22px;padding-left:330px;}
		nav {font-size:80%;margin-left:-1em;}
		content {width:100%;max-width:960px;}
		#main {width:66%;max-width:860px;margin-left:-1%;}
		#aside {width:23%;max-width:258px;}
		#aside img {max-width:180px;}
		article {width:100%;}	
		ul.vorsitz {font-size:90%;margin-left:-2em;}
		ul.vorstand {margin-left:-2.7em;}
		ul.vorstand li {width:13.5%;font-size:88%;}
		ul.vorstand li img {width:95%;}
		#box {width:100%;border:0;}
		#box.l {width:100%;border:0;padding-bottom:2em;}
		#box p {margin-top:1%;width:99%;}
		ul.halb li {display:inline;width:99%;max-width:540px;}
		.konForm, form, .spende {display:block;width:90%;}
	/*ul.galerie {display:inline-block;width:100%;height:auto;}*/
	ul.galerie li {width:47%;margin-left:-8%;}
	ul.galerie li:last-child {margin-top:2%;margin-left:40%;}
}	

@media screen and (max-width:768px) {
		h1, #main h1 {font-size:26px;} 
		h2 {font-size:22px;}
		header {max-width:820px;height:305px;}
		.topVario  {background:url('../image/16kettenham.gif') no-repeat;background-position:center;padding-left:33px;margin-top:-2%;overflow:hidden;}
		/*.topFF {font-size:58px;padding-left:200px;margin-top:2%;}*/
		.slogan {font-size:17.5px;padding-left:168px;}
		#logo {background:url('../image/lederingLogo90.png') no-repeat;margin-left:-1%;margin-top:15px;}
		nav {display:none;height:auto;}
		#menubar ul li a.menubutton {display:block;width:4em;height:4em;position:fixed;top:3em;left:1%;}
		nav ul {display:block;margin-top:8px;margin-left:12%;width:9em;box-shadow:none;border:0;border-radius:0;}
		nav ul li {display:block;width:10em;line-height:1.7em;margin:0;padding:1px 0px 14px 0px;}
		content {width:98%;max-width:820px;padding-right:11px;overflow:hidden;}	
		#main{width:94%;max-width:820px;border-right:0 solid #fff;}
		#aside {width:60%;max-width:480px;height:auto;font-size:95%;margin-right:5em; }
		.zweiSp {display:inline-block;width:100%;vertical-align:top;}
		.zweiSp li {width:47%;margin-right:1em;margin-top:2em;}
		.zweiSp li:last-child {margin-left:-1em;border-left:0;}
		#nachOben {display:inline-block;margin-left:40%;}
		footer, p.supline {display:none;}
		.slidepara {width:80%;min-width:200px;background:#ffff5f;line-height:0.9;padding:6px;}	
		.row li {display:inline;width:50%;max-width:500px;}
		video {width:60%;max-width:500px;margin-left:0;margin:12px 0;}
		.konForm, form, .spende {width:90%;max-width:800px;}
}

@media screen and (max-width:580px) {
	.topFF {font-size:56px;padding-left:47px;}
	.slogan {font-size:16px;padding-left:9px;}
	.topTermin {font-size:70%;line-height:1.2;padding-bottom:2px;margin-top:-1px;margin-left:-1em;}
	.topTermin big{font-size:140%;}
	#logo {margin-left:-5%;margin-top:25px;}
	content {width:94%;max-width:560px;padding:0px 14px;overflow:hidden;}
	#main  {display:inline;width:90%;max-width:520px;border-right:0 solid #fff;margin-left:5%;}
	#aside {width:80%;max-width:380px;font-size:85%;}  /* background:#fd0; !!!! */
	#aside p {font-size:15px;}
	article {display:inline;width:99%;max-width:540px;}
	video {min-width:440px;max-width:500;margin-left:-5px;}
	
	.halb li {display:inline;width:99%;max-width:550px;}
		
	#box {width:98%;border:0;margin-bottom:5px;}
	#box.l {width:98%;border:0;margin-top:-1%;margin-left:-1%;}
	#box p {margin-top:1%;width:98%;min-width:400px;max-width:480px;}
	#box img {width:98%;margin-left:-5px;margin-bottom:2%;}

	#like {width:127px;height:0.8em;}
	#like img {width:20px;max-width:28px;padding-left:4px;}
	#like p {vertical-align:center;margin-top:-25px;font-size:14px;}
	.hide {background:transparent;color:blue;border:0;padding:0;}
	.show {background:transparent;color:blue;border:0;padding:0em;} 
    em {display:none;font-style:normal;text-align:justify;margin-top:-1%;}
	ul.vorsitz li {width:102%;max-width:560px;height:auto;margin-bottom:1%;}
	ul.vorstand {width:103%;max-width:560px;height:auto;margin-top:1em;}
	ul.vorstand li {width:34.4%;max-width:560px;}
	/*ul.vorstand li p {margin-top:-8px;line-height:95%;}*/
	ul.vorstand li img {width:77%;}
	#nachOben {display:inline-block;margin-left:40%;}
	.konForm, form, .spende {max-width:580px;}
	ul.galerie {display:block;width:90%;height:auto;}
	ul.galerie li {width:90%;margin-left:-10%;}
	ul.galerie li:last-child {margin-top:3%;margin-left:-10.3%;}
}
	
@media screen and (max-width:360px) {
	header {max-width:400px;height:242px;margin-top:-25%;}
	.topFF, .slogan {display:none;}
	#logo {margin-left:-9%;margin-top:25%;}
	#main h1 {font-size:22px;} 
	h2 {font-size:140%;}
	content {width:82%;max-width:300px;overflow:hidden;margin-left:1.7%;padding:11px 22px;}
	#aside {width:90%;max-width:250px;}
	img.zoom {width:100%;max-width:360px;margin:1em 0;}
	img.zoom-kl {width:42%;margin:5 20px;}	
	video {width:95%;min-width:266px;margin-left:-10px;}
	ul.galerie {display:inline-block;width:90%;height:auto;}
	ul.galerie li {width:99%;height:auto;margin-left:-10%;}
	ul.galerie li:last-child {margin-top:8%;margin-left:-10.3%;}
	.zweisp li {float:left;display:inline;width:99%;margin-left:-2%;margin-bottom:2.5em;}
	.zweispalt li:last-child {margin-left:-5%;margin-bottom:2em;}
	.topTermin {font-size:70%;line-height:1.2;}
	#row ul li img{width:22%;maximum-scale:2.0;}	
	#box p {margin-top:1%;min-width:260px;max-width:320px;margin-left:-5px;}
	#box img {margin-bottom:5p%;}
	#box video  {width:98%;max-width:300px;margin-left:-6px;margin:12px 0;}	
	#like {width:127px;height:0.8em;}
	#like img {width:20px;padding-left:4px;}
	.konForm, .spende {max-width:580px;}
	/*.form {width:100%;max-width:400px;}
	.spende {width:88%;min-width:280px;max-width:360px;margin-left:0;}*/
	#nachOben {display:inline-block;margin-left:40%;}
	 footer {display:none;}
}

@media print {
body, header {background:#fff;margin:0em;padding:0em;}
#logo {width:20%;margin-left:0%;margin-top:15%;}
h1 {font-size:140%;}
h2 {font-size:130%;}
hr {page-break-after:always;}
.show em{display:inline-block;width:20%;height:1em;background:#ddd;font-size:10px;text-align:justify;}
.show, .hide {display:none;} 
em {display:inline;text-align:justify;}
.topPic, .topBild, .topCar, .topVario {display:none;}
nav, nav ul, nav ul li, #menubar ul li a.menubutton, .rotBalken {display:none;}
content{width:99%;page-break-after:avoid;margin-left:2%;padding:0;}
#main {width:64%;} /*page-break-after:avoid;}*/
#aside {width:24%;margin-right:0;padding-right:0;overflow:hidden;}
.konform {width:46%;min-width:540px;}
#like, #nachOben, footer, p.subline {display:none;}
}