body {
	font-family: "Tauri",arial,sans-serif;
	font-size: 1rem;
	line-height: 160%;
	color:#333333;
	margin:0;
	padding:0;
}

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;
	color:#FFFFFF;
}
h2 {
	font-size:1.2rem;
	line-height:160%;
	text-align:left;
	font-weight:400;
}
h3 {
	font-size:1.1rem;
	line-height:160%;
	text-align:left;
	font-weight:400;
}

.breite {max-width:980px; margin:auto;}

.hellaufdunkel{color:#FFFFFF; background-color:green;}

.header {
	padding:10px;
	background: #339933;
}
.main {
	text-align:justify;
	padding:10px;
	margin-bottom:600px;
	background: #66cc66;
	color:#000000;
	border-color: #8a9da8;
	min-width: 16em; /* Mindestbreite (der Überschrift) verhindert Anzeigefehler in modernen Browsern */
}
.article {
	padding:20px;
	background: #ebf5d7;
	color:#333333;
	margin-bottom:10px;
	border-radius: 0 0.7rem 0 0.7rem;
	border:1px solid #888888;
}
footer {
	position:fixed;
	padding: 10px;
	bottom:0;
	left: 0;
	right:0;
	background: #c32e04;
	border-color: #8a9da8;
}
#navimobile {background: #006600; position:fixed; top:0px; display:none; padding:2px;}
#navidesk	{background: #006600;}


textarea,input,select {
	padding:5px;
	border:1px solid #AAAAAA;
	background-color:#EEEEEE;
	color:green;
	font-size: 1.2rem;
	margin-bottom:10px;
	max-width:90%;
}
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-weightX : bolder;
	padding:3px;
	border-radius:5px;
}




@media (max-width: 550px) /*Mobilansicht*/
{
    h1 {font-size:1rem; line-height:160%;}
	#logo {max-width:100%;}
	#navidesk	{display:none; }
	#navimobile {width:70%;}
	.navilink {display:block; background:transparent; margin-top:3px; margin-right:5px; padding:10px;}
	.article {padding:10px;}
}

@media (min-width: 551px)	/*Desktop*/
{
	#knopf {display:none;}
	.navilink {margin-right:5px; padding:5px;}
	.navidiv{float:left; margin:5px; display:block;}
	.links {width:40%; float:left; margin-right:10px;}
	.rechts {width:40%; margin-left:50%;}
}


.textschatten {text-shadow:  -1px 0 #333333, 0 1px #333333, 1px 0 #333333, 0 -1px #333333;}

.rund {
	-moz-border-radius:5px; /* Safari, Chrome - alte Syntax */
	-webkit-border-radius:5px;
 	border-radius:5px; /* 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;}
.yellow {color:yellow;}
.hgcolor {background-color:yellow;}

.schatten {
	box-shadow: 5px 5px 5px 0px #999999;
}





.rem90 {font-size:90%; line-height:160%;}
.rem80 {font-size:80%; line-height:160%;}
.rem70 {font-size:70%; line-height:160%;}
.rem60 {font-size:60%; line-height:160%;}


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


/*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; }

.navilink {
	background-color: black;
	color:#FFFFFF;
	border-radius:3px;
	padding:4px;
}




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:#CCCCCC; background-color:transparent;}
a.fremdlink:hover 		{padding:0; text-decoration:none; color:#CCCCCC; background-color:transparent;}
a.fremdlink:visited 	{padding:0; text-decoration:none; color:#CCCCCC; background-color:transparent;}
a.fremdlink:focus 		{padding:0; text-decoration:none; color:#CCCCCC; background-color:transparent;}

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;
}