* {
	box-sizing 			: border-box;

	margin				: 0;
	padding				: 0;
}

body {
	color				: #333;
	width				: 100%;
	min-height			: 100%;
	margin				: 0;
	padding				: 0;
	background-color	: #FFF;
}


* {
	text-align			: left;
}

.center 
{
	text-align			: center;
}	

a,
a:active,
a:visited
{
	text-decoration: none;
	color: #505050;
}

label {
	display			: inline-block;
	margin			: 0;
	color			: #505050;
	width			: 100%;
}

span.label,
span.text {
	font-size		: .8em;
	font-weight		: 700;
	color			: #505050;
}

.lbl {
	font-weight		: 750;
	text-align		: right;
}

.unit{
	margin			: 0;
	padding			: 0;
	font-weight		: 600;
	font-size			: 1.5em;
}


a:hover,
label:hover{
	color				: #000000;
}


#page
{
	width 		: 100%;
}

#header {
	background-color 		: #FFFFFF;
	/* background-image        : url(../img/banner_back.png);
	background-position     : center bottom;
	background-repeat       : no-repeat;
	background-attachment	: fixed;*/
	text-align		       	: center;
	transition 				: .5s;
}

#static
{
	width				: 100%;
}



#main {
	/*background-color		: #EFEFEF;*/
	color				: #555;
	box-sizing			: border-box;
}


table {
	width		: 100%;
	text-align	: center;
}





.verwaltung {
	margin				: 0;
	padding				: 0;
	background-color	: unset;

}

.verwaltung li {
	font-size			: 1em;
	font-weight			: 800;
	text-decoration		: none;
	color				: #555;
	margin-bottom		: 1.5em;
	text-align			: left;
}


.verwaltung ul {
	border				: .05em dotted #555;
	margin				: 0;
}

.verwaltung ul li {
	font-size			: 1.25em;
	padding			: .5em;
	margin			: 0;
	font-weight		: 600;
	text-decoration	: none;
	text-align		: center;
}



/*formulare */

/* Formular-Daten */




.form {
	text-align			: center;
	width				: 100%;
	padding				: 1em;
	box-sizing 			: border-box;
	border-radius 		: 0 0 20px 20px;
	/*	border				: .1em solid #000; */
}

.form input,
.form select,
.form textarea,
.form option
{
	/*border-radius 		: .5em;*/
	border 				: 2px solid #AA0000;
	width				: 100%;
	margin				: 0 0 2em 0;
	text-align			: center;
	line-height 		: 2em;
	box-sizing 			: border-box;
	padding 			: .5em 0;
}

.form .button
{
	margin				: 0;
}

.form textarea {
	box-sizing			: border-box;
	font-size			: 1.25em;
	height				: 10em;
	text-align			: left;
	padding				: 10px;
}

.form select
{
	background			: none;
}

.form input {
	background			: none;
}

.form .input-60 {
	width				: 82.5%;
}

.form .button-40	{
	width				: 15%;
}

select.orform {
}

input.orform {
}

.separator	{
	background-color	: #000;
	font-size			: 1px;
}

.form select {
}

.form img {
}

.form p {
	text-align			: center;
	padding				: 0;
	margin				: 0;
}

div.button,
div.buttons {
	display				: flex;
	box-sizing			: border-box;
	justify-content		: space-between;
	align-items			: center;
	width				: 100%;
	padding				: 0;
	margin				: 0;
}

.form img.captcha
{
	width				: 200px;
	height				: auto;
}

input.button:value,
input.buttons:value
{
	font-weight			: 900;
}

input.button,
input.buttons
{
	font-weight			: 800;
	text-transform		: uppercase;
	display				: block;
	box-sizing			: border-box;
	text-align			: center;
	border-radius		: 10px;
}

input.button
{
	width				: 100%;
}

input.buttons
{
	width				: 49%;
}

input.buttons.reject {
	color				: #FFF;
	border				: 2px solid #555;
	background-color	: rgba(160,0,0,1);
}
 

input.button,
input.buttons.accept {
	color				: rgba(0,255,0,.8);
	border				: 1px solid #555;
	background-color	: rgba(0,160,0,1);
	text-shadow			: 0 0 1px rgba(0,160,0,.5);
}





