/* CSS Document */
.jshide .noscript { display: none; }
* {
	margin:0;
	padding:0;
}
body, html	{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#fff;
	text-align:center;
}
a	{
	text-decoration:none;
}
h2, h3	{
	font-size:20px;
	font-weight:500;
	color:#0A4EA2;
	text-transform:uppercase;
	margin-bottom:20px;
}
h3	{
	font-size:14px;
	margin:0;
}
h2.gruss	{
	text-transform:none;
}
#centerbox	{
	width:960px;
	height:auto;
	margin:20px auto;
	text-align:left;
}
header	{
	float:left;
	width:932px;
	height:140px;
	border:1px solid #ccc;
	margin-bottom:10px;
	padding:0 6px 0 20px;
	background:url(/images/layout/header_tankstelle.jpg) left top #fff;
}
header img.gaspreis	{
	float:right;
	margin-top:6px;
	border:1px solid #CCC;
	border-right-color:#999;
	border-bottom-color:#999;
}
div#zeis h1	{
	float:left;
	width:934px;
	height:42px;
	line-height:42px;
	font-size:22px;
	text-transform:uppercase;
	color:#fff;
	letter-spacing:2px;
	margin-bottom:10px;
	padding:0 6px 0 20px;
	background-color:#0A4EA2;
	opacity:0.75;
}
div#info	{
	float:left;
	width:918px;
	height:28px;
	margin-bottom:10px;
	color:#666666;
	padding:0 20px;
	border:1px solid #ccc;
	background-color:#f1f1f1;
}
div#info.error	{
	border-color:#F00;
	color:#F00;
}
div#info.succsess	{
	border-color:#090;
	color:#090;
}
div#info:hover	{
	background-color:#fff;
	color:#0A4EA2;
	border-color:#0A4EA2;
}
div#info p, div#info a	{
	float:left;
	font-size:11px;
	line-height:30px;
}
div#info a	{
	float:right;
	text-transform:uppercase;
	font-weight:bold;
	color:#0A4EA2;
}
div#info p span	{
	margin-left:20px;
	font-weight:bold;
	color:red;
}
div#info p.error	{
	color:#F00;
	font-weight:bold;
}
footer	{
	float:left;
	width:920px;
	height:24px;
	padding:0 20px;
	font-size:10px;
	text-align:right;
	color:#666;
}
div#inhalt	{
	float:left;
	width:918px;
	height:auto;
	min-height:100%;
	padding:20px;
	border:1px solid #ccc;
	background-color:#fff;
	margin-bottom:10px;
}
nav	{
	float:left;
	width:200px;
	height:auto;
	margin-bottom:10px;
}
nav h3	{
	margin-bottom:10px;
}
nav ul	{
	float:left;
	list-style:none inside;
	margin-bottom:20px;
}
nav ul li	{
	float:left;
	width:200px;
	list-style-image:url(/images/layout/nav_li.png);
	border-bottom:1px solid #ccc;
}
nav ul li:hover, nav ul li.active	{
	list-style-image:url(/images/layout/nav_li_active.png);
	background-color:#f1f1f1;
}
nav ul li.active	{
	background-color:#fff;
}
nav ul li a	{
	line-height:26px;
	color:#333;
	text-transform:uppercase;
	text-decoration:none;
}
nav ul li:hover a, nav ul li.active a	{
	color:#0A4EA2;
}
nav a.logout	{
	font-weight:bold;
	color:#0A4EA2;
}
div#content	{
	float:right;
	width:698px;
	height:auto;
	min-height:100%;
}
div#content h2	{
	float:left;
}
div#content h3	{
	margin-bottom:10px;
}
div#content a	{
	color:#0A4EA2;
}
div#content a:hover	{
	color:#888;
}
div#content p	{
	clear:both;
	font-size:12px;
	line-height:16px;
	margin-bottom:8px;
}
div#content p.user	{
	float:right;
}
div#content p.error	{
	color:#F00;
}
div#content p.erfolg	{
	color:#090
}
div#content span.back	{
	float:right;
	padding:1px 4px;
	border:1px dotted #ccc;
}
div#adressdaten, div#rechnungsinformationen, div#bankverbindung, div#anmeldedaten, div#password, div#invoicelist, div#tanklist, div#anlegen, div#mailing, a#hide, a#hide1, a#hide2	{
	display:none;
}
div#content form	{
	float:left;
	width:100%;
	height:auto;
	margin-bottom:20px;
}
div#content form fieldset	{
	float:left;
	width:100%;
	margin:0 0 5px 0;
	border:none;
}
div#content form fieldset legend, div#content h4	{
	clear:both;
	float:left;
	width:100%;
	font-size:12px;
	text-transform:uppercase;
	color:#0A4EA2;
	font-weight:normal;
	line-height:24px;
	margin-bottom:8px;
	border-bottom:1px dashed #ccc;
}
div.hide	{
	height:10px;
	padding:0 0 5px 0;
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
}
div#content form fieldset legend a, div.hide a	{
	float:right;
	font-size:11px;
	color:#777;
	text-transform:none;
}
div#content form fieldset legend a:before, div.hide a:before	{
	content:url(/images/layout/arrow_down.png);
	margin-right:6px;
}
div#content form fieldset legend a:hover, div.hide a:hover	{
	color:#0A4EA2;
}
div#content form label	{
	clear:left;
	float:left;
	width:160px;
	margin:5px 0;
	font-weight:bold;
}
div#content form input.radio, input.checkbox	{
	float:left;
	margin:5px 0;
}
div#content form span.text_label	{
	float:left;
	width:150px;
	margin:8px 0 0 5px;
}
div#content form span.radio_label	{
	float:left;
	width:150px;
	margin:5px 0 5px 5px;
}
div#content form input.text, form select	{
	float:left;
	width:180px;
	padding:1px 2px;
	margin:5px 10px 5px 0;
	border:1px solid #999;
	border-right-color:#ccc;
	border-bottom-color:#ccc;
}
form input:focus, form select:focus	{
	border-color:#0A4EA2 !important;
	color:#0A4EA2 !important;
	-moz-box-shadow: 0 0 3px 0 #999;
}
form select	{
	width:186px;
	padding:0;
}
form select.short	{
	width:60px;
}
form select.short_100	{
	width:100px;
}
div#content form input.error, form select.error	{
	border-color:#F00;
}
div#content form input.readonly	{
	border-color:#fff;
	color:#390;
	font-weight:bold;
}
option.red	{
	color:#F00;
}
select option.green	{
	color:#090;
}
div#content form select.select	{
	width:90px;
	margin-right:10px;
}
div#content form select.option	{
	width:186px;
}
div#content form input.button	{
	float:left;
