/**********************************/
/*-+-      shic ACMS beta      -+-*/
/*+- © ichier2010 www.ichier.de -+*/
/*-    - default stylesheet -    -*/
/*-                              -*/
/*   version 24.12.08             */
/*                                */
/**********************************/

/*
***** NOTES *****

some classes have 0,1,2 and h -suffixes
theese are for rows and similar needs
0 is for titles, 1,2 are the different
two rows and h is highlighted

*/

/* SKIN ONLY */
/* standard-stuff */

body {
	margin:auto;
	padding:4px;
	width:840px;
}

.standardtext, body, form, p, div, ol, ul, li, em, sup, sub, table, tr, th, td {
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica;
	color : #000000;
	line-height: 22px;
	font-size: 11px;
	letter-spacing: 0.01em;
}
h1, h2,  h3, h4, h5 { font-family: Verdana, "Trebuchet MS", Arial, Helvetica; }
b, strong { letter-spacing: 0.05em; }

/* the link is important for some stuff being no link in real! */
a,a:link { color: #990000; font-weight: normal; text-decoration: none; }
a:visited { color : #990000; font-weight: normal; text-decoration: none; }
a:hover, a:active { color : #622f2c; font-weight: normal; text-decoration: none; }

h1.title { color: #2A4729; font-weight: bold; font-size: large; line-height: 1.2; margin-top:18px; }
h1 { color: #C0C0C0; font-weight: bold; font-size: x-large; line-height: 0.8; margin-top:1px; }
h2 { color: #446fa7; font-weight: bolder; font-size: large; line-height: 1.4; white-space: nowrap; }
h3 { color: #CC0000; font-weight: bold; font-size: medium; line-height: 1.2; margin-bottom: 0px }
h4 { color: #CC0000; font-weight: bold; font-size: medium; line-height: 1.1; }
h5 { color: #425263; font-weight: bolder; font-size: x-small; }

input,textarea,select { color: #400000; font-size: 12px; font-family: Verdana, Arial, Helvetica; border: solid 2px #949494; }
input { font-size: 11px; text-align: inherit; padding: 2px; text-indent: 2px; }
input[type=checkbox] { vertical-align:middle; border:none; }
input[type=radio] { vertical-align:middle; }

input[type=text]:invalid { border-color:#990000 !important; background-color:red; color:#fff; }

.container {
	width:850px;
	margin:auto;
}
.links, .footerlinks {
	float:left;
	width:220px;
}
.links {
	margin-top:4px;
}
.content {
	float:left;
	padding-left:10px;
	border-left:dashed #CCCCCC 1px;	
	margin-left:10px;
	width:608px;
	margin-top:4px;
}
.footer {
	clear:left;
	width:220px;
	text-align:center;
}
.footerlinks {
	width:220px;
	text-align:center;
}
.footerright {
	float:left;
	padding-left:10px;
	margin-left:10px;
}

hr	{
	width:100%;
	border:none;
	border-top:dashed #CCCCCC 1px;
	margin-bottom:10px;
	margin-top:3px;
	height: 0px;
}
.hrtop {
	margin-bottom:30px;
}
.hrlists {
	margin-bottom:20px;
	margin-top:20px;
}


.hefttitleimages {
	border:solid 1px #660000;
	margin-right:40px;
	width:150px;
}

.listtitleimages {
	border:solid 1px #660000;
	margin-right:20px;
	width:110px;
}

.titleimages {
	border:solid 1px #660000;
}

.dickundrot  {
	color:#990000;
	font-weight:bold;
	font-size:12px;
	line-height:16px;
	font-family:Verdana, "Trebuchet MS", Arial, Helvetica;
	word-spacing:1px;
	letter-spacing:1px;
}
.rot { color:#990000; }
.blu { color:#003366; }
.bla, a.bla { color:#000; }

.inversunddick,.inversunddick a {
	color:#FFFFFF;
	background-color:#990000;
	padding-left:3px;
	font-weight:bold;
	font-size:12px;
	line-height:16px;
	font-family:Verdana, "Trebuchet MS", Arial, Helvetica;
	word-spacing:1px;
	letter-spacing:1px;
}

.menudick, .menudick a, a.menudick {
	font-weight:bold;
	font-size:11px;
	line-height:22px;
	font-family:Verdana, "Trebuchet MS", Arial, Helvetica;
}

.bilduntertitel {
	margin-top:5px;
	border-top:dashed 1px #CCC;
	color:#000;
	font-style:italic;
	font-size:10px;
	line-height:20px;
	font-family:Verdana, Arial, Helvetica;
}

.heftspalte {
	float:left;
	width:280px;
}

.rubrikenbox {
	margin:0px;
	padding:3px;
	border:solid 1px #CCCCCC;
}

.tiny {
	font-size: 11px;
	line-height: 14px;
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica;
}
.tinyblu,.tinyblu:link,.tinyblu:visited {
	font-size: 11px;
	line-height: 14px;
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica;
	color: #003366;
}



/*** CHRONIK OLD ***/

.line, .line a:link, .line a:visited, .line a:active, .line a:hover  { font-weight: bold; font-family: Verdana, "Trebuchet MS", Arial, Helvetica; word-spacing: 1px; letter-spacing: 1px; border-bottom: 2px solid #900; color:#000000; }
.line a:hover  { color:#622f2c; }

.class1 { color: white; font-weight: bold; font-size: 12px; line-height: 16px; font-family: Verdana, "Trebuchet MS", Arial, Helvetica; letter-spacing: 1px }

.class2 { color: black; font-weight: bold; font-size: 12px; line-height: 16px; font-family: Verdana, "Trebuchet MS", Arial, Helvetica; letter-spacing: 1px }

.mtext  {
 color:           #900;
 font-size:       10px;
 font-family:     Verdana, "Trebuchet MS", Arial, Helvetica;
 line-height:     15px;
 text-decoration: none }

.uline {
	color: #900;
	font-size: 10px;
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica;
	font-weight: bold;
	line-height: 15px;
	text-decoration: none;
	background-color: silver;
	padding: 2px }

.navlink { color:           #900;
 font-size:       11px;
 font-family:     Verdana, Arial, Helvetica;
 font-weight:     normal;
 text-decoration: none;
 text-align:      left }

.text  { color:       black;
 font-size:   11px;
 font-family: Verdana, "Trebuchet MS", Arial, Helvetica;
 line-height: 22px }

.border {
	color: maroon;
	font-size: 10px;
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica;
	font-weight: bold;
	line-height: 22px;
	background-color: #f5f5f5;
	padding: 0 5px }

.head { color: #900; font-weight: bold; font-size: 18px; line-height: 24px; font-family: Verdana, "Trebuchet MS", Arial, Helvetica }

td.text span.text { display:block; width:585px; }
.Bal { float:left; margin-right:20px; margin-bottom:2em; width:100% !important; max-width:100% !important; }
.Bal img { max-width:100% !important; }
.Bar { float:right; margin-left:20px;  margin-bottom:2em;}
.Bac { margin-left:10px; margin-right:10px; margin-bottom:2em; }

.smalinfo,.smalinfo:link,.smalinfo:visited { font-size: 11px; line-height: 14px; font-family: Verdana, "Trebuchet MS", Arial, Helvetica; }

.active {
	color: #990000;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
}
/*** CHRONIK OLD ***/
/* SKIN ONLY */



/**** SYSTEM ****/
/**** ALL CLASSES BELOW ARE NEEDED BY THE SYSTEM! ****/

/* pseudolinks and optical no links (so link should be like a) */
.link { color: #990000; font-weight: normal; text-decoration: none; }
.link:visited { color : #990000; font-weight: normal; text-decoration: none; }
.link:hover, .link:active { color : #622f2c; font-weight: normal; text-decoration: none; }

.nolink,.nolink:link,.nolink:visited,.nolink:active,.nolink a,.nolink a:link,.nolink a:visited,.nolink a:active{ color : #000000; text-decoration : none; }
.nolink:hover,.nolink a:hover  { color:#622f2c; }

/* system styles */
.acms_pos { color:#009933; }
.acms_neg { color:#CC0000; }
.acms_done { font-style:italic; }
.acms_undn {}
.acms_active {}
.acms_inactv { color:#999999; font-style:italic; }
/* format for error-messages */
.error { font-size: medium; font-weight: bolder; color: #990000; }
/* format for general-messages/notes */
.notice { color: #CC0000; }

/* std. colors only several uses */
.col0, .col_cap0 { background-color:#DEE3EF; color:#000000;	background-image: url("/skins/cherry_inside/imagecell0.png"); background-repeat:repeat-x; }
.col1, .col_cap1 { background-color:#F7F7FF; color:#000000; }
.col2, .col_cap2 { background-color:#F3F3F3; color:#000000; }
.colh, .col_caph { background-color:#DCE2EE; color:#000000; }
.col1b, .col_cap1b { background-color:#F0F0F9; color:#000000; }
.col2b, .col_cap2b { background-color:#E8E8E8; color:#000000; }

.color0 { color:#DEE3EF; }
.color1 { color:#F7F7FF; }
.color2 { color:#F3F3F3; }
.colorh { color:#DCE2EE; }
.color1b { color:#F0F0F9; }
.color2b { color:#E8E8E8; }
.colorbg0 { background-color:#DEE3EF; }
.colorbg1 { background-color:#F7F7FF; }
.colorbg2 { background-color:#F3F3F3; }
.colorbgh,.hovr:hover,.hovr:hover td { background-color:#DCE2EE; }
.colorbg1b { background-color:#F0F0F9; }
.colorbg2b { background-color:#E8E8E8; }


/* some needed stuff */
.nobr { white-space:nowrap; } /* used instead of <span class="nobr"> */
.hline { border-bottom: 1px solid #EEEEEE; } /* lineseparator e.g. sitemap */
.radiospan { vertical-align:text-bottom; } /* for autoradios+text */
/* big pageheadline */
.headline { font-size: 20px; font-weight: bolder; color: #8C9AAD; }

/* invisible but openable absolute div containing errors */
.error_div { position:absolute; border:#425263 2px solid; font-size:medium; color:#000000; background-color:#eef1f8; top:0px; right:0px; z-index:1000; padding: 3px; }
/* format for error-messages */
.error { font-size: medium; font-weight: bolder; color: #990000; }
/* format for general-messages/notes */
.notice { color: #CC0000; }
/* just a forced handcurser where needed */
.hand { cursor: pointer; }

/* border-styles for inner used boxes, like the divpopups on the editbuttons */
.rahmen { border: 1px #000000 solid }
.rahmen0 { border: 1px #000000 solid; background-color: #808080; padding: 2px; }
.rahmen1 { border: 1px #425263 solid; background-color: #EEF1F8; padding: 2px; }
.rahmen2 { border: 1px #000000 solid; background-color: #FFFFFF; padding: 2px; }
.rahmenh { border: 1px #000000 solid; background-color: #DCE2EE; padding: 2px; }

/* the standard rows, spacing */
.row0 {	background-color: #808080; padding: 1px 5px 1px 5px; font-weight: bolder;
	border-top: 0px solid #FFFFFF; border-right : 0px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF;
}
.row1 {
	background-color: #EEF1F8; padding: 1px 4px 1px 4px;
	border-top: 0px solid #FFFFFF; border-right: 0px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF;
}
.row2 {
	background-color: #FFFFFF; padding: 1px 4px 1px 4px;
	border-top: 0px solid #FFFFFF; border-right: 0px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF;
}
.rowh {
	background-color: #DCE2EE; padding: 1px 4px 1px 4px;
	border-top: 0px solid #FFFFFF; border-right: 0px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF;
}

/* the standard rows, spacing, smaller */
.row10 {
	background-color: #808080; padding: 1px 5px 1px 5px; font-weight: bolder; font-size: x-small;
	border-top: 0px solid #FFFFFF; border-right : 0px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF;
}
.row11 {
	background-color: #Efefef; padding: 1px 4px 1px 4px; font-size: x-small;
	border-top: 0px solid #FFFFFF; border-right: 0px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF;
}
.row12 {
	background-color: #FFFFFF; padding: 1px 4px 1px 4px; font-size: x-small;
	border-top: 0px solid #FFFFFF; border-right: 0px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF;
}
.row1h {
	background-color: #DCE2EE; padding: 1px 4px 1px 4px; font-size: x-small;
	border-top: 0px solid #FFFFFF; border-right: 0px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF;
}

/* small rows, no spacing */
.rowSM0 { font-size: x-small; font-weight: bolder; color: #FFFFFF; background-color: #808080; padding: 1px 5px 1px 5px; }
.rowSM1 { font-size: x-small; background-color: #EEF1F8; padding: 1px 4px 1px 4px; }
.rowSM2 { font-size: x-small; background-color: #FFFFFF; padding: 1px 4px 1px 4px; }
.rowSMh { font-size: x-small; background-color: #DCE2EE; padding: 1px 4px 1px 4px; }
/* small rows, no spacing, no padding, border instead of bgcolour for use inside of rows */
.rowRahmSM0 { font-size: x-small; border: 1px #000000 solid; font-weight: bolder; }
.rowRahmSM1 { font-size: x-small; border: 1px #CCCCCC solid; }
.rowRahmSM2 { font-size: x-small; border: 1px #666666 solid; }
.rowRahmSMh { font-size: x-small; border: 1px #DCE2EE solid; }

/* standard rows, spacing only on top & bottom, e.g. system-settings */
.rowinl0 { background-color: #808080; padding: 1px 5px 1px 5px; font-weight: bolder; border-bottom: 2px solid #FFFFFF; border-top: 1px solid #FFFFFF; }
.rowinl1 { background-color: #EEF1F8; padding: 1px 4px 1px 4px; border-bottom: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; }
.rowinl2 { background-color: #FFFFFF; padding: 1px 4px 1px 4px; border-bottom: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; }
.rowinlh { background-color: #DCE2EE; padding: 1px 4px 1px 4px; border-bottom: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; }

/* standard text styles */
.txtMICRO { font-size: 8px; }
.txtMINI { font-size: 10px; }
.txtMINIft { font-size: 10px; font-weight: bolder; }
.txtNORM { font-size: 12px; }
.txtFETT { font-size: 12px; font-weight: bolder; }
.txtBIG { font-size: 14px; }
.txtBIGft  { font-size: 14px; font-weight: bolder; }
.txtBIGkp  { font-size: 14px; font-weight: bolder; font-variant: small-caps; }
.txtMEGA { font-size: 20px; font-weight: bolder; font-variant: small-caps; }

/* paragraph block */


/* standard text styles block */
.blkMICRO { font-size: 8px; text-align: justify }
.blkMINI { font-size: 10px; text-align: justify }
.blkNORM { font-size: 12px; text-align: justify }
.blkFETT { font-size: 12px; font-weight: bolder; text-align: justify }
.blkBIG { font-size: 14px; text-align: justify }
.blkBIGft  { font-size: 14px; font-weight: bolder; text-align: justify }
.blkBIGkp  { font-size: 14px; font-weight: bolder; font-variant: small-caps; text-align: justify }
.blkMEGA { font-size: 20px; font-weight: bolder; font-variant: small-caps; text-align: justify }


/* elementpositioning */
.box_lft {	float: left; }
.box_rgt {	float: right; }
.box_ctr {	margin: auto; }
.box_top {	vertical-align: text-top; }
.box_btm {	vertical-align: text-bottom; }
.box_mid {	vertical-align: middle; }
.box_toplft {	vertical-align: text-top; float: left; }
.box_toprgt {	vertical-align: text-top; float: right; }
.box_topctr {	vertical-align: text-top; margin: auto; }
.box_btmlft {	vertical-align: text-bottom; float: left; }
.box_btmrgt {	vertical-align: text-bottom; float: right; }
.box_btmctr {	vertical-align: text-bottom; margin: auto; }
.box_midlft {	vertical-align: middle; float: left; }
.box_midrgt {	vertical-align: middle; float: right; }


.aut_stamm { background:#dbfff3; }
.aut_literatur { background:#f1e5ff; }
.aut_reader { background:#ccc; }

.imagerow { width:100%; display:flex; margin:1em 0; align-items:stretch; gap:20px; }
.imagerow div { margin:0; }
.imagerow img { width:100%; height:auto; object-fit: contain; }

.hide,.hidden { display:none; }
body.admin, body.admin .container { width:1080px; }
body.admin .content { width:838px; }
body.admin .ichier_fileupload .ichier_data_item_list_clone figure { height:5em; width:5em; }

body.admin .bildvorschauklein figure { height:110px;width:110px;margin:0;padding:0;display:flex;justify-content:center;align-items:center; }
body.admin .bildvorschauklein figure img { height:100%;width:100%;object-fit:contain; }

body.admin .loeschen { color:red; }
body.admin .loeschen:hover { font-weight:bold; text-transform:uppercase; }