/* default styles for extension "tx_frontend" */
    .ce-align-left { text-align: left; }
    .ce-align-center { text-align: center; }
    .ce-align-right { text-align: right; }

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

    .ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; }

    .ce-left .ce-gallery, .ce-column { float: left; }
    .ce-center .ce-outer { position: relative; float: right; right: 50%; }
    .ce-center .ce-inner { position: relative; float: right; right: -50%; }
    .ce-right .ce-gallery { float: right; }

    .ce-gallery figure { display: table; margin: 0; }
    .ce-gallery figcaption { display: table-caption; caption-side: bottom; }
    .ce-gallery img { display: block; }
    .ce-gallery iframe { border-width: 0; }
    .ce-border img,
    .ce-border iframe {
        border: 2px solid #000000;
        padding: 0px;
    }

    .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
        margin-bottom: 10px;
    }
    .ce-intext.ce-right .ce-gallery { margin-left: 10px; }
    .ce-intext.ce-left .ce-gallery { margin-right: 10px; }
    .ce-below .ce-gallery { margin-top: 10px; }

    .ce-column { margin-right: 10px; }
    .ce-column:last-child { margin-right: 0; }

    .ce-row { margin-bottom: 10px; }
    .ce-row:last-child { margin-bottom: 0; }

    .ce-above .ce-bodytext { clear: both; }

    .ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }

    /* Headline */
    .ce-headline-left { text-align: left; }
    .ce-headline-center { text-align: center; }
    .ce-headline-right { text-align: right; }

    /* Uploads */
    .ce-uploads { margin: 0; padding: 0; }
    .ce-uploads li { list-style: none outside none; margin: 1em 0; }
    .ce-uploads img { float: left; padding-right: 1em; vertical-align: top; }
    .ce-uploads span { display: block; }

    /* Table */
    .ce-table { width: 100%; max-width: 100%; }
    .ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; }
    .ce-table thead th { border-bottom: 2px solid #dadada; }
    .ce-table th, .ce-table td { border-top: 1px solid #dadada; }
    .ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
    .ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; }

    /* Space */
    .frame-space-before-extra-small { margin-top: 1em; }
    .frame-space-before-small { margin-top: 2em; }
    .frame-space-before-medium { margin-top: 3em; }
    .frame-space-before-large { margin-top: 4em; }
    .frame-space-before-extra-large { margin-top: 5em; }
    .frame-space-after-extra-small { margin-bottom: 1em; }
    .frame-space-after-small { margin-bottom: 2em; }
    .frame-space-after-medium { margin-bottom: 3em; }
    .frame-space-after-large { margin-bottom: 4em; }
    .frame-space-after-extra-large { margin-bottom: 5em; }

    /* Frame */
    .frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; }
    .frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; }
    .frame-indent { margin-left: 15%; margin-right: 15%; }
    .frame-indent-left { margin-left: 33%; }
    .frame-indent-right { margin-right: 33%; }
/* default styles for extension "tx_rechnungswesen" */


#menu {
	background-color:#58748f;
	height:22px;
	padding:5px 35px 5px 35px;
	}
 
#lmenu {
	float: left;
	}	
#rmenu {
	padding-top:1px;
	color: #fff;
	float: right;
	} 


/*************************************************/
/* menu                                          */
/*************************************************/
nav {
	background-color: #58748f;
	font-size:90%;
	}
nav ul {
	list-style: none;
	position: relative;
	}
nav ul li {
	display:inline-block;
	background-color: #58748f;
	padding-right:30px;
	padding-left:5px;
	}
nav ul ul li {
	background-color: #cdd5dd;
	}
nav ul ul li {
	padding-right:0px;
	padding-left:0px;
	}
nav a {
	display:block;
	padding-top:4px; 
	padding-bottom:4px; 
	color:#FFF;
	text-decoration:none;
	cursor:pointer;
	}
nav ul ul a {
	color:#58748f;
	padding-left:8px;
	}
nav a:hover { 
	background-color: #58748f;
	color:#fefefe;
	}
.nolink {
	color:#FFF;
	cursor:pointer;
	padding-bottom:5px;
	}	
	/* Hide Dropdowns by Default */
nav ul ul {
	display: none;
	position: absolute; 
	}
	/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
	}
	/* Fisrt Tier Dropdown */
nav ul ul li {
	width:300px;
	float:none;
	display:list-item;
	position: relative;
	}

.tx-rechnungswesen {
	margin-top:10px;
	margin-left:30px;
	margin-right:30px;
	}
.container-edit {
	display:inline-block;
	margin-left:90px;
	margin-right:70px;
	margin-top:30px;
	margin-bottom:20px;
}

/*************************************************/
/* Page Header                                   */
/*************************************************/
.pageheader {
	color:#58748f;
	background-color:#cdd5dd;
	font-size:110%;
	text-align:center;
	vertical-align:middle;
	padding:5px 0px 5px 0px;
	}




.table-header a {
 color:#ffffff;
 }	
