﻿/* CSS Modultafeln */

.wahlauswahl {
  border: 1px solid #999999;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color:#EEEEEE;
  text-align: left;
  padding-left: 5px;
  padding-right: 5px;
}

.wahlauswahl H2{
  padding-top: 3px;
  padding-bottom: 5px;
  margin: 0px;
  font-size: 10px;  
}

.wahlauswahl h1{
  font-size: 12px;
  text-align: center;
}

.semester5 {
	margin: 0px;
	width: 1038px;
	height: 25px;
	padding: 0px;
	position: absolute;
	left: 49px;
	top: 137px;
	z-index: 1;
}
.semester5 img {
	float: left;
}

.semester4 {
	margin: 0px;
	width: 945px;
	height: 70px;
	padding: 0px;
	position: absolute;
	left: 10px;
	top: 177px;
	z-index: 1;
}
.semester4 img {
	float: left;
}
.semester3 {
	margin: 0px;
	width: 639px;
	height: 66px;
	padding: 0px;
	position: absolute;
	left: 1px;
	top: 104px;
	z-index: 1;
}
.semester3 img {
	float: left;
}

.semester2 {
	margin: 0px;
	width: 945px;
	height: 20px;
	padding: 0px;
	position: absolute;
	left: 10px;
	top: 335px;
}
.semester2 img {
	float: left;
}
.semester1 {
	margin: 0px;
	width: 945px;
	height: 20px;
	padding: 0px;
	position: absolute;
	left: 10px;
	top: 415px;
}
.semester1 img {
	float: left;
}

.modulthemen {
	margin: 0px;
	width: 745px;
	height: 15px;
	padding: 0px;
	position: absolute;
	left: 40px;
	top: 625px;
}
.modulthema {
	margin: 0px 0px 0px 3px;
	padding: 0px;
	float: left;
	width: 310px;
}
.modulthema p {
	margin: 0px;
	padding: 0px;
	width: 296px;
	height: 12px;
	font-size: 1em;
	font-weight:bold;
	text-align: center;
}
.modulthema1 {
	margin: 0px 0px 0px 3px;
	padding: 0px;
	float: left;
	width: 305px;
	/*background-color: #00FFFF;*/
}
.modulthema1 p {
	margin: 0px;
	padding: 0px;
	width: 305px;
	height: 12px;
	font-size: 1em;
	font-weight:bold;
	text-align: center;
}

.modulthema2 {
	margin: 0px 0px 0px 3px;
	padding: 0px;
	float: left;
	width: 225px;
	/*background-color: #00FFFF;*/
}
.modulthema2 p {
	margin: 0px;
	padding: 0px;
	width: 225px;
	height: 12px;
	font-size: 1em;
	font-weight:bold;
	text-align: center;
}
.modulthema3 {
	margin: 0px 0px 0px 3px;
	padding: 0px;
	float: left;
	width: 170px;
	/*background-color: #00FFFF;*/
}
.modulthema3 p {
	margin: 0px;
	padding: 0px;
	width: 170px;
	height: 12px;
	font-size: 1em;
	font-weight:bold;
	text-align: center;
}

.druckanweisung {
	position:absolute;
	width: 700px;
	top: 500px;
	font-size: 0.8em;
	left: 10px;
	text-align: left;
}
#Legende {	
	position: absolute;
	top: 600px;
	left: 4px;
	width:1720px;
	height:21px;	
	margin-top: 10px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
img {
	border: none 0px;
}
#header {
	border: 0px;	
	margin-top: 10px;
	margin-right: 10px;
	width: 1045px;
}
#header p {
	padding-left: 10px;
	text-align: left;
	font-size: 70%;
}
#header img {	
	border: 0px;	
	position: absolute;
	left: 840px;
	top: 10px;
}
#header_IM {
	border: 0px;	
	margin-top: 10px;
	margin-right: 10px;
	width: 900px;
}
#header_IM p {
	padding-left: 10px;
	text-align: left;
	font-size: 70%;
}
#header_IM img {	
	border: 0px;	
	position: absolute;
	left: 700px;
	top: 10px;
}
#header_BL {
	border: 0px;	
	margin-top: 10px;
	margin-right: 10px;
	width: 900px;
}
#header_BL p {
	padding-left: 10px;
	text-align: left;
	font-size: 70%;
}
#header_BL img {	
	border: 0px;	
	position: absolute;
	left: 640px;
	top: 10px;
}
h1 {
	font-size: 1em;
	padding-left: 10px;
}
hr {
	display: inline;
}
.weiss {
	background-color: #ffffff;
}
.rot {
	background-color: #EB6E0C;
	border-right: solid 1px #000000;	
	border-left: solid 1px #000000;	
}

.gruen {
	background-color: #CCFFCC;
	border-right: solid 1px #000000;	
	border-left: solid 1px #000000;	
}
.orange {
	background-color: #FFD304;
	border-right: solid 1px #000000;
	border-left: solid 1px #000000;
}

.hblau {	
	background-color: #6799C7;
	border-right: solid 1px #000000;
	border-left: solid 1px #000000;
	color: #FFFFFF;	
}

