html {
	min-height: 100%;
}
body 
{
	background-color: #008C32;
	margin: 0;
	min-height: 100%;
	font-family: Arial;
	font-size: 12pt;
}

/* Formatvorlagen als Klasse für den Kopf */
.header
{
	position: fixed;
	top: 0;
	height: 100px;
	background-image: url('data:image/bmp;base64,Qk3GBQAAAAAAADYEAAAoAAAAAgAAAGQAAAABAAgAAAAAAAAAAADEDgAAxA4AAAABAAAAAQAAMWUD/zJkAP8waxH/KnkU/ydyG/8fXjD/HFk2/xpTPP8kayL/IWQq/y9yIf8tdy7/LH09/xdMQ/8VR0j/E0NP/xNIVf8UTVz/FFJi/xRYaf8VXW//FWJ2/xVofP8tgAv/MIgD/zKLAf8rhE3/KYpc/yiQaf8nlnj/Fm2D/xZyif8Wd4//F32W/xeCnP8mnIb/JaGR/yOmnv8XhqL/GIil/xiLp/8YjKn/GI6r/xiPrf8Yka//GJKw/xiUsv8YlbT/GZa2/xmYt/8Zmbn/GZu7/xmcvf8irKv/IbC3/xmfwP8ZocL/GaLF/xmlyP8apsn/GqjL/xqpzf8aq8//GqzQ/xqu0v8ar9T/GrHW/xqy1/8fu9D/GrPZ/xu12/8bt93/G7jf/yC2w/8bueH/G7vj/xu85P8bvub/G7/o/x7A3f8bwen/G8Lr/x3F6P8cxO7/HMfx/xzI8v8cyfT/HMr0/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/xkZAAAZGQAAGRkAABkZAAAZGQAAGRkAABgYAAAXFwAAAwMAAAQEAAAICAAACQkAAAUFAAAGBgAABwcAAA0NAAAODgAADw8AABAQAAAREQAAEhIAABMTAAAUFAAAFRUAABYWAAAeHgAAHx8AACAgAAAhIQAAIiIAACYmAAAnJwAAJycAACgoAAApKQAAKioAACsrAAAsLAAALS0AAC4uAAAvLwAAMDAAADExAAAyMgAAMzMAADQ0AAA0NAAANzcAADg4AAA5OQAAOTkAADo6AAA7OwAAPDwAAD09AAA+PgAAPz8AAEBAAABBQQAAQkIAAENDAABFRQAARkYAAEdHAABISAAASkoAAEtLAABMTAAATU0AAE5OAABQUAAAUVEAAFNTAABTUwAAVFQAAFVVAABWVgAAV1cAAFJSAABPTwAAREQAAElJAAA2NgAANTUAACUlAAAkJAAAIyMAAB0dAAAcHAAAGxsAABoaAAAMDAAACwsAAAoKAAACAgAAAAAAAAEBAAABAQAAAQEAAAEBAAA=');
	background-repeat: repeat-x;
	width: 100%;
}
.Kopftitel
{
	background-position: 26px 24px;
	background-repeat: no-repeat;
	background-image: url('/images/Titellogo49_636.png');
	height: 100px;	
}
.Kopftitel h1
{
	font-size: 1pt;
	color:transparent;
}
.Sprache
{
	left: 0;
	width: 16px;
	position: absolute;
	top: 0;
	border: 0;
	height: 50px;
	background-color: transparent;
	padding: 0;
	margin: 0;
}
.Sprache a
{
		border: 0;
		padding: 0;
		margin: 0;
}
.Sprache img
{
		border: 0;
		padding: 0;
		margin: 0;
}

/* Formatvorlagen als Klasse für das Menü */
nav
{
	position: fixed;
	top: 100px;
	width: 100%;
	background-color: #008C32;
}
nav ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-weight: bold;
}
nav li
{
	float: left;
	vertical-align: middle;
	text-align: center;
	white-space: nowrap;
}
nav li a
{
	color: #FFFFFF;
	text-decoration: none;
	padding: 5px;
	display: block;
	background-color: rgb(170,170,200);
	border: #FFFFFF 1px solid;
	font-family: Arial;
	min-height: 30px;
	line-height: 30px;
	text-align: center
}
nav li a:hover
{
	background-color: rgb(200,200,255);
}

