/* CSS ALL-INKL.COM KAS */



/* COMMON GLOBAL SETTINGS
--------------------------------------------------------------------------------- */

body {
	background-color: #E2E4E6;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
}
table {
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
}
th, td {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}
.frametable1, .frametable2, .frametable3, .frametable4, .frametable5 {
	width: 100%;
        /* line-height: 14px; */
}
.frametable1 td, .frametable2 td, .frametable3 td, .frametable4 td, .frametable5 td {
	vertical-align: top;
}
.frametable1 td.left {
	padding-right: 10px;
}
.frametable1 td.right {
	width: 145px;
	padding-left: 10px;
}
.frametable2 td.left, .frametable2 td.right {
	width: 50%;
}
.frametable2 td.right {
	padding-left: 10px;
}
.frametable2 td.left {
	padding-right: 10px;
}
.frametable3 td.left {
	width: 60%;
	padding-right: 10px;
}
.frametable3 td.right {
	width: 40%;
	padding-left: 10px;
}
.frametable4 td.left {
	width: 20%;
}
.frametable4 td.right {
	width: 80%;
	padding-left: 10px;
}
.frametable5 td.left {
	width: 70%;
	padding-right: 10px;
}
.frametable5 td.right {
	width: 30%;
	padding-left: 10px;
}
.overview {
	margin-bottom: 14px;
	/* thomas alt: background-color: #FFFFFF; */
	background-color: #F5F5F5;
	/* background-color: #cccccc; */
	/* background-color: #FFFFFF; */
	padding: 10px 5px 10px 5px;
	/* border: solid 1px black; */
}
.blind2col, .blindfull {
	width: 100%;
}
.blind td, .blindfull td, .blind2col td {
	vertical-align: top;
}
.blind2col td {
	width: 50%;
	padding: 2px 2px 2px 2px;
}
.blind td, .blindfull td {
	padding: 2px 2px 2px 2px;
	border: 0px;
}
.blindfull td.middle, .blind td.middle {
	vertical-align: middle;
}
.boxheader {
	width: 100%;
}
.boxheader td.option {
	text-align: right;
}
.pagenav {
	width: 100%;
	background-color:#FFF;
	margin-top: 10px;
}
.pagenav {
	color: #333333;
}
.pagenav img {
	padding: 0px;
}
a.pagenav, span.active {
	padding-left: 3px;
	padding-right: 3px;
}
span.active {
	color: #E2003D;
	font-weight: bold;
}
div.block, div.block2, div.block3, div.block4 {
	margin: 0px;
	padding: 0px;
	margin-bottom: 14px;
	margin-top: 14px;

}
div.block2 {
	margin-top: 0px;
}
div.block3 {
	margin-bottom: 0px;
}
div.block4 {
	margin-bottom: 5px;
	margin-top: 5px;
}
td.action img {
	padding-right: 10px;
	min-height: 16px;
}
p.head a.bold img,
p a.back img,
p.tdrightnorm a img,
p.tdleftnorm a img,
p.text a img,
p.tdleftbold a span img {
	padding-right: 4px;
}
p.tdrightnorm a {
	padding-bottom: 20px;
}
img.imgleft {
	padding: 2px 10px 12px 2px;
	float: left;
}
img.imgright {
	padding: 2px 2px 12px 10px;
	float: right;
}
form {
	margin: 0px;
}
input, textarea, select {
	font-family: Arial, Verdana, sans-serif, Helvetica;
	font-size: 12px;
	color: #000000;
	background-color: #ffffff;
}
input, textarea, button {
	border: 1px solid #999999;
	padding-left: 3px;
}
textarea {
	resize: vertical;
}
.buttonred {
	font-family: Arial, Verdana, sans-serif, Helvetica;
	color: #333;
	background-color: #CCC;
	font-size: 11px;
    background-image: url(images/bg_button.gif);
	background-repeat: repeat-x;
	background-position: top;
    padding: 2px 5px;
	cursor:pointer;
}

.buttonred[disabled] {
	color: #aaa;
	background-color: #CCC;
}


