/* clean ************************************************/

/******************************************************/
body {
  font-size: 12px;
  text-align: left
}

/* #wrap {
  background: #fff
}
 */
.box_wrapper {
    width: 100%;
    position: absolute;
}

*,html {
  margin: 0;
  padding: 0;
  font-family: Arial,Helvetica,Geneva,sans-serif
}

#main {
  height: auto!important;
  min-height: 550px
}

.main_content {
	min-height: 630px;
	height: 630px;
	height: calc(100vh - 120px);
	min-width: 100%;
}

#left_container {
	float: left;
}

#right_container {
	float: right;
}

.marginal_container {
	width: 300px;
	height: 100%;
}

#container_mid {
  padding-top: 10px;
  padding-bottom: 20px;
  min-height: 500px;
  height: auto!important;
  clear: both;
	width: 1200px;
}


/* header standard ************************************************/

#header-row-first {
	height: 25px;
	padding: 10px 0;
}

#header-row-second {
  background-color: #f9f9f9;
  padding: 10px 0
}

#header-row-third {
  background-color: #f0f0f0
}

#header-logos {
  margin: auto;
  text-align: left;
  width: 1200px
}

#header-menu-top {
  float: right
}

#header-logo-left {
	float: left;
	width: 200px;
}
#header-logo-right {
	float: right;
	text-align: right;
	width: 200px;
}

#header-language-selector-top {
  float: right
}

#content-title {
  font-size: 1.2em;
  height: 30px;
  margin: auto;
  padding: 5px 0;
  text-align: left;
  width: 1200px
}

#content-title div.middle {
  display: table-cell;
  height: 30px;
  vertical-align: middle
}

#content-title h1 {
  line-height: 30px
}


/* header full_width ************************************************/


body.full_width #header-logos {
	width: auto;
}

body.full_width #header-row-first {
    padding: 10px 50px;
    margin: 0 299px;
    border-right: 1px solid #606060;
    border-left: 1px solid #606060;
    border-bottom: none;
}

body.full_width #header-logo-left {
	width: 50%;
	min-width: 200px;
}

body.full_width #header-logo-right {
	width: 50%;
	min-width: 200px;
}

body.full_width .main_content .about.text, 
body.full_width .main_content .about.box.blur .box_content {
	color: rgb(255, 255, 255);
	color: rgba(255, 255, 255, 1);
	text-shadow: 1px 1px 2px #000;
	font-size: 14px;
	max-height: 630px;
	overflow: auto;
}

body.full_width .box_wrapper {
    width: 100%;
    position: absolute;
}

body.full_width #start_page_left .box_wrapper {
    bottom: 0;
    left: 0;
}

body.full_width #start_page_right .box_wrapper {
    bottom: 0;
    right: 0;
}

body.full_width .main_content .box_wrapper .about {
    padding: 10px;
    margin: 10px 10px 35px 10px;
}

body.full_width .main_content .box_wrapper .about.box.blur {
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    border-radius: 5px;
}

body.full_width .main_content .about.text, .main_content .about.box.blur .box_content {
    color: rgb(255, 255, 255);
    color: rgba(255, 255, 255, 1);
    text-shadow: 1px 1px 2px #000;
    font-size: 14px;
    max-height: 630px;
    overflow: auto;
}

body.full_width .main_content .about.text {
    margin: 0;
    padding-top: 50px;
    padding-bottom: 0;
}


/* Stein Social Media Icons (TrueTypeFont, stein-icons.ttf) ************************************************/
@font-face { font-family: stein-icons; src: url('stein-icons.ttf'); }

#start_page_right .about.box .row.right .social {
	font-family: "stein-icons";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin: .2em;
	
	color: #002f5d;
	
	font-size: 2em;
	width: 21%;
}

#start_page_right .about.box .row.right .social:hover {
	color: #c6c6c6;
}

#start_page_right .about.box .row.right .social.icon-facebook:before {
    content: '\e808';
}

#start_page_right .about.box .row.right .social.icon-linkedin:before {
    content: '\e805';
}

#start_page_right .about.box .row.right .social.icon-xing:before {
    content: '\e800';
}

#start_page_right .about.box .row.right .social.icon-gplus:before {
    content: '\e809';
}

#start_page_right .about.box .row.right .social.icon-pinterest:before {
    content: '\e80b';
}

#start_page_right .about.box .row.right .social.icon-youtube-play:before {
    content: '\e801';
}


/* a / links ************************************************/
a, a:hover, a:visited {
  color: #002548;
  text-decoration: underline
}

a:hover {
  color: #0041C0
}

a.label {
	height: 20px;
	line-height: 20px;
	margin: 1px 5px 0px 0px;
}

/* main menu ************************************************/
#header-menu-main {
  margin: auto;
  width: 1200px
}

#header-menu-main li.on a {
  color: #002548
}

#header-menu-main a {
  color: #909090
}

.treeview {
	display: block;
 	height: 24px;
}

.treeview ul{ /*CSS for Simple Tree Menu*/
	margin: 0;
	padding: 0;
}

.treeview li{ 
	/*Style for LI elements in general (excludes an LI that contains sub lists)*/
	list-style-type: none;
	float: left;
	padding: 0px;
}

.treeview > li > a {
	color: #FFF;
   display: block;
   height: 100%;
   margin: 4px 20px 4px 0px;
   text-decoration: none;
}



/* header_menu ************************************************/
.header_menu 
{
	color: #555;
	text-align:left;
}

.header_menu .submenu
{
	background: #fff;
	position: absolute;
	display: none;
	min-width: 200px;
	border-radius: 6px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
	z-index: 100;
}

