body {
	font-family: 'Catamaran', sans-serif;
	background-color: #f9fbe7;
	    font-weight: 200;
	    line-height: 1.4;
	margin:0px;
	padding:0px;
	height:100%;
}
h1 {
	font-family: 'Catamaran', sans-serif;
	font-weight: 200;
	line-height: 1.4;
	font-size: 2.8vw;
}
hr {
	background-color: #88AD30;
	color: #88AD30;
	height: 1px;
	}

table {
    width:80%;
}
table, th, td {
    border: 0px solid #88AD30;
    border-collapse: collapse;
}
th, td {
    padding: 5px;
    text-align: center;
}
table#t01 tr:nth-child(even) {
    background-color: #dbe6c0;
    color: black;
}
table#t01 tr:nth-child(odd) {
   background-color:#e7eed5;
   color: black;
}
table#t01 th	{
    background-color: #88AD30;
    color: white;
}	
table#t01 a:link{
	color: black;
	text-decoration: none;
}
table#t01 a:visited{
	color: black;
	text-decoration: none;
}
table#t01 a:hover{
	color: black;
	text-decoration: none;
}
table#t01 a:active{
	color: black;
	text-decoration: none;
}	
.edit {
	margin: auto;
	width: 60%;
}
.editBox {
	float: left;
	text-align: center;

}
.aboutTeacherTextBox {
	width: 250px;
	height: 50px;
}
.editGreenRecktangle {
	background-color: #88AD30;
	width: 300px;
	height: 30px;
	margin-left: 20px;

	}
.triangleArrow {
	width: 0;
height: 0;
border-style: solid;
border-width: 30px 50px 0 50px;
border-color: #88ad30 transparent transparent transparent;
}
.editGrayRecktangle {
	background-color: #76787a;
	width: 300px;
	height: 500px;
	margin-left: 20px;
	color: white;
	font-size: 15px;

	}

	.editGreen1Recktangle {
	background-color: #e7eed5;
	width: 300px;
	height: 500px;
	margin-left: 20px;
	color: white;
	font-size: 15px;
	color: black;

	}
 .editGreenRecktangleText{
 	margin:; auto;
 	color: white;
 	font-size: 20px;
 }

.questions{
	background-color: #e7eed5;
	width: 80%;
	margin-left: auto;
	margin-bottom: auto;
	margin-right: auto;
}
.questionsText{
	text-align: justify;
	font-size: 16px;
	margin-left: 20px;
	margin-right: 20px;
}
.questionsSubtitleText{
	font-size: 21px;
	text-align: center;
	color: #93b544;
}
.questionsQuestionText{
	font-size: 18px;
	text-align: center;
	color: #9fbd59;
}
.logoTextPart1 {
	float:right;
	color: #88AD30;
	padding-right:100px;
	padding-top:20px;
}
.logoTextPart2 {
	float: right;
	color: #76787a;
	padding-top:20px;

}
.logoTop{
	
	width: 100%;
	
}
.homeLeftFooter {
	
	float: left;
	width: 60%;
	height: auto;
}
.homeLeft {
	list-style-type: none;
	float: right;
	width: 50%;
	height: auto;
}
.homeContainer{
	background-color: #e7eed5;
	width: 80%;
	max-height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 60px; 
}
.homeLeftTitle{
	font-size: 25px;
	text-align: center;
	color: #88AD30;
	z-index: -1;
}
.homeLeftText {
	text-align: justify;
	font-size: 16px;
	margin: auto;
	width: 80%;
	z-index: -1;
	padding-top: 60px;
}
	

.homeRight {
	list-style-type: none;
	float: right;
	width: 50%;
	height: auto;
	font-size: 18px;

}
.homeRightFooter {
	
	float: left;
	width: 40%;
	height: auto;
	font-size: 18px;

}
.loginButton{
	border:0px;
	background-color: #838587;
	border-radius: 0px;
	color: white;
	font-family: 'Catamaran', sans-serif;
	font-weight: 200;
	    line-height: 1.4;
	font-size: 22px;
	width: 200px;
}
.loginButton:hover{
	background-color: #88AD30;
	cursor: pointer;
}
.singleButton {
	font-size: 22px;
	color: white;
	width: 200px;
	height: 30px;
	text-align: center;
	background-color: #838587;
}

.singleButton:hover{
	background-color: #88AD30;
}
.singleButton a:link{
	color: white;
	text-decoration: none;
}
.singleButton a:visited{
	color: white;
	text-decoration: none;
}
.singleButton a:hover{
	color: white;
	text-decoration: none;
}
.singleButton a:active{
	color: white;
	text-decoration: none;
}
.loginIcon {
	
	margin-top: 50px;
	margin-left: 50px;
	margin-right: 50px;
	margin-left: 50px;
	width: 200px;
	height: 200px;
}
.loginIconTeacher {
	
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-left: 0px;
	width: 270px;
	height: 270px;
}
.loginGreenRecktangle {
	background-color: #88AD30;
	width: 100%;
	height: 300px;
	}
	.loginGreenRecktangle_thin {
	background-color: #88AD30;
	width: 300px;
	height: 300px;
	}
	
