body, th, td, input { font-family: arial; font-size: 14px; }
body { background: #aaa; margin: 0; padding: 8px; }
.page { margin: 0 auto; width: 1000px; background: #eee; box-shadow: 0 0 8px #000; padding: 0; min-height: 400px; border-radius: 8px; }
.header { }
.header .block { position: relative;
	background: #024 url(../../main/img/img_earth.jpg) no-repeat 50% 5%;
	background-size: 100%;
	border-radius: 8px 8px 0 0;
}
.header .block .logo { height: 100px; float: left; margin: 10px; cursor: pointer; }
.header .block .title { float: left; /*color: #000;*/ margin-left: 20px; line-height: 100px; padding-top: 10px; font-size: 30px; cursor: pointer;
	color: #fff;
}
.header .block .institute { position: absolute; right: /*120px*/ /*235px*/ 350px; top: 10px; text-align: right; /*text-transform: uppercase;*/ font-size: 16px; /*color: #13a89e;*/
	color: #fff;
	text-shadow: 0 0 10px #000;
}
.header .block .institute .mtacsfk { font-size: 75%; }
.header .menu { background: #13a89e; color: #fff; font-weight: bold; padding: 5px 10px; margin-bottom: 10px; line-height: 1.5em; font-size: 13px; text-align: center;
	box-shadow: 0 0 5px #000;
	position: relative;
}
.header .menu a { color: #fff; font-weight: bold; text-decoration: none; white-space: nowrap; }
.header .menu a:hover { text-decoration: underline; }
.header .login { float: right; color: #000; }
.header .login .profile a { color: #000; font-weight: normal; }
.content { padding: 0 10px 10px 10px; }
.icon { float: left; width: 148px; height: 128px; text-align: center; text-decoration: none; cursor: pointer; background: #e8e8e8; margin: 0 10px 10px 0; overflow: hidden; border-radius: 10px; color: #444; font-weight: bold; box-shadow: 0 0 4px #aaa; position: relative; }
.icon img { height: 64px; display: block; margin: 5px auto; }
.icon .lnk { width: 16px; height: 16px; position: absolute; right: 10px; top: 4px; opacity: 0.3; }
.icon:hover { background: #e0e0e0; }
.icon .permission { font-size: 75%; font-weight: normal; }
h1 { margin-top: 0; }

.administration { height: 32px; float: right; cursor: pointer; opacity: 0.5; }
.administration:hover { opacity: 1; }

.al { text-align: left; }
.ac { text-align: center; }
.ar { text-align: right; }

.successMessage { background: #8f8; color: #000; border: 1px solid #0a0; padding: 10px; margin-bottom: 10px; font-weight: bold; }
.errorMessage { background: #f88; color: #000; border: 1px solid #f00; padding: 10px; margin-bottom: 10px; font-weight: bold; }
.infoMessage { background: #ffc; color: #000; border: 1px solid #cc8; padding: 10px; margin-bottom: 10px; font-weight: bold; }
.messageWindow { padding: 10px 10px 0 10px; font-size: 20px; position: fixed; width: 80%; left: 9%; top: 25%; box-shadow: 0 0 50px #000; border: 1px solid #000; border-radius: 10px; background: #ff0; z-index: 10000; cursor: pointer; }
.messageWindow div { border-radius: 5px; }

.back { text-decoration: none; font-weight: bold; color: #800; }
.back:hover { text-decoration: underline; }

.impresszum { text-align: center; padding-top: 8px; font-size: 12px; }
.impresszum a { text-decoration: none; color: #000; }
.impresszum a:hover { text-decoration: underline; }

.clear { clear: both; font-size: 0; line-height: 0; }