.header_menu .submenu li a 
{
	color: #555555;
	display: block;
	font-family: arial;
	font-weight: bold;
	padding: 6px 15px;
	cursor: pointer;
	text-decoration:none;
}

.header_menu .submenu li a:hover
{
	color: #990;
	text-decoration: none;
}
	
.header_menu .submenu li
{
	border-top: 1px solid #ccc;
	list-style:none;
	margin:0px;
	padding:0px;
	font-size: 11px;
}

.header_menu div#div_html_front
{
	color: black;
	padding-top: 5px;
	padding-left: 30px;
}
	
 	.header_menu .submenu li a.archive
	{
		background-image: url(../img/doctypes/archive.png);
		background-repeat: no-repeat;
		background-position: 11px 5px;		
		padding-left: 31px;
	}
 	.header_menu .submenu li a.pdf
	{
		background-image: url(../img/doctypes/acrobat.png);
		background-repeat: no-repeat;
		background-position: 11px 5px;		
		padding-left: 31px;
	}
	.header_menu .submenu li a.excel
	{
		background-image: url(../img/doctypes/excel.png);
		background-repeat: no-repeat;
		background-position: 11px 5px;		
		padding-left: 31px;
	}
/* 	.header_menu .submenu li a.csv
	{
		background-image: url(../img/doctypes/csv.png);
		background-repeat: no-repeat;
		background-position: 11px 5px;		
		padding-left: 31px;
	} */
/* 	.header_menu .submenu li a.jpg
	{
		background-image: url(../img/doctypes/options/jpg.png);
		background-repeat: no-repeat;
		background-position: 11px 5px;		
		padding-left: 31px;
	} */
/* 	.header_menu .submenu li a.png
	{
		background-image: url(../img/doctypes/options/png.png);
		background-repeat: no-repeat;
		background-position: 11px 5px;		
		padding-left: 31px;
	} */
/* 	.header_menu .submenu li a.print
	{
		background-image: url(../img/doctypes/info_icon_print.png);
		background-repeat: no-repeat;
		background-position: 11px 5px;		
		padding-left: 31px;
	} */
/* 
	.header_menu .submenu li a.svg
	{
		background-image: url(../img/doctypes/options/gif.png);
		background-repeat: no-repeat;
		background-position: 11px 5px;		
		padding-left: 31px;
	} */


/* sub_menu ************************************************/
.sub_menu {
  /* color: #999; */
  float: right;
  line-height: 20px;
  padding-left: 10px;
  padding-right: 10px;
  white-space: nowrap
}

.sub_menu a {
	text-decoration: none;
}

.sub_menu a:hover { 
	color: #00A8C6 
}
/*
.sub_menu a:active, 
.sub_menu a:visited { 
	color: #002548 
}
 */



/* footer ************************************************/

#footerContainer {
  height: 20px;
  width: calc(100% - 600px);
  padding: 10px 0;
}
#footerContainer a {
  color: #999;
  font-size: 12px;
  text-decoration: none;
  margin: 0 5px
}


/* start page ************************************************/
#start_page_left, #start_page_right {
    position: relative;
    max-width: 300px;
    height: 100%;
}

#start_page_left {
    border-right: 1px solid #606060;
}

#start_page_center {
	float: left;
	width: calc(100% - 600px);
}

#start_page_center .distance_top {
	margin-top: 50px;
	margin-right: 50px;
}

#start_page_right {
    border-left: 1px solid #606060;
}

body.full_width .content-row {
	background: url("../img/style/background/bg_lager.jpg") center top no-repeat;
	background-size:cover;
	background-attachment: fixed;
	min-height: 630px;
	height: 630px;
	height: calc(100vh - 120px);
	width: 100%;
	min-width: 100%;
	
	background-color: #606060\0/; /*use \0/; to apply styles only for IE8*/
}

body.full_width .content-row .marginal_container {
	background-position: center top;
	background-image: url("../img/style/background/bg_lager_glass.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	background-attachment: inherit;
	
	background-image: none\0/; /*use \0/; to apply styles only for IE8*/
	background-color: #606060\0/; /*use \0/; to apply styles only for IE8*/
}


/* loader ************************************************/

#loader_bar {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -50px;
  margin-top: -50px;
  text-align: center;
  width: 100px;
  height: 102px;
  z-index: 9999
}

#loader_background {
  background-color: #aaa;
  opacity: .30;
  filter: Alpha(Opacity=30);
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9998;
  overflow: hidden;
  width: 100%;
  height: 100%
}


/* generally styles: text formating ************************************************/

.strong {
  font-weight: bold
}

.underline {
  text-decoration: underline
}

.italic {
  font-style: italic
}

.red {
  color: #F00
}

h1,h2,h3,h4,h5,h6 {
  font-weight: bold;
  line-height: 2
}

h1 {
  font-size: 18px;
  padding: 0;
  margin: 0
}

h1.inline-block {
  padding-left: 5px
}

h2 {
  font-size: 14px;
  padding: 0;
  margin: 0;
  margin-bottom: 2px
}

h4 {
  font-size: 13px;
  padding: 0;
  margin: 0;
  margin-bottom: 2px
}

h5 {
  font-size: 12px;
  line-height: 20px
}

.mandatory::after { 
  content: " *";
	color: red;
}


/* generally styles: text alignment ************************************************/

.left {
  text-align: left
}

.center {
  text-align: center
}

.right {
  text-align: right
}

.middle {
  vertical-align: middle
}

.top {
  vertical-align: top
}

/* generally styles: div boxes ************************************************/