.loginGrayRecktangle {
	background-color: #76787a;
	width: 300px;
	height: 300px;
	}
	.loginGrayRecktangle_long {
	background-color: #76787a;
	width: 100%;
	height: 210px;
	}
	.loginGrayRecktangleTeacherLeft {
	background-color: #76787a;
	width: 100%;
	height: 2550px;
	}
	.login_text {
		color: white;
		font-size: 16px;
	}
.email_link {
		color: white;
		font-size: 24px;
	}

.menuElement {
	z-index: 5;
	list-style-type: none;
	border:0px;
	font-size: 1.20vw;
	float: right;
	color: white;
	width: 12vw;
	font-family: 'Catamaran', sans-serif;
	height: 3vw;
	min-height: 25px;
	text-align: center;
	background-color: #76787a;
}
.logo {
	z-index: 5;
	list-style-type: none;
	border:0px;
	font-size: 16px;
	float: left;
	color: white;
	
	font-family: 'Catamaran', sans-serif;
	
	text-align: center;
	background-color: #76787a;
}
.img_logo {
	height: 8vw;
	margin-left: auto;
	margin-right: auto;



}

.menuElement:hover{
	background-color: #88AD30;
	cursor: pointer;
}
.menuElement a{
	display: block;
    padding: 8px;
}

.menuElement a:link{
	color: white;
	text-decoration: none;

}
.menuElement a:visited{
	color: white;
	text-decoration: none;
}
.menuElement a:hover{
	color: white;
	text-decoration: none;
}
.menuElement a:active{
	color: white;
	text-decoration: none;
}

.topGreenBar {
	background-color: #88AD30;
	width: auto;
	height: 20px;

}
.topGrayBar {
	
	background-color: #76787a;
	width: auto;
	height: 3vw;
	min-height: 25px;
	margin-top: -23px;


}

#wrapper {
	height: 100%;
	position:relative;
	
}
.bottomGreenBarMobiles {
	display: none;
	
}
.bottomGreenBar {
	background-color: #76787a;
	width: 100%;
	height: 3vw;
	min-height: 25px;
	position: absolute;
	bottom: 10px;
	
}
.bottomGrayBar {
	background-color: #88AD30;
	width: 100%;
	height: 10px;
	color: #88AD30;
	position: absolute;
	bottom: 0px;
	
}
.videoHome {
	width: 70%    !important;
    height: auto   !important;
    margin: auto;
    vertical-align: middle;
}
ul {

    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;

}
ol > li > ul {
  display:none;
}

ol > li:hover > ul {
  display:block;
}

.txtBox {
	
	font-family: 'Catamaran', sans-serif;
	font-weight: 200;
	line-height: 1.4;

	
}
.txtBoxM {
	
	font-family: 'Catamaran', sans-serif;
	font-weight: 200;
	line-height: 1.4;
	width: 45%;
	
}
.txtBoxEmail {
	font-family: 'Catamaran', sans-serif;
	font-weight: 200;
	line-height: 1.4;
	width: 45%;
    height: 150px;
    


}
.img_social {

	height: 2vw;
	margin-bottom: 80px;
	min-height: 15px;
}
.topGrayBarMobiles {
	display: none;
	background-color: #76787a;
	width: 30%;
	height: auto;
	
}
@media screen and (max-width: 900px) {

	.bottomGreenBarMobiles {
	display: inline-table;
	background-color: #76787a;
	width: 100%;
	height: auto;
	
}

.img_social {
height: 2vw;
	margin-bottom: 80px;
	min-height: 35px;
	
}
.bottomGreenBar {
	display: none;
	
}

	.img_logo {
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;



}
	h1 {
	font-family: 'Catamaran', sans-serif;
	font-weight: 200;
	line-height: 1.4;
	font-size: 5vw;
}
.logoTextPart1 {
	float:right;
	color: #88AD30;
	padding-right:100px;
	padding-top:20px;
}
.logoTextPart2 {
	float: right;
	color: #76787a;
	padding-top:20px;

}

ol > li > ul {
  display: none;
}
ol > li:hover > ul {
   display: none;
}
ul {

    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;

}
.menuElement {
	font-size: 16px;
	width: 45%;
	border:0px;
	
	color: white;
	
	font-family: 'Catamaran', sans-serif;
	font-weight: 200;
	line-height: 1.4;
	height: 30px;
	text-align: center;
	vertical-align: middle;
	background-color: #76787a;
	padding-bottom: 20px;
	
}

.topGrayBar {
	display: none;
	background-color: #76787a;
	width: 30%;
	height: auto;
	
}
.topGrayBarMobiles {
	display: inline-table;
	background-color: #76787a;
	width: 100%;
	height: auto;
	
}


.homeLeft {
	float: none;
	margin: auto;
	height: auto;
	width: 90%;

	
	
}
.homeRight {
	float: none;
	margin: auto;
	height: auto;
	width: 90%;

	
}
.loginGrayRecktangleTeacherLeft {
	background-color: #76787a;
	width: 100%;
	height: 3000px;
	}
.txtBoxM {
	
	font-family: 'Catamaran', sans-serif;
	font-weight: 200;
	line-height: 1.4;
	width: 70%;
	
}
.videoHome {
	padding: 10px 0 0 0;
	width: 100%    !important;
    height: auto   !important;

}

}