body {
	border: 0px;
	background:  url(bilder/hg-mathe.jpg) repeat fixed;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;      
}

#top {
	padding: 0px 0px 0px 0px; /* Abstand OBEN, LINKS, */
	width: 711px;
	height: 131px;
	text-align: center; 
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}

.top1 {
	text-align:right;
	vertical-align:bottom;
	color:#666666;
	padding-bottom:2px;
	padding-right:10px;
	height: 131px;
	width: 692px;
	background: url(bilder05/top.gif) no-repeat;
}
.top2 {
	width:20px;
	height: 131px;
	background: url(bilder05/shadow_top.gif) no-repeat;
}



#navi {
	
	width: 711px;
	max-width: 711px;
	height:21px;
	padding-top:0px;
	padding-bottom:0px;
	text-align: center; 
	margin-right: auto;
	margin-left: auto;
	vertical-align:top;
}

.navi_shadow {
	border:0;
	text-align:right;
	width:21px;
	height:21px;
	background: url(bilder05/shadow_navi.gif) repeat-y;
	}


#content{
	width: 711px;
	height:auto;
	border:0;
	text-align: left; 
	margin-right: auto;
	margin-left: auto;
}

.content1 {
	width: 692px;
	padding-top:30px;
	padding-bottom:30px;
	background: url(bilder05/content.jpg) repeat-y;
}


.content2 {
	width:19px;
	background: url(bilder05/shadow_content.gif) repeat-y;
}

.orient {
	text-indent:10px;
	text-align:center;
	margin-top:-20px;
	font-size:9px;
	color:#FFFFFF;
	}
.orient1 {
	padding-left:10px;
	background:url(bilder05/o_dot.gif) center left no-repeat;
	}
.orient2 {
	padding-left:10px;
	background:url(bilder05/o_arrow.gif) center left no-repeat;
	}
.orient_ende {
	font-weight:bold;
	padding-left:10px;
	background:url(bilder05/o_arrow.gif) center left no-repeat;
	}

.contentbox {
	margin-top:5px;
	float:left;
	padding-left:10px;
	padding-bottom:5px;
	padding-right:10px;
	margin-left:30px;
	width:280px;
	border: 1px solid #FFFFFF;
	}
	
.contentbox_rechts {
	margin-top:5px;
	float:right;
	padding-left:10px;
	padding-bottom:5px;
	padding-right:10px;
	margin-right:30px;
	width:280px;
	border: 1px solid #FFFFFF;
	}
	
.contentbox_center {
	margin-top:5px;
	float:left;
	margin-left:200px;
	padding-left:10px;
	padding-bottom:5px;
	padding-right:10px;
	margin-right:30px;
	width:280px;
	border: 1px solid #FFFFFF;
	}
	
.contentbox_kontakt {
	margin-top:5px;
	float:left;
	margin-left:150px;
	padding-left:10px;
	padding-bottom:5px;
	padding-right:10px;
	margin-right:30px;
	width:380px;
	border: 1px solid #FFFFFF;
	}
	
.contentbox_kontakt a {
	color:#000000;
	text-decoration:none;
	border-bottom:1px dotted #000000;
	}
	
.contentbox_kontakt a:hover {
	color:#000000;
	text-decoration:none;
	border-bottom:2px solid #000000;
	}

.kontakt_fb {
	color:#FFFFFF;
	font-weight:bold;
	border:1px solid #FF0000;
	background-color:#FF0000;
	padding:5px;
	text-align:center;
	width:auto;
	}

 p.head {
	background: url(bilder05/bullet_g_black.gif) no-repeat;
	line-height:normal;
	background-color:#FFFFFF;
	padding-left: 20px;
	color:#000000;
	font-weight:bold;
	font-size:12px;
	border-bottom:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	padding-bottom:2px;
	}
	
* html p.head {
	margin-top:10px;
	}
	
.contentbox p.subhead, .contentbox_rechts p.subhead, .contentbox_center p.subhead {
	background: url(bilder05/bullet_k_white.gif) no-repeat;
	background-color:#999999;
	padding-left: 20px;
	color:#FFFFFF;
	font-size:12px;
	border-bottom:1px dotted #FFFFFF;
	border-top:1px dotted #FFFFFF;
	padding-bottom:2px;
	}
	
	
.contentbox p.infohead, .contentbox_rechts p.infohead, .contentbox_center p.infohead, .contentbox_kontakt p.infohead {
	background: url(bilder05/bullet_g_white.gif) no-repeat;
	line-height:normal;
	padding-left: 20px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	border-bottom:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	padding-bottom:2px;
	}
	
* html .contentbox p.infohead, .contentbox_rechts p.infohead, .contentbox_center p.infohead, .contentbox_kontakt p.infohead {
	margin-top:10px;
	}
	
.contentbox p.newsdate, .contentbox_rechts p.newsdate {
	margin-top:-5px;
	float:left;
	width:70px;
	color:#000000;
	padding-bottom:2px;
	}
	
.contentbox p.newstext, .contentbox_rechts p.newstext {
	margin-top:-6px;
	float:left;
	width:190px;
	padding-left:10px;
	color:#000000;
	padding-bottom:2px;
	}
	
* html .contentbox p.newstext, .contentbox_rechts p.newstext {
	margin-top:6px;
	}
	
* html .contentbox p.newsdate, .contentbox_rechts p.newsdate {
	margin-top:5px;
	}
	
	
.contentbox p.pdf, .contentbox_rechts p.pdf, .contentbox_center p.pdf {
	background: url(bilder05/pdf.gif) no-repeat;
	text-indent: 20px;
	height:25px;
	}
