/**
 * Global Styles
 */
@import url('inc/f.css');
html, body, #logo a, div.menu ul {
	background-color:#0c0c0c; /*#111*/ /*#1a1a1a*/;
	margin:0; padding:0;
}
body, body * {
	font-family:/*Verdana,*/fmd,sans-serif;
	font-size:18.5px;
	font-weight:normal;
	/*font-size:13.9pt;*/
	/*letter-spacing:-0.025em;*/
	color:#595959;
	-moz-text-shadow:0px 0px 1px #444;
	-webkit-text-shadow:0px 0px 1px #444;
	text-shadow:0px 0px 1px #444;
	letter-spacing:1px;


	margin:0; padding:0;

	/** fake antialias **/
	/*text-shadow:0px 0px 2px;*/
}
a, a:visited { text-decoration:none; }
a:hover, a:active, a:focus {
	outline:none;  /** removes Firefoxs dotted link border **/
	/*color:#7893ff;*/ /*text-decoration:underline; background-color:#344186;*/
}
div.loader {
	background:transparent; /* url('inc/loader01.gif') 50% 50% no-repeat */
}
input { outline:none; }


/**
 * Text Styles
 */
*.small { font-size:0.73em; /*0.73em*/ letter-spacing:1px; }  *.small * { font-size:1em; letter-spacing:1.5px; }
*.smaller { font-size:0.6em /*0.56em*/; /*font-size:10px;*/ }  *.smaller * { font-size:1em; }
*.smaller, *.smaller * { letter-spacing:2px; /*letter-spacing:1.5px;*/ }
*.smallest { font-size:0.5em; }  *.smallest * { font-size:1em; }
#foot { font-size:0.58em; }  #foot * { font-size:1em; }
*.bold { font-weight:700; }
*.thin { font-family:flt,fth,sans-serif; font-weight:100; }

*.darkest, *.darkest * { color:#1c1c1c;
	-moz-text-shadow:none; -webkit-text-shadow:none; text-shadow:none;
}
*.darker, *.darker *, th { color:#505050; /*#3b3b3b;*/
	-moz-text-shadow:0px 0px 1px #282828; -webkit-text-shadow:0px 0px 1px #282828; text-shadow:0px 0px 1px #282828;
	/*-moz-text-shadow:0px 0px 1px #222; -webkit-text-shadow:0px 0px 1px #222; text-shadow:0px 0px 1px #222;*/
}
*.dark, *.dark * { color:#555;
	-moz-text-shadow:0px 0px 1px #333; -webkit-text-shadow:0px 0px 1px #333; text-shadow:0px 0px 1px #333;
}
*.white, *.white * { color:#fff;
	-moz-text-shadow:0px 0px 1px #aaa; -webkit-text-shadow:0px 0px 1px #aaa; text-shadow:0px 0px 1px #aaa;
}
*.lighter, *.lighter *, td, td * { color:#777;
	-moz-text-shadow:0px 0px 1px #444; -webkit-text-shadow:0px 0px 1px #444; text-shadow:0px 0px 1px #444;
}
*.highlight, *.highlight>a, *.highlight input,
a:hover, a:active, a:focus { color:#627ce9; /* #6883fc; */  /* #637ff1; */
	-moz-text-shadow:0px 0px 1px #46d; -webkit-text-shadow:0px 0px 1px #46d; text-shadow:0px 0px 1px #46d;
}

/*.wrap { white-space:normal; word-wrap:break-word; }*/







/**
 * The Top-Bar
 */
#head { /*border:1px solid #440;*/
	position:relative; z-index:10;
	margin:81px auto 0 auto;
	width:982px; max-width:100%;
	/*height:159px;*/
	text-align:left;
}





/**
 * Logo
 */
#logo { /*border:1px solid #440;*/
	position:relative; float:left;
	width:355px; max-width:80%;
	margin:-8px 0 20px 0;
	height:80px;
	cursor:pointer\9;
}
#logo a { /*border:1px solid #660;*/
	position:absolute; display:block;
	left:0; top:0; width:330px; /*max-width:96%;*/ height:100%;
	text-align:right;
	padding-right:60px;
	background-image:url('inc/logo02.png');
	background-position:50% 4px;
	background-repeat:no-repeat;
	cursor:pointer\9;
}
* html #logo a { background-image:url(); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='inc/logo02.png', sizingMethod='crop'); left:55px; top:5px; }
#logo h1, #logo h2 {
  font-family:fth,sans-serif;
	font-size:35px;
	font-weight:100;
	letter-spacing:-0.02em;
	white-space:nowrap;

	position:relative; left:-9999px;

}





