/* ---- STANDARDS -------------------- */

html {
	background: #dddddc;
}

body {
	background: #dddddc;
}



/* ---- GENERAL CLASSES -------------------- */
.mr-0 {
	margin-right:0 !important;
}

.mr-20 {
	margin-right:20px !important;
}

.mr-10 {
	margin-right:10px !important;
}

/* ---- CHANGE MAIN.CSS VALUES -------------------- */

.ban-stammdaten-container  {
	width:910px;
	min-height:100px;
	height:auto !important;
	height:100px;
	background:#fff;
	padding:14px;
	margin:92px auto;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.ban-stammdaten-inner {
	width:870px;
	min-height:100px;
	height:auto !important;
	height:100px;
	background:#f3f2ef;
	padding:44px 20px 30px 20px;
}


.ban-stammdaten-container {
	width: 740px;
}


.ban-stammdaten-inner {
	width: 730px;
	margin: auto;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	background: none;
}

.ban-stammdaten-inner .bg-grey {
	padding: 15px;
	background: #f5f5f5;
	margin-bottom: 20px;
	padding-bottom: 30px;
}

.ban-stammdaten-inner .bg-grey h2 {
	margin-bottom: 0;
}

small {
	color: #888f93;
}


p {
	padding: 0;
	margin: 0;
	width: 100%;
}

p.ban {
	max-width: 400px;
	float: left;
}

.ban-form-container {
	max-width: 100%;
}

.no-top-paddingmargin {
	margin-top: 0;
	padding-top: 0;
}

input[type="text"].short {
	width: 80px;
}

input.short + input {
	max-width: 160px;
}

.container-textfield.half-width {

	width: 165px;
	margin-right: 15px;

}

.container-textfield.threefourth-width {

	width: 265px;
	margin-right: 15px;

}

input[type="radio"], input[type="checkbox"] {
	width: auto;
}

.msie7 input[type="radio"], .msie8 input[type="radio"] {
	top: 2px;
}

.msie7 input[type="checkbox"], .msie8 input[type="checkbox"] {
	top: 3px;
}


.container-textfield.half-width input[type="text"] {
	width: 140px;
}

.container-textfield.threefourth-width input[type="text"] {

	width: 240px;	

}









/* ---- BUTTONS -------------------- */

button.icon-folder span {
	background-image: url(../resources/media/images/icon-button-folder.png);
	background-position: left center;
	padding-left: 20px;
}
html.msie button.icon-folder span, html.msie button.icon-folder span { padding-top: 3px; background-position: 0 58%; }
html.msie7 button.icon-folder span, html.msie8 button.icon-folder span { padding-top: 2px; background-position: 0 60%; }

button.icon-search span {
	background-image: url(../resources/media/images/icon-button-search.png);
	background-position: left center;
	padding-left: 20px;
}
html.msie button.icon-search span, html.msie button.icon-search span { padding-top: 3px; background-position: 0 58%; }
html.msie7 button.icon-search span, html.msie8 button.icon-search span { padding-top: 2px; background-position: 0 60%; }

button.icon-print span {
	background-image: url(../resources/media/images/icon-button-print.png);
	background-position: left center;
	padding-left: 20px;
}
html.msie button.icon-print span, html.msie button.icon-print span { padding-top: 3px; background-position: 0 58%; }
html.msie7 button.icon-print span, html.msie8 button.icon-print span { padding-top: 2px; background-position: 0 60%; }

button.icon-gear span {
	background-image: url(../resources/media/images/icon-button-gear.png);
	background-position: left center;
	padding-left: 25px;
}
html.msie button.icon-gear span, html.msie button.icon-gear span { padding-top: 3px; background-position: 0 58%; }
html.msie7 button.icon-gear span, html.msie8 button.icon-gear span { padding-top: 2px; background-position: 0 60%; }

a.close-modal {
	position: absolute;
	top: 15px;
	right: 15px;
	display: block;
	width: 24px;
	height: 24px;
	background-image: url(../resources/media/images/modal-close-button.jpg);
}


a.arrow-left {
	background: url(../resources/media/images/a-arrow-left.png) no-repeat left center;
	padding-left: 10px;
	padding-top: 3px;
}
html.msie a.arrow-left { padding-top: 0; }

a.arrow-right {
	background: url(../resources/media/images/a-arrow-right.png) no-repeat left center;
	padding-left: 10px;
	padding-top: 3px;
}
html.msie a.arrow-right { padding-top: 0; }

a.icon-delete {
	display: block;
	padding-left: 20px;
	line-height: 1;
	padding-top: 5px;
	margin-top: 8px;
	width: 100px;
	background: url(../resources/media/images/icon-delete.png) no-repeat left center;
}
html.msie a.icon-delete { padding-top: 1px; }

a.close-small {
	padding-left:15px;
	background: url(../resources/media/images/icon-close-small.gif) 0 3px no-repeat;
}






/* ---- ADD PANEL -------------------- */

div.add-panel {
	width: 196px;
	height: 155px;
	background: url(../resources/media/images/bg-addpanel.png) no-repeat;
	padding: 15px;
	float: right;
}


div.add-panel h2 {
	margin: 0px;
}








/* ---- SEARCHBAR -------------------- */

.searchbar {
	width: auto;
	margin-right: 10px;
	margin-top: 0;
}

.searchbar button.icon-search {
	margin-top: 2px;
}








/* ---- SEARCH RESULTS -------------------- */


.searchResult {
	padding-bottom: 0;
}

.searchResult .results {
	margin-top: 15px;
	padding-top: 0;
}

.searchResult .results span {
	padding: 4px 4px 1px 4px;
	font-size: 11px;
	color: white;
	background: #60800f;
}


/* ---- SEARCH BUTTONS -------------------- */

button.icon-search.pi-search {
	margin-top:100px;
}

button.icon-print.pi-search  {
	margin-top:20px;
	margin-bottom:20px;
}







/* ---- TABLE STYLE -------------------- */


table.silver {

	width: 100%;
	height: auto;
	border: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-spacing: 0;

}

html.msie7 table.silver,
html.msie8 table.silver {
	border: 1px solid #d0d2d2;
}

table.silver tr, table.silver th {
	border: 0;
	margin: 0;
	padding: 0;
}

table.silver th, table.silver td {
	margin: 0;
	padding: 5px;
	border-right: 1px solid #d0d2d2;
	text-align: left;
	vertical-align: top;
	line-height: 20px;
}

table.silver th:first-child, table.silver td:first-child {
	border-left: 1px solid #d0d2d2;
}

table.silver th {
	background: url(../resources/media/images/table-th-background.jpg) repeat-x;
	font-weight: bold;
	border-bottom: 1px solid #d0d2d2;
}

table.silver tr:nth-child(even) td {
	background: #fcfcfc;
}

table.silver tr:nth-child(odd) td {
	border-bottom: 1px solid #d0d2d2;
	background: #f5f5f5;
}

table.silver tr td {
	border-bottom: 1px solid #d0d2d2;
}

table.silver.spoiler tbody tr td {
	border-bottom: none;
}

table.silver.spoiler {
	border-bottom: 1px solid #d0d2d2;
}

table.silver tr:last-child td {
	border-bottom: 1px solid #d0d2d2;
}

table.silver.row-50 tbody tr td {
	height:30px;
}

table.silver tr.status td strong span {
	font-size: 22px;
	line-height: 0;
}

table.silver td > strong.active {
	color: #738e2f;
}

table.silver td > strong.inactive {
	color: #b5172a;
}


table.radio-group {
	max-width: 100%;
}

html.msie7 table.silver td,
html.msie8 table.silver td, {
	border: 0;
}




/* ---- PAGINATION -------------------- */

ul.pagination {

	display: inline-block;
	list-style: none;
	border-top: 1px solid #d0d2d2;
	border-bottom: 1px solid #d0d2d2;
	height: 27px;
	padding: 0;
	margin: 0;
	margin-top: 20px;
	border-radius: 3px;

}

ul.pagination li {
	display: inline;
	padding: 0px;
	margin: 0px;
}


ul.pagination li a {

	display: block;
	float: left;
	width: 25px;
	height: 27px;
	text-align: center;
	line-height: 1;
	padding-top: 8px;

}

ul.pagination li a:hover { text-decoration: underline; }

ul.pagination li.active a {
	color: #738e2f;
	text-decoration: underline;
}


ul.pagination li.pagebutton a {
	width: 29px;
	background: url(../resources/media/images/pagination-buttons.png) no-repeat;
}

ul.pagination li.pagebutton.first a {
	background-position: 0px -1px;
}

ul.pagination li.pagebutton.prev a {
	background-position: -28px -1px;
	margin-right:8px;
}

ul.pagination li.pagebutton.next a {
	background-position: -56px -1px;
	margin-left:8px;
}

ul.pagination li.pagebutton.last a {
	background-position: -84px -1px;
}












/* ---- LIGHTBOX -------------------- */

.lightbox-background {

	display: none;
	position: fixed;
	top: 0;
	left: 0;
	bottom:0;
	right:0;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: 0.5;
	z-index:1000;
}


.lightbox-container {

	display: none;
	position: absolute;
	top: 0;
	left: 0;
	bottom:0;
	right:0;
	width: 100%;
	height: 100%;
	margin: auto;
	z-index:1100;
}

.lightbox-content {

	position: relative;
	top: 10%;
	width: 990px;
	max-height: 80%;

	margin: auto;
	overflow: auto;

}

.lightbox-content-inner {

	width: auto;
	margin: auto;
	background: #ededea;
	padding: 40px 20px 40px 20px;
	min-height:100px;
	height:auto !important;
	height:100px;
	border: 15px solid white;
}


.lightbox-content-inner h1 {
	margin-bottom: 30px;
}

.lightbox-content-inner .container-textfield, .lightbox-content-inner .container-radio-multi {
	width: 300px;
}


.lightbox-content-inner input {
	max-width: 260px;
}


.lightbox-content-inner .custom-combo {
	margin-top: 1px;
	max-width: 280px;
}

.msie .lightbox-content-inner .custom-combo {
	margin-top: 0;
}

.msie7 .lightbox-content-inner .custom-combo {
	background: none;
}

.lightbox-content-inner input[readOnly]:not(.disabled-grey),
.lightbox-content-inner input[readonly]:not(.disabled-grey) {
	background: none;
	border: 0;
	color: #5A2864;
	padding-left: 0;
	font-weight: bold;
}

.lightbox-content-inner input[readOnly].disabled-grey,
.lightbox-content-inner input[readonly].disabled-grey {
	background: none;
}


.lightbox-content-inner button:last-child {
	margin-right: 0px;
}


.lightbox-content-inner p.readonly {
	vertical-align: middle;
	background: none;
	border: 0;
	color: #5A2864;
	font-weight: bold;
	padding: 6px 10px;
	padding-left: 0;
	margin-left: 0;
	font-size: 13px;
}









/* ---- SPOILER -------------------- */

div.spoiler {
	border: 1px solid #d0d2d2;
	margin-bottom: 20px;
}

div.spoiler .headline {
	display: block;
	background: url(../resources/media/images/table-th-background.jpg) repeat-x;
	font-weight: bold;
	margin: 0;
	padding-top: 13px;
	padding-bottom: 10px;
	padding-left: 20px;
}

div.spoiler .headline span {
	padding-left: 20px;
	padding-top: 2px;
	background: url(../resources/media/images/spoiler-open.png) no-repeat left center;
}

div.spoiler .headline span span,
div.spoiler.open .headline span span {
	color:#ca0036;
	background:none;
	padding:0;
}

div.spoiler.open .headline {
	border-bottom: 1px solid #d0d2d2;
}

div.spoiler.open .headline span {
	background-image: url(../resources/media/images/spoiler-close.png);
}

div.spoiler .inner {
	display: none;
	background: white;
	padding: 20px 40px 60px 40px;
}

div.spoiler.open .inner {
	display: block;
	position:relative;
}

div.spoiler .inner .close-small {
	position:absolute;
	bottom:5px;
	right:10px;
}

div.spoiler table.silver td {
	border-top: 0;
}

div.spoiler table.silver th, div.spoiler table.silver td {
	width: 25%;
}

div.spoiler table.silver th:first-child, div.spoiler table.silver td:first-child {
	padding-left: 30px;
}

div.spoiler table.silver th:last-child, div.spoiler table.silver td:last-child {
	width: auto;
}

div.spoiler table.silver td:not(:last-child), div.spoiler table.silver th:not(:last-child) {
	border-right: 0;
}

div.spoiler table.silver td:not(:first-child) {
	border-left: 0;
}

div.spoiler table.silver tr:not(:last-child) {
	border-bottom: 0;
}

div.spoiler div.buttons {
	margin:10px 0 0 0;
}


/*Vk images Home screen*/
a.line-center {
	background: url(../resources/media/images/u48_line.png) no-repeat left center;
	padding-left: 10px;
	padding-top: 3px;
}
html.msie a.line-center { padding-top: 0; }