/* Farben

orange = #ab0707
grau = #ff0000

*/

html, body, div, p, h1, span, a, table, td, form, img {
   margin: 0;
   padding: 0;
   font-family: Arial, Helvetica, Geneva, sans-serif;
   line-height: 18px;
}

body {
	background-color: #FFFFFF;
	background-repeat: repeat-x;
}
a {
	text-decoration: none;
	color:#FFF;
	font-weight: bold;
}
img {
	border: 0;
}
#logo {
	position:absolute;
	left: 100px;
	top: 90px;
	z-index:5;
	background: url(img/logo.gif) no-repeat;
	height: 30px;
	width: 200px;
}
#punkte1 {
	position:absolute;
	left: 430px;
	top: 0px;
	z-index:1;
	background: url(img/punkte_oben.gif) no-repeat;
	height: 200px;
	width: 730px;
}
#punkte3 {
	position:absolute;
	left: 570px;
	top: 550px;
	z-index:8;
	background: url(img/punkte_unten.gif) no-repeat;
	height: 189px;
	width: 390px;
}
#punkte4 {
	position:absolute;
	left: 571px;
	top: 538px;
	z-index:11;
	visibility: hidden;
}

/* -------- navigation --------  */

#nav1 {
	position:absolute;
	left: 100px;
	top: 662px;
	z-index:3;
}
#nav2 {
	position:absolute;
	left: 100px;
	top: 692px;
	z-index:2;
}

/* -------- inhaltsbereich --------  */

#bild {
	position:absolute;
	left: 0px;
	top: 200px;
	z-index:6;
}
#ref {
	position:absolute;
	left:140px;
	top:570px;
	width:510px;
	z-index:10;
	text-align: right;
}
#ref img {
	padding-left: 6px;	
}
.hervorhebung {
	font-weight: bold;
	text-transform: uppercase;
}