input.checkbox, input.radio {
	border: 0px;
	background-color: #cc9999;
}
td.cellstd input.checkbox, td.cellstd input.radio {
	border: 0px;
	background-color: #ffffff;
}
hr {
	border-bottom: 1px solid #000000;
	border-top: 1px solid #ffffff;
	margin-bottom: 10px;
}
h1, h2, h3, p, ul, li {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	text-align: left;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
h1, h2, h3 {
	font-size: 12px;
	color: #E2003D;
	margin-bottom: 6px;
	font-family: Arial, Helvetica, sans-serif;
}
#frame h1 {
	text-transform: uppercase;
	font-size: 15px;
	margin: 10px 0px 5px 0px;
	color: #E2003D;
}
h2 {
	font-size: 16px;
	color: #999999;
}
p.head {
	font-weight: bold;
	margin-bottom: 6px;
}
p.text {
	margin-bottom: 10px;
}
p.textbold {
	font-weight: bold;
	margin-bottom: 10px;
}
p.textsmall {
	font-size: 11px;
	margin-bottom: 10px;
	color: #333333;
}
p.textsmall a {
	color: #333333;
}
div.textslim {
	margin-bottom: 10px;
}
ul.list {
	margin: 0px 10px 10px 20px;
	list-style-type: square;
}
p.error, div.error {
	font-weight: bold;
	color: #ffffff;
	background-color: red;
	padding: 2px 4px 2px 4px;
}
input.error, select.error { background-color: #F9C9D6;} 
p.warning   {
	font-weight: bold;
	color: #000000;
	background-color: #ffff00;
	padding: 2px 4px 2px 4px;
}
p.error a {
	color: #ffffff;
}
p.hint {
	font-weight: bold;
	color: #666666;
	background-color: #ffffff;
	padding: 2px 4px 2px 4px;
}
p.hint a {
	color: #000000;
}
p.success {
	font-weight: bold;
	color: #ffffff;
	background-color: green;
	padding: 2px 4px 2px 4px;
}
p.info {
	color: black;	
	background-color: #EEE;
	border: 1px solid red;
	padding: 2px 4px 2px 4px;
}
p.success a {
	color: #ffffff;
}
p.bottomlink {
	margin-top: 10px;
	margin-bottom: 10px;
}
pre.diagnostic, p.diagnostic {
	font-size: 12px;
	color: #ffffff;
	background-color: #000000;
	padding: 3px;
}
a {
	color: #333; /* #666 */
}
a:hover {
	color: #E2003D;
}
a.bold {
	font-weight: bold;
        text-decoration: none;
}
a.main {
	font-weight: bold;
        text-decoration: none;
}
a.sub {
	font-weight: normal;
}
a.back {
	font-size: 11px;
	color: #999999;
}
a.parent {
	font-weight: bold;
}
a.child {
	font-weight: bold;
}
a.related {
	font-weight: bold;
}
a.inputlike, a.inputlike2, a.inputlike3 {
	margin-bottom: 10px;
	padding: 2px 15px 2px 15px !important;
	line-height: 22px;
	background-color: #F89833;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #E2003D;
}
a:hover.inputlike {
	border: 1px solid;
	border-color: #E2003D;
	color: #F89833;
	background-color: #ffffff;
	text-decoration: none;
}
.boxheader {
	width: 100%;
}

.form_dns { font-family: Arial, Verdana, sans-serif, Helvetica; font-size: 11px; color: #000000; background-color: #ffffff; }



/* COMMON MYSYSTEMS SETTINGS
--------------------------------------------------------------------------------- */


.blinddemo {
	width: 100%;
}
div.borderhead {
	padding: 3px;
	background-color: #E2003D;
	color: #ffffff;
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif, Helvetica;
}
div.border {
	padding-top: 10px;
	margin-bottom: 14px;
}
div.border a {
	cursor: text;
}

.clearer {
	display:block;clear:both;
}
.blinddemo {
	margin-top: 15px;
}
.reit24x {
	width: 50%;
}
.reit5xx, .reit4xx {
	width: 100%;
}
.reit24x td.reitc, .reit24x td.reitd {
	width: 50%;
}
.reit5xx td.reitc, .reit5xx td.reitd {
	width: 20%;
}
.reit4xx td.reitc, .reit4xx td.reitd {
	width: 20%;
}
td.reita, td.reitb, td.reite, td.reitf, td.reitg, td.reith, td.reiti {
	width: 1px;
}
td.reitd {
	padding-top: 3px;
	background-color: #cccccc;
}
td.reitc {
	padding-top: 2px;
	background-color: #999999;
}
.reit24x a, .reit5xx a, .reit4xx a, p.act span {
	font-weight: bold;
	color: #ffffff;
}
.reit24x p, .reit5xx p, .reit4xx p {
	text-align: center;
}
p.norm a, p.norm span {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
p.norm a:hover {
	text-decoration: underline;
}
.reit24x a img, .reit4xx a img, .reit5xx a img {
	padding: 0px;
}
.list420, .list510, .list1440, .list1730, .listbox, .listmails, .short100, .short635, .short410, .short6xx, .short610, .detail100, .detail24x, .detail250, .detail4xx, .detail430, .detail440, .detail6xx, .detail630, .detail1310, .detail1320, .detail1450, .detail1730, .cont1xx, .cont2xx, .cont220, .cont5xx, .cont72x, .cont710, .cont1710, .cont61x, .cont1210, .cont1330, .contxxx, .pbook240, .disc645, .valid6xx, .cccinfo, .evnsum, .loginbox {
	width:100%;
}
th.coldesc, th.coldesc2, th.coldesc3, th.action {
	padding: 3px 10px 3px 10px;
	background-color: #999999;
	white-space: nowrap;
}
th.action {
	width: 10%;
	white-space: nowrap;
}
th.coldesc2 {
	background-color: #cccccc;
}
th.coldesc3 {
	background-color: #999999;
}
.list420 th.coldesc, .list510 th.coldesc {
	padding: 3px 4px 3px 4px;
}
td.rowdesc, td.cellstd, td.rowdesc2, td.cellstd2, td.columnize, td.columnize2, td.celltime, td.cellcost, td.padslim, td.action, td.tderror, td.padbig, div.padbig, td.padbig2, td.cycle1, td.cycle2, td.cycle3, td.bottom, td.small, td.noresulttable {
	padding: 3px 10px 3px 10px;
}
.list510 td.cycle1, .list510 td.cycle2, .list510 td.cycle3, .list1440 td.cycle1, .list1440 td.cycle2, .list1440 td.cycle3 {
	padding: 3px 4px 3px 4px;
}
td.padbig, div.padbig, td.padbig2, td.padbig3 {
	padding: 7px 15px 7px 15px;
	background-color: #ffffff;
}
td.padbig2 {
	background-color: #ffffff;
}
td.rowdesc {
	background-color: #ffffff;
}
td.tderror {
	background-color: #E2003D;
}
td.action {
	width: 10%;
	background-color: #cccccc;
	white-space: nowrap;
}
.action {
	background-color: #cccccc;
	border: none;
}
td.cellstd {
	background-color: #ffffff;
}
td.noresulttable {
	padding: 7px 15px 7px 15px;
	background-color: #FEEFDF;
}
td.cycle1 {
	background-color: #ffffff;
}
td.cycle2 {
	background-color: #ffffff;
}
td.cycle3 {
	background-color: #ffffff;
}
td.padslim {
	padding: 0px;
	background-color: #FEEFDF;
}
td.leftspace1 {
	padding-left: 10px;
}
td.leftspace2 {
	padding-left: 20px;
}
td.columnize, td.columnize2 {
	width: 33%;
	background-color: #ffffff;
}
td.image {
	width: 1%;
}
.detail250 td.rowdesc, .detail6xx td.rowdesc, .detail430 td.rowdesc {
	width: 25%;
}
.info5xx td {
	padding: 2px 2px 2px 2px;
}
.blindfull .cellstd, .blindfull .padbig2 {
	border: 0px;
}
p.sortleftact, p.sortcenteract, p.sortrightact {
	color: #ffffff;
	font-weight: normal;
}
p.sortleft, p.sortcenter, p.sortright {
	color: #ffffff;
	font-weight: normal;
}
p.sortleftact, p.sortcenteract, p.sortrightact, p.sortleft, p.sortcenter, p.sortright {
	white-space: nowrap;
}
p.tdleftnorm, p.tdcenternorm, p.tdrightnorm {
	font-weight: normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color:#333333;
}
p.thleft, p.tdleftnorm, p.tdleftbold, p.sortleftact, p.sortleft, p.tdleftsmall {
	text-align: left;
}
.thleft a,.thleft a:link,.thleft a:active { color:#ffffff; text-decoration:none; }
.thleft a:hover { color:#ffffff; text-decoration:underline; }
.tdleftbold a,.tdleftbold a:link, .tdleftbold a:active { color:#333333; text-decoration:none; }
.tdleftbold a:hover { color:#333333; text-decoration:underline; }
.tdrightbold a,.tdrightbold a:link, .tdrightbold a:active { color:#333333; text-decoration:none; }
.tdrightbold a:hover { color:#333333; text-decoration:underline; }
p.thcenter, p.thcenter2, p.tdcenternorm, p.tdcenterbold, p.sortcenteract, p.sortcenter, p.tdcentersmall {
	text-align: center;
}
p.thright, p.tdrightnorm, p.tdrightbold, p.sortright, p.sortrightact, p.tdrightsmall {
	text-align: right;
}
p.tdleftbold, p.tdcenterbold, p.tdrightbold {
	font-weight: bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
p.tdleftbold {
	word-break: break-word; /* alle ausser IE und Edge */
	word-wrap: break-word; /* veraltet, wurde umbenannt in overflow-wrap */
	overflow-wrap: break-word; /* alle ausser IE */
}
p.tdleftsmall, p.tdcentersmall, p.tdrightsmall {
	font-size: 11px;
	color: #666666;
}
p.thleft, p.thcenter, p.thcenter2, p.thright {
	color: #ffffff;
}
th.coldesc3 p.thleft, th.coldesc3 p.thcenter, th.coldesc3 p.thcenter2, th.coldesc3 p.thright {
	color: #ffffff;
}
td.tderror p {
	color: #ffffff;
}
.list510 th a img, .list420 th a img, .pbook240 th a img {
	padding: 0px;
}

/* ENHANCED SETTINGS FOR COMMON and MYSYSTEMS SETTINGS
--------------------------------------------------------------------------------- */

  th.coldesc, th.coldesc2, th.coldesc3, th.action {
	border-bottom: 1px solid #999999;
}
td.rowdesc, td.cellstd, td.rowdesc2, td.cellstd2, td.columnize, td.columnize2, td.celltime, td.cellcost, td.padslim, td.action, td.tderror, td.padbig, div.padbig, td.padbig2, td.cycle1, td.cycle2, td.cycle3, td.small, td.noresulttable {
	border-bottom: 1px solid #999999;
}
.listmails a {
	text-decoration: none;
}
.listmails a:hover {
	text-decoration: underline;
}
.blind .cellstd, .blind .padbig {
	border: 0px;
}


/* SPECIAL SETTINGS ESPECIALLY FOR the WEBMAILER
--------------------------------------------------------------------------------- */


p.headlineleft, p.headlinecenter, p.headlineright {
	font-size: 12px;
	font-weight: bold;
	color: #E2003D;
	margin-bottom: 6px;
}
p.headlinecenter {
	text-align: center;
}
p.headlineright {
	text-align: right;
}
input.button2 {
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	background-color: #E2003D;
}
input.buttonok {
	color:#FFFFFF;
	font-size:8pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #E2003D;
}
.formbox {
	width: 100%;
	border: 1px solid #999999;
	background-color: #ffffff;
}
.formbox table {
	margin-top: 2px;
}
.formbox td {
	vertical-align: middle;
}
.formbox .leftspace1 {
	padding-left: 5px;
}
.inputline {
	width: 100%;
	padding: 1px 2px 1px 2px;
	color: #000000;
}
.inputarea {
	width: 100%;
	border: 1px solid #999999;
	color: #666666;
}


/* SPECIAL SETTINGS FOR index.html
--------------------------------------------------------------------------------- */


#stage {
	width: 950px;
    border: 0px solid red;
}
#table1 {
	width: 100%;
	background-color: #999999;
}
#table2 {
	width: 100%;
	background-color: #FFFFFF;
	table-layout: fixed;
}
#logo {
	width: 950px;
    height: 120px;
}


#logo img {
	margin: 0;
}

#logoline2 {
	background-color: #999999;
	width: 210px;
}
.logoline {
	background-color: #999;
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
	font-family: Arial, Verdana, sans-serif, Helvetica;
	font-size: 13px;
	vertical-align: middle;
    padding: 3px 0;
}

#headerline {
	background-color: #999999;
	padding: 1px 20px 2px 10px;
}
#headerline p {
	text-align: right;
}
#headerline a {
	font-weight: bold;
	text-decoration: underline;
	color: #FFF;
}
#navigation {
	background-color: #FFF;
	height: 400px;
	width: 180px;
	padding: 25px 10px 5px 10px;
	overflow: hidden;
}
#navigation a {
	font-family: Arial, Verdana, sans-serif, Helvetica;
	font-size: 11px;
	text-decoration: none;
	color: #333;
    background-image: url(images/main.gif);
	background-repeat: no-repeat;
	background-position: 0;
    padding-left: 13px;
}
#navigation a:hover {
	text-decoration: none;
        /* color: #E2003D; */
}
div.buttonlevel-0-0, div.buttonlevel-0-1, div.buttonlevel-1-0, div.buttonlevel-1-1, div.buttonlevel-2-0, div.buttonlevel-2-1 {
	border: 0px solid #999999;
	border-bottom: 0px;
	background-color:#FFF;
}
div.buttonlevel-0-0, div.buttonlevel-0-1 {
	font-size: 16px;
	white-space: nowrap;
	padding: 3px 0px 3px 10px;
	width: 100%;
}
div.buttonlevel-0-1 {
	background-color: #FFF;
}

