@CHARSET "UTF-8";

html {
	color: #000;
	background: #FFF;
	font-family: Arial, Helvetica, sans-serif
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code,
	form, fieldset, legend, input, button, textarea, p, blockquote, th, td
	{
	margin: 0;
	padding: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

fieldset, img {
	border: 0
}

address, caption, cite, code, dfn, em, strong, th, var, optgroup {
	font-style: inherit;
	font-weight: inherit
}

del, ins {
	text-decoration: none
}

li {
	list-style: none
}

caption, th {
	text-align: left
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: 400
}

q:before, q:after {
	content: ''
}

abbr, acronym {
	border: 0;
	font-variant: normal
}

sup {
	vertical-align: baseline
}

sub {
	vertical-align: baseline
}

legend {
	color: #000
}

input, button, textarea, select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit
}

input, button, textarea, select {
	font-size: 100%
}

@font-face {
	font-family: danielregular;
	src:
		url(../../assets/fonts/daniel/daniel_regular_macroman/daniel-webfont.eot);
	src:
		url(../../assets/fonts/daniel/daniel_regular_macroman/daniel-webfont.eot?#iefix)
		format('embedded-opentype'),
		url(../../assets/fonts/daniel/daniel_regular_macroman/daniel-webfont.woff)
		format('woff'),
		url(../../assets/fonts/daniel/daniel_regular_macroman/daniel-webfont.ttf)
		format('truetype'),
		url(../../assets/fonts/daniel/daniel_regular_macroman/daniel-webfont.svg#danielregular)
		format('svg');
	font-weight: 400;
	font-style: normal
}

.inline_logo:after {
	content: 'schreibDeineRechnung.de'
}

.page {
	background-color: #f3e5c0;
	padding: 15px 30px 30px;
	-webkit-border-radius: 10px;
	border-radius: 10px
}

.isloading {
	background: url(../../assets/images/loader.png) no-repeat center center;
	width: 100%;
	min-height: 100px
}

.isloading.small {
	background-image: url(../../assets/images/loader_small.png);
	min-height: 14px;
	max-height: 16px
}

#facybox .w, #facybox .e, #facybox .n, #facybox .s, #facybox .ne,
	#facybox .nw, #facybox .se, #facybox .sw {
	background: 0 0
}

#facybox .body .content {
	padding: 30px
}

#facybox .body .button {
	margin-top: 20px
}

#flat_calendar {
	margin-top: 15px;
	border: 1px solid rgba(255, 255, 255, .1);
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: -moz-linear-gradient(top, rgba(255, 255, 255, .06) 0,
		rgba(255, 255, 255, .15) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,
		255, 255, .06)), color-stop(100%, rgba(255, 255, 255, .15)));
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, .06) 0,
		rgba(255, 255, 255, .15) 100%);
	background: -o-linear-gradient(top, rgba(255, 255, 255, .06) 0,
		rgba(255, 255, 255, .15) 100%);
	background: -ms-linear-gradient(top, rgba(255, 255, 255, .06) 0,
		rgba(255, 255, 255, .15) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0fffffff',
		endColorstr='#26ffffff', GradientType=0);
	background: linear-gradient(top, rgba(255, 255, 255, .06) 0,
		rgba(255, 255, 255, .15) 100%)
}

#flat_calendar .ui-widget-content {
	background: 0 0;
	border: 0;
	color: #FFF
}

#flat_calendar .ui-widget-header {
	background: 0 0;
	border: 0;
	color: #FFF
}

#flat_calendar .ui-state-default {
	background: 0 0;
	border: 1px solid transparent;
	color: #FFF;
	text-align: center
}

#flat_calendar .ui-state-highlight {
	border: 1px solid #FFF;
	-webkit-border-radius: 2px;
	border-radius: 2px
}

#flat_calendar .ui-widget-header .ui-icon {
	background-image:
		url(../scripts/lib/jquery/ui/themes/flick/images/ui-icons_666666_256x240.png)
}

#flat_calendar .ui-widget-header .ui-icon:hover {
	background-image:
		url(../scripts/lib/jquery/ui/themes/flick/images/ui-icons_666666_256x240.png)
}

#flat_calendar .ui-state-hover, #flat_calendar .ui-state-active {
	border: 0;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: -moz-linear-gradient(top, rgba(255, 255, 255, .08) 0,
		rgba(255, 255, 255, .17) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,
		255, 255, .06)), color-stop(100%, rgba(255, 255, 255, .15)));
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, .06) 0,
		rgba(255, 255, 255, .15) 100%);
	background: -o-linear-gradient(top, rgba(255, 255, 255, .06) 0,
		rgba(255, 255, 255, .15) 100%);
	background: -ms-linear-gradient(top, rgba(255, 255, 255, .06) 0,
		rgba(255, 255, 255, .15) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0fffffff',
		endColorstr='#26ffffff', GradientType=0);
	background: linear-gradient(top, rgba(255, 255, 255, .06) 0,
		rgba(255, 255, 255, .15) 100%)
}

#flat_calendar table.ui-datepicker-calendar th span {
	text-decoration: underline
}

.half_transparent {
	color: #FFF;
	padding: 8px;
	border: 1px solid rgba(255, 255, 255, .1);
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: -moz-linear-gradient(top, rgba(255, 255, 255, .06) 0,
		rgba(255, 255, 255, .15) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,
		255, 255, .06)), color-stop(100%, rgba(255, 255, 255, .15)));
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, .06) 0,
		rgba(255, 255, 255, .15) 100%);
	background: -o-linear-gradient(top, rgba(255, 255, 255, .06) 0,
		rgba(255, 255, 255, .15) 100%);
	background: -ms-linear-gradient(top, rgba(255, 255, 255, .06) 0,
		rgba(255, 255, 255, .15) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0fffffff',
		endColorstr='#26ffffff', GradientType=0);
	background: linear-gradient(top, rgba(255, 255, 255, .06) 0,
		rgba(255, 255, 255, .15) 100%)
}

html {
	background: url(../images/woodbg.jpg) repeat
}

body {
	color: #555;
	min-width: 1000px;
	font-size: 12px;
	font-family: Arial;
	padding-bottom: 20px;
	cursor: default;
	margin-bottom: 30px
}

h1, h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 700;
	margin-top: 25px;
	margin-bottom: 20px
}

h1:first-child, h2:first-child {
	margin-top: 0
}

h1:last-child, h2:last-child {
	margin-bottom: 0
}

h2 {
	font-size: 14px
}

