/*### css.css ############################################################################
Klasse:		css.css
Funktion:	Stylesheets zur Darstellung des Webfrontends
Autor: 		S. Watermeyer, S&N AG
Rel./Vers.: $Revision: 1.4 $
Datum:      $Date: 2007/03/01 17:52:44 $
Update:     $Id: css.css,v 1.4 2007/03/01 17:52:44 swatermeyer Exp $
Status:	    in Bearbeitung
####################################################################################*/
	/* CSS Document File for YNES Repository */ /* Basics */
body {
	padding: 0px;
	font-family: Arial, Verdana;
	font-size: 10pt;
}

small {
	font-size: 8pt;
}

h1,h2,h3,h4,h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

h1 {
	font-size: 20pt;
}

h2 {
	font-size: 17pt;
}

h3 {
	font-size: 14pt;
}

h4 {
	font-size: 11pt;
}

h5 {
	font-size: 10pt;
}

/* Layer */
#repository {
	margin: 0 0 0 0;
}

#kopfzeile {
	padding: 0px;
	margin: 0px;
}

#body {
	width: 100%;
	border: 1px solid black;
	background-image: url("../img/repeater.png");
	min-height: 500px;
}

#navigation {
	float: left;
	padding: 10px 30px 10px 0;
	margin-left: 10px;
	width: 160px;
}

#content {
	padding: 0 15px 5px 0;
	margin-left: 190px;
}

#fusszeile {
	background-color: #666666;
	background-image: url("../img/fusszeile.jpg");
	text-align: center;
	padding: 2px 0 2px 0;
	border: 1px solid black;
	border-top: 0px;
}

#error {
	background-color: #FF7B76;
	border: 1px solid black;
	margin-left: 20%;
	margin-top: 2%;
	text-align: center;
	width: 60%;
	color: #FFFFFF;
}

table.kopf {
	border-collapse: collapse;
	padding: 0px;
}

td.banner {
	width: 100%;
	vertical-align: bottom;
	text-align: center;
	padding: 0px;
	margin: 0px;
}

td.logo {
	padding: 0px;
	margin: 0px;
}

/* Für die Hardware Sektion die Ausabe der Computer-Symbole */
#borderbottom {
	height: 77px;
	width: 90px;
	float: left;
	text-align: center;
	border-bottom: 1px solid #000;
}

#borderbottomleft {
	height: 77px;
	width: 90px;
	float: left;
	text-align: center;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}

#borderbottomright {
	width: 720px;
	height: 20px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	float: left;
}

#mini {
	font-size: 9px;
	width: 55px;
}

#popup {
	background-color: ECF0F3;
}

/* Tabellen */
table {
	font-size: 9pt;
	vertical-align: top;
}

th {
	font-size: 9pt;
	text-align: left;
	vertical-align: top;
	padding: 0 2px 4px 2px;
}

td {
	vertical-align: top;
}

table.hardwaredetailssuche {
	border-collapse: collapse;
	border: 1px solid #DDE4EA;
}

table.hardwaredetailssuche th {
	padding: 4px 2px 2px 2px;
}

table.hardwaredetailssuche td {
	padding: 2px 2px 2px 2px;
}

table.hardwaredetailssuche input {
	border: 0px;
}

table.menu {
	border: none;
	border-collapse: sepperated;
	color: #233050;
	width: 150px;
	font-size: 8.5pt;
}

table.menu th {
	font-weight: bold;
	font-size: 11pt;
	text-align: left;
	color: #FFFFFF;
	background-color: #233050;
	padding: 2px 2px 2px 2px;
}

table.menu td {
	background-color: #EDF0F2;
	padding: 0px 0px 0px 25px;
}

table.liste {
	font-size: 9pt;
	vertical-align: top;
	border-collapse: collapse;
}

table.liste th {
	background-color: #D3E0EA;
	border: 1px solid #DDE4EA;
	padding: 2px 5px 5px 3px;
}

table.liste td {
	vertical-align: top;
	background-color: F1F6F9;
	border: 1px solid #DDE4EA;
	padding: 2px 8px 4px 3px;
}

table.hwauflistung {
	font-size: 8pt;
	vertical-align: top;
	border-collapse: collapse;
}

table.hwauflistung th {
	background-color: D3E0EA;
	border: 1px solid #DDE4EA;
	padding: 0px 5px 5px 0px;
}

table.hwauflistung td {
	vertical-align: top;
	background-color: #F1F6F9;
	border: 1px solid #DDE4EA;
	padding: 1px 8px 1px 3px;
}

table.hwauflistung td.farbwechsel1,table.liste td.farbwechsel1 {
	background-color: #F1F6F9;
}

table.hwauflistung td.farbwechsel2,table.liste td.farbwechsel2 {
	background-color: #EAEFF2;
}

table.hwauflistung td.rotezeile,table.liste td.rotezeile {
	background-color: #FFCCCC;
}

table.hwauflistung td.gelbezeile,table.liste td.gelbezeile {
	background-color: #FFFFCC;
}

table.swbenutzerliste {
	border-collapse: collapse;
}

table.swbenutzerliste td {
	border: 0px;
	padding: 0 20px 0 0;
}

table.swbenutzerliste td.useallowed {
	background-color: #CCFFCC;
	padding: 0;
}

table.swbenutzerliste td.usenotallowed {
	background-color: #FFCCCC;
	padding: 0;
}

table.swbenutzerliste td.nouseallowed {
	background-color: #99CCFF;
	padding: 0;
}

table.swbenutzerliste td.nousenotallowed {
	background-color: ;
	padding: 0;
}

/* Links */
table.buttons a:link {
	color: #FFFFFF;
	text-decoration: none;
}

table.buttons a:active {
	color: #FFFFFF;
	text-decoration: none;
}

table.buttons a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

table.buttons a:hover {
	color: #ECF0F3;
	text-decoration: none;
}

.link {
	font-weight: bold;
}

a:link {
	color: #000000;
	text-decoration: none;
}

a:active {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

a:visited {
	color: #000000;
	text-decoration: none;
}

a:hover {
	color: #666666;
	text-decoration: underline;
}

#fusszeile a:link {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

#fusszeile a:hover {
	color: #000000;
	text-decoration: underline;
}

/* Trennbalken HR */
hr.menu {
	width: 140px;
	color: #FF0000;
	background-color: #FF0000;
	border: 0px solid #FF0000;
	text-align: left;
	margin-left: 5px;
	height: 1px;
}

/* Formularfelder */
textarea {
	text-align: left;
	vertical-align: top;
}

input,button {
	border: 1px solid #c3c3c3;
}

input.button,button {
	border: 1px solid #c3c3c3;
}

input.text,select,textarea {
	background-color: #FFFFFF;
	border: 1px solid #c3c3c3;
}

.radio {
	border: 0px;
}

#kundenauswahl {
	padding: 15px 15px 0px 0px;
	float: right;
}

/* Bilder */
img {
	border: 0px;
}

img.noborder {
	border: 0px;
}

img.kartei {
	padding: 0px;
	margin: 0px;
}

table.liste td.farbwechselWarn {
	background-color: #FFFFCE; !important;
}

table.liste td.farbwechselOkay {
	background-color: #DEFFDE; !important;
}