div.info, div.success, div.warning, div.error, div.validation {
	border: 1px solid;
	margin: 10px 0px;
	padding: 5px;
	background-repeat: no-repeat;
	background-position: 10px center;
}

div.info ul, div.success ul, div.warning ul, div.error ul, div.validation ul {
  margin-left: 20px
}

div.info {
	color: #00529B;
	background-color: #BDE5F8;
}

div.success {
	color: #4F8A10;
	background-color: #DFF2BF;
}

div.warning {
	color: #9F6000;
	background-color: #FEEFB3;
}

div.error {
	color: #D8000C;
	background-color: #FFBABA;
}

div.validation {
	color: #D63301;
	background-color: #FFCCBA;
}


/* div notices ************************************************/
div#div_notices ul.missing, 
div.div_notices ul.missing {
  padding-top: 10px
}

div#div_notices ul.missing li,
div.div_notices ul.missing li {
  padding-bottom: 3px;
  margin-left: 50px;
  list-style-type: disc
}


/* generally styles: div floating ************************************************/


.float_right {
  float: right
}

.float_left {
  float: left
}

.float_none {
  clear: both;
  float: none
}

div.clear {
  clear: both;
  float: none
}

div.row
{
	clear: both;
	padding-top: 5px;
	min-height: 20px;
	height:auto !important;
}

/* content: start page ************************************************/
#login_name, #login_pwd {
	width:270px;
	font-size:11px;
	margin-top:4px;
	margin-bottom:7px;
}

#btn_login {
	width:100px;
	font-size:11px;
}


/* search area / filter ************************************************/

.div_search .filter {
  background-color: #F9F9F9;
	border: 1px solid #C4C4C4;
  color: #000;
	margin-bottom: 15px;
}

.div_search .filter .content {
  color: #000
}

.div_search .filter .buttons {
  background-color: #F0F0F0;
  border-top: 1px solid #C4C4C4;
  color: #000;
  padding: 10px
}

.div_search .filter .content .box {
  border-right: 1px solid #C4C4C4;
  float: left;
  height: 100%;
  padding: 10px
}

.div_search .filter .content .box.last {
  border-right: 0
}


/* legend ************************************************/
.legend {
  font: 12px/25px arial,sans-serif;
  text-align: left;
  background-color: #F9F9F9;
	border: 1px solid #C4C4C4;
  padding: 10px 0;
  margin-top: 30px;
	opacity: 0.4;
	filter: alpha(opacity=40);
}

.legend:hover {
		opacity: 1;
	filter: alpha(opacity=100);
}

.legend ul li {
  padding-left: 20px;
  list-style: none
}

/* .legend_item {
  float: left;
  margin-left: 10px
} */

.legend_icon {
   display: block;
  float: left;
  margin: 2px 10px 0 0;
  width: 20px;
  height: 20px
}



/* document ************************************************/
div.document_header {
  background-color: #F9F9F9;
	border: 1px dashed #C4C4C4;
  margin-bottom: 10px;
}

div.document_header_box {
	background: #F9F9F9;
	min-height: 90px;
	padding: 5px;
}

div.document_dropzone {
	background: #F9F9F9 url(../img/style/background/dragdropzone_even.png) no-repeat center center;
}

/* div.document_outer {
	display: inline-block;
	padding-top: 3px;
}
 */
div.div_document {
	background-color: #F9F9F9;
	border: 1px solid #B0B0B0;
	margin-bottom: 10px;
}

div.div_document.background_highlight {
	background-color: #E0E0E0;
	border: 1px solid #B0B0B0;
}

div.document_inner {
	padding: 5px;
}

div.document_dropzone.in {
  background-color: #FEF2CA
}

div.document_dropzone.hover {
  background-color: #FEF2CA
}


/* distance ************************************************/
div.distance_1 {
  margin-top: 5px;
  margin-bottom: 5px
}

div.distance_2 {
  margin-top: 10px;
  margin-bottom: 10px
}

div.distance_3 {
  margin-top: 15px;
  margin-bottom: 15px
}

div.distance_4 {
  margin-top: 20px;
  margin-bottom: 20px
}

div.distance_1_top {
  margin-top: 5px
}

div.distance_2_top {
  margin-top: 10px
}

div.distance_3_top {
  margin-top: 15px
}

div.distance_4_top {
  margin-top: 20px
}

div.distance_1_bot {
  margin-bottom: 5px
}

div.distance_2_bot {
  margin-bottom: 10px
}

div.distance_3_bot {
  margin-bottom: 15px
}

div.distance_4_bot {
  margin-bottom: 20px
}
	

/* dialog ************************************************/

.dialog_header{
	    -moz-box-sizing: border-box;
	 -webkit-box-sizing: border-box;
	         box-sizing: border-box;
	 width: 100%;
	 background: #f0f0f0; 
	 padding: 5px;
	 border-bottom: 1px solid #dadada;
}

.dialog_header [class^="icon-sprite-"] {
	margin-top: 4px;
}

.dialog_header button, .dialog_header input {
	margin-top: 2px;
	margin-bottom: 2px;
}

.dialog_header2 {
	 -moz-box-sizing: border-box;
	 -webkit-box-sizing: border-box;
	 box-sizing: border-box;
	 width: 100%;
	 background: #F9F9F9; 
	 padding: 5px;
	 border-bottom: 1px solid #dadada;
}

.dialog_content.master_data {
  background: #f9f9f9;
  border-right: 1px solid #dadada
}


/* .tabs_no_padding .ui-tabs-panel { */
.ui-tabs-panel {
/* 	padding: 0px !important; */
}

.panel_no_padding .ui-tabs-panel {
	padding: 0px !important;
}

