/* Dokument: site.css */
/* --------------------------------------------
Author:   		Nikolaos Valkanis
last update:  	7 May 2007
----------------------------------------------- */

body,div,table,tr,td,input {
    font-family: verdana, arial, helvetica, sans-serif;
    color: #494949;
}
td.center {
	text-align:center;
}
td.right {
	text-align:right;
}

.background {
	background-color: #F9F9F9;
	width: 100%;
	padding:0px;
	margin:0px;
}
#navigation {
	height:61px;
	margin-left:80px;
}

/* pageheader 
----------------------------------------------- */
.header {
}
#header_left {
}
#header_right {
}
#header_logo {
	margin-top:12px;
	margin-left:14px;
}

#title {
	font-size: 2.2em;
	text-decoration:none;
	font-weight:bold;
}

#title_uline {
	border-bottom: 2px solid #990033; 
	color: #26354A;
}

#subtitle {
	padding: 5px 0 0 42px;
	font-size: 1.5em;
}

.login_label {
	color:#8F8F8F;
	width:72px;
	font-size:10px;
	font-weight:bold;
}

/* Links 
----------------------------------------------- */
a:link {
 color: #000099;
}
a:visited {
 color:#000099;
}
a:hover {
 color:#000099;
 text-decoration:none;
}
a:active {
 color:#000099;
}

a.footer:link {
	font-size:9px;
	color:#5A5A5A;
}
a.footer:visited {
	font-size:9px;
	color:#5A5A5A;
}
a.footer:hover {
	font-size:9px;
	color:#5A5A5A;
}
a.footer:active {
	font-size:9px;
	color:#5A5A5A;
	text-decoration:none;
}

/* Inhalts Boxen 
----------------------------------------------- */
.inhaltsBox{
	border: 1px solid #C8C8C8;
	background-color: #FFFFFF;
	width: 950px;
}
.inhaltsBox_body{
	background-color: #FFFFFF;
	margin-left: 16px;
}
.inhaltsBox_left{
	border: 1px solid #C8C8C8;
	background-color: #FFFFFF;
	width: 650px;
}
.inhaltsBox_right{
	border: 1px solid #C8C8C8;
	background-color: #FFFFFF;
	width: 287px;
}
.inhaltsBox_big{
	margin-left: 16px;
	background-color: #FFFFFF;
	width: 950px;
}

#inhaltsBox_header {
	height:26px;
	margin-right:10px;
}

#inhaltsBox_rheader {
	float:right;
	width: 1px;
	height: 26px;
}

h1 {
	font-size: 1.6em; 
	margin-bottom:0.5em;
	font-weight:normal;
	color:#468ED1;
	padding :0px;
}

.h1_white {
	font-size:18px;
	font-weight:normal;
	color:#ffffff;
	margin:0px;
	padding :0px;
	display :inline ;
}

.h1_orange {
	font-size:18px;
	font-weight:normal;
	color:#FF8A00;
	margin:0px;
	padding :0px;
	display :inline ;
}

.h1_green_noLink { 
	font-size:18px;
	font-weight:normal;
	color:#046120;
	margin:0px;
	padding :0px;
	display :inline ;
}

.h1_green_succes { 
	font-size:18px;
	font-weight:normal;
	color:#046120;
	margin:0px;
	padding :0px;
	display :inline ;
}

.h1_blue { 
	font-size:18px;
	font-weight: normal;
	color:#468ED1;
	margin:0px;
	padding :0px;
	display :inline ;
}

.h1_blue:hover { 
	font-size:18px;
	font-weight:normal;
	color:#468ED1;
	margin:0px;
	padding :0px;
	display :inline ;
 	cursor:pointer;
 	text-decoration: underline;
}


.h1_green { 
	font-size:18px;
	font-weight:normal;
	color:#046120;
	margin:0px;
	padding :0px;
	display :inline ;
}

.h1_green:hover { 
	font-size:18px;
	font-weight:normal;
	color:#046120;
	margin:0px;
	padding :0px;
	display :inline ;
 	cursor:pointer;
 	text-decoration: underline;
}


.h1_red { 
	font-size:18px;
	font-weight:normal;
	color:#9F0004;
	margin:0px;
	padding :0px;
	display :inline ;
}

.h1_list {
	font-size:14px;
	font-weight:bold;
	color:#468ED1;
	margin:0px;
	padding :0px;
	display :inline ;
}

.aktivInfo {
	padding: 5px; 
	background-color: #edf3fb; 
	border: solid 1px #468ED1;
	font-size: 120%;
	margin: 5px;
}

#info {
	color:#CCCCCC;
	font-size:220%;
	font-weight:bold;
	text-align:center;
	margin-top:45px;
}

#KundenDataNr {
	visibility: hidden;
}

#absender {
	margin-left:10px;
	color:#CCCCCC;
	font-size:180%;
	font-weight:bold;
}

#changeDocument {
	clear:left;
	margin-top:8px;
}

#selectArticle, button.selectArticle {
	clear:left;
	margin-top:8px;
}

#addArticle, #addCustomer, #link_create_document {
	clear:left;
	margin:6px 0 0 15px;
}

#delDiv {
	margin:5px 0 0 5px;
}

#select_all {
	float:left;
}

#select_all2 {
	float:left;margin-left:5px;
}

.loading_image {
	/*margin:10% auto;*/
}

.passivInfo {
	padding: 5px; 
	background-color: #fafafa; 
	border: solid 1px #cccccc;
	color: #c3c1c1;
	margin: 5px;
}

.passivInfo h1 {
	color: #c3c1c1;
}

.passivInfo a {
	color: #c3c1c1;
}

/** NAVIGATION  **/
#Box_unten ul {
	list-style-type:none;
	/*margin:10px;*/
}

#Box_unten ul ul {
	display: none;
	postion: absolute;
	width:175px;
	margin:0;
	left:0px;
	top:26px;
}

#Box_unten ul ul ul {
	left:160px;
	top:0;
}