div.buttonlevel-0-0 a, div.buttonlevel-0-1 a {
	font-weight:bold;
	color: #E2003D;
	display: block;
}
div.buttonlevel-0-1 a {
	text-decoration: underline !important;
}
div.buttonlevel-1-0 a {
	display: block;
}
div.buttonlevel-1-0 {
	font-size: 11px;
	font-weight: normal;
	padding: 3px 0px 3px 23px;
	width: 100%;
}
div.buttonlevel-1-1 {
	font-size: 11px;
	font-weight: normal;
	padding: 3px 0px 3px 23px;
	width: 100%;
	background-color: #cccccc;
	color: #FFFFFF;
	text-decoration: underline !important;
}
div.buttonlevel-2-0 {
	font-size:11px;
	font-weight: normal;
	padding: 2px 0px 2px 20px;
	width: 125px;
}
div.buttonlevel-2-1 {
	font-size:11px;
	font-weight: normal;
	padding: 2px 0px 2px 20px;
	width: 125px;
}
div.buttonlevel-2-1 {
	background-color: #FFF;
}
#navigation div.last {
	border-top: 0px solid #999999;
	width: 147px;
}
#frame {
	background-color: #FFF;
	padding: 15px 20px 5px 10px;
}
#corner, #corner_aussen {
	background-color: #CFCFCF;
	background-image: url(images/footer.gif);
  	background-repeat: repeat-x;
  	background-position: top;
	border-top: 1px solid #ffffff;
        text-align: center;
        padding: 12px 0;
        font-size: 12px;
}
#corner_aussen {
	width: 70px;
	text-align:right;
	padding: 15px 10px 5px 10px;
}
#footer {
	background-color: #CFCFCF;
	background-image: url(images/footer.gif);
  	background-repeat: repeat-x;
  	background-position: top;
	background-color: #999999;
	height: 40px;
	border-top: 1px solid #ffffff;
	padding: 15px 10px 5px 10px;
}