.dialog_content {
	padding: 5px;
}

.dialog_controls_top {
	background: #f0f0f0;
	padding: 5px;
 	border-bottom: 1px solid #dadada;
}

.dialog_controls {
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 width: 100%;
 height: 100%;
 background: #f9f9f9; 
 padding: 5px;
 border-top: 1px solid #dadada;
}

.dialog_controls input {
	float: right;
}

.dialog_notices .success, .dialog_notices .info, .dialog_notices .error{
	margin: 5px;
}

.dialog_notices ul.missing li {
	padding-bottom: 3px;
	margin-left: 50px;
	list-style-type: disc;
}



/* width ************************************************/

.date {
  width: 75px
}

.time {
  width: 40px
}

.datetime {
  width: 100px
}

.w50p {
	width: 50%;
}

.w1col {
  width: 15px
}

.w2col {
  width: 30px
}

.w3col {
  width: 45px
}

.w4col {
  width: 60px
}

.w5col {
  width: 75px
}

.w6col {
  width: 90px
}

.w7col {
  width: 105px
}

.w8col {
  width: 120px
}

.w9col {
  width: 135px
}

.w10col {
  width: 150px
}

.w11col {
  width: 165px
}

.w12col {
  width: 180px
}

.w13col {
  width: 195px
}

.w14col {
  width: 210px
}

.w15col {
  width: 225px
}

.w16col {
  width: 240px
}

.w17col {
  width: 255px
}

.w18col {
  width: 270px
}

.w19col {
  width: 285px
}

.w20col {
  width: 300px
}

.w21col {
  width: 315px
}

.w22col {
  width: 330px
}

.w23col {
  width: 345px
}

.w24col {
  width: 360px
}

.w25col {
  width: 375px
}

.w26col {
  width: 390px
}

.w27col {
  width: 405px
}

.w28col {
  width: 420px
}

.w29col {
  width: 435px
}

.w30col {
  width: 450px
}

.w31col {
  width: 465px
}

.w32col {
  width: 480px
}

.w33col {
  width: 495px
}

.w34col {
  width: 510px
}

.w35col {
  width: 525px
}

.w36col {
  width: 540px
}

.w37col {
  width: 555px
}

.w38col {
  width: 570px
}

.w39col {
  width: 585px
}

select.w1col {
  width: 23px
}

select.w2col {
  width: 38px
}

select.w3col {
  width: 53px
}

select.w4col {
  width: 68px
}

select.w5col {
  width: 83px
}

select.w6col {
  width: 98px
}

select.w7col {
  width: 113px
}

select.w8col {
  width: 128px
}

select.w9col {
  width: 143px
}

select.w10col {
  width: 158px
}

select.w11col {
  width: 173px
}

select.w12col {
  width: 188px
}

select.w13col {
  width: 203px
}

select.w14col {
  width: 218px
}

select.w15col {
  width: 233px
}

select.w16col {
  width: 248px
}

select.w17col {
  width: 263px
}

select.w18col {
  width: 278px
}

select.w19col {
  width: 293px
}

select.w20col {
  width: 308px
}

select.w21col {
  width: 323px
}

select.w22col {
  width: 338px
}

select.w23col {
  width: 353px
}

select.w24col {
  width: 368px
}

select.w25col {
  width: 383px
}

select.w26col {
  width: 398px
}

select.w27col {
  width: 413px
}

select.w28col {
  width: 428px
}

select.w29col {
  width: 443px
}

select.w30col {
  width: 458px
}

select.w31col {
  width: 473px
}

select.w32col {
  width: 488px
}

select.w33col {
  width: 503px
}

select.w34col {
  width: 518px
}

select.w35col {
  width: 533px
}

select.w36col {
  width: 548px
}

select.w37col {
  width: 563px
}

select.w38col {
  width: 578px
}

select.w39col {
  width: 593px
}

textarea.w1col {
  width: 17px
}

textarea.w2col {
  width: 32px
}

textarea.w3col {
  width: 47px
}

textarea.w4col {
  width: 62px
}

textarea.w5col {
  width: 77px
}

textarea.w6col {
  width: 92px
}

textarea.w7col {
  width: 107px
}

textarea.w8col {
  width: 122px
}

textarea.w9col {
  width: 137px
}

textarea.w10col {
  width: 152px
}

textarea.w11col {
  width: 167px
}

textarea.w12col {
  width: 182px
}

textarea.w13col {
  width: 197px
}

textarea.w14col {
  width: 212px
}

textarea.w15col {
  width: 227px
}

textarea.w16col {
  width: 242px
}

textarea.w17col {
  width: 257px
}

textarea.w18col {
  width: 272px
}

textarea.w19col {
  width: 287px
}

textarea.w20col {
  width: 302px
}

textarea.w21col {
  width: 317px
}

textarea.w22col {
  width: 332px
}

textarea.w23col {
  width: 347px
}

textarea.w24col {
  width: 362px
}

textarea.w25col {
  width: 377px
}

textarea.w26col {
  width: 392px
}

textarea.w27col {
  width: 407px
}

textarea.w28col {
  width: 422px
}

textarea.w29col {
  width: 437px
}

textarea.w30col {
  width: 452px
}

textarea.w31col {
  width: 467px
}

textarea.w32col {
  width: 482px
}

textarea.w33col {
  width: 497px
}

textarea.w34col {
  width: 512px
}

textarea.w35col {
  width: 527px
}

textarea.w36col {
  width: 542px
}

textarea.w37col {
  width: 557px
}

textarea.w38col {
  width: 572px
}

