@CHARSET "UTF-8";

html, body
{
	height:100%;
	width:100%;
	padding:0;
	margin:0;
}

body
{
	font-size:100%;
	color:black;
	background-color:white;
}

body, pre, input, textarea, select
{
	font-family:Arial, Verdana, sans-serif;
}

/*body.testsystem
{
	background-color: gray;
	background-color: #E9E9E9;
}
*/

/****************************** LINKS ******************************/

a:link, a:visited
{
	color:rgb(36, 58, 92);
	text-decoration:none;
}
a:hover, a:active
{
	color:rgb(36, 58, 92);
	text-decoration:underline;
}

/****************************** GLOBAL ******************************/

.underline,
.unterstrichen,
ul.unterstrichen,
a.unterstrichen,
span.unterstrichen,
span.fnc.unterstrichen,
.u, ul.u, a.u, span.u, span.fnc.u, span.frmt.u
{
	text-decoration:underline;
}

span.ontop
{
	color:black;
	font-weight:bold;
}

span.warn,
.warn,
a.warn
{
  color:#B50403;
}

.ok
{
  color: rgb(120,180,30);
}

img.ico
{
	padding-right: 5px;
	position: relative;
	bottom: -5px;
}

img
{
	border:0px;
}

ul
{
	list-style-type:none;
}

hr
{
	clear:both;
	margin-top:3px;
	margin-bottom:3px;
	height:1px;
	color:black;
}

table
{
	border-collapse:collapse;
}

td
{
	vertical-align:top;
}

th,
th.top
{
	vertical-align:top;
}

tr.top th,
tr.top td
{
	vertical-align:top;
}


.bold,
.fett,
ul.fett,
span.fett,
a.fett,
.f, ul.f, a.f, span.f, span.fnc.f, span.frmt.f
{
	font-weight:bold;
}

.italic,
ul.kursiv,
span.kursiv,
a.kursiv,
.k, ul.k, a.k, span.k, span.fnc.k, span.frmt.k
{
    font-style:italic;
}

.left
{
	float:left;
}

.right
{
	float:right;
}

.clear
{
	clear:both;
}

.nowrap
{
	white-space:nowrap;
}

.wrap
{
	white-space: normal;
}

sup
{
	font-size: 70%;
}

.smallcaps,
.grossbuchstaben,
ul.grossbuchstaben,
span.grossbuchstaben,
a.grossbuchstaben,
.gb, ul.gb, a.gb, span.gb, span.fnc.gb, span.frmt.gb
{
	font-variant:small-caps;
}
/****************************** FORM ******************************/

fieldset
{
	border:0px;
}

button, input.button
{
	margin-top:10px;
	margin-right:20px;
	padding-left:10px;
	padding-right:10px;
	background-color:white;
	color:black;
	border: 1px solid black;
}

a.button
{
	border:1px solid black;
	margin:20px;
	padding:5px 5px 5px 5px;
	background:white;
	color:black;
	text-decoration:none;
}

a.button:link {color:black; background:white;}
a.button:visited {color:black; background:white;}
a.button:hover {color:black; background:white; text-decoration:none;}
a.button:active {color:black; background:white; text-decoration:none;}


table.db_result,
table.selection,
table.email
{
    border-collapse:collapse;
}

table.selection
{
	/*margin: 5px 0px 5px 0px;*/
}

div.selection_header
{
	padding-top:0;
	margin-top:0;
	padding-bottom:2em;
}

.selection_header span.seite
{
	margin:0 0.2em 0 0.2em;
}
p.seiten a
{
	margin:0 2px 0 2px;
}
span.seite_ontop
{
	color:black;
	font-weight:bold;
}

table.selection.left
{
	margin-right:20px;
	padding-right:20px;
}

table.db_result th,
table.db_result td,
table.email th,
table.email td,
table.selection th,
table.selection td
{
    padding-left:3px;
    padding-right:3px;
    border:1px solid #DDDDDD;
}

table.border_0 th,
table.border_0 td,
tr.border_0 th,
tr.border_0 td
{
    border: 0px;
}

table.selection td.ohne_umrandung
{
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
}

