html, body {
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px; 
	border-top: 0px;
	
	padding-bottom: 0px; 
	padding-left: 0px; 
	padding-right: 0px; 
	padding-top: 0px;
	
	background: white;
	margin: 0px;
	
	font-family: "Trebuchet MS", Arial, sans-serif; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 12pt;
	color: black;
}

p {
    line-height: 140%;
}

.normalfont {
    font-family: "Trebuchet MS", Arial, sans-serif; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 12pt;
	color: black;
	background: white;
}

.timesnewroman {
   font-family: "Times New Roman", Arial, sans-serif;
   font-style: normal; 
   font-size: 12pt;
   color: #000;
}

.couriernew {
   font-family: "Courier New", Arial, sans-serif;
   font-style: normal; 
   font-size: 10pt;
   color: #000;
}

.text12 {
   font-size: 12pt;
   line-height: 140%;
}

.arialblue {
   font-family: Arial, sans-serif; 
   font-style: normal; 
   font-size: 10pt;
   color: #000080;
}

.arialred {
   font-family: Arial, sans-serif; 
   font-style: normal; 
   font-size: 10pt;
   color: #ff0000;
}

.arialblack {
   font-family: Arial, sans-serif; 
   font-style: normal; 
   font-size: 10pt;
   color: #000000;
}

.arialgray {
   font-family: Arial, sans-serif; 
   font-style: normal; 
   font-size: 10pt;
   color: #999999;
}



.title {
    font-family: "Trebuchet MS", Arial, sans-serif; 
	font-style: normal; 
	font-weight: bold; 
	font-size: 24pt;
	color: #000080;
}

.headline {
    font-family: "Trebuchet MS", Arial, sans-serif; 
	font-style: normal; 
	font-weight: bold; 
	font-size: 24pt;
	color: #c0c0c0;
}

.smalltitle {
    font-family: "Trebuchet MS", Arial, sans-serif; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 18pt;
	color: #000080;
}

.btw {
    color: white;
}
.ylk {
    color: #000080;
    background-color: #ffd563;    
    text-decoration: none;
    font-size: 12pt;   
}
.ylk:hover {
    background-color: #fff7de;
    text-decoration: none;
    color: #000080;
    font-size: 12pt;     
}

.clblue {
   color: blue;
}

.cl000080 {
   color: #000080;
}

.begriff {
   color: #000080;
   font-style: italic;
   font-weight: bold;
}

.menuttl {
    font-family: Arial, sans-serif;
    color: black;
    font-weight: bold;
    font-size: 12pt;
}

.banner1 {
    font-family: Arial, sans-serif;
    color: white;
    font-size: 18pt;
}
.banner2 {
    font-family: Arial, sans-serif;
    color: #000080;
    font-size: 18pt;
    font-weight: bold;
}

.dhdef {
    background-color: #fff1d3;
    border: 1px solid #FFFF00;
    padding-left: 6px;
    padding-right: 6px;
}

.dhproof {
    background-color: #EBEBEB;
    border: 1px solid #EDEDED;
    padding-left: 6px;
    padding-right: 6px;
}

.dhtab {
    background-color: #FFFFBF;
    border: 1px solid #FFD563;
    padding-left: 6px;
    padding-right: 6px;
}

.dhtable {
    border-collapse: collapse; 
    border: 1px solid #404040;
}

td {
    border-color: #404040;
}

.link {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-weight: normal;
	font-size: 12pt;
	text-decoration: underline;
	color: #000080;
}
.link:hover {
	font-family: "Trebuchet MS", Arial, sans-serif;	
	font-size: 12pt;
	color: blue;
}

.intern {
    color: #000080;
    text-decoration: underline;
}	

.intern:hover {
    color: #000000;
    background-color: #ffffff
}

.extern {
    color: #000080;
    text-decoration: underline;
}	

.extern:hover {
    color: #c80000;
    background-color: #ffffff
}

.posextern {
    color: #000080;
    display: block;
    text-decoration: underline;
    width: 100%;
}	

.posextern:hover {
    color: #c80000;
    background-color: #ffffff
}

.menu {
	display: block;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 13px;
	text-decoration: none;
	color: #000080;
	background-color: #ebebeb;
	padding: 1px;
	border-bottom: 1px solid #ffffff;
	width: 100%;	
}
.menu:hover {
	color: #000000;
	background-color: #ffffff;
	text-decoration: none;
}

.actmenu {
	display: block;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 13px;
	text-decoration: underline;
	color: #000080;
	padding: 1px;
	background-color: #ffffff;
	border-bottom: 1px solid #ffffff;
	width: 100%;
}