textarea.w39col {
  width: 587px
}

.padding_1col,.padding_w1col {
  padding-left: 20px
}

.padding_2col,.padding_w2col {
  padding-left: 35px
}

.padding_3col,.padding_w3col {
  padding-left: 50px
}

.padding_4col,.padding_w4col {
  padding-left: 65px
}

.padding_5col,.padding_w5col {
  padding-left: 80px
}

.padding_6col,.padding_w6col {
  padding-left: 95px
}

.padding_7col,.padding_w7col {
  padding-left: 110px
}

.padding_8col,.padding_w8col {
  padding-left: 125px
}

.padding_9col,.padding_w9col {
  padding-left: 140px
}

.padding_10col,.padding_w10col {
  padding-left: 155px
}

.padding_11col,.padding_w11col {
  padding-left: 170px
}

.padding_12col,.padding_w12col {
  padding-left: 185px
}

.padding_13col,.padding_w13col {
  padding-left: 200px
}

.padding_14col,.padding_w14col {
  padding-left: 215px
}

.padding_15col,.padding_w15col {
  padding-left: 230px
}

.padding_16col,.padding_w16col {
  padding-left: 245px
}

.padding_17col,.padding_w17col {
  padding-left: 260px
}

.padding_18col,.padding_w18col {
  padding-left: 275px
}

.padding_19col,.padding_w19col {
  padding-left: 290px
}

.padding_20col,.padding_w20col {
  padding-left: 305px
}

.padding_21col,.padding_w21col {
  padding-left: 320px
}

.padding_22col,.padding_w22col {
  padding-left: 335px
}

.padding_23col,.padding_w23col {
  padding-left: 350px
}

.padding_24col,.padding_w24col {
  padding-left: 365px
}

.padding_25col,.padding_w25col {
  padding-left: 380px
}

.padding_26col,.padding_w26col {
  padding-left: 395px
}

.padding_27col,.padding_w27col {
  padding-left: 410px
}

.padding_28col,.padding_w28col {
  padding-left: 425px
}

.padding_29col,.padding_w29col {
  padding-left: 440px
}

.padding_30col,.padding_w30col {
  padding-left: 455px
}

.padding_31col,.padding_w31col {
  padding-left: 460px
}

.padding_32col,.padding_w32col {
  padding-left: 485px
}

.padding_33col,.padding_w33col {
  padding-left: 490px
}

.padding_34col,.padding_w34col {
  padding-left: 515px
}

.padding_35col,.padding_w35col {
  padding-left: 520px
}

.padding_36col,.padding_w36col {
  padding-left: 545px
}

.padding_37col,.padding_w37col {
  padding-left: 550px
}

.padding_38col,.padding_w38col {
  padding-left: 575px
}

.padding_39col,.padding_w39col {
  padding-left: 580px
}	


/* table.disigned ************************************************/
table.designed {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0
}

table.designed tr {
  border-bottom: 1px solid #c4c4c4
}

table.designed tr:nth-child(odd) {
  background: #fff
}

table.designed tr:nth-child(even) {
  background: #ececec
}

table.designed tr:hover {
  background: #8bedff!important
}

table.designed tr:hover td {
  border-right: 1px solid #15dcff
}

table.designed tr:hover td:first-child {
  border-left: 1px solid #15dcff
}

table.designed th {
  color: #fff;
  background: #606060;
  border: 1px solid #404040;
  font-weight: bold
}

table.designed th.order.asc {
  background-image: url("../img/icons/sort-asc.png");
  background-position: right center;
  background-repeat: no-repeat
}

table.designed th.order.desc {
  background-image: url("../img/icons/sort-desc.png");
  background-position: right center;
  background-repeat: no-repeat
}

table.designed th.order.asc.right {
  background-position: left center
}

table.designed th.order.desc.right {
  background-position: left center
}

table.designed th.mandatory::after {
	color: white;
	font-size: 1.2em;
}

table.designed th a {
  color: #fff;
  text-decoration: none
}

table.designed th,table.designed td {
  line-height: 20px;
  padding: 4px 10px;
  vertical-align: top
}

table.designed th.no_padding,table.designed td.no_padding {
  padding: 4px 2px;
}

table.designed th.right,table.designed td.right {
  text-align: right
}

table.designed thead th,table.designed tbody tr:first-child th {
  border-bottom: 0
}

table.designed td {
  border-right: 1px solid #cecece
}

table.designed td:first-child {
  border-left: 1px solid #c4c4c4
}

table.designed th.accounting_values {
  background: #00687a;
  border: 1px solid #43c9e1
}

table.designed td.accounting_values {
  border: 1px solid #43c9e1
}

table.designed tr:nth-child(odd) td.accounting_values {
  background: #afeffa
}

table.designed tr:nth-child(even) td.accounting_values {
  background: #7de7fa
}

table.designed th.promoter_values {
  background: #6b8a22;
  border: 1px solid #a6d636
}

table.designed td.promoter_values {
  border: 1px solid #a6d636
}

table.designed tr:nth-child(odd) td.promoter_values {
  background: #ddff8c
}

table.designed tr:nth-child(even) td.promoter_values {
  background: #cdff59
}

table.designed tr.highlight:nth-child(even) {
  background-color: #ffff59 !important;
}

table.designed tr.highlight:nth-child(odd) {
  background-color: #ffff8c !important;
}

table.designed tr:nth-child(even) td.highlight {
/*   background-color: #ffff59 !important; */
  background-color: #ffff59;
}

table.designed tr:nth-child(odd) td.highlight {
/*   background-color: #ffff8c !important; */
  background-color: #ffff8c;
}