textarea, .textareaClone {
	min-height: 3em
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button,
	input::-webkit-clear-button {
	-webkit-appearance: none
}

input, textarea {
	color: #333;
	background-color: #FFF;
	border: 1px solid #999;
	padding: 2px 5px
}

input:focus, textarea:focus {
	color: #000;
	border: 1px solid #000
}

input[readonly], textarea[readonly] {
	border: 1px solid #FFF
}

input[disabled], textarea[disabled] {
	border: 0;
	background-color: transparent;
	color: #555
}

input[type=date], textarea[type=date] {
	border: 0;
	width: 75px;
	text-align: center
}

input.date, textarea.date {
	width: 75px
}

textarea {
	resize: none
}

select {
	color: #999;
	border: 1px solid #BBB;
	padding: 1px
}

select:focus {
	color: #000;
	border: 1px solid #000
}

.hide {
	display: none
}

.fleft {
	float: left
}

.fright {
	float: right
}

.clear_left {
	clear: left
}

.clear_right {
	clear: right
}

.clear_both {
	clear: both
}

.red_border {
	border: 1px solid red
}

.green {
	color: green
}

.bold {
	font-weight: 700
}

.normal {
	font-weight: 400
}

.inline_block {
	display: inline-block
}

.tab_view .tab_head>li {
	cursor: pointer
}

.tab_view .tab_head>li.active {
	font-weight: 700
}

.tab_view .tab_body>li {
	display: none
}

.tab_view .tab_body>li.active {
	display: block
}

.tab_view.top>.tab_head, .tab_view.bottom>.tab_head {
	overflow: hidden;
	clear: all
}

.tab_view.top .tab_head>li, .tab_view.bottom .tab_head>li {
	float: left
}

.tab_view.left, .tab_view.right {
	overflow: hidden;
	clear: all
}

.tab_view.left>.tab_head, .tab_view.left>.tab_body, .tab_view.right>.tab_head,
	.tab_view.right>.tab_body {
	float: left
}

.list {
	padding: 15px 30px 30px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background: url(../images/noise.png) repeat scroll 0 0 #f3e5c0
}

.list .filter {
	overflow: hidden;
	clear: both
}

.list .items_found {
	color: #777;
	font-style: italic;
	float: left;
	margin-top: 13px;
	margin-left: 10px
}

.list .search_input {
	float: right
}

.list .search_input span.input {
	display: inline-block;
	width: 400px;
	position: relative;
	margin-right: 10px
}

.list .search_input input {
	width: 400px
}

.list .search_input input.empty {
	font-style: italic
}

.list .search_input .reset_search {
	position: absolute;
	right: 0;
	top: 3px;
	font-weight: 700;
	cursor: pointer;
	color: #777
}

.list .search_input .reset_search:hover {
	color: #444
}

.list .pagination {
	overflow: hidden;
	clear: both;
	margin-top: 10px
}

.list .pagination .navigation {
	width: 150px;
	margin: 0 auto;
	text-align: center
}

.list .pagination .current_item_nums {
	font-size: 11px;
	width: 100px;
	margin: 0 auto;
	margin-top: 5px;
	text-align: center
}

.list .pagination .page_limit {
	float: right
}

.list .heading {
	margin-top: 30px;
	overflow: hidden
}

.list .heading div {
	float: left;
	color: gray
}

.list .heading div.customer_no {
	margin-left: 10px;
	width: 100px
}

.list .heading div.customer_name {
	width: 300px
}

.list .order {
	margin-top: 40px
}

.list .items {
	margin-top: 20px
}

#header {
	width: 940px;
	margin: 0 auto;
	margin-top: 60px;
	overflow: hidden
}

#header_menu_back {
	width: 650px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color: rgba(255, 255, 255, .25);
	-moz-box-shadow: 0 4px 4px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .5);
	box-shadow: 0 4px 4px rgba(0, 0, 0, .5);
	float: left;
	margin-top: 10px;
	margin-left: 20px
}

#header_menu_back.login {
	width: 380px;
	padding-left: 20px
}

#header_menu {
	padding: 15px
}

#header_menu li {
	font-size: 16px;
	color: #aca7a1;
	display: inline-block;
	cursor: pointer;
	margin-right: 10px
}

#header_menu li a {
	color: #aca7a1;
	text-decoration: none
}

#header_menu li a:hover {
	color: #FFF
}

#header_menu li.active a {
	color: #FFF
}

#header_logo {
	float: left;
	width: 236px;
	height: 66px;
	margin-left: 20px;
	background: url(../images/logo.png) no-repeat
}

#header_menu input {
	width: 120px;
	font-size: 12px;
	text-align: center
}

#header_menu input.empty {
	color: #555
}

#content {
	width: 900px;
	margin: 0 auto;
	margin-top: 50px;
	padding-top: 10px
}

#content .content .head {
	padding: 20px;
	border-bottom: 1px solid #999
}

#content .content .head h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: 700;
	color: #FFF
}

#content .content div.action_not_allowed {
	font-weight: 700;
	text-align: center;
	color: #FFF;
	background-color: rgba(255, 0, 0, .1);
	margin: 0 auto;
	margin-top: 20px;
	padding: 20px;
	border: 1px solid rgba(255, 0, 0, .7);
	-webkit-border-radius: 10px;
	border-radius: 10px
}

#content .content div.action_not_allowed a {
	color: #EEE
}

#content .content div.action_not_allowed a:hover {
	color: #999
}

#content .content .body .left_side {
	float: left
}

#content .content .body .right_side {
	float: right;
	text-align: center
}

#today {
	text-align: center;
	font-weight: 700;
	cursor: pointer;
	color: #FFF;
	padding: 8px;
	border: 1px solid rgba(255, 255, 255, .1);
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: -moz-linear-gradient(top, rgba(255, 255, 255, .06) 0,
		rgba(255, 255, 255, .15) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,
		255, 255, .06)), color-stop(100%, rgba(255, 255, 255, .15)));
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, .06) 0,
		rgba(255, 255, 255, .15) 100%);
	background: -o-linear-gradient(top, rgba(255, 255, 255, .06) 0,
		rgba(255, 255, 255, .15) 100%);
	background: -ms-linear-gradient(top, rgba(255, 255, 255, .06) 0,
		rgba(255, 255, 255, .15) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0fffffff',
		endColorstr='#26ffffff', GradientType=0);
	background: linear-gradient(top, rgba(255, 255, 255, .06) 0,
		rgba(255, 255, 255, .15) 100%)
}

#today .day {
	font-size: 36px
}

#footer {
	height: 30px
}

#footer {
	margin: 13px auto 0;
	width: 900px;
	text-align: right;
	color: #999;
	font-size: 11px
}

#footer a {
	margin-right: 7px;
	margin-left: 7px;
	text-decoration: none;
	font-weight: 700;
	color: inherit
}

#footer a:hover {
	text-decoration: underline
}

#copyright {
	margin-left: 10px;
	margin-right: 10px
}

#start {
	position: relative
}

#start #more_informations {
	display: none
}

#where_to_go {
	margin-top: 30px;
	padding: 35px 20px;
	border: 1px solid #FFF;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background: #fff;
	background: -moz-linear-gradient(top, #fff 0, #c9c9c9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff),
		color-stop(100%, #c9c9c9));
	background: -webkit-linear-gradient(top, #fff 0, #c9c9c9 100%);
	background: -o-linear-gradient(top, #fff 0, #c9c9c9 100%);
	background: -ms-linear-gradient(top, #fff 0, #c9c9c9 100%);
	background: linear-gradient(top, #fff 0, #c9c9c9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',
		endColorstr='#c9c9c9', GradientType=0);
	overflow: hidden
}

#where_to_go h1 {
	font-size: 18px;
	font-weight: bolder;
	color: #454545;
	margin-bottom: 10px
}

#where_to_go ul li {
	list-style: disc;
	list-style-position: inside;
	line-height: 20px
}

#go_free {
	height: 240px;
	width: 260px;
	padding-left: 20px;
	border-right: 1px solid #BFBFBF;
	float: left;
	position: relative
}

#go_reg {
	height: 240px;
	padding-left: 40px;
	border-left: 1px solid #FFF;
	float: left;
	position: relative
}

#go_free .button, #go_reg .button {
	color: #FFF;
	font-size: 16px;
	font-weight: 700;
	position: absolute;
	bottom: 0;
	margin: 0;
	padding: 10px 20px;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .7)
}

