#typewriter{
	font-family: "Lucida Sans Unicode";
    &:after{
    	content: "|";
        animation: blink 500ms linear infinite alternate;
	}
}

@-webkit-keyframes blink{
    0%{opacity: 0;}
    100%{opacity: 1;}
}

@-moz-keyframes blink{
    0%{opacity: 0;}
    100%{opacity: 1;}
}

@keyframes blink{
    0%{opacity: 0;}
    100%{opacity: 1;}
}


#table_bunt {
	table-layout:fixed; 
	width:100%;
	border-collapse: separate; 
	border-spacing: 1vw solid; 
}

.table_bunt_2 {
	table-layout:fixed; 
	width:100%;
	border-collapse: collapse; 
	border: 0.2vw solid; 
	border-color: #777777;
}

.table_bunt_2 td, th {
font-size: 1.2vw; -webkit-transition: font-size .3s;
padding:0.7vw 0.7vw; -webkit-transition: padding .3s;
border-bottom:solid 0.2vw #777777; -webkit-transition: border-bottom .3s;
border-top:solid 0.2vw #777777; -webkit-transition: border-bottom .3s;
border-left:solid 0.2vw #777777; -webkit-transition: border-bottom .3s;
border-right:solid 0.2vw #777777; -webkit-transition: border-bottom .3s;
vertical-align:top;
text-align:left;
}

#normal_table td {
	padding-bottom: -0.5;
}


/******************************/
/* graurot	                  */
/******************************/

.folienframe_graurot {
	position: relative;
  	font-family: "Lucida Sans Unicode";
}
.folienframe_graurot:before {
	background-color: #E6E2E1;
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%;
}
.folienframe_graurot > .content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.folienframe_graurot #footer {
	background-color:#777777;
	color:#E6E2E1;
}
.folienframe_graurot #footer a {
	color:#E6E2E1;
}
.folienframe_graurot #footer_blanc a {
	color:#777777;
}
.folienframe_graurot #literatur a {
	color:#777777;
}


.folienframe_graurot #headline {
	position:absolute;
	height:auto;
	text-align:left; 
	margin-left:0vw; -webkit-transition: font-size .3s;
	top:4.0vw; -webkit-transition: font-size .3s;
	font-size: 4.0vw; -webkit-transition: font-size .3s;
	background-color:#DE5A51; 
	color:#F0EDE8; 
	padding-bottom: 0.0vw; 
	padding-left: 8vw;
	padding-right:1.2vw; 
	border-radius: 0.0vw;
}
.folienframe_graurot #textbox {
	position:absolute;
	height:auto;
	text-align:left; 
	margin-left:0vw; -webkit-transition: font-size .3s;
	top:12vw; -webkit-transition: font-size .3s;
	font-size: 3.0vw; -webkit-transition: font-size .3s;
/*	background-color:#AEFF00;  */
	color:#000000; 
	padding-bottom: 0.0vw; 
	padding-left: 8vw;
	padding-right:0.0vw; 
	border-radius: 0.0vw;
}
.folienframe_graurot mark {
	background-color: #777777; /* FF6C00*/
	/*  background-color:#7F462C; */
	color:#F0EDE8; 
	border-radius: 0.0vw;
}






.folienframe_graurot #bildfolie_header {
	position:relative;
	text-align:left; 
	background-color: #DE5A51;
	font-size: 4.5vw;
	padding-left: 4vw;
	padding-right: 1vw;
	color: #F0EDE8;
}

.folienframe_graurot #bildfolie_text {
	position:relative;
	text-align:left; 
	background-color: #DE5A51;
	font-size: 2.5vw;
	padding-left: 4vw;
	padding-right: 1vw;
	color: #F0EDE8;
}


.folienframe_graurot #linke_spalte {
	width: 40%;
	height: 70%;
	left: 5.7vw;
	top: 13vw;
}
.folienframe_graurot #rechte_spalte {
	width: 40%;
	height: 70%;
	right: 5.7vw;
	top: 13vw;
}

.folienframe_graurot #semester_table {
	background-color: #777777;
	color: #FFFFFF;
}
.folienframe_graurot #veranstaltung_table {
	background-color: #A8D08E;
}
.folienframe_graurot #lehre_table {
	background-color: #FFD965;
}
.folienframe_graurot #rest_table {
	background-color: #B3C6E7;
}

