/* 
 * Horst - Http Online Report Service Tool
 *
 * COPYRIGHT (c) 2006 Thorsten Melzer und Stefan Salich
 * This program is distributed under the terms and conditions of the GPL
 * See the README and LICENSE files for details
 *
 * Autor: Thorsten Melzer <t.melzer@bs.dlrg.de>
 *        Stefan Salich <s.salich@bs.dlrg.de>
 *
 * $Id$ 
 */

/*
 * Beschreibung
 * Stylesheets fuer das Login-Formular
 */

/*
 * Beschreibung
 * Standardformatierung
 */

body {
   font-size:10pt;
   font-family:Arial, Helevetica, sans-serif;
   color:#000000;
}

h1.loginh1 {
   color:#d5d5d5;
   margin:50px 0px 0px 300px;
}

img.logo {
	margin-top:50px;
	margin-left:307px;
}

/***********************************************************
  Box
 ************************************************************/
#loginbox {
   position:relative;
   border-top:2px solid #d5d5d5;
   border-bottom:2px solid #d5d5d5;
   background-color:#e7e7e7;
   width:100%;
   margin:0px 0px 0px 0px;
   margin-bottom: 3px 3px 3px 3px;
   clear:left;
}


/***********************************************************
  Formular
 ************************************************************/
#loginformular {
   /* border:2px solid blue; */   /* debug */
   width:400px;
   margin:25px 0px 0px 0px;
   padding:3px 3px 3px 3px;
   font-size:11px;
   font-family:Arial, Helevetica, sans-serif;
   color:#000000;
   float:left;
}

#loginformular a {
   color:black;
}

#kennwortformular {
   width:400px;
   margin:10px 0px 0px 300px;
   padding:3px 3px 3px 3px;
   font-size:11px;
   font-family:Arial, Helevetica, sans-serif;
   color:#000000;
}

#kennwortformular h2 {
   font-size:11px;
   font-family:Arial, Helevetica, sans-serif;
   color:#000000;
   font-weight:bold;
}

/***********************************************************
   Bild
 ************************************************************/
#loginbild {
   position:relative;
   width:300px;
   padding:0px;
   margin:0px;
   color:#000000;
   font-size:11px;
   /* border:2px solid red; */  /* debug */
   float:left;  
   /* clear:left; */
}

#loginbild img {
	width:267px;
}


/***********************************************************
   Copyright
 ************************************************************/
#logincopy {
   font-size:10px;
   color:#a8a8a8;
   margin:0px 0px 0px 307px;
   width:350px;
}

#logincopy span.boder {
   font-weight:boder;
}

#logincopy a {
   color:#a8a8a8;
   text-decoration:none;
   font-weight:bolder;
}

/***********************************************************
   Tipp
 ************************************************************/
#browser {
   font-size:11px;
   font-family:Arial, Helevetica, sans-serif;
   text-align:left;
   border:2px solid #e7e7e7;
   background: url(../bilder/icons/firefox.png) no-repeat 3px 5px;
   background-color:#fafafa;
   padding:3px 3px 3px 45px;
   margin:10px 0px 10px 300px;
   width:450px;
}
#browser h1 {
   font-size:12px;
   font-weight:bold;
   text-transform:none;
   margin-top:3px;
}

/***********************************************************
	Smartphones (portrait and landscape)
 ************************************************************/

/*
Danke an Alexander Fendt (Bug #1424)!

@media only screen
and (min-width : 200px)
and (max-width : 600px) {
*/
@media (orientation: portrait) {
	body {
		font-size:12pt;
	}
	
	h1.loginh1 {
		text-align:center;
		margin:20px 0px 0px 0px;
	}
	
	#loginbox {
		text-align:center;
		float:none;
	}
	
	#loginbild {
		width:100%;
		float:none;
	}
	
	#loginformular {
		float:none;
		padding:20px 0px 0px 0px;
		margin:auto;
		/* border:1px solid orange; */
		width:95%;
	}
	
	table {
		width:90%;
		max-width:500px;
		position:block;
		margin:0px;
		margin-left:auto;
		margin-right:auto;
		/* border:1px solid green; */
	}
	
	#loginbild img {
		width:100%;
	}
	
	img.logo {
		margin-top:10px;
		display:block;
		margin-left:auto;
		margin-right:auto;
		width:250px;
	}
	
	input, select {
		font-size:12px;
	}
	
	input[type='text'], input[type='password'] {
		width:100%;
		/* max-width:300px; */
	}
	
	th,td {
		font-size:12px;
		padding:3px;
	}
	
	#logincopy {
		text-align:center;
		margin:auto;
		padding-top:10px;
		width:90%;
	}
	
	input-image-button(der "Anmelden-Button") {
		width: 100%;
		margin-left: -100px;
		margin-top: 30px;
	}
}