div.scroller div.mesurer {
	width:100%; height:1px;
}





/**
 * Menu
 */
#navi { /*border:1px solid #440;*/
	position:relative; float:left;
}


div.menu, div.menuright { /*border:1px dashed #440; margin:-1px;*/
	position:relative; float:left;
	top:-13px; top:-12px\9;
	width:197px; min-width:197px\9; max-width:100%;
	height:85px;
	white-space:nowrap;
	z-index:0;
} /*div.menu:hover, div.menuright:hover { height:auto; background:transaprent; }*/
div.menu {
  width:394px; min-width:394px\9; max-width:90%;
	z-index:10;
}
div.menu ul, div.menuright ul {
	position:relative;
	padding:10px 0 5px 0;
	/*width:197px; min-width:197px\9;*/ max-width:100%;
	list-style-type:none;
}
div.menu ul li, div.menuright ul li, div.menu div.tools {
	width:117px;
	padding:0 40px;
	line-height:1.3em;
}
div.submenu ul li, div.menu div.tools {
	padding:0 40px 0 30px;
}
div.submenu ul li {
	position:relative; width:100px;
	margin:0;
	vertical-align:top;
	line-height:1.6em;
	height:1.6em;
}

div.menu ul ul { background:transparent; }
div.menu ul li div.submenu {
	position:absolute;
	left:197px; top:0; padding:10px 0; width:200px; min-width:200px;
	visibility:hidden;
	background:#2a2a2a;
}
div.menu ul li div.submenu ul { padding:0; }

/** menu hover **/
div.menu ul ul { height:70px; overflow:hidden; }
div.menu:hover ul ul { height:auto; overflow:visible; }
div.menu ul li div.submenu { min-height:0; }
div.menu:hover ul li div.submenu { min-height:100%; }
div.menu ul li.over { display:none }
div.menu:hover ul li.over { display:list-item; }
div.menu ul ul li.over { display:none; }
div.menu:hover ul ul li.over { display:list-item; }


div.menu ul li.highlight div.submenu				{ visibility:visible; }
div.menu:hover ul li.highlight div.submenu	{ visibility:hidden; }
div.menu ul li:hover div.submenu						{ visibility:visible !important; }
div.menu ul li { background:transparent url('inc/arrow-b02.gif') -100px 50% no-repeat; }
div.menu ul li.highlight				{ background-position:188px 50%; }
div.menu:hover ul li.highlight	{ background-position:-100px 50%; }
div.menu ul li:hover						{ background-position:188px 50% !important; }
div.submenu ul li { background:transparent url(); }

/** expand too long submenu items **/
div.menu ul ul li a { /*border:1px dotted yellow;*/
	position:absolute;
	overflow:hidden;
	background:#2a2a2a;
	width:145px;
} div.menu ul ul li:hover a {
	width:auto; padding:0 10px 0 0;
	overflow:visible;
}
div.menu ul ul li a .fader { /*border:1px dotted yellow;*/
	position:absolute; right:0; top:0; width:15px; height:100%;
	/* Legacy browsers */
	background:url('inc/menu-fader-gradient.png') right top repeat-y;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Internet Explorer */
	*background: none;
	background: none\0/;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr=#002a2a2a, endColorstr=#ff2a2a2a);
	/* Recent browsers */
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(42,42,42,0)), to(rgba(42,42,42,1)));
	background-image: -webkit-linear-gradient(left, rgba(42,42,42,0), rgba(42,42,42,1));
	background-image: -moz-linear-gradient(left, rgba(42,42,42,0), rgba(42,42,42,1));
	background-image: -o-linear-gradient(left, rgba(42,42,42,0), rgba(42,42,42,1));
	background-image: linear-gradient(left, rgba(42,42,42,0), rgba(42,42,42,1));
}








/**
 * Centered Main Content Container
 */
#main { /*border:1px solid yellow; margin:-1px;*/
	position:relative; margin:61px auto;
	width:980px; max-width:100%;
}





/**
 * Start Page
 */
#main.start div.slides {
	position:relative;
	overflow:hidden;
	max-width:100%;
}
#main.start img {
	position:relative;
	left:0; top:0;
	width:100%;
	border:0;
}





