body {
    background-color: #faf9f4;
    /*background-color:linen;*/
    margin: 0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 1em;
}

.lucida {
    font-family: 'Lucida sans';
	font-size: 1em;
    /*font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11pt;*/
}

.lucida-klein {
    font-family: 'Lucida sans';
	font-size: 0.9em;
    /*font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11pt;*/
}

.lucida-dropdown {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 1em;
    padding-left: 5px;
    padding-bottom: 0;
    padding-top: 0;
    /*font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11pt;*/
}

.myButton {
	box-shadow:inset 0px 1px 0px 0px #b34545;
	background:linear-gradient(to bottom, #990000 5%, #701818 100%);
	background-color:#990000;
	border-radius:3px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:13px;
	padding:px 20px;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
}
.myButton:hover {
	background:linear-gradient(to bottom, #701818 5%, #990000 100%);
	background-color:#701818;
}
.myButton:active {
	position:relative;
	top:1px;
}

.brightButton {
	box-shadow: 7px 4px 15px -6px #666666;
	background:linear-gradient(to bottom, #fafafa 5%, #d1d1d1 100%);
	background-color:#fafafa;
	border-radius:2px;
	border:1px solid #8c8c8c;
	display:inline-block;
	cursor:pointer;
	color:#0f0f0f;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:13px;
	font-weight:bold;
	padding:2px 12px;
	text-decoration:none;
}
.brightButton:disabled {
    color: #999999;
	
}
.brightButton:hover {
	background:linear-gradient(to bottom, #d1d1d1 5%, #fafafa 100%);
	background-color:#d1d1d1;
}
.brightButton:active {
	position:relative;
	top:1px;
}

.infoIcon {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

.valign {
    vertical-align: middle;
}



#wrapper {
    width: 1200px;
	max-width: none;
    margin-left: auto;
    margin-right: auto;
}

header {
	height: 90px;
  	/*margin-left: 10px;
   	margin-right: 10px;*/
   	margin-top: -60px;
    margin-bottom: 20px;
   	background-image: url(inschrift.png);
   	background-size: 1180px 110px;
   	padding-bottom: 1%;
   	padding-top: 1%;
   	text-align:center;
}

article {
	position: relative;
  	border-bottom: 1px solid black;
}

#collectionNumbers {
    padding-top: 10px;
}

.error {
    color: red;
    font-weight: bolder;
}

.info {
    cursor: pointer;
    font-style: normal;
    color: black;
    margin-left: 8px;
}

.fehler {
    color: red;
}

h3 .info {
    font-size: 0.9em;
}

label .info {
    font-size: 1.1em;
}

#buttonBar {
    
}

#cancelBtn, #logoutBtn, #changeToInsert {
    float: right;
    margin-right: 20px;
}



/**************** Raster *********************************************/        
.grid1 {width: 40px;} /* Eine Spalte */
.grid2 {width: 100px;}  /* Zwei Spalten */
.grid3 {width: 160px;}  /* Drei Spalten */
.grid4 {width: 220px;}  /* Vier Spalten */
.grid5 {width: 280px;}  /* Fünf Spalten */
.grid6 {width: 340px;}  /* Sechs Spalten */
.grid7 {width: 400px;}  /* Sieben Spalten */
.grid8 {width: 460px;}  /* Acht Spalten */
.grid9 {width: 520px;}  /* Neun Spalten */
.grid10 {width: 580px;}  /* Zehn Spalten */
.grid11 {width: 640px;}  /* Elf Spalten */
.grid12 {width: 700px;}  /* Zwölf Spalten */
.grid13 {width: 760px;}  /* Zwölf Spalten */
.grid14 {width: 820px;}  /* Zwölf Spalten */
.grid15 {width: 880px;}  /* Zwölf Spalten */
.grid16 {width: 940px;}  /* Zwölf Spalten */
.grid17 {width: 1000px;}  /* Zwölf Spalten */
.grid18 {width: 1060px;}  /* Zwölf Spalten */
.grid19 {width: 1120px;}  /* Zwölf Spalten */
.grid20 {width: 1180px;}  /* Zwölf Spalten */

.grid1u {width: 200px;} /* Unterspalte für Formularbox */
.grid1ub {width: 205px;} /* Unterspalte für Formularbox */
/*.grid2u {width: 300px;} /* Unterspalte für Formularbox */
.grid2u {width: 380px;} /* Unterspalte für Formularbox */
        
/* Außenabstände rechts und links und float: left für alle*/
.grid1, .grid2, .grid3, .grid4, .grid5, 
.grid6, .grid7, .grid8, .grid9, .grid10, 
.grid11, .grid12, .grid13, .grid14, .grid15
.grid16, .grid17, .grid18, .grid19, .grid20
.grid1u

{
    /*margin-left: 10px;*/
    margin-right: 20px;
    float: left;
}

.grid2a {width: 120px; margin-right: 0px; float: left;}  /* Zwei Spalten für Provenance */

article h3, article p, article input, article select {
    margin-left: 10px;
    margin-right: 10px;
}

select {
    /*background-color: #f8f5e9;*/
}

#collNumInput, #location, #inventNo, #alternNo, #babdNo, #history, #partInput, #indivFeatureInput, #serialFeatureInput, #shapeInput, #provenanceInput, #provCity, #datesInput, #painterInput1, #painterInput2, #painterInput3, #potterInput, #kalosInput, /*#decorationInput, #commentaryInput, #inscriptionInput, #inscriptionSearch,*/ .biblItem input, textarea {
    padding-left: 4px;
}

