@font-face {
	font-family: 'Heebo1';
	src: url('/std/fonts/Heebo-Light.ttf') format('truetype');
	font-weight: normal;
}
@font-face { /* Regular-Font als Bold-Variante von Heebo1 angeben, verhindert hässliche künstlich hochgerechnete Fett-Schrift */
	font-family: 'HeeboR';
	src: url('/std/fonts/Heebo-Regular.ttf') format('truetype');
	font-weight: bold;
}

@font-face {
	font-family: 'Heebo2';
	src: url('/std/fonts/Heebo-Regular.ttf') format('truetype');
}

body {
	font-family:'Heebo1', sans-serif;
	font-size: 1vw;
	background-color: white;
	color: black;
	border: 0;
	margin: 1vw 0 0 5vw;
	padding: 0;

	overflow: hidden;
	overflow-y: scroll;
}

#kopf {
	position: relative;
	background-color: white;
	width: 90vw;
	height: 5vw;
	border: 1px solid silver;
	box-shadow: 0.3vw 0.3vw 0.3vw #DBDBDB;

	margin-bottom: 1.5em;
}

#ecl_logo {
	position: absolute;
	top: 1.7vw;
	left: 3vw;
	width: 6vw;
}

#logo {
	position: absolute;
	top: 1vw;
	left: 40vw;
	width: 10vw;
}

#sprachblock {
	position: absolute;
	top: 2vw;
	width: 7vw;
	right: 3vw;
	font-size: 0.8vw;
}

h1 {font-size: 1.5em;margin: 0;}

h2 {
	margin: 0;
	margin-bottom: 1vw;
	width: 100vw;
}
h2:hover {color: #4F9E00;}

h3 {
	margin: 8px 0 0 0;
	width: 100vw;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}
h3:hover {color: #4F9E00;}

h4 {font-size: 1.1em;margin: 0;}

p {width: 100vw;}

table { font-size: 1em; }

.block_sc {
	position: relative;

	background-color: white;
	padding: 1vw 2vw 2vw 2vw;
	float: left;
	width: 39.8vw;
	margin-right: 2vw;
	margin-bottom: 2vw;
	border: 1px solid silver;
	box-shadow: 0.3vw 0.3vw 0.3vw #DBDBDB;
	height: 70vh;
	overflow: hidden;
	overflow-y: visible;
}

.block {
	position: relative;

	background-color: white;
	padding: 3vw;
	float: left;
	width: 38vw;
	margin-right: 2vw;
	margin-bottom: 2vw;
	border: 1px solid silver;
	box-shadow: 0.3vw 0.3vw 0.3vw #DBDBDB;
}

.doppelblock {

	background-color: white;
	padding: 2vw;
	float: left;
	width: 90vw;
	border: 1px solid silver;
	box-shadow: 0.3vw 0.3vw 0.3vw #DBDBDB;
}

#gruppenblock {
	height: 50vh;
	background-color: #ECF8FE;
	overflow-x: hidden;
	overflow-y: scroll;
}

input[type="text"] {

}

input[type="submit"] {

	padding: 0.1vw;
	width: 2vw;
	margin-bottom: 1vw;
}

input, textarea, select {
	background-color: #ECF8FE;
	border: 1px solid silver;	/* fallback, lassen */
	border: 1px solid silver;
	padding: 0.1vw;

	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3 px;
}

textarea{
	left: 0px;
}

select {
	height:1.8em;
}

.radius_1 {
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
}

thead {
	margin-bottom: 0.2vw;
}


/********** KOPF ************/



.fehler {
	color:red;
	margin-left:21px;
}
.error {
	color:red;

}


label{

	color: #222;
}

#titel{
	position: absolute;
	width: 1000px;
	text-align: center;
	top: 72px;
	font-weight: bold;
	color: #FFF;
}

a {
	font-weight: normal;

	color: black;
	text-decoration: none;
	display: block;
	float: left;
}

a.inlinelink {
	font-size: inherit;
	color: #339966;
	text-decoration: underline;
	display: inline;
	float:none;
}
.wegweiser a.inlinelink {
	font-size:1.2em;
	color: #4F9E00;
	text-decoration: none;
	line-height:170%
}
.wegweiser a.inlinelink:hover {
	color: #4F9E00;
	text-decoration: underline;
}


.textlink:hover{
	text-decoration: underline;
}

.textlink{
	font-size:8pt;
	color: teal;
	display: inline;
}

#links{
	position: absolute;
	width: 200px;
	text-align: center;
	top: 0px;
	height: 100%;
	font-weight: bold;
	color: #FFF;
}


#linkbalken{
	position: absolute;
	bottom: 0;
	left: 200px;
	height: 20px;
	width: 800px;
	background: #222;
	opacity: 0.75;
	-ms-filter: "alpha(opacity=75)";
	filter:alpha(opacity=75);
}

#linkliste{
	position: absolute;
	bottom: 0;
	left: 212px;
	height: 20px;
	width: 800px;
	background: transparent;
}

#linkliste a{
	font-weight: bold;
	font-size: 10pt;
	color: #FFF;
	padding: 2px 10px 0 5px;
	border-left: 2px solid white;
	height: 18px;
	width: auto;
	float: left;
}

#menuliste{
	position: absolute;
	top: 180px;
	left: 0px;
	height: 15px;
	width: 200px;
	background: transparent;
}

#menuliste a{
	font-weight: bold;
	font-size: 10pt;
	color: #FFF;
	margin-bottom: 1px;
	padding: 10px;
	width: auto;
}

div.sug {
	position:absolute;
	background-color:#F7FFF0;
	border:1px solid #5080a0;
	border-radius: 0 0 3px 3px;
	}
div.sug div {
	cursor:default; padding:0px 3px;
	}