/* Borders
--------------------------------------------------------------------------------- */


#border_leftright {
	width: 964px;
	border: 0px solid black;
	background-image: url(images/border_shadow.gif);
  	background-repeat: repeat-y;
  	background-position: center;
}


#border_bottom {
	position:relative;
	width: 964px;
	height: 7px;
	background-image: url(images/border_shadow_bottom.gif);
	background-repeat: no-repeat;
	background-position: top;
	border: 0px solid ORANGE;
	background-color: #E2E4E6;
}


/* RED: #E2003D */


div#qTip {
	font-family:arial,helvetica,tahoma,sans-serif;
	max-width: 40em;
	padding: 0.5em;
	border: 1px solid #999;
	border-right-width: 1px;
	border-bottom-width: 1px;
	display: none;
	background: #F1F1F1;
	color: #333;
	font-size: 0.8em;
	line-height: 1.2em;
	text-align: left;
	position: absolute;
	z-index: 1000;
}

.box_vorschlaege {
	border-radius: 7px;
	 -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
	 font-family:arial,helvetica,tahoma,sans-serif;
	 -moz-opacity: 0.93;
	 opacity:  0.93;
	 filter: alpha(opacity=93);
	 padding: 0.5em;
	 padding:inherit;
	 max-height:300px;
	 min-width:190px;
	 max-width:600px;
	 overflow:auto;
	 border: 1px solid #999999;
	 border-right-width: 1px;
	 border-bottom-width: 1px;
	 background: #FFFFFF;
	 color: #333333;
	 font-size: 0.8em;
	 line-height: 0.5em;
	 text-align: left;
	 position: absolute;
	 z-index: 1000;
}