.table-header-order a {
 color:#ffee77;
 }
 
/************************************/
/* Navigation */
/************************************/
.navileiste {
 margin:2px 0px 0px 10px;
 vertical-align:middle;
 }
.navibutton {
 margin-right:5px;
 }
.pointer {
 cursor:pointer;
 margin-left:5px; 
 }
.margin5 {
 margin-left:5px; 
 }
.setdate {
 border:none;
 padding-top:5px;
 cursor:pointer;
 } 
 
.nobr {
 white-space: nowrap;
 }

.itemheader {
 border-radius:5px;
 padding:7px 80px 8px 10px;
 margin-top:0px;
 background-color:#58748f;
 color:#cdd5dd;
 }	
.printer {
 padding-left:0px;
 margin-top:0px;
 margin-bottom:0px;
 }	

.button {
 padding-left:10px;
 margin-top:17px;
 margin-bottom:10px;
 }	
.hinweis {
 display:inline-block;	
 border-radius:5px;
 padding:7px 10px 7px 10px;
 margin-top:10px;
 background-color:#00990F;
 color:#fefefe;
 }	

.w20 {
 width:20px;
}
.w30 {
 width:30px;
} 
.w40 {
 width:40px;
}
.w50 {
 width:50px;
} 
.w60 {
 width:60px;
}
.w70 {
 width:70px;
}
.w80 {
 width:80px;
} 
.w110 {
 width:110px;
} 
.w140 {
 width:200px;
} 
	
#message {
 float:right;
 display:block;
 width:32px;
 height:32px;
 border:solid 1px green;
 background-color: green;
 border-radius:5px;
 margin-top:10px;
 margin-right:5px;
 }

.textausgabe {
 padding-top:20px;	
 display:block;
 text-align:center;
 font-size:100%;
 font-weight:600;
 width:400px;
 height:50px;
 color:#ffffff;
 border:solid 1px #c0c0c0;
 background-color: #58748f;
 border-radius:5px;
 margin-top:50px;
 margin-right:400px;
 }	
 
.textheadline {
 margin-top:40px;
 font-size:100%;
 font-weight:600;
 }
 
.zustand6 {
 font-style:italic; 	
 }	
/************************************/
/* table */
/************************************/
.table {
 display:table;
 border-collapse:collapse;
 }
.table-tr {
 display:table-row;
 }
.table-tr-d {
 display:table-row;
 padding-bottom:6px;	
 }
.table-td {
 display:table-cell;
 }

.table-null {
 width: 0px;
 }
.table-cell-standard {
 border:solid 1px #D0D0D0;
 background-color:#efefef;
 padding:4px 3px 4px 5px;
 vertical-align:middle;
 }
.table-cell-picture {
 border:solid 1px #D0D0D0;
 background-color:#f2f2f2;
 padding:3px 5px 3px 5px;
 vertical-align:middle;
 text-align:center;
 }
 
.table-cell-input {
 border:solid 1px #D0D0D0;
 background-color:#ffffff;
 vertical-align:middle;
 }
.table-cell-input-plus {
 vertical-align:middle;
 float:left;
 }
.table-cell-input-date {
 padding:2px 3px 2px 0px;
 vertical-align:middle;
 float:left;
 }
.table-cell-noinput {
 border:solid 1px #D0D0D0;
 background-color:#f2f2f2;
 vertical-align:middle;
 }
.table-header {
 background-color: #58748f;
 color:#ffffff;
 text-align:center;
 padding:4px;
 border:solid 1px #ffffff;
 }
 
.table-header-noborder-right {
 background-color: #58748f;
 color:#ffffff;
 padding:4px;
 border-top:solid 1px #ffffff;
 border-bottom:solid 1px #ffffff;
 border-left:solid 1px #ffffff;
 } 
 
.table-header-noborder-left {
 background-color: #58748f;
 color:#ffffff;
 padding:4px;
 border-top:solid 1px #ffffff;
 border-bottom:solid 1px #ffffff;
 border-right:solid 1px #ffffff;
 } 
 
 
.table-header-order {
 background-color: #58748f;
 text-align:center;
 padding:4px;
 border:solid 1px #ffffff;
 }

.table-cell-label {
 background-color:#e5e5e5;
 border:solid 1px #D0D0D0;
 padding:4px;
 vertical-align:middle;
 }	

.table-cell-label-trans {
 padding:5px 12px 5px 6px;
 width:160px;
 vertical-align:middle;
 }	
.table-cell-input-trans {
 padding:2px 12px 2px 6px;
 vertical-align:middle;
 }	
.table-cell-picture-trans {
 width:160px;
 vertical-align:middle;
 }	
.table-title {
 background-color: #58748f;
 color:#cdd5dd;
 padding:4px;
 font-weight:500;
 border-left:#D0D0D0;
 border-right:solid 1px #D0D0D0;
 border-top:solid 1px #D0D0D0;
 }