#btn_goto_free {
	border: 1px solid #77aa40;
	background: #accd36;
	background: -moz-linear-gradient(top, #accd36 0, #649840 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #accd36),
		color-stop(100%, #649840));
	background: -webkit-linear-gradient(top, #accd36 0, #649840 100%);
	background: -o-linear-gradient(top, #accd36 0, #649840 100%);
	background: -ms-linear-gradient(top, #accd36 0, #649840 100%);
	background: linear-gradient(top, #accd36 0, #649840 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#accd36',
		endColorstr='#649840', GradientType=0);
	-moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, .3) inset, 0 1px 3px
		rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .3) inset, 0 1px 3px
		rgba(0, 0, 0, .3);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, .3) inset, 0 1px 3px
		rgba(0, 0, 0, .3)
}

#btn_goto_register {
	border: 1px solid #2284c6;
	background: #45b5e7;
	background: -moz-linear-gradient(top, #45b5e7 0, #3f9cd5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45b5e7),
		color-stop(100%, #3f9cd5));
	background: -webkit-linear-gradient(top, #45b5e7 0, #3f9cd5 100%);
	background: -o-linear-gradient(top, #45b5e7 0, #3f9cd5 100%);
	background: -ms-linear-gradient(top, #45b5e7 0, #3f9cd5 100%);
	background: linear-gradient(top, #45b5e7 0, #3f9cd5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45b5e7',
		endColorstr='#3f9cd5', GradientType=0);
	-moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, .3) inset, 0 1px 3px
		rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .3) inset, 0 1px 3px
		rgba(0, 0, 0, .3);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, .3) inset, 0 1px 3px
		rgba(0, 0, 0, .3)
}

#bills_with_pen {
	width: 293px;
	height: 341px;
	background: url(../images/bills_with_pen.png) no-repeat;
	position: absolute;
	right: -10px;
	top: -70px
}

#agb, #imprint, #dataprotect {
	padding: 35px 50px 50px;
	border: 1px solid #FFF;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background: #fff;
	background: -moz-linear-gradient(top, #fff 0, #c9c9c9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff),
		color-stop(100%, #c9c9c9));
	background: -webkit-linear-gradient(top, #fff 0, #c9c9c9 100%);
	background: -o-linear-gradient(top, #fff 0, #c9c9c9 100%);
	background: -ms-linear-gradient(top, #fff 0, #c9c9c9 100%);
	background: linear-gradient(top, #fff 0, #c9c9c9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',
		endColorstr='#c9c9c9', GradientType=0)
}

#agb {
	text-align: center
}

#agb h1, #imprint h1 {
	text-align: center
}

#dataprotect h3 {
	font-weight: bold;
}

#dataprotect li {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 30px;
}

#dataprotect p {
    text-align: justify;
    margin: 1em;
    padding: 1em:
}	

#agb .pdf_symbol {
	background: url(../images/file_pdf.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	display: inline-block;
	height: 16px;
	width: 16px
}

#imprint h2 {
	text-align: center
}

#imprint_info {
	text-align: center;
	margin-top: 15px;
	margin-bottom: 30px;
	font-style: italic
}

#imprint_data {
	margin: 0 auto;
	width: 270px
}

#imprint_data .imprint_data {
	margin-bottom: 30px
}

#imprint_data .label {
	font-size: 12px;
	font-weight: 700;
	display: inline-block;
	padding: 0;
	width: 140px
}

#imprint_data .value {
	font-size: 12px
}

#imprint .telno_price_info {
	text-align: center;
	font-size: 11px
}

#pmx_agb {
	display: inline-block;
	width: 120px;
	color: #FFF;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	padding: 5px 20px;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .7);
	border: 1px solid #2284c6;
	background: #45b5e7;
	background: -moz-linear-gradient(top, #45b5e7 0, #3f9cd5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45b5e7),
		color-stop(100%, #3f9cd5));
	background: -webkit-linear-gradient(top, #45b5e7 0, #3f9cd5 100%);
	background: -o-linear-gradient(top, #45b5e7 0, #3f9cd5 100%);
	background: -ms-linear-gradient(top, #45b5e7 0, #3f9cd5 100%);
	background: linear-gradient(top, #45b5e7 0, #3f9cd5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45b5e7',
		endColorstr='#3f9cd5', GradientType=0);
	-moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, .3) inset, 0 1px 3px
		rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .3) inset, 0 1px 3px
		rgba(0, 0, 0, .3);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, .3) inset, 0 1px 3px
		rgba(0, 0, 0, .3)
}

#pmx_bb {
	display: inline-block;
	width: 300px;
	color: #FFF;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	padding: 5px 20px;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .7);
	border: 1px solid #2284c6;
	background: #45b5e7;
	background: -moz-linear-gradient(top, #45b5e7 0, #3f9cd5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45b5e7),
		color-stop(100%, #3f9cd5));
	background: -webkit-linear-gradient(top, #45b5e7 0, #3f9cd5 100%);
	background: -o-linear-gradient(top, #45b5e7 0, #3f9cd5 100%);
	background: -ms-linear-gradient(top, #45b5e7 0, #3f9cd5 100%);
	background: linear-gradient(top, #45b5e7 0, #3f9cd5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45b5e7',
		endColorstr='#3f9cd5', GradientType=0);
	-moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, .3) inset, 0 1px 3px
		rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .3) inset, 0 1px 3px
		rgba(0, 0, 0, .3);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, .3) inset, 0 1px 3px
		rgba(0, 0, 0, .3)
}

#lobby.content .left_side {
	font-size: 14px;
	max-width: 595px;
	padding: 30px
}

#lobby.content ul li {
	display: list-item;
	list-style: disc inside none
}

#btn_new_bill {
	margin-bottom: 20px
}

#bill {
	position: relative
}

#bill .body {
	padding: 60px 55px 60px 60px;
	margin-bottom: 20px;
	background-color: #FFF
}

#pen {
	width: 139px;
	height: 531px;
	background: url(../images/pen.png) no-repeat;
	position: absolute;
	left: 865px;
	top: -30px
}

#bill .head {
	position: relative
}

#bill_creator_company_name {
	color: #444;
	font-size: 30px;
	font-weight: 700;
	font-style: italic;
	min-height: 35px;
	border-bottom: 5px solid #555
}

#bill_creator_legal_rep {
	margin-top: 5px
}

#bill_address_field {
	margin-top: 100px;
	position: absolute
}

#bill_creator_address {
	position: absolute;
	top: 185px;
	width: 400px;
	font-size: 10px;
	border: 0;
	border-bottom: 1px solid #666;
	padding: 0
}

#bill_creator_address.edit {
	top: 50px;
	padding: 5px 10px;
	width: 380px
}

#bill_creator_address .buttons {
	position: absolute;
	right: 0;
	bottom: 2px
}

#bill_creator_address p.input {
	display: inline-block
}

#bill_creator_address.edit p.input {
	display: block;
	font-size: 13px
}

#bill_creator_address p.input .display_value {
	margin: 0
}

#bill_creator_address p.input.empty .display_value {
	color: #444;
	font-style: italic
}

#bill_creator_address p.input.empty input, #bill_creator_address p.input.empty[name=customer_type] select,
	#bill_creator_address p.input[name=customer_type] select option:first-child
	{
	color: #666;
	font-style: italic
}

#bill_creator_address p.input.empty select option {
	color: #000;
	font-style: normal
}

#bill_creator_address.edit input[type=text] {
	width: 190px;
	padding-left: 3px
}

#bill_creator_address.edit p.input[name=post_code],
	#bill_creator_address.edit p.input[name=city] {
	float: left
}

#bill_creator_address.edit p.input[name=post_code] input {
	width: 38px
}

#bill_creator_address.edit p.input[name=city] input {
	width: 143px
}

#bill_creator_address.edit select {
	width: 198px
}

#bill_recipient_address {
	position: absolute;
	top: 210px;
	width: 380px
}

#bill_recipient_address input {
	width: 370px
}

#bill_recipient_address p.input[name=first_name] input,
	#bill_recipient_address p.input[name=last_name] input {
	width: 182px
}

#bill_recipient_address p.input[name=post_code] input {
	width: 38px
}

#bill_recipient_address p.input[name=city] input {
	width: 326px
}

#bill_recipient_address.edit .buttons {
	position: absolute;
	bottom: -37px;
	width: 380px
}

#btn_existing_contact {
	float: left;
	margin-left: 0
}

#btn_existing_contact:before {
	content: "..."
}