.folienframe_graurot #dreieck {
  width: 0;
  height: 0;
  border-left: 29.5vw solid transparent;
  border-right: 29.5vw solid transparent; 
  border-bottom: 14vw solid #6B88A1; /* #A8D08E, #DE5A51 , #777777, #F0EDE8*/
}




.kapitelfolie_graurot {
	position: relative;
  	font-family: "Lucida Sans Unicode";
}
.kapitelfolie_graurot:before {
	background-color: #E6E2E1;
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%;
}
.kapitelfolie_graurot > .content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.kapitelfolie_graurot #footer_blanc a {
	color:#777777;
}
.kapitelfolie_graurot #headline_kapitel {
	color:#FFFFFF;
}

.kapitelfolie_graurot #headline {
	position:absolute;
	height:auto;
	text-align:left; 
	margin-left:0vw; -webkit-transition: font-size .3s;
	top:4.0vw; -webkit-transition: font-size .3s;
	font-size: 4.0vw; -webkit-transition: font-size .3s;
	background-color:#DE5A51; 
	color:#FFFFFF; 
	padding-bottom: 0.0vw; 
	padding-left: 5vw;
	padding-right:0.8vw; 
	border-radius: 0.0vw;
}

.kapitelfolie_graurot #subheading {
	position:absolute;
	height:auto;
	text-align:left; 
	margin-left:0vw; -webkit-transition: font-size .3s;
	top:11.0vw; -webkit-transition: font-size .3s;
	font-size: 2.8vw; -webkit-transition: font-size .3s;
	color:#000000; 
	padding-bottom: 0.0vw; 
	padding-left: 5vw;
	padding-right:0.2vw; 
	border-radius: 0.0vw;
}


.kapitelfolie_graurot #subheading_2 {
	position:absolute;
	height:auto;
	text-align:left; 
	margin-left:0vw; -webkit-transition: font-size .3s;
	top:14.3vw; -webkit-transition: font-size .3s;
	font-size: 2.8vw; -webkit-transition: font-size .3s;
	color:#000000; 
	padding-bottom: 0.0vw; 
	padding-left: 5vw;
	padding-right:0.2vw; 
	border-radius: 0.0vw;
}


.kapitelfolie_graurot #project {
	position:absolute;
	height:auto;
	text-align:left; 
	margin-left:0vw; -webkit-transition: font-size .3s;
	bottom:7.5vw; -webkit-transition: font-size .3s;
	font-size: 2.8vw; -webkit-transition: font-size .3s;
	color:#777777;
	padding-bottom: 0.0vw; 
	padding-left: 5vw;
	padding-right:0.2vw; 
	border-radius: 0.0vw;
}

.kapitelfolie_graurot #incharge {
	position:absolute;
	height:auto;
	text-align:left; 
	margin-left:0vw; -webkit-transition: font-size .3s;
	bottom:4vw; -webkit-transition: font-size .3s;
	font-size: 2.8vw; -webkit-transition: font-size .3s;
	color:#777777;
	padding-bottom: 0.0vw; 
	padding-left: 5vw;
	padding-right:0.2vw; 
	border-radius: 0.0vw;
}



/******************************/
/* schwarz graurot		      */
/******************************/
.folienframe_schwarz_graurot {
  	position: relative;
  	font-family: "Lucida Sans Unicode";
}

.folienframe_schwarz_graurot:before {
	background-color: #000000;
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%;
}
.folienframe_schwarz_graurot > .content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.folienframe_schwarz_graurot #footer {
	background-color:#000000;
	color:#E6E2E1;
}
.folienframe_schwarz_graurot #footer a {
	color:#E6E2E1;
}
.folienframe_schwarz_graurot #footer_blanc a {
	color:#777777;
}
.folienframe_schwarz_graurot #headline {
	color:#E6E2E1;
}
.folienframe_schwarz_graurot #textbox {
	color:#E6E2E1;
	height: 72%;
}
.folienframe_schwarz_graurot #textbox_wide {
	color:#E6E2E1;
}
.folienframe_schwarz_graurot mark a {
	color:#E6E2E1;
}
.folienframe_schwarz_graurot mark {
/*	background-color:grey; */
	background-color:blue;
	color:#000000;
}

.folienframe_schwarz_graurot #bildunterschrift {
	color:#FFFFFF;
}
.folienframe_schwarz_graurot #nachweis {
	color:grey;
}


.folienframe_schwarz_graurot #bildfolie_header {
	position:relative;
	text-align:left; 
	background-color: #DE5A51;
	font-size: 4vw;
	padding-left: 4vw;
	padding-right: 1vw;
	color: #F0EDE8;
}

