/* --------------- Allgemein --------------- */

html, body, div, p, td, a, input, textarea, select {
	font-family: Arial, Helvetica, Sans-Serif;
}

html, body {
	margin:0;
	padding:0;
}

a {
	color: #0f4073;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

body {	
	background-color: #ffffff;
	margin: 0; padding: 0; 
	/*
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	*/
}

body,
.centerbox h2 {
	font-size: 1.2em;
}

#page {
	max-width: 1000px;
	padding: 10px;
}

#header {
	text-align: center;
	background-color: #f7f7f7;
	color: #777777;
}

#header a.logo {
	padding: 3px;
	display: inline-block;
}

#header p.head {
	padding: 3px 3px 0 3px;
	margin: 0;
	display: inline-block;
}

#header form {
	margin: 10px 0 10px 0;
	float: none;
}

.rssfeed .rsslink {
	display: none;
}

.labelbox,
.breadcrumb,
.datebox,
.adminbox,
.rssfeed,
.emptybox,
.footerbox {
	padding: 5px 7px;
}

.blueline,
.blueline a {
	color: #aaaaaa;
	background-color: #003366;
}

.greyline,
.emptybox {
	color: #bbbbbb;
	background-color: #777777;
}

.adminbox {
	text-align: right;
}

.navi,
.content {
	width: 100%;
	display:inline-block;
	*display:inline;
	zoom:1;
	letter-spacing:normal;
	word-spacing:normal;
	vertical-align:top;
	text-rendering:auto;
}

.labelbox {
	background: #aaaaaa;
	color: #eeeeee;
	margin-bottom: 10px;
}

.navi .labelbox {
	margin-bottom: 0;
}

.navi,
.rightbox {
	background-color: #f7f7f7;
}

.centerbox ul,
.rightbox ul {
	padding-left: 25px;
	padding-right: 10px;
	list-style-image: url("text.gif");
}

.centerbox ul li,
.navi ul li {
	line-height: 2em;
}

.navi ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.navi ul li {
	display: inline;
}

.navi ul li a {
	float: left;
	display: inline-block;
	width: 100%;
	background-color: #eeeeee;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: center;
}

.centerbox ul li a,
.rightbox ul li {
	line-height: normal;
	margin-bottom: 10px;
}

.navi ul li a,
.centerbox ul li a,
.rightbox ul li a {
	color: #223A57;
	font-weight: bold;
}

.centerbox ul li a {
	font-weight: normal;
}

.rightbox p {
	margin-left: 10px;
	margin-right: 10px;
}

.centerbox {
	margin: 18px 10px;	
}

.centerbox h1 {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1.2em;
	color: #444444;
	text-decoration: underline;
}

.centerbox h2 {
	font-weight: normal;
	margin-bottom: 0;
}

.centerbox h2 a {
	color: #336699;
}

.centerbox p {
	margin-top: 0;
	margin-bottom: 1.6em;
	text-align: justify;
}

.centerbox p.textleft {
	text-align: left;
}

.centerbox p.ueberschrift {
	margin-bottom: 0;
	font-weight: bold;
	text-decoration: underline;
}

.centerbox p img {
	max-width: 100%;
	height: auto;
}

.navi .werbung,
.navi .skybanner,
.content .ad,
.content .werbung,
.content .ad_mobile,
.rightbox .werbung,
.rightbox .werbung_oben {
	text-align: center;
	margin-bottom: 20px;
}

.navi .werbung,
.navi .skybanner {
	display: none;
}

.rightbox .werbung_oben div {
	margin: 0 auto;
}

.rightbox .werbung .rechts_mobile {
	display: block;
}

.rightbox .werbung .rechts_desktop {
	display: none;
}

.content .ad,
.content .werbung {
	margin-top: 20px;
	margin-bottom: 40px;
}

.content .go-g {
	width: 100%;
	float:right;
	text-align: right;
	z-index:9999;
}

.centerbox .seiten a.seite {
	border: 1px solid #0f4073;
	padding: 0 3px;
	margin: 0 1px;
	background-color: #eeeeee;
	text-decoration: none;
	
}

.centerbox .seiten {
	line-height: 2em;
}

.centerbox .seiten a.seite.active,
.centerbox .seiten a.seite:hover {
	color: #ffffff;
	background-color: #0f4073;
}

/* --------------- Body --------------- */

