body { 
				font-family: "Trebuchet MS", Helvetica, sans-serif; 
				/*font-family: Corbel, Segoe UI, Arial, sans-serif; */
				/* font-family: sans-serif; */
				font-size: 14px; 
				margin: 0px; 
				padding: 0px; 
				text-align: center; 
				background: #CCC;
				/* text-shadow: 0 0 3px rgba(0,0,0,.2); */
				text-shadow: 0 0 2px rgba(255,255,255,0.3);
		}
		

		fieldset {
			padding: 10px 15px;
			border: 2px solid #A40;
			padding: 10px 15px 20px 15px;
		}
		
		legend{ 
			border: 2px solid #A40;
			border-bottom-width: 0px;
			padding: 0px 10px 5px 10px; 
			font-weight: bold; 
			font-size: 14px;
		}

		/* hide 'Oberes Menü' 	*/
		/*.lvl0 .lvl1:first-child li:first-child  {display: none; }*/
		
		p { margin:0; padding:0; }
		h3 { margin: 0px 0px 18px 0px; font-size: 14px; }
		h3.lowmarg { margin-bottom: 8px; } 
		label { float: left; width: 3em; margin-right: 10px; text-align: right; display: block; }
		label.med { width: 5em; }
		label.long { width: 9em; }
		img {border: none;}
		input, textarea.entrycontent { margin-bottom: 5px; font-family: sans-serif; font-size: 14px; padding: 4px 4px; border: 1px solid #333; }
		input.entrytext { width: 300px; }
		input.long { width: 520px; }
		input.userinp { margin: 0; }
		textarea.entrycontent { width: 400px; height: 300px; overflow: auto; }
		td.center, th.center { text-align: center; }
		td.right, th.right { text-align: right; }
		a.imglink {text-decoration: none;}
		a.imglink img {vertical-align: bottom;  }
		
		#msgbck { position: absolute; z-index: 101; top: 0px; left: 0px; width: 100%; background-color: #999; opacity: 0.7; filter: alpha(opacity=70);}
		#msgcontainer { position: absolute; z-index: 101; top: 0px; left: 0px; width: 100%; text-align: center; }
		#errbox, #succbox, #bckbox { margin: 80px auto 200px auto; width: 300px; padding: 15px 19px; border: 1px solid #000; font-size: 14px; font-weight: bold; color: #000;  }
		#errbox { border-color: #F00; background-color: #FAA; }
		#succbox { border-color: #0F0; background-color: #AFA; }
		#bckbox { border-color: #999; background-color: #999; color: #999; }
		

		#rightbuts  { float: right; margin-right: 15px; overflow: hidden; }
		#rightbuts  div { float: right; font-size: 11px; }
		#sessionreload  { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
		#sessionreload:hover  { background-image: url(images/ui-icons_a83300_256x240.png); cursor: pointer; }
		#sessioncounter, #langswitch { text-align: right; }
		#langswitch { margin-right: 4px; }		

		/*#container { margin: 82px auto 0px auto; width: 1010px; text-align: left; }*/
		#container { 
			margin: 10px auto 0px auto; 
			text-align: left; 
		}
		
		/*++ #leftmenu, #center { float: left; } ++*/
		.leftmenu, .centerdiv { display: inline-block; vertical-align: top;} 
		/* #maincenter { width: 1475px; margin-left: 15px; } */
		.leftmenu { width: 270px; margin: 0px 0px 50px 0px;}
		.leftmenu .box { height: 550px; overflow: auto; }
		

		/*
		#tabs .nav { position: fixed; z-index: 100; top: 20px; left: center; padding-top: 20px; width: 994px; height: 38px; }
		#tabs .navbck { position: fixed; z-index: 99; top: 0px; left: 0px; width: 100%; height: 80px; background: #FFF;}
		#tabs { position: absolute; top: 60px; width: 1485; margin: 0px auto; }
		*/
			/*
		#tabs-1, #tabs-2, #tabs-3, #tabs-4, #tabs-5, #tabs-6, #tabs-7, #tabs-8, #tabs-9   { 
			position: absolute; top: 75px; 
			width: 1480px; 
			margin: 0px auto; 
			border: 1px solid #666666; 
			border-width: 0px 1px 1px 1px; 
			background: #CCC;
		} 
			*/
		
		
		#login form { width: 100%; text-align: center; margin: 10% 0 15% 0; }
		#login form label { width: 5em; margin-left: 10%; }
		#login form input { margin: 0 0 0 10px; }
		#login form input.inpb { border: 3px outset #333; }
		#login form input.inpb:active { border-style: solid; }
		#login a, #login a:link { font-size: 11px; color: #999; font-weight: bold; text-decoration: underline; }
		#login a:hover { text-decoration: none; }

		
		.box, .smallbox { margin: 4px 13px 10px 0px; padding: 14px 11px; border: 1px solid #EEE; background: #FFF; }
		
		.button { 
			display: block; 
			font-size: 14px; 
			margin: 7px 0px 5px 0px; 
			padding: 5px 7px; 
			cursor: pointer; 
			text-align: center; 
			border: 1px solid #333;
			border-radius: 6px;
			transition: all 0.3s ease 0s;
		}
		.button:before {
			box-shadow: 0 0 10px rgba(0,0,30,0.5) inset;
			content: attr(data-content);
			position: absolute;
			width: 100%;
			padding: 5px 0px; 
			left: 0;
			top: 0;
		}
		
		.button:hover, .button:focus { 
			
		}
		.button:hover:before, .button:focus:before { 
			box-shadow: 0 0 15px rgba(0,0,30,0.7) inset;
		}
		
		/* SPAN classes */
		.small { line-height: 0.8; font-size: 10px; }
		.smalll { font-size: 12px; }
		.underline-highlight { border-bottom: 1px solid #A00; }
		.underline-highlightb { border-bottom: 2px solid #A40; }
		
		/** Newsletter styles **/
		#nlusers td { padding-bottom: 8px; }
		#nlusers td .licaptionn { font-size: 11px; font-weight: normal; }

		#nlusers .pending { background-image: none; background-color: #fdB6B6;}
		#nlusers .ok { background-image: none; background-color: #B6fdB6;}
		

		/** etc **/
		.ui-icon { background-image: url(images/ui-icons_ffffff_256x240.png); }
		.icon_switch, .radbut { float: right; text-align: right; cursor: pointer; }
		.icon_switch:hover {background-image: url(/css/images/ui-icons_cccccc_256x240.png); }
		.ui-icon-null { background-position: -160px 0px; float: right; text-align: right; }
		
		
		#nlls, .lvl0, .lvl1, .lvl2, .lvl3, .lvl4, .lvl5, .lvl6, ul.entries, ul.entriesa, ul.entriesb, ul.entriesc, ul.entriesd, ul#curquestions { list-style-type: none; margin: 0; padding: 0; }
		#nlls li, .lvl0 li, .lvl1 li, .lvl2 li, .lvl3 li, .lvl4 li, .lvl5 li, .lvl6 li, ul.entries li, ul.entriesa li, ul.entriesb li, ul.entriesc li, ul.entriesd li, ul#curquestions li  { width: 160px; margin: 4px 0px 3px 0px; padding: 7px 7px; font-size: 12px; cursor: default;  }
		#nlls li, .lvl0 li, .lvl1 li, .lvl2 li, .lvl3 li, .lvl4 li, .lvl5 li, .lvl6 li  { min-height: 50px;  }
		.lvl0 li  { background: #004; color: #FFF; }
		.lvl1 li  { background: #226; color: #FFF; }
		.lvl1 .icon_switch:hover {  background-image: url("images/ui-icons_4b8e0b_256x240.png"); }
		.lvl2 li  { background: #448; }
		.lvl3 li  { background: #66A; }
		.lvl3 .icon_switch:hover {  background-image: url("images/ui-icons_222222_256x240.png"); }
		.lvl4 li  { background: #88C; }
		.lvl5 li  { background: #AAE; color: #333; }
		.lvl5 .ui-icon { background-image: url("images/ui-icons_222222_256x240.png");	}
		.lvl5 .icon_switch:hover {  background-image: url("images/ui-icons_a83300_256x240.png"); }
		.lvl6 li  { background: #CCF; }
		.lvl0 li.nyx, .lvl1 li.nyx, .lvl2 li.nyx, .lvl3 li.nyx, .lvl4 li.nyx, .lvl5 li.nyx, .lvl6 li.nyx { height: 6px; padding: 0px; margin: 0px; visibility:hidden; min-height: 0px;}
		ul.entries li, ul.entriesa li, ul.entriesb li, ul.entriesc li, ul.entriesd li, ul#curquestions li {overflow: hidden;}
		
		
		.licaption { width: 110px; overflow: hidden; }
		.licaptionl { float: left; width: 110px; }
		.lihighlight { border: 1px solid #FFF; }


		
		
		/*
		.longul { list-style-type: none; margin: 5px 0px 20px 0px; padding: 0; }
		.longul li { padding: 5px 7px; margin-bottom: 3px; width: 50%; background: #2E2E2E; color: #EEE; font-weight: bold; border: 1px solid #AAA; }
		*/
		table.userad, table.gallset { width: 100%; border-spacing: 0px; }
		table.userad th, table.userad td , table.gallset th, table.gallset td { padding: 0px 8px; }
		
		table.userad td div.user { padding: 4px 8px; font-weight: bold; font-size: 14px; cursor: default; }
		table.userad td input[type=submit] {padding: 4px 6px; }
		table.userad td input[type=text] { width: 100%; }
		
		table.fileblock { width: 100%; border: 1px solid #666666; }
		table.fileblock th, table.fileblock td {padding: 4px 6px;}
		div.galleryblock { width: 98%; padding: 8px; border: 1px solid #666666; overflow: hidden; }
		
		.preview { position: absolute; top: 0px; left: 0px; padding: 4px; background: #FFF; border: 4px double #333; display: none; }
		
		
		
		#imgarray {
			margin: 0px;
			padding: 0px;
			overflow: auto;
		}
		
		#imgarray li {
			/*display: block;*/
			position: relative;
			float: left;
			list-style-type: none;
	    height: 220px;
			width: 180px;
			padding: 8px 6px;
			border: solid 2px #333;
			margin: 0px 20px 20px 0px;
			background: #777;
			text-align: center;
			-moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
			border-radius: 5px;
		}
		#imgarray .isdir {
		}
		#imgarray .isimage {
			border: dashed 2px #000;
		}
		
		.imgcard {
			position: relative;
			float: left;
			list-style-type: none;
			min-height: 150px;
			min-width: 160px;
			padding: 12px 9px;
			border: solid 1px #333;
			margin: 0px 15px 15px 0px;
			background: #777;
			text-align: center;
			-moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
			border-radius: 5px;
		}		
		
		
		
		
		
		
		.imgalbut, .imgalbutrcw, .imgalbutrccw {
			position: absolute;
			top: 6px;
			padding: 5px 5px 2px 5px;
			display: none;
			background: #333;
			opacity: 0.9;
			filter: alpha(opacity=90);
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			border-radius: 2px;
		}
		.imgalbut {
			right: 30px;
		}
		.imgalbutrcw {
			right: 6px;
		}
		.imgalbutrccw {
			left: 6px;
		}	
		
		.imgalthumb {
			/*margin: 0px;*/
		}
		
		.imgalthumb img {
			padding: 2px;
			border: 2px solid #FFF;
		}
		
		.imgcaption, .albumcaption {
			position: absolute;
			top: 161px;
			left: 6px;
			width: 172px;
			height: 61px;
			padding: 3px 4px;
			background: #DDD;
			font-size: 12px;
			letter-spacing: 0.06em;
			text-align: left;
		}
		
		.albumcaption {
			top: 171px;
			height: 51px;
			background: #777;
			text-align: center;
			font-size: 16px;
			font-weight: bold;
			letter-spacing: 0em;
		}
		
		#imgcaptionedit, #imgtagsedit, #albumtitleedit , #albumdescedit {
			border: none;
			background: #DDD;
			font-family: "Trebuchet MS", Helvetica, sans-serif; 
			color: #000;
		}
		
		#imgcaptionedit, #imgtagsedit {
			width: 100%;
			height: 32px;
			background: #EEE;
			font-size: 12px;
		}
		#imgcaptionedit {
			letter-spacing: 0.06em;
		}
		#imgtagsedit {
			height: 13px;
		}
		
		#albumtitleedit {
			width: 100%;
			height: 36px;
			margin: 0px;
			padding: 0px;
			font-size: 28px;
			font-weight: bold;
		}

		#albumdesc,#albumtitle {
			min-height: 30px;
			width: 450px;
			border: 1px dashed #999;
		}
		#albumdescedit {
			width: 100%;
			height: 100px;
			margin: 0px;
			padding: 0px;
			font-size: 14px;
		}

		.imgcaption .imgcaptiontext {
			height: 41px;
			border: 1px dotted #333;
			padding: 1px;
			cursor: pointer;
			overflow: auto;
		}
		
		.imgsize {
			position: absolute;
			right: 5px;
			bottom: 3px;
		}

		.imgtagsdesc {
			position: absolute;
			left: 2px;
			bottom: 1px;
			width: 30px;
		}
		.imgtags {
			position: absolute;
			left: 34px;
			bottom: 4px;
			min-width: 20px;
			background: #DDD;
			height: 12px;
			padding-bottom: 2px;
			border: 1px dotted #333;
			cursor: pointer;
		}
		

		/* for potential later image magnifier */
		#modalback {
			position: absolute;
			z-index: 50;
			left: 0px;
			top: 0px;
			width: 100%;
			height: 200%;
			background: #333;
			opacity: 0.8;
			filter: alpha(opacity=80);
		}

		#imagebackcontainer {
			position: absolute;
			z-index: 55;
			left: 0px;
			top: 0px;
			width: 100%;
			height: 100%;
			text-align: center;
		}
		#imageback {
			margin: 100px auto;
			width: 600px;
			height: 500px;
			background: #222;
			opacity: 0.9;
			filter: alpha(opacity=90);
		}
		
		
		#imagecontainer {
			position: absolute;
			z-index: 100;
			left: 0px;
			top: 0px;
			width: 100%;
			height: 100%;
			text-align: center;
		}
		#imageinfo {
			margin: 110px auto;
			width: 580px;
			height: 480px;
			background: #FFF;
		}




		
		.placeholder { background: #FFF; opacity: .60; filter:Alpha(Opacity=60); height: 3px; border: 1px dashed #333; }
		
		
		.statuslinks { padding-top: 5px; float: right; margin-right: 3px; }
		.statuslinks a { 
			display: block; margin: 2px 0px; width: 20px; padding: 2px 4px; 
			background-color: #000; border: 1px solid #EEE; font-size: 11px; font-weight: bold; cursor: pointer; border-radius: 3px;
			text-align: center;
		}
		.statuslinks a.enable, .statuslinks a.disable:hover { color: #009AB1; text-shadow: 0px 2px 3px #BBB; border: 1px solid #BBB; }
		.statuslinks a.disable, .statuslinks a.enable:hover { color: #33CAE1; text-shadow: 0px 1px 1px #BBB, 0 0 1px #55ECF1, 0 0 2px #55ECF1; }
		
		/*
		.radbut {
			display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat;
			width: 16px; height: 16px; background-image: url(/css/images/radiobut.png);
			margin-top: 11px;
		}
		.radbut-white-off { background-position:   0       0; }
		.radbut-white-on   { background-position: -16px     0; }
		.radbut-red-off     { background-position:   0   -16px; }
		.radbut-red-on       { background-position: -16px -16px; }
		.radbut-green-off { background-position:   0   -32px; }
		.radbut-green-on   { background-position: -16px -32px; }
		*/
		
		/* rename fields */
		.button-state-rename {display: none; }
		.button-state-rename-menu {display: none; }
		.button-state-editpsv {display: none; }
		.button-state-editact {display: none; }
		.liedit input{ background: #EEE; border-width: 0px 1px 0px 1px; font-family: Corbel, Segoe UI, Arial, sans-serif; font-size: 1.1em; font-weight: bold; color: #2e7db2; }
		
		.hiddenframe {
			border: none; width: 0px; height: 0px;
		}
		
		
		.progresscontainer {
			width: 950px;
			height: 10px;
			margin-top: 5px;
			background-color: #aaaaaa;
		}

		.progressbar {
			width: 0px;
			height: 10px;
			background-color: black;
		}


		#filecart {
			position: absolute;
			z-index: 100;
			top: -800px;
			left: -800px;
			padding: 6px 8px;
			background: #000;
			color: #FFF;
			font-size: 12px;
			border: 3px solid white;
			/* [RV] 20170924 */
			border-radius: 6px;
			box-shadow: 0px 0px 30px 10px rgba(0,0,0, 0.5);
			/* [RV] 20190217 */
			cursor: move;
			
		}
		
		#filecart ul {
			list-style-type: none;
			padding: 0px;
			margin: 0px;
		}
		
		#filecart #filecartlist {
			height: 310px;
			overflow: auto;
		}
		
		div #closecart {
			padding: 1px 4px;
			border-radius: 2px;
			color: #FFF; 
			font-weight: bold;
			text-decoration: none;
		}
		div #closecart:hover {
			box-shadow: 0px 0px 5px 4px rgba(240,240,240, 0.7);
		}

		.carttitle {
			margin-bottom: 5px;
			border-bottom: 2px solid #FFF; 
			font-size: 12px;
			font-weight: bold; 
		}
		
		.has-dimensions {
			width: 220px;
			height: 356px;
		}
		
		.filecartbuttons {
			border-top: 2px solid white;
			padding-top: 2px;
		}
		
		
		/* Corner radius */
		.corner-all { border-radius: 3px; }
		
		
		
		#footer 						 { width: 100%; border-top: 1px solid #999; padding: 5px 0px 10px 0px; margin-top: 5px; font-size: 10px;	color: #999; letter-spacing: 0.1em; text-align: center; }
		#footer a.copy 			 { font-weight: bold; text-decoration: underline; color: #666;}
		#footer a.copy:hover { background-color: #963A39; color: #FFF; text-decoration: overline underline;}   
		

		
		table#quizlist a.ui-icon {
			background-color: rgba( 33, 55, 75, 0.9);
			margin: 0 auto;
			float: none;
			padding: 1;
			border-radius: 3px;
		}
		
		.smquimage {
			width: 45px;
			margin-top: 4px;
			margin-right: 3px;
		}