@CHARSET "UTF-8";


body{
	font-family: 	Arial, Verdana;
	font-size: 		90%;
	margin:  		0;
	padding: 		0;
	border:  		0;
	overflow: 		hidden;
	height: 			1000px;
	max-height: 	1000px;
   /*background-image: 	url(../../assets/pics/login_bkg.jpg);*/
	/* background-image: 	url(../../assets/pics/balken-vertikal.jpg); */

background: linear-gradient(to Bottom, white, #00519e );
background-image: -moz-linear-gradient(top, white , #00519e );
background-image: -webkit-linear-gradient(top, white , #00519e );
background-image: -ms-linear-gradient(top, white , #00519e );
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= 'white', endColorstr='#00519e',GradientType=0 );
	background-repeat: no-repeat;
	background-color:	#00519e; /*#003366;*/
	
	/*background-repeat:   repeat-x;
	/*background-color:	#00519e; /*#003366;*/
	/*background-position: -600px;*/
   text-align:		center;
}
h1{
	font-size:  	150%;
}
h2{
	font-size: 		140%;
}

#extra_info{
	width: 900px;
	border:		2px solid red;
	margin: 		0 auto;
    margin-top:		60px ;
    background-color:	white;
}

#offset_top{
	 margin-top:		60px;
}

#head, #inhalt, #navi, #no_js{
	width: 			900px;
}
#head{
	position:		relative;
   height:			15px;
	margin: 			0 auto;
  /* margin-top:		60px;*/
   border-top:		2px solid #EDEDED;   /*#EDEDED;*/
   border-bottom:	2px solid #EDEDED;
   background:		#00519e; /*#003366;*/
   text-align:		right;
   font-size: 		70%;
   color:			#FFFFFF;
}
#inhalt{
	position:	   relative;
   height:			410px;
	margin: 			0 auto;
	z-index: 		1;
  	/*background-image: 	url(../../assets/pics/eckelmann/login_ice.jpg);*/
	/*background-repeat:no-repeat;*/
	/*background-image: 	url(../../assets/pics/balken-vertikal.jpg);*/
 
  background-color:	white; /*#003366;*/
   /*font-weight:    bold;*/
}

#logo{
	position:	absolute;
	right:		10px;
	top:			5px;	
}


/* euroshop 2013; Image disablen und durch background ersetzen*/
#logo img{
	width:0px;
	height: 0px;
}


#logologin {
	position:	absolute;
	right:		20px;
	top:			09px;	
}

#logologin img {	
	height: 30px;	
	width: calc((30px*1892/252) +1 );
	/*
	background-image: 	url(../../assets/pics/eckelmann/Wortmarke_Eckelmann_RGB.jpg);		
	background-size: cover ; /*cover ; /*ratio 1892/252 ; css3*/
	/*background-repeat:no-repeat;*/

}

/* euroshop 2013;*/
#logo2{
	position:	absolute;
	left:		10px;
	top:			09px;
	z-index: 10;
}

#logo2 img{
	height: 30px;
	width: calc((30px*699/244) );	
}


#image {
	background-image: 	url(../../assets/pics/eckelmann/LDSWEb-Hintergrund_klein.jpg);
	position:	absolute;
	width:		575px;
	height:		360px; /*410px - top */
	top: 50px;
	/*bottom:		0px; */
	left:			0px;
	z-index:		1;
	background-repeat:no-repeat;
}

/*)
#appname{
	position:	absolute;
	bottom:		320px;
	left:			20px;
	/*bottom:		20px;
	left:			280px;*/
/*	font-size:	60px;
	font-weight: bold;
	color:		white; /*#003366;*/
/*	z-index:		10;
}

#slogan{
	position:		absolute;
	top:				130px;
	left:				240px;
	/*top:				110px;
	left:				70px;*/
/*	font-size:		26px;
	font-weight:	bold;
	color:			white;
	z-index:			10;
}
*/

#appname{
	position:	absolute;
	bottom:		270px;
	left:			585px; /*400*/
	/*bottom:		20px;
	left:			280px;*/
	font-size:	40px;
	font-weight: bold;
	color:		grey; /*#003366;*/
	z-index:		10;
}