table.designed tr.highlight {
  border: 1px solid #d6d636
}

table.designed td input,
table.designed th input,
table.designed td select,
table.designed th select {
  float: none
}

/* pro, 2014-05-16 */
table.designed td.right input, 
table.designed th.right input,
table.designed td.right select, 
table.designed th.right select,
table.designed td.center input, 
table.designed th.center input,
table.designed td.center select, 
table.designed th.center select {
	margin-right: 0px;
}

table.designed td label,table.designed th label {
  float: none
}

table.designed tr:nth-child(odd) td.table_row_attachment.file_droppable {
  background: url(../img/style/background/dragdropzone_odd.png) no-repeat center center
}

table.designed tr:nth-child(even) td.table_row_attachment.file_droppable {
  background: url(../img/style/background/dragdropzone_even.png) no-repeat center center
}

table.designed tr.headline_2,table.designed tr.headline_2 td {
  border-bottom: 1px solid black!important;
	font-weight: bold;
}

table.designed tr.status_deleted {
  color: #999
}

table.designed td.group_even
{
	background-color: #acabad;
}

table.designed td.group_odd
{
	background-color: #606060;
}


/* page menu ************************************************/
div.page_menu_inner table {
  padding: 0;
	display: inline-table;
}

table.page_menu {
  margin-bottom: 3px;
  margin-top: 3px;
}

table.page_menu a {
  color: #002548;
  text-decoration: none
}

table.page_menu a.page_menu_off {
  color: #002548;
  text-decoration: none
}


table.page_menu a.page_menu_off:hover {
  color: #0041C0
}


table.page_menu a.page_menu_on {
  text-decoration: underline
}


table.page_menu input[type='text'] {
  border: 1px solid black;
  float: none;
  font-size: 12px;
  height: 14px;
  line-height: 14px;
  margin: 0 3px -1px 5px;
  text-align: center;
  vertical-align: text-bottom;
  width: 32px
}



/* other ************************************************/

.cursor_pointer {
  cursor: pointer
}

.full {
  width: 100%
}

.inline-block {
  display: inline-block
}

.Hidden,.hidden,.hide {
  display: none;
}


/* //pro, 2015-08-24, siehe box_sytem 
.box_data {
  margin-bottom: 5px
} */



/**********************************************************************
 * box-system
 ***********************************************************************/

/* Padding von jQueryUI überschreiben */
.box-system .ui-tabs .ui-tabs-panel {
  padding: 1em 0
}

/* Reset des Grids */
.box-system [class^="grid_"] {
  margin-left: 0;
  margin-right: 0
}

/* Grid musste leider angepasst werden. Neues Grid mit maximal 16 Spalten ist empfehlenswert. */
.box-system .margin-right{
  margin-right: 10px!important
}

.box-system .margin-left {
  margin-left: 20px!important
}

.box-system .grid_10.b_15 {
  width: 410px
}

.box-system .grid_10.s_20 {
  width: 375px
}

.box-system .grid_11.s_25 {
  width: 410px
}

.box-system .grid_18.b_20 {
  width: 735px
}

.box-system .grid_20.b_20 {
  width: 815px
}

.box-system label {
  margin: 0 5px 0 0; /* Abstand f�r rechtsb�ndige Labels, Reset der anderen Abst�nde */
}

.box-system .box-header {
  background: #f0f0f0;
	margin: -10px -10px 0 -10px;
	padding: 0 0 0 10px;
}

.box-system .box-header-info {
	background-color: #c4c4c4;  
	float: right;
	height: 26px;
	text-align: center;
	width: 26px;
}

.box-system .box-header-info span {
	margin-top: 5px;
  height: 16px;
  width: 16px;
}

.box-system .box_data {
  padding: 10px;
  margin-bottom: 10px;
  background: #F9F9F9
}

/* Ausrichtung der Flaggen. Kann sp�ter hoffentlich verallgemeinert oder gel�scht werden. */
/* #new-user-edit #flag_ger,
#new-outlet-edit #flag_eng {
  margin-top: 6px;
  height: 16px;
  width: 16px
} */

/* Erzeugt Trennlinien zwischen Bereichen einens Blocks. */
.box-system .block-divided:after {
  display: block;
  content: "";
  margin: 7px -10px 8px;
  border-bottom: 1px solid #c4c4c4
}

.box-system .block-divided:last-child:after {
  margin: 0;
  border-bottom: 0
}

/* Dropzone wenn Bilder vorhanden */
.box-system .dropzone {
  background: url("../img/style/background/dragdropzone_even.png") no-repeat scroll center center #FCFCFC;
  border: 1px dashed #C4C4C4;
  text-align: center;
  vertical-align: middle;
  min-height: 57px
}

/* Dropzone wenn keine Bilder vorhanden */
.box-system .dropzone.big { 
  height: 309px!important; /* Gr��e variiert zwischen den Browsern. 309px ist die H�he f�r Chrome. */
}

.box-system #map {
  height: 382px; /* H�he variiert auch hier zwischen den Browsern */
  width: 408px;
  border: 1px solid #c4c4c4
}

/* Leiste mit Buttons am Ende der Seite */
.box-system .buttonbox {
  padding-top: 10px;
  border-top: 1px solid #c4c4c4
}

.box-system #tab_general .buttonbox .primary {
  margin-right: 0
}






/**********************************************************************
 * SPRITE
 *
 * Übersicht aller Icons im Sprite und Anwendung:
 * J:\STEIN\Lager-DB\Sprite\img\icons
 **********************************************************************/

