body {
	margin:0;
	padding:0;
	max-width:980px;
	margin:auto;
	
	/*font-family: "Tauri",arial,sans-serif;
	font-family: 'Roboto Condensed', sans-serif;
	font-family: 'Encode Sans Condensed', sans-serif;
	font-family: 'Barlow', sans-serif;
	font-family: 'Marvel', sans-serif;
	font-family: 'Armata', sans-serif;
	font-family: 'Source Sans Pro', sans-serif;
	*/
	
	font-family: 'Encode Sans Condensed', sans-serif;
	font-size: 1.0rem;
	line-height: 160%;
	background-color:#FFFFFF;
	color:#004d8d;
}

tr,td {
	text-align:left;
	vertical-align:top;
}

table 	{background:#AAAAAA;}
th 		{background:#d8e5eb;}
tr		{background:#ebf5d7;}

div {
	text-align:left;
	vertical-align:top;
}

h1 {
	font-size:1.3rem;
	line-height:160%;
	text-align:left;
	font-weight:400;
	margin-top:0px;
	margin-bottom:5px;
}
h2 {
	font-size:1.1rem;
	line-height:160%;
	text-align:left;
	font-weight:400;
}
h3 {
	font-size:1.0rem;
	line-height:160%;
	text-align:left;
	font-weight:400;
}
video {
	width: 100%;
   	height: auto;
}


#kopf {
	margin-top:0;
	overflow:hidden;
	padding:20px;
	padding-bottom:0;
	background-color:#004d8d;
	//background-image: url("images/streifen.png");
}
#main {
	text-align:justify;
	padding:10px;
	margin-bottom:800px;
	background: #ebeff4;	/*hellgrau*/
	border-color: #8a9da8;
	Xmin-width: 16em; /* Mindestbreite (der Überschrift) verhindert Anzeigefehler in modernen Browsern */
}
.article {
	text-align:justify;
	padding:10px;
	background: #ebf5d7;
	background: #FFFFFF;
	margin-bottom:10px;
	border-radius: 0 0.7rem 0 0.7rem;
	border:1px solid #888888;
	overflow:hidden;
}
.hervorhebung {
	font-size:90%;
	font-family:arial;
	text-align:justify;
	padding:10px;
	background-color:#004d8d;
	color:#FFFFFF;
	margin-bottom:10px;
	border-radius: 0 0.7rem 0 0.7rem;
	border:1px solid #888888;
	overflow:hidden;
}


.flagge {
	width:30px;
	height:20px;
	border:1px solid #FFFFFF;
	margin-right:10px;
	margin-top:5px;
	margin-bottom:5px;
}
textarea,input,select {
	padding:5px;
	border:1px solid #AAAAAA;
	background-color:#EEEEEE;
	color:green;
	font-size: 1.2rem;
	margin-bottom:10px;
}
input[type=submit] {
	font-size: 90%;
	background-color : green;
	color : #FFFFFF;
	border-bottom : solid #888888;
	border-right: solid #888888;
	border-top: solid #AAAAAA;
	border-left: solid #AAAAAA;
	font-weight : bolder;
	padding:3px;
	border-radius:5px;
}


.admin {max-width:95%;}
#kopf {padding:20px;}
#logodiv {float:left; width:220px;}
#divheadline{margin-left:220px;}
#knopfdiv {text-align:right; margin-left:220px;}
#flaggen {margin-left:220px;}
#iplook{font-size:150%; color:#004d8d; border:3px solid #004d8d;}
.Xborder {border:1px dashed #888888;}	/*Nur zum Testen aktivieren*/
#ipdiv {float:left; width:350px;}
#geodiv{margin-left:370px;}
.geodaten{color:blue;}
.iptable{background-color:#FFFFFF; Xfont-size:90%;}
.iptabler{padding-left:5px;}
table.tarif {width:29%; margin:2%; border:2px solid #004d8d; border-radius:10px 10px 0 0; background-color:#004d8d;}
table.tarif th:nth-child(n){text-align:center; height:30px; background-color:#004d8d; color:#FFFFFF; border-radius:5px 5px 0 0;}
table.tarif td:nth-child(n){text-align:center; height:30px;}
#registrierung{margin-left:35%;}


@media (max-width: 800px) /*Mobilansicht*/
{
	.headline1 {font-size:1.3rem;}
	.headline2 {font-size:1.1rem;}
	#ipdiv{clear:left; width:100%;}
	#geodiv{margin-left:0;}
	table.tarif{width:46%;}
	table.tarif th:nth-child(n){height:15px;}
	table.tarif td:nth-child(1){height:15px;}
	#registrierung{clear:both; margin-left:0;}
}
@media (max-width: 710px) /*Mobilansicht*/
{
	.headline1 {font-size:1.3rem;}
	.headline2 {font-size:1.1rem;}
}
@media (max-width: 630px) /*Mobilansicht*/
{
	.headline1 {font-size:1.3rem;}
	.headline2 {font-size:1.1rem;}
}

@media (max-width: 550px) /*Mobilansicht*/
{
    #kopf {padding:5px;}
	#main {padding:5px;}
	#logo {width:100px;}
	#logodiv {width:120px;}
	#divheadline{margin-left:120px;}
	#flaggen {margin-left:0px;}
	#knopfdiv {margin-left:0px;}
	#naviquer {display:none;}
	.mobil {display:none;}	
	#navmobile {width:70%;}
	.navidesk {display:block;}
	.info {margin-left:0;}
	textarea,input,select {font-size:90%;}
	
}
@media (min-width: 551px)	/*Desktop*/
{
	#knopfdiv {display:none;}
	
	 
}


.hellaufdunkel {background-color:#004d8d; color:#FFFFFF;}

.unterseite {text-align:justify; padding:10px; padding-bottom:800px;}



.rund {
	-moz-border-radius:8px; /* Safari, Chrome - alte Syntax */
	-webkit-border-radius:8px;
 	border-radius:8px; /* alle neuen Browser, W3C Standard */
}

.hinweis {font-family:arial; line-height: 1rem; font-size:0.8rem;}

.blue {color:blue;}
.green {color:green;}
.red {color:red;}
.bgreen {background-color:green;}
.bred	{background-color:red;}

.schatten {
	box-shadow: 7px 7px 7px 0px #999999;
}
.textschatten {text-shadow:  -1px 0 #333333, 0 1px #333333, 1px 0 #333333, 0 -1px #333333;}



.rem90 {font-size:0.9rem; line-height:160%;}
.rem80 {font-size:0.8rem; line-height:160%;}
.rem70 {font-size:0.7rem; line-height:160%;}
.rem60 {font-size:0.6rem; line-height:160%;}


.fehler  {
	/*Schrift für Fehlermeldungen*/
	font-size:0.9rem;
	color:#FFFFFF;
    background-color:red;
    padding:5px;
}
.meldung  { 													/*Schrift für Meldungen*/
	 font-size:0.9rem;
	 color:#FFFFFF;
     background-color:green;
     padding:5px;
}	   


/*normale Links*/
a					{text-decoration: none; color:blue; padding: 3px; border-radius: 3px; }
a:hover 			{color:#FFFFFF; background-color: black; }
a:focus 			{color:#FFFFFF; background-color: black; }

a.navi	{
	font-size:0.9rem;
	padding:5px;
	background-color: black;
	color:#FFFFFF;
	border-radius:3px;
	margin-right:5px;
}
a.navimob	{
	background-color: #666666;
	color:#FFFFFF;
	font-size: 1.4rem;
	font-weight: bold;
	line-height:120%;
	margin:2px;
	padding:8px;
	border-radius:0;
	display:block;
}

a.bilderlink:link {padding:0.0%;}
a.bilderlink:visited {padding:0.0%;}
a.bilderlink:hover {padding:0.0%; background-color:transparent; }
a.bilderlink:focus {padding:0.0%; background-color:transparent; }

a.fremdlink:link 		{padding:0; text-decoration:none; color:#004d8d; background-color:transparent;}
a.fremdlink:hover 		{padding:0; text-decoration:none; color:#004d8d; background-color:transparent;}
a.fremdlink:visited 	{padding:0; text-decoration:none; color:#004d8d; background-color:transparent;}
a.fremdlink:focus 		{padding:0; text-decoration:none; color:#004d8d; background-color:transparent;}

a.akademie				{font-size:0.9rem; padding:5px; margin-right:5px; color:#FFFFFF; background-color:black; }
a.akademie:hover		{font-size:0.9rem; padding:5px; margin-right:5px; color:#FFFFFF; background-color:red; }

a.trans:link			{
	color: #333333;
	background-color: transparent;
	text-decoration: none;
	margin:0;
	padding:0;
}
a.trans:hover			{
	color: #333333;
	background-color: transparent;
	text-decoration: none;
	margin:0;
	padding:0;
}
a.trans:focus			{
	color: #333333;
	background-color: transparent;
	text-decoration: none;
	margin:0;
	padding:0;
}
a.trans:visited			{
	color: #333333;
	background-color: transparent;
	text-decoration: none;
	margin:0;
	padding:0;
}