#slogan{
	position:		absolute;
	top:				140px;
	left:				585px; /*400*/
	/*top:				110px;
	left:				70px;*/
	font-size:		20px;
	
	color:			grey;
	z-index:			10;
}

#no_js_msg{
	position:	   absolute;
	left:				18px;
	width:			285px;
	border:			2px solid red;
	padding:			5px;
}
#navi{
	position:		relative;
   height:			30px;
	margin: 			0 auto;
   border-top:		2px solid #EDEDED;
   border-bottom:	2px solid #EDEDED;
   background:		#00519e; /*#003366;*/
   text-align:		right;
}
/* Für Position Fehler-Nachricht */
.err_msg{
	position: 		absolute;
	top:			370px;	/*175px;*/
	right:			50px;
	text-align:		right;
	z-index:			1000;
}
.error_msg{
	font-weight: 	bold;
  	font-size:		12px;
  	padding:			0.1em;
  	border: 			2px ridge silver;
  	color: 			#FFDF00;
   background-color: 	#FF0000;
}
/* Formatierung des Login-Formulares */
#loginform{
	position: 		absolute;
	/* euroshop 2013;*/
	top:				250px;/* 50px;*/
	
	left:				572px;	
	width:			340px;
	text-align:		left;
}
#loginform fieldset{
	border: 	0px;
}
#loginform label, #loginform input{
	margin:			5px;
  	display: 		block;
  	float: 			left;
}
#loginform label{
	width: 			80px;	
}
#lgname, #lgpw{
	width:			190px;	
}
#loginform form br {
  clear: left; 
}
#loginform input#submit {
  float: none;
  width: auto;
}
#sysinfolink{
	padding-top:	7px;
	padding-left:	0px;
	font-size:		12px;
	display: 		block;
  	float: 			left;
  	text-align:		right;
  	width:			195px;
  	height:			20px;
}
#sysinfolink a{
		color:			#333;
}
#sysinfolink a:hover{
		color:			#CC0033;
}
#sysinfolink img{
	vertical-align: text-bottom;	
}

#divZertifikat{
	position: 		absolute;
	top:			165px;
	left:			585px;	
	text-align:		left;
}

.imp{
   color:			#EFEFEF;
   margin-top:		3px;
   padding-left:	10px;
	float: 			left;
}

.link{
	color:			#EFEFEF;
   padding-top:	5px;
	padding-right:	10px;
   float:			right;
}

a{
	padding:			2px;
	color:			#EFEFEF;
	/*font-weight:	bold;*/
   text-decoration:none;
}

a:hover{
	padding:			2px;
	/*font-weight:		bold;*/
   color: 				#CC0033;
	text-decoration: 	underline;
}
#mask {
  position:				absolute;
  top:					0px;
  left:					0px;
  z-index:				9000;
  background-color:		#000;
  display:				none;
}
#boxes{
	display:			none;		  
}
#boxes .window {
  position:				absolute;	
  width:					960px;
  height:				460px;
  z-index:				9999;
}
#boxes #sysinfo {
	padding:				2px;
	text-align:			left;
  	width: 				900px;
   height:				460px;	
  	background-color:	white;
}
#sysinfo_content{
	padding-left:		20px;	
	padding-right:		20px;
}
#sysinfo_head{
	background-color:	#003366;
	padding-top:		5px;
	padding-right:		5px;
	padding-bottom:	10px;
	text-align:			right;	
}
#sysinfo_footer{
	position:			absolute;
	bottom:				2px;
	width:				900px;
	background-color:	#003366;
	padding-top:		10px;
	padding-bottom:	10px;
	padding-right:		5px;
	text-align:			right;	
	color:				white;
	font-size:			12px;
}
#sysinfo ul {
	/*font-family: 		Verdana, Arial, Helvetica, sans-serif;*/
	line-height: 		1.6em;
}
#sysinfo ul li {
	font-weight:		bold;
	list-style-type:	none;
}
#sysinfo ul li li{
	font-weight:		normal;
	list-style-type:	disc;
}
*html .link, .imp{
	padding-top:   2px;
	padding-right: 5px;
}

*html .imp{
	padding-top:  2px;
	padding-left: 5px;
}