.hblau A:active {
	color: #FFFFFF; 
}

.hblau A:visited {
	color: #FFFFFF; 
}

.hblau A:link {
	color: #FFFFFF; 
}

.zhaw_blau {
	background-color:#0065A6;
	border-right: solid 1px #000000;
	border-left: solid 1px #000000;	
	color: #FFFFFF;
}

.zhaw_grun {
	background-color:#33CC33;
	border-right: solid 1px #000000;
	border-left: solid 1px #000000;	
	color: #FFFFFF;
}

.zhaw_blau A:active {
	color: #FFFFFF;
}
.zhaw_blau A:visited {
	color: #FFFFFF;
}
.zhaw_blau A:link {
	color: #FFFFFF;
}
.credits {
	background-color: #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	text-align: center;
}

p {
	text-align: center;
}

.balken_oben_1 {
	background-color:#FFFF99;
	width: 690px;
	height: 15px;
	margin-left: 30px;
	position: absolute;
	top: 70px;
	border: 1px solid #000000;
	font-size: 0.8em;
	left: 0px;
}

.orangeoben {
	background-color: #FFD304;
	border-right: solid 1px #000000;
	border-left: solid 1px #000000;	
	border-top: solid 1px #000000;
}

.zhaw_blau_oben {
	background-color:#0065A6;
	border-right: solid 1px #000000;
	border-left: solid 1px #000000;
	border-top: solid 1px #000000;
	color: #FFFFFF;
}
.zhaw_grun_oben {
	background-color:#33CC33;
	border-right: solid 1px #000000;
	border-left: solid 1px #000000;
	border-top: solid 1px #000000;
	color: #FFFFFF;
}

.zhaw_blau_oben A:active {
	color: #FFFFFF;
}
.zhaw_blau_oben A:visited {
	color: #FFFFFF;
}
.zhaw_blau_oben A:link {
	color: #FFFFFF;
}
.hblauoben {
	background-color: #6799C7;
	border-right: solid 1px #000000;
	border-left: solid 1px #000000;	
	border-top: solid 1px #000000;
	color: #FFFFFF;
}
.hblauoben A:active {
	color: #FFFFFF; 
}

.hblauoben A:visited {
	color: #FFFFFF; 
}

.hblauoben A:link {
	color: #FFFFFF; 
}

.rotoben {
	background-color: #EB6E0C;
	border-right: solid 1px #000000;
	border-left: solid 1px #000000;
	border-top: solid 1px #000000;	
}
.gruenoben {
	background-color: #CCFFCC;
	border-right: solid 1px #000000;
	border-left: solid 1px #000000;
	border-top: solid 1px #000000;	
}
.creditsoben {
	background-color: #000000;
	border-right: solid 1px #000000;
	border-left: solid 1px #000000;
	border-top: solid 1px #000000;
	text-align: center;
	color:#FFFFFF;
}


#gelb {
	background-color: #0065A6;
	width: 80px;
	height: 15px;
	float: left;
	font-size: 0.6em;
	border: 1px solid #000000;
}
#gruen {
	background-color: #CCFFCC;
	width: 80px;
	height: 15px;
	float: left;
	font-size: 0.6em;
	border: 1px solid #000000;
}
#orange {
	background-color: #FFD304;
	width: 80px;
	height: 15px;
	float: left;
	font-size: 0.6em;
	border: 1px solid #000000;
}
#rot {
	background-color: #EB6E0C;
	width: 80px;
	height: 15px;
	float: left;
	font-size: 0.6em;
	border: 1px solid #000000;
}

.modul {
	margin: 0px 0px 0px 6px;
	padding: 0px;
	float: left;
	width: 144px;
	/*background-color: #00FFFF;*/
}

.modul p {
	margin: 0px;
	padding: 0px;
	width: 144px;
	height: 12px;
	font-size: 0.6em;
}

.modulheader {
	padding: 0px;
	float: left;
	width: 800px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 6px;
	/*background-color: #00FFFF;*/
}

.modulheader p {
	margin: 3px;
	padding: 3px;
	width: 600px;
	height: 6px;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
}
/* --------- Link Hover---------------------------------------- */

a:link { color: black; text-decoration: none; }
a:visited { color: black; text-decoration: none; }
a:active { color: black; text-decoration: none; }
a:hover { color: black; text-decoration: underline; }
a.weisslink:link { color: white; text-decoration: none; }
a.weisslink:visited { color: white; text-decoration: none; }
.orangelayer {
	background-color: #FFD304;
	border: solid 1px #000000;
    font-size: 8pt;
}
.rotlayer {
	background-color: #EB6E0C;
	border: solid 1px #000000;
    font-size: 8pt;
}
.gelblayer {
	background-color: #FFFF99;
	border: solid 1px #000000;
    font-size: 8pt;
}
.violettlayer {
	background-color: #CC99FF;
	border: solid 1px #000000;
    font-size: 8pt;
}

.petrollayer {
	background-color:#0065A6;
	border: solid 1px #000000;
    font-size: 8pt;
	color: #FFFFFF;
}
