@charset 'UTF-8';
* {
	margin:0;
	padding:0;
	list-style:none;
	font-family: verdana,calibri,helvetica,sans-serif;
	font-size:1em;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
body {
	width:100%;
	background: #000;
	color: #fff;
	font-size: 1em;
}
#spinner {
	display: none;
	/*display: inline-block;*/
	width: 100%;
	text-align: center;
	margin: 0px auto;
	margin-top: 1%;
	margin-bottom: -1%;
}
#response {
	display: none;
}
#error {
	display: none;
}
strong {
	letter-spacing: 2px;
}
del {
	letter-spacing: 3px !important;
}
p {
	margin: 5px;
}
fieldset {
	width: 100%;
	margin: 0px auto;
	min-height: 100px;
	border: 1px solid #888;
}
legend {
	margin-top: 1%;
}
.rechts {
	float: right !important;
}
.mod_link {
	color: lime;
	letter-spacing: 3px;
	text-decoration: none;
}
.spacer50 {
	margin-top: 50px !important;
}
#menu_nav {
	min-width: 100% !important;
}
#topnav {
	font-size: 0.9em;
	margin-top: 10px;
	list-style: none;
	font-weight: bold;
	width: 100% !important;
	/* Clear floats */
	float:left;
  /* Bring the nav above everything else--uncomment if needed.
  position:relative;
  z-index:5;
  */
}
#topnav li {
	float:left;
	margin-right: 0px;
	position: relative;
	line-height: 2em;
	border-right: 3px solid #6b0c36;
	width: auto;
	margin-top: 0px;
}
#topnav a {
	display:block;
	padding:10px;
	color:#fff;
	background:#333;
	text-decoration:none;
	letter-spacing: 2.5px;
	font-size: 0.8em;
}
#topnav a:hover{
	color:#fff;
	background:#6b0c36;
	/*text-decoration:underline;*/
}
/*--- DROPDOWN ---*/
#topnav ul {
	background:#fff;
	background:rgba(255,255,255,0);
	list-style:none;
	position:absolute;
	left:-9999px;
}
#topnav ul li {
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
#topnav ul a {
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#topnav li:hover ul { /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#topnav li:hover a { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#6b0c36;
	/*text-decoration:underline;*/
}
#topnav li:hover ul a { /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#topnav li:hover ul li a:hover { /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#333;
}
.rechts {
	float: right !important;
}
.w50p {
	width: 50% !important;
}
.w40p {
	width: 40%;
}
.w25p {
	width: 25%;
}
.w15p {
	width: 15% !important;
}
.fs7em {
	font-size: 0.7em;
}
.brd_lime {
	border: 1px solid lime;
}
.x15 {
	font-size: 1.5em !important;
	overflow: hidden;
	display: inline-table;
}
#MAIN_CONTENT {
	display: inline-block;
	width: 100%;
	margin-top: 1%;
	/*border-top: 1px solid #888;*/
}
#logo {
	margin: 2%;
	border-radius: 3px;
}
#tbl_login {
	width: auto;
}
#tbl_login td {
	vertical-align: top;
}
#tbl_innen {
	width: 100%;
}
#tbl_innen input,button {
	line-height: 2em;
	width: 100%;
	min-width: 330px;
	margin: 10px;
	margin-right: 0px;
}