._liste_vorschlaege, ._liste_vorschlaege_head {
    font-size:9px;
	 color:#666666;
}

.liste_vorschlaege {
    margin: 5px;
    padding: 0px;
	 cursor: pointer;
}

._liste_vorschlaege:hover {
    background-color: #CCCCCC;
}

._liste_vorschlaege_td {
    margin: 0px 0px 3px 0px;
    padding-top: 6px;
	 padding-bottom: 1px;
	 padding-left:2px;
	 padding-right:8px;
}

._liste_vorschlaege_head {
	font-weight: bold;
	border-bottom: 1px #999999 solid;
}

.liste_vorschlaege_schliessen {
	position:relative;
	/*left:-0px;
	top:-1px;*/
	cursor:pointer;
	font-size:11px;
}

.liste_vorschlaege_schliessen:hover {
	color:#ff0000;
}


div.rahmen {
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

div.headline {
	background:#999;
	color:#fff;
	padding: 3px 10px;
	font-weight:bold;
	font-size:12px;
	text-align:left;
	vertical-align:middle;
	margin:0;
}

div.subheadline {
	background-color:#fff;
	border-bottom: 1px solid #999999;
	padding: 3px 10px;
	font-weight:bold;
	font-size:12px;
	text-align:left;
	vertical-align:middle;
	margin:0;
}

div.zeile_daten, div.zeile_daten_warn {
	height:20px;
	border-bottom: 1px solid #999999;
	white-space: nowrap;
	background-color:#fff;
	padding: 3px 10px;
	font-size:10px;
	text-align:left;
	vertical-align:middle;
	margin:0;
}

div.zeile_daten_warn {
	color:#ff0000;
}

div.userspalte {
   width:32%;
}

div.userspalte .oeffnen, div.userspalte .schliessen{
	float:left;
   cursor: pointer;
	padding: 0 0 0 12px;
}

	div.userspalte .oeffnen{
		background: url(/layout/allinkl/images/oeffnen.gif) no-repeat 0 2px;
	}

	div.userspalte .schliessen{
		background: url(/layout/allinkl/images/schliessen.gif)  no-repeat 0 2px;
	}

input.blind {
	border: 0;
}


/* Suchformular in der Kopfleiste */
#headersuche {
	float:right;
	padding:0;
	width:209px;
	height:15px;
	background: transparent url(/layout/neutral/images/header_suche_bg.png) no-repeat 1px 0px;
}