#bill_head_data {
	position: absolute;
	top: 200px;
	right: 0;
	padding-top: 7px;
	width: 270px;
	min-height: 90px
}

#bill_head_data.edit .buttons {
	position: absolute;
	right: 18px;
	bottom: -37px
}

#bill_head_data .label {
	display: inline-block;
	text-align: right;
	font-weight: 700;
	width: 120px;
	margin-right: 10px
}

#bill_head_data input[type=text] {
	width: 120px
}

#text_rechnung {
	color: #444;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 20px
}

#bill_free_text {
	margin-top: 40px
}

#bill_intro_text, #bill_free_text {
	position: relative
}

#bill_intro_text textarea, #bill_free_text textarea {
	width: 770px;
	border: 1px solid #FFF;
	cursor: text;
	padding: 10px;
	cursor: pointer
}

#bill_intro_text textarea:hover, #bill_free_text textarea:hover {
	background-color: #EEE
}

#bill_intro_text textarea:focus, #bill_free_text textarea:focus {
	cursor: text;
	border: 1px dotted #DDD;
	background: 0 0
}

#bill_free_text.empty.readonly, #bill_intro_text.empty.readonly {
	display: none
}

#bill_intro_text.readonly textarea, #bill_free_text.readonly textarea {
	border: 1px solid #FFF;
	cursor: default;
	background: 0 0;
	padding-left: 0
}

#bill_creator_company {
	text-align: center;
	width: 100%;
	font-size: 11px;
	margin-bottom: 5px
}

#bill_creator_register, #bill_creator_bank, #bill_creator_contact {
	font-size: 11px;
	position: relative;
	width: 255px;
	float: left
}

#bill_creator_register {
	width: 245px;
	margin-left: 5px
}

#bill_creator_bank {
	width: 215px
}

#bill_creator_contact {
	width: 235px;
	margin-left: 5px
}

#bill_creator_company .label, #bill_creator_register .label,
	#bill_creator_bank .label, #bill_creator_contact .label {
	width: 100px;
	display: inline-block;
	font-weight: 700
}

#bill_creator_company .label {
	width: 50px
}

#bill_creator_bank .label {
	width: 50px
}

#bill_creator_contact .label {
	width: 70px
}

#bill_creator_register input {
	width: 135px
}

#bill_creator_bank input, #bill_creator_contact input {
	width: 155px
}

#bill_creator_company.edit .buttons, #bill_creator_register.edit .buttons,
	#bill_creator_bank.edit .buttons, #bill_creator_contact.edit .buttons {
	position: absolute;
	right: -1px;
	bottom: -33px
}

#bill_creator_company.edit .button.save, #bill_creator_register.edit .button.save,
	#bill_creator_bank.edit .button.save, #bill_creator_contact.edit .button.save
	{
	margin-right: 15px
}

#bill_creator_company.edit .button.cancel, #bill_creator_register.edit .button.cancel,
	#bill_creator_bank.edit .button.cancel, #bill_creator_contact.edit .button.cancel
	{
	margin-left: 15px
}

#bill_actions {
	display: none
}

#bill_actions li {
	width: 32px;
	height: 32px;
	display: inline-block;
	cursor: pointer;
	margin-top: 10px;
	margin-left: 10px
}

#bill_actions li:first-child {
	margin-left: 18px
}

#btn_show_pdf {
	background: url(../images/bill_actions.png) -32px 0 no-repeat
}

#btn_show_cancelation_pdf {
	background: url(../images/bill_actions.png) -224px 0 no-repeat
}

#btn_save_bill.inactive {
	cursor: default;
	background: url(../images/bill_actions.png) -160px 0 no-repeat
}

#btn_save_bill {
	background: url(../images/bill_actions.png) -64px 0 no-repeat
}

#btn_complete_bill {
	background: url(../images/bill_actions.png) -128px 0 no-repeat
}

#btn_pay_bill {
	background: url(../images/bill_actions.png) -192px 0 no-repeat
}

#btn_delete_bill {
	background: url(../images/bill_actions.png) 0 0 no-repeat
}

#btn_cancel_bill {
	background: url(../images/bill_actions.png) -96px 0 no-repeat
}

#btn_open_edit {
	background: url(../images/bill_actions.png) -256px 0 no-repeat
}

#btn_open_edit.open {
	background: url(../images/bill_actions.png) -64px 0 no-repeat
}

#bill_header {
	position: relative;
	min-height: 280px
}

#bill_body {
	margin-top: 90px;
	margin-bottom: 40px
}

#parking_zone {
	display: none
}

div.input_section {
	padding: 5px 10px;
	cursor: pointer;
	border: 1px solid #FFF
}

div.input_section:hover {
	background-color: #EEE
}

div.input_section.edit:hover, div.input_section.readonly:hover {
	background: 0 0
}

div.input_section p.input {
	margin-bottom: 2px;
	margin-right: 1px
}

div.input_section.edit p.input {
	margin-bottom: 1px
}

div.input_section.edit {
	cursor: default
}

div.input_section.readonly {
	cursor: default;
	border: 1px solid #FFF
}

div.input_section p[name=last_name], div.input_section p[name=city] {
	margin-left: 5px
}

div.input_section.edit p[name=last_name], div.input_section.edit p[name=city]
	{
	margin-left: 0
}

div.input_section.edit .button {
	cursor: pointer;
	float: right;
	margin-left: 10px;
	font-size: .85em
}

div.input_section.edit .buttons {
	display: inline-block
}

div.input_section .buttons {
	background-color: #FFF;
	display: none
}

div.input_section label, div.input_section input, div.input_section select
	{
	display: none
}

div.input_section.edit label {
	display: inline
}

div.input_section.edit input {
	display: inline;
	border: 0;
	background: #EEE;
	padding-left: 0;
	padding-top: 0;
	padding-bottom: 1px
}

div.input_section.edit input.empty, div.input_section.edit select.empty
	{
	color: #666;
	font-style: italic
}

div.input_section.edit select.empty option {
	color: #000;
	font-style: normal
}

div.input_section.edit select {
	display: inline;
	width: 195px;
	border: 0;
	background: #EEE;
	padding-left: 0;
	padding-top: 0;
	padding-bottom: 1px
}

div.input_section.edit input:focus {
	background-color: #FFF
}

div.input_section .display_value {
	display: inline;
	color: #000
}

div.input_section .display_value.empty {
	color: #666;
	font-style: italic
}

div.input_section.edit .display_value {
	display: none
}

div.input_section p.one_line {
	float: left
}

#bill_head_data span.value {
	display: inline-block;
	min-width: 130px;
	padding: 0 5px;
	text-align: right
}

#bill_positions {
	margin-top: 30px
}

#bill_positions li {
	position: relative
}

#bill_positions.readonly li {
	color: #444
}

#bill_positions li.heading {
	border-bottom: 1px solid #666;
	margin-bottom: 10px
}

#bill_positions li.heading div {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 12px;
	padding-left: 2px
}

#bill_positions li.position {
	font-size: 12px;
	margin-bottom: 10px
}

#bill_positions li.position input, #bill_positions li.position textarea,
	#bill_positions li.position select {
	background-color: #E1E1E1;
	border: 1px solid #FFF;
	color: #454545;
	padding: 5px 4px
}

#bill_positions li.position div.text.oversized {
	position: relative
}

#bill_positions li.position div.text .there_is_more_text {
	display: none;
	position: absolute;
	right: 10px;
	top: 2px;
	font-size: 20px;
	font-weight: 700;
	color: #2C87CD
}

#bill_positions li.position div.text.oversized .there_is_more_text {
	display: inline-block
}

#bill_positions.readonly li.position div.text.oversized .there_is_more_text
	{
	display: none
}

#bill_positions.readonly li.position input, #bill_positions.readonly li.position textarea,
	#bill_positions.readonly li.position select {
	background-color: #FFF
}