/*#decorationInput, #commentaryInput, #inscriptionInput, #inscriptionSearch*/ textarea {
    padding-top: 4px;
}

article h3 {
	font-family: 'Times';
	font-style: italic;
	font-weight: 300;
	font-size: 1.4em;
	color: #990000;
}

h3 {
	font-family: 'Times';
	font-style: italic;
	font-weight: 300;
	font-size: 1.4em;
	color: #990000;
}


/*   zartes Altrosa: #e6d2d2 */
.articleboxInsert{
    /*background-color: #f6f2e4;*/
	background-color: #f8f5e9;
    /*height: 260px;*/
}

#checkScreen {
    position: absolute;
    width: 1180px;
    max-width: none;
    margin-top: 132px;
    height: 1300px;
    /*padding: 20px;*/
    font-family: 'Lucida sans';
	font-size: 0.9em;
    background-color: #f8f5e9;
    z-index: 50;
}

#featureListOutput {
    margin: 20px;
}

/*
width: 1200px;
	max-width: none;
    margin-left: auto;
    margin-right: auto;
*/

.alignRight {
    float:right;
}

.checkZeile {
    float: left;
    width: 900px;
    height: 35px;
    margin-bottom: 5px;
    margin-left: 25px;
}

.check_label {
    width: 80px;
}

.articleboxInsertRow1{
	background-color: #f8f5e9;
    height: 102px;
	margin-bottom: 20px;
}

.articleboxInsertRow3{
    float:left;
	background-color: #f8f5e9;
    height: 280px;
	/*margin-bottom: 20px;*/
    margin-top: 20px;
}
.articleboxInsertRow4{
    float:left;
	background-color: #f8f5e9;
    height: 160px;
	margin-bottom: 20px;
    margin-top: 20px;
}

.articleboxInsertRow5{
    float:left;
	background-color: #f8f5e9;
    height: 60px;
	margin-bottom: 20px;
    margin-top: 20px;
}

.articleboxInsertRow6{
    float:left;
	background-color: #f8f5e9;
    height: 300px;
	margin-bottom: 20px;
    margin-top: 20px;
}

#articleboxLeft{
	margin-left: 10px;
	margin-top: 10px;
}

#articleboxRight{
	margin-left: 10px;
	margin-top: 10px;
}

#articleboxBib {
	margin-left: 15px;
    margin-bottom: 20px;
	/*margin-top: 10px;*/
}

#articleboxBib h3 {
    margin-top: 10px;
    margin-left: 15px;
}

#fullBibReference {
    margin-left: 0;
    width: 430px;
}


