<!--
/* Size independent styles */
a:link{color:navy;}
a:visited{color:white;}
a:active{color:blue;}
a:hover{color:blue;}

img, table{border:0;max-width:100%;height:auto;}
i{font-style:italic;}
b{font-weight:bold;}

h1, h2, h3, h4, p, td, li{font-family:arial,helvetica,sans-serif;}
h1, h2, h3, h4{color:navy;}
h2{text-align:center;margin:2%;}
h3{text-align:left;margin:0;}
h4{margin:0.5em;}

p, td{color:black;font-size:large;}
p.c{text-align:center;line-height:1.2em;margin:0 0 0.5em 0;}
p.ct{text-align:center;line-height:1.2em;margin:0 0 0.5em 0;}
p.t{text-align:left;line-height:1.2em;margin:0 0 0.5em 0;}
p.z{text-align:left;line-height:1.2em;margin:0 0 0.5em 0;color:navy;}
p.t:first-letter{margin-left:1.2em;}
p.z:first-letter{margin-left:1.2em;}

input{max-width:90%;height:auto;}
/* 
Extra small devices (portrait phones, less than 544px) 
No media query - default is "mobile first"
*/
body{max-width:544px;background-color:#aaaaaa;margin-left:auto;margin-right:auto;} 
div.t{clear:both;padding-left:4%;padding-right:4%;margin-bottom:2%;margin-left:auto;margin-right:auto;} 

/* iframe{max-width:100%;height:auto;}
pictures and picture groups */
img{max-width:100%;height:auto;}
div.imgc{clear:both;text-align:center;margin:2% 5% 2% 5%;}
div.imgd{max-width:100%;height:auto;clear:both;text-align:center;margin:5% 0% 5% 0%;}
div.imgd img{max-width:33%;height:auto;}

iframe.l{float:left;margin:5px 15px 5px 0px;}
img.c5{margin:5px 0px 5px 0px;}
img.c10{margin:10px 0px 10px 0px;}
img.r{float:right;margin:5px 0px 5px 15px;}
img.l{float:left;margin:5px 15px 5px 0px;}

/* logo size */
img.dir{float:left;margin-right:11x;width:100px;height:100px;}
img.rl{float:right;margin:13px;width:100px;height:100px;}
img.ll{float:left;margin:13px;width:100px;height:100px;}
img.p{clear:left;text-align:left;width:15px;height:19px;}

/* navbars */
p.tnav{text-align:center;font-size:1.2em;color:white;
		border-bottom-style:solid;border-bottom-color:navy;border-bottom-width:1px;
		margin:0.5% 7% 0.5% 7%;padding-bottom:1%;}
p.snav{text-align:center;color:white;margin-top:1%}
p.enav{text-align:center;font-size:1.2em;color:white;margin-top:3%;margin-bottom:1%;clear:both;}
p.denav{text-align:center;font-size:1.2em;color:white;padding-top:5%;margin-bottom:1%;clear:both;}
p.sxnav{text-align:center;color:navy;margin-top:1%}
p.xnav{text-align:center;font-size:1.2em;color:white;clear:both;
		border-bottom-style:solid;border-bottom-color:navy;border-bottom-width:1px;
		margin:0.5% 7% 0.5% 7%;padding-bottom:1%;}
p.znav{text-align:center;color:white;clear:both;
		border-top-style:solid;border-top-color:navy;border-top-width:1px;
		margin:0.5% 7% 0.5% 7%;padding-top:1%;margin-bottom:5%;} 
 
/* directory links and lists */ 
div.dir{width:100%;clear:both;}
h4{font-size:1.2em;}
p.dirent{font-size:1.2em;padding:0;margin:0;}
span.neu{font-size:1em;padding:0;margin:0;color:red;}
div.dirl{text-align:left;float:none;width:90%;margin-left:5%;padding-left:5%;clear:both;}
div.dirr{text-align:left;float:none;width:90%;margin-left:5%;padding-left:5%;clear:both;}
div.dirw{text-align:left;float:none;width:90%;margin-left:5%;padding-left:5%;clear:both;}
div.dirent{margin:5%;text-align:left;vertical-align:middle;}

div.t table{background-color:silver;margin:2% 0% 2% 0%;}
div.t td{vertical-align:top;border:solid silver 5px;}
div.ct table{background-color:silver;margin:2% 0% 2% 0%;}
div.ct td{vertical-align:top;border:solid silver 5px;}

/* für die Tabellen in Hauptauswahlseite */
p.r{text-align:right;line-height:1.2em;margin:0 0 0.5em 0;}
p.c{text-align:center;line-height:1.2em;margin:0 0 0.5em 0;}
div.c{clear:both;}
span.if{padding:5px;}
div.m{margin:0;}
div.m table{width:84%;margin:2% 8% 0% 8%;}
div.m td{background-color:silver;padding:1%;} 
table.s{margin:0;}
td.s{background-color:silver;padding:1%;} 
/* route */
div.r{clear:both;}
div.r table {background-color:silver;width:100%;margin:0;border-collapse:collapse;border:thin solid Gray;padding: 2px;}
div.r td {border:thin solid Gray;padding:2px;vertical-align:middle;}
/* share-buttons */
div.social{clear:both;text-align:center;margin:2% 5% 7% 5%;}
a.share-button {
	margin: 5px;
	padding: 5px 10px;
	color: #E5E4E2;
	font-family: Helvetica, sans-serif;
	font-size: 1.2em;
    font-weight: bold;
	transition: background .2s ease-in-out,opacity .2s ease-in-out;
	text-decoration: none
}
.share-facebook {background:#3b5998}
.share-facebook:hover,.share-facebook:active {background:#4664a3}
.share-facebook:after {content: 'Facebook'}
.share-googleplus {background:#DB4437}
.share-googleplus:hover,.share-googleplus:active {background:#EB4437}
.share-googleplus:after {content: 'Google+'}
.share-twitter {background:#1da1f2}
.share-twitter:hover,.share-twitter:active {background:#2db1f9}
.share-twitter:after {content: 'Twitter'}

/* map iframe flexibel machen, padding-bottom ist der aspect-ratio 600/450 = 75% */
.google-maps{position:relative;padding-bottom:75%;height:0;overflow:hidden;}
.google-maps iframe{position:absolute;top:0;left:0;width:100% !important;height:100% !important;}

/* Small devices (landscape phones, 544px and up) */
@media (min-width:544px){
 	body{max-width:599px;} 
	table.s{margin:0% 6% 3% 6%;}
	td.s{padding:2%;} 
}

/* slightly wider devices to get 2 pics in a row with 600px and up) */
@media (min-width:600px){
 	body{max-width:767px;} 
	table{max-width:auto;}
	table.s{margin:0% 6% 3% 6%;}
	td.s{padding:2%;} 
	table.r{width:95%;margin:0% 2% 0 2%;padding: 3px;}
}
/* Medium devices (tablets, 768px and up) */
@media (min-width:768px){
 	body{min-width:768px;background-image:url(kachel1.jpg);background-repeat:repeat;} 
	div.t{padding-left:9%;padding-right:9%;} 
	p, td{font-size:medium;}
	p.tnav{font-size:1.2em;}
	p.enav{font-size:1.2em;}
	p.denav{font-size:1.2em;}
	p.xnav{font-size:1.2em;}
	table.s{margin:0% 12% 3% 12%;}
	td.s{padding:3%;} 
	table.r{width:90%;margin:0% 5% 0 5%;padding: 4px;}

	iframe.l{float:left;margin:5px 15px 5px 0px;}
	img.c5{margin:5px 5px 5px 5px;}
	img.c10{margin:10px 10px 10px 10px;}
	img.r{float:right;margin:5px 0px 5px 15px;}
	img.l{float:left;margin:5px 15px 5px 0px;}
		
	div.dirl {float:left;width:39%;margin-left:9%;padding-left:0;margin-right:0;padding-top:6px;padding-right:0;}
	div.dirr {clear:none;float:right;width:50%;margin-left:0;padding-left:0;margin-right:0;padding-right:0;}
	div.dirw {float:right;width:69%;margin-right:5%;padding-right:5%;}
	
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width:992px){
 	body{min-width:992px;} 
	div.t{padding-left:12%;padding-right:12%;} 
	h4 {font-size:medium;}
	p.dirent{font-size:1em;}
	span.neu{font-size:1em;}
	table.r{padding: 5px;}
	td.s{padding:5%;}
}
 
/* Extra large devices (large desktops, 1201px and up) */
@media (min-width:1201px){
  body{max-width:1201px;} 
	div.t{padding-left:15%;padding-right:15%;} 
}
//-->