div.sug div.cur {
	color:#5080a0;
	background-color:#b0e0ff;
	}


.mabox{
	position: relative;
	margin-bottom: 20px;
}

.mabox img{}

.mbname{
	position: absolute;
	top: 0;
	left: 230px;
}

.mbfunktion{
	position: absolute;
	bottom: 0;
	left: 230px;
}

.radius{
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

.zugang_button {
	position: absolute;
	right: 30px;
	margin-top: -30px;
	font-size: 1em;
	width: 230px;
	border: 1px solid silver;
	padding: 2px;
	background-color: transparent;
	color: white;
	text-align: center;
}
.zugang_button:hover {
	background-color: #C8C8C8;
}

.notok_button {
	border: 1px solid silver;
	padding: 1%;
	background-color:#EEEEEE;
	color: black;
	text-align: center;
	width: 50%;
	font-weight: normal;
	display: block;
}

.disp_button {
	position: relative;
	font-size: 1em;
	border: 1px solid silver;
	padding: 2px 5px 2px 5px;
	margin-right: 5px;
	background-color: white;
	color: black;
}

.inline_button {
	position: relative;
	font-size: 1em;
	border: 1px solid silver;
	padding: 0.4em 0.6em;
	margin-bottom:0.2em;
	margin-right: 5px;
	background-color:#EEEEEE;
	background-color: #ADE2FA;
	background-color: #E7F6FE;
	color: black;
	cursor:pointer;
}

.anok_button {
	font-size: 1em;
	border: 1% solid silver;
	padding: 1%;
	background-color: #ADE2FA;
	background-color: #E7F6FE;
	color: black;
	cursor: pointer;
	text-align: center;
	width: 10%;
	position: absolute;
}

.anok_button:hover {
	background-color: white;
	color: #4F9E00;
}

.anok_button_h {
	float: left;
}

.gruppen_button {
	width: 99%;
	border: 1px solid silver;
	padding: 0.5vw 0 0.5vw 0;
	margin-bottom: 0.3vw;
	cursor:pointer;
	font-size: 1em;
	text-align: center;
	background-color: #ADE2FA;
	background-color: #E7F6FE;

	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}

.gruppen_button:hover {
	background-color: white;
	color: black;
}

.gruppen_button_aktive {
	background-color: #5080A0;
	color: white;
}

.kursblock {
//	background-color: #EEEEEE;
	margin-bottom: 10px;
	display: block;
}

.kurslink {
	display: block;
	width: 36vw;
	padding: 0.1vw;
}

.kurslink:hover {
	color: black;
	background: #E7F6FE;
	background: #FFDA7C;
	cursor: pointer;
}

.kurslinkakt {
	font-weight: bold;
	cursor: default;
}

.zeile {
	background-color: #E6F5F0;
}

.td_button {
	font-size: 1em;
	border: 1px solid silver;
	padding: 2px;
	background-color: #ADE2FA;
	background-color: #E7F6FE;
	color: black;
	cursor: pointer;
	text-align: center;
	width: 130px;
	cursor: context-menu;
}
.td_button:hover {
	background-color: white;
	color: #4F9E00;
}

.aktiv {
	background-color: #FFFFDB;
}

.passiv {
	background-color: #666666;
	color: white;
}

.maschinen_button {
	width: 400px;
}

.maschinen_button:hover {
	background-color: #00CC66;
}

#listen {
	position: relative;
	margin-top: 20px;
	left: 0px;
}

.kursliste {
	font-size: 10pt;
	width: 100%;
	padding: 1%;
	margin: 0;
	padding: 0;
}

.kursliste td {
	margin: 0;
	padding: 0;
}

th {
	margin: 0;
	padding: 0 0 0 5px;
	background-color: #EEEEEE;
	background-color: white;
	text-align: left;
}

td {text-align: left;}

.overmark {
	cursor: pointer;
	display: block;
	margin-bottom: 1px;
}

.overmark:hover, .inline_button:hover {
	background-color: white;
	color: #4F9E00;
	cursor: pointer;
}
.overmark_pass {
	cursor: pointer;
	display: block;
	padding: 1%;
	border: 1px solid silver;
	width: 100%;
	background-color: #DEDEDE;
	color: white;
	margin-bottom: 1%;
}

.overmark_pass:hover {
	background-color: white;
	color: #4F9E00;
	cursor: pointer;
}
.inline_button.disabled {
	opacity:0.35;
	cursor:default;
}
.inline_button.disabled:hover {
	background-color: #ADE2FA;
	background-color: #E7F6FE;
	color: black;
}
.inline_button.flach {
	height:1.5em;
	padding:0.1em 0.5em;
	margin-left:1em
}

table.liste {
	border-collapse: collapse;
	width:100%;
	clear:both;
}
table.liste tr td {
	cursor:pointer;
}
table.liste tr:hover, table.liste tr.active {
	background-color: #ADE2FA;
	background-color: #E7F6FE;
}

.highlight {
	background-color:#81AA81  ;
	-webkit-transition: background-color 2s; /* Safari */
		transition: background-color 2s;
}

/************/

.twoColForm:after, .clearfix:after {
		content: ".";
		clear: both;
		display: block;
		visibility: hidden;
		height: 0px;
}

.twoColForm label {
	width:35%;
	float:left;
	clear:left;
	font-size:85%;
}
.twoColForm input, .twoColForm textarea,  .twoColForm span.right, .twoColForm select  {
	width:65%;
	display:inline-block;
	/*float:left;*/
	margin-bottom:0.2em;
}
.twoColForm br {
	clear: both;
		display: block;
		visibility: hidden;
		height: 0px;
}
.twoColForm span.right {
	min-height:1.8em;
}
.twoColForm span.right input, .twoColForm span.right select {
	margin-bottom:0;
}