p{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

body, html{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;
	/*height: 100%;*/
	height:auto;
	font: 11px Arial, Helvetica, sans-serif;
	color: #333333;
}
a:link, a:visited {
	color: #333333;
}

a:hover {
	text-decoration: none;
}

input{
	margin-bottom: 6px;
	margin-right: 5px;
}

input:disabled, input:read-only
{
	opacity: 0.5 !important;
}

tr, td{
	font: 12px Arial, Helvetica, sans-serif;
	vertical-align: baseline;
}

h5 {
	font-size: 11px;
	margin-top: 4px;
	margin-bottom: 4px;
}

#header {
  display: flex;
  background-color: #94a8cc;
  width:100%;
  z-index: 1000;
}

.header_local
{
  background-color:#a1c57b !important;
}

.yep{
	height: 500px;
}
.nop{
	height: 0px;
}
#left
{
  float: left;
  margin-left: 5px;
  width:195px;
  height:100%;
  font-size: 10px;
}

#logo {
	float: left;
	padding-left: 10px;
	padding-top: 5px;
}

#logo h1 {
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 4px;
	font-size: 28px;
	font-weight: normal;
}

#logo h1 a {
	color: #FFFFFF;
}

#logo h2 {
	margin-top: 0px;
	margin-bottom: 4px;
	text-align: right;
	font-size: 12px;
	font-weight: normal;
}

#logo h2 a {
	color: #586BAA;
}
#logo #schulname {
	margin-top: 0px;
	margin-bottom: 4px;
	font-size: 12px;
	font-weight: bold;
}
#logo a {
	text-decoration: none;
	text-transform: lowercase;
	font-style: italic;
}
#pic {
	float: left;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: 10px;
}
#pic a img
{
  padding: 0;
  margin: 0;
  display: block;
}

#menu {
	float: left;
}

#menu ul {
	margin: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	width: 120px ;/* width: 140px; */
	height: 29px;
	margin-left: 3px;
	padding-top: 15px;
	background: #FFFFFF url(__images/img04.png) repeat-x;
	border: 1px solid #696969;
	text-align: center;
	text-decoration: none;
	color: #333333;
	font-weight: bold;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

#menu a:hover {
	color: #8b0000;
}

#menu .selected{
	background: #FFFFFF;
	border-bottom: 1px solid #ffffff;
	/* color: #006400; */
	color: #0041A3;
}
#left a:link, #left a:active, #left a:visited {
	color: #0041A3;
	font-size: 11px;
	text-decoration: none;
}
#left h3{
	font-size: 12px;
	font-weight: bold;
	padding: 4px;
}

#maincontent
{
	display: flex;
}

#right
{
	float: left;
	color:#222;
  	height:100%;
	margin-top: 10px;
	margin-left: 20px;

	background-color:#FFFFFF;  /* damit es beim Horizontal-Scrollen keine unschönen Überlappungen gibt (Kalender, Skills) */
	width: 1000px;					/* damit es beim Horizontal-Scrollen keine unschönen Überlappungen gibt (Kalender, Skills) */
}

#right_login
{
	position: relative;
	padding: 110px 0px 0px 20px;
	color:#222;
  	height:100%;
	margin: 50px 0px 0px 50px;

	background-color:#FFFFFF;  /* damit es beim Horizontal-Scrollen keine unschönen Überlappungen gibt (Kalender, Skills) */
	width: 1000px;					/* damit es beim Horizontal-Scrollen keine unschönen Überlappungen gibt (Kalender, Skills) */
}

#right H1
{
color: #0041A3;
margin: 0;
padding: 0;
font-size: 24px;
}

#right H2
{
color: #0041A3;
margin: 0;
padding: 0;
font-size: 18px;
}

#right h3
{
margin: 0;
padding: 0;
font-size: 12px;
}

#right p{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#footer {
	height: 40px;
	width: 100%;
	padding: 0px 0px 0px 0px;
	background: #E2E2E2;
	border-top: 5px solid #B0B1B3;
	text-align: center;
}

#footer p {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #0041A3;
}

#footer a {
	color: #0041A3;
}

#footer a:hover {
	color: #FF0000;
}
.small p {
	margin: 0;
	font-size: 10px;
}

/* CALENDAR STYLES */

.month{
    width:195px;
    float:left;
    border:1px solid #aaaaaa;
    margin-right: 5px;
	 margin-top:5px;
    border-collapse:collapse;
}

.month td {
    border:1px solid #ddd;
    color:#555;
    padding:3px;
    text-align:right;
}

.month th {
    padding:5px;
	background-image: url(../includes/myCalendar/style/images/header_bg.gif);
	background-color: #ffffff;
	background-repeat: repeat-x;
    color:#fff;
}

.month .heading {
    color:#000000;
}

.actday{
	background-image: url(../includes/myCalendar/style/images/hbg.gif);
	background-repeat: repeat-x;
    color:#fff;
    font-weight:bold;
}