#bill_positions ul li.position input {
	height: 17px
}

#bill_positions ul li.position select {
	padding-left: 4px
}

#bill_positions ul li div.number {
	width: 30px;
	margin-right: 5px
}

#bill_positions li.position div.number {
	width: 30px;
	padding-top: 5px;
	padding-left: 3px;
	margin-right: 5px
}

#bill_positions ul li div.text {
	width: 295px
}

#bill_positions li.position textarea.text {
	height: 17px;
	width: 280px;
	overflow: hidden
}

#bill_positions.readonly li.position textarea.text {
	height: auto
}

#bill_positions li div.amount {
	width: 50px;
	margin-right: 5px
}

#bill_positions li.position input.amount {
	width: 40px;
	text-align: center
}

#bill_positions li div.unit {
	width: 75px;
	margin-right: 5px
}

#bill_positions li.position input.unit {
	width: 65px
}

#bill_positions li div.vat {
	width: 65px;
	margin-right: 5px
}

#bill_positions.readonly div.vat select {
	display: none
}

#bill_positions .display_value[name=vat] {
	display: none
}

#bill_positions.readonly .display_value[name=vat] {
	display: inline-block;
	padding-left: 10px;
	padding-top: 8px
}

#bill_positions ul li div.single_price {
	width: 100px;
	text-align: right;
	margin-right: 5px
}

#bill_positions li.position input.single_price {
	width: 100px;
	text-align: right
}

#bill_positions ul li.heading .sum_price {
	margin-left: 10px
}

#bill_positions ul li div.sum_price {
	width: 100px;
	text-align: right
}

#bill_positions ul li.position div.sum_price {
	padding-top: 8px;
	margin-left: 20px
}

#bill_positions li.position .btncol {
	position: absolute;
	right: -30px;
	top: 0;
	width: 25px;
}

#bill_positions li.position .btn_remove_pos, #bill_positions li.position .btn_pos_up,
	#bill_positions li.position .btn_pos_down {
	font-size: 13px;
	position: relative;
	width: 15px;
	right: 0;
	top: 0;
}

#bill_positions li.position .btn_remove_pos {
	color: red;
}

#btns_add_pos {
	margin-top: 30px
}

#btn_add_pos, #btn_add_pos_with_existing_article,
	#btn_add_pos_with_new_article {
	font-size: 10px
}

#bill_sum {
	color: #555;
	margin-top: 20px;
	border-top: 1px solid #666;
	font-size: 12px
}

#bill_sum .text {
	float: left;
	margin-left: 10px
}

#bill_sum .value {
	float: right;
	margin-right: 20px
}

#bill_sum_net {
	margin-top: 5px
}

#bill_net_sums {
	margin-top: 10px
}

#bill_sum_net_novat, #bill_sum_net_5, #bill_sum_net_7, #bill_sum_net_16, #bill_sum_net_19 {
	display: none
}

#bill_vat_sums {
	margin-top: 10px
}

#bill_sum_vat_5, #bill_sum_vat_7, #bill_sum_vat_16, #bill_sum_vat_19 {
	display: none
}

#bill_sum_gross {
	font-size: 16px;
	font-weight: 700;
	margin-top: 5px;
	border-top: 1px solid #666;
	border-bottom: 2px solid #666;
	padding-top: 3px;
	padding-bottom: 3px
}

#bill_list_tabs {
	overflow: hidden;
	position: relative
}

#bill_list_tabs li {
	font-weight: 700;
	float: left;
	position: relative;
	width: 130px;
	height: 23px;
	text-align: center;
	margin-top: 6px;
	margin-right: 1px;
	padding-top: 7px;
	-webkit-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	cursor: pointer
}

#bill_list_tabs li .down_shadow {
	position: absolute;
	height: 27px;
	width: 130px;
	bottom: 0;
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0,
		rgba(206, 206, 206, 0) 24%, rgba(51, 51, 51, .61) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,
		255, 255, 0)), color-stop(24%, rgba(206, 206, 206, 0)),
		color-stop(100%, rgba(51, 51, 51, .61)));
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0,
		rgba(206, 206, 206, 0) 24%, rgba(51, 51, 51, .61) 100%);
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0,
		rgba(206, 206, 206, 0) 24%, rgba(51, 51, 51, .61) 100%);
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0,
		rgba(206, 206, 206, 0) 24%, rgba(51, 51, 51, .61) 100%);
	background: linear-gradient(top, rgba(255, 255, 255, 0) 0,
		rgba(206, 206, 206, 0) 24%, rgba(51, 51, 51, .61) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',
		endColorstr='#9c333333', GradientType=0)
}

#bill_list_tabs li.active {
	height: 23px;
	margin-top: 0;
	padding-top: 13px
}

#bill_list_tabs li.active .down_shadow {
	display: none
}

#bill_list_all {
	background: url(../images/noise.png) repeat;
	background-color: #f3e5c0
}

#bill_list_edit {
	background: url(../images/noise.png) repeat;
	background-color: #f5f1e1
}

#bill_list_unpaid {
	background: url(../images/noise.png) repeat;
	background-color: #d3e8f5
}

#bill_list_paid {
	background: url(../images/noise.png) repeat;
	background-color: #d1ead7
}

#bill_list_canceled {
	background: url(../images/noise.png) repeat;
	background-color: #f3d0d0
}

#bill_list {
	position: relative;
	padding: 15px 30px 30px;
	-webkit-border-radius: 0 8px 8px;
	border-radius: 0 8px 8px;
	background: url(../images/noise.png) repeat
}

#bill_list[bill_status="0"] {
	background-color: #f3e5c0
}

#bill_list[bill_status="1"] {
	background-color: #f5f1e1
}

#bill_list[bill_status="2"] {
	background-color: #d3e8f5
}

#bill_list[bill_status="4"] {
	background-color: #d1ead7
}

#bill_list[bill_status="5"] {
	background-color: #f3d0d0
}

#bill_list .new_bill {
	position: absolute;
	top: -25px;
	right: 0;
	-webkit-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	background-color: #F3E5C0;
	width: 200px;
	padding: 3px 0 10px;
	font-size: 1.1em;
	font-weight: 700;
	text-align: center;
	cursor: pointer
}

#bill_list[bill_status="0"] .new_bill {
	background-color: #f3e5c0
}

#bill_list[bill_status="1"] .new_bill {
	background-color: #f5f1e1
}

#bill_list[bill_status="2"] .new_bill {
	background-color: #d3e8f5
}

#bill_list[bill_status="4"] .new_bill {
	background-color: #d1ead7
}

#bill_list[bill_status="5"] .new_bill {
	background-color: #f3d0d0
}

#bill_list_heading {
	margin-top: 30px;
	overflow: hidden;
	font-size: 12px;
	letter-spacing: 1px
}

#bill_list_heading div {
	float: left;
	color: gray
}

#bill_list_heading div.active {
	color: #282828;
}

#bill_list_heading div.desc::after {
	content: '';
	position: absolute;
	margin: 0 0 0 3px;
	width: 0px;
	height: 0px;
	-webkit-transform: rotate(360deg);
	border-style: solid;
	border-width: 0 3px 12px 3px;
	border-color: transparent transparent #282828 transparent;
}

#bill_list_heading div.asc::after {
	content: '';
	position: absolute;
	margin: 2px 0 0 3px;
	width: 0px;
	height: 0px;
	-webkit-transform: rotate(360deg);
	border-style: solid;
	border-width: 12px 3px 0 3px;
	border-color: #282828 transparent transparent transparent;
}

#bill_list_bills {
	margin-top: 15px
}

#bill_list_bills span.bill_param {
	display: inline-block;
	font-size: 14px
}

#bill_list_heading div.bill_modified, #bill_list .bill_param.bill_modified {
	width: 80px;
	text-align: center;
}

