/* CSS-File */

/* Main */
html {
	height: 100%;
	overflow:hidden;
}

body {
	/* Margin */
	margin: 0px;
	padding: 0px;
	height: 100%;
	/* Scrollbar IE 6.0 */
	scrollbar-3d-light-color : #183541;
	scrollbar-arrow-color : #ABC9DE;
	scrollbar-base-color : #305C73;
	scrollbar-dark-shadow-color : #120202;
	scrollbar-face-color : #294D61;
	scrollbar-highlight-color : #386A87;
	/* Background */
	background-color: #305C73;
	/* overflow is set to prevent scrollbars */
	overflow:hidden;
}

/* HTML-Mails */
.mail_body {
	/* Margin */
	margin: 10px;
	padding: 10px;
}

/* Hide mouse-cusor in terminal-mode */

table.terminal td, table.terminal input {
	cursor: url('../template/gfx/terminal_blank_cursor.ico'); 
}

p, li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-style:none;
	vertical-align:middle;
	text-align:left;
	color: #CBDDEB;
	font-size:12px;
}

#vertical_margin_main_screen {
/*	border: 1px solid black;*/
	width:1px;
	height:50%;
	margin-bottom:-275px; /* Hälfte der height-Angabe bei #vertikal_align_main_screen */
	float:left;
}
#vertical_align_main_screen {
/*	border: 1px solid black;*/
	margin:0 auto;
	position:relative; 
	width:950px;
	height:550px;
	clear:left;
}

#vertical_margin_login {
/*	border: 1px solid black;*/
	width:1px;
	height:50%;
	margin-bottom:-90px; /* Hälfte der height-Angabe bei #vertikal_align_login */
	float:left;
}
#vertical_align_login {
/*	border: 1px solid black;*/
	margin:0 auto;
	position:relative; 
	width:300px;
	height:180px;
	clear:left;
}

/* main div-box in main_screen.php */
.main_divframe {
	width:100%;
	height:499px;
	vertical-align:top;
	overflow-y:auto;
	overflow-x:hidden;
	overflow:auto
}

/* div-box for head of datatable */

.div_datatable_head {
	margin:auto;
	width:850px;
	display:block;
}

/* div-box for content of datatable */

.div_datatable_body {
	/* ca. 3 px weniger, wegen padding des Table-Heads */
	width:848px;
	height:350px;
	margin:auto; 
	margin-top:3px; 
	text-align:left;
	display:block;
	overflow-y:scroll;
	overflow-x:hidden;
	overflow:auto;
	overflow:-moz-scrollbars-vertical;
}

/* Datatables */

.datatable  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-style:none;
	vertical-align:middle;
	text-align:left;
	color: #CBDDEB;
	font-size:12px;
}

/* Head of Data-Tables */
.datatable tr th {
	font-size:12px;
	font-weight:bold;
	color: #CBDDEB;
	text-align:center;
	vertical-align:middle;
	border-style:none;
	background-color:#294D61;
	padding:1px;
}

.datatable tr td {
	font-size:12px;
	color: #CBDDEB;
	vertical-align:middle;
	text-align:left;
	border-style:none;
	background-color:#305C73;
	padding:1px;
}
/* Links in Datatable */
.datatable tr td a, .datatable tr td a:link, .datatable tr td a:active, .datatable tr td a:visited {
	font-size:12px;
	color: #CBDDEB;
	vertical-align:middle;
	text-align:left;
	border-style:none;
	background-color:#305C73;
	padding:1px;
}
.datatable tr td a:hover {
	font-size:12px;
	color: #FFFFFF;
	vertical-align:middle;
	text-align:left;
	border-style:none;
	background-color:#305C73;
	padding:1px;
	text-decoration:underline;
}

/* Spacer rows */
.space_row td{
	height:1px;
	width:850px;
	background-color:red;
	border-style:none;
}