input.coord,
p.coord {
	display			: inline;
	width			: 20%;
}





/*MESSAGE OUTPUT DIVS*/


#message_box {
	margin				: 2em auto 2em auto;
	width				: 800px;
	max-width			: 70%;
	border				: 0 solid #A00;
/*	box-shadow			: 0 .5em 1em rgba(0,0,0,.25);*/
	display				: block;
	padding				: 0;
	border-top			: 2px solid rgba(160,0,0,.5);
	border-bottom		: 2px solid rgba(160,0,0,.5);
}

.helper 
{
	width			: 100%;
	height			: 100%;
	display			: inline-flex;
	justify-content	: space-around;
	align-items		: center;
	align-content	: center;
	
}

#message_box_title 
{
	font-weight			: 700;
	color				: #A00;
	display				: block;
	text-align			: center;
	margin				: 0;
	padding				: .5em;
	font-size			: 1.5em;
	border-radius 		: 10px 10px 0 0;

}


	

#message_box_text, #message_box p
{
	text-align	: center;
	box-sizing	: border-box;
	padding		: 1em;
	width		: 100%;
}


#message_box_icon span
{
	font-size	: 4em;
	display		: block;
	color		: #A00;
	text-align	: center;
}

#message_box_icon
{
	display			: block;
	padding			: .5em;

}

.message_box_item 
{
	box-sizing		: border-box;
	display			: block;
	text-align		: center;
	font-size		: .9em;
	color			: #555;
	font-weight		: 700;
	margin			: .5em;
}


/* LISTEN */



.center {
	text-align: center;
}

.left {
	text-align: left;
}

p.snummer,
p.nummer {
	font-weight			: 600;
	font-size			: .9em;
	color				: #000;
	width				: 100%;
}

p.nummer	{

}

p.snummer {

}

p.name {
	font-weight			: 100;
}


.listen p,
.listen a {
	display				: block;
	margin				: 0;
	text-decoration		: none;
}

.listen p,
.listen a {
	font-size 			: 2em;
}

.listen > a {
	text-align			: center;
}

table.listen {
	width				: 100%;
	background-color	: #A00;
	border				: none;
	padding				: 0;
	margin				: 0 0 5em 0;
}

.listen thead td {
	position			: relative;
	padding				: .25em .5em .25em .5em;
	margin				: 0;
	font-weight			: 700;
	font-size			: .8em;
	color				: #FFF;
	border				: none;
	height				: 2.5em;
	background			: none;
}

.listen thead td a {
	color				: #fff;
	padding				: 0;
	margin				: 0;
}


.listen tbody {
	background-color	: #FFF;
	border				: none;
	margin				: 0;
	padding				: 0;
}

tr.listen_inhalt > td
{
	padding				: .5em;
}
	

.listen tbody tr {
	background-color	: #FFF;
}

table.listen > tbody > tr:hover {
	background-color	: #DDD;
}

.listen td {
	background-color	: unset;
	border				: none;
	margin				: 0;
	padding				: 0;
	border-top			: 1px solid #AAA;
}

.tfooter > td{
/*	background-color	: #A00;
	border-radius		: 0 0 20px 20px;*/
}

.tfooter > td > p {
	text-align			: center;
	margin-right		: 0;
	padding				: 10px;
	color				: #fff;
	font-size			: .8em;
	font-weight			: 700;
}

tr.tfooter > td{
	background-color	: #A00;
	border-radius		: 0 0 20px 20px;
}

span.material-icons {
	padding				: 0;
	margin				: 0;
}

p > span.material-icons {
	margin-right			: .5em;
}

td.icons {
	margin				: 0;
	padding				: 0;
	width				: 0;
}

td.icons a {
	padding				: 0;
	margin				: 0;
}
 /* ENDE LISTEN */
 
 
 
 
 
.green {
	color	: green;
}

.red {
	color	: red;
}


a.banner
{
	position			: fixed;
	height				: 0;
}

.left
{
	margin			: 0 1em .5em 0;

}

.right {
	margin			: 0 0 .5em 1em;
}




