/* ********* */
/* Allgemein */
/* ********* */
BODY, BODY.claro{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; line-height:1.4em; color:#666666;
	}

TD {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; line-height:1.4em; color:#666666;
	}

p {
	margin-top:2px; margin-bottom:6px;
	}

/* 15.12.2010 - tg, warum soll das in jedes <img> mit rein? Kann ich dich hier l�sen */
img {
	border:none; valign:top;
    }

DIV {
	margin:0px; padding:0px;
	}

h1	{
	color:#0066AF;
	margin-bottom:12px; margin-top:5px;
	font-size:16px; font-weight:bold; line-height:150%; letter-spacing:1px;
	}

h2	{
	color:#0066AF; background-color:#C1DAED;
	margin-bottom:6px;
	padding:4px; padding-left:11px;
	font-size:12px; font-weight:bold; letter-spacing:1px;
	}

H3 {
	font-size:11px;
	font-weight:bold;
	line-height:1.5em; margin-top:20px; margin-bottom:1px;
	text-align:left;
	}

H4 {
	font-size:18px; color:#999999;
	font-weight:normal;
	line-height:1.5em; margin:0px;
	text-align:left;
	}


SMALL {
	font-size:0.8em;
	}

.betonung {
	color: #0066AF; font-weight:bold;
	}

.warnung, .errors {
	color: #cc3300; font-weight:bold;
	}

.clear {
	clear:both;
	}

/* LINKS */
A, A:VISITED {
	color:#333333; text-decoration:underline;
	}

A:HOVER, A:FOCUS {
	color:#CC3300; text-decoration:underline;
	}

/* Lists */
ul {
	list-style-type:none; list-style-image: none;
	text-align:left;
	margin:0px; margin-top:4px; margin-bottom:6px; padding:0px;
	}

li {
	padding:2px 0px 2px 0px;
	/* background-image:url(csspics/unknown.png); background-position:2px 8px; background-repeat:no-repeat; */
	background-position:2px 8px; background-repeat:no-repeat; */
	}

/* ****** */
/* Header */
/* ****** */
#login {
	font-size:0.9em;
	}

/* ******* */
/* Content */
/* ******* */
#suchleiste {
	background-color:#C1DAED; height:45px; clear:both;
	}

#suchen {
	padding:7px; padding-left:11px; height:30px; float:left;
	}

#suchen form { margin:0px; padding:0px;
	}


#suchen input {
	margin-left:0px; margin-right:5px; margin-top:4px; color:#999999; float:left;
	}


#suchen .button {
	width:28px; height:24px;
	background:none;
	background-image:url(/images/apserver/content/icons/suchen.png); border:none; padding:0px; margin-left:0px; cursor:pointer;
	}

#suchen .button:hover {
	background-image:url(/images/apserver/content/icons/suchen_ro.png);
	}

#suchfeedback {
	background-color:#76ACD6;
	padding:4px 11px; padding-right:6px;
	color:white; line-height:2em;
	background-image:url(csspics/suchfeedback_bg.png); background-position:right bottom; background-repeat:no-repeat;
	}

/*  Kasten  */
.kasten {
	background-color:#C1DAED; clear:both; margin-bottom:0px; margin-top:20px; padding:20px 30px; width:400px; color:#0066AF;
	}

.kasten INPUT {
	margin-left:20px; margin-right:6px;
	}

.kasten .dijitRadio{
	margin-left:20px; margin-right:6px;
	}

/*  Buttonleiste  */
.buttonleiste {
	background-color:#C1DAED; height:30px; clear:both; margin-bottom:0px; margin-top:20px;
	}

.buttonleiste .name {
	color:#0066AF; padding:4px 14px; width:290px; float:left;
	}
.buttonleiste .name IMG {
	margin-bottom:1px; vertical-align:middle;
	}

.buttonleiste .freigabeinfos {
	color:#0066AF; padding:7px 0px; width:300px;  float:left;
	}

.buttonleiste .buttongruppe {
	padding:3px 0px; width:170px;  float:right; clear:right;
	}

.buttonleiste .buttongruppe IMG {
	margin-right:12px;
	}

/*  Tabellen  */
table {
	margin-bottom:10px; margin-top:20px; min-width:100%;
	}

table td, table th	{
	text-align:left;
	border-bottom:1px solid #DEDEDE;
	padding:1px; padding-right:12px;  padding-top:2px;
	vertical-align:middle; line-height:1.4em;
	}