/* Bottom Toolbar */
.bottom_toolbar {
	margin:auto;
	width:848px;
	background-color:#294D61;
	margin-top:3px;
	padding:2px;
	font-size:12px;
	font-weight:bold;
	text-align:right;
	vertical-align:middle;
}

/* Bottom Toolbar */
.bottom_toolbar a, .bottom_toolbar a:link, .bottom_toolbar a:active, .bottom_toolbar a:visited {
	font-size:12px;
	font-weight:bold;
	color: #CBDDEB;
	text-decoration:none;
}
.bottom_toolbar a:hover{
	font-size:12px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:underline;
}

/* Statusanzeigen */
.status0 {
	background-color:#999999;
	width:100%;
	color:#000000;
}

.status1 {
	background-color:#66FF66; 
	width:100%;
	color:#000000;
}

.status2 {
	background-color:#FFFF66;
	width:100%;
	color:black;
}

.status3 {
	background-color:#FFB366; 
	width:100%;
	color:#000000;
}

.status4 {
	background-color:#FF6666; 
	width:100%;
	color:#000000;
}

/* Überschriften */

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-style: italic;
	font-weight: 900;
	letter-spacing: 3px;
	color: #CBDDEB;
	/*Ausrichtung*/
	text-align: right;
	vertical-align: middle;
	margin-right:20px;
	margin-top:20px;
}


/* Content */
.content {
	font-family:Arial, Helvetica, sans-serif;
	color: #CBDDEB;
	background-color:#386A87;
	cursor:auto;
	vertical-align:top;
	text-align:center;
}

/* Contenboxes */

.box_center {
	width:100%;
	text-align:center;
	margin:auto;
}

.box_new {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#80D284;
	width:100%; 
	height:100%;
}

.box_edit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#FFFF64;
	width:100%; 
	height:100%;
}

.box_del {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#FF5151;
	width:100%; 
	height:100%;
}

.iframe_label{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#333333;
}	

/* Frames for Contentboxes */
.datagrid_frame_1 {
	width:825px;
	height:43px;
	border:none;
}

/* Frames for Contentboxes */
.datagrid_frame_2 {
	width:825px;
	height:75px;
	border:none;
}

/* Frames for Contentboxes */
.datagrid_frame_3 {
	width:825px;
	height:105px;
	border:none;
}

/* Frames for Mailview */
.datagrid_frame_mail {
	width:825px;
	height:250px;
	border:none;
}


.frame_body {
	margin:0px 0px 0px 0px;
}

/* Titelleiste Login-Box */

.box_head {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #CBDDEB;
	/*Ausrichtung*/
	text-align: left;
	vertical-align: middle;
	margin-left:5px;
}

.box_head span {
	font-weight:normal;
}

/* Login-Form */

.loginform {
	text-align:right;
	margin-right:10px;
	margin-top:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CBDDEB;
}

/* Logoff-Form */

.logoffform {
	text-align:center;
	margin-right:10px;
	margin-top:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CBDDEB;
}

/* Form  */

input, textarea, select  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#FFFFFF;
	border:1px solid #999999;
	font-weight:bold;
	color:#666666;
	/* Für Selct-Felder, die keine Hintergrundbilder anzeigen können */
	background-color:#E4E4E4;
    background-image:url(../gfx/input/input_schatten.jpg);
	padding-left:2px;
}

option {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#FFFFFF;
	border:1px solid #999999;
	font-weight:bold;
	color:#666666;
	/* Für Option-Felder, die keine Hintergrundbilder anzeigen können */
	background-color:#E4E4E4;
	padding-left:2px;
	border:none;
}

.setting_fieldset {
	width:600px;
	text-align:right;
	padding:10px;
	margin:auto;
}
.setting_textfield {
	margin-top:10px;
}

legend {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CBDDEB;
}

label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CBDDEB;
}

.error {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#FFB0B0;
	border:1px solid #FF0000;
	font-weight:bold;
	color:#666666;
}

