/****************************/
/*Drop-Down-Box für Upload  */
/****************************/

    .box {
        background-color: white;
        outline: 2px dashed black;
        height: 400px;
    }
    .box.is-dragover {
        background-color: grey;
    }

    .box {
        display:flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .box label strong {
        text-decoration: underline;
        color: blue;
        cursor: pointer;
    }

    .box label strong:hover {
        color: blueviolet
    }

    .box input {
        display: none;
    }
		
. 

/* rex-com-demo.css | https://redaxo5.leutersdorf.net/resources/css/rex-com-demo.css 

body.default form {
  padding: 2px 3px; 
  margin-bottom: 2px;
}
		
*/


/* bootstrap.min.css | https://redaxo5.leutersdorf.net/resources/css/bootstrap.min.css */

@media (min-width: 1200px) {
  .container {
    /* width: 1170px; */
    width: 1470px;
  }
}
		
		
h1 {font-size:18pt;font-weight:700;text-align:center;}
h2 {font-size:16pt;font-weight:650;text-align:center;}
h3 {font-size:12pt;font-weight:600;text-align:center;}

div#rex-website{
font-size:10pt;
}

.xrex-header-top {
background-color:#ffff00;
color:#ff00ff;
display:block;
}

div#rex-navi-page{
background-color:#fff9f9;
}

.klasse{
padding-top:20pt;
/*  border-bottom:1pt solid #000000;*/
}

.kiste{
 font-size:10pt;
padding-top:4pt;
 clear:both;
  border-top:1px solid #000000;
}

.spaltelinks {
/* clear:both;*/
/* background-color:#000000;*/
	width: 140pt;
	text-align: left;
	float: left;
}
.spalterechts {
/*background-color:#00ff00;*/
	width: 260pt;
	margin-left:140pt;
	text-align: left;
}

.spaltetext {
/*background-color:#00ff00;*/
	width: 100pt;
	margin-left:150pt;
	text-align: right;
/*	clear:both;*/
}

.spaltebem {
/*background-color:#00ff00;*/
	width: 100%;
/*	margin-left:150pt; */
	text-align: left;
	float: left;
	display:block;
	border:0;
	padding:6pt;
	font-size:10pt}
/*	clear:both;*/
}

.spalte {
	width: 20%;
	text-align: left;
	float: left;
}

.spalteklein{
	width: 10%;
	text-align: center;
	float: left;
}

.spaltemini{
	width: 5%;
	text-align: center;
	float: left;
}

.spaltelinks50 {
 clear:both;
background-color:#0fff00;
   padding-left: 4pt;
	width: 400pt;
	text-align: left;
	float: left;
}

.spalterechts50 {
background-color:#00ffff;
	text-align: left;
	margin-left:410pt;
}

.spalterechts input {
/*background-color:#ff0000;*/
width: 254pt;
}

input readonly{
background-color:#0000ff;
}

.spalte1ste {
 clear:both;
/*background-color:#00ff00;*/
	width: 240pt;
	text-align: left;
	float: left;
}

.spalte2te {
/*background-color:#ffff00;*/
	width: 240pt;
	text-align: left;
	float: left;
}

.spalte3te {
/*background-color:#00ffff;*/
	text-align: left;
}