table th {
	font-size:0.8em;
	padding-bottom:2px;
	text-transform:uppercase;
	letter-spacing:0.1em;
	font-weight:normal; color:#9A9D9D;
	}

table td.waehrung, table th.waehrung {
	text-align:right; padding-right:20px;
	}

table td.zentriert, table th.zentriert {
	text-align:center;
	}

table td.rechtsb, table th.rechtsb {
	text-align:right;
	}

/*  Buttons und Icons  */
a.bearbeiten {
	  display:block; margin-left:5px;
	  font-size:1px; color:white;
	  background-image:url(/images/apserver/content/icons/aendern.png); background-position:right; background-repeat:no-repeat;
	  height:24px; width:40px;
	}

a.bearbeiten:hover {
	background-image:url(/images/apserver/content/icons/aendern_ro.png);  color:white;
	}

a.schliessen {
	  display:block; margin-left:5px; float:right;
	  font-size:1px; color:white;
	  background-image:url(/images/apserver/content/icons/schliessen.png); background-position:right; background-repeat:no-repeat;
	  height:24px; width:40px;
	}

a.schliessen:hover {
	background-image:url(/images/apserver/content/icons/schliessen_ro.png);  color:white;
	}

.button, a.button {
	height:20px; display:block; color:white; text-align:center;
	text-decoration:none; font-weight:bold; font-size:0.95em; line-height:1.7em;
	}

.button:hover {
	color:white; text-decoration:none;
	}

a.button#orange {
	width:90px; display:block; float:right; margin-left:8px; margin-top:0px;
	background-image:url(csspics/buttons/button_orange.png); background-position:top center; background-repeat:no-repeat;
	}
a.button#orange:hover {
	background-image:url(csspics/buttons/button_orange_ro.png);
	}

a.button#blau {
	width:90px; display:block; float:right; margin-left:8px; margin-top:0px;
	background-image:url(csspics/buttons/button_blau.png); background-position:top center; background-repeat:no-repeat;
	}
a.button#blau:hover {
	background-image:url(csspics/buttons/button_blau_ro.png);
	}

/*#preisliste ist deprecated, statt dessen #neu verwenden 12.02.2013-tg */
a.button#preisliste {
	height:26px; width:168px; display:block; float:right; margin-left:8px; margin-top:0px; margin-bottom:10px; padding-top:10px;
	background-image:url(csspics/buttons/button_neueliste.png); background-position:top center; background-repeat:no-repeat;
	}
a.button#preisliste:hover {
	background-image:url(csspics/buttons/button_neueliste_ro.png);
	}

a.button#neu {
	height:26px; width:168px; display:block; float:right; margin-left:8px; margin-top:0px; margin-bottom:10px; padding-top:10px;
	background-image:url(csspics/buttons/button_neu.png); background-position:top center; background-repeat:no-repeat;
	}
a.button#neu:hover {
	background-image:url(csspics/buttons/button_neu_ro.png);
	}

.button#speichern {
	width:168px; float:left;  margin:0px; margin-right:14px; margin-top:5px;
	padding-left:22px;  padding-bottom:2px; border:0px;
	background-image:url(csspics/buttons/button_speichern.png); background-position:top center; background-repeat:no-repeat;
	}
.button#speichern:hover {
	background-image:url(csspics/buttons/button_speichern_ro.png);
	}

.button#loeschen {
	height:26px; width:168px; float:left;  margin:0px; margin-right:14px; padding-top:5px;
	padding-left:22px;  padding-bottom:2px; border:0px;
	background-image:url(csspics/buttons/button_loeschen.png); background-position:top center; background-repeat:no-repeat;
	}
.button#loeschen:hover {
	background-image:url(csspics/buttons/button_loeschen_ro.png);
	}

.button#loeschen_inaktiv {
	height:26px; width:168px; float:left;  margin:0px; margin-right:14px; padding-top:5px;
	padding-left:22px;  padding-bottom:2px; border:0px;
	background-image:url(csspics/buttons/button_loeschen_inaktiv.png); background-position:top center; background-repeat:no-repeat;
	}

.button#abbrechen {
	width:110px; float:left;  margin:0px; margin-right:14px; margin-top:5px;
	padding-left:22px;  padding-bottom:2px; border:0px;
	background-image:url(csspics/buttons/button_abbrechen.png); background-position:top center; background-repeat:no-repeat;
	}
.button#abbrechen:hover {
	background-image:url(csspics/buttons/button_abbrechen_ro.png);
	}