#articleboxAddInfo {
	margin-left: 10px;
    margin-bottom: 20px;
	/*margin-top: 10px;*/
}

#articleboxAddInfo h3 {
    margin-top: 10px;
    margin-left: 5px;
}

#additionalInfo {
    margin-left: 5px;
     width: 650px;
}

#collNumLabel {
    margin: 0;
}

#history {
    width: 220px;
    height: 100px;
    margin-left: 10px;
}

#abbreviations_btn {
    float: right;
}

article #collNumDiv {
	position: absolute;
	margin-left: 10px;
	z-index: 10;
	/*left: 20px;
	margin-top: -100px;	
	*/
}

.maindata {
    margin-bottom: 10px;
}

.subdata { /* TODO: shadow */
    background-color: #c76d70;
    margin-top: 10px;
    margin-left: 5px;
    margin-bottom: 10px;
    padding: 2px 10px;
    padding-bottom: 10px;
    width: 400px;
		/*  width: 350px;*/
    border: 1px solid black;
    z-index: 10;
    -webkit-box-shadow: 10px 10px 16px 0px rgba(148,145,148,0.73);
    -moz-box-shadow: 10px 10px 16px 0px rgba(148,145,148,0.73);
    box-shadow: 10px 10px 16px 0px rgba(148,145,148,0.73);
}

/***************************** Styles Provenance *********************************************/

#provenanceDiv {
    position: absolute;
    width: 400px;
    height: 180px;
    background-color: rosybrown;
    /*background-color: #c7c5e0;*/
	padding-top: 10px;
	z-index: 10;
    -webkit-box-shadow: 10px 10px 16px 0px rgba(148,145,148,0.73);
    -moz-box-shadow: 10px 10px 16px 0px rgba(148,145,148,0.73);
    box-shadow: 10px 10px 16px 0px rgba(148,145,148,0.73);
}

.zeileProvenance {
   /*position: relative;*/
    width: 380px;
    height: 36px;
    /*background-color: aquamarine;*/
    margin-bottom: 8px;
    margin-left: 15px;
}
        
.littleBoxProvenance {
    /*position: relative;*/
    width: 70px;
    height: 30px;
    /*background-color: mediumvioletred;*/
    float: left;
    /*margin: 10px;
    margin-left: 10px;*/
    margin-bottom: 5px;
}

.provenanceSpalte1 {
    width: 80px;
    /*text-align: center;*/
    margin-left: 0px;
}
        
.provenanceSpalte2 {
    width: 250px;
    /*background-color: mediumvioletred;
    text-align: center;*/
    margin-left: 0px;
}

.provenanceDropdowns {
    width: 240px;
    margin: 0px;
}

.provenanceCityInput {
    width: 240px;
    margin: 0px;
}

/********************************** Styles Dates ********************************************/

#datesDiv {
    position: absolute;
    width: 580px;
    height: 240px;
    /*background-color: #d06f83;
    background-color: #cf7073;*/
    background-color: #c76d70;
    /*background-color: mediumvioletred;*/
    padding-top: 10px;
    z-index: 10;
    -webkit-box-shadow: 10px 10px 16px 0px rgba(148,145,148,0.73);
    -moz-box-shadow: 10px 10px 16px 0px rgba(148,145,148,0.73);
    box-shadow: 10px 10px 16px 0px rgba(148,145,148,0.73);
}

#addDate {
    float: right;
    margin-top: 15px;
    width: 85px;
    height: 25px;
}
        
.zeileDates {
    position: relative;
    width: 520px;
    height: 32px;
    /*background-color: aquamarine;*/
    /*margin-bottom: 10px;*/
    margin-left: 15px;
}
        
.littleBoxDates {
    position: relative;
    /*width: 70px;*/
    height: 28px;
    /*background-color: mediumvioletred;*/
    float: left;
    /*margin: 10px;*/
    margin-left: 10px;
    /*margin-bottom: 5px;*/
}
.datesSpalteLang {
    width: 500px;
    margin-left: 10px;
    margin-top: 15px;
}
.datesSpalte1 {
    width: 70px;
    text-align: left;
    clear: left;
    /*margin-left: 0px;*/
}
        