.spalteueb1 {float: left;text-align:center;width:40pt;}
.spalteueb2 {float: left;text-align:left;width:200pt;display:block;border:1pt solid #182021;padding:4pt;font-size:11pt}
.spalteueb3 {float: left;text-align:left;width:40pt;}
.spalteueb4 {float: left;text-align:center;width:30pt;}
.spalteueb5 {float: left;text-align:center;width:30pt;}
.spalteueb6 {float: left;text-align:center;width:20pt;}
.spalteueb7 {float: left;text-align:center;width:20pt;}
.spalteueb80 {float: left;text-align:center;width:80pt;display:block;border:1pt solid #182021;padding:4pt;font-size:11pt}
.spalteuebteiln {float: left;text-align:left;width:50pt;}
.spalteuebplatz {float: left;text-align:left;width:100pt;}


.spaltediv1 {float: left;text-align:center;width:40pt;}
.spaltediv2 {float: left;text-align:left;width:200pt;display:block;border:1pt solid #182021;padding:4pt;font-size:11pt}
.spaltediv3 {float: left;text-align:left;width:40pt;}
.spaltediv4 {float: left;text-align:center;width:30pt;}
.spaltediv5 {float: left;text-align:center;width:30pt;}
.spaltediv6 {float: left;text-align:center;width:20pt;}
.spaltediv7 {float: left;text-align:center;width:20pt;}
.spaltediv20 {float: left;text-align:center;width:20pt;display:block;border:0;padding:2pt;font-size:10pt}
.spaltediv20b {float: left;text-align:center;width:20pt;display:block;border:1pt solid #182021;padding:2pt;font-size:10pt}
.spaltediv40 {float: left;text-align:center;width:40pt;display:block;border:0;padding:2pt;font-size:10pt}
.spaltediv40b {float: left;text-align:center;width:40pt;display:block;border:1pt solid #182021;padding:2pt;font-size:10pt}
.spaltediv60 {float: left;text-align:center;width:60pt;display:block;border:0;padding:2pt;font-size:10pt}
.spaltediv60b {float: left;text-align:center;width:60pt;display:block;border:1pt solid #182021;padding:2pt;font-size:10pt}
.spaltediv80 {float: left;text-align:center;width:80pt;display:block;border:0;padding:2pt;font-size:10pt}
.spaltediv80b {float: left;text-align:center;width:80pt;display:block;border:1pt solid #182021;padding:2pt;font-size:10pt}
.spaltediv100 {float: left;text-align: center;width:100pt;display:block;border:0;padding:2pt;font-size:10pt}
.spaltediv100b {float: left;text-align:center;width:100pt;display:block;border:1pt solid #182021;padding:2pt;font-size:10pt}
.spaltediv140 {float: left;text-align: center;width:140pt;display:block;border:0;padding:2pt;font-size:10pt}
.spaltediv140b {float: left;text-align:center;width:140pt;display:block;border:1pt solid #182021;padding:2pt;font-size:10pt}

.spaltediv200 {float: left;text-align:left;width:200pt;display:block;border:0;padding:2pt;font-size:10pt}
.spaltediv200b {float: left;text-align:left;width:200pt;display:block;border:1pt solid #182021;padding:2pt;font-size:10pt}
.spaltedivteiln {float: left;text-align:left;width:50pt;}
.spaltedivplatz {float: left;text-align:left;width:100pt;}

.rahmen_aussen {display:block;border:1pt solid #182021;padding:2pt;}

.spalte1 {text-align:center;width:40pt;}
.spalte2 {text-align:left;width:200pt;}
.spalte3 {text-align:left;width:40pt;}
.spalte4 {text-align:center;width:30pt;}
.spalte5 {text-align:center;width:30pt;}
.spalte6 {text-align:center;width:20pt;}
.spalte7 {text-align:center;width:20pt;}
.spalte8 {text-align:center;width:54pt;}
.spalteteiln {text-align:left;width:50pt;}
.spalteplatz {text-align:left;width:100pt;}

#bereich{
width:auto;
height:130pt;
overflow:scroll;
}

#rex-output {
background-color:#fff9f9;
}

#head_stat {
/*margin-left:20pt;
text-align:left;
background-color:#ff0000;*/
}

#mainarea {
text-align:center;
width:640pt;
margin:auto;
margin-left:0;
 height:100%;
}

option.level1{padding-left:0;}
option.level2{padding-left:10px;}
option.level3{padding-left:20px;}
option.level4{padding-left:30px;}
option.level5{padding-left:40px;}
option.level6{padding-left:50px;}
option.level7{padding-left:60px;}
option.level8{padding-left:70px;}
option.level9{padding-left:80px;}
#mainarea .theeditor {text-align:left;margin:0 auto;width:410px;}
/*#mainarea .theeditor label {
float:left;
width:200px;
margin-right:20px;
font-weight:bold;
}
#mainarea .theeditor input{
margin-left:0;
width:150px;
}

#mainarea .theeditor .checkset input
{	width:auto;
}

#mainarea .theeditor select{
margin:0 0 10px 0;
}*/

#mainarea .theeditor {
background-color:#fff9f9;
clear:both;
width: 520pt;
margin-left: 20pt;
padding:0;
height:auto;
}

#mainarea .theeditor .selector{
height:auto;
}

#mainarea .selector {
width:470pt;
height:150pt;
}

/*	#mainarea .selector {width:500px;height:250px;}*/
	#mainarea .theeditor .selector {width:300pt;height:auto;}

.selector {
width:300px;
}

div#anmeld_temp {
 width:auto;
  height:140pt;
	 background-color:#f0f0ff;
padding:4pt;
font-size:10pt;
}

div#anmeld_temp.tab {
 width:10pt;
/* float: left;*/
}

.listblock {
 width:auto;
  height:230pt;
	 background-color:#f0f0ff;
padding:6pt;
display:block;
/*clip:rect(0px, 130px, 130px, 0px);*/
overflow:scroll;
}

.listblock_full {
 width:auto;
  height:500pt;
	 background-color:#f0f0ff;
padding:6pt;
display:block;
/*clip:rect(0px, 130px, 130px, 0px);*/
overflow:scroll;
}

div#db-self {
margin:10pt;
 background-color:#fff0ff;
}

div#db-self td {
font-size:11pt;
padding:3pt;
 border-style:solid;
border-color:#000000;
border-width:1pt;
}

div#db-self td.spalte1 {
 width:22pt;
 text-align:right;
 }

 .listblock td {
padding:2pt;
}

input.inputzahl {
 width:24pt;
 text-align:center;
}

.highlight, .inputzahl {
}

input.wert {
width:100pt;
text-align:right;
}

button.highlight, button.highlight80, button.highlight120 {
background-color: rgb(153,204,204);
margin-left:8pt;
width:118pt;
text-align:center;
}

button.highlight80 {
margin-left:2pt;
width:76pt;
}

button.highlight120 {
margin-left:2pt;
width:116pt;
}

.highlight:focus, inputzahl:focus, .highlight80, .wert:focus  {
background-color: #ffff66;
}

.table_info {
 text-align:left;
  font-size:8pt;
}

.rex-title-row rex-title-row-sub {
 border:1pt solid #00ff00;
background-color: #ffff66;
}

#rex-redaxo-link {
/* border:1pt solid #00ff00;
background-color: #ffff66;*/
}

td.spalte1 {
 width:22pt;
 text-align:right;
  padding-right:4pt;
}

td.spalte2 {
 width:126pt;
 text-align:left;
 padding-left:3pt;
}

a.filename {
	color:#000000;
	width:400pt;
	height:12pt;
	padding:6pt;
	display:block;
	border:1pt solid #00ff00;
	font-size:14pt;
}

button.lauf {
	color:#000000;
	width:100pt;
	height:12pt;
	padding:6pt;
/*	display:block;*/
	border:1pt solid #00ff00;
	font-size:14pt;
}

.ueberschrift{
background-color:#fff9f9;
 padding-top:6pt;
 padding-bottom:6pt;
 padding-left:140pt;
 text-align:left;
 width:100%;
 font-weight:600;
 font-size:14pt;
}