.contentbox p.ipdf, .contentbox_rechts p.ipdf {
	background: url(bilder05/ipdf2.gif) no-repeat;
	text-indent: 20px;
	height:25px;
	}
.contentbox p.test, .contentbox_rechts p.test {
	background: url(bilder05/test.gif) no-repeat;
	text-indent: 20px;
	height:25px;
	}
.contentbox p.ecard, .contentbox_rechts p.ecrad {
	background: url(bilder05/ecard.gif) no-repeat;
	text-indent: 20px;
	height:25px;
	}
.contentbox p.zip, .contentbox_rechts p.zip, .contentbox_center p.zip {
	background: url(bilder05/zip.gif) no-repeat;
	text-indent: 20px;
	height:25px;
	}
.contentbox p.link, .contentbox_rechts p.link, .contentbox_center p.link {
	background: url(bilder05/seite/arrow.gif) no-repeat;
	text-indent: 20px;
	height:25px;
	}

	
	
.contentbox a, .contentbox a:visited, .contentbox_rechts a, .contentbox_rechts a:visited, .contentbox_center a, .contentbox_center a:visited {
	text-decoration:none;
	color:#000000;
	border-bottom:1px dotted #000000;
	}
	
.contentbox a:hover, .contentbox_rechts a:hover, .contentbox_center a:hover {
	text-decoration:none;
	color:#000000;
	border-bottom:2px solid #000000;
	}

.rep  {
	float:left;
	margin: 5px 10px 5px 0px;
	border: 1px solid #FFFFFF;
	}
.rep_gross  {
	float:left;
	margin: 5px 10px 5px 0px;
	border:0px;
	}
	
#content input {
	background: url(bilder05/input.gif) no-repeat;
	border:none;
	padding:2px;
	}
	
#content input.senden, #contentbox_center input.senden {
	background: url(bilder05/input2.gif) no-repeat;
	color:#000000;
	border:none;
	background-color:#CCCCCC;
	font-size:12px;
	border: 1px solid #000000;	
	}
	
.centerimage{
	text-align:center;
	left:auto;
	}
	
.tooltip {
	position: absolute;
	display: none;
	width:150px;
	}
.tooltip_text {
	width:140px;
	float:left;
	vertical-align:top;
	font: 10px tahoma;
	color:#FFFFFF;
	background-color: #000000;
	border: 1px solid #FFFFFF; 
	padding:5px;
	}

.tooltip_seitenzahl {
	background: url(bilder05/seiten.gif) no-repeat;
	}
.tooltip_zeit {
	background: url(bilder05/zeit.gif) no-repeat;
	}
.tooltip_groesse {
	background: url(bilder05/groesse.gif) no-repeat;
	}
.tooltip_hilfsmittel {
	background: url(bilder05/hilfsmittel.gif) no-repeat;
	}
.tooltip_interaktiv {
	background: url(bilder05/interaktiv.gif) no-repeat;
	}
.tooltip_test {
	background: url(bilder05/test.gif) no-repeat;
	}
.tooltip_seitenzahl, .tooltip_zeit, .tooltip_groesse, .tooltip_hilfsmittel, .tooltip_interaktiv, .tooltip_test {
	background-position: 2px 3px;
	float:left; 
	vertical-align:middle;
	width:140px;
	text-indent: 15px;
	font: 10px tahoma;
	color:#000000;
	background-color: #FF9C00;
	border-bottom: 1px solid #FFFFFF; 
	border-left: 1px solid #FFFFFF; 
	border-right: 1px solid #FFFFFF; 
	padding:5px;
	}

	

	





#bottom {
	width: 711px;
	height:69px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	color:#666666;
}

.bottom1 {
	font-size:9px;
	padding-top:8px;
	padding-left:12px;
	vertical-align:top;
	background: url(bilder05/bottom.gif) no-repeat;
}

.bottom2 {
	height:57px;
	width:20px;
	background: url(bilder05/shadow_bottom.gif) no-repeat;
}
.bottom3 {
	height:12px;
	width:711px;
	background: url(bilder05/shadow_bbottom.gif) no-repeat;
}

#bottom a {

color:#666666;
text-decoration:none;
border-bottom:1px dotted #666666;}


#bottom a:hover {
border-bottom: 4px solid #666666;
	}
	
.bottom1 .bottomlink {
	margin-top:10px;
	margin-bottom:10px;
	padding-top:10px;
}







.ddmx {
    font: 11px tahoma;
}
.ddmx .item1,
.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover {
	background: url(bilder05/navi.gif) repeat-x;
    padding: 4px 10px 3px 10px;
    /* background: #ff9900; */
    font: 12px verdana;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
}


.ddmx .item1:hover {
	background: url(bilder05/seite/navi-red.gif) repeat-x;

}

.ddmx .item1-active {
	background: url(bilder05/seite/navi-red.gif) repeat-x;

}

.ddmx .item1-active:hover {
	background: url(bilder05/seite/navi-red.gif) repeat-x;

}

.ddmx .item2,
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
    padding: 3px 8px 4px 8px;
    font: 11px tahoma;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    display: block;
	text-align:left;
    white-space: nowrap;
    position: relative;
}
.ddmx .item2 {
    background: #e5e1da;
}
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
	background: url(bilder05/seite/navi-red.gif) repeat-x;
	color: #FFFFFF;

}
.ddmx .arrow,
.ddmx .arrow:hover {
    padding: 3px 16px 4px 8px;

}
.ddmx .item2 img,
.ddmx .item2-active img{
    position: absolute;
    top: 4px;
    right: 1px;
    border: 0;
}
.ddmx .section {
    border: 1px solid #b8b4ae;
    position: absolute;
    visibility: hidden;
    z-index: -1;
}