.datesSpalte2 {
    width: 100px;
    text-align: left;
    /*margin-left: 0px;*/
}
        
.datesSpalte3 {
    width: 80px;
    text-align: left;
    /*margin-left: 0px;*/
}
        
.datesSpalte4 {
    width: 170px;
    text-align: left;
    /*margin-left: 0px;*/
}
        
.datesSpalte5 {
    width: 80px;
    text-align: center;
    /*margin-left: 0px;*/
}
.datesSpalte6 {
    width: 30px;
    text-align: center;
}
        
.datesInputFromTo {
    width: 50px;
    height: 24px;
    margin: 0px;
    text-align: center;
}
        
.datesInputBy {
    width: 140px;
    height: 24px;
    margin: 0px;
}

/********************************** Styles Painter ********************************************/
#painterDiv1 {
    position: absolute;
    width: 500px;
    height: 240px;
    /*background-color: #c76d70;*/
    background-color: rosybrown;
    padding-top: 25px;
    z-index: 10;
    -webkit-box-shadow: 10px 10px 16px 0px rgba(148,145,148,0.73);
    -moz-box-shadow: 10px 10px 16px 0px rgba(148,145,148,0.73);
    box-shadow: 10px 10px 16px 0px rgba(148,145,148,0.73); 
}

#painterDiv2 {
    position: absolute;
    width: 500px;
    height: 240px;
    /*background-color: lightsalmon;*/
    /*background-color: #c76d70;*/
    background-color: rosybrown;
    padding-top: 25px;
    z-index: 10;
    -webkit-box-shadow: 10px 10px 16px 0px rgba(148,145,148,0.73);
    -moz-box-shadow: 10px 10px 16px 0px rgba(148,145,148,0.73);
    box-shadow: 10px 10px 16px 0px rgba(148,145,148,0.73); 
}

#painterDiv3 {
    position: absolute;
    width: 500px;
    height: 240px;
    background-color: rosybrown;
    /*background-color: #c76d70;*/
    padding-top: 25px;
    z-index: 10;
    -webkit-box-shadow: 10px 10px 16px 0px rgba(148,145,148,0.73);
    -moz-box-shadow: 10px 10px 16px 0px rgba(148,145,148,0.73);
    box-shadow: 10px 10px 16px 0px rgba(148,145,148,0.73); 
}

#potterDiv {
    position: absolute;
    width: 500px;
    height: 220px;
    background-color: rosybrown;
    /*background-color: #c76d70;*/
    padding-top: 25px;
    z-index: 10;
    -webkit-box-shadow: 10px 10px 16px 0px rgba(148,145,148,0.73);
    -moz-box-shadow: 10px 10px 16px 0px rgba(148,145,148,0.73);
    box-shadow: 10px 10px 16px 0px rgba(148,145,148,0.73); 
}

#kalosDiv {
    position: absolute;
    width: 500px;
    height: 180px;
    /*background-color: lavenderblush;*/
    background-color: #c76d70;
    padding-top: 15px;
    z-index: 10;
    -webkit-box-shadow: 10px 10px 16px 0px rgba(148,145,148,0.73);
    -moz-box-shadow: 10px 10px 16px 0px rgba(148,145,148,0.73);
    box-shadow: 10px 10px 16px 0px rgba(148,145,148,0.73); 
}

#partDiv {
    position: absolute;
    width: 400px;
    height: 200px;
    background-color: rosybrown;
    padding-top: 15px;
    z-index: 10;
    -webkit-box-shadow: 10px 10px 16px 0px rgba(148,145,148,0.73);
    -moz-box-shadow: 10px 10px 16px 0px rgba(148,145,148,0.73);
    box-shadow: 10px 10px 16px 0px rgba(148,145,148,0.73); 
}

#indivFeatureDiv {
    position: absolute;
    width: 460px;
    height: 200px;
    background-color: rosybrown;
    /*background-color: mistyrose;*/
    padding-top: 15px;
    z-index: 10;
    -webkit-box-shadow: 10px 10px 16px 0px rgba(148,145,148,0.73);
    -moz-box-shadow: 10px 10px 16px 0px rgba(148,145,148,0.73);
    box-shadow: 10px 10px 16px 0px rgba(148,145,148,0.73); 
}

