@charset "utf-8";
/* CSS Document */

body
{
	background-color:#ffffff;
	color:#000000;
	font-family:Verdana, Geneva, sans-serif;
	margin:0px;
}
	
body a {color:#0066ff;}

header 
{	
	padding: 10px;
	background-color:#6699CC;
	color: #ffffff;
	text-align:center;
	/* border: 1px solid red; */
}
	
#hilfscontainer 
{
	margin: 0px auto;
	max-width: 1920px;
	/* border: 1px solid blue; */
}

aside
{
	float:left;
	text-align:center;
	width:10%;
	/* border: 1px solid black; */
}

nav 
{
	margin:10px;
	padding-bottom:20px;
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
	text-align:center;
}

main 
{
	background-color:#ffffff;
	color: #000000;
	float:left;
	width:80%;
	padding: 10px;
	/* border: 1px solid black; */
}
	
main h1 
{
	font-size: xx-large;
 	margin-bottom: 10px;
	margin-top: 0px;
}		

article 
{
	padding: 5px;
	word-wrap: break-word;
}
	
p {word-wrap:break-word;}

fieldset 
{
	min-width: auto;
}

footer 
{
	background-color:#6699CC;
	clear:left;
	padding-bottom: 1px;
	padding-top: 1px;
	text-align:center;
	width: 100%;
}

ul 
{
	margin:0; 
    padding:0;
    width:100%;
	color:#ffffff;
    list-style-type:none;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-weight: bolder;
	font-size: 18px;
}

ul li a {text-decoration:none;
	color:#ffffff; 
    padding:10.5px 11px;
	margin-bottom:10px;
    background-color:#6699CC;
    display:block;
	/* border-radius:10px; */
}

ul li a:visited {color:#ffffff;}

.login 
{
	background-color:#ffffff;
	border: 1px solid black;
	width: 300px;
	padding: 10px;
	text-align: left;
}
	
.message_green
{
	text-align: center;
	color: green;
	font-size: 14px;
	padding: 10px;
	border: 1px solid green;
}

.message_red
{
	text-align: center;
	color: red;
	font-size: 14px;
	padding: 10px;
	border: 1px solid red;
}
	
.maschine_link
{
	text-decoration:none;
	color: #0000ff; 
	padding: 3px;
	display:block;
}


.bt_normal
{
	width: 100%;
	text-align: center;
	font-weight: bolder;
	font-size: 100%;
	padding: 10px;
}

.bt_green
{
	width: 100%;
	text-align: center;
	color: green;
	font-weight: bolder;
	font-size: 100%;
	padding: 10px;
}

.bt_red
{
	width: 100%;
	text-align: center;
	color: red;
	font-weight: bolder;
	font-size: 100%;
	padding: 10px;
}

.bt_blue
{
	width: 100%;
	text-align: center;
	color: blue;
	font-weight: bolder;
	font-size: 100%;
	padding: 10px;
}

.bt_pos
{
	width: 40px;
	text-align: center;
	color: blue;
	font-weight: bolder;
	font-size: 100%;
	padding: 5px;
}

.input1
{
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 14px;
	width: 100%;
}

.t1
{
	/* table-layout: fixed; */
	width: 100%;
	border-collapse: collapse;
	border: 1px solid black;
}

.t2
{
	width: 100%;
	border-spacing: 5px;
}

.td1
{
	border: thin solid;
	background-color: #E6E6E6;
	font-size: 80%;
	font-weight: bold;
	padding: 5px;
}

.td2
{
	border: thin solid;
	font-size: 80%;
}

.td3
{
	padding: 5px;
	font-size: 80%;
	font-weight: bold;
}

.td4
{
	font-size: 100%;
}

.td5
{
	font-size: 100%;
	font-weight: bold;
}

.select1
{
	width: 300px;
	padding: 10px;
	font-size: 100%;
	color: blue;
}

.text_u1
{
	color: #ffffff;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-weight: bolder;
	font-size: 150%;
	text-transform: uppercase;
}
	
.top_text
{
	font-family: Verdana, arial, helvetica, sans-serif;
	font-weight: bolder;
	font-size: 18px;
	color: #6699CC;
}

.top_text1
{
	font-family: Verdana, arial, helvetica, sans-serif;
	font-weight: bolder;
	font-size: 14px;
	color: Black;
}

.top_text2
{
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 14pt;
	color: Black;
}

.top_text2b
{
	font-family: Verdana, arial, helvetica, sans-serif;
	font-weight: bolder;
	font-size: 12px;
	line-height: 14pt;
	color: Black;
}

.a_up_down
{
	color:#ffffff;
	text-decoration:none;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-weight: bolder;
	font-size: 14px;
}

/* Overlay */
.popup {
width:100%;
height:100%;
display:none;
position:fixed;
top:0px;
left:0px;
background:rgba(0,0,0,0.75);
}

/* Inner */
.popup-inner {
/* max-width:600px;*/
text-align: center;
margin: 0px auto;
width:200px;
padding:40px;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
box-shadow:0px 2px 6px rgba(0,0,0,1);
border-radius:3px;
background:#fff;
}

/* Close Button */
.popup-close {
width:30px;
height:30px;
padding-top:4px;
display:inline-block;
position:absolute;
top:0px;
right:0px;
transition:ease 0.25s all;
-webkit-transform:translate(50%, -50%);
transform:translate(50%, -50%);
border-radius:1000px;
background:rgba(0,0,0,0.8);
font-family:Arial, Sans-Serif;
font-size:20px;
text-align:center;
line-height:100%;
color:#fff;
}

.popup-close:hover {
-webkit-transform:translate(50%, -50%) rotate(180deg);
transform:translate(50%, -50%) rotate(180deg);
background:rgba(0,0,0,1);
text-decoration:none;
}