#Box_unten li {
	width:190px;
	float:left;
	position: relatvie;
	/*margin-bottom: 29px;*/
	/*padding: 5px 15px 5px 5px;*/
}
/*
li ul li {
	float:left;
	position: relatvie;
	padding: 5px 15px 5px 5px;
	background-color:#EEEEFF;
	z-index:10000;
}
*/
#Box_unten li li {
	float:none;
	background-color:#CCCCCC;
	padding:0;
}


#Box_unten li li li {
	background-color:#CCCCCC;
}


#Box_unten li li li a {
	background-color:#666666;
}


#Box_unten li li a {
	width:160px;
	margin:0;
	padding:3px 0 3px 3px;
	line-height:20px;
	display:block;
	background-color:#809BBF;
	border-left: solid 1px black;
	border-right: solid 1px black;
}

#Box_unten li li a.last {
	width:160px;
	margin:0;
	padding:3px 0 3px 3px;
	line-height:1px;
	display:block;
	border-bottom: solid 1px black;
	height: 1px;
}

#Box_unten a:hover  {
	color:#FFFFFF;
}

#Box_unten li:hover ul ul {
	display:none;
}

#Box_unten li:hover ul {
	display:block;
}

#Box_unten li li:hover ul {
	display:block;
}


/** END NAVIGATION **/

/*  Login
----------------------------------------------- */
.background_border {
}

.login_background {
    float:right;
	width: 225px;
	height: 58px;
}

.login_background_foot {
	width: 225px;
	height: 2px;
	clear:both;
	float:right;
}

.loggedin_layout {
	width: 300px;
	border: solid 1px #C8C8C8;
	color: #8F8F8F;
	padding-top:10px;
	padding-left: 10px;
	padding-right:10px;
	padding-bottom: 5px;
}

.login_layout {
	position:realtive;
	right:0;
	float: right;
	border: solid 2px #C8C8C8;
	border-top: none;
	padding:5px;
	width:450px;
	background-color:#fff
}

.login_refs {
	font-size:10px;
}

#loggedIn_button {
	float: left;
	margin: 5px 0 0 8px;
}
/* 
----------------------------------------------- */
.abstand {
    height: 10px;
}

.active { /* aktiv */
	background-color: #FF8A00;
	color: #FFFFFF;
	padding: 1px;
}

/*  Footer
----------------------------------------------- */
.footer {  
  	padding-left:0px;
  	margin:0px;
  	text-align: center;
	/*
	width: 1000px;	
  	margin: 0px auto;
  	padding: 0;
  	background-color: #F5F5F5;
  	border: 1px solid #C8C8C8; */
}

.footer_impressum {  
	text-align: left;
  	vertical-align: middle;	
  	margin: 0 auto;
  	padding: 10px;
  	/*background-color: #F5F5F5;*/
  	background-color: #FFF;
  	border: 1px solid #C8C8C8;
}

.footer_links {  
	text-align: center;
  	vertical-align: middle;	
  	margin: 0px auto;
  	padding: 0px;
  	width: 1000px;
/*
	text-align: left;
  	vertical-align: middle;	
  	margin: 0px auto;*/
}

.image_footer { 
	width: 268px;
	height: 48px;
}

/*  Tabellen
----------------------------------------------- */
.bigTable {
	width: 900px;
	min-height: 250px;
}

#table_rechnungen {
  border-collapse:collapse;
  border-spacing:0;
  border:0;
  border-width:0;
  padding:1px;
  width:200px;
  margin:1em auto;
}

#table_rechnungen th {
  border-style:solid;
  border-width:2px;
  border-color:#ff0000;
  padding:1px;
  background-color:#ffcccc;
  color:inherit;
  text-align:center;
}

#table_rechnungen td.norm {
  border-style:solid;
  border-width:1px;
  border-color:#ff0000;
  padding:1px;
  width:100px;
  text-indent:5px;
}

#table_rechnungen td.zahl {
  border-style:solid;
  border-width:1px;
  border-color:#ff0000;
  padding:1px;
  text-indent:50px;
}

/*  Buttons
----------------------------------------------- */
input.classic {
 border: 1px solid black;
 background-color: #809BBF;
 color: white;  
 width: auto;
 height: auto;
 cursor:pointer;
}


input.classic:hover {
 border: 1px solid black;
 background-color:#809BBF;
 color: white;
 width:85px;
 cursor:pointer;
}

input.red {
 border: 1px solid #9F9F9F;
 background-image:url(../images/back.gif);
 color: #284379;
 font-weight:bold;
 cursor:pointer;
}

input.red:hover {
 border: 1px solid #9F9F9F;
 background-image:url(../images/back2.gif);
 color: #3399cc;
 font-weight:bold;
 cursor:pointer;
}

button.red {
 border: 1px solid #9F9F9F;
 background-image:url(../images/back.gif);
 color: #284379;
 cursor:pointer;
}

button.red:hover {
 border: 1px solid #9F9F9F;
 background-image:url(../images/back2.gif);
 color: #3399cc;
 cursor:pointer;
}

input.red2 {
 border: 1px solid #9F9F9F;
 background-image:url(../images/backRed.gif);
 color: #FFFFFF;
 font-weight:bold;
 cursor:pointer;
}

input.red2:hover {
 border: 0px solid #9F9F9F;
 background-image:url(../images/back2.gif);
 color: #3399cc;
 font-weight:bold;
 cursor:pointer;
}

input.red3 {
 border: 1px solid #9F9F9F;
 background-image:url(../images/back.gif);
 color: #284379;
 font-weight:bold;
 cursor:pointer;
}

input.red3:hover {
 border: 1px solid #9F9F9F;
 background-image:url(../images/backRed.gif);
 color: #FFFFFF;
 font-weight:bold;
 cursor:pointer;
}

ul, ol, dl {margin:0;padding:0}

.bill_help{margin:0 0 1em 1em;}
/* Preise
----------------------------------------------- */

#preise {
	width: 98%;
}

#preise th {
	padding: 5px;
	border-right: 1px solid #070b11;
	border-left: 1px solid #070b11;
	border-top: 1px solid #070b11;
	border-bottom: 2px solid #070b11;
	background: #809bbf;
	color: #ffffff;
	font-weight: bold;
}

