/*************************************** 
	styles.css
	Guido Petermann IT-Dienstleistungen
	www.planitas.de
***************************************/

/*/////////////////////////////// 1.Farben //////////////////////////////*/

/* schwarz */
.coSchwarz , body { 
	color: #101010; }
.bcSchwarz { 
	background-color: #101010; }
	
/* grau */
.coGrau, #inhalt h6 { 
	color: #435762; }
.bcGrau , #kopf, #navi{ 
	background-color: #435762; }

/* dunkelblau */
.coDunkel, #inhalt h1, #pflege a, #inhalt h5, #pflege td.titel, #inhalt h3  { 
	color: #254c62; }
.bcDunkel { 
	background-color: #254c62; }

/* graublau */
.coGraublau, #inhalt h2, #navi, #pflege td.info , #pflege hr { 
	color: #4287af; }
.bcGraublau, #navi a:hover, #pflege hr  { 
	background-color: #4287af; }

/* logo-blau */
.coLogo, #navi h1, #pflege a:hover, #inhalt a.zurueck { 
	color: #55aee2; }
.bcLogo{ 
	background-color: #55aee2; }
	
/* mittelblau */
.coMittel, #kopf, #kopf li, #navi h2, #navi h3, #navi li{ 
	color: #9ccBe7; }
.bcMittel, #pflege .aktiv , #pflege td.titel{ 
	background-color: #9ccBe7; }
.boMittel, #pflege td, #pflege th {
	border-color: #9ccBe7; }
	
/* hellblau */
.coHell, #navi, #pflege a.filter:hover { 
	color: #d3e1e8; }
.bcHell, body, #pflege td.ohne, #pflege td.ok, #pflege td.neu, #hell{ 
	background-color: #d3e1e8; }
	
/* heller blau */
.coHeller, #navi a { 
	color: #e1edf0; }
.bcHeller, #info, #pflege td, #pflege th, #pflege .hintergrHell, #hell { 
	background-color: #e1edf0; }

/* orange */
.coOrange, .markierung, .pflichtfeld{
	color: #ff6020; }

/* gelb */
.coGelb  {
	color: #ffcc66; }
.bcGelb {
	background-color: #ffcc66; }

/* rot */
.coRot, .warnung {
	color: #a31500; }
	
/* gruen */
.coGruen, .hinweis { 
	color: #42af46; }

/* weiss */
.coweiss { 
	color: #fff; }
	

/*////////////////////////////// 2.Gliederung //////////////////////////////*/

/* Allgemein */	
* {	
    font-size: 100%;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0px;
	padding: 0px;
	}
body {
/* Kompatibiliät */	
    min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
	}
input, select, textarea, file {
	vertical-align: top;
	padding: 1px 2px 1px 2px;
	}
input[type="checkbox"] {
	vertical-align: middle;
	text-align:center;
	}
input[type="radio"] {
	vertical-align: middle;
	text-align:center;
	margin:0 2px 0 0;
	}
th {
	text-align: left;
}
.einzeilig{
	white-space: nowrap;
	}

/* kopf */	
#kopf {
	width: 100%;
	position: fixed;
	}
#kopf h1 {	
    font-size: 220%;
	/*font-style: italic;*/
	padding: 10px 8px 10px 10px;
	letter-spacing: 2px;
	}
#kopf li {
	list-style: none;
	font-size: 85%;
    float: right;
	padding: 0 2px 0 2px;
	border-style: solid;
	border-width: 0 1px 0 1px;
	margin: 0;
	}
	
/* inhalt */	
#inhalt {
	margin-left: 120px;
	width: 80%;
	padding: 90px 5px 5px 10px;
	}
#inhalt h1 {	
    font-size: 150%;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 10px;
	}
#inhalt h2 {	
    font-size: 140%;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 10px;
	}
#inhalt h3 {	
    font-weight: bold;
	font-size: 110%;
	padding-bottom: 5px;
	padding-top: 5px;
	}
#inhalt h3.zentriert {	
    font-size: 110%;
	font-weight: bold;
	padding-bottom: 5px;
	text-align: center;
	}
#inhalt h4 {	
    font-size: 120%;
	font-weight: normal;
	}
#inhalt h5 {	
    font-size: 100%;
	font-weight: bold;
	}	
#inhalt h6 {	
    font-size: 120%;
	font-weight: bold;
	}
	
/* pflege */	
#pflege {
	margin-left: 30px;
	font-size: 85%;
	}
#pflege table {
	border-collapse: collapse;
}	
#pflege  td, th {
	border-width: 1px;
	border-style: solid;
	padding: 4px;
	}
#pflege td.ohne, img {
	border-width: 0;
	}
#pflege td.info{
	font-weight: bold;
	white-space: nowrap;
	font-size: 110%;
	}
#pflege td.oben{
	vertical-align: top;
	}
#pflege td.ok{
	text-align: right;
	border-width: 0;
	padding-top: 10px;
	}
#pflege td.abstand{
	padding-top: 6px;
	padding-bottom: 6px;
	}
#pflege td.titel{
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
	margin-bottom: 10px;
	font-size:120%;
	}
#pflege input.submit{
	padding: 2px 4px 2px 4px;
	}
#pflege input.submitKlein{
	font-size:80%;
	padding: 1px;
	}
#pflege a, a:hover {
	text-decoration: none;
	font-style: italic;
	}
#pflege a.zurueck {
	font-size: 110%;
}
#pflege img {
	width: 16px;
	height: 16px;
	}
#pflege img .klein{
	width: 12px;
	height: 12px;
	}
#pflege .zahl{
	text-align: right;
	}
#pflege .zentriert{
	text-align: center;
	}
#pflege .neu{
	text-align: right;
	border-width: 0;
	padding: 0 2px 5px 0;
	font-size: 110%;
	font-weight: bold;
	font-style: italic;
	}
#pflege hr {
	border: 0px;
	border-bottom: 2px solid;
	text-align: left;
	width: 85%;
	margin-bottom: 10px;
	margin-top: 5px;
	}
#pflege .warnung{
	font-size: 110%;
}
#pflege .unten{
	vertical-align:bottom;
}
#pflege .markierung{
	font-weight: bold;
	font-size: 110%;
}
#pflege .absatzklein{
	margin-bottom: 4px;
}
#pflege .pflichtfeld{
	font-weight: bold;
	font-size: 150%;
}

/* navi */	
#navi {
	position: fixed;
    top: 0px; 
	left: 0px;
	width: 130px;
	height: 100%;
	padding: 40px 0px 0px 0px;
	}

#navi h3 {	
    font-size: 70%;
	padding: 0px 0px 50px 0px;
	text-align: center;
	}
#navi ul {
	padding: 50px 0px 0px 10px;
	width: 100px;
	}	
#navi li {
	padding: 2px 0px 2px 0px;
	list-style: none;
	background: none;
	border-style: solid;
	border-width: 1px 0;
	margin: -1px 0 0 0;
	}
#navi a {
	width: 100px;
	text-decoration: none;
	}
#navi a:hover{
	width: 100px;
	font-style: normal;
	}	
	
/* spalte
#spalte {
	float: left;
}
#einspaltig {
	clear: both;
} */