#bill_list_heading div.bill_no, #bill_list .bill_param.bill_no {
	width: 125px;
	margin-left: 20px;
	text-align: center
}

#bill_list_heading div.supply_date, #bill_list .bill_param.supply_date {
	width: 120px;
	margin-left: 10px;
	text-align: center
}

#bill_list_heading div.supply_date_until, #bill_list .bill_param.supply_date_until
	{
	width: 120px;
	margin-left: 10px;
	text-align: center
}

#bill_list_heading div.bill_date, #bill_list .bill_param.bill_date {
	width: 120px;
	margin-left: 10px;
	text-align: center
}

#bill_list_heading div.bill_customer {
	width: 220px;
	margin-left: 20px
}

#bill_list .bill_param.bill_customer {
	width: 215px;
	padding-left: 5px;
	margin-left: 20px
}

#bill_list_heading div.bill_sum, #bill_list .bill_param.bill_sum {
	width: 110px;
	margin-left: 10px;
	text-align: right
}

#bill_list .bill_param.bill_status {
	width: 85px;
	margin-left: 40px;
	display: none
}

#bill_list .bill_param.bill_status .ball {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 5px;
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, .7);
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .7);
	box-shadow: 0 0 2px rgba(0, 0, 0, .7);
	-webkit-border-radius: 5px;
	border-radius: 5px
}

#bill_list .bill_param.bill_status .ball.created {
	background-color: #f5f1e1
}

#bill_list .bill_param.bill_status .ball.unpaid {
	background-color: #d3e8f5
}

#bill_list .bill_param.bill_status .ball.paid {
	background-color: #d1ead7
}

#bill_list .bill_param.bill_status .ball.canceled {
	background-color: #f3d0d0
}

#bill_list[bill_status="0"] .bill_param.bill_status {
	display: inline-block
}

#bill_list_bills li {
	position: relative;
	border-top: 1px solid #f9f4ed;
	border-bottom: 1px solid #9e9e9e;
	padding-top: 15px;
	padding-bottom: 10px;
	cursor: pointer
}

#bill_list_bills li .marker {
	opacity: 0;
	transition: opacity .5s;
	-webkit-transition: opacity .5s;
	width: 6px;
	height: 12px;
	background: url(../images/marker_6x12.png) no-repeat;
	position: absolute;
	top: 18px;
	left: -14px
}

#bill_list_bills li:hover .marker {
	opacity: 1
}

#bill_list_bills li:first-child {
	border-top: 0
}

#bill_list_bills li:last-child {
	border-bottom: 0
}

#bill_list_search {
	overflow: hidden
}

#bill_list_search input {
	width: 400px
}

#bill_list_search input.empty {
	font-style: italic;
	color: #999
}

#bills_found {
	color: #777;
	font-style: italic;
	float: left;
	margin-top: 13px;
	margin-left: 10px
}

#bill_list_search_input {
	float: right
}

.bill_no_method {
	margin-left: 120px;
	cursor: pointer
}

.bill_no_method .active {
	cursor: auto;
	font-weight: 700
}

#article_list {
	padding: 15px 30px 30px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background-color: #F3E5C0;
	position: relative
}

#article_list .new_article {
	position: absolute;
	top: -25px;
	right: 0;
	-webkit-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	background-color: #F3E5C0;
	width: 200px;
	padding: 3px 0 10px;
	font-size: 1.1em;
	font-weight: 700;
	text-align: center;
	cursor: pointer
}

.article_list_heading {
	margin-top: 30px;
	overflow: hidden
}

.article_list_heading div {
	float: left;
	color: gray
}

.article_list_articles {
	margin-top: 15px
}

.article_list_articles span.article_param {
	display: inline-block;
	font-size: 14px
}

.article_list_heading div.article_description, .article_list_articles .article_param.article_description
	{
	width: 310px
}

.article_list_heading div.article_number, .article_list_articles .article_param.article_number
	{
	width: 100px;
	margin-left: 10px
}

.article_list_heading div.article_amount, .article_list_articles .article_param.article_amount
	{
	text-align: right;
	width: 80px;
	margin-left: 10px
}

.article_list_heading div.article_unit, .article_list_articles .article_param.article_unit
	{
	width: 80px;
	margin-left: 20px
}

.article_list_heading div.article_vat, .article_list_articles .article_param.article_vat
	{
	width: 60px;
	margin-left: 10px;
	text-align: right
}

.article_list_heading div.article_single_price, .article_list_articles .article_param.article_single_price
	{
	width: 110px;
	margin-left: 10px;
	text-align: right
}

.article_list_articles .btn_remove_article {
	opacity: 0;
	transition: opacity .5s;
	-webkit-transition: opacity .5s;
	margin-left: 10px
}

.article_list_articles li:hover .btn_remove_article {
	opacity: 1
}

.article_list_articles li {
	position: relative;
	border-top: 1px solid #f9f4ed;
	border-bottom: 1px solid #9e9e9e;
	padding-top: 15px;
	padding-bottom: 10px;
	cursor: pointer
}

.article_list_articles li .marker {
	opacity: 0;
	transition: opacity .5s;
	-webkit-transition: opacity .5s;
	width: 6px;
	height: 12px;
	background: url(../images/marker_6x12.png) no-repeat;
	position: absolute;
	top: 18px;
	left: -14px
}

.article_list_articles li:hover .marker {
	opacity: 1
}

.article_list_articles li:first-child {
	border-top: 0
}

.article_list_articles li:last-child {
	border-bottom: 0
}

.article_list_search {
	overflow: hidden
}

.article_list_search input {
	width: 400px
}

.article_list_search input.empty {
	font-style: italic;
	color: #999
}

.articles_found {
	color: #777;
	font-style: italic;
	float: left;
	margin-top: 13px;
	margin-left: 10px
}

.article_list_search_input {
	float: right
}

.widget_add_article .label {
	width: 200px;
	margin-right: 15px
}

.widget_add_article textarea {
	width: 200px
}

.widget_add_article input {
	width: 200px
}

.widget_add_article .button.save {
	margin-left: 60px !important
}

#contact_list {
	position: relative;
	display: none
}

#contact_list .navigation a {
	cursor: pointer
}

#contact_list .contact {
	clear: both;
	position: relative;
	font-size: 14px;
	cursor: pointer;
	padding-bottom: 10px;
	padding-top: 15px;
	border-top: 1px solid #F9F4ED;
	border-bottom: 1px solid #9E9E9E
}

#contact_list .new_contact {
	position: absolute;
	top: -25px;
	right: 0;
	-webkit-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	background-color: #F3E5C0;
	width: 200px;
	padding: 3px 0 10px;
	font-size: 1.1em;
	font-weight: 700;
	text-align: center;
	cursor: pointer
}

#contact_list .contact:first-child {
	border-top: 0
}

#contact_list .contact:last-child {
	border-bottom: 0
}

#contact_list .contact li {
	display: inline-block
}

#contact_list .contact li.marker {
	float: none;
	opacity: 0;
	transition: opacity .5s;
	-webkit-transition: opacity .5s;
	width: 6px;
	height: 12px;
	background: url(../images/marker_6x12.png) no-repeat;
	position: absolute;
	top: 18px;
	left: -14px
}

#contact_list .contact li.buttons {
	opacity: 0;
	transition: opacity .5s;
	-webkit-transition: opacity .5s
}

#contact_list .contact:hover .marker {
	opacity: 1
}

#contact_list .contact:hover .buttons {
	opacity: 1
}

#contact_list .contact li.customer_no {
	margin-left: 10px;
	width: 100px
}

#contact_list .contact li.customer_name {
	width: 300px
}

#contact_list .contact li.buttons {
	float: right
}

#contact_list .contact .button_no_text {
	font-size: 1em;
	margin-right: 10px
}