#preise td {
	text-align: center;
	padding: 5px;
	border: 1px solid #e1e1e1;
	background: #f9f9f9;

}
 
#preise td.price_checked {
	background:#F9F9F9 url('/images/checked.png') no-repeat center center;
}

#preise .pr_header {
	text-align: left;
	font-size: 12px;
	background: #ffffff;
}

#preise .pr_free {
	border: 0;
	background: #ffffff;
}

/* Eigene Schrift-Stile
----------------------------------------------- */


#strongness { display:block; height:15px; }
.strong-0 { width:4px; background-color:#FFFFFF;}
.strong-1 { width:20px; background-color:#ff0000;}
.strong-2 { width:40px; background-color:#ff2c00;}
.strong-3 { width:60px; background-color:#ff4d00;}
.strong-4 { width:80px; background-color:#ff7300;}
.strong-5 { width:100px; background-color:#ff9900;}
.strong-6 { width:120px; background-color:#ffc700;}
.strong-7 { width:140px; background-color:#ffff00;}
.strong-8 { width:160px; background-color:#b6ff00;}
.strong-9 { width:180px; background-color:#53e200;}
.strong-10{ width:200px; background-color:#00e200;}

.table_templates {
	border: solid 1px #CCCCCC;
}

.table_Overview {
	border: solid 1px #000000; 
	width: 870px;
}
.table_Overview td {
	/*font-size: 11px;*/
}
#table_click {
	cursor: pointer;
}
#table_header {
	font-weight: bold; 
	background-color: #809BBF; 
	color: #FFFFFF;
}
.lock{
/*

	font:12px Verdana;*/
	background: #CCCCCC;
	background-repeat:repeat; 
	border: black 1px solid;
	color: #4B4B4B;
}

/* Funktioniert bei IE nicht
input[type=text][readonly] {
  color: red; // und was dir noch einfällt
}
*/


/* Seiteanzahl Anzeige */

a.pagenav_link2:link, a.pagenav_link2:visited {
	color: #003150; 
	text-decoration: none; 
	font-weight: bold;
	
	padding: 3px; 
	border: solid 1px #90c2e1; 
	background-color: #dfedf7; 
	color: #003150;
	
	float:left;
	text-align:center;
	margin-right:5px;
}
a.pagenav_link2:hover {
	text-decoration: underline;
}

a.pagenav_link:link, a.pagenav_link:visited {
	color: #003150; 
	text-decoration: none; 
	font-weight: bold;
}
a.pagenav_link:hover {
	text-decoration: underline;
}

.pagenav {
	color: #003150; 
	text-decoration: none; 
	font-weight: bold;
	
	padding: 3px; 
	border: solid 1px #90c2e1; 
	background-color: #dfedf7; 
	
	float:left;
	text-align:center;
	margin-right:5px;
}

.pagenav_delimiter {
	color:#003150;
	text-decoration: none; 
	font-weight: bold;
	
	padding:3px; 
	
	float:left;
	text-align:center;
	margin-right:5px;
}

.pagenav:hover {
	background-color: #eef7fc;
}

.pagenav_aktiv {
	color:#ffffff;
	text-decoration: none; 
	font-weight: bold;
	
	padding:3px; 
	border:solid 1px #90c2e1; 
	background-color:#0174bb; 
	
	float:left;
	text-align:center;
	margin-right:5px;
}
/* Seiteanzahl Anzeige ENDE */

/* Button slide */
#panel {
	background: #754c24;
	height: 200px;
	display: none;
}
.slide {
	margin: 0;
	padding: 0;
	border-top: solid 4px #422410;
	background: url(images/btn-slide.gif) no-repeat center top;
}
.btn-slide {
	background: url(images/white-arrow.gif) no-repeat right -50px;
	text-align: center;
	width: 144px;
	height: 31px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
.active {
	background-position: right 12px;
}

/* Button slide ENDE */

#accordion {
	width: 100%;
	border-bottom: solid 1px #c4c4c4;
}


.ui-accordion-header {
text-decoration:none;
font-weight:bold;
color:#000000;
display:block;
width:100%;
text-align:center;
}

.ui-accordion {
	background: #f5f8fe;
	margin: 0;
	padding: 10px 10px 50px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
}

.ui-accordion p {
	height:100px;
	width:100%;
}


#accordion ul.ui-accordion-header {
	background: #333 url(images/arrow-square.gif) no-repeat right -51px;
	padding: 10px 0;
	height:15px;
	margin: 0;
	font: 120%/100% Arial, Helvetica, sans-serif;
	border: solid 1px #d6e3fe;
	border-bottom: none;
	cursor: pointer;
	clear:both;
}
#accordion ul:hover {
	background-color: #ecf2fd;
}

#accordion ul.ui-state-active {
	background-position: right 5px;
	background: #ecf2fd;
	color: black;
}

#accordion .ui-accordion-content-active {
	background: #f5f8fe;
	margin: 0;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
	width:100%;
}

#accordion .ui-accordion-content-active div {
}

#empfaenger_TXT{font-size:110%;padding:5px;height:130px;border:2px dotted #CCCCCC;}
textarea[name=TextRE]{}
textarea.billTextRA[name=TextRA]{width:99%;margin-bottom:10px;height:45px;border:2px dotted #CCCCCC;}
textarea.billTextRE[name=TextRE]{width:99%;height:100px;border:2px dotted #CCCCCC;}

#choose_pos {margin:20px 0 5px 0}
#choose_pos_img {
	display:none;
	float:left;
	margin:8px 0 0 5px;
	cursor:pointer;
}

#demotip { 
    display:none; 
    background-color:#ffa; 
    border:1px solid #cc9; 
    padding:3px; 
    font-size:12px; 
    -moz-box-shadow: 2px 2px 11px #666; 
    -webkit-box-shadow: 2px 2px 11px #666; 
    width:250px;    
}

.subcAuswahlL {
	margin-left:20px;
	padding:10px;
	width:450px;
	border:solid 2px #000000;
	cursor:pointer;
	text-align:center;
}

.subcAuswahlR {
	margin-right:20px;
	float:right;
	padding:10px;
	width:450px;
	border:solid 2px #000000;
	cursor:pointer;
	text-align:center;
}

#FormLogIn {
	width: 100%;
}

#FormLogIn input:focus {
	background-color: #edf3fb;
	border-color:#468ED1;
	/*
	background-color: #dfeeef;
	border-color:#666666;
	*/
}

#FormLogIn .input {
	float:left;
	border: solid 1px #cccccc;
	height: 20px;
	background-color: #fafafa;
	color: #468ED1;
	font-weight: bold;
	width: 255px;
}