#headersuche input[type=image] {
	float:right;
	margin:0;
	border:0;
	outline:0;
}

#headersuche input[type=text] {
 float:right;
 font-size:13px;
 width:164px;
 margin-right:8px;
 border:0;
 padding:0;
 background: transparent;
 color: #666;
}

.inbearbeitung {
    background-color: #E8E8E8 !important;
}

/* Passwortcheck
----------------------------------------------------------------------------- */
input.pw_check_0 {
    background-color: #F9C9D6;
}
input.pw_check_1 {
    background-color: #F9C9D6;
}
input.pw_check_2 {
    background-color: #F9C9D6;
}
input.pw_check_3 {
    background-color: #F9C9D6;
}
input.pw_check_4 {
    background-color: #F9C9D6;
}
input.pw_check_5 {
    background-color: #F9C9D6;
}
input.pw_check_6 {
    background-color: #fff2db;
}
input.pw_check_7 {
    background-color: #fff6e6;
}
input.pw_check_8 {
    background-color: #fffaf0;
}
input.pw_check_9 {
    background-color: #fffcf9;
}
input.pw_check_10 {
    background-color: white;
}

:root {
	--color-green: #1fac46;
	--color-red: #ef5f56;
	--color-grey: #777;
}

span.pwcheck-wrap {
	display: none;
}
input[data-pwcheck="valid"]:focus + span.pwcheck-wrap,
input[data-pwcheck="invalid"]:focus + span.pwcheck-wrap {
	display: inline;
	vertical-align: top;
	position: relative;
	font-size: 0.9em;
}