table.selection td.border_unsichtbar
{
	border-color: white;
}

table.selection td
{
	white-space:nowrap;
}

table.selection_wrap td
{
	white-space:normal;
}

table.selection tr.columnfilter input
{
	width: 100%;
	padding:0;
}

table.selection tr.columnfilter td
{
	margin:0px;
	padding:0px;
}


table.wrap td
{
	white-space:normal;
}

table.selection tr:hover,
table.db_result tr:hover
{
	background-color:#EEEEEE;
}

table.selection.no_hover tr:hover
{
	background-color: inherit;
}

table.selection tr.zeile_details_erweitert:hover,
table.selection tr.zeile_details:hover
{
	background: inherit;
}

table.selection table.selection th,
table.selection table.selection td
{
	background: white !important;
}

table.selection table.selection tr:hover th,
table.selection table.selection tr:hover td
{
	background-color: #EEEEEE !important;
}

table.selection.vertical th
{
	text-align: left !important;
}

table.selection.vertical td
{
	text-align: right !important;
}

div.selection_header a.ontop
{
	font-weight:bold;
}

p.zeilen_details_head
{
	clear: both;
	margin-bottom: 5px; 
}

table.selection tr.zeile_details table.selection,
table.selection tr.zeile_details_erweitert table.selection
{
	margin-bottom: 30px;
}

table.selection th.headline_combine_empty
{
	border: 0px;
}

table.selection th.headline_combine
{
	text-align: center;
}

table.selection tr.header_row th
{
	border: 0px;
	padding: 30px 0px 3px 0px;
}

table.selection table.selection tr.header_row th,
p.header_row
{
	padding: 20px 0px 3px 0px;
}

p.header
{
	background:none repeat scroll 0 0 #DDDDDD;
	padding: 5px;
	font-weight: bold;
}

p.header.light
{
	background-color: #EEEEEE;
}

table.selection tr.header_row.first th,
p.header_row.first
{
	padding-top: inherit;
}

table.selection tr.header_row:hover
{
	background: inherit;
}

table.selection table.selection tr.header_row:hover th
{
	background: white !important;
}

table.selection tr.header_row th span,
p.header_row span
{
	padding: 5px;
	background: #ddd;
	display: block;
}

p.header_row
{
	width: 50em;
	font-weight: bold;
}

table.selection tr.header_row_ext_details th
{
	background: #ddd !important;
}
	

table.selection tr input[type=submit]
{
	display: inline;
	margin-left: 30px;
}

table.selection tr input[type=submit].no_margin
{
	display: inline;
	margin-left: 0px;
}

table.selection tr.del
{
	/*background-color: #B50403 !important;*/
	background-color: #FF4E4E !important;
}

table.selection.multicolumn
{
	width: auto !important;
}

table.selection.multicolumn td[colspan="1"] input[type="text"]
{
	/*width: 5em;
	max-width: 5em;
	background: red !important;*/
}

table.selection.multicolumn td[colspan="2"] input[type="text"]
{
	/*width: 20em;
	max-width: 20em;
	background: green !important;*/
}

table.selection.multicolumn input[type="text"],
table.selection.multicolumn textarea
{
	width: 25em;
}

table.selection.multicolumn td[colspan="1"],
table.selection.multicolumn input.eins
{
	width: 5em;
	max-width: 5em;
}

table.selection.multicolumn td[colspan="2"],
table.selection.multicolumn input.zwei
{
	width: 19em;
	max-width: 19em;
}

table.selection.multicolumn input.l{float: left;}
table.selection.multicolumn input.r{float: right;}

table.selection.multicolumn td.strasse[colspan="2"]
{
	width: auto;
	/*max-width: auto;*/
}
table.selection.multicolumn td.hausnummer[colspan="1"]
{
	width: auto;
	/*max-width: auto;*/
}

table.alignleft td, table.alignleft th
{
	text-align: left !important;
}

form.standard_form table th, 
form.standard_form table td
{
	padding-left:3px;
	padding-right:3px;
	border:0px;
}

table.form_content th, 
table.form_content td
{
	padding-left:3px;
	padding-right:3px;
	border:0px;
}