#FormLogIn .inputB {
	border: solid 1px #cccccc;
	height: 20px;
	background-color: #fafafa;
	color: #468ED1;
	font-weight: bold;
	width: 185px;
}

#FormLogIn .inputS {
	border: solid 1px #cccccc;
	height: 20px;
	background-color: #fafafa;
	color: #468ED1;
	font-weight: bold;
	width: 59px;
}

#FormLogIn .inputSFe {
	border: solid 1px #cccccc;
	height: 20px;
	background-color: #fafafa;
	color: #468ED1;
	font-weight: bold;
	width: 134px;
}

#FormLogIn .inputSFeo {
	border: solid 1px #cccccc;
	height: 20px;
	color: #468ED1;
	font-weight: bold;
	width: 134px;
}

#FormLogIn .textarea {
	border: solid 1px #cccccc;
	height: 80px;
	background-color: #fafafa;
	color: #468ED1;
	font-weight: bold;
	width: 255px;
    font-family: verdana, arial, helvetica, sans-serif;
	font-size:13px;
}

#FormLogIn .textarea:focus {
	background-color: #edf3fb;
	border-color:#468ED1;
	height: 80px;
	color: #468ED1;
	font-weight: bold;
	width: 255px;
}

/* Registrierungs-Formular */
#registrierung {
	display: block;
  	float: left;
	width:auto;
	margin:10px;
}

#login {
	display: block;
  	float: left;
	width:auto;
	margin:10px 0 0 250px;
}


#login input {
	display: block;
  	float: left;
	width: 250px;
	height: 25px;
	font-size: 14px;
}

#registrierung input, select {
	border: solid 1px #cccccc;
	height: 25px;
	background-color: #fafafa;
	color: #468ED1;
	font-weight: bold;
	width: 255px;
}



#registrierung input#dauer, input#agb, input#vorkasse{
	display: block;
  	float: left;
	width: 15px;
	margin: 10px 0 0 30px;
	font-size: 14px;
}

#registrierung input.inputSmall {
	display: block;
  	float: left;
	width: 50px;
	height: 25px;
	font-size: 14px;
}

#registrierung input.inputLarge {
	display: block;
  	float: left;
	width: 190px;
	height: 25px;
	font-size: 14px;
}

#registrierung label {
	display: block;
	float: left;
	font-size: 14px; 
	text-align: right;  
	width: 200px;
	line-height: 25px;
	margin: 0;
	padding:0 10px 0 0;
	vertical-align:middle;

}

#login label {
	display: block;
	float: left;
	font-size: 14px; 
	text-align: right;  
	width: 150px;
	margin: 0;
	padding:15px 10px 0 0;
}

#registrierung .dauer label {
	display: block;
	float: left;
	font-size: 14px; 
	text-align: left;  
	width: 490px;
	margin: 0;
	padding:10px 0 0 10px;

}

#registrierung .agb label {
	display: block;
	float: left;
	font-size: 14px; 
	text-align: left;  
	width: 490px;
	margin: 0;
	padding:10px 0 0 10px;

}


#registrierung br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

#login br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

#registrierung input#submit { /* den Submit-Button */
  float: none;
  width: auto;
  height: auto;
  margin-left: 55px;
}

form #submit { /* den Submit-Button */
  float: none;
  width: auto;
  height: auto;
  margin-left: 160px;
}

.listBillTemplates {
	padding-left:35px;
}


/**
 * RECHNUNG ERSTELLEN
 *
 */
 
 label, input { display:block; }
		input.text { margin-bottom:12px; width:95%; padding: .4em; }
		div#article-contain {  margin:0}
		div#article-contain table { border-collapse: collapse; width: 100%; }
		div#article-contain table td, div#article-contain table th { padding: .3em 5px }
		.ui-button { outline: 0; margin:0; padding: .4em 1em .5em; text-decoration:none;cursor:pointer; position: relative; text-align: center; }
		.ui-dialog .ui-state-error { padding: .3em;  }
		#sortable tr { height: 1.5em; line-height: 1.2em; border: 1px solid #aaaaaa}
		#sortable tr.ui-state-highlight{ height: 4em; line-height: 2em; border: 1px solid #fcefa1; background: #fbf9ee url(../images/backRed.gif) 50% 50% repeat-x; color: #363636; }
		
.validateTips{ padding: .3em; }

#selectedDocument {float:left;font-size:24px;padding-right:10px}

.ui-state-highlight{
	height: 1.5em;
	line-height: 1.2em;
	background-color: url("images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50% #CCCCCC;
}

.ui-state-default .ui-corner-top .ui-tabs-selected .ui-state-hover .ui-state-active a, .ui-state-default .ui-corner-top .ui-tabs-selected .ui-state-hover .ui-state-active a:hover {
	color:#000;
}
		
		#all :hover, #all a:hover, #all a:focus
		{color:#000;
		}	
#sortable .delRow {
	width:5px;
	text-align:center;
}

#sortable .position  {
	width:35px;
	text-align:left;
}

#sortable .beschreibung  {
	width:500px;
	text-align:left;
}

#sortable .preis, #sortable .gesamt  {
	width:30px;
	text-align:right;
}

#sortable .MwSt, #sortable .menge {
	width:45px;
	text-align:center;
}

#sortable .preis, #sortable .gesamt {
	width:90px;
	text-align:center;
}

#article #delRow {
	width:5px;
	text-align:center;
}

#article #position {
	width:5px;
	text-align:left;
}

#article #beschreibung {
	width:300px;
	text-align:left;
}


