@charset "utf-8";
/* CSS Document */

.back {
	width: 375px;
	height: 635px;
}

.background {
	background-image:url(https://www.sle.kit.edu/img/hintergrund2.png); 
	background-repeat:no-repeat;
	width: 375px;
	height: 635px;
	z-index: +1;
	position:relative;
	top: -512px;
}

.olivearrowlight {
	background:url(https://www.sle.kit.edu/img/lightolivearrow.png);
	background-repeat:no-repeat;
	background-position: 220px 51px;
	z-index: 0;
	height: 43px;
	width: 240px; 
	padding-left: 220px;
	padding-top: 85px;
	position: relative;
}

.olivearrow {
	background-image:url(https://www.sle.kit.edu/img/olivearrow.png);
	background-repeat:no-repeat;
	background-position: 220px 1px;
	z-index: 0;
	height: 43px;
	width: 240px; 
	padding-left: 220px;
	padding-top: 35px;
	position: relative;
}

.greenarrowlight {
	background-image:url(https://www.sle.kit.edu/img/lightgreenarrow.png);
	background-repeat:no-repeat;
	background-position: 220px 3px;
	z-index: 0;
	height: 43px;
	width: 240px; 
	padding-left: 220px;
	padding-top: 35px;
	position: relative;
}

.greenarrow {
	background-image:url(https://www.sle.kit.edu/img/greenarrow.png);
	background-repeat:no-repeat;
	background-position: 220px 3px;
	z-index: 0;
	height: 43px;
	width: 240px; 
	padding-left: 220px;
	padding-top: 35px;
	position: relative;
}

.bluearrowlight {
	background-image:url(https://www.sle.kit.edu/img/lightbluearrow.png);
	background-repeat:no-repeat;
	background-position: 220px 4px;
	z-index: 0;
	height: 43px;
	width: 240px; 
	padding-left: 220px;
	padding-top: 35px;
	position: relative;
}

.bluearrow {
	background-image:url(https://www.sle.kit.edu/img/bluearrow.png);
	background-repeat:no-repeat;
	background-position: 220px 5px;
	z-index: 0;
	height: 43px;
	width: 240px; 
	padding-left: 220px;
	padding-top: 35px;
	position: relative;
}

.text65 {
	font-size: 18px;
	font-family: source-sans-pro, sans-serif;
	color: rgba(255,252,252,1.00);
	line-height: 16px;
	font-weight:600;
	cursor: pointer;
	margin-top: -58px;
	margin-left: 175px; 
	position: absolute;
	z-index: +2;
}

.text65:hover {
	color: rgba(0,0,0,1.00);
}

.text63 {
	font-size: 18px;
	font-family: source-sans-pro, sans-serif;
	color: rgba(255,252,252,1.00);
	font-weight:600;
	cursor: pointer;
	margin-top: -54px;
	margin-left: 175px; 
	position: absolute;
	z-index: +2;
}

.text63:hover {
	color: rgba(0,0,0,1.00);
}

.text61 {
	font-size: 18px;
	font-family: source-sans-pro, sans-serif;
	color: rgba(255,252,252,1.00);
	font-weight:600;
	cursor: pointer;
	margin-top: -49px;
	margin-left: 175px; 
	position: absolute;
	z-index: +2;
}

.text61:hover {
	color: rgba(0,0,0,1.00);
}

#textbox {
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 30px; 
	font-family: source-sans-pro, sans-serif;
    font-size: 14px ;
    font-weight: 400;
    color: rgba(255,255,255,1.00);
	cursor:pointer;
}

.panel1 {
	display: none;
	border-radius: 10px;
	border: none !important ;
	background: rgba(155,155,155,1.00);
	height: 80px;
	width: 235px;
	left: 165px;
	top: -20px;
	float: left; 
	clear: left;
	z-index: +15;
	position: relative;
 }
 
  .panel2 {
	display: none;
	border-radius: 10px;
	border: none !important ;
	background: rgba(155,155,155,1.00);
	height: 80px;
	width: 235px;
	left: 165px;
	top: -20px;
	float: left; 
	clear: left;
	z-index: +14;
	position: relative;
 }
 
   .panel3 {
	display: none;
	border-radius: 10px;
	border: none !important ;
	background: rgba(155,155,155,1.00);
	height: 115px;
	width: 235px;
	left: 165px;
	top: -19px;
	float: left; 
	clear: left;
	z-index: +13;
	position: relative;
 }
 
    .panel4 {
	display: none;
	border-radius: 10px;
	border: none !important ;
	background: rgba(155,155,155,1.00);
	height: 100px;
	width: 235px;
	left: 165px;
	top: -18px;
	float: left; 
	clear: left;
	z-index: +12;
	position: relative;
 }
 
    .panel5 {
	display: none;
	border-radius: 10px;
	border: none !important ;
	background: rgba(155,155,155,1.00);
	height: 145px;
	width: 235px;
	left: 165px;
	top: -223px;
	float: left; 
	clear: left;
	z-index: +11;
	position: relative;
 }

    .panel6 {
	display: none;
	border-radius: 10px;
	border: none !important ;
	background: rgba(155,155,155,1.00);
	height: 125px;
	width: 235px;
	left: 165px;
	top: -202px;
	float: left; 
	clear: left;
	z-index: +10;
	position: relative;
 }