[class^="btn-sprite-"],
[class^="icon-sprite-"] {
  background-image: url(../img/icons/sprite.png?version=20150826); /* Parameter mit aktuellem Datum hinzufügen, um Cache zu aktualisieren */
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  height: 16px;
  width: 16px;
  cursor: pointer
}

.btn-sprite-logout {
  background-position: -16px 0px
}

a:hover .btn-sprite-logout,
.btn-sprite-logout:hover {
  background-position: -16px -16px
}

.btn-sprite-glossary,
.icon-sprite-letter-v {
  background-position: -32px 0px
}

a:hover .btn-sprite-glossary,
.btn-sprite-glossary:hover {
  background-position: -32px -16px

}

.btn-sprite-user{
	background-position: -64px 0px
}

a:hover .btn-sprite-user,
 .btn-sprite-user:hover{
	background-position: -64px -16px
}

.btn-sprite-edit {
  background-position: -128px 0px
}

.btn-sprite-edit.disabled,
.btn-sprite-edit.disabled:hover {
  background-position: -128px -16px
}

.btn-sprite-edit-white {
  background-position: -128px -32px
}

.btn-sprite-edit:hover,
.btn-edit-left:hover span,
.icon-sprite-edit-hover {
  background-position: -128px -16px
}

.btn-sprite-search,
.btn-sprite-show {
  background-position: -160px 0px
}

.btn-sprite-search-white {
  background-position: -160px -32px
}

a:hover .btn-sprite-search,
.btn-sprite-search:hover,
.btn-sprite-search-white:hover,
.btn-sprite-show:hover {
  background-position: -160px -16px
}

.btn-sprite-delete {
  background-position: -144px 0
}

.btn-sprite-delete-white {
  background-position: -144px -32px
}

.btn-sprite-delete:hover,
.btn-sprite-delete-white:hover {
  background-position: -144px -16px;
}

.btn-sprite-delete.disabled,
.btn-sprite-delete.disabled:hover {
	background-position: -144px -16px;
}

.btn-sprite-info,
.btn-info:hover span,
.icon-sprite-info {
  background-position: -176px 0
}

.btn-sprite-info-red,
.icon-sprite-info-red {
  background-position: -176px -48px
}

.btn-sprite-info-white,
.icon-sprite-info-white {
  background-position: -176px -32px
}

.btn-sprite-info:hover,
.btn-sprite-info-red:hover,
.btn-sprite-info-white:hover {
  background-position: -176px -16px
}

.btn-sprite-add,
.btn-sprite-maximize,
.icon-sprite-plus {
  background-position: -192px 0
}

.btn-sprite-add-white,
.icon-sprite-add-white,
.btn-sprite-maximize-white,
.btn-sprite-plus-white {
  background-position: -192px -32px
}

.btn-sprite-add:hover,
.btn-sprite-add-white:hover,
.btn-sprite-maximize:hover {
  background-position: -192px -16px
}

.btn-sprite-settings,
.btn-sprite-settings-detail {
  background-position: -96px 0
}

a:hover .btn-sprite-settings,
.btn-sprite-settings-detail:hover,
.btn-sprite-settings:hover {
  background-position: -96px -16px
}

.btn-sprite-counterclockwise {
  background-position: -208px -0px
}

.btn-sprite-counterclockwise:hover {
  background-position: -208px -16px
}

.btn-sprite-clockwise,
.btn-sprite-rotate {
  background-position: -224px -0px
}

.btn-sprite-clockwise:hover,
.btn-sprite-rotate:hover {
  background-position: -224px -16px
}

.btn-sprite-flip {
  background-position: -240px -0px
}

.btn-sprite-flip:hover {
  background-position: -240px -16px
}

.btn-sprite-save {
  background-position: -256px 0px
}

.btn-sprite-save-white {
  background-position: -256px -32px
}

.btn-sprite-save:hover,
.btn-sprite-save-white:hover {
  background-position: -256px -16px
}

.icon-sprite-female {
  background-position: -272px 0px
}

.icon-sprite-male {
  background-position: -272px -16px
}

.btn-sprite-refresh {
  background-position: -288px 0px
}

.btn-sprite-refresh:hover {
  background-position: -288px -16px
}

.btn-sprite-down,
.btn-sprite-dropdown,
.icon-sprite-limit-top {
  background-position: -16px -48px
}

.btn-sprite-down:hover,
.btn-sprite-dropdown:hover,
.btn-dropdown-right:hover span {
  background-position: -16px -64px
}

.icon-sprite-staff {
  background-position: -304px 0px
}

.btn-sprite-copy {
  background-position: -32px -48px
}

.btn-sprite-copy:hover, 
.btn-copy-middle:hover span {
  background-position: -32px -64px
}

.btn-sprite-goto {
  background-position: -48px -48px
}

.btn-sprite-goto:hover {
  background-position: -48px -64px
}

.btn-sprite-list-view {
  background-position: -64px -48px
}

.btn-sprite-list-view-active,
.btn-sprite-list-view:hover {
  background-position: -64px -64px
}

.btn-sprite-list-preview {
  background-position: -80px -48px
}

.btn-sprite-list-preview-active,
.btn-sprite-list-preview:hover {
  background-position: -80px -64px
}

.btn-sprite-list-tile-view {
  background-position: -96px -48px
}

.btn-sprite-list-tile-view-active,
.btn-sprite-list-tile-view:hover {
  background-position: -96px -64px
}

.btn-sprite-accept {
  background-position: -112px -48px
}

.btn-sprite-accept:hover {
  background-position: -112px -64px
}

.btn-sprite-in {
  background-position: -128px -48px
}

.btn-sprite-out {
  background-position: -128px -64px
}

