/* --------------------------------------------------------- */
/* Allgemeine Angaben*/
/* --------------------------------------------------------- */
input, select{
	font-family: Trebuchet MS,Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.unterstrichen {	
	border-top: 1px dashed black;	
}

.produkte{
	height: 50px;
}

p.fehler  { font-size:13px; color:#A8282B; font-weight:bold;}

.rfeldrahmen{
	border: 1px #2F4F6F solid;
}

.rfeldfirma{
	background-color: #2F4F6F;
	color: #FFFFFF;
	weight: bold;
	padding-left: 5px;
	height: 20px;
}

.rfeldtext, .rfelddownload{
	padding-left: 5px;
	margin-top: 5px;
}


/* --------------------------------------------------------- */
/* Bilderinfos */
/* --------------------------------------------------------- */
.bildregion{
	border: 0;
	margin: 0;
	padding-right: 10px;
	vertical-align: top;
}

.bildrahmen{
	float: left;
}

.bildtext{
	padding-left: 10px;
	float: none;
	height: 147px;
	min_height: 147px;
}

.bildklein{
	margin-top: 5px;
	margin-left: 5px;
	border: 0;
}

.bilddetail{
	margin-top: 5px;
	margin-left: 5px;
	width: 200px;
	border: 0;
}

/* --------------------------------------------------------- */
/* Rahmen */
/* --------------------------------------------------------- */
.rahmen0, .rahmen1, rahmen2 {	
	width: 100%;
}

.rahmen1, .rahmen11, .rahmen1ohneborder{
	padding-left: 5px;
	border-right: 1px #2F4F6F dashed;
	border-bottom: 0;
	width: 350px;
	float: left;
}

.rahmen1ohneborder{
	border:0;
}

.rahmen11{
	border: 0;
}

.rahmen2{
	width: 150px;
	float: right;
	border: 0;
}

.loginrahmen{
	padding: 10px;
}

.rahmen_firmaquer{
	float:left;
}

.dfirmenrahmen, .rahmen, .rahmenmitte, .rahmenliste, .rahmenmitte2 {	
	border: 1px solid #2F4F6F;
	background-color: #FFFFFF; 
	padding-top: 10px;
	padding-bottom: 10px;
}

.dfirmenrahmen{
	background-color: white;
	padding: 0;
	margin: 0;
}

.rahmenmitte{
	padding-left: 150px;
}

.rahmenmitte2{
	padding-left: 20px;
}

.rahmenliste{
	margin-top: 0px;
	background-color:#FFFFFF;
}

.rahmenohneoben{
	border-left: 1px solid #2F4F6F;
	border-right: 1px solid #2F4F6F;
	border-bottom: 1px solid #2F4F6F;
	padding-left: 5px;
	padding-top: 10px;
}
.rahmennormal{
	border: 1px solid #2F4F6F;
}

.d_rahmen {	
	border: 1px solid #2F4F6F;
	background-color: #FFFFFF;
}

.drahmenoben {	
	border: 1px solid #2F4F6F;
	background-color: #2F4F6F;
}


/* --------------------------------------------------------- */
/*D-Felder*/
/* --------------------------------------------------------- */
.dfirmenname {	
	background-color: #2F4F6F; 
	height: 30px; 
	color: #FFFFFF;
	padding-left: 5px;
	font-size: 16px;
}

.dfirma90 {
	float:left;
	width: 100px;  
	vertical-align: middle;
	padding-left: 5px;

}

.dfirmavoll {
	padding-top: 5px;
	border-top: 1px #2F4F6F dashed;
	background-color: #5A84BB; 
/*	width: 547px;  
	_width: 552px;  */
	vertical-align: middle;
	padding-left: 5px;
}

.dfirmavolldetail {
	background-color: #FFFFFF; 
/*	width: 547px;  
	_width: 552px;  */
	vertical-align: middle;
	padding-left: 5px;
}

.dfirmaqueroben {
	font-weight: bold;
	width: 100px;
	float: left;
}

.dfirmaquer{
	background-color: #FFFFFF; 
	width: 100px;
	float: left;
}

.dfirmaquer20{
	padding-left: 5px;
	background-color: #FFFFFF; 
	width: 20%;
	float: left;
}

.dfirmaquer20a{
	padding-left: 5px;
	background-color: #FFFFFF; 
	width: 500px;
	float: left;
	font-weight: bold;
}


.dfirmaquer60{
	background-color: #FFFFFF; 
	width: 60%;
}

.dfirmaquer60b{
	background-color: #FFFFFF; 
	width: 500px;
	float:left;
	padding-left: 5px;
	margin-bottom: 10px;
}

.dfirma_suche {	
	float: left;
	background-color: #2F4F6F; 
	height: 30px; 
	width: 90px;  
	color: #FFFFFF;
	padding-left: 5px;
	padding-top: 2px;
}

.dfirma_suche2 {	
	background-color: #5A84BB; 
	height: 30px; 
	color: #FFFFFF;
	padding-left: 110px;
	padding-top: 2px;
}


.d_suche {	
	float: left;
	background-color: #2F4F6F; 
	height: 30px; 
	width: 110px;  
	color: #FFFFFF;
	padding-top: 2px;
	padding-left: 10px;
	_margin-right:-3px; 
}

.d_suche2 {	
	background-color: #FFFFFF; 
	height: 30px; 
	color: #FFFFFF;
	padding-left: 125px;
	_padding-left: 10px;
	padding-top: 2px;
}


.dfirma60 {	
	float: left;
	background-color: #2F4F6F; 
	height: 20px; 
	width: 90px;  
	color: #FFFFFF;
	padding-left: 5px;
}



.dfirmenap {	
	margin-top: 20px;
	background-color: #2F4F6F; 
	height: 30px; 
	color: #FFFFFF;
	padding-left: 5px;
	border-top: 1px solid #2F4F6F;	
	border-bottom: 1px solid #2F4F6F;
	font-size: 12px;
}

.d_sucheh, .d_sucheh60 {	
	float: left;
	background-color: #2F4F6F; 
	width: 120px;  
	color: #FFFFFF;
	padding-top: 4px;
	padding-left: 10px;
	height: 30px;
	border: 0px;
	margin: 0px;
}

.d_suche2h, .d_suche2h60 {	
	height: 30px;
	background-color: #5A84BB; 
	color: #FFFFFF;
	padding-left: 140px;
	_padding-left: 10px;
	padding-top: 2px;
	border: 0px;
	margin: 0px;
	_margin-right:-3px; 
	_width: 117px;
}

.d_sucheh60, .d_suche2h60 {	
	height: 140px;
	border: 0px;
}

.d_suche2h, .d_suche2h60{
	background-color: #FFFFFF;
}

/* --------------------------------------------------------- */
/* MFELDER */
/* --------------------------------------------------------- */
.mfeld, .mfeld20, .mfeld30, .mfeld50 {	
	float: left;
	background-color: #2F4F6F; 
	color: #FFFFFF;
	padding-top: 4px;
	padding-left: 3px;
	border: 0px;
	margin: 0px;
}

.mfeld20, .feld20 {	
	height: 30px;
	width: 20%;
}

.mfeld30{	
	height: 30px;
	width: 30%;
}

.feld30 {	
	height: 60px;
	width: 30%;
}

.mfeld50, .feld50 {	
	height: 30px;
	width: 35%;
}

.mfeld22{
	background-color: #2F4F6F; 
}

.mfeldnews{
	background-color: #2F4F6F; 
	color: #FFFFFF;
	font-weight: bold;
}


/* --------------------------------------------------------- */
/* FELDER */
/* --------------------------------------------------------- */
.feld, .feld20, .feld30, .feld50 {	
	float: left;
	background-color: #FFFFFF; 
	color: #FFFFFF;
/*	padding-left: 140px;
	_padding-left: 10px; */
	padding-top: 2px;
	border: 0px;
	margin: 0px;
/*	width: 563px;*/
	padding-left: 3px;
}

.feld20{
	color: #000000;
	width: 20%;
}


.feld50 {	
	color: #000000;
	width: 40%;
}



/* --------------------------------------------------------- */
/* Überschriften */
/* --------------------------------------------------------- */
.hbeschreibung {	
	background-color: #2F4F6F; 
}

.hbeschreibung2 {	
	padding-left: 5px;
	height: 20px;
	background-color: #5A84BB; 
	margin-bottom: 10px;
}

.dfirma_ueberschrift_alleine{	
	background-color: #5A84BB; 
	padding-top: 5px;
	padding-bottom: 5px;
	color: #000000;
	font-size: 30px;
	text-align: center;
	margin-bottom: 30px;
}

.dfirma_ueberschrift{	
	background-color: #5A84BB; 
	padding-top: 5px;
	padding-bottom: 5px;
	color: #000000;
	font-size: 30px;
	text-align: center;
}

.dfirma_ueberschrift2{	
	background-color: #5A84BB; 
	color: #FFFFFF;
	font-size: 10px;
	text-align: center;
	margin-bottom: 30px;
}


/* --------------------------------------------------------- */
/* Zahlenfelder */
/* --------------------------------------------------------- */
.feld, .feld100, .feld500, .dfirma, .dfirma90 {	
	float: left;
	background-color: #FFFFFF; 
	width: 200px;  
	color: #000000;
	border: 0;
	margin 0;
	min-height: 30px;
	_height: 30px;
	vertical-align: middle;
}

.dfirma90 {
	float:left;
	width: 100px;  
	vertical-align: middle;
	padding-left: 5px;

}

.feld100{
	padding-left: 10px;
	width: 100px;
}

.feldnews{
	padding-left: 10px;
}

/* --------------------------------------------------------- */
/* Hfelder */
/* --------------------------------------------------------- */
.hfeld, .hfeld20, .hfeld30,.hfeld30c, .hfeld50, .hfeld300 {	
	float: left;
	color: #000000;
	padding-left: 5px;
	border: 0px;
	margin-bottom: 10px;
}

.hfeld20{
	width: 90px;
}

.hfeld30{
	width: 200px;
}

.hfeld30c{
	width: 200px;
	color: white;
	weight: bold;
}

.hfeld300{
	width: 400px;
}



/* --------------------------------------------------------- */
/* Listen */
/* --------------------------------------------------------- */
ul.liste_vert{
	list-style-type: none;
	text-decoration: none;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 100%;
	line-height: 22px;
	font-size: 12px;
	text-align: left;
	color: #000000;
	margin-bottom: 100px;
}

li.liste_vert { 
	color: #000000; 
	display:block;
	text-decoration: none;
	margin-bottom: 5px;
	padding-left: 10px;
	border-top: 1px solid #2F4F6F;
	border-right: 1px solid #2F4F6F;
	border-left: 1px solid #2F4F6F;
	border-bottom: 1px solid #2F4F6F;	
}

li.liste_vert a:link 	{display:block; color: #000000; text-decoration: none;}
li.liste_vert a:visited {display:block; color: #000000; text-decoration: none;}
li.liste_vert a:hover 	{display:block; color: #000000; background-color: #5A84BB;text-decoration: none;}


ul.abisz{
	list-style-type: none;
	text-decoration: none;
	margin: 0;
	padding: 0;
	text-align: left;
	float: left;
	line-height: 22px;
	font-size: 12px;
	border-bottom: 1px solid #FFFFFF;
	text-align: center;
	color: #000000;
	margin-bottom: 10px;
}

li.abisz 	{ 
	float: left;
	border-top: 1px solid #FFFFFF; 
	border-bottom: 1px solid  #FFFFFF; 
	border-right: 1px solid  #FFFFFF; 
	width: 20px; 
	color: #000000; 
	display:block;
	text-decoration: none;
	background-color:#5A84BB;
}

li.abisz a:link 	{display:block; width: 20px; color: #FFFFFF; background-color: #2F4F6F;text-decoration: none;}
li.abisz a:visited 	{display:block; width: 20px; color: #FFFFFF; background-color: #2F4F6F;text-decoration: none;}
li.abisz a:hover 	{display:block; width: 20px; color: #000000; background-color: #5A84BB;text-decoration: none;}

ul.firmen{
	list-style-type: none;
	list-style-position: inside;
	text-decoration: none;
	margin: 0;
	padding-left: 10px;
}

li.firmen { 
	float: none;
	color: #000000; 
	display:block;
	text-decoration: none;
/*	width: 100%; */
	padding-left: 10px;
	line-height: 20px;
}

li.firmen a:link 	{display:block; color: #000000; text-decoration: underline;}
li.firmen a:visited {display:block; color: #000000; text-decoration: underline;}
li.firmen a:hover 	{display:block; color: #FFFFFF; background-color: #2F4F6F ;text-decoration: none;}


ul.ebene01{
	list-style-type: disc;
	list-style-position: inside;
	text-decoration: none;
	margin: 0;
	padding: 0;
	padding-left: 20px;
}


li.ebene01 { 
	font-size: 14px;
	float: none;
	color: #000000; 
	display:block;
	text-decoration: none;
	width: 100%;
	line-height: 20px;
}

li.ebene01 a:link 	{display:block; color: #000000; text-decoration: underline;}
li.ebene01 a:visited {display:block; color: #000000; text-decoration: underline;}
li.ebene01 a:hover 	{display:block; color: #FFFFFF; background-color: #2F4F6F ;text-decoration: none;}


ul.ebene02{
	list-style-type: disc;
	list-style-position: inside;
	text-decoration: none;
	margin: 0;
	padding-left: 60px;
}


li.ebene02 { 
	float: none;
	color: #000000; 
	display:block;
	text-decoration: none;
	width: 100%;
	line-height: 20px;
}

li.ebene02 a:link 	{display:block; color: #000000; text-decoration: underline;}
li.ebene02 a:visited {display:block; color: #000000; text-decoration: underline;}
li.ebene02 a:hover 	{display:block; color: #FFFFFF; background-color: #2F4F6F ;text-decoration: none;}

ul.liste{
	list-style: none;
	list-style-type: none;
	text-decoration: none;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 100%;
	line-height: 22px;
	font-size: 12px;
	text-align: left;
	color: #000000;
}

li.liste	{ 
	color: #000000; 
	display:block;
	text-decoration: none;
	background-color:#5A84BB;
	list-style-type: none;
}

li.liste a:link 	{display:block; color: #000000; background-color: #FFFFFF;text-decoration: underline;}
li.liste a:visited 	{display:block; color: #000000; background-color: #FFFFFF;text-decoration: underline;}
li.liste a:hover 	{display:block; color: #000000; background-color: #5A84BB;text-decoration: none;}

li.listeprod	{ 
	color: #000000; 
	display:block;
	text-decoration: none;
	background-color:#FFFFFF;
	list-style-type: none;
	border-bottom: 0px solid #2F4F6F;
}

li.listeprod a:link 	{display:block; color: #000000; background-color: #FFFFFF;text-decoration: underline;}
li.listeprod a:visited 	{display:block; color: #000000; background-color: #FFFFFF;text-decoration: underline;}
li.listeprod a:hover 	{display:block; color: #000000; background-color: #5A84BB;text-decoration: none;}

/* --------------------------------------------------------- */
/* KALENDERDATEN */
/* --------------------------------------------------------- */
.kalenderrahmen {	
	padding-top: 10px;
	padding-bottom: 30px;
	border: 1px solid #2F4F6F;
}

/* Alle Sachen für den Kalender */

TABLE.normal, TH.normal, TD.normal {
	border-style: solid;
    border-width: 0px;
	vertical-align: left;
	text-align: left;
	font-family: Trebuchet MS,Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

TD.normal, .stufe1, .stufe2, .stufe3, .stufe4, .stufe5, .stufe6 {
	border-style: solid;
    border-width: 1px;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;  
	border-top:1px solid #FFFFFF; 
	border-bottom:1px solid #FFFFFF; 
	vertical-align: middle;
	text-align: left;
	font-family: Trebuchet MS,Arial, Helvetica, sans-serif;
	font-size: 8pt;
	height:15px;
}

TH.headline-main {
	background-color: #5A84BB;
	color: #FFFFFF;
	border-style: solid;
	border-left:0px solid;
	border-right:0px solid;  
	border-top:0px solid; 
	border-bottom:1px solid; 
	vertical-align: middle;
	text-align: left;
	font-family: Trebuchet MS,Arial, Helvetica, sans-serif;
	font-size: 10pt;
	height: 20px;
	padding-left: 5px;
}

/*TH.headlineoben 	{background-color: #FF3300;	text-align: left; vertical-align: top; border: 1px solid #000000;}
TH.headlinerechts 	{background-color: #FF3300;	text-align: right;  border: 1px solid #000000;}
TH.headlineklein 	{font-size: 7pt; background-color: #FFFFFF; border: 1px solid #000000;}*/


.headlinemitteobenzeit, .headlinemitteobenzeit1{
				background-color: #5A84BB;	
				text-align: center; 
				vertical-align: top; 
				border-bottom: 1px solid #000000;
				border-left: 1px solid #000000;
				border-right: 1px solid #000000;
}			
.headlinemitteobenzeit1{
				border-top: 1px solid #000000;
}

/* Navigationsbalken über dem Kalender */
TH.kalendernavi	{
				background-color: #2F4F6F; 
				text-align: center; 
				border-right: 1px solid #000000; 
				border-top: 1px solid #000000; 
				border-left: 1px solid #000000; 
				font-size: 12px;
}


/*Oben Wochentage und dann auch die Felder für die Wochenkalender wo Termine stehen*/
TH.headlinemitte 	{
				background-color: #FFFFFF; 
				text-align: center; 
				border-right: 1px solid #000000; 
				border-top: 1px solid #000000; 
				border-bottom: 1px solid #000000; 
				width:5%;
}
TH.headlinemittezeit{background-color: #F1F1f1; text-align: center; border: 1px solid #000000;}

/*Uhrzeitenformatierung*/
TH.headlinemitteoben{
				background-color: #5A84BB;	
				text-align: center; 
				vertical-align: top; 
				border-bottom: 1px solid #000000;
				border-left: 1px solid #000000;
				border-right: 1px solid #000000;
}

/* Die nächsten beiden sind für die Anzeige der Tage im Wochenkalender */
TH.headlinemittewt, TH.headlinemitteobenwt{
				background-color: #5A84BB;	
				text-align: center; 
				vertical-align: top; 
				border-top: 1px solid #000000;
				border-right: 1px solid #000000;
				width:5%;
}

/* Die nächsten beiden sind für die Anzeige der Tage im Wochenkalender */
TH.headlinemitteobenwt{
				border-left: 1px solid #000000;
				border-bottom: 1px solid #000000;
}

/* TAGESANSICHT - Wenn ein TErmin eingetragen wird */
TD.normaloben {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	vertical-align: top;
	text-align: left;
	font-family: Trebuchet MS,Arial, Helvetica, sans-serif;
	font-size: 9pt; 
	background-color: #E5E5E5;
}

/* WOCHENKALENDERANSICHT - Eintrag für einen ganz normalen Termin */
TD.termin, TD.termin2 {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	vertical-align: top;
	text-align: left;
	font-family: Trebuchet MS,Arial, Helvetica, sans-serif;
	font-size: 9pt; 
	background-color: #E5E5E5;
}

/* WOCHENKALENDERANSICHT - Farbe wenn es zu Überschneidungen kommt */
TD.termin2 {
	background-color: #E5E5E5;
	border-right: 1px solid #000000;
}

/* Für den Tageskalender die Schrift, dass keine Termine eingetragen sind */
TD.normalmitte, TH.normalmitte {
    border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
	vertical-align: middle;
	text-align: center;
	font-family: Trebuchet MS,Arial, Helvetica, sans-serif;
	font-size: 9pt ;
	padding: 0px;
}
	
table.tageskalender{
	border-collapse: separate;
    border-spacing: 0px 0px; 
	cellspacing:0;
	height:100%;
	width:95%;
	font-size: 10px;
}

table.wochenkal	{
	border-collapse: separate;
    border-spacing: 0px 0px; 
	height:100%;
	width:95%;
	font-size: 10px;	
	empty-cells: show;
}

/* Eintrag für den Tageskalender*/
.tdstyle{
	border-style: 1px solid #E5E5E5;
}

/* Ist der Rahmen für den Monatskalender = Tage und Wochentage" */
TH.headline {
	background-color: #5A84BB;
}

.kalendermitte{
	padding-left: 35%;
}

.stufe1{
	background-color: #E0E0D0;
}

.stufe2{
	background-color: #6AEC76;
}

.stufe3{
	background-color: #FFFF00;
}

.stufe4{
	background-color: #C0C000;
}

.stufe5{
	background-color: #FF00FF;
}

.stufe6{
	background-color: #FF0000;
}