html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }
body { height: 100%; font-family: Verdana, sans-serif; font-weight: normal; font-size: 9pt; color: #2B26A4; text-align: left; background-color: white; margin-left: 10px; margin-top: 0px; margin-right: 10px; }
p { text-align: justify; margin-top: 5px; }
li { list-style: square; }
h234 { font-size: 14pt; font-weight: bold; color: #AAAAAA; background: transparent; width: 508px; margin-bottom: 0px; padding-left: 5px; padding-top: 0.5em; z-index:+1; position: relative; }
#H2 { font-size: 14pt; font-weight: bold; color: #AAAAAA; background: transparent; width: 508px; padding-left: 5px; margin-bottom: 0.5em; padding-top: 0.5em; }
H3.keinuse { font-size: 12pt; font-weight: bold; border-bottom: 1px solid silver; padding-top: 1em; margin-bottom: 0.5em;  }
h3.inbox { font-size: 12pt; font-weight: bold; margin-top: 2px; margin-bottom: 0px; }
.nomargin { margin-bottom: 0px; }
H4 { font-size: 10pt; font-weight: bold; margin-bottom: 0px; }
hr { color: silver; background-color: silver; font-size: 1px; height: 1px; border: none; }
/*A { text-decoration: none; font-weight: bold; color: #476BA3; }*/
/*A { text-decoration: none; font-weight: bold; color: #CCCCCC; }*/
a { text-decoration: none; font-weight: bold; color: #2B26A4; }
a:hover { text-decoration: none; color: silver; }
a.nonbold { text-decoration: none; font-weight: normal; }
a.inactive { text-decoration: none; font-weight: normal; color: silver; }
hr { color: silver; font-size: 1px; }
hr.blue { color: #2B26A4; font-size: 1px; }
/* form elements */
button { font-family: Verdana; color: #2B26A4; background-color: silver; border: 1px solid gray; padding: 5px; }
button:hover { color: white; background-color: #cc0000; border: 1px solid #2B26A4; }
.button_160 { width: 160px; padding: 5px; }
.button_200 { width: 200px; padding: 5px; }
.button_100 { width: 100px; height: 20px; padding: 1px; line-height: 16px; }
input, textarea, option { font-size: 10pt; background-color: silver; color: white; font-weight: bold; border: 1px solid #2B26A4; padding-left: 3px; padding-right: 3px; }
select { font-size: 10pt; background-color: silver; color: white; font-weight: bold; border: 1px solid #2B26A4; }
/*input { border: 1px solid #2B26A4; color: silver; background-color: silver; }*/
/*select { border: 1px solid #2B26A4; color: #2B26A4; background-color: #ccc; }*/
input.missing, select.missing, textarea.missing { border: 1px solid #c00; color: #2B26A4; }
/*input.answer1 { color: #2d2d2d; background-color: #eee; border: none; }
input.answer2 { color: #2d2d2d; background-color: #fff; border: 1px solid lime; }*/
input.digit { text-align: right; }
input[readonly].answer2 { background-color: #eee; border: 1px solid darkgray; }
input[readonly].red { color: #c00; background-color: #eee; border: 1px solid darkgray; }
input[type="checkbox"] { border: none; }
input[type="radio"] { border: none; }
input[type="submit"] { padding: 5px; }
textarea.blend_in { color: #2B26A4; font-size: 9pt; font-weight: normal; background-color: white; margin-left: 12px; }

/*INPUT,TEXTAREA,OPTION,SELECT { font-size: 10pt; background-color: silver; color: white; font-weight: bold; border: 1px solid #2B26A4; padding-left: 3px; padding-right: 3px; }*/
/*INPUT,TEXTAREA,OPTION,SELECT { font-size: 8pt; color: white; font-weight: bold; border-left: 2px solid #5577AA; border-top: 2px solid #5577AA; border-right: 2px solid #C9D8F5; border-bottom: 2px solid #C9D8F5;}*/
/*TEXTAREA { font-family: Verdana, sans-serif; font-size: 10pt; background-color: silver; color: white; font-weight: bold; border: 1px solid #2B26A4; width: 490px; }
INPUT.normal {background-color: silver; color: black; border-left: 2px solid #5577AA; border-top: 2px solid #5577AA; border-right: 2px solid #C9D8F5; border-bottom: 2px solid #C9D8F5;}
INPUT.button { font-size: 12pt; background-color: #2B26A4; color: white; font-weight: bold; border-left: thin solid #C9D8F5; border-top: thin solid #C9D8F5; border-right: thin solid #2B26A4; border-bottom: thin solid #2B26A4; height: 25px;}
INPUT.button2 { font-size: 12pt; background-color: #2B26A4; color: white; font-weight: bold; border-left: thin solid #C9D8F5; border-top: thin solid #C9D8F5; border-right: thin solid #2B26A4; border-bottom: thin solid #2B26A4; height: 25px;}
INPUT.buttonredtext { font-size: 12pt; background-color: #2B26A4; color: red; font-weight: bold; border-left: thin solid #C9D8F5; border-top: thin solid #C9D8F5; border-right: thin solid #2B26A4; border-bottom: thin solid #2B26A4; height: 30px;}*/
.selectlist1 { font-size: 10pt; background-color: silver; color: white; font-weight: normal; border: 1px solid #2B26A4; padding-left: 3px; padding-right: 3px; width: 250px; }
.selectlist2 { font-size: 10pt; background-color: silver; color: white; font-weight: normal; border: 1px solid #2B26A4; padding-left: 3px; padding-right: 3px; width: 100px; }
.bluebox { border: 1px solid #2B26A4; }
.whitebox { border: 1px solid white; }
.blue { color: blue; }
.red { color: red; }
.green { color: green; }
.orange { color: orange; }
.darkgrey { color: darkgrey; }
.redbold { color: red; font-weight: bold; }
.redbox { color: red; border: 1px solid #5577AA; padding: 2px; padding-right: 5px; text-align: center; }
.right { text-align: right; }
.normal { font-family: Verdana, sans-serif; font-weight: normal; font-size: 9pt; color: #2B26A4; }
.bg_smoke { background-color: whitesmoke; padding: 5px; }
.goright { text-align: right; }

form { margin: 0px; padding: 0px; display: block; }
/* für finediff */
ins { color:green; background:#dfd; text-decoration:none; }
del { color:red; background:#fdd; text-decoration:none; }
pre { margin-top: 0px; margin-bottom: 0px; }
/*TABLE.thin { line-height: 9pt; }*/
.box_nopad { border: 1px solid #2B26A4; margin: 0px; background-color: white; }

/* neu */
/* headers */
header h1 { font-size: 20pt; font-weight: bold; color: #2B26A4; margin: 6px 0 0 220px; padding: 0px; line-height: 22pt;}
header2 h1 { display: inline-block; color: white; font-size: 30pt; font-weight: bold; margin: 2px; padding: 0px; line-height: 24pt; }
header2 h2 { display: inline-block; color: white; font-size: 20pt; font-weight: bold; margin: 2px; padding: 0px; line-height: 24pt; }

/* Boxen */
div.contentbody_outline { width: auto; margin: 5px; padding: 3px; border: 1px solid #2d2d2d; background-color: white; }
div.contentbody { width: auto; margin: 5px; padding: 0px; border: 0px solid #ddd; background-color: white; }
div.contentbody_inline { width: auto; margin: 5px; padding: 3px; border: 1px solid #2B26A4; background-color: white; }
div.contentbody_table { width: auto; margin: 5px; padding: 3px; border: 1px solid #2B26A4; background-color: white; }
div.box_content_1 { width: auto; margin: 5px; padding: 5px; border: 1px solid #2B26A4; background-color: white; }
div.box_content_log { color: red; width: auto; margin: 0px; padding: 0px; background-color: white; }
.sideways { display: inline-block; vertical-align: top; }
.center { margin-left:auto; margin-right:auto; }
/* Tabellen */
table { font-family: Verdana, sans-serif; font-weight: normal; font-size: 9pt; color: #2B26A4; text-align: left; }
.box_list { /*width: 100%;*/ /*border: 1px solid #2B26A4;*/ padding: 2px; margin: 0px; background-color: white; border-spacing: 0 2px; }
table .box { /*width: 100%;*/ /*border: 1px solid #2B26A4;*/ padding: 2px; margin: 0px; background-color: white; border-spacing: 0 2px; border-collapse: collapse;}
th { font-weight: bold; text-align: left; background-color: silver; padding: 2px; white-space: nowrap;}
th a:hover { color: white; }
tr.zeile0 td { background-color: #C3DAFF; padding: 2px; white-space: nowrap; color: #2B26A4; }
tr.zeile0_wrap td { background-color: #C3DAFF; padding: 2px; white-space: break-word; word-break: normal; }
tr.zeile_silver td { background-color: white; padding: 2px; white-space: nowrap; color: darkgrey; }
tr.zeile_slate td { background-color: white; padding: 2px; white-space: nowrap; color: slategrey; }
tr.inactive td { background-color: #ddd !important; text-decoration: none; font-weight: normal !important; }
td.whitecell { background-color: white !important; padding: 2px; white-space: nowrap; }
td.button { width: 160px; background-color: silver; border: 1px solid #2B26A4; padding: 2px; white-space: nowrap; text-align: center; }
td.button:hover { background-color: #cc0000; color: white; border: 1px solid #2B26A4; }
td.button a { display: inline-block; width: 160px; text-decoration: none; font-weight: bold; color: #2B26A4; text-align: center; padding: 5px; }
td.button:hover a { text-decoration: none; color: white; }
table.valignall tr td { vertical-align: top; }

/* navigation left */
left div { margin-left: 5px;  font-family: Verdana, sans-serif; color: white; background-color: #2B26A4; }
left div a { font-size: 9pt; font-weight: bold; color: white; text-decoration: none; line-height: 12pt;}
left div a:hover { font-size: 9pt; font-weight: bold; color: silver; text-decoration: none; line-height: 12pt; }
left div br { line-height: 5pt; }

/* debugging */
div#debug_box { width: 280px; padding: 5px; border: 1px solid green; background-color: white; font-size: 7pt; color: #2B26A4; /*overflow-y: scroll;*/ }
#debug_box pre { border: 1px solid green; font-size: 7pt; color: #2B26A4; margin-left: 0px; padding-left: -20px; white-space: pre-wrap; word-wrap: break-word; }
pre#showDetails_stop { position: fixed; top: 50px; left: 1400px; width: 400px; height: 900px; margin-right: 300px; border: 1px solid grey; background-color: white; font-size: 8pt; color: #2B26A4; white-space: pre-wrap; z-index:+10; overflow: auto; }

/* unused in neuem layout */
.header1_bg { border: 1px solid silver; background-color: #EEEEEE; width: 606px; height: 37px; margin: 2px; padding: 0px; position: relative; display: block; }
.header1 { font-size: 30pt; font-weight: bold; color: white; text-align: right; width: 602px; margin: 0px; margin-top: -8px; margin-bottom: -8px; padding: 0px; position: relative; display: block; z-index:+1; }
.header1_msg { font-size: 12pt; font-weight: bold; color: #666666; margin-left: 3px; position: absolute; display: inline; z-index:+2; }
.randaussen { border: 1px solid silver; background-color: #EEEEEE; z-index:-2; margin-bottom: 2px; padding: 1px; }
/* Tabelle Server */
tr.zeile1 TD { background-color: white; padding-top: 2px; padding-bottom: 2px; }
tr.zeileserver TD { background-color: #EEEEEE; padding-top: 5px; padding-bottom: 8px; padding-left: 2px; }
.auswahlzeile { border: 1px solid silver; width: 510px; background-color: #EEEEEE; text-align: justify; margin-bottom: 2px; }