#serialFeatureDiv {
    position: absolute;
    width: 400px;
    height: 200px;
    background-color: rosybrown;
    /*background-color: thistle;*/
    padding-top: 15px;
    z-index: 10;
    -webkit-box-shadow: 10px 10px 16px 0px rgba(148,145,148,0.73);
    -moz-box-shadow: 10px 10px 16px 0px rgba(148,145,148,0.73);
    box-shadow: 10px 10px 16px 0px rgba(148,145,148,0.73); 
}

#shapeDiv {
    position: absolute;
    width: 400px;
    height: 200px;
    /*background-color: lavender;*/
    background-color: rosybrown;
    padding-top: 15px;
    z-index: 10;
    -webkit-box-shadow: 10px 10px 16px 0px rgba(148,145,148,0.73);
    -moz-box-shadow: 10px 10px 16px 0px rgba(148,145,148,0.73);
    box-shadow: 10px 10px 16px 0px rgba(148,145,148,0.73); 
}

        
.zeilePainter {
    width: 450px;
    height: 35px;
    margin-bottom: 5px;
    margin-left: 25px;
    /*background-color: cadetblue;*/
}

.zeilePainter, .zeilePotter, .zeileProvenance, .zeileDates input, select {
    padding-left: 4px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 0.95em;
}

#provCity {
    padding-left: 4px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 0.9em;
}
        
.littleBoxPainter {
    width: 80px;
    height: 24px;
    float: left;
    /*margin: 10px;*/
    margin-bottom: 5px;
    /*background-color: azure;*/
}

.zeilePotter {
    width: 450px;
    height: 35px;
    margin-bottom: 5px;
    margin-left: 25px;
    /*background-color: cadetblue;*/
}
        
.littleBoxPotter {
    width: 80px;
    height: 24px;
    float: left;
    /*margin: 10px;*/
    margin-bottom: 5px;
    /*background-color: azure;*/
}

.zeileParts {
    width: 350px;
    height: 35px;
    margin-bottom: 5px;
    margin-left: 25px;
    /*background-color: cadetblue;*/
}
        
.littleBoxParts {
    width: 80px;
    height: 24px;
    float: left;
    margin: 10px;
    margin-bottom: 5px;
    /*background-color: azure;*/
}

.zeileIndivFeature {
    width: 450px;
    height: 35px;
    margin-bottom: 5px;
    margin-left: 25px;
    /*background-color: cadetblue;*/
}
        
.littleBoxIndivFeature {
    /*width: 80px;*/
    width: 200px;
    height: 24px;
    float: left;
    margin: 10px;
    margin-bottom: 5px;
    /*background-color: azure;*/
}


.zeileSerFeature {
    width: 400px;
    height: 35px;
    margin-bottom: 5px;
    margin-left: 25px;
    /*background-color: cadetblue;*/
}
        
.littleBoxSerFeature {
    width: 80px;
    height: 24px;
    float: left;
    margin: 10px;
    margin-bottom: 5px;
    /*background-color: azure;*/
}

.zeileShape {
    width: 350px;
    height: 35px;
    margin-bottom: 5px;
    margin-left: 25px;
    /*background-color: cadetblue;*/
}
        
.littleBoxShape {
    width: 80px;
    height: 24px;
    float: left;
    margin: 10px;
    margin-bottom: 5px;
    /*background-color: azure;*/
}

.collectionDropdowns {
    width: 100px;
    margin-left: 10px;
}
        
.painterDropdowns {
    width: 240px;
    margin: 0px;
}

.potterDropdowns {
    width: 245px;
    margin: 0px;
}

.kalosDropdowns {
    width: 130px;
    margin: 0px;
}

.partDropdowns {
    width: 200px;
    margin: 0px;
}

.partRB {
    
}

.serFeatureRB {
    
}

.shapeRB {
    
}

.datesCheckBox {
    
}

.datesInput {
    
}