input[data-pwcheck="valid"] + span.pwcheck-wrap div.pwcheck-tooltip,
input[data-pwcheck="invalid"] + span.pwcheck-wrap div.pwcheck-tooltip {
	display: block;
	position: absolute;
	top: +3px;
	left: 1em;
	background: white;
	box-shadow: 0 1px 1px rgba(0,0,0,0.15),0 2px 2px rgba(0,0,0,0.15),0 4px 4px rgba(0,0,0,0.15),0 8px 8px rgba(0,0,0,0.15);
	color: #333;
	width: 250px;
}

input[data-pwcheck="valid"] + span.pwcheck-wrap div.pwcheck-tooltip::after,
input[data-pwcheck="invalid"] + span.pwcheck-wrap div.pwcheck-tooltip::after {
	content: '';
	position: absolute;
	top: 6px;
	left: -15px;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-right: 8px solid var(--color-green);
}
input[data-pwcheck="invalid"] + span.pwcheck-wrap div.pwcheck-tooltip::after {
	border-right: 8px solid var(--color-red);
}

input[data-pwcheck="valid"] + span.pwcheck-wrap div.pwcheck-msg,
input[data-pwcheck="invalid"] + span.pwcheck-wrap div.pwcheck-msg {
	background: var(--color-green);
	color: white;
	padding: 0.5em;
}
input[data-pwcheck="invalid"] + span.pwcheck-wrap div.pwcheck-msg {
	background: var(--color-red);
}

input[data-pwcheck="valid"] + span.pwcheck-wrap ul.pwcheck-list {
	display: none;
}
input[data-pwcheck="invalid"] + span.pwcheck-wrap ul.pwcheck-list {
	margin: 0;
	padding: 0.5em 1em;
	list-style: none;
	display: block;
	z-index: 99999;
}
input[data-pwcheck] + span.pwcheck-wrap ul.pwcheck-list li {
	margin: 0;
	margin-bottom: 0.5em;
	padding: 0;
	display: block;
	white-space: nowrap;
	color: black;
	line-height: 1;
	height: 1em;
	vertical-align: top;
	color: var(--color-grey);
}
input[data-pwcheck] + span.pwcheck-wrap ul.pwcheck-list li[title] {
	cursor: help;
}
input[data-pwcheck] + span.pwcheck-wrap ul.pwcheck-list li:last-child {
	margin-bottom: 0;
}
input[data-pwcheck] + span.pwcheck-wrap ul.pwcheck-list li i {
	display: inline-block;
	position: relative;
	height: 1em;
	width: 1em;
	margin-right: 0.5em;
	vertical-align: top;
}
input[data-pwcheck] + span.pwcheck-wrap ul.pwcheck-list li i::before,
input[data-pwcheck] + span.pwcheck-wrap ul.pwcheck-list li i::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 100%;
}
input[data-pwcheck] + span.pwcheck-wrap ul.pwcheck-list li i::before {
	margin-top: -6px;
	margin-left: -6px;
	width: 10px;
	height: 10px;
	border: 1px solid var(--color-grey);
}
input[data-pwcheck] + span.pwcheck-wrap ul.pwcheck-list li i::after {
	margin-top: -4px;
	margin-left: -4px;
	width: 8px;
	height: 8px;
	background: transparent;
}