/*	width:100px; */
}
div#content form input.liste	{
	width:28px !important;
	text-align:center;
	margin:0;
}
div#content form input.icon	{
	display:inline-block;
	margin:2px 0 0 5px;
}
div#content form p.hinweis	{
	display:block;
	width:100%;
	padding:5px;
	border:1px solid #ccc;
	background-color:#CEDCEC;
	color:#555;
}
div#content form p.hinweis:hover	{
	border:1px solid #ccc;
	background-color:#0A4EA2;
	color:#fff;
	cursor:help;
}
div#content span.error	{
	float:left;
	line-height:30px;
	color:#F00;
}

<!-- Neues Layout -->

table#liste	{
	width:100%;
	border:none;
	margin:10px 0 20px 0 !important;
}
table#liste tbody	{
	margin-bottom:20px;
}
table#liste tr.second td	{
	background-color:#f5f5f5;
}
table#liste tr:hover td	{
	background-color:#DAE5F1;
	color:#000;

}
table#liste th, table#liste td	{
	vertical-align:middle;
	width:auto;
	padding:4px;
}
table#liste td	{
	font-size:11px;
	color:#333333;
	border-bottom:1px solid #adadad;
}
table#liste th.nr, table#liste td.nr, table#liste th.aktion, table#liste th.aktion	{
	padding:0 5px;
	text-align:center;
}
table#liste th.aktion, table#liste td.aktion	{
	width:130px;
	text-align:right;
}
table#liste th.left, td.left	{
	text-align:left;
}
table#liste th.center, td.center	{
	text-align:center;
}
table#liste th.right, td.right	{
	text-align:right;
}
table#liste td.summe	{
	background-color:#0A4EA2;
	color:#fff;
	font-weight:bold;
}
table#liste tr:hover td.summe	{
	background-color:#0A4EA2;
	color:#fff;
}
table#liste tr th	{
	font-size:12px;
	font-weight:bold;
	color:#000;
	background-color:#eaeaea;
	background: -webkit-linear-gradient(top, #fff, #ccc);
	background: -moz-linear-gradient(top, #fff, #ccc);
	background: -o-linear-gradient(top, #fff, #ccc);
	background: -ms-linear-gradient(top, #fff, #ccc);
	background: linear-gradient(top, #fff, #ccc);
	border-top:1px solid #ccc;
	border-bottom:1px solid #adadad;
}
table#liste tbody tr td a	{
	display:inline-block;
}
table#liste td input.text	{
	padding:2px;
	width:100px;
}
table#liste td select	{
	padding:2px;
	width:110px;
}
table#liste td select.pin	{
	width:60px;
}
table#liste tbody tr.ze td	{
	color:#fff;
	background-color:#477AB9;
}
table#liste tbody tr.userdata td	{
	color:#fff;
	background-color:#477AB9;
}