/*
td.headline {font-family: arial; font-size: 12px; color: #aaaaaa; font-weight: 400; padding: 5px 7px 5px 7px; background-color: #003366;}
a.headline:link {font-family: arial; font-size: 12px; color: #aaaaaa; font-weight: 400; text-decoration: none;}
a.headline:visited {font-family: arial; font-size: 12px; color: #aaaaaa; font-weight: 400; text-decoration: none }
a.headline:hover {font-family: arial; font-size: 12px; color: #aaaaaa; font-weight: 400; text-decoration: underline }

td.boxline {background-color: #777777; height: 21px; padding: 0px 5px 0px 7px; font-family: arial; font-size: 11px; color: #bbbbbb;}
a.boxline:link {font-family: arial; font-size: 11px; font-weight: 400; color: #bbbbbb; text-decoration: none ;}
a.boxline:visited {font-family: arial; font-size: 11px; font-weight: 400; color: #bbbbbb; text-decoration: none }
a.boxline:hover {font-family: arial; font-size: 11px; font-weight: 400; color: #bbbbbb; text-decoration: none }

td.leftbox {width: 170px; background: #f7f7f7;}
td.leftbox td {padding-left: 5px;padding-right: 5px;}
td.leftboxline {font-family: arial; font-size: 11px; color: #eeeeee; width: 280px; background-color: #aaaaaa; padding: 3px 0 3px 7px;}

td.content {padding-left: 25px; padding-right: 30px; width: 452px; text-align: justify;}
a.content:link {font-family: arial; font-size: 12px; color: #336699; text-decoration: none ;}
a.content:visited {font-family: arial; font-size: 12px; color: #336699; text-decoration: none;}
a.content:hover {font-family: arial; font-size: 12px; color: #336699; text-decoration: none;}
td.text {font-family: arial; font-size: 12px; color: #444444;}

ul {margin: 0px 10px 0px 10px; padding: 0px 10px 0px 10px;}
li {margin: 0px; padding: 0px;}

td.rightbox {background: #f7f7f7;}
table.rightbox {width: 336px; margin: 0px 0px 0px 0px;}
td.rightboxline {font-family: arial; font-size: 11px; color: #eeeeee; width: 280px; background-color: #aaaaaa; padding: 3px 0 3px 7px;}
td.rightboxtext {font-family: arial; font-size: 11px; color: #555555; padding: 0px 8px 0px 8px;}
a.rightbox:link {font-family: arial; font-size: 11px; font-weight: bold; color: #223A57; text-decoration: none ;}
a.rightbox:visited {font-family: arial; font-size: 11px; font-weight: bold; color: #223A57; text-decoration: none }
a.rightbox:hover {font-family: arial; font-size: 11px; font-weight: bold; color: #223A57; text-decoration: none }

a.bottombox:link {font-family: arial; font-size: 12px; font-weight: 400; color: #336699; text-decoration: none ;}
a.bottombox:visited {font-family: arial; font-size: 12px; font-weight: 400; color: #336699; text-decoration: none }
a.bottombox:hover {font-family: arial; font-size: 12px; font-weight: 400; color: #336699; text-decoration: none }

td.footer1 {font-family: verdana; font-size: 11px; color: #888888; padding: 3px 5px 1px 5px; background-color: #f7f7f7;}
a.footer1:link {font-family: verdana; font-size: 11px; color: #336699; text-decoration: none ;}
a.footer1:visited {font-family: verdana; font-size: 11px; color: #336699; text-decoration: none;}
a.footer1:hover {font-family: verdana; font-size: 11px; color: #336699; text-decoration: none;}

select.shead {font-family: arial; font-size: 12px; color: #555555;}

input.shead {font-family: arial; font-size: 12px; color: #555555;}



td.login {font-family: arial; font-size: 12px; color: #555555; padding-left: 5px; padding-right: 5px; padding-top: 2px;}

a.login:link {font-family: arial; font-size: 12px; color: #bbbbbb; text-decoration: none;}

a.login:visited {font-family: arial; font-size: 12px; color: #bbbbbb; text-decoration: none }

a.login:hover {font-family: arial; font-size: 12px; color: #bbbbbb; text-decoration: none }



td.index1 {padding-top: 3px; padding-left: 30px; width: 83px;}

td.index2 {padding-right: 40px;}


a.main1right:link {font-family: arial; font-size: 11px; color: #466478; text-decoration: none ;}

a.main1right:visited {font-family: arial; font-size: 11px; color: #466478; text-decoration: none }

a.main1right:hover {font-family: arial; font-size: 11px; color: #223A57; text-decoration: none }



td.bild1 {padding: 10px 0px 0px 25px;}


a.navi:link {font-family: arial; font-size: 12px; color: #888888; text-decoration: none;}

a.navi:visited {font-family: arial; font-size: 12px; color: #888888; text-decoration: none }

a.navi:hover {font-family: arial; font-size: 12px; color: #555555; text-decoration: none }



a.main2:link {font-family: arial; font-size: 11px; color: #223A57; text-decoration: none ;}

a.main2:visited {font-family: arial; font-size: 11px; color: #223A57; text-decoration: none }

a.main2:hover {font-family: arial; font-size: 11px; color: #223A57; text-decoration: none }



a.textlink:link {font-family: arial; font-size: 12px; color: #003399; text-decoration: underline;}

a.textlink:visited {font-family: arial; font-size: 12px; color: #003399; text-decoration: underline;}

a.textlink:hover {font-family: arial; font-size: 12px; color: #003399; text-decoration: underline;}







select.bew {font-family: arial; font-size: 12px; color: #555555;}

input.bew {font-family: arial; font-size: 12px; color: #555555;}



div.bild1 {float: left; padding: 2px 8px 10px 0px;}

img.bild1 {float: left; border: 1px double #bbbbbb;}

div.bild2 {float: left; padding-right: 5px;}

td.bild2  {width: 101px;}



div.ad {padding-bottom: 10px;}

img.ad {border: 3px double #bbbbbb;}

*/