.folienframe_schwarz_graurot #bildfolie_text {
	position:relative;
	text-align:left; 
	background-color: #DE5A51;
	font-size: 2.5vw;
	padding-left: 4vw;
	padding-right: 1vw;
	color: #F0EDE8;
}


/******************************/
/* schwarz grauneongruenorange*/
/******************************/

.folienframe_schwarz_grauneongruenorange {
  	position: relative;
  	font-family: "Lucida Sans Unicode";
}

.folienframe_schwarz_grauneongruenorange:before {
	background-color: #000000;
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%;
}
.folienframe_schwarz_grauneongruenorange > .content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.folienframe_schwarz_grauneongruenorange #footer {
	background-color:#000000;
	color:#FFFFFF;
}
.folienframe_schwarz_grauneongruenorange #footer a {
	color:#FFFFFF;
}
.folienframe_schwarz_grauneongruenorange #footer_blanc a {
	color:#FFFFFF;
}
.folienframe_schwarz_grauneongruenorange mark a {
	color:#FFFFFF;
}
.folienframe_schwarz_grauneongruenorange #headline {
	color:#FFFFFF;
}
.folienframe_schwarz_grauneongruenorange #textbox {
	color:#FFFFFF;
}
.folienframe_schwarz_grauneongruenorange #textbox_wide {
	color:#FFFFFF;
}
.folienframe_schwarz_grauneongruenorange mark {
	background-color:grey;
	color:#000000;
}

.folienframe_schwarz_grauneongruenorange #bildunterschrift {
	color:#FFFFFF;
}
.folienframe_schwarz_grauneongruenorange #nachweis {
	color:grey;
}




/******************************/
/* grauneongruenorange	      */
/******************************/

.folienframe_grauneongruenorange {
  	position: relative;
  	font-family: "Lucida Sans Unicode";
}
.folienframe_grauneongruenorange:before {
	background-color: #1a1a1a;
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%;
}
.folienframe_grauneongruenorange > .content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.folienframe_grauneongruenorange #footer {
	background-color:#999999;
	color:#000000;
}
.folienframe_grauneongruenorange #footer a {
	color:#000000;
}
.folienframe_grauneongruenorange #footer_blanc a {
	color:#999999;
}
.folienframe_grauneongruenorange mark a {
	color:#FFFFFF;
}
.folienframe_grauneongruenorange #headline {
	position:absolute;
	height:auto;
	text-align:left; 
	margin-left:0vw; -webkit-transition: font-size .3s;
	top:4.0vw; -webkit-transition: font-size .3s;
	font-size: 4.0vw; -webkit-transition: font-size .3s;
	background-color:#AEFF00; 
	color:#1a1a1a; 
	padding-bottom: 0.0vw; 
	padding-left: 8vw;
	padding-right:1.2vw; 
	border-radius: 0.0vw;
}
.folienframe_grauneongruenorange #textbox {
	position:absolute;
	height:auto;
	text-align:left; 
	margin-left:0vw; -webkit-transition: font-size .3s;
	top:12vw; -webkit-transition: font-size .3s;
	font-size: 3.0vw; -webkit-transition: font-size .3s;
/*	background-color:#AEFF00;  */
	color:#FFFFFF; 
	padding-bottom: 0.0vw; 
	padding-left: 8vw;
	padding-right:0.0vw; 
	border-radius: 0.0vw;
}
.folienframe_grauneongruenorange mark {
	background-color: #999999; /* FF6C00*/
	/*  background-color:#7F462C; */
	color:#FFFFFF; 
	border-radius: 0.0vw;
}






.folienframe_grauneongruenorange #bildfolie_header {
	position:relative;
	text-align:left; 
	background-color: #AEFF00;
	font-size: 4vw;
	padding-left: 4vw;
	padding-right: 1vw;
	color: #1a1a1a;
}

.folienframe_grauneongruenorange #bildfolie_text {
	position:relative;
	text-align:left; 
	background-color: #AEFF00;
	font-size: 2.5vw;
	padding-left: 4vw;
	padding-right: 1vw;
	color: #1a1a1a;
}


.folienframe_grauneongruenorange #linke_spalte {
	width: 40%;
	height: 70%;
	left: 5.7vw;
	top: 13vw;
	color: white;
}
.folienframe_grauneongruenorange #rechte_spalte {
	width: 40%;
	height: 70%;
	right: 5.7vw;
	top: 13vw;
	color: white;
}