.Reiter_aktiv
{
	color: #FFFFFF;
	padding: 5px;
	background-color: rgb(170,170,255);
	border: 1px solid rgb(170,170,255);
	min-height: 30px;
	line-height: 30px;
	text-align: center
}

/* Formatvorlagen als Klasse für Zeilen und Spalten */
.background
{
	z-index: -1;
	position: fixed;
	top:0;
	bottom: 0;
	left:0;
	right:0;
	background-color: rgb(170, 170, 255);

}
.list {
	//margin: 0 1% 0 1%;
	padding: 3% 2% 5% 2%;
	//background-color: #ffffff;
	border: rgb(0,0,255) 1px solid;
	position: inherit;
	-ms-touch-action: auto;
	touch-action: auto;
	min-height: 100%;

	margin: 0 5px 0 5px;
	background-color: #150060;
	color: #FFE0EE;
}
.row {
	display: flex;
}
.row:after {
	content: "";
	clear: both;
	display: block;
}

[class*="col-"]
{
	background: white;
	float: left;
	padding: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	flex: 1;
}
/* Für Desktop: */
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

[class*="colt-"]
{
	float: left;
	padding: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/* Für Desktop: */
.colt-1 {width: 8.33%;}
.colt-2 {width: 16.66%;}
.colt-3 {width: 25%;}
.colt-4 {width: 33.33%;}
.colt-5 {width: 41.66%;}
.colt-6 {width: 50%;}
.colt-7 {width: 58.33%;}
.colt-8 {width: 66.66%;}
.colt-9 {width: 75%;}
.colt-10 {width: 83.33%;}
.colt-11 {width: 91.66%;}
.colt-12 {width: 100%;}

/* Formatvorlagen als Klasse für den Inhalt */
.content
{
	padding-top: 150px;
	padding-bottom: 30px;
	background-color: rgb(170, 170, 255);
	width: 100%;
	min-height: 100%;
}

/* Formatvorlagen als Klasse für den Fuss */
.footer
{
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	height: 28px;
	border: black 1px solid;
	background-color: rgb(200,220,255);
}
.footer a
{
	margin-left:10px;
	margin-top: 5px;
	margin-right:30px;
	display: inline-block;
}
#TwitterLink
{
	position: absolute;
	right: 2px;
	margin-left:0;
	margin-right:0;
	margin-top: 5px;
}
#TwitterLink img
{
	height: 18px;
}


@media only screen and (max-width:650px)
{
	.header
	{
		height: 50px;
		background-image: url('data:image/bmp;base64,Qk3+AAAAAAAAADYAAAAoAAAAAQAAADIAAAABABgAAAAAAAAAAADEDgAAxA4AAAAAAAAAAAAAMosB/zKLAf8yiwH/L4QH/yl2GP8jaCb/Hlwz/xlQQP8URUz/FEtZ/xRVZv8VYHP/FmuA/xZ1jP8XgJn/GIek/xiKpv8Yjar/GJCu/xiTsf8ZlrX/GZm4/xmcvP8Znr//GaLE/xmkx/8ap8r/GqrO/xqt0f8asNX/GrPY/xu23P8bueD/G7zk/xu/5/8bwur/HMTu/xzI8v8cyvT/HsPj/yC5yv8irrH/JKSY/yeZf/8pjWP/LIFF/y51KP8xaAr/MmQA/zJkAP8=');
	}
	.Kopftitel
	{
		background-position: 13px 12px;
		background-repeat: no-repeat;
		background-image: url('/images/Titellogo25_318.png');
		height: 50px;
	}
	nav{font-size: 0.8em; top: 50px;}
	nav li a {padding: 4px; min-height: 20px; line-height: 20px;}
	.Reiter_aktiv {padding: 4px; min-height: 20px; line-height: 20px;}
	.content {padding-top: 88px; padding-bottom: 24px;font-size: 10pt;}
	body {font-size: 10pt;}
	.footer{height: 22px;}
	.footer a {margin-top: 3px;}
	#TwitterLink {margin-top: 2px;}
	h1{font-size: 16pt;}
	h2{font-size: 12pt;}
	h3{font-size: 10pt;}
}
@media only screen and (max-width:530px)
{
	nav{font-size: 0.6em;}
	nav li a {padding: 3px;min-height: 15px;line-height: 15px;}
	.Reiter_aktiv {padding: 3px;min-height: 15px;line-height: 15px;}
	.content {padding-top: 81px; padding-bottom: 24px;}
	.row {display: block;}
	[class*="col-"]{width:  100%;}
	[class*="colt-"]{width:  100%;}
	.innerR {background-position: left; background-image: url('data:image/bmp;base64,Qk2aBAAAAAAAADYEAAAoAAAAZAAAAAEAAAABAAgAAAAAAAAAAADEDgAAxA4AAAABAAAAAQAAPxut/0Acrf9CH67/RCGv/0YjsP9IJrH/Siix/0wrsv9OLLP/UC+0/1Iytf9UNLb/Vja2/1c4t/9aO7j/XD25/10/uv9gQrv/YUS7/2NGvP9mSb3/Z0u+/2lNv/9rT7//bVLA/29Vwf9xVsL/c1nD/3VbxP93XsX/eWDG/3tixv99Zcf/f2fI/4Fpyf+DbMr/hW7K/4dwy/+Icsz/i3XN/413zv+Oec//kXzQ/5J+0P+UgNH/l4PS/5iF0/+aiNT/nInU/56M1f+gj9b/opHX/6ST2P+mldn/qJja/6qa2v+snNv/rp/c/6+h3f+yo97/tKbf/7Wo3/+4quD/uazh/7uv4v++suP/v7Pj/8K25P/DuOX/xbvm/8i95//Jv+j/y8Lp/83D6f/Pxur/0cnr/9PL7P/Vze3/18/t/9nS7v/b1O//3dbw/9/Z8f/g2/L/493z/+Xg9P/m4vT/6eX1/+rm9v/s6ff/7+z4//Du+P/y8Pn/9PL6//b1+//49/z/+vn9//z8/v//////AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wABAgMEBQYHCAkKCwwNDg8QERITFBUWFxgZGhscHR4fICEiIyQlJicoKSorLC0uLzAxMjM0NTY3ODk6Ozw9Pj9AQUJDREVGR0hJSktMTU5PUFFSU1RVVldYWVpbXF1eX2BhYmI=');}
	[class*="inner"] {padding: 0;}
}
@media only screen and (max-width:410px)
{
	nav{font-size: 0.5em;}
	nav li a {padding: 3px;min-height: 15px;line-height: 15px;}
	.Reiter_aktiv {padding: 3px;min-height: 15px;line-height: 15px;}
	.content {padding-top: 81px; padding-bottom: 24px;}	
}

/*.content
		{
			padding-top: 150px;
			padding-bottom: 30px;
			background-color: rgb(170, 170, 255);
			width: 100%;
			min-height: 100%;
		}
		.list 
		{
			margin: 0 1% 0 1%;
			padding: 3% 2% 5% 2%;
			background-color: #150060;
			color: #FFE0EE;
			border: rgb(0,0,255) 1px solid;
			position: inherit;
			-ms-touch-action: auto;
			touch-action: auto;
			min-height: 100%;
		}
		h2
		{
			text-align: left
		}
		.imagelist
		{
			width: 100%;
			float: left;
			padding: 5px;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;	
			box-sizing: border-box;
		}
		.imageitem
		{
			display: table;
			float: left;
		}
		.imageitem img
		{
			vertical-align: middle;
			display: table-cell;
		}
		.imageitem div
		{
			vertical-align: middle;
			display: table-cell;
			padding-right: 1em;
		}*/