/**
 * Gallery Browsing
 */
#main.gallery a.thumb, #main.gallery div.imgNew {
	position:relative; display:block; float:left;
	width:193px; max-width:49%; height:133px;
	margin:0 3px 3px 0;
	overflow:hidden;
	text-align:middle;
	vertical-align:middle;
	background-color:#2a2a2a;
}
#main.gallery div.middler { /*border:1px solid yellow;*/
	position:absolute; overflow:visible; border:0;
	left:-50%; width:200%; height:200%;
	/*top:50%; margin-top:-500px; line-height:1000px;*/
	text-align:center;
}
*html #main.gallery div.middler { top:0; margin-top:0; }
#main.gallery div.middler img {
	min-width:50.5%;  min-height:50.5%;
	max-width:75%; max-height:100%;
	vertical-align:middle;
	margin:auto auto;
	border:0;
}
#main.gallery a .overlay {
	position:absolute;
	left:0; top:0; width:101%; height:101%;
	background:transparent;
}
#main.gallery a .magnifier {
	position:absolute;
	left:0; top:0; width:100%; height:100%;
	background:transparent url('inc/magnifier01.png') 50% -999px no-repeat;
	cursor:pointer;
}
* html #main.gallery a:hover .magnifier { background-image:url(); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='inc/magnifier01.png', sizingMethod='crop'); left:80px; top:50px; }
#main.gallery a:hover .overlay, #main.gallery a:focus .overlay, #main.gallery a:active .overlay {
	background-color:#000;
	-moz-opacity:0.60;
  -webkit-opacity:0.60;
  -khtml-opacity:0.60;
	filter: alpha(opacity=60);
  -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
  opacity:0.60;
}
#main.gallery a:hover .magnifier, #main.gallery a:focus .magnifier, #main.gallery a:active .magnifier {
	background-position:50% 50%;
}
#main .title {
	display:none;
}
#main .description {
	position:relative;
	text-align:left;
	margin:1em 0 0 0;

	/*text-indent:100px; white-space:nowrap; overflow:hidden;
	position:absolute; left:-200px; top:200px;
	width:50px; height:1em;*/
	/*-moz-box-sizing:border-box;*/         /*border-box,padding-box*/
	/*-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:0 0 0 50px;*/

	/*display:none;*/
}
#main .words {
	display:none;
}
.tooltip {
	position:absolute;
	width:300px;
	height:auto;
	max-width:90%;
	padding:8px 12px;
	/*border:1px solid #000;*/
	background:#111 /*#0c0c0c*/;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	border-radius:16px;
	-webkit-box-shadow:0px 5px 10px #000;
	-moz-box-shadow:0px 5px 10px #000;
	box-shadow:0px 5px 10px #000;
	cursor:pointer;
}



/**
 * Fullscreen Image View
 */
.imageView {
	position:absolute /*fixed*/; z-index:10;
	left:0; top:0; width:100%; height:100%; overflow:hidden;
	background-color:#0c0c0c;
}
.imageView div.middler {
	position:absolute; overflow:visible; border:0; z-index:0;
	/** old: screen filling image view model **
	left:-50%; width:200%; height:200%;
	top:50%; margin-top:-1000px; line-height:2000px;
	text-align:center;
	*/
	/** new: always show full image model **/
	left:0; top:0; width:100%; height:100%;
	text-align:center;
}

.imageView div.middler a,
.imageView div.middler div.window {
	display:block; z-index:100;
	/** new: always show full image model **/
	position:absolute;
	left:0; top:0;
	width:100%; height:100%;
	background:url('inc/blank.gif') repeat;
}
.imageView div.middler a {
	z-index:110; cursor:crosshair;
}
/** old: screen filling image view model **
* html .imageView div.middler { top:0; margin-top:0; }
*/
.imageView div.middler img {
	/** old: screen filling image view model **
	min-width:51%; min-height:51%;
	max-width:75%;
	height:50%\9;
	vertical-align:middle;
	*/
	/** new: always show full image model **/
	height:100%;
	max-width:100%; max-height:100%;
	border:0;
}
@media only screen and (orientation:portrait) {
	/*
	.imageView div.middler { display:table-cell; vertical-align:middle; }
	.imageView div.middler a { height:auto; }
	*/
	.imageView div.middler img {
		width:100%; height:auto;
	}
}


