.hide    		{ display:none; }
.show    		{ display:block; }
.block   		{ text-align:justify; }
.bold    		{ font-weight: bold; }
.red     		{ color: red; }
.green     		{ color: green; }
.black   		{ color: black; }
.white			{ color: white; }

.errmsg			{ color: #b5124b; font-weight: bold; }
.okmsg			{ color: green;   font-weight: bold; }
.filefmt		{ color: black;   font-weight: normal; font-style:italic; }

.fbutton       	{ height:22px; }
.tdheight     	{ height:22px; }

.even		 	{ background-color:#eeeeee; }
.thbg           { background-color:#dddddd;color: black;padding: 5px 10px; }
.delfile        { width:600px; color: black;padding: 5px 10px;  }
.upld           { width:400px; color: black;  }

body[id="login"] h1 {text-align:center;}

div.admin {
		position:		relative;
        padding-top:	3px;
        padding-bottom:	0px;
        margin-right:  	0px;
		margin-left: 	0px;
        overflow:		hidden;
        font-size:		14px;
        border:			0;
		display: 		ruby-text-container;
}
* html div.admin{height:25px;} 		/* bis IE6 	*/
html>body div.admin { white-space:nowrap; } 	/* IE7, FF3 	*/

a.admin {
            /* oben rechts unten links */
        margin: 0px    0      0px     0;
				  /* oben/unten links/rechts */
		padding:  		0px      10px;
        font-size:		14px;
        font-weight:	bold;
        font-family: 	veranda,Arial, Helvetica, sans-serif;
        text-align: 	center;
        text-decoration:none;
        color:			white;
        border: 		0px solid black;
        float:			left;
        display: 		inline;
		outline: 		none;
}
a.admin:hover { color: yellow; }
a.show:hover  { color: #b5124b; } /* same color as breadlink from cms.css */ 

/* Menue-Tags, Adminbar, oben - wenn selected */
#Administration   #adm01 a,
#no2   			 #adm02 a,
#no3		 	 #adm03 a,
#no4 		 	 #adm04 a,
#logout		 	 #adm05 a
{
         color: 			black;           /* #ec7405;    dunkelorange */
         background-color: 	transparent;
         cursor:			default;
         float:				left;
}

a.breadlink	{background-color:transparent; outline:none; color:gray; font-style:italic; font-weight:bold; font-size: 130.01%;}
a.breadlink:hover	{color:#b5124b;}
a.breadlast	{background-color:transparent; outline:none; color:gray; font-style:italic; font-weight:bold; font-size: 130.01%;}
a.breadlast:hover	{cursor:default;}
a.group2:hover {color:#b5124b;} /* icon hover color */
a.group4:hover {color:#b5124b;} /* icon hover color */
a.group2 { font-size:17px;}
a.group:hover {color:#b5124b;} /* icon hover color */
a.group  { font-size:17px;}

/* --------------------- Upload Button ------------------------- */
.hbutton {
	position:		relative;
    width:			17px;
    height:			17px;
	outline: 		none; 
	font-size:		17px;
}

.hbutton:hover   {
	position:		relative;
    width:			17px;
    height:			17px;
	border: 		0px solid black;
	outline: 		none;
	cursor:			pointer;
         
}


/* ---------------------- Login Form ------------------------*/
form.login {
	border: 		2px solid #aaa;
	border-radius: 	5px;
	width: 			470px;
	background: 	#eee;
    font-family: 	Arial, Helvetica, sans-serif;
    font-weight:	bold;
    font-size : 	14px;
    padding:		22px;
    margin-bottom:	10px;
	margin:			auto;
	user-select: 	None;
}
#loginForm {width:270px;}

.text { border: 1px solid #cccccc; }
.tw { width:150px; }
.btn { margin-top:10px; cursor:pointer; }

input.login { 
	background-color: 	#fff;
	color: 				#4d4d4d;
	border: 			1px solid #c4c4c4;
	font: 13px Helvetica, Arial, "Nimbus Sans L", FreeSans, sans-serif;
	padding: 			5px 8% 5px 2%;
	width: 				90%;
	border-radius: 		5px;
	box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #e2e2e2;
	margin-bottom: 		20px;
}

input.login:focus {
    border-color: #3399FF;
    box-shadow: 1px 1px 3px #3399FF, inset 1px 1px 3px #3399FF;
    background-image: none;
}
body[id="login"] .maincont { height: min-content; }

#loginForm label {
    display: 		block;
    cursor: 		pointer;
    font-weight: 	bold;
    line-height: 	24px;
    text-align: 	left;
	user-select: 	None;
}
#loginForm  input.buttom { margin: 0 auto; }


/* Auswahlmenue fuer Dateien und Verzeichnissen  */
table.file_view {
    width:			650px;    /* breite ergibt sich aus Summe der Breiten von .file_view_tab[1-5] */
	width:			100%;
    padding:		2px;
    border-collapse:collapse;
	margin-top:		15px;
	margin-right:	0px;
	border: 0px solid black;
}

td.file_view {
    text-align:		left;
    vertical-align: middle;
    width:			350px;
    padding-bottom:	10px;
}

a.file_view {
	text-decoration:none;
    font-size:		100%;
    font-weight:	bold;
	outline: 		none;
}


.file_view_tab1 {width:10px;  height:30px;padding-left:5px;padding-right:5px;text-align:right;} /* icon */
.file_view_tab1 {width:2%;    height:30px;padding-left:5px;padding-right:5px;text-align:right;} /* icon */
.file_view_tab2 {width:360px; height:20px;padding-left:10px;} /* file or dirname */
.file_view_tab2 {width:55%;   height:20px;padding-left:10px;} /* file or dirname */
.file_view_tab3 {width:90px;  height:20px;padding-left:10px;} /* size */
.file_view_tab3 {width:18%;   height:20px;padding-left:10px;} /* size */
.file_view_tab4 {width:170px; height:20px;padding-left:10px;} /* modtime */
.file_view_tab4 {width:20%;   height:20px;padding-left:10px;} /* modtime */
.file_view_tab5 {width:20px;  height:20px;padding-left:10px;} /* action */
.file_view_tab5 {width:5%;    height:20px;padding-left:10px;} /* action */

@media (max-width: 780px) { .file_view_tab4 {font-size:10px;} }
@media (max-width: 658px) { .file_view_tab3 {font-size:10px;} }

/* Admin-Menue in der Website */
#adminbar {   
	position: 		fixed;
	border:			0;
	padding:		0;
    height:			25px;
    font-size:		14px;
    font-weight:    bold;
    color:			white;             	  
	background: 	transparent url(../images/bgadm.jpg) left top repeat-x;
    overflow:		hidden;
	float:			left;
	clear:			none;
	display:		inline;
	z-index:		91;
	width:			100%;
	visibility:		hidden;
	top:			0;
	left:			0;
}


body[id="login"] .textblock > span {margin-left:30%;}
body[id="login"] #maincont_inner > .textblock > span {margin-left:0;}

body[id="Administration"] .threecol .colmid {right:0;} /* rechte spalte */
body[id="Administration"] .threecol .colleft { right:100%; } /* mittlere spalte */
body[id="Administration"] .threecol .maincont {
	width:100%;	/* width of center column content (column width minus padding on either side) */
	left:100%;	/* 100% plus left padding of center column */
}
body[id="Administration"] .threecol .lfa {
	width:0;	/* Width of left column content (column width minus padding on either side) */
	left:0;	/* width of (right column) plus (center column left and right padding) plus 
			  (left column left padding) */
}
body[id="Administration"] .threecol .rechts {
	width:0;	/* Width of right column content (column width minus padding on either side) */
	left:100%;	/* Please make note of the brackets here:
			(100% - left column width) plus (center column left and right padding) plus 
			(left column left and right padding) plus (right column left padding) */
}

body[id="site_edit"] div.inner_with { margin-bottom:20px; border: 2px solid black; text-align:center; background-color:#eee;}
body[id="site_edit"] div.inner_with+form br { margin-bottom:20px;}

body[id="site_edit"] .threecol .colmid {right:10%;} /* rechte spalte */
body[id="site_edit"] .threecol .colleft { right:80%; } /* mittlere spalte */
body[id="site_edit"] .threecol .maincont {
	width:80%;	/* width of center column content (column width minus padding on either side) */
	left:100%;	/* 100% plus left padding of center column */
}
body[id="site_edit"] .threecol .lfa {
	width:10%;	/* Width of left column content (column width minus padding on either side) */
	left:10%;	/* width of (right column) plus (center column left and right padding) plus 
			  (left column left padding) */
}
body[id="site_edit"] .threecol .rechts {
	width:10%;	/* Width of right column content (column width minus padding on either side) */
	left:90%;	/* Please make note of the brackets here:
			(100% - left column width) plus (center column left and right padding) plus 
			(left column left and right padding) plus (right column left padding) */
}
#crop_area {border: 1px dotted red;}
body[id="Administration"] div.textblock {margin: 10px 5% 20px 5%;}

table.file_view tr:hover {background-color:#fafafa !important;border-left:2px solid #aaa;border-right:2px solid #aaa;}
table.file_view tr {border-left:2px solid transparent;border-right:2px solid transparent;}



#adm01, #adm02, #adm03, #adm04, #adm05  {line-height:25px;top:0;}

#adm02 ul { list-style: none; display:none; }

    /* Head links */
#adm02 {
    float: left;
    text-align: center;
    position:fixed;
	z-index:120;
}
#adm02 a {
    display: 	block;
    text-align:	center;
    cursor:		pointer;
	position: 	relative;
}

    /* Child lists and links */
#adm02 ul {
    display: 	none;
    border-top: 1px black solid;
    text-align: left;
    position:	absolute;
	background-color: green;
	top: 		25px;
	width: 		300px;
	height:	    72px;
	filter: drop-shadow(10px 10px 12px rgba(0,0,0,0.6));
}
#adm02:hover ul { display: block; }

#adm02 ul li a {
    height: 	24px;
    cursor:		pointer;
	color: 		white;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
}
#adm02 ul li a:hover { color: yellow; }
body[id="login"] #adm02 a { color:black;}


#everhelp {
	display:			none;
	padding:			10px;
	background-color: 	#fff7e6;
	position: 			fixed;
	font-size:			14px;
	width: 				150%;
	height: 			min-content;
	left: 				200px;
	top: 				50px;
	z-index: 			95;
	white-space: 		normal;
	font-weight:		normal;
	color:				black;
	border:				1px solid black;
	filter: 			drop-shadow(-4px 4px 10px #000);
	cursor:				pointer;
}
@media (max-width:  890px)  { #everhelp {width:100%;}}
@media (max-width:  700px)  { #everhelp {left:100px;}}
@media (max-width:  600px)  { #everhelp {left:0px;}}
@media (max-width:  500px)  { #adm02 ul {left:-50px;}}
@media (max-width:  450px)  { #everhelp {left:-50px;}}
@media (max-width:  400px)  { #everhelp {font-size:11px;width:90%;}}
@media (max-width:  360px)  { #everhelp {width:80%;}}
#to02 {float:left;padding-right:10px !important;width: calc(100% - 30px);}
body[id="login"] h1 {color:black;font-size:35px;padding-bottom:20px;}
#evrhlp {width:20px;}
body[id="login"] #maincont_inner { color: #444;}

#isave::before { content:"bla";}