#article #preis, #article #gesamt {
	width:30px;
	text-align:right;
}

#article #MwSt, #article #menge, #article #einheit{
	width:20px;
	text-align:center;
}

button {
	cursor: pointer;
}

h2.left {float:left;}

#sidebar {
  width: 0px;
}

.content {
	min-width:900px;min-height:460px;
}

.editable input[type=submit] {
  color: #F00;
  font-weight: bold;
}
.editable input[type=button] {
  color: #0F0;
  font-weight: bold;
}
  
.editable_textarea {
 	cursor:pointer;
}
  /* Empfänger Form */
  
#empfaenger {
	display: block;
  	float: right;
}

#empfaenger input.inputSmall {
	display: block;
  	float: left;
	width: 50px;
	height: 22px;
	margin-top: 10px;
	font-size: 14px;
}

#empfaenger input.inputLarge {
	display: block;
  	float: left;
	width: 143px;
	height: 22px;
	margin-top: 10px;
	font-size: 14px;
}

#empfaenger input, select {
	display: block;
  	float: left;
	width: 200px;
	height: 20px;
	margin-top: 5px;
	font-size: 14px;
}

#empfaenger label {
	display: block;
	float: left;
	font-size: 14px; 
	text-align: right;  
	width: 120px;
	margin: 0;
	padding:8px 10px 0 0;

}

#empfaenger br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

#empfaengerR {
	display: block;
  	float: right;
}

#empfaengerR input.inputSmall {
	display: block;
  	float: left;
	width: 50px;
	height: 22px;
	margin-top: 10px;
	font-size: 14px;
}

#empfaengerR input.inputSmall2 {
	display: block;
  	float: left;
	height: 22px;
	margin-top: 5px;
	font-size: 14px;
	width:100px;
}

.input_small2_dotted {
	display: block;
  	float: left;
	height: 22px;
	margin-top: 5px;
	font-size: 14px;
	width:150px;
	border:2px dotted #CCCCCC;
}

#empfaengerR label {
	display: block;
	float: left;
	font-size: 14px; 
	text-align: right;  
	width: 120px;
	margin: 0;
	padding:8px 10px 0 0;

}

#empfaengerR br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

#ToogleDivLeft {
	float:right;
	display:none;
}

#ToogleDivRight {
	float:right;
}

#SelectCustomer, #addPersonalData {
  	float:left;
	display: block;
  	width:160px;
}

#addRecipient, .SelectCustomer {
  	float:left;
	display: block;
  	width:160px;
  	margin-left:10px;
}

#personalData{
	display:none;
}

#create_draft, #create_draft_edit {
	float:right;margin-right:5px;
}

button #createPDF {
	float:right;margin:10px 0 0 5px;
}

div .createPDF {
	float:right
}

.errorMessage {
	padding: 0pt 0.7em;
}
.errorMessage span.ui-icon-alert {
	float: left; margin-right: 0.3em;
}

button.selectDocument {
	clear: left; margin-top: 10px;width:340px;height:50px;
}

.ui-icon {
	float:left;
}

.ui-icon-transfer-e-w {
	float:right;
}

#SelectCustomer label {
	display: block;
	float: left;
	font-size: 14px; 
	text-align: right;  
	width: 120px;
	margin: 0;
	padding:15px 10px 0 0;

}

#SelectCustomer input, select {
	display: block;
  	float: left;
	width: 200px;
	height: 22px;
	margin-top: 10px;
	font-size: 14px;
}

#SelectCustomer br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}


#empfaengerInput { display: block; }
#empfaengerInput input.inputSmall {display: block;float: left;width: 50px;height: 22px;margin-top: 10px;font-size: 14px;}
#empfaengerInput input.inputLarge {display: block;float: left;width: 143px;height: 22px;margin-top: 10px;font-size: 14px;}
#empfaengerInput input, select {display: block;float: left;width: 200px;height: 22px;margin-top: 10px;font-size: 14px;}
#empfaengerInput label {display: block;float: left;font-size: 14px; text-align: right;  width: 120px;margin: 0;padding:15px 10px 0 0;}
#empfaengerInput br { clear: left; }

#customersInput { display: block; }
#customersInput input.inputSmall {display: block;float: left;width: 50px;height: 22px;margin-top: 10px;font-size: 14px;}
#customersInput input.inputLarge {display: block;float: left;width: 143px;height: 22px;margin-top: 10px;font-size: 14px;}
#customersInput input, select {display: block;float: left;width: 200px;height: 22px;margin-top: 10px;font-size: 14px;}
#customersInput textarea {display: block;float: left;width:290px; height:75px;margin-left:40px;}
#customersInput textarea#kommentar {display: block;float: left;width:665px; height:100px;margin-left:40px;}
#customersInput label.textarea {display: block;float: left;font-size: 14px; width:190px;margin-left: 35px;padding:15px 10px 0 0;}
#customersInput label {display: block;float: left;font-size: 14px; text-align: right;  width: 120px;margin: 0;padding:15px 10px 0 0;}
#customersInput br { clear: left; }

#absenderInput { display: block; }
#absenderInput input.inputSmall {display: block;float: left;width: 50px;height: 22px;margin-top: 10px;font-size: 14px;}
#absenderInput input.inputLarge {display: block;float: left;width: 143px;height: 22px;margin-top: 10px;font-size: 14px;}
#absenderInput input, select {display: block;float: left;width: 200px;height: 22px;margin-top: 10px;font-size: 14px;}
#absenderInput label {display: block;float: left;font-size: 14px; text-align: right;  width: 120px;margin: 0;padding:15px 10px 0 0;}
#absenderInput br { clear: left; }

.classicForm { display: block; }
.classicForm input.inputSmall {display: block;float: left;width: 70px;height: 22px;margin-top: 10px;font-size: 14px;}
.classicForm input.inputLarge {display: block;float: left;width: 203px;height: 22px;margin-top: 10px;font-size: 14px;}
.classicForm input, select {display: block;float: left;width: 280px;height: 22px;margin-top: 10px;font-size: 14px;}
#sortAdminCustomers input, #sortAdminCustomers select {display: block;float: left;width: 280px;height: 22px;margin:0;font-size: 14px;font-weight:normal}
#sortDocument input, #sortDocument select {display: block;float: left;width: 280px;height: 22px;margin:13px 0 0 0;font-size: 14px;font-weight:normal}
.classicForm label {display: block;float: left;font-size: 14px; text-align: right;  width: 120px;margin: 0;padding:15px 10px 0 0;}
.classicForm br { clear: left; }