/** hack gc12 --> works also in all others **/
/*body:nth-of-type(1) .imageView div.middler { cursor:vertical-text; }*/
/** custom js cursor **/
.imageView div.middler div.cursor.minifier {
	position:absolute; display:none; z-index:1000;
	/*left:50%; top:50%;*/
	/*margin:4px 0 0 14px;*/
	margin:-14px 0 0 -11px;
	width:32px; height:32px;
	background:transparent url('inc/minifier04.png') 50% 50% no-repeat;
}


.imageView *.prev, .imageView *.next {
	position:absolute; display:block; overflow:hidden;
	/*top:50%; margin-top:-60px;*/
	width:80px; max-width:10%; min-width:35px;
	/*height:120px; max-height:25%; min-height:70px;*/
	top:0; height:100%;
	text-align:left;
	cursor:pointer;
}
.imageView *.prev { left:0; }
.imageView *.next { right:0; }
.imageView *.prev *.bg, .imageView *.next *.bg {
	position:absolute;
	width:100%; height:120px; max-height:25%; min-height:110px;
	top:50%; margin-top:-60px;
	background:#1a1a1a;
	-moz-opacity:0.75;
  -webkit-opacity:0.75;
  -khtml-opacity:0.75;
	filter: alpha(opacity=75);
  -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=75)';
  opacity:0.75;
}
.imageView *.prev:hover *.bg, .imageView *.next:hover *.bg {
	background:#333;
}
.imageView *.arrow {
	position:absolute;
	width:35px; height:70px;
	left:50%; top:50%; margin:-35px 0 0 -18px;
	text-align:left; text-indent:-999px;
	color:#ccc;
	font-size:300%;
	background:transparent 50% 50% no-repeat;
}
.imageView *.prev *.arrow { background-image:url('inc/arrowL01.png'); }
* html .imageView *.prev *.arrow { background-image:url(); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='inc/arrowL01.png', sizingMethod='crop'); }
.imageView *.next *.arrow { background-image:url('inc/arrowR01.png'); }
* html .imageView *.next *.arrow { background-image:url(); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='inc/arrowR01.png', sizingMethod='crop'); }

img.LowRes {
	/**
	 * Low quality IMG resampling
	 * seems to speed up animations in ie and ff
	 */
	image-rendering:-moz-crisp-edges;
	image-rendering:-webkit-optimize-contrast;
	-ms-interpolation-mode:nearest-neighbor;
}
.fxCamFlash {
	display:none; position:absolute; z-index:100;
	left:0; top:0; width:100%; height:100%;
	background-color:#fff;
}







/**
 * Clients and Contact Pages
 */
table {
	width:980px; max-width:100%;
	margin:61px auto 3em auto;

	border-collapse:collapse;
	border-spacing:0 0;
	border:0;

	table-layout:fixed; /*overflow:hidden;*/

	-moz-box-sizing:border-box;         /*border-box,padding-box*/
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
col.th { width:394px; }
th { /*border:1px solid blue; margin:-1px;*/
	width:394px; /*width:309px\9;*/
	padding:0 67px 0 0; /*padding-right:0\9;*/
	margin:0;

	-moz-box-sizing:border-box;         /*border-box,padding-box*/
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
th, th * {
	font-weight:normal;
	text-align:right;
	vertical-align:top;
}
td, col.td { width:293px; /*230px;*/ }
td { /*border:1px solid green; margin:-1px;*/
	padding:0 0 1em 0;
	text-align:left;
	vertical-align:top;
	/*white-space:nowrap;*/
	line-height:1.4em;

	-moz-box-sizing:border-box;         /*border-box,padding-box*/
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
td.doubleWidth, col.td.doubleWidth { width:586px; /*465px;*/ }










/**
 * Fixed Footline
 */
#foot {
  clear:both;
	position:/*relative*/ fixed; z-index:20;
	bottom:0;
	width:100%;
	padding:7px 0;
	/*line-height:1.7em;
	vertical-align:middle;*/
	/*background-color:#000;
	background-color:rgba(0,0,0,0.75);*/
}
#foot .bg {
	position:absolute;
	left:0; top:0; width:100%; height:100%;
	background:#000;
	-moz-opacity:0.75;
  -webkit-opacity:0.75;
  -khtml-opacity:0.75;
	filter: alpha(opacity=75);
  -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=75)';
  opacity:0.75;
}
#foot div.centered {
	position:relative;
	margin:0 auto;
	width:980px;
	max-width:100%;
	text-align:left;
}
#foot div.centered span.padding {
	padding-left:5px;
}
#foot div.right {
	/*position:absolute;
	top:0; right:0;
	text-align:right;*/
	position:relative;
	float:right;
}
#foot div.right span.padding {
	padding-right:10px;
	z-index:10;
}
#foot .imgInfo {  /*border:1px dotted yellow;*/
	position:absolute;
	left:20%; top:0; width:60%;
	text-align:center;
	z-index:0;
}
/** Hide Footer Contact Data while ImageView **/
div.imageViewFoot span.phone,
div.imageViewFoot span.mail {
	display:none;
}








