* {
	margin:0;
	padding:0;
}

/* ---------------------------------------------------- body / html ----------------------------------------------------- */
body, html {
	height:100%; /*hierdurch richtet sich der footer vertical am Browserfenster aus*/
	border: 0px;
	margin:0;
	padding:0;
	background:#b2c9e0 url(../images/hintergrund.jpg) top repeat-x;
}

html {
	overflow-x:hidden;
	overflow-y:auto;
}


/* ----------------------------------------------------- wrapper ----------------------------------------------------- */
div#wrapper {
	min-height:100%;  /*hierdurch richtet sich der footer vertical am Browserfenster aus*/  /*hierduch richtet sich der footer horizontal am wrapper aus*/
	width: 820px;
	margin:0 auto; /*hierdurch richtet sich der wrapper horizontal in der mitte des Browserfensters aus*/
	z-index:1;
	background-color:#FFFFFF;
}

* html #wrapper {
	height:100%;

}

div#main {
  /*hierdurch richtet sich der footer vertical am Browserfenster aus*/
	position: relative;  /*hierduch richtet sich der footer horizontal am wrapper aus*/
	width: 820px;
	margin:0 auto;

	}
/* ----------------------------------------------------- head ----------------------------------------------------- */
#head {
	width:820px;
	margin:0 auto;
	height:342px;
	background:url(../images/head.jpg);
	position:relative;
}



/* ----------------------------------------------------- main - inhalt ----------------------------------------------------- */
#navi {
	position:absolute;
	top: 0px;
	left: 567px;  /*hat das erste div im main eine feste höhe, muss dieses floaten*/
	width:233px;
	height:260px;
	z-index:50;
	background:url(../images/navi_right.jpg) no-repeat;
	padding:0;
	}	

#navi p {
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
}

#navi a {
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration:none;
}

#navi a:hover {
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	text-decoration:underline;
}

.addi {
	padding:20px 0 0 20px;
}
	
#content { /*ein div  welches sich ausdehnt darf nicht floaten (Mozilla) */
	padding: 0 0 90px 0;
	margin: 0 0 0 0;  /*padding-bottom ist nötig um den footer nach unten zu positionieren */
	width: 567px;
	z-index:20;

	min-height:260px;

}

#inhalt {
	padding:20px 30px 0 30px;
}	


/* ----------------------------------------------------- footer ----------------------------------------------------- */
div#footer {
	width:820px;
	height:60px;
	margin:0 auto;
	background: url(../images/bottom.jpg);
	margin-top:-60px;
	z-index:10;
	position:relative;
}

#logos {
	background:url(../images/logos.jpg);
	width:253px;
	height:56px;
	position:absolute;
	top:-56px;
	left:567px;
	z-index:100;
}

#nachoben {
	position:absolute;
	top:0;
	left:0;
}

/* ----------------------------------------------------- text ----------------------------------------------------- */
a {
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	text-decoration: none;
}

a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration: underline;
	color:#003366;
}

#bilder {
	position:relative;
}


.textgrau {
	color:#CCC;
}

.textgruen {
	color: #009900;
}

 p,td,table {
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
}

li, ul {
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	padding:0 0 0 5px;
	margin:0 0 0 10px;
	list-style-image:url(../images/pfeil.gif);
}

h2 {
	color:#000000;
	font: 12px/20px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

h1 {
	font: 16px/20px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#660000;
	padding:0 0 20px 0;

}



h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#355c83;
	
}

.textsmall {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFF00;
	font-weight:bold;
}



#suma {
	display:none;
}

.linie {
	background: url(../images/linie.gif) 0 10px repeat-x;
}


.linie2 {
	background: url(../images/linie2.gif) 0 8px repeat-x;
}

.rahmen {
	border: 5px solid #FFF;
}


.switchcontent {
	border:1px dotted #d7d7d7;
	background-color:#f2f2f2;
	padding:10px;
	margin:10px 0 0 0;
}