input.adm1 {background: #f3f3f3; border:1px solid #bbbbbb; font-family: arial; font-size: 12px; color: #666666; height: 21px; width: 200px; padding: 2px;}

input.adm2 {background: #f3f3f3; border:1px solid #bbbbbb; font-family: arial; font-size: 12px; color: #666666; height: 21px; padding: 2px;}

input.adm4 {background: #f3f3f3; border:1px solid #bbbbbb; font-family: arial; font-size: 12px; color: #666666; height: 21px; width: 180px; padding: 2px;}

textarea.adm1 {background: #f3f3f3; border:1px solid #bbbbbb; font-family: arial; font-size: 12px; color: #666666; height: 100px; width: 300px; overflow: visible; padding: 2px;}

textarea.adm2 {background: #f3f3f3; border:1px solid #bbbbbb; font-family: arial; font-size: 12px; color: #666666; height: 100px; width: 100%; overflow: visible; padding: 2px;}

textarea.adm3 {background: #f3f3f3; border:1px solid #bbbbbb; font-family: arial; font-size: 12px; color: #666666; height: 300px; width: 600px; overflow: visible; padding: 2px;}


select.adm2 {background: #f3f3f3; border:1px solid #bbbbbb; font-family: arial; font-size: 12px; color: #666666; height: 21px; padding: 2px; margin: 0px;}

input.adm1 {
	width: 90%;
}

input.adm3 {
	margin-top: 5px;
}
	
.rechner {
	display: none;
}

/* Scrollicon */

a.scrollicon{
	text-align: center;
	text-decoration: none;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-image: none;
	background: #889bbc;
	opacity: 0.5;
	position: fixed;
	bottom: 60px;
	right: 60px;
	display: none;
	border: 1px solid #333;
	float: none;
	letter-spacing: 0;
	text-indent: 0;
}
a.scrollicon div{
	font-weight: bold;
	font-size: 28px;
	color: #333;
	padding-top: 12px;
}


@media screen and (min-width: 35.5em){
	.rssfeed {
		text-align: right;
	}
}

@media screen and (min-width: 48em){
	
	.rssfeed .rsslink {
		display: inline;
	}
	
	.navi ul li a {
		width: 25%;
		margin: 0;
	}

	input.adm1 {
		width: 400px;
	}

	input.adm3 {
		margin-top: 0;
	}
	
	.rechner {
		display: inline-block;
	}
}

@media screen and (min-width: 64em){
	#page {
		margin-left: 15px;
		padding: 0;
	}

	#header {
		text-align: left;
	}
	
	#header form {
		float: right;
		margin-right: 10px;
	}
	
	.navi ul {
		padding-left: 25px;
		padding-right: 10px;
		list-style-image: url("text.gif");
		margin-bottom: 10px;
	}
	
	.navi ul li {
		display: list-item;
	}
	
	.navi ul li a {
		float: none;
		display: block;
		width: auto;
		background-color: transparent;
		margin: 0;
		padding: 0;
		text-align: left;
	}

	.navi .labelbox {
		margin-bottom: 10px;
	}
	
	.centerbox {
		margin-left: 25px;
		margin-right: 25px;
	}

}

@media screen and (min-width: 64.19em){
	body {
		font-size: 0.9em;
	}

	.content .ad_mobile {
		display: none;
	}
}

@media screen and (min-width: 1024px){	
	.navi {
		width: 170px;
	}

	.navi .werbung,
	.navi .skybanner {
		display: block;
		width: 160px;
		margin: 0 auto;
		margin-bottom: 10px;
	}

	.content {
		width: 820px;
	}
	
	.content .pure-u-md-3-5 {
		width: 491px;
	}
	
	.content .pure-u-md-2-5 {
		width: 329px;
	}

	.rightbox .werbung {
		width: 300px;
		height: 600px;
		margin: 0 auto 20px auto;
	}

	.rightbox .werbung .rechts_mobile {
		display: none;
	}

	.rightbox .werbung .rechts_desktop {
		display: block;
	}
	
	.rightbox .werbung_oben {
		width: 300px;
		margin: 0 auto 20px auto;
	}
	
	#header,
	.blueline,
	.greyline {
		max-width: 990px;
	}
}

@media screen and (min-width: 1082px){
	#page {
		max-width: 1050px;
	}

	.navi {
		width: 192px;
	}

	.content {
		width: 858px;
	}
	
	.content .pure-u-md-3-5 {
		width: 60%;
	}
	
	.content .pure-u-md-2-5 {
		width: 40%;
	}
	
	#header,
	.blueline,
	.greyline {
		max-width: none;
	}
}