.folienframe_grauneongruenorange #semester_table {
	background-color: #666666;
	color: #FFFFFF;
}
.folienframe_grauneongruenorange #veranstaltung_table {
	background-color: #A8D08E;
}
.folienframe_grauneongruenorange #lehre_table {
	background-color: #FFD965;
}
.folienframe_grauneongruenorange #rest_table {
	background-color: #B3C6E7;
}
.folienframe_grauneongruenorange #normal_table {
	background-color: #999999;
}

.folienframe_grauneongruenorange #dreieck {
  width: 0;
  height: 0;
  border-left: 29.5vw solid transparent;
  border-right: 29.5vw solid transparent;
  border-bottom: 14vw solid #FF6C00;
}









.kapitelfolie_grauneongruenorange {
	position: relative;
  	font-family: "Lucida Sans Unicode";
}
.kapitelfolie_grauneongruenorange:before {
	background-color: #1a1a1a;
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%;
}
.kapitelfolie_grauneongruenorange > .content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.kapitelfolie_grauneongruenorange #footer_blanc a {
	color:#999999;
}
.kapitelfolie_grauneongruenorange #headline_kapitel {
	color:#FFFFFF;
}


.kapitelfolie_grauneongruenorange #headline {
	position:absolute;
	height:auto;
	text-align:left; 
	margin-left:0vw; -webkit-transition: font-size .3s;
	top:4.0vw; -webkit-transition: font-size .3s;
	font-size: 4.0vw; -webkit-transition: font-size .3s;
	background-color:#AEFF00; 
	color:#1a1a1a; 
	padding-bottom: 0.0vw; 
	padding-left: 5vw;
	padding-right:0.8vw; 
	border-radius: 0.0vw;
}

.kapitelfolie_grauneongruenorange #subheading {
	position:absolute;
	height:auto;
	text-align:left; 
	margin-left:0vw; -webkit-transition: font-size .3s;
	top:11.0vw; -webkit-transition: font-size .3s;
	font-size: 2.8vw; -webkit-transition: font-size .3s;
	color:#AEFF00; 
	padding-bottom: 0.0vw; 
	padding-left: 5vw;
	padding-right:0.2vw; 
	border-radius: 0.0vw;
}

.kapitelfolie_grauneongruenorange #subheading_2 {
	position:absolute;
	height:auto;
	text-align:left; 
	margin-left:0vw; -webkit-transition: font-size .3s;
	top:14.3vw; -webkit-transition: font-size .3s;
	font-size: 2.8vw; -webkit-transition: font-size .3s;
	color:#AEFF00; 
	padding-bottom: 0.0vw; 
	padding-left: 5vw;
	padding-right:0.2vw; 
	border-radius: 0.0vw;
}

.kapitelfolie_grauneongruenorange #project {
	position:absolute;
	height:auto;
	text-align:left; 
	margin-left:0vw; -webkit-transition: font-size .3s;
	bottom:7.5vw; -webkit-transition: font-size .3s;
	font-size: 2.8vw; -webkit-transition: font-size .3s;
	color:#FF6C00;
	padding-bottom: 0.0vw; 
	padding-left: 5vw;
	padding-right:0.2vw; 
	border-radius: 0.0vw;
}

.kapitelfolie_grauneongruenorange #incharge {
	position:absolute;
	height:auto;
	text-align:left; 
	margin-left:0vw; -webkit-transition: font-size .3s;
	bottom:4vw; -webkit-transition: font-size .3s;
	font-size: 2.8vw; -webkit-transition: font-size .3s;
	color:#FF6C00;
	padding-bottom: 0.0vw; 
	padding-left: 5vw;
	padding-right:0.2vw; 
	border-radius: 0.0vw;
}




/**********************/
/* Slider
/*********************/


.sss {
	height: 0;
	margin: 0; 
	padding: 0;
	position: relative;
	display: block;
	overflow: hidden;
}

.ssslide {
	width: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	overflow: hidden;
}

.ssslide img {
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
}

.sssnext, .sssprev {
	width: 25px;
	height: 100%;
	margin: 0;
	position: absolute;
	top: 0;
	background: url('images/arr.png') no-repeat;
}

.sssprev {
	left: 3%;
	background-position: 0 50%;
}

.sssnext {
	right: 3%;
	background-position: -26px 50%;
}

.sssprev:hover, .sssnext:hover {
	cursor: pointer;
}