.icon-sprite-doc {
  background-position: -32px -96px
}

.icon-sprite-musik {
  background-position: -48px -96px
}

.icon-sprite-pdf {
  background-position: -64px -96px
}

.icon-sprite-xls {
  background-position: -80px -96px
}

.icon-sprite-document {
  background-position: -96px -96px
}

.icon-sprite-image {
  background-position: -112px -96px
}

/**************************************************************************************/
/* START: JQUERY UI OVERWRITE
/**************************************************************************************/
.ui-datepicker-trigger {
  float: left
}

td .ui-datepicker-trigger {
  float: none
}

.ui-widget-content .ui-combobox-input {
	background: #FFFFFF;
}

.ui-autocomplete-category {
		font-weight:bold;
}

.ui-dialog .ui-dialog-titlebar {
	padding: .6em 1em;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {
	border: 1px solid #474745;
}

.ui-accordion .ui-accordion-header a { 
	padding: .5em .5em .5em 2.2em;
}

.ui-dialog { 
	padding: 0px;
}

.ui-corner-all {
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-khtml-border-bottom-right-radius: 0px; 
	border-bottom-right-radius: 0px;

	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	-khtml-border-top-right-radius: 0px; 
	border-top-right-radius: 0px;

	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-khtml-border-bottom-left-radius: 0px; 
	border-bottom-left-radius: 0px;

	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	-khtml-border-top-left-radius: 0px; 
	border-top-left-radius: 0px;
}

.ui-widget-header { 
	border: none;
}

.ui-tabs {
  padding: 0!important
}

.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {
  font-family: Arial,sans-serif!important
}

.ui-tooltip li {
  list-style-position: inside
}

.dialog_no_padding {
	padding: 0px !important;
}

div.ui-dialog .div_search .filter {
	border: none;
	border-bottom: 1px solid #C4C4C4;
}
/**************************************************************************************/
/* END: JQUERY UI OVERWRITE
/**************************************************************************************/



/**************************************************************************************/
/* START: PRETTYPHOTO OVERWRITE
/**************************************************************************************/
div.pp_default .pp_social {
	margin-top: 0px !important;
	float: none !important;
}

div.pp_default .pp_description {
	margin: 0px 50px 0px 0px !important;
}

div.pp_default .pp_content_container .pp_details {
	margin-top: 0px !important;
}
/**************************************************************************************/
/* END: PRETTYPHOTO OVERWRITE
/**************************************************************************************/




/**************************************************************************************/
/* START: new-dashboard
/**************************************************************************************/
#new-dashboard h2 {
	font-size: 16px;
	line-height: 28px;
}

#new-dashboard .news-head {
	display: block;
	float: left;
	width: 100%;
 	padding: 10px 0 5px;
	background: #f9f9f9;
	border-bottom: 1px solid #e0e0e0;
	border-radius: 4px 4px 0 0;
}

 #new-dashboard .news-head h2,
#new-dashboard .news-head fieldset {
	padding: 0 20px;
} 

#new-dashboard .news-entry {
	background: #f9f9f9;
	border-bottom: 1px solid #e0e0e0;
}

#new-dashboard .news-entry h3 {
	color: #404040;
}


#new-dashboard .news-entry.reading-confirmation  {
	background: #d4effa;
	border-bottom: 1px solid #7dceef;
}

#new-dashboard .news-entry .news-entry-head,
#new-dashboard .news-entry .news-entry-content {
	padding: 20px;
	color: #606060;
}

#new-dashboard .news-entry .news-entry-content {
	line-height: 20px;
}

#new-dashboard .news-entry .news-entry-footer {
	display: block;
	padding: 0px 20px 10px
}

#new-dashboard .news-footer {
	display: block;
	padding: 10px 0px;
	background: #f9f9f9;
	border-radius: 0 0 4px 4px;
	text-align: center;
}

#new-dashboard .news-footer.load-more a {
	display: block;	
	text-decoration: none;
}

#new-dashboard .news-footer.load-more:hover {
	cursor: pointer;
	background: #f0f0f0;
}

#new-dashboard .form-reading-confirmation {
	display: block;
	background: #ffffff;
	padding: 3px 5px 3px 10px;
	float: right;
	line-height: 20px;
	border-radius: 4px;
}

#new-dashboard input[type="checkbox"].right {
	float: right;
	margin-left: 5px;
}

#new-dashboard .news-footer.load-more:hover a {
	color: #0041c0;
}
/**************************************************************************************/
/* END: new-dashboard
/**************************************************************************************/



/**************************************************************************************/
/* START: div active filter
/**************************************************************************************/
	div#div_filter_active  span.filter
	{
		display: inline-block;
		cursor: default;
		margin-right: 5px;
		margin-bottom: 10px;
		background: #D2DD6B;
		padding: 3px 5px;
	}

	
	div#div_filter_active a.remove {
		display: inline-block;
		height: 14px;
		width: 14px;
		border-radius: 50%;
		background: #555;
		text-align: center;
		margin-left: 5px;
		color: #e9e9e9;
		text-decoration: none;
		line-height: 12px;
		vertical-align: top;
		font-size: 11px;
	}
	
	div#div_filter_active span#span_clear_search {
		cursor: pointer;
		white-space: nowrap;
	}
	
	div#div_filter_active span#span_clear_search:hover {
		color: #00A8C6;
	}
	
	div#div_filter_active a:focus, div#div_filter_active a:hover, div#div_filter_active a:visited {
		background-color: #00A8C6;
		text-decoration: none;
	}
/**************************************************************************************/
/* END: div active filter
/**************************************************************************************/