.indivFeatureDropdowns {
    width: 200px;
    margin: 0px;
}

.serFeatureDropdowns {
    width: 200px;
    margin: 0px;
}

.shapeDropdowns {
    width: 200px;
    margin: 0px;
}
        
.painterInput {
    width: 240px;
    margin: 0px;
}

.potterInput {
    width: 240px;
    margin: 0px;
}
        
.painterSpalte1 {
    width: 170px;
}
        
.painterSpalte2 {
    width: 280px;
}

/*.painterSpalte2b {
    width: 285px;
}*/

.painterGroupAC {
    
}

.painterClassAC {
    
}

.painterScholarAC {
    
}

.potterSpalte1 {
    width: 170px;
}

.potterSpalte2 {
    width: 280px;
}

.partSpalte1 {
    width: 80px;
}

.partSpalte2 {
    width: 240px;
    margin-left: 0px;
}

#technique {
    width: 206px;
}

.indivFeatureSpalte1 {
    width: 160px;
}

.indivFeatureSpalte2 {
    width: 200px;
    margin-left: 0px;
}

.serFeatureSpalte1 {
    width: 120px;
}

.serFeatureSpalte2 {
    width: 250px;
    margin-left: 0px;
}

.shapeSpalte1 {
    width: 80px;
}

.shapeSpalte2 {
    width: 240px;
    margin-left: 0px;
}

.zeileKalos {
    position: relative;
    width: 480px;
    height: 36px;
    /*background-color: aquamarine;*/
    margin-bottom: 8px;
    margin-left: 15px;
}
        
.littleBoxKalos {
    position: relative;
    width: 70px;
    height: 30px;
    /*background-color: mediumvioletred;*/
    float: left;
    margin: 10px;
    margin-left: 10px;
    margin-bottom: 5px;
}
.kalosSpalte1 {
    width: 130px;
    text-align: center;
    /*margin-left: 0px;*/
}
        
.kalosSpalte2 {
    width: 50px;
    text-align: center;
    /*margin-left: 0px;*/
}
        
.kalosSpalte3 {
    width: 50px;
    text-align: center;
    /*margin-left: 0px;*/
}
        
.kalosSpalte4 {
    width: 50px;
    text-align: left;
    /*margin-left: 0px;*/
}
        
.kalosSpalte5 {
    width: 80px;
    text-align: center;
    /*margin-left: 0px;*/
}

.zeileBibliography {
    position: relative;
    width: 1100px;
    height: 24px;
    margin-bottom: 8px;
    margin-left: 12px;
}

.littleBoxBibliography {
    position: relative;
    width: 70px;
    height: 24px;
    /*background-color: mediumvioletred;*/
    float: left;
    /*margin: 10px;*/
    margin-left: 1px;
    margin-bottom: 0px;
}

.bibliographySpalte1 {
    width: 800px;
    text-align: left;
    /*margin-left: 0px;*/
}

.bibliographySpalte2 {
    width: 150px;
    text-align: left;
    /*margin-left: 0px;*/
}
.bibliographySpalte3 {
    width: 60px;
    text-align: left;
    margin-left: 40px;
}


.giftgrueneBox {
	position: absolute;
	left: 853px;
	width: 400px;
	height: 200px;
	background-color: #d4fe00;
}

.labelTopMargin {
    margin-top: 100px;
}

.editButton {
    background: url(edit_btn.png) no-repeat;
    width: 25px;
    height: 25px;
    border: none;
    vertical-align: middle;
}

.clearButton {
    background: url(clear_btn.fw.png) no-repeat right;
    width: 23px;
    height: 23px;
    border: none;
    vertical-align: middle;
    /*float: right;*/
    /*text-align: right;*/
}

#articleboxLeft .clearButton {
    background: url(clear_btn.fw.png) no-repeat right;
    width: 23px;
    height: 23px;
    border: none;
    vertical-align: middle;
    float: right;
    margin-right: 15px;
}



.applyButton {
    /*background: url(edit_btn.png) no-repeat;*/
    margin-top: 15px;
    width: 80px;
    height: 25px;
    /*border: none;*/
}

