﻿/***************************************************************************************
	Eberhard Räder Mediatechnik
	---------------------------
	System NTN
		Version 2015
	------------------------------------------------------------------------------------
	Projekt:	kraft_lufttechnik
				Stylesheet
				seitenspezifische Konfiguration
				(Abweichungen vom Standard)
	Erstellt:	16.09.2014
****************************************************************************************/
#inner_frame{
	width:1200px;
}
#banner_zahnraeder{
	left:1080px;
}
#content img{
	max-height:300px;
	max-width :300px;
	border-style:solid;
	border-color:silver;
}

a[href="?step=5"],
a[href="?step=6"] {
	font-size: 14px;
}

a[href="?step=1"] {
	background-color: #5491f5;
	color: #ffffff;
	font-size: 1rem;
	padding: 0.6rem;
	text-decoration: none;
	border-radius: 8px;
}

.text-step0 {
	padding-bottom: 2rem;
}

.text-step3,
.text-step5 {
	font-size: 14px;
	padding-bottom: 8px;
}

h5 {
	font-size: 14px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.cells_1408{
	font-size:12px; /*12px*/
	text-align: center;
}
.cells_1408 input{
	width:100%;
	font-size:14px;
}
.cells_1408 .integer{
	text-align:center;
}

.cells_1408_tableHead {
	font-weight: bold;
	text-align: center;
}

.formular table {
	font-size: 14px;
}

.NTN_FormTable .button {
	margin-top: 16px;
}

.NTN_FormTable input {
	font-size: 14px;
}

.NTN_FormTable select {
	font-size: 14px;
}

hr:nth-of-type(3) {
	margin-bottom: 16px;
}

.bst_6_header_table{
	margin-right:50px;
	font-size: 14px;
}
.bst_6_header_table td{
	border-width: 1px;
	border-color: silver;
	border-style: solid;
	padding-right:20px;
}

#bst_6_data_table {
	font-size: 14px;	
	text-align: center;
}

#bst_6_data_table td{
	border-width: 1px;
	border-color: silver;
	border-style: solid;
}

#bst_6_table td{
	border-width: 1px;
	border-color: silver;
	border-style: solid;
}

#err_msg{
	color:red;
}
.simple_box_rounded_3{
	padding-top						:10px;
	padding-bottom					:10px;
}
.simple_box_rounded_3 a { /* Links: fertigungsdaten, kundendaten ......... */
	background-color				:#999999;	/* grau*/
	color							:#ffffff;
	padding							:3px;
	padding-left					:10px;
	padding-right					:10px;
	border-radius					:8px;
	text-decoration					:none;
}
.simple_box_rounded_3 .aktiv{/* aktiver link */
	background-color				:#427FA9;	 /* blau*/
	color							:#ffffff;
}
/*
.pflichtfeld{
	background-color: silver;
}
/*
input:invalid { background: firebrick; }
input:valid {background-color:#C6FFAD;}

nput:required:valid 		{background-color:#C6FFAD;}
input:required:invalid		{background-color:#FFE483;}
input:required:focus			{background-color:#FFF1BF;}
input:required:focus	:valid 	{background-color:#C6FFAD;} 

FFF1BF
*/
input:required:valid 			{background-color:#C6FFAD;}
input:required:invalid			{background-color:#FFE483;}
input:required:focus:invalid		{background-color:#FFF1BF;}
input:required:focus	:valid 		{background-color:#C6FFAD;} 

select:required:valid 			{background-color:#C6FFAD;}
select:required:invalid			{background-color:#FFE483;}
select:required:focus:invalid	{background-color:#FFF1BF;}
select:required:focus	:valid 	{background-color:#C6FFAD;} 

textarea:required:valid 			{background-color:#C6FFAD;}
textarea:required:invalid		{background-color:#FFE483;}
textarea:required:focus:invalid	{background-color:#FFF1BF;}
textarea:required:focus	:valid 	{background-color:#C6FFAD;} 

.kalenderklasse{ /*grundsätzliches design des kalenders*/ 
	background-color:#ffffff; /*#E4E4E4; /*Hintergrundfarbe des kalenderdialogfeldes*/
/*	border-style:outset; */
	border-width:2px;
	padding:20px;
	border-radius:20px;
	box-shadow					:3px 3px 8px 1px #999999;
} 
.kalenderklasse input{
	background-color:#427FA9;
	color:#ffffff;
	border-radius:10px;
}

/*
input:required:focus:valid {
   border-color:#0c0;
 }
 input:required:focus	:invalid  	{background-color:silver;} 
 /*
 input:required {
   border-color:yellow;
 }