input[data-pwcheck] + span.pwcheck-wrap + a.pwcheck-generate {
	font-size: 0.8em;
	margin: 0.1em 0 0.1em 0.5em;
	color: dodgerblue;
	cursor: pointer;
}
input[data-pwcheck] + span.pwcheck-wrap + a.pwcheck-generate:hover {
	text-decoration: underline;
}

input[data-pwcheck] + span.pwcheck-wrap ul.pwcheck-list li[data-result="true"] {
	color: var(--color-green);
}
input[data-pwcheck] + span.pwcheck-wrap ul.pwcheck-list li[data-result="true"] i::before {
	border-color: var(--color-green);
}
input[data-pwcheck] + span.pwcheck-wrap ul.pwcheck-list li[data-result="true"] i::after {
	background: var(--color-green);
}

input[data-pwcheck] + span.pwcheck-wrap ul.pwcheck-list li.pwcheck-invalidchar {
	color: var(--color-green);
}
input[data-pwcheck] + span.pwcheck-wrap ul.pwcheck-list li.pwcheck-invalidchar i::before {
	border-color: var(--color-green);
}
input[data-pwcheck] + span.pwcheck-wrap ul.pwcheck-list li.pwcheck-invalidchar i::after {
	background: var(--color-green);
}

input[data-pwcheck] + span.pwcheck-wrap ul.pwcheck-list li.pwcheck-invalidchar[data-result="true"] {
	color: var(--color-grey);
}
input[data-pwcheck] + span.pwcheck-wrap ul.pwcheck-list li.pwcheck-invalidchar[data-result="true"] i::before {
	border-color: var(--color-grey);
}
input[data-pwcheck] + span.pwcheck-wrap ul.pwcheck-list li.pwcheck-invalidchar[data-result="true"] i::after {
	background: transparent;
}

/*  PHP-INFO Layout
------------------------------------------------------------------------------------ */
#kas_phpinfo{
		width:100%;
}


#kas_phpinfo h2, 
#kas_phpinfo h2 a {
	color: #fff;
	padding: 3px;
	background-color: #999;
}

#kas_phpinfo table {
	width:100%;
	border: 1px solid #ccc;
}

#kas_phpinfo table td {
	border: 1px solid #ccc;
}

#kas_phpinfo .center {
	text-align: center;
	word-wrap:break-word;
}
#kas_phpinfo .center table {
	text-align: left;
}
#kas_phpinfo .center th {
	text-align: center !important;
}
#kas_phpinfo .p {
	text-align: left;
}
#kas_phpinfo .e {
	font-weight: bold;
	padding: 3px;
} /* kas-layout anpassen */

#kas_phpinfo .h {
	color: #333;
	padding: 3px;
	background: #eee;
}/* kas-layout anpassen */

#kas_phpinfo .v {
	padding: 3px;
	word-wrap: break-word;
}/* kas-layout anpassen */

#kas_phpinfo .vr {
	background-color: #cccccc;
	text-align: right;
	color: #000000;
}
#kas_phpinfo img {
	float: left;
	border: 0px;
	padding: 5px;
}
#kas_phpinfo hr {
	width:100%;
	background-color: #cccccc;
	border: 0px;
	height: 1px;
	color: #000000;
}


/*  fuer Anleitungen von all-inkl.com uebernommen
------------------------------------------------------------------------------------ */

.color-0 { background: #FFF; }

.color-0a { background: #F8F8F8; }
.color-0b { background: #EAEAEA; }
.color-0c { background: #DFDFDF; }

.color-1a { background: #E2E4E6; }
.color-1b { background: #D6D8D9; }
.color-1c { background: #CBCDCF; }

.tbl-normal {
	background: #F8F8F8;
	border: 1px solid #ADADAD;
	margin: 0 0 15px 0;
}

.tbl-normal td p { font: inherit; }

.tbl-normal td, .tbl-normal th {
	padding: 4px 10px 4px 20px;
	border: 0px solid #000;
}

.tbl-normal tr th,
th.tbl-head, td.tbl-head {
	font-size: 13px;
	padding: 5px 20px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	text-align: left;
    background: #535353 repeat-x 0 0;
}

.tbl-normal tr.small th {
	padding: 5px 10px;
	text-transform: none;
}

.nmm-shorten-text {
	text-overflow: ellipsis;
	overflow: hidden;
	width: 100px;
	white-space: nowrap;
}