#contact_list .contact .button_no_text.remove {
	margin-right: 10px
}

.widget_add_contact .label {
	width: 200px;
	margin-right: 15px
}

.widget_add_contact input {
	width: 200px
}

#settings.content {
	background-color: #f3e5c0;
	padding: 15px 30px 30px;
	-webkit-border-radius: 10px;
	border-radius: 10px
}

#settings.content ul.tab_head {
	border-right: 1px solid #CCC;
	padding: 5px;
	padding-right: 20px;
	width: 150px
}

#settings.content ul.tab_head li {
	margin-bottom: 5px
}

#settings.content ul.tab_body {
	margin-left: 20px;
	padding: 5px;
	width: 634px
}

#settings.content ul.tab_body div {
	margin-bottom: 3px
}

#settings.content ul.tab_body div:last-child {
	margin-bottom: 0
}

#settings.content ul.tab_body div label {
	display: inline-block;
	width: 150px
}

#settings.content ul.tab_body div input {
	width: 200px
}

#settings.content #save_customer_settings {
	margin-top: 20px;
	margin-left: 20px
}

#settings.content ul.bill_no_settings {
	width: 100%
}

#settings.content ul.bill_no_settings li {
	padding-top: 15px;
	margin-top: 15px;
	border-top: 1px solid #CCC
}

#settings.content ul.bill_no_settings li div {
	display: inline-block;
	width: 107px
}

#settings.content ul.bill_no_settings li div input, #settings.content ul.bill_no_settings li div textarea,
	#settings.content ul.bill_no_settings li div select {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin: 0
}

#settings.content ul.bill_no_settings li div.default, #settings.content ul.bill_no_settings li div.active
	{
	width: 50px;
	text-align: center
}

#settings.content ul.bill_no_settings li div.default label, #settings.content ul.bill_no_settings li div.active label
	{
	width: auto
}

#settings.content ul.bill_no_settings li div.default {
	display: none
}

#settings.content ul.bill_no_settings li div.preview .isloading {
	display: none
}

#settings.content ul.bill_no_settings li .remove {
	opacity: 0;
	transition: opacity .5s;
	-webkit-transition: opacity .5s
}

#settings.content ul.bill_no_settings li:hover .remove {
	opacity: 1
}

#settings.content .bill_no_legend {
	margin-top: 25px
}

#settings.content ul#custom_fields_list h1, #settings.content ul#custom_fields_list h2
	{
	margin-top: 25px
}

#settings.content ul#custom_fields_list input, #settings.content ul#custom_fields_list textarea
	{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin: 0
}

#settings.content ul#custom_fields_list ul.custom_field_headline li {
	text-align: center
}

#settings.content ul#custom_fields_list ul li {
	vertical-align: top;
	display: inline-block;
	margin-top: 5px
}

#settings.content ul#custom_fields_list ul li.name {
	display: none;
	width: 100px
}

#settings.content ul#custom_fields_list ul li.label {
	width: 150px
}

#settings.content ul#custom_fields_list ul li.type {
	width: 110px
}

#settings.content ul#custom_fields_list ul li.type input {
	text-align: center
}

#settings.content ul#custom_fields_list ul li.type_max {
	width: 50px
}

#settings.content ul#custom_fields_list ul li.type_max input {
	text-align: center
}

#settings.content ul#custom_fields_list ul li.def_value {
	width: 250px
}

#settings.content div.change_password h1, #settings.content div.change_password h2
	{
	margin-top: 25px
}

#lost_password .after_submit {
	display: none
}

#lost_password .body div {
	padding: 20px
}

#register.content {
	background-color: #f3e5c0;
	padding: 15px 30px 30px;
	-webkit-border-radius: 10px;
	border-radius: 10px
}

#register.content .buttons {
	text-align: right;
	margin-top: 25px
}

#register.content .buttons .button.cancel {
	font-size: .8em
}

#register.content #register_data label {
	display: inline-block;
	width: 130px;
	padding-right: 5px
}

#register.content #register_data .agbs_read {
	vertical-align: top;
	margin-top: 20px
}

#register.content #register_data .agbs_read label.agbs_read_label {
	width: 300px !important;
	vertical-align: bottom
}

#register.content #register_data .agbs_read input {
	vertical-align: top
}

#register.content #register_data .inline_block, #register.content #register_data input[type=text],
	#register.content #register_data input[type=password], #register.content #register_data input[type=email]
	{
	width: 200px
}

#register.content #register_data div.inline_block {
	padding: 6px
}

#register.content #register_data div.inline_block p {
	margin-bottom: 3px
}

#register.content #register_data div.inline_block p:last-child {
	margin-bottom: 0
}

#register.content #register_data div.inline_block label {
	padding-left: 5px
}

#register.content #register_data #reg_param_sole_trader {
	margin-left: 20px;
	margin-bottom: 10px
}

#register.content #register_data .reg_param {
	clear: both;
	overflow: hidden;
	position: relative;
	margin-bottom: 3px
}

#register.content #register_data .reg_param:last-child {
	margin-bottom: 0
}

#register.content #register_data .reg_param.error input {
	border: 1px dotted red;
	color: red
}

#register.content #register_data .reg_param.error:after {
	content: '\2718';
	color: red
}

#register.content #register_data .reg_param .hint {
	display: none;
	font-size: 12px;
	font-style: italic;
	color: red;
	position: absolute;
	padding-left: 20px;
	padding-top: 4px;
	font-size: 10px
}

#register.content #register_data .reg_param.no_tax_number label {
	font-size: .8em
}

#register.content #registered_data {
	display: none
}

#register.content #registered_data .label {
	font-style: italic
}

#register.content #registered_data h1.legal_rep {
	display: none
}

#register.content #registered_data .info {
	padding-bottom: 20px
}

#register.content #registered_data span.label {
	display: inline-block;
	width: 120px
}

#facybox .content a {
	color: #555
}

#facybox .content h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: #2C87CD;
	margin-bottom: 20px;
	text-align: center
}

#facybox .content p {
	margin: 7px 0 10px
}

#facybox .content span.label {
	display: inline-block;
	width: 120px
}

#facybox .content div.text_button {
	margin-left: 120px
}

#facybox .content .text_between_inputs {
	padding-left: 5px;
	padding-right: 5px;
	text-align: center
}

#facybox .content .get_available_bill_numbers {
	display: none;
	margin-left: 120px;
	width: 200px;
	font-size: .8em;
	padding-left: 3px
}

#facybox .content .get_available_bill_numbers:before {
	content: "!";
	color: red;
	padding-right: 5px
}

#facybox .content.dlg_confirm h1, #facybox .content.dlg_confirm .text {
	text-align: center;
	margin-bottom: 20px
}

#facybox .content.dlg_confirm .inputs {
	margin-bottom: 40px
}

#facybox .content.dlg_confirm .text {
	margin-top: 10px;
	font-size: 14px
}

#facybox .content.dlg_confirm .buttons {
	clear: both;
	overflow: hidden
}

#facybox .content.dlg_confirm .buttons .button:first-child {
	float: left
}

#facybox .content.dlg_confirm .buttons .button:last-child {
	float: right
}

#facybox .content.dlg_ok h1, #facybox .content.dlg_ok .text {
	text-align: center;
	margin-bottom: 20px
}

#facybox .content.dlg_ok .inputs {
	margin-bottom: 40px
}

#facybox .content.dlg_ok .text {
	margin-top: 10px;
	font-size: 14px
}

#facybox .content.dlg_ok .buttons {
	clear: both;
	overflow: hidden;
	text-align: center
}