table#result	{
	float:left;
	width:698px;
	border:none;
	font-size:11px;
	margin-bottom:20px;
}
table#result tr td	{
	vertical-align:top;
	padding:5px 3px;
	text-align:center;
}
table#result.rechnungen tr th.date, td.date	{
	width:256px;
}
table#result.karten tr th.ktnr, td.ktnr	{
	width:180px;
}
table#result.orders tr th.lastschrift, td.lastschrift	{
	width:100px;
}
table#result.orders tr th.ueberweisung, td.ueberweisung	{
	width:100px;
}
table#result tr th.kdnr, td.kdnr	{
	width:50px;
}
table#result tr th.date, td.date	{
	width:150px;
	text-align:left;
}
table#result tr th.adresse, td.adresse	{
	width:150px;
	text-align:left !important;
}
table#result tr th.price, td.price	{
	width:100px;
	text-align:right !important;
}
table#result tr th.mwst, td.mwst	{
	width:100px;
	text-align:right;
}
table#result tr th.betrag, td.betrag	{
	width:100px;
	text-align:right;
}
table#result tr th.name, td.name	{
	width:188px;
	text-align:left !important;
}
table#result tr th.firma, td.firma	{
	width:200px;
	text-align:left !important;
}
table#result tr th.betrag, td.betrag	{
	width:80px;
	text-align:center;
}
table#result tr th.edit, td.edit	{
	width:80px;
	text-align:center;
}
table#result tr td.edit a	{
	margin:0 0 5px 0;
	padding:0;
	display:block;
	width:80px;
	height:18px;
	line-height:18px;
	color:#fff;
	background:url(/images/layout/bgr_button.png) center bottom no-repeat;
}
table#result tr th	{
	padding:10px 0;
	font-size:12px;
	font-weight:normal;
	color:#fff;
	font-weight:bold;
	background-color:#0A4EA2;
	border-bottom:1px solid #ccc;
}
table#result tr.header_1 td	{
	vertical-align:top;
	padding:5px 0;
	border-bottom:1px solid #ccc;
}
table#result tr.header_2 td	{
	vertical-align:top;
	padding:5px 0;
	border-bottom:1px solid #ccc;
}
table#result tr.header_2	{
	background-color:#f0f0f0;
}
table#result tr.header_1:hover, table#result tr.header_2:hover	{
	background-color:#CEDCEC;
}
table#result tr.summe	{
	background-color:#5383BE;
	color:#fff;
	font-weight:bold;
}
table#result tr.summe:hover	{
	background-color:#0A4EA2;
}
table#result tr.summe td	{
	border-bottom:1px solid #fff;
	padding-right:0;
}
div#laden	{
	float:left;
	width:300px;
	height:20px;
	padding:2px;
	margin:10px 0;
	border:1px solid #ccc;
	border-radius:5px;
	overflow:hidden;
	box-shadow: 2px 2px 8px #888;
}
div#laden div#ladebalken	{
	background-color:#090;
	border-radius:3px;
	height:20px;
	background: -moz-linear-gradient(top, #6f0, #090);
}
div#prozent	{
	float:left;
	width:80px;
	height:24px;
	line-height:24px;
	padding-left:12px;
	margin:10px 0;
	color:#000;
	font-weight:bold;
}