#articleInput input {text-align:right;display: block; float:left;width:100px;}
#articleInput #beschreibung {width:540px; height:100px;margin-bottom:20px;}
#articleInput br {clear:left;}
#articleInput label {display: block; float:left; width:90px;font-weight:bold; padding-top:5px;}

#addShipping label {display: block; float:left; width:75px;font-weight:bold;padding-top:5px;}
#addShipping br {clear:left;}
#addShipping #shipping_price { display: block; float:left;width:100px; }
#addShipping #shipping_mwst { display: block; float:left;width:100px;  }

#article .ent_MwSt{display:none;}
#article .gesamt{text-align:right;}
#article .MwSt{text-align:center;}
#article .menge, #article .position{text-align:center;}
#article .einheit{text-align:left;}
#article .preis{text-align:right;}

.ui-dialog-title {
	text-align:center;
	font-size:140%;
	color: white;
}
.ui-dialog-titlebar {
/*
	background: #CCCCCC url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) repeat-x scroll 50% 50%;
*/
}

.sumDIV{ clear:right;float:right;}
#summeBrutto{ font-weight:bold; }
.sumDIV_element{ margin-right:10px;float:right;width:150px;text-align:right;font-size:110%; }

.searchMarker {
	font-weight:bold;
	color:#6eac2c;
}
/* ADMIN */
.customers_header {float:left; width:140px;font-weight:bold;padding-left:10px;}
.customers_body {float:left; width:140px;padding-left:10px;}
.customers_header.kdnr, .customers_body.kdnr { width:30px; }
.customers_header.company, .customers_body.company { width:200px; }
.customers_header.tel, .customers_body.tel{ width:120px; }
.customers_header.strasse, .customers_body.strasse { width:140px; }
.customers_header.plz, .customers_body.plz { width:a20px; }
.customers_header.laufzeit, .customers_body.laufzeit { width:20px; }
.customers_header.tarif, .customers_body.tarif { width:20px; }
.customers_body.tarif.red {color:red}
.customers_header.artikel, .customers_body.artikel { width:20px; }
.customers_header.kunden, .customers_body.kunden { width:20px; }
.customers_header.rechnungen, .customers_body.rechnungen { width:20px; }
.customers_header.open_bills, .customers_body.open_bills { width:40px; }
.customers_header.LEnde, .customers_body.LEnde { width:80px; }
.customers_body.LEnde.green {color:green}

/*
.customers_header.name { width:180px; }
.customers_header.tel { width:120px; }
.customers_header.laufzeit { width:20px; }
.customers_header.tarif { width:20px; }
.customers_header.artikel { width:20px; }
.customers_header.kunden { width:20px; }
.customers_header.rechnungen { width:20px; }
.customers_header.LEnde { width:80px; }
*/
/*
#customers .customers_body {float:left; width:140px;}
#customers .customers_body.kdnr{ width:30px; }
#customers .customers_body.company { width:200px; }
#customers .customers_body.name { width:180px; }
#customers .customers_body.address {width:150px;}
#customers .customers_body.tel {width:120px;}
#customers .customers_body.laufzeit { width:20px; }
#customers .customers_body.tarif { width:20px; }
#customers .customers_body.tarif.red { color:red; }
#customers .customers_body.artikel { width:20px; }
#customers .customers_body.kunden { width:20px; }
#customers .customers_body.rechnungen { width:20px; }
#customers .customers_body.LEnde { width:80px; }
#customers .customers_body.LEnde.green { color:green; }
*/
/* ADMIN COUSTOMERS END */

#customers #searchForCustomer { float:left;width:150px;margin: 5px 0 20px 10px; }
#customers #nextPageCustomers { float:right;width:150px;margin: 5px 0 20px 10px;cursor:pointer; }
#customers #prevPageCustomers { float:right;width:150px;margin: 5px 0 20px 10px;cursor:pointer; }
#customers span.left { float:left; }
#customers span.right { float:right; }

/*
#articles .article_header { float:left; width:140px;font-weight:bold; font-size:110%;padding-left:10px; }
#articles .article_body {float:left; width:140px;}
#articles_header #a_nr, #articles #ArtikelNr {width:100px;}
#articles_header #a_bezeichnung, #articles #Bezeichnung {width:570px;padding-left:10px;}
#articles_header #a_einheit, #articles #Einheit  {width:120px; padding-left:20px;}
#articles_header #a_mwst_satz, #articles #MwSt_Satz  {width:80px;}
#articles_header #a_preis, #articles #Preis {width:140px;}
*/

.customers_create_header { float:left; font-weight:bold; font-size:110% }

.customers_create_header#c_id { width:100px }
.customers_create_header#c_company { width:330px; padding-left:10px }
.customers_create_header#c_strasse { width:240px; padding-left:5px }
.customers_create_header#c_plz { width:160px; padding-left:5px }

.customers_create_body { float:left }
.customers_create_body#c_id {  width:100px}
.customers_create_body#c_company { width:330px; padding-left:10px }
.customers_create_body#c_strasse { width:240px; padding-left:5px  }
.customers_create_body#c_plz { width:160px; padding-left:5px  }

.customers_overview_header { float:left; font-weight:bold; font-size:110% }

.customers_overview_header#c_id { width:100px }
.customers_overview_header#c_company { width:350px; padding-left:10px }
.customers_overview_header#c_strasse { width:240px; padding-left:5px }
.customers_overview_header#c_plz { width:160px; padding-left:5px }
.customers_overview_header#c_tel { width:160px; padding-left:5px }