.button {
	cursor: pointer;
	display: inline-block;
	white-space: nowrap;
	opacity: 1;
	background-color: #ccc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eee),
		to(#ccc));
	background-image: -webkit-linear-gradient(top, #eee, #ccc);
	background-image: -moz-linear-gradient(top, #eee, #ccc);
	background-image: -ms-linear-gradient(top, #eee, #ccc);
	background-image: -o-linear-gradient(top, #eee, #ccc);
	background-image: linear-gradient(top, #eee, #ccc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee',
		EndColorStr='#cccccc');
	border: 1px solid #777;
	padding: 0 1.5em;
	margin: .5em;
	font: 700 1em/2em Arial, Helvetica;
	text-decoration: none;
	color: #333;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
	-webkit-border-radius: .2em;
	border-radius: .2em;
	-moz-box-shadow: 0 0 1px 1px rgba(255, 255, 255, .8) inset, 0 1px 0
		rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, .8) inset, 0 1px 0
		rgba(0, 0, 0, .3);
	box-shadow: 0 0 1px 1px rgba(255, 255, 255, .8) inset, 0 1px 0
		rgba(0, 0, 0, .3)
}

.button:enabled:hover {
	background-color: #ddd;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa),
		to(#ddd));
	background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
	background-image: -moz-linear-gradient(top, #fafafa, #ddd);
	background-image: -ms-linear-gradient(top, #fafafa, #ddd);
	background-image: -o-linear-gradient(top, #fafafa, #ddd);
	background-image: linear-gradient(top, #fafafa, #ddd);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa',
		EndColorStr='#dddddd')
}

.button:disabled {
	opacity: .3
}

.button:focus {
	outline: 0;
	background: #fafafa
}

.button:before {
	background: #ccc;
	background: rgba(0, 0, 0, .1);
	float: left;
	width: 1em;
	text-align: center;
	font-size: 1.5em;
	margin: 0 1em 0 -1em;
	padding: 0 .2em;
	-moz-box-shadow: 1px 0 0 rgba(0, 0, 0, .5), 2px 0 0
		rgba(255, 255, 255, .5);
	-webkit-box-shadow: 1px 0 0 rgba(0, 0, 0, .5), 2px 0 0
		rgba(255, 255, 255, .5);
	box-shadow: 1px 0 0 rgba(0, 0, 0, .5), 2px 0 0 rgba(255, 255, 255, .5);
	-webkit-border-radius: .15em 0 0 .15em;
	border-radius: .15em 0 0 .15em
}

.button.add:before {
	content: "\271A"
}

.button.delete:before {
	content: "\2718"
}

.button.save:before, .button.confirm:before {
	content: "\2714"
}

.button.complete:before {
	content: "\2714"
}

.button.cancel:before {
	content: "\2718"
}

.button_no_text {
	cursor: pointer;
	display: inline-block;
	white-space: nowrap;
	background-color: #ccc;
	background: rgba(0, 0, 0, .1);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eee),
		to(#ccc));
	background-image: -webkit-linear-gradient(top, #eee, #ccc);
	background-image: -moz-linear-gradient(top, #eee, #ccc);
	background-image: -ms-linear-gradient(top, #eee, #ccc);
	background-image: -o-linear-gradient(top, #eee, #ccc);
	background-image: linear-gradient(top, #eee, #ccc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee',
		EndColorStr='#cccccc');
	-webkit-border-radius: .2em;
	border-radius: .2em;
	border: 1px solid #777;
	text-decoration: none;
	color: #333;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
	-moz-box-shadow: 0 0 1px 1px rgba(255, 255, 255, .8) inset, 0 1px 0
		rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, .8) inset, 0 1px 0
		rgba(0, 0, 0, .3);
	box-shadow: 0 0 1px 1px rgba(255, 255, 255, .8) inset, 0 1px 0
		rgba(0, 0, 0, .3);
	text-align: center;
	font-size: 1.2em;
	padding: 0 .4em
}

.button_no_text:active {
	position: relative;
	top: 1px
}

button {
	padding: 0;
	margin: 0;
	border: 0
}

.text_button {
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
	color: #555
}

.text_button:hover {
	color: #2C87CD
}

.text_button:before {
	content: "\25B6";
	margin-right: 3px
}

.text_button.disabled, .text_button.disabled:hover {
	color: #999;
	cursor: default
}

#bill_status_actions {
	display: block;
	position: absolute;
	top: 0;
	right: 160px;
	width: 40px
}

#bill_status_actions .lasche_actions {
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	transform: rotate(2deg);
	position: absolute;
	top: 5px;
	right: 5px
}

#bill_status_actions .lasche_actions .paper {
	display: inline-block;
	position: relative;
	min-width: 0;
	height: 50px;
	width: inherit;
	background-color: #fefede;
	color: #555;
	border: 1px solid #BBB;
	-webkit-box-shadow: -2px 0 2px #ddd;
	-moz-box-shadow: -2px 0 2px #ddd;
	box-shadow: -2px 0 2px #ddd;
	padding-left: 10px;
	padding-right: 60px
}

#bill_status_actions .lasche_actions .paper:before {
	z-index: -1;
	position: absolute;
	content: "";
	height: 70%;
	bottom: 15%;
	left: 1%;
	right: 5%;
	background: #777;
	-webkit-box-shadow: 0 5px 10px #777;
	-moz-box-shadow: 0 5px 10px #777;
	box-shadow: 0 5px 10px #777;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg)
}

#bill_status_actions .lasche_status {
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg);
	position: absolute;
	top: 0;
	left: 0
}

#bill_status_actions .lasche_status .paper {
	display: inline-block;
	position: relative;
	min-width: 0;
	height: 30px;
	padding-left: 40px;
	padding-right: 20px;
	color: #555;
	border: 1px solid #BBB;
	-webkit-box-shadow: 2px 0 2px #DDD;
	-moz-box-shadow: 2px 0 2px #DDD;
	box-shadow: 2px 0 2px #DDD
}

#bill_status_actions .lasche_status .paper .label {
	font-family: danielregular;
	font-size: 12px;
	text-align: center;
	padding-top: 9px
}

#bill_status_actions .lasche_status .paper:before {
	z-index: -1;
	position: absolute;
	content: "";
	height: 70%;
	bottom: 15%;
	left: 3%;
	right: 5%;
	background: #777;
	-webkit-box-shadow: 0 5px 10px #777;
	-moz-box-shadow: 0 5px 10px #777;
	box-shadow: 0 5px 10px #777;
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg)
}

#bill_status_actions .clamp {
	position: absolute;
	top: -31px;
	left: 0;
	width: 46px;
	height: 74px;
	background-image: url(../../assets/images/clamp.png)
}

#bill_status_actions.status_created .lasche_actions .paper {
	width: 185px
}

#bill_status_actions.status_created .lasche_status .paper {
	background-color: #fffeea
}

#bill_status_actions.status_created .lasche_status .paper .label {
	content: 'ANGELEGT'
}

#bill_status_actions.status_completed .lasche_actions .paper {
	width: 185px
}

#bill_status_actions.status_completed .lasche_status .paper {
	background-color: #d6efff
}

#bill_status_actions.status_completed .lasche_status .paper .label {
	content: 'UNBEZAHLT'
}

#bill_status_actions.status_overdue .lasche_actions .paper {
	width: 132px
}

#bill_status_actions.status_overdue .lasche_status .paper {
	background-color: #fccff5
}

#bill_status_actions.status_overdue .lasche_status .paper .label {
	content: "ÜBERFÄLLIG"
}

#bill_status_actions.status_paid .lasche_actions .paper {
	width: 132px
}

#bill_status_actions.status_paid .lasche_status .paper {
	background-color: #defee7
}

#bill_status_actions.status_paid .lasche_status .paper .label {
	content: "BEZAHLT"
}

#bill_status_actions.status_canceled .lasche_actions .paper {
	width: 132px
}

#bill_status_actions.status_canceled .lasche_status .paper {
	background-color: #ffd9d8
}

#bill_status_actions.status_canceled .lasche_status .paper .label {
	content: "STORNIERT"
}