.button#pindelete {
	width:168px; float:left;  margin:0px; margin-right:14px; margin-top:5px;
	padding-left:22px;  padding-bottom:2px; border:0px;
	background-image:url(csspics/buttons/button_pindel.png); background-position:top center; background-repeat:no-repeat;
	}
.button#pindelete:hover {
	background-image:url(csspics/buttons/button_pindel_ro.png);
	}

.buttongruppe {
	clear:both; padding-top:20px;
	}

/*  Pagination  */
.pagination				  { margin-top: 20px; font-size:11px;}
.pagination	a.first	,
.pagination	span.first	  { width:10px; padding-left:5px; margin-right:5px; background-image: url(csspics/navigation/pag_first.gif); background-repeat:no-repeat; background-position:0px 4px; text-decoration:none;}
.pagination	span.first	  { background-image: url(csspics/navigation/pag_first_inaktiv.gif); }
.pagination	a.first:hover { background-image: url(csspics/navigation/pag_first_ro.gif); }

.pagination	.before,
.pagination	span.before	  { width:10px; padding-left:5px; margin-right:5px; background-image: url(csspics/navigation/pag_before.gif); background-repeat:no-repeat; background-position:0px 4px; text-decoration:none;}
.pagination	span.before	  { background-image: url(csspics/navigation/pag_before_inaktiv.gif); }
.pagination	a.before:hover { background-image: url(csspics/navigation/pag_before_ro.gif); }

.pagination	.next,
.pagination	span.next	  { width:10px; padding-left:5px; margin-right:5px; background-image: url(csspics/navigation/pag_next.gif); background-repeat:no-repeat; background-position:0px 4px; text-decoration:none;}
.pagination	span.next	  { background-image: url(csspics/navigation/pag_next_inaktiv.gif); }
.pagination	a.next:hover { background-image: url(csspics/navigation/pag_next_ro.gif); }

.pagination	.last,
.pagination	span.last	  { width:10px; padding-left:5px; margin-right:5px; background-image: url(csspics/navigation/pag_last.gif); background-repeat:no-repeat; background-position:0px 4px; text-decoration:none;}
.pagination	span.last	  { background-image: url(csspics/navigation/pag_last_inaktiv.gif); }
.pagination	a.last:hover { background-image: url(csspics/navigation/pag_last_ro.gif); }

/*  Formulare  */
.formular				 { margin-top: 0px; padding-bottom: 10px;}
.formular fieldset		 { border:none; padding:0px; margin-top:0px; margin-bottom:20px; max-width:700px; }
.formular legend		 { display:block; width:96%; margin-top:0px; margin-bottom:5px; color:#0066AF; background-color:#C1DAED;padding:4px; padding-left:11px; font-size:12px; font-weight:bold; letter-spacing:1px; }
.formular P				 { clear:both;}

.formular label			 { display:block; margin-left:2px; margin-bottom:6px; margin-top:4px; width:116px; display:block; float:left;  }
.formular .checkbox		 { display:block; width:20px; float:left; margin-top:6px;  }
.formular label.in_radio { display:inline; width:auto; margin-left:0px;  margin-right:10px;  }
.formular label.in_radio span { margin-right:2px; }

.formular small 		 { color: #9A9D9D;}
/*.formular fieldset	p	 { border-bottom:1px solid #DEDEDE; padding-top:2px; padding-bottom:7px; margin-right:13px; min-height:22px; }
.formular fieldset.ohnelinien p	 { border-bottom:0px; min-height:inherit;  } */
.formular fieldset p	 { border-bottom:0px; min-height:inherit;  }

/*  Daten Anzeige  */
label			 { color:#666666; display:block; margin-left:2px; width:116px; display:block; float:left;  }
label.search	 { display:inline; width:auto; margin-top:6px; margin-right:8px; }

/* NEW September 2019 */
/* Buttons */
.btn {
    width: 180px;
    height: 20px;
		vertical-align: top;
    background: #086BB2;
		color: white;
    box-shadow: 0px 0px 0px 0px inset;
    border: 1px solid #086BB2;
    border-radius: 1em;
    margin: 1em;
  }

.btnImg {
  margin-right: 5px;
	position: relative;
	top: -10px;
}

.btnText {
	vertical-align: top;
	position: relative;
	top: 3px;
	font-size: 11px;  /* Default 12px, 10 und 11 erscheint mir zu klein */
}

.btn:hover {
	background: #0978C6;
}