body	{  
	margin:0;
	padding:0;
	background-image:url('/images/1px.gif');
}
input, select, textarea {
	font-family: Arial;
	font-size: 14px;
	height: 23px;
	color: #000000;	
	padding-left:5px;
	border-bottom-width: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;	
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #838383;
	border-left-color: #838383;
	border-right-color: #838383;
	border-bottom-color: #838383;	
	background-color:#ffffff;	
}
.outer {
  margin:0;
	padding:0;
	width:100%;
	background-image:url('/images/fade.jpg');
	background-repeat:repeat-x;	
}
.inner {
  margin:0;
	padding:0;  
	width:1000px;	
}
.container {
  margin:0;
	padding:0;  
	width:920px;	
}
h1 {
  margin:0;
	padding:0;
	color: #000000;
	font-family: arial;
	font-size: 22px;
	font-weight: normal;
}
h2 {
  margin:0;
	padding:0;
	color: #000000;
	font-family: arial;
	font-size: 14px;
	font-weight: normal;
}
h3 {
  margin:0;
	padding:0;
	color: #000000;
	font-family: arial;
	font-size: 24px;
	font-weight: bold;
}
.bereich {
  color: #7c7c7c;
	font-family: arial;
	font-size: 24px;
	font-weight: normal;
}
.subline {
  color: #7c7c7c;
	font-family: arial;
	font-size: 32px;
	font-weight: normal;
}
.klein {
  color: #000000;
	font-family: arial;
	font-size: 10px;
	font-weight: normal;
}
.copytext {
  color: #000000;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
}
.copytext a:link    { color:  #3399FF; font-weight: normal; text-decoration: none; }
.copytext a:visited { color:  #3399FF; font-weight: normal; text-decoration: none; }
.copytext a:active  { color:  #000080; font-weight: normal; text-decoration: none; }
.copytext a:hover   { color:  #000080; font-weight: normal; text-decoration: none; }
.gross {
  color: #000000;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
}
.sublinelight {
  margin:0;
	padding:0;
	color: #000000;
	font-family: arial;
	font-size: 14px;
	font-weight: normal;
}
.sublinelight a:link    { color:  #3399FF; font-weight: normal; text-decoration: none; }
.sublinelight a:visited { color:  #3399FF; font-weight: normal; text-decoration: none; }
.sublinelight a:active  { color:  #000080; font-weight: normal; text-decoration: none; }
.sublinelight a:hover   { color:  #000080; font-weight: normal; text-decoration: none; }
.sublinephone {
  margin:0;
	padding:0;
	color: #000000;
	font-family: arial;
	font-size: 20px;
	font-weight: normal;
}
.sublinephone a:link    { color:  #3399FF; font-weight: normal; text-decoration: none; }
.sublinephone a:visited { color:  #3399FF; font-weight: normal; text-decoration: none; }
.sublinephone a:active  { color:  #000080; font-weight: normal; text-decoration: none; }
.sublinephone a:hover   { color:  #000080; font-weight: normal; text-decoration: none; }
.light {
  margin:0;
	padding:0;
	color: #000000;
	font-family: arial;
	font-size: 10px;
	line-height: 12px;
	font-weight: normal;
}
.light a:link    { color:  #3399FF; font-weight: normal; text-decoration: none; }
.light a:visited { color:  #3399FF; font-weight: normal; text-decoration: none; }
.light a:active  { color:  #000080; font-weight: normal; text-decoration: none; }
.light a:hover   { color:  #000080; font-weight: normal; text-decoration: none; }
.light h2 {
  margin:0;
	padding:0;
	color: #000000;
	font-family: arial;
	font-size: 10px;
	line-height: 12px;
	font-weight: normal;
}

.footer {
  color: #000000;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
}
.footer a:link    { color:  #3399FF; font-weight: normal; text-decoration: none; }
.footer a:visited { color:  #3399FF; font-weight: normal; text-decoration: none; }
.footer a:active  { color:  #000080; font-weight: normal; text-decoration: none; }
.footer a:hover   { color:  #000080; font-weight: normal; text-decoration: none; }

#bwl_button {
  display: block;
  width: 120px;
  height: 223px;
  background: url("/images/bwl.jpg") no-repeat 0 0;
	background-position: 0 -233px;
}
#bwl_button:hover { 
  background-position: 0 0;
}
#bwl_button span {
  display: none;
}

#vwl_button {
  display: block;
  width: 120px;
  height: 223px;
  background: url("/images/vwl.jpg") no-repeat 0 0;
	background-position: 0 -233px;
}
#vwl_button:hover { 
  background-position: 0 0;
}
#vwl_button span {
  display: none;
}
#mathe_button {
  display: block;
  width: 120px;
  height: 223px;
  background: url("/images/mathe.jpg") no-repeat 0 0;
	background-position: 0 -233px;
}
#mathe_button:hover { 
  background-position: 0 0;
}
#mathe_button span {
  display: none;
}
#statistik_button {
  display: block;
  width: 120px;
  height: 223px;
  background: url("/images/statistik.jpg") no-repeat 0 0;
	background-position: 0 -233px;
}
#statistik_button:hover { 
  background-position: 0 0;
}
#statistik_button span {
  display: none;
}

#cg_button {
  display: block;
  width: 120px;
  height: 223px;
  background: url("/images/cg.jpg") no-repeat 0 0;
	background-position: 0 -233px;
}
#cg_button:hover { 
  background-position: 0 0;
}
#cg_button span {
  display: none;
}

#bsg_button {
  display: block;
  width: 120px;
  height: 223px;
  background: url("/images/bsg.jpg") no-repeat 0 0;
	background-position: 0 -233px;
}
#bsg_button:hover { 
  background-position: 0 0;
}
#bsg_button span {
  display: none;
}


#stichw_button {
  display: block;
  width: 203px;
  height: 40px;
  background: url("/images/sv.png") no-repeat 0 0;
	background-position: 0 -59px;
}
#stichw_button:hover { 
  background-position: 0 0;
}
#stichw_button span {
  display: none;
}
#inhalt_button {
  display: block;
  width: 187px;
  height: 40px;
  background: url("/images/iv.png") no-repeat 0 0;
	background-position: 0 -59px;
}
#inhalt_button:hover { 
  background-position: 0 0;
}
#inhalt_button span {
  display: none;
}
#absebd_button {
  display: block;
  width: 25px;
  height: 25px;
  background: url("/images/go.png") no-repeat 0 0;
	background-position: 0 -45px;
}
#absebd_button:hover { 
  background-position: 0 0;
}
#absebd_button span {
  display: none;
}
.tip {
  color: #000000;
  font-family: arial;
  font-size: 14px;
  font-weight: normal;
}
a.tip,
a.tip:link,
a.tip:visited,
a.tip:active { color: #000000; text-decoration: none; position: relative; }
a.tip:hover { background: transparent; z-index: 100; }
a.tip span { display: none; text-decoration: none; }
a.tip:hover span {
display: block;
position: absolute;
top: 30px;
left: 0;
width: 250px;
z-index: 100;
color: #000000;
font-family: arial;
font-size: 12px;
font-weight: normal;
padding: 2px 10px;
background-color: #ebebeb;
text-align: left;
border-color: #C0C0C0;
border-style: solid;
border-width: 2px 2px;
}
.tipp {
  color:  #3399FF;
  font-family: arial;
  font-size: 10px;
  font-weight: normal;
}
a.tipp,
a.tipp:link,
a.tipp:visited,
a.tipp:active { color: #3399FF; text-decoration: none; position: relative; }
a.tipp:hover { color: #000080; background: transparent; z-index: 100; }
a.tipp span { display: none; text-decoration: none; }
a.tipp:hover span {
  display: block;
  position: absolute;
  top: 30px;
  left: 0;
  width: 250px;
  z-index: 100;
  color: #000000;
  font-family: arial;
  font-size: 10px;
	line-height: 20px;;
  font-weight: normal;
  padding: 2px 10px;
  background-color: #ebebeb;
  text-align: left;
  border-color: #C0C0C0;
  border-style: solid;
  border-width: 2px 2px;
}

#sticky {
  position:fixed;
  bottom: 8px;
	left: calc(100% - 310px);
	z-index:100;
	width:300px;
	height:355px;	
	position: -webkit-sticky;
  position: sticky;
	background-image: url(/appsticky/popup_finale-mathos.png);	
}