/*.zeileDates .applyButton {
    width: 90px;
}*/

/*.addButton{
    margin-top: 15px;
    width: 80px;
    height: 25px;
}*/

.insert {
    float: right;
    margin-top: 15px;
    margin-right: 20px;
}

.buttonDiv {
    margin-bottom: 5px;
    margin-left: 150px;
}

#collNumInput {
    width: 990px;
}

.subdata label {
    width: 8em;
    display: block;
    float: left;
}

.subdata p label {
   font-size: 1em;
}


.maindata label {
    width: 8em;
    display: block;
    float: left;
}

.maindata {
	
}

#articleboxLeft select {
    width: 12.5em;
}

#rechteSpalte label {
    width: 6em;
    display: block;
    float: left;
}

#rechteSpalte input {
    margin-top: 5px;
}

textarea {
    width: 360px;
    height: 180px;
    resize: none;
    margin-left: 15px;
    margin-right: 10px;
}

.inscriptionEditor {
    clear: left;
    width: 360px;
    height: 68px;
    resize: none;
    margin-left: 0px;
    
    /*margin-right: 10px;*/
    
}

.inscriptionEditor p {
    margin-top: 0px;
    background-color: aquamarine;
}

.inscriptionEditor:first-child {
    margin-bottom: 16px;
}

.textBoxen h3 {
    margin-left: 15px;
    margin-top: 10px;
}

.textBoxen {
    float: left;
}

.bibliography {
    height: auto;
}

.bibliography h3 {
    margin-left: 15px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.bibliography input {
    margin-left: 12px;
}

.biblItem {
    width: 1100px;
    height: 20px;
    margin-bottom: 15px;
}

.label-bibl {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 1.0em;
}

#addBiblItem {
    margin-left: 12px;
    margin-bottom: 20px;
    margin-top: -5px;
    margin-right: 40px;
    float: right;
}


.clearButtonBibl {
    background: url(clear_btn.fw.png) no-repeat right;
    width: 23px;
    height: 23px;
    border: none;
    vertical-align: middle;
    text-align: right;
}

.subdata input {
    width: 180px;
}

.subdata select {
    /*width: 186px;*/
    width: 180px;
    height: 23px;
}

#showfl {
    margin-left: 12px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.uitooltip {
    padding: 8px;
    background:#eadfca;
	position: absolute;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
    font-size: 11px;
    white-space: pre-line;
    border-radius: 2px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 0.9em;
}

.errorMessage {
    color: crimson;
    font-size: 1.2em;
    font-weight: 400;
}

/* Image Upload */

#drop-area
{
 margin-top:20px;
 margin-left:220px;
 width:150px;
 height:80px;
 background-color:white;
 border:2px dashed grey;
}
.drop-text
{
 margin-top:30px;
 color:grey;
 font-size:18px;
 font-weight:bold;
}
#drop-area img
{
 max-width:200px;
}

#show-area-box {
    /*background-color: #c76d70;*/
    width:700px;
    height: 300px;
    float: left;
}

#show-area {
    float: left;
 margin-top:20px;
 margin-left:10px;
 width:500px;
 height:240px;
 background-color:white;
 border:1px solid grey;
 padding: 10px;
}

.images {
    float: left;
}

.image-box {
    height: 40px;
    width: 240px;
    margin-bottom: 12px;
    /*border:1px solid red;*/
}

.box-image {
    float: left;
    margin-right: 2px;
    margin-left: 10px;
}

.file-name {
    padding-left: 10px;
    width: 160px;
}

.image-box .clearButton {
    background: url(clear_btn.fw.png) no-repeat right;
    width: 23px;
    height: 23px;
    border: none;
    float: right;
    /*margin-right: 15px;*/
}

.clear-image {
    float: right;
}

.flex { 
    display: flex; 
    /*justify-content: center; */
    align-items: center;
}

#file_label {
    
}

#label_div {
    margin-top: 10px;
}


/********************  Styles für Upload-Button *******************************/
[type="file"] {
    height: 0;
    overflow: hidden;
    width: 0;
  }