.customers_overview_body { float:left }
.customers_overview_body#c_id {  width:100px}
.customers_overview_body#c_company { width:350px; padding-left:10px }
.customers_overview_body#c_strasse { width:240px; padding-left:5px  }
.customers_overview_body#c_plz { width:160px; padding-left:5px  }

.article_create_body#ArtikelNr { float:left; width:100px }
.article_create_body#Bezeichnung { float:left; width:635px; padding-left:10px }
.article_create_body#Preis { float:left; width:100px; padding-left:5px  }

#articles #searchForArticle {float:left;width:150px;margin: 5px 0 20px 10px;}
#articles #nextPageArticles { float:right;width:150px;margin: 5px 0 20px 10px;cursor:pointer; }
#articles #prevPageArticles { float:right;width:150px;margin: 5px 0 20px 10px;cursor:pointer; }
#articles span.left { float:left; }
#articles span.right { float:right; }

.article_create_header { float:left; font-weight:bold; font-size:110% }

.article_create_header#a_id { width:100px }
.article_create_header#a_bezeichnung { width:635px; padding-left:10px }
.article_create_header#a_preis { width:100px; padding-left:5px  }

.article_create_body#a_id { float:left; width:100px }
.article_create_body#a_bezeichnung { float:left; width:635px; padding-left:10px }
.article_create_body#a_preis { float:left; text-align:right; width:100px; padding-left:5px  }

.article_overview_header { float:left; font-weight:bold; font-size:110% }

.article_overview_header#a_id { width:100px }
.article_overview_header#a_bezeichnung { width:625px; padding-left:10px }
.article_overview_header#a_einheit { width:100px; padding-left:5px  }
.article_overview_header#a_mwst_satz { width:50px; padding-left:5px  }
.article_overview_header#a_preis { float:right; text-align:right; width:140px; padding-left:5px  }

.article_overview_body#a_id { float:left; width:100px }
.article_overview_body#a_bezeichnung { float:left; width:625px; padding-left:10px }
.article_overview_body#a_einheit { float:left; width:100px; padding-left:10px }
.article_overview_body#a_mwst_satz { float:left; width:50px; padding-left:10px }
.article_overview_body#a_preis { float:right; text-align:right; font-weight: bold; width:100px; padding-left:5px  }

/*.article_create_header#a_einheit { width:100px; padding-left:10px  }
.article_create_header#a_mwst_satz { width:100px; padding-left:10px  }*/

.searchDiv{}
.clear-both {clear:both}

.errorMessage {
	visibility: hidden;
}
/* Tooltip
----------------------------------*/
.ui-tooltip {
	padding:8px;
	position:absolute;
	z-index:9999;
	-o-box-shadow: 0 0 5px #aaa;
	-moz-box-shadow: 0 0 5px #aaa;
	-webkit-box-shadow: 0 0 5px #aaa;
	/*box-shadow: 0 0 5px #aaa;*/
}
/* Fades and background-images don't work well together in IE6, drop the image */
* html .ui-tooltip {
	background-image: none;
}
body .ui-tooltip { border-width:2px; }

/* End Rechnung erstellen */


/**
 * Meine Rechnungen 
 */
 
.ui-tabs .ui-tabs-panel {
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	font-weight:bold;
}
.ui-accordion .ui-accordion-content {
	padding:0;
}
.nextPage { float:right;min-width:150px;margin: 0 0 10px 10px;cursor:pointer; }
.prevPage { float:right;min-width:150px;margin: 0 0 10px 10px;cursor:pointer; }

button span.right { float:right;}
button span.left { float:left;}
h2.left {float:left;}

.clear-both{clear:both; }
#tabs{clear:both;visibility:hidden}
#tabsBill #tabs-1, #tabsBill #tabs-2, #tabsBill #tabs-3, #tabsBill #tabs-4 {
	padding:5px;
 	min-height:140px;
}

li {line-height:;margin:0;}
.doc_header .billsHeaderTXT { float:left;font-weight:bold; font-size:110%; }
.doc_header #kdnr { width:110px;margin-left:0;}
.doc_header #rnr { width:175px;}
.doc_header #company { width:350px;}
.doc_header #name { width:140px;}
.doc_header #empaenger { width:360px;}
.doc_header #rdatum { width:80px;}
.doc_header #Zahlbetrag { width:140px;text-align:right;}
.doc_header #status { width:150px;}

.doc_header #rnr.draft { width:145px;}

.content_kdnr {float:left; width:100px;}
.content_c_company {float:left; width:350px; padding-left:10px;}
.content_rnr {float:left; width:135px; padding-left:10px;}
.content_rdatum {float:left; width:100px; padding-left:10px;}
.content_Zahlbetrag {float:left; width:110px; padding-left:10px; text-align:right;}
.content_signiert {float:left; width:50px;padding-left:10px;}
.content_status {float:left; width:70px;padding-left:10px;}

#bills #content { min-height:100px;}
#billsOpen #content { min-height:100px;}
.ui-tabs {padding:0;}

.ui-dialog .ui-dialog-buttonpane {padding:0;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {float:none;}

.ui-dialog-buttonset {float:none;}
.ui-button-text-only .ui-button-text {padding:0;}

button.ui-state-default.deleteBill, button.ui-state-default.deleteBillFinal {
	float:left;
}
button.ui-state-default.signBill {
}
button.ui-state-default.closeBill {
	float:right;
}

button.ui-state-hover.deleteBill, button.ui-state-hover.deleteBillFinal  {
	background: #cc0002;
	color: #FFFFFF;
	border: 1px solid #cc0002;
}

button.ui-state-hover.signBill {
	background: repeat-x scroll 50% 50% green;
	color: #FFFFFF;
	border: 1px solid green;
}

button.ui-state-hover.saveBill {
	background: repeat-x scroll 50% 50% green;
	color: #FFFFFF;
	border: 1px solid green;
}


.ui-state-default.ui-corner-all.viewBill {
	background: repeat-x scroll 50% 50% #6EAC2C;
	color: #FFFFFF;
	border: 1px solid #ACDD4A;
}

div#form {

  padding: 5px;
  margin-left: 10px;
  width: 405px;
  border: 2px solid #d8d8d8;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  /*border-radius: 2px;*/
  position: relative;
  -webkit-box-shadow: 2px 0 2px #e2e2e2;
  -moz-box-shadow: 2px 0 2px #e2e2e2;
  /*box-shadow: 2px 0 2px #e2e2e2;*/
  background-color: #ffffff;
}