.item {
	display: block;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 13px;
	text-decoration: none;
	color: #000080;
	background-color: #ebebeb;
	padding: 1px;
	border-bottom: 1px solid #ffffff;
	width: 100%;		
}

.item:hover {
	color: #ad0800;
}

.actitem {
	display: block;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 13px;
	text-decoration: none;
	color: #000080;
	background-color: #ffffff;
	padding: 1px;
	border-bottom: 1px solid #ffffff;
	width: 100%;	
}

.mainitem {
	display: block;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 13px;
	text-decoration: none;
	color: #000080;
	background-color: #fff7de;
	padding: 1px;
	border-bottom: 1px solid #ffffff;
	width: 100%;	
}

.register {
	display: block;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 13px;
	text-decoration: none;
	color: #000080;
	padding: 1px;
	width: 100%;
}

.register:hover {
	color: #ad0800;
}

.lregister {
	display: block;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 13px;
	text-decoration: none;
	color: #ffffff;
	padding: 1px;
	width: 100%;
}

.lregister:hover {
	color: #ad0800;
}
.pos {
	display: block;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 13px;
	text-decoration: none;
	color: #000080;
	width: 100%;		
}

.pos:hover {
	color: #ad0800;
}

.hint {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 13px;
	text-decoration: none;
	color: #000080;
	background-color: #fafafa;
}

.hint:hover {
	color: blue;
}

.button {
   font-weight: bold;
   border: 1px solid #34518E;
   background-color: #34518E;
   color: #ffffff;
   cursor: pointer;
}

.button:hover {
	background-color: white;
	color: gray;
}

.suche {
    position: absolute; 
    top: 78px; 
    left: 8px;
}

.padleft {
    padding-left: 15px;
}

#mapleinf a {
    height: 157px;
    width:  254px;
    display: table-cell;
    background: url('../images/mapleinf.gif') no-repeat 0px 0px;
}    
#mapleinf a:hover {
    background-position: 0px -157px;
}

#mathbegr a {
    height: 157px;
    width:  254px;
    display: table-cell;
    background: url('../images/mathbegr.gif') no-repeat 0px 0px;
}    
#mathbegr a:hover {
    background-position: 0px -157px;
}

#mathbuch a {
    height: 122px;
    width:  254px;
    display: table-cell;
    background: url('../images/mathbuch.gif') no-repeat 0px 0px;
}    
#mathbuch a:hover {
    background-position: 0px -122px;
}

#mathdict a {
    height: 122px;
    width:  254px;
    display: table-cell;
    background: url('../images/mathdict.gif') no-repeat 0px 0px;
}    
#mathdict a:hover {
    background-position: 0px -122px;
}

#tictactoe a {
    height: 60px;
    width:  60px;
    display: table-cell;
    background: url('../images/tictactoe.gif') no-repeat 0px 0px;
}    
#tictactoe a:hover {
    background-position: 0px -60px;
}

#oaktree a {
    height: 60px;
    width:  60px;
    display: table-cell;
    background: url('../images/oaktree.gif') no-repeat 0px 0px;
}    
#oaktree a:hover {
    background-position: 0px -60px;
}

#wuerfel a {
    height: 60px;
    width:  60px;
    display: table-cell;
    background: url('../images/wuerfel.gif') no-repeat 0px 0px;
}    
#wuerfel a:hover {
    background-position: 0px -60px;
}

#abakus a {
    height: 60px;
    width:  60px;
    display: table-cell;
    background: url('../images/abakus.gif') no-repeat 0px 0px;
}    
#abakus a:hover {
    background-position: 0px -60px;
}

#wurzel a {
    height: 60px;
    width:  60px;
    display: table-cell;
    background: url('../images/wurzel.gif') no-repeat 0px 0px;
}    
#wurzel a:hover {
    background-position: 0px -60px;
}

#lotto a {
    height: 60px;
    width:  60px;
    display: table-cell;
    background: url('../images/lotto.gif') no-repeat 0px 0px;
}    
#lotto a:hover {
    background-position: 0px -60px;
}

#kettenbruch a {
    height: 60px;
    width:  60px;
    display: table-cell;
    background: url('../images/kettenbruch.gif') no-repeat 0px 0px;
}    
#kettenbruch a:hover {
    background-position: 0px -60px;
}

#umfrage a {
    height: 20px;
    width:  154px;
    display: table-cell;
    background: url('../images/dhvote.gif') no-repeat 0px 2px;
}    
#umfrage a:hover {
    background-position: 0px -18px;
}