@charset "UTF-8";
/* CSS Document */

@viewport {
	width:100%;
	height:100%;
}

html {
	height:100%;
	width:100%;
	background-image:url(../images/bg_004_01.jpg);
	background-repeat:repeat-x repeat-y;
	background-color:#111111;
	color:#666;
	font-family:candara, Arial, sans-serif;
	font-size:100.01%;
	text-decoration:none;
}

body {
	height:100%;
	width:100%;
	margin:0px;
	background-color:transparent;
	overflow:hidden;
}

p, a {
	font-size:110%;
	margin:0%;
	color: #A2A2A2;
	text-decoration:none;
/*	font-family:Helvetica, Arial;
	
font-weight: 400;
line-height: 25px;
padding-right: 10px;
text-decoration: none;
text-shadow: #FFF 1px 1px 1px;
-moz-text-decoration-color: #333;
-moz-text-decoration-line: none;
-moz-text-decoration-style: solid;*/

}

h1 {
	font-size:120%;
	color:#E10032;
	margin-top:10px;
}

h2 {
	font-size:16px;
	font-weight:normal;
	color:#E10032;
}

.container {
	width: 100%;
	height:100%;
	/*background:#333333;*/
	background-color:transparent;
	margin: 0px; 
	padding-left:0px;
}

.nav {
	width: 20%;
	height:100%;
	background-color:transparent;
	/*background-color:#676767;*/
	float:left;
	z-index:999;
	margin:2%;
}

.content1 {
	width: 80%;
	height:100%;
	background-color:transparent;
	/*background-image:url(../images/vielfach_logo_002.png);*/
	background-repeat:no-repeat; 
	background-size:50%;
	background-position:top center;
	background-position:left center;
	float:right;
	z-index:999;
}

#login {
	position:absolute;
	left:2%;
	top:62%;
}

input {
  border: 1px solid #CCC;
  background-color:#333;
  font-size:12px;
  color:#FFF;
  width: 150px;
  height:20px;
  margin: 0;
  margin-bottom:5px;
  padding-left: 5px;
 
}

input:hover {
	 border: 1px solid #F60;
	 color:#F60;
	 
}

.footer {
	color: rgba(177, 178, 179, 0.5);
	text-shadow: 0px 1px 1px #000;
	position:fixed;
	bottom:5px;
	left:5px;
}