.days{
    background-color:#f1f1f1;
}

.days a:link, .days a:visited {
	color: #333333;
}

.gap_left_menu {
	height: 10px;
	width:   1px;
}

.tooltip{
	display:none;
	background: transparent url(__images/tooltip/white_arrow_full.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#000;
	z-index: 1001;
}
label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic;
	font-size: 9px;
	margin-top: -5px;
	display: block;
}

.draggable {
	float: left;
	text-align: center;
	width: 145px;
	margin: 4px 4px 4px 4px;
	cursor: pointer;
	background-color: #FBE4D3;/*#dcdcdc;*/
	border: 1px solid #666666;
}
.lfv_td{
	vertical-align: middle;
	border-bottom:1px solid #cacaca;
	width: 35px;
	font-size: 11px;
}
.lfv_active{
	background-color: #80FF84;
	color: #ff0000;
	/*border: 1px solid #339900;*/
	vertical-align:middle;
	padding: 1px 1px 2px 1px;
}
.ui-widget-content .lfv_active a{
	color: #39434b;
	text-decoration:none;
	font-size:11px;
}
.lfv_active_fk{
	background-color:#80FF84;
	border: 1px solid #36A200;
	vertical-align:middle;
	padding: 1px 1px 2px 1px;
}
.ui-widget-content .lfv_active_fk a{
	color:#009900;
	text-decoration:none;
	font-size:11px;
}
.lfv_inactive{
	vertical-align:middle;
	padding: 1px 1px 2px 1px;
}
.ui-widget-content .lfv_inactive a{
	color:#ababab;
	text-decoration:none;
	font-size:11px;
}
.lfv_inactive_fk{
	vertical-align:middle;
	border: 1px solid #36A200;
	padding: 1px 1px 2px 1px;
}
.supp{
	clear: both;
	font-size: 12px;/* 10px; */
	background: #DA70D6; /*= orchid*/ /*#e7fce8;*/
	color: #222222; 	/*color: #a9a9a9;*/
	width: 224px;
	height: 18px;
	margin: 0 0 0 0;
	padding: 2px 0 0 0;
}
.supp_multi{
	clear: both;
	font-size: 12px;/* 10px; */
	background: #C031B9;
	color: #222222; 	/*color: #a9a9a9;*/
	width: 224px;
	height: 18px;
	margin: 0 0 0 0;
	padding: 2px 0 0 0;
}
.no_supp{
	clear: both;
	font-size: 12px;/* 10px; */
	background: #F3D3F2; /*#ECB9EA#BBEEEE #dff0ff;*/
	width: 224px;
	height: 18px;
	margin: 0 0 0 0;
	padding: 2px 0 0 0;
	color: #222222; /*color: #b22222;*/
}
supp_block{
	clear: both;
	width: 224px;
	height: 14px;
}
.supp_selected{
	clear: both;
	width: 224px;
	height: 30px;
	border: 2px solid red;
	margin: -1px 0 3px 0;
	padding: 0 0 0 0;
}
.supp_spacer{
	clear: both;
	width: 224px;
	height: 5px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.supp_lp{
	position:relative;
	float:left;
	width:60px;
	color: #222222; /* color: #006400; */
	font-weight: bold;
}
.supp_lp_plus{
	position:relative;
	float:left;
	width:20px;
	color: #222222; /* color: #006400; */
	font-weight: bold;
}
.supp_lp_plus_2{
	position:relative;
	float:left;
	width:12px;
	color: #222222; /* color: #006400; */
	font-weight: bold;
	margin-right: 3px;
}
.supp_lp img{
	position:relative;float:left;
	margin: 2px 0 0 10px;
	cursor: pointer;
}
.supp_lp_plus img{
	position:relative;float:left;
	margin: 2px 0 0 10px;
	cursor: pointer;
}
.supp_lp_plus_2 img{
	position:relative;float:left;
	margin: 2px 0 0 10px;
	cursor: pointer;
}
.ui-widget-content .lfv_inactive_fk a{
	color:#009900;
	text-decoration:none;
	font-size:11px;
}
.blocked{
	vertical-align: middle;
	background-color: #ffe342;
	padding: 1px 1px 2px 1px;
}
.unblocked{
	vertical-align: middle;
	padding: 1px 1px 2px 1px;
}
.farbcode{
	font-size: 10px;
	width: 188px;
	position: relative;
	float: left;
	margin: 3px 3px 3px 3px;
	padding: 0px 1px 2px 1px;
	text-align: center;
}
.ui-widget-content .blocked a,.ui-widget-content .unblocked a{
	color: #6c6c6c;
	text-decoration:none;
	font-size:11px;
}
#dialog_link {
    padding: 0.4em 1em 0.4em 20px;
    position: relative;
    text-decoration: none;
}
.cal table { background-color:#FFFFFF; border-right:1px solid #CCCCCC; border-top:1px solid #CCCCCC; }
.cal td { font-family:Arial; font-size: 8pt; height:18px; padding:1px; border-bottom:1px solid #CCCCCC;  vertical-align:middle;}

.monatsname {
	font-family:Arial;
	font-size: 7pt;
	vertical-align:middle;
	font-weight: bold;
	text-align:center;
	border-left:1px solid #AAAAAA;
	border-bottom:1px solid #AAAAAA;
	background-color:#EEEEFF;
}

.monatsname_next {
	font-family:Arial;
	font-size: 7pt;
	vertical-align:middle;
	font-weight: bold;
	text-align:center;
	border-left:1px solid #AAAAAA;
	border-bottom:1px solid #AAAAAA;
	/*background-color:#de0000;*/
	background-image: url(__images/red_stripes.png);
	background-color: #ffffff;
	background-repeat: repeat;
}

.monatsname_last {
	font-family:Arial;
	font-size: 7pt;
	vertical-align:middle;
	font-weight: bold;
	text-align:center;
	border-left:1px solid #AAAAAA;
	border-bottom:1px solid #AAAAAA;
	/*background-color:#de0000;*/
	background-image: url(__images/yellow_stripes.png);
	background-color: #ffffff;
	background-repeat: repeat;
}

.monatsname_a { font-family:Arial; font-size: 7pt; vertical-align:middle; font-weight: bold; text-align:center; border-bottom:1px solid #AAAAAA; background-color:#EEEEFF }
a:link, a:visited, a:active { color: #000000; text-decoration: none; }
a:hover { text-decoration: none; }
td.tag_Off,td.tagWE_Off{ text-align:center; vertical-align:middle; font-size: 7pt; border-left: 1px solid #CCCCCC;  background-color: #ededed;  color: #d2d2d2;  }
td.tag_Off2,td.tagWE_Off2,td.text1_Off,td.text2_Off { text-align:center; vertical-align:middle; font-size: 7pt; border-left: 0px solid #CCCCCC;  background-color: #ededed;  color: #d2d2d2;  }
td.tag { text-align:center; vertical-align:middle; font-size: 7pt; border-left: 1px solid #CCCCCC;}
td.tagWE { text-align:center; vertical-align:middle; background-color:#DCF1BE; font-size: 7pt; border-left: 1px solid #CCCCCC; color:#666666; font-weight:bold;}
td.tag2  { text-align:center; vertical-align:middle; font-size: 7pt;}
td.tagWE2 { text-align:center; vertical-align:middle; background-color:#DCF1BE; font-size: 7pt; color:#666666; font-weight:bold;}
td.zellen3 { border-left:1px solid #CCCCCC; vertical-align:middle;}

/*td.text1 { text-align:left; vertical-align:middle; white-space:nowrap; width:90px; overflow:hidden; font-size: 7pt;  cursor: pointer;}*/
/*td.text2 { text-align:left; vertical-align:middle; white-space:nowrap; width:90px; overflow:hidden;  font-size: 7pt;  cursor: pointer;}*/
td.text1 { text-align:left; vertical-align:middle; white-space:nowrap; width:70px; overflow:hidden; font-size: 7pt; }
td.text2 { text-align:left; vertical-align:middle; white-space:nowrap; width:70px; overflow:hidden; font-size: 7pt; }

.titel_titel {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 26px;
	font-style:normal;
	font-weight: normal;
}

.titel_verlag {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
}

.willkommen {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #0041A3;
}

.login_area {
	font-family:Verdana, Geneva, sans-serif;
}

.verd {
	font-family: Verdana;
}

.normaltext {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 12px;
}

.redtext {
  color: #FF0000;
}

.blacktext {
  color: #000000;
}

.greytext {
  color: #707070;
}

.redtext_on_grey {
  color: #FF0000;
  background-color:#eee;
}

.blacktext_on_grey {
  color: #555555;
  background-color:#eee;
}

.bluetext_on_grey {
  color: #3A62FF;
  background-color:#eee;
}

#select_klassen {
  border: 1px solid #d3d3d3;
}

#select_lehrer {
  border: 1px solid #d3d3d3;
}

#select_fach {
  border: 1px solid #d3d3d3;
}




.font9V {
	font-size: 	 9px !important;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.font9Vbold {
	font-size: 	 9px !important;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.font10V {
	font-size: 	 10px !important;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.font10Vbold {
	font-size: 	 10px !important;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.font11V {
	font-size: 	 11px !important;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.font11Vbold {
	font-size: 	 11px !important;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.font12V {
	font-size: 	 12px !important;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.font12Vbold {
	font-size: 	 12px !important;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.font13V {
	font-size: 	 13px !important;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.font13Vbold {
	font-size: 	 13px !important;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.font14V {
	font-size: 	 14px !important;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.font14Vbold {
	font-size: 	 14px !important;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.font14Tbold {
	font-size: 	 14px !important;
	font-weight: bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.font15V {
	font-size: 	 15px !important;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.font15Vbold {
	font-size: 	 15px !important;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}