.disabled {border:none;background-color:#FFFFFF; }

fieldset { border:1px solid green }

legend {
  padding: 0.2em 0.5em;
  border:1px solid green;
  color:green;
  font-size:100%;
  text-align:right;
  margin-left:1em;
}


/*
fieldset {
    border: none;
    
  position: relative;
  border: none;
}

label
{
    font-family: Helvetica,arial,sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #333333;
    
    left:10px;
    top:9px;
    position:absolute;
}

input[type="text"]
{
    border:none;
    display: block;
    color:#516064;
    font-family: Helvetica,arial,sans-serif;
    font-size:16px;
    padding:8px;
    width:400px;
    
    text-indent:145px;
}
*/	

/* END Meine Rechnungen */
.successDIV {
	margin:20px; 
	min-width: 600px; 
	height: 50px; 
	line-height:50px; 
	border: solid 2px #80cb4f; 
	background-color: #ebf5e1; 
	vertical-align: middle; 
	text-align: center;
}
.errorDIV {
	margin:20px; 
	min-width: 600px; 
	padding: 25px 10px 25px 10px; 
	border: solid 3px #9F0004;
	border-left:none; 
	border-right:none; 
	background-color: #FFFFCC; 
	vertical-align: middle; 
	text-align: center;
	font-size:120%;
}
.faqDIV {
	border: solid 2px #80cb4f; 
	background-color: #ebf5e1; 
	vertical-align: middle; 
	text-align: left;
	padding:10px;
}


#searchCustomer span{
	font-weight:normal;
}
#searchCustomer, #searchArticle, .search_document {
	float:left; 
	width:230px; 
	height:29px;
	font-size:1.5em;
	color: #848484;
	font-weight:bold;

	padding-left:35px;
	background: #fff url('/images/search.png') no-repeat;
	
	/* html5, runde ecken*/
	-moz-border-radius:5px; /* Firefox */
	-webkit-border-radius:5px; /* Safari, Chrome */
	-khtml-border-radius:5px; /* Konqueror */
	border-radius:5px; /* CSS3 */
	border: 1px solid #CCCCCC;
}

#menge_article {
	float:left; 
	width:50px; 
	height:29px;
	font-size:1.5em;
	color: #848484;
	font-weight:bold;

	padding-left:35px;
	
	/* html5, runde ecken*/
	-moz-border-radius:5px; /* Firefox */
	-webkit-border-radius:5px; /* Safari, Chrome */
	-khtml-border-radius:5px; /* Konqueror */
	border-radius:5px; /* CSS3 */
	border: 1px solid #CCCCCC;
}

.loggedIn_Tipp {
	margin-top:25px;
	width:95%; 
	border:#ecc101 2px solid; 
	background-color: #fff9b2; 
	color: #003366; 
	padding: 10px;
}

.hideMwSt {
	display:none;
}

#chooseTemplate td {
	border-bottom: 15px solid white; 
}
.templateHeader{
	float:left;
	margin:5px 5px 0;
}

/* Kontaktformular */

.kontaktEmail .caption {
	padding: 15px;
}

.kontaktEmail td {
	padding:5px;
}

.kontaktEmail tr.top, tr.bottom {
	padding:15px;
	background-color:#EBEBEB;
}

.kontaktEmail tr.middle {
	padding:15px;
	background-color:#F3F4F5;
}

.kontaktEmail #caption {
	color:#468ED1; 
	font-variant:small-caps; 
	font-weight:bold; 
	font-size:110%;
}

.kontaktEmail #Name, .kontaktEmail #email  {
	width:255px;
	height:20px;
}

.kontaktEmail #Betreff  {
	width:260px;
	height:25px;
}

.errorDIV_KontaktForm {
	border: #9F0004 2px dotted;
	background-color: #FFFFCC;
	text-align: left;
	color: #9F0004;
	padding: 5px;
	margin-bottom: 5px;
}
.ui-datepicker{display: none}
/**/

/** NAV **/

#Box_unten, #colFull, #col3_index, .footer_impressum, #index_pic, #Step1, #Step2, #Step3, .subcAuswahlL, .subcAuswahlR, .rounded {
/* Firefox */
-moz-border-radius: 10px;

/* Safari, Chrome */
-webkit-border-radius:10px;

/* Konqueror */
-khtml-border-radius:10px;

/* CSS3 */
border-radius:10px;
}

#Box_oben .here a {
/* Firefox */
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;

/* Safari, Chrome */
-webkit-border-top-left-radius:10px; 
-webkit-border-top-right-radius:10px;

/* Konqueror */
-khtml-border-radius-topleft:10px;
-khtml-border-radius-topright:10px;

/* CSS3 */
border-top-left-radius:10px;
border-top-right-radius:10px;
}

#nav_verw .last, .login_layout {
/* Firefox */
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;

/* Safari, Chrome */
-webkit-border-bottom-left-radius:10px; 
-webkit-border-bottom-right-radius:10px;

/* Konqueror */
-khtml-border-radius-bottomleft:10px;
-khtml-border-radius-bottomright:10px;

/* CSS3 */
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
}

/** END NAV **/
.resultsCounter{float:left;margin:2px 0}

#index_beispiele, #index_blog {
	background-color: #edf3fb;
	border: solid 1px #cccccc;
	height:240px;
	padding:10px;

	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	border-radius:10px;
}

#top-info-v1 {
	display:none;height:25px;margin:0;padding:5px;top:0;background-color:#910505;color:white;border:solid 1px black
}

.loading_image_content {	
	position:absolute;	
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	z-index:100001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=20);
	background:#cfcfcf url('/images/ajax-loader-big.gif') no-repeat center 100px;
}
.accordion_signatur{padding:0;border-left:none}
#content_agb ol {margin: 0 0 0 35px}
#content_agb ol li {padding: 0 0 0 15px}