@charset "UTF-8";
@viewport {
  min-width: 20%;
  max-width: 300%;
}

/*** Grund definitionen ***/
html {background-color:#b4b9ba;font-family: Arial,verdana, sans-serif;text-decoration: none;}
h1   {font-size:24px;}
h2   {font-size:14px;}
a 	 {font-size:12px;} 

 /*###############################################################*/
 
 /*** error ***/
#login_err{
background:red;
color:#fff;
font-family: Arial,verdana, sans-serif;
font-style:bold;
text-align:center;
padding:5px;
}  

#login_err li{
list-style: none;
background:red;
color:#fff;
font-family: Arial,verdana, sans-serif;
font-style: normal;
text-align:center;
padding:5px;
}  
 
/*** login ***/
.login{
	width:auto !important;
	height: auto !important;
	background-image: url("../img/hauswinter_bg2.jpg");
	background-size: auto 100%;
	background-position: center;
}
.log_tbl{
width:100%;
height:100%;
}
.log_tbl_top{
	height:36%;
}
.log_tbl_bottom{
	height:36%;
}
.log_tbl_m{
	/*width:200px;*/
	width:40%;
	 background-color: rgba(50,50,60,0.5);
	border: 1px solid #fff;
			 -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}
.log_tit{
	width:100%;
	font-size:20px;
	font-weight: bold;
	text-align: center;
	color:#ffffff;
}
.login_tbl{
	width:100%;
	height:100%;
}

.log_tbl_l{
	width:30%;
}
.log_tbl_r{
	width:30%;
}
.login_label{
	width:40%;
	min-width:100px;
	color:#ffffff;
}
.login_entry{
	width: 100%;
	

}
.login_input{
	min-width:100px;
	width:100%;
	
}

.login_but{
	width:100%;
	height:100%;
	background:#1085cb;
	color:#ffffff;
		 -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
	}
.login_but:hover{
	background:#49b3f1;
	}
/*
.log{
	height:100%;
	background:violet;
}
.log_top{
	height:33%;
	background:#d7c128;
}
.log_mid{
	width:200px;
	height:300px;
	background:#cb8b34;
}
.log_bottom{
	
	height:33%;
	background:#4ab3b5;
}
.log_mid_l{
	width:33%;
	background: green;
}
.log_mid_r{
	width:33%;
		background: blue;
}
.b2_tit{
	text-align: center;
	background: #d5d5d5;
}
.b2_but{
	background: #d5d5d5;
}
.login_but{
	width:100%;
}
*/

/*###############################################################*/
/*** header ***/
.top{
	width:auto !important;
	
}
.top_l{
	width:33%;
	color:#ffffff;
    font-size: 12px;
	
}
.top_r{
	width:33%;
	
}
.top_mid{
	width:600px;
	color:#ffffff;
}
.topmenu {
	padding:2px;
	margin:-5px;
}
.topbut:hover {
	background: #9a9d9e;
	color: #f8f8f8;
}
.red{
	background: #ff4242;
	color: #f8f8f8;
}
.top_dat{
	font-size: 12px;

}
/*###############################################################*/

/*** home ***/
.home{
	width:auto !important;
}	
.home_l{
	width:33%;
}
.home_r{
		width:33%;
}
.home_mid {
	width:200px;
	height:200px;

}
 .butt{
 color:#ffffff;
 font-size:16px;
 font-weight: bold; 
	background:#1d56b6;
	 -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;

}
 .butt:hover{
	background:#6f9ce8;
	 color:#797979;
}

.stat{
width:100%;
height:30px;	
 font-weight: normal; 
	
}


.home_msg{
	width: 100%;
	height: 100%;
	padding:10px;
	text-align: left;
	color:#ff0000;
	background: #e2e2e2;
		 -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}
 
 /*###############################################################*/
 
/*** help ***/




 /*###############################################################*/
 
/*** pass ***/
 
 
 
  /*###############################################################*/
 
/*** konsum ***/
 #container{
margin-left:30%;
margin-right:30%;
/*background-color:#e212ed;*/
}
 .kons{
	border: 4px inset;
	text-align: left; 
	width: 100%;
	border-color: #ffffff;
	margin:4px;
	background-color: #cfcfd1;
	min-width: 600px;
	cellpadding:2px;
	cellspacing:2px;
		font-size: 12px;
}
.jg {
	border: 2px solid white;
	margin-top:8px;
	margin-bottom:8px;
	font-size: 11px;
	background: #a4a6a8;
	color:#e8e8e8;
}

.tbl_titel{
	font-size: 14px;
	font-weight: bold;
	vertical-align: top;
	padding-bottom: 5px;
}

.form{
	
width:200px;;
height:40px;;
padding-top:1%;
padding-bottom:1%;
margin-top:1%;
margin-bottom:1%;
color:#fff;
background-color:#28597a;
 -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
font-size:14px;
}
.form:hover{
color:#fff;
background-color:#3366CC;
}


.tbl_view{
	border: 1px solid;
	border-collapse: collapse;
}
.tbl_view td{
	border: 1px solid;
	border-collapse: collapse;
	text-align: center;
	padding:5px;
}

.tbl_view th{
	border: 1px solid;
	border-collapse: collapse;
	padding:2px;
	text-align: center;
}

.kalk_label{
	width: 150px;
	
}
 .uebern{
 	width: 20px;
 }
 
 .dat{
 font-family: Arial,verdana, sans-serif;
 }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 */