table.email td.desc,
table.email th.desc
{
	font-weight:bold;
}

div.center {
	margin:auto;
	text-align:center;
}

.clear {
	clear:both;
}

div.ganze_seite {
	margin:10px;
}

div.form_content_buttons
{
	padding-bottom:2em;
}

.center
{
	text-align:center;
}

.block
{
	display: block;
}

select.ints
{
	text-align:right;
}

select.ints option
{
}

.einzug_links
{
	padding-left:0;
	margin-left:30px;
}

ul.produktauswahl
{
	padding:0;
	margin:0;
}

ul.kein_einzug,
ul.text.kein_einzug
{
	padding-left:0;
	margin-left:0;
}

.underline
{
	text-decoration:underline;
}

.first
{
	margin-top:0;
	padding-top:0;
}

.gold,
a.fnc.gold
span.gold a,
span.weiss a.gold,
ul.gold,
a.fnc.gold,
.g, ul.g, a.g, span.g, span.fnc.g, a.fnc.g, span.frmt.g
{
	color:rgb(210,172,103);
}

a:hover span.gold, a:active span.gold
{
	color:rgb(210,172,103);
	text-decoration:underline;
}


.weiss,
a.fnc.weiss,
span.weiss a,
span.gold a.weiss,
ul.weiss,
.w, ul.w, a.w, span.w, span.fnc.w, a.fnc.w, span.frmt.w
{
	color: white;
}

.smallcaps
{
	font-variant: small-caps;
}

.nicht_aktiv
{
	color: gray;
}

ul.ohne_abstand_oben
{
	padding-top: 0;
	margin-top: 0;
}

ul.ohne_abstand_unten
{
	padding-bottom: 0;
	margin-bottom: 0;
}

ul.ohne_abstand_links
{
	padding-left: 0;
	margin-left: 0;
}

ul.main_menu
{
	padding-left: 0;
	margin-left: 0;
}

ul.sub_menu
{
	padding-left: 0;
	margin-left: 15px;
}

ul.mainmenu
{
	padding-left: 0;
	margin-left: 0;
	font-weight: bold;
}

ul.submenu
{
	padding-left: 0;
	margin-left: 15px;
	font-weight: normal;
}

ul.submenu li:hover
{
	/*background-color:#EEEEEE;*/
}

.abstand_oben
{
	margin-top: 30px;
}

.abstand_unten
{
	margin-bottom: 15px;
}

.abstand_unten_gross
{
	margin-bottom: 50px;
}

.abstand_links
{
	margin-left: 15px;
}

.abstand_rechts
{
	margin-right: 15px;
}

ul.text li
{
	margin-top: 5px;
	padding-top: 0;
}

ul.text.disc li,
ul.text.punkt li
{
	list-style-type: disc;
}
ul.text.circle li,
ul.text.kreis li
{
	list-style-type: circle;
}
ul.text.square li,
ul.text.quadrat li
{
	list-style-type: square;
}
ul.text.decimal li,
ul.text.zahlen li
{
	list-style-type: decimal;
	
}
ul.text.lower_roman li,
ul.text.iii li
{
	list-style-type: lower-roman;
}
ul.text.upper_roman li,
ul.text.III li
{
	list-style-type: upper-roman;
}
ul.text.lower_alpha li,
ul.text.abc li
{
	list-style-type: lower-alpha;
}
ul.text.upper_alpha li,
ul.text.ABC li,
ol.upper_alpha
{
	list-style-type: upper-alpha;
}

ul.text,
ul.kleiner_einzug
{
	margin-left: 15px;
	padding-left: 0;
	margin-bottom: 0;
	margin-top: 0;
	padding-bottom: 0;
	padding-top: 0;
}

ul.grosser_einzug,
ul.text.grosser_einzug
{
	margin-left: 30px;
	padding-left: 0;
}

ul.text._0 li
{
	margin-top: 0px;
}

ul.text._1 li
{
	margin-top: 1px;
}

ul.text._2 li
{
	margin-top: 2px;
}

ul.text._3 li
{
	margin-top: 3px;
}

ul.text._4 li
{
	margin-top: 4px;
}


ul.text.produktliste
{
	padding-left: 0;
	margin-left: 0;
}