/* SITEMAP	*/	
div#sitemap strong
{
	color				: #A00;
	text-align			: center;
	letter-spacing		: .25em;
}

div#sitemap > strong
{
	font-size			: 1.25em;
	text-transform		: uppercase;
}

div#sitemap a
{
	letter-spacing		: .125em;
	text-align			: center;
}

div.sitemap
{
	display				: flex;
	flex-direction		: row;
	text-align			: center;
}

div.sitemapsub
{
	display				: flex;
	flex-direction		: column;
}

#sitemap .sitemapsub
{
	text-align			: center;
}

.sitemap a
{
	color				: #555;
}


/* ENDE SITEMAP */



/* TOOLBOX */

#toolbox {
	background		: #B00;
	position			: relative;
	display			: flex;
	justify-content	: space-between;	
	padding			: 0;
	margin			: 0;
	/*border-top		: 2px solid #FFF;*/
	width			: 100%;
	height			: 2em;
}

.left-box,
.right-box 
{
	display			: flex;
	position			: relative;
	box-sizing		: border-box;
	width			: 50%;
	height			: 2em;
	margin			: 0;
	padding			: 0;
/*	border			: 1px dotted #fff;*/
	justify-content	: center;
}

.tb-helper {
	position			: relative;
	box-sizing		: border-box;
	display			: flex;
	height			: 2em;
	margin			: 0;
	padding			: 0;
	background-color	: #A00;
	border-top		: 5px dotted #fff;
	border-radius		: 10px 10px 0 0;
}
.tb-label
{
	color			: #fff;
	display			: block;
	position			: relative;
	margin			: 0;
	padding			: .5em;
	width			: 50%;
	font-weight		: 700;
	font-size			: .75em;
	height			: 1em;
	text-align		: center;
}

.tb-button{
	display			: block;
	box-sizing		: border-box;
	height			: 100%;
	width			: 1.5em;
	background		: none;
	border			: none;
	color			: #FFF;
	padding-left		: 0.25em;
	padding-right		: 0.25em;
     font-size			: 1em;
	transition		: background-color, color .5s ease;
	box-shadow		: 0 0 5px rgba(255, 255, 255, .5);

}

.tb-dropdown:hover,
.tb-dropdown option:hover,
.tb-input:hover,
.tb-button:hover {
	background-color	: #fff;
	color			: #500;
}

.tb-dropdown{
	font-size			: .75em;
	padding-left		: .25em;
	padding-right		: .25em;
}

.tb-dropdown option {
	width			: 90%;
}

.tb-dropdown,
.tb-dropdown option
{
	background		: none;
	box-sizing		: border-box;
	border			: none;
	color			: #FFF;
	height			: 100%;
	font-weight		: 600;
	box-shadow		: 0 0 5px rgba(255, 255, 255, .5);
}


.tb-input{
	box-sizing		: border-box;
	height			: 100%;
	margin			: 0;
	padding			: .5em;
	max-width			: 50%;
	background		: none;
	border			: none;
	color			: #fff;
	font-weight		: 700;
	font-size			: .8em;
	transition		: background-color, color .5s ease;
	box-shadow		: 0 0 5px rgba(255, 255, 255, .5);
}

.tb-input::placeholder
{
	color			: #FFF;
}

/* ENDE TOOLBOX */

/* DATENSCHUTZ */
#article ul
{
	margin			: 10px 30px 10px 30px;
}
#article ul li
{
	padding-left	: 10px;
}

.box_info{
	width: 100%;
	height: auto;

}

#acc_menu {
	line-height 	: 2.5em;
	display 		: flex;
	flex-flow 		: wrap;
	justify-items 	: center;
	justify-content : space-around;
}

.acc_menu {
	display 		: flex;
	align-items 	: center;
	justify-content : space-around;
	margin 			: .5em;
	height 			: 7.5em;
	width 			: 7.5em;
	color 			: #900000;
	border 			: .5em solid #900000;
	font-size 		: 2em;
	text-align 		: center;
	font-family 	: OpenSansBold;
	line-spacing 	: 1em;
}

.inactive {
	color 			: #AAAAAA;
	border-color 	: #AAAAAA;
}