/**
 * Backend CMS
 */
form.login {
	position:relative; float:right; display:block;
	text-align:left; white-space:nowrap;
	padding:0 1em 0 0;
	/*position:absolute; z-index:100;
	right:0; top:0;
	width:200px;
	text-align:left;

	margin:20px; padding:5px 20px;
	background-color:#333;
	border:4px solid rgba(128, 128, 128, 0.5);
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;

	-moz-box-shadow:0px 0px 20px #444;
	-webkit-box-shadow:0px 0px 20px #444;
	box-shadow:0px 0px 20px #444;*/
}
form.login * {
	font-weight:normal;
	font-size:13px;
}
form.login .input {
	position:relative; /*display:inline-block;*/
	float:left; margin:0 16px 0 0;
	width:150px; height:17px;
}
form.login .input label, form.login .input input {
	position:absolute; display:block;
	left:0; top:0;
	width:150px;
	padding:4px 8px;

	border:0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;

	-moz-box-sizing:border-box;         /*border-box,padding-box*/
	-webkit-box-sizing:border-box;
	box-sizing:padding-box;
}
form.login .input label {
	font-family:sans-serif;
	background:#fff; color:#ccc;
	-moz-text-shadow:none; -webkit-text-shadow:none; text-shadow:none;
}
form.login .input input {
	background:transparent; color:#000;
	white-space:nowrap;
	font-family:sans-serif;

	-moz-box-shadow:inset 1px 1px 3px #505050;
	-webkit-box-shadow:inset 1px 1px 3px #505050;
	box-shadow:inset 1px 1px 3px #505050;
	border:1px solid #000\9;
}
form.login input.submit {
	position:relative;
	background:#6883fc; color:#fff;
	padding:3px 8px;
	border:1px solid #000;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
form.login .error {
	position:relative; display:inline-block;
	font-family:sans-serif;
	color:#000;
	/*font-weight:bold;*/
	-moz-text-shadow:none; -webkit-text-shadow:none; text-shadow:none;
	margin:0 5px;
}
/*a.logout {
	position:absolute; display:block;
	right:0; top:0;
	margin:5px 20px;
}*/
.cmsTopBar {
	position:fixed; position:absolute\9;
	display:block; z-index:1000;
	left:0; top:0; /*right:15px;*/
	width:100%;
	padding:5px 0;
	text-align:right;
	font-family:sans-serif;
	color:#aaa;
	-moz-text-shadow:none; -webkit-text-shadow:none; text-shadow:none;
	background:#88c;
	background:-webkit-gradient(linear, left top, left bottom, from(#aae), to(#559));
	background:-webkit-linear-gradient(top, #aae, #559);
	background:-moz-linear-gradient(top, #aae, #559);
	background:-o-linear-gradient(top, #aae, #559);
	background:linear-gradient(top, #aae, #559);
}
.cmsTopBar.err {
	color:#000;
	background:#c88;
	background:-webkit-gradient(linear, left top, left bottom, from(#eaa), to(#955));
	background:-webkit-linear-gradient(top, #eaa, #955);
	background:-moz-linear-gradient(top, #eaa, #955);
	background:-o-linear-gradient(top, #eaa, #955);
	background:linear-gradient(top, #eaa, #955);
}
.cmsTopBar a, .mceEditor td.menu a {
	position:relative; padding:0 20px;
	font-family:sans-serif;
	color:#000;
	-moz-text-shadow:none; -webkit-text-shadow:none; text-shadow:none;
}
.mceEditor td.menu .mceButton {
	width:auto;
	color:#aaa;
	-moz-text-shadow:none; -webkit-text-shadow:none; text-shadow:none;
	white-space:nowrap;
	background:url('inc/button_bg_black_repeat.png') 0 0 repeat-x;
	vertical-align:middle;
	line-height:22px;
	
}
.mceToolbar *, .mceMenu * {
	color:#000;
	-moz-text-shadow:none; -webkit-text-shadow:none; text-shadow:none;
}

.menu a ul {
	position:absolute;
	width:100px; height:100px; border:1px solid red;
	display:none;
}
.menu a:hover ul { display:block; }

/* --v1
textarea.edit {
	border:0;
	background:#ddd;
	resize:none;
}
*/

.editor { /*border:1px solid red; margin:-1;*/
	position:relative; margin:0 auto 61px auto;
	width:980px; max-width:100%;
}
.editor textarea.tinymce {
	width:980px; height:300px;
	resize:none;
}
.mceContentBody table { margin:0; }


/*.myVisualAidClass th, .myVisualAidClass td { border:1px dashed #333; }*/
.mceItemTable, .mceItemTable td, .mceItemTable th, .mceItemTable caption, .mceItemVisualAid {border: 1px dashed #444;}

/* content in the rich text editor
that shall not be edited by the user
'cause it is important for the javascript part*/
*.replace { color:#633; }



/** Menu Editor **/
.menu .sortArrow {
	position:absolute; left:10px; top:0; width:20px; height:20px;
	background:transparent url('inc/sortable01.gif') 0 50% no-repeat;
	display:none;
} div.submenu:hover .sortArrow { display:block; cursor:pointer; }
.menu input.inplace {
	border:1px solid #555; margin:0; padding:0;
	outline:none;  /** removes Safaris blue input highlight **/
	/*position:relative; left:-1px;*/
	background:transparent;
	text-transform:uppercase;
	width:140px;
}
.menu input.inplace:focus, .menu input.inplace:hover, .menu input.inplace:active {
	border:1px solid #000;
	background:#fff;
	color:#000;
	-moz-text-shadow:none; -webkit-text-shadow:none; text-shadow:none;
}
/*
.menu .renameButton {
	position:absolute; right:20px; top:0; width:20px; height:20px;
	background:transparent url('inc/comment3.gif') 50% 50% no-repeat;
	display:none;
} div.submenu:hover .renameButton { display:block; cursor:pointer; }
.menu .trashButton {
	position:absolute; right:5px; top:0; width:20px; height:20px;
	background:transparent url('inc/delete3.gif') 50% 50% no-repeat;
	display:none;
} div.submenu:hover .trashButton { display:block; cursor:pointer; }
*/
div.menu .tools {
	margin:-5px 0 0 0;
	position:absolute; top:100%;
	background-color:#444;
	display:none;
} div.menu:hover .tools { display:block; }
div.menu .tools i {
	font-style:normal;
	color:#000;
}


/** Gallery+Webspace Editor **/
/** Upload Forms **/
iframe.upload, iframe.abort {
	position:absolute; overflow:hidden;
	left:-999px; top:-999px;
	width:0; height:0;

	float:left; margin:1em 2em 3em 2em;
	width:400px; height:200px;
	background:#aaa;
}

div.upload {
	position:relative; float:left;
	cursor:text;
	text-align:left\9;
}
div.imgNew form.upload {
	position:absolute;
	width:100%; height:100%;
}
form.upload {
	text-align:center;
	overflow:hidden;
}
div.upload div.file {
	position:relative; margin-bottom:16px;
	width:193px; min-height:33px;
	text-align:center;
	background-color:#2a2a2a;
}
div.imgNew div.file {
	position:absolute;
	top:40px; width:193px; height:40px; overflow:hidden;
}
div.upload div.file div.replacer {
	position:absolute; z-index:0;
	left:0; top:7px;
	width:193px;
	height:50px; vertical-align:middle;
}
div.upload div.file:hover div.replacer { color:#627ce9; }

div.upload div.hider {
	position:absolute; z-index:2; overflow:hidden;
	left:0; top:0;
	width:193px;
	height:50px;
}
div.upload div.file input.file {
	position:absolute; z-index:2;
	-moz-opacity:0;
  -webkit-opacity:0;
  -khtml-opacity:0;
	filter: alpha(opacity=0);
  -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
	opacity:0;
	right:15px; top:0;
	height:50px;
  cursor:pointer; cursor:hand;
}
div.upload div.file input.file.oneline {
	right:-70px;
}

div.upload div.status {
	display:none;
	position:absolute; border-top:1px solid #000;
	left:0; bottom:0; width:100%; height:16px;
	background:#666;
	background:-webkit-gradient(linear, left top, left bottom, from(#333), to(#aaa));
	background:-webkit-linear-gradient(top, #333, #aaa);
	background:-moz-linear-gradient(top, #333, #aaa);
	background:-o-linear-gradient(top, #333, #aaa);
	background:linear-gradient(top, #333, #aaa);
}
div.upload div.status div.progress {
	position:absolute;
	left:0; top:0; width:10%; min-width:2px; height:100%;
	background:#0c0;
	background:-webkit-gradient(linear, left top, left bottom, from(#6f6), to(#080));
	background:-webkit-linear-gradient(top, #6f6, #080);
	background:-moz-linear-gradient(top, #6f6, #080);
	background:-o-linear-gradient(top, #6f6, #080);
	background:linear-gradient(top, #6f6, #080);
}
div.upload div.status div.display {
	position:absolute;
	left:0; top:0; width:100%; height:100%;
	text-align:center; vertical-align:middle;
	font-size:11px;
	background:transparent;
	color:#fff;
}
div.upload div.status a.abort {
	position:absolute;
	left:100%; top:-5px;
}





#main.gallery .sortDiv {
	position:relative; display:block; float:left;
	width:193px; max-width:49%; height:133px;
	margin:0 3px 3px 0;
	overflow:hidden;
	text-align:middle;
	vertical-align:middle;
	background-color:#2a2a2a;
}
.gallery .sortArrow {
	position:absolute; left:0; top:0; width:20px; height:17px;
	background:#aaa url('inc/sortable02.gif') 50% 50% no-repeat;
	cursor:move;
}
.gallery .editImg {
	position:absolute; left:60px; top:0; width:auto; height:17px;
	background:#aaa;
	padding:0 8px;
	color:#000;
	font-family:sans-serif;
	font-size:12px;
	-moz-text-shadow:none; -webkit-text-shadow:none; text-shadow:none;
	cursor:pointer;
}
.gallery .removeImg {
	position:absolute; right:20px; top:0; width:20px; height:17px;
	background:#aaa url('inc/trash_(delete)_16x16.gif') 50% 0 no-repeat;
	cursor:pointer;
}

.imgEditor, .imgEditor * {
	color:#000;
	font-family:sans-serif;
	-moz-text-shadow:none; -webkit-text-shadow:none; text-shadow:none;
}
.imgEditor {
	position:absolute; z-index:1000;
	left:0; top:0; width:100%; height:100%;
	background:#444; background:rgba(0,0,0,0.8);
}
.imgEditor .thumbRect {
	position:absolute;
	background:#000;
}
.imgEditor img.cropImg {
	position:absolute;
	border:3px solid #ff0;
	margin:-3px;
	cursor:move;
}
.imgEditor .overlay {
	position:absolute;
	background:#444; background:rgba(0,0,0,0.8);
}




div.seo, div.seo h1, form.seo, .seo label, .seo textarea {
	font-family:sans-serif; font-size:13px;
	margin:0;
	color:#000;
	-moz-text-shadow:none; -webkit-text-shadow:none; text-shadow:none;
}
div.seo h1 { margin:0 0 0.5em 0; }
div.seo {
	margin:6em 0 7em 0;
	padding:1em 1em 4em 1em;
	background:#ccc;
	text-align:left;
}
form.seo input {
	font-family:sans-serif; font-size:13px;
	max-width:95%;
	margin:0 0 5px 0;
	font-weight:normal;
	color:#000;
	-moz-text-shadow:none;
	-webkit-text-shadow:none;
	text-shadow:none;
}
form.seo input.submit {
	padding:0 0.5em;
}
.seo input {
	vertical-align:middle;
}



.editor.webspace {
	text-align:left;
	margin-top:61px;
	border:2px solid #2a2a2a;
	padding:0 0.5em 0.5em 0.5em;
}
.editor.webspace table {
	table-layout:auto;
	margin:0;
}
.editor.webspace table td, .editor.webspace table a {
	/*font-family:monospace;*/
	font-weight:normal;
	text-shadow:none;
	vertical-align:top;
}
.editor.webspace table td input.link {
	width:25em;
	min-width:25em; max-width:100%;
	vertical-align:top;

	color:#000;
	font-family:monospace;
	font-weight:normal;
	text-shadow:none;
}

a.button, a.button:link, a.button:visited, input.button {
	cursor:pointer;
	font-weight:bold !important;
	border:1px solid #000;
	position:relative; top:-3px;
	margin:0 auto;
	padding:0 6px 2px 6px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	color:#000;
	background:#666;
	background:-webkit-gradient(linear, left top, left bottom, from(#ddd), to(#444));
	background:-webkit-linear-gradient(top, #ddd, #444);
	background:-moz-linear-gradient(top, #ddd, #444);
	background:-o-linear-gradient(top, #ddd, #444);
	background:linear-gradient(top, #ddd, #444);
}
a.button:hover, a.button:active, input.button:hover, input.button:active {
	border:1px solid #08f;
	/*-moz-outline:2px solid #08f; -webkit-outline:2px solid #08f; outline:2px solid #08f;
	-webkit-outline-radius:6px; -moz-outline-radius:6px; outline-radius:6px;*/
	-webkit-box-shadow:0 0 3px #08f;
	-moz-box-shadow:0 0 3px #08f;
	box-shadow:0 0 3px #08f;
	color:#036;
}
a.button:focus, input.button:focus {
	outline:1px dotted #08f;
}

div.diskinfo {
	position:relative;
	width:100%; height:1em;
	color:#fff;
	background:#112211;
	/*background:-webkit-gradient(linear, left top, left bottom, from(#6f6), to(#080));
	background:-webkit-linear-gradient(top, #0d0, #080);
	background:-moz-linear-gradient(top, #aaa, #080);
	background:-o-linear-gradient(top, #0d0, #080);
	background:linear-gradient(top, #0d0, #040);*/
}
div.diskinfo span.display {
	position:absolute; right:5px; top:-4px; height:100%;
	color:#fff;
	background:transparent;
}
div.diskinfo div.page {
	position:absolute; left:0; top:0; width:10%; height:100%;
	min-width:3px;
	background:#888;
	background:-webkit-gradient(linear, left top, left bottom, from(#bbb), to(#444));
	background:-webkit-linear-gradient(top, #bbb, #444);
	background:-moz-linear-gradient(top, #bbb, #444);
	background:-o-linear-gradient(top, #bbb, #444);
	background:linear-gradient(top, #bbb, #444);
}
div.diskinfo div.imgs {
	position:absolute; left:0; top:0; width:20%; height:100%;
	min-width:3px;
	background:#00c;
	background:-webkit-gradient(linear, left top, left bottom, from(#66f), to(#008));
	background:-webkit-linear-gradient(top, #66f, #008);
	background:-moz-linear-gradient(top, #66f, #008);
	background:-o-linear-gradient(top, #66f, #008);
	background:linear-gradient(top, #66f, #008);
}
div.diskinfo div.docs {
	position:absolute; left:0; top:0; width:30%; height:100%;
	min-width:3px;
	background:#cc0;
	background:-webkit-gradient(linear, left top, left bottom, from(#ff0), to(#800));
	background:-webkit-linear-gradient(top, #ff0, #800);
	background:-moz-linear-gradient(top, #ff0, #800);
	background:-o-linear-gradient(top, #ff0, #800);
	background:linear-gradient(top, #ff0, #800);
}







/**
 * Global Styles to overwrite earlier Styles
 */
/** hiding the cursor: **/
*.noCursor {
	/*doesn't work: cursor:url('inc/minifier01-32px.gif');*/
	cursor:crosshair; /*default*/
  /** for ff3, angbl Sf5 **/
	cursor:none;
	/** blank gif --> works on ff5, ie8, sf4win **/
	/*cursor:url('inc/blank.gif'), vertical-text;*/
	/** one pixel gif or png --> works also on gc **/
	cursor:url('inc/cursor01.png')
  /** fallback for op11 --> crashes ie hack **/
	, vertical-text;          /*not-allowed, no-drop*/
  /** ie all **/
	cursor:url('inc/blank.cur')\9;
}






/**
 * Mobile Optimization (handheld, iphone, android,...)
 * --> now it's done in the HTML head and JS
 */
/*@media only screen and (max-device-width:480px), only screen and (max-device-height:480px), handheld {
}*/
/** testings **
@media screen {
	#foot { background-color:#0ff; }
}*/