ul.text.produktliste li
{
	margin-top: 3px;
}

ul.text.produktliste li.abstand_oben
{
	margin-top: 25px;
}

.klein,
.kl, ul.kl, a.kl, span.kl, span.fnc.kl, span.frmt.kl
{
	font-size: 80%;
	letter-spacing: 0.08em;
	line-height: 100%;
}

.gross,
.gr, ul.gr, a.gr, span.gr, span.fnc.gr, span.frmt.gr
{
	font-size: 120%;
}

.dn
{
	display: none;
}

.infobox { position: relative; }
/*a.infobox:hover {cursor:help; background:white;}*/
.infobox span {
	display: none;
	position:absolute;
	top: 0;
	left: -80px;
	padding:1em;
	z-index: 100;
	min-width: 170px;
	max-width: 300px;
	background: #C9C9C9;
	margin-top:1.5em; 
	text-decoration:none;
}

.infobox.warn span {color: black;}

.infobox:hover span, a.infobox:focus span, a.infobox:active span {
	display: block; 
}

.infobox span:hover
{
	display: none;
}

/* .infobox_flexibel { position: relative; display: block} */
/* .infobox_flexibel span { */
/* 	display: none; */
/* 	position:absolute; */
/* 	top: 0; */
/* 	left: -80px; */
/* 	padding:1em; */
/* 	z-index: 100; */
/* 	background: #C9C9C9; */
/* 	margin-top:1.5em;  */
/* 	text-decoration:none; */
/* } */

/* .infobox_flexibel.warn span {color: black;} */
/* .infobox_flexibel:hover span, a.infobox_flexibel:focus span, a.infobox_flexibel:active span { display: block; } */
/* .infobox_flexibel span:hover { display: none; } */

body.hilfe .heftig{display: block; font-weight: bold;}
body.hilfe .feld {font-family: Courier New;}

input.imgbttn
{
	padding: 0;
	margin: 0;
	padding-left: 3px;
	padding-right: 3px;
}

input.date
{
	width: 5.3em;	
}

input.nc /*numeric*/
{
	text-align: right;
}

span.exec_duration
{
	/*position: absolute;
	left: 0;*/
}

optgroup
{
	font-style: normal;
}

/********* PROJECT *********/
tr .boolean
{
	text-align:center;
	min-width:4.5em;
	width:4.5em;
}

tr .ist_rechnungsempfaenger,
tr .ist_ansprechpartner_rechnung,
tr .ist_ansprechpartner_auftrag,
tr .ist_ansprechpartner_auftrag,
tr .ist_ansprechpartner_auftrag_anschreiben,
tr .ist_lieferanschrift,
tr .ist_ansprechpartner_lieferung
{
	text-align:center;
	min-width:8em;
	width:8em;
}

tr .preis,
tr .gewicht,
tr .menge,
tr .sort,
tr .stunden,
tr .dauer, 
tr .nummer
{
	text-align:right;
}

tr .preis,
tr .nummer,
tr .gewicht,
tr .einheit_name,
tr .einheit,
tr .menge,
tr .sort,
tr .kurz
{
	min-width:4.5em;
	width:4.5em;
}

tr .id
{
	text-align:right;
	min-width:4.5em;
	width:4.5em;
}

tr .id_kurz
{
	text-align:right;
	min-width:2em;
	width:2em;
}

tr .lang
{
	max-width:11em;
	width:11em;
}

ul.agb,
ul.impressum,
ul.kontakt
{
	margin:0;
	padding:0;
}

ul.agb li,
ul.impressum li,
ul.kontakt li
{
	margin-top:30px;
}

ul.agb li.first,
ul.impressum li.first,
ul.kontakt li.first
{
	margin-top:0px;
	padding-top:0px;
}

ul.agb .name,
ul.impressum .name,
ul.kontakt .name
{
	font-weight:bold;
}

ul.agb .inhalt,
ul.impressum .inhalt,
ul.kontakt .inhalt
{
	margin-left:25px;
	margin-top:10px;
}

input.ro, textarea.ro {background: buttonface;}

input.decimal
{
	text-align: right;
}