@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;
}
	
#hilfscontainer
{
	width: 100%;
}

aside 
{
	float:left;
	width:1%;
}


main
{
	background-color:#ffffff;
	color: #000000;
	width:100%;
}
	
main h1 
{
	font-size: xx-large;
 	margin-bottom: 10px;
	margin-top: 0px;
}	

nav 
{
	margin:5px;
	padding-bottom:20px;
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
	text-align:center;
}	

article 
{
	/*border: 1px solid grey;*/
	/*border-radius:10px;*/
	margin:5px;
	padding: 10px;
	word-wrap:break-word;
}
	
p {word-wrap:break-word;}


footer 
{
	background-color:#6699CC;
	clear:left;
	color:#ffffff;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight:bolder;
	padding-bottom:10px;
	padding-top:10px;
	text-align:center;
	width: 100%;
}

ul {margin:0; 
    padding:0;
    width:100%;
    list-style-type:none;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-weight: bolder;
	font-size: 18px;
}

ul li a {
    text-decoration:none;
    color:white; 
    padding:10.5px 11px;
	margin-bottom:10px;
    background-color:#6699CC;
    display:block;
	/*border-radius:10px;*/
}
 
ul li a:visited {color:#ffffff;}

.login 
{
	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;
}

.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;
}
	
/* Outer */
.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:80%;*/
text-align: center;
margin: 0px auto;
width:200px;
padding:10px;
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;
}