.item-container {
 display:inline-block;
 padding:0px;
 margin-bottom:0px;
}	

.container {
 display:inline-block;
 border:1px solid #c0c0c0;
 border-radius:5px;
 padding:5px 5px 5px 5px;
 margin-top:10px;
 }	

.container-auftrag {
 display:inline-block;
 border-radius:5px;
 background-color:#e9e9e9;
 padding:5px;
 }
 
.container-block {
 display:inline-block;
 background-color:#ebebeb;
 border:1px solid #c0c0c0;
 border-radius:5px;
 padding:10px;
 margin-top:10px;
}	
 

.container-header {
 margin-left:10px;
 margin-top:0px;
 margin-bottom:0px;
 color:#58748f;
 }
.blue {
 color:#58748f;
}
.transparent {
 color:#e9e9e9;
 }
.grey {
 color:#e0e0e0;
}	
.midgrey {
 border:0px;
 padding:3px 5px 3px 5px;
 background-color:#ebebeb;
}	
.table-textarea {
 margin:10px 25px 15px 5px;	
	
}
/************************************/
/* Float */ 
/************************************/
.float-left {
 float:left;
 } 
.float-right {
 float:right;
 } 
.clearfix {
 clear: both;
 }

.center {
 text-align:center;
}
.left {
 text-align:left;
}
.right {
 text-align:right;
}
.padding {
 padding:3px;
 background-color:#e5e5e5; 
 }
 
.dark {
	background-color:#e5e5e5; 
	border:0px;
	padding:3px 5px 3px 5px;
	text-align:center;
	}	
/************************************/
/* Font */
/************************************/
.fontsize-90 {
 font-size:90%;	
 }	
.fontsize-80 {
 font-size:80%;	
 }
.kursiv {
 font-style: italic;	
 }	
.padding-left {
 padding-left:5px;
 padding-right:5px;
} 
.margintop {
 margin-top:10px;	
 }	
.marginbottom {
 margin-bottom:20px;
 }	
.marginright {
 margin-right:10px;
 }	

.margintable {
 margin-left:5px;
 margin-top:10px; 
	
 }	
.noborder {
 border:0px;
 padding:3px 5px 3px 5px;
 background-color: #ffffff;
 }
.readonly {
 border:0px;
 padding:3px 5px 3px 5px;
 background-color: #f2f2f2;
 }
 .hidden {
  visibility : collapse;
 }
.noborderselect {
 border:0px;
 padding:3px 5px 3px 2px;
 background-color: #ffffff;
 font-size:100%;
 }	
select option {
 font-size:100%;
 }
select {
 width:100%;	
 }	
.dummywidth {
 width:14px;	
 }
.errorcode {
 display:inline-block;
 margin-top: 10px;	
 border:0px;
 border-radius:5px;
 padding:5px 10px 5px 10px;
 background-color: #FF3A3A;
 color: #ffffff;
 font-size:80%;
 }	
.width50 {
 width:47%;
}
/************************************/
/* Bestätigungsfenster ****/
/************************************/
#confirmbox {
 margin-top:100px;
 }	
.confirm-container {
 font-size: 90%;	
 border:solid 1px #D0D0D0;
 background-color:#58748f;
 color:#cdd5dd;
 padding: 20px 0px 20px 0px;
 vertical-align:top;
 text-align:center;
 width:400px;
 margin: 0 auto;
  -webkit-border-radius: 5px;
 border-radius: 5px; 

 }
.confirm-text {
 margin-bottom:20px;
 padding-bottom:10px;
 }
div.confirm-container a {
text-decoration:none;
color:#000000;
 }	
.button-action {
 padding:5px 40px; 
 background-color:#C2CED6;
 border:1px solid #CCCCCC;
 cursor:pointer;
 -webkit-border-radius: 5px;
 border-radius: 5px; 
 margin-right:10px; 
 font-size:90%;	
 } 

.workzone {
 margin-top:10px;
 margin-left:0px;
 margin-bottom:10px;
 text-align:right;
}

.inputzone {
 border-radius: 5px; 
 margin-top:10px;
 margin-right:0px;
 margin-bottom:10px;
 float:right;
 font-size:90%;	
 vertical-align: middle;
 display:inline-block;
 background-color: #e5e5e5;
 padding:8px 20px 8px 20px;
}

.image-border {
 background-color: #C2CED6;
 border:1px solid #58748f;
 -webkit-border-radius: 5px;
 border-radius: 5px; 
 vertical-align: middle;
 padding:7px 20px 8px 5px;
 margin-left:10px;
 display:inline-block;
} 
.image-button{
 background-color: #C2CED6;
 background-repeat: no-repeat;
 background-size: 24px 24px;
 background-position:9px, 3px;
 }
 
.image-action {
 cursor:pointer;
 font-size:90%;
 padding:3px 0px 3px 38px;
}
.image-submit, .image-confirm {
 border:0px;
 cursor:pointer;
 font-size:90%;
 padding-left:38px;
}