.error_text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#FFB0B0;
	border:1px solid #FF0000;
	font-weight:bold;
	color:#666666;
	padding:2px;
}
/* Footer  */

.footer_screen {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#76AAC7;
	letter-spacing:1px;
}

.footer_screen a, a:link, a:active, a:visited { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#76AAC7;
	letter-spacing:1px;
	text-decoration:underline;
}

.footer_screen a:hover { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	letter-spacing:1px;
	text-decoration:underline;
}

/* Terminal-Elements */

/* Defaults for Command Box */
.terminal_command_box {
	margin-top:35px;
	width:75%;
	height:95px;
	background-color:#80D284;
	color:#333333;
	font-size:24px;
	text-align:center;
	border:1px solid #333333;
}

.terminal_error_box {
	margin-top:35px;
	width:75%;
	height:95px;
	background-color:#FF5151;
	color:#333333;
	font-size:24px;
	text-align:center;
	border:1px solid #333333;
}

.terminal_warning_box {
	margin-top:35px;
	width:75%;
	height:95px;
	background-color:#FFFF33;
	color:#333333;
	font-size:24px;
	text-align:center;
	border:1px solid #333333;
}



/* Defaults for big Button*/
.terminal_big_button {
	margin-top:30px;
	margin-bottom:30px;
	width:75%;
	height:75px;
	font-size:28px;
    background-image:url(../gfx/input/big_button.jpg);
}

.terminal_big_button_grid {
	margin-top:5px;
	margin-bottom:5px;
	width:100%;
	height:75px;
	font-size:28px;
    background-image:url(../gfx/input/big_button.jpg);
}

/* Keyboardbutton */
.terminal_keyboard_button {
	margin:15px;
	margin-top:10px;
	width:50px;
	height:42px;
	font-size:28px;
    background-image:url(../gfx/input/big_button.jpg);
}


/* Textfield */
.terminal_big_textfield {
	margin-top:30px;
	margin-bottom:30px;
	width:75%;
	height:70px;
	font-size:45px;
	color:#CBDDEB;
	border:1px solid #CBDDEB;
    background-image:url(../gfx/input/big_textfield.jpg);
}

/* Table-Grid */
.terminal_table_grid {
	margin:auto;
	margin-top:30px;
	width:75%;
}
/* Content of a Table-Grid-Cell */
.terminal_table_grid td {
	vertical-align:top;
}
/* Vertical Spacer-Cell for Table-Grid-Cell */
.terminal_table_spacer_cell {
	width:30px;
}


/* individual for start page */
#terminal_start_command_box{
	margin-top:150px;
}
#terminal_start_rent_button {
	margin-top:75px;
}

/* individual for user page */
#terminal_select_user_command_box, #terminal_select_user_error_box{
	margin-top:150px;
}
#terminal_select_user_field {
	margin-top:58px;
}

/* individual for user page (without RFID */
#terminal_select_user_without_rfid_command_box, #terminal_select_user_without_rfid_error_box{
	margin-top:60px;
}
#terminal_select_user_without_rfid_password_command_box, #terminal_select_user_without_rfid_password_command_box{
	margin-top:60px;
}

/* individual for device page */
#terminal_select_device_next_device_button {
	margin-top:75px;
}
#terminal_select_device_command_box, #terminal_select_device_error_box{
	margin-top:150px;
}
#terminal_select_device_field {
	margin-top:58px;
}

/* individual for return page */
#terminal_return_next_device_button {
	margin-top:75px;
}
#terminal_return_command_box, #terminal_return_error_box{
	margin-top:150px;
}
#terminal_return_field {
	margin-top:58px;
}

/* individual für device warning box */
#terminal_select_device_warning_box {
	height:420px;
	margin-bottom:-30px;
}

/* individual für return warning box */
#terminal_return_warning_box {
	height:420px;
	margin-bottom:-30px;