* {
	margin: 0;
	padding: 0;
}
html{
     height: 100%;
}
div#container {
     min-height: 100%;
}
* html #container {
     height: 100%;
}
body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 75%;
	line-height: 140%;
	background-color: #ededee;
	margin:0 auto;
	min-height: 100%;
	}
/* UEBERSCHRIFTEN */
		h1 {

	font-size: 120%;
	padding: 20px 0px 0px 25px;
	line-height: 130%;
	color: #3167ac;

}

h2 {
	color: #339933;
	font-size: 100%;
	line-height: 130%;
	letter-spacing: 0pt;
	padding: 0px 0 10px 20px;
}
h3 {
	font-size: 100%;
	padding: 20px 0px 0px 25px;
}
h4 {
	font-size: 90%;
	border-bottom: 1px solid #cef;
}
h6 {
	font-size: 75%;
	font-weight: normal;
	color: #000;
	padding: 0px 0 10px 25px;
}

/* === ALLGEMEINE Formate  ===*/
p {
	margin-top: 0px;
	padding: 0px 10px ;
	color: #000;
} 
a {
	text-decoration: none;
	background-color: transparent;
	color: #013650;
}

#wrapper {
	width: 900px;
	height: 605px;
	background-color: #fff;
	color: #000;
	left: 50%;
 	margin-left: -450px;
	text-align: left;
	position: relative;
	top: 10px;
	border: solid 0pt;
}

#logo{
 	position: absolute;
	width: 250px;
	height: 80px;
	border: none;
	margin: 0px;
	}
#slogan{
	position: absolute;
	width: 651px;
 	height: 80px;
	background-image: url(../images/slogan.gif);
	margin-left: 249px;
	z-index: 20;
	}

/* Blaues Box im Kopfbereich */
#box_1{
	position: absolute;
	top: 80px;
	left: 0;
	background-color:#3167ac;
	 width: 249px;
	 height: 130px;
	 z-index:40;
}
#box_1-text {
	padding: 0;
	position: absolute;
	top: 100px;
	left: 25;
	width: 200px;
	font-weight: bold;
	 font-size: 90%;
	 color: #fff; 
	 border: none;
	 z-index: 50;
}
#startbild{
	position: absolute;
	top: 80px;
	left: 249px;
	background-image: url(../images/appfel.jpg);
	height: 130px;
	width: 651px;
	clear: both;
	border: none;
}

/*blaues Navihintergund*/
#box_2{
	position: absolute;
	top: 210px;
	left: 0px;
	width: 249px;
	height: 365px;
	background-color: #8fabc7;
	z-index: 10;
}

/*subnavi*/
#mainmenu {
	position: absolute;
	top: 88px;
	left: 470px;
	width: 400px;
	z-index: 60;
	color: #fff;
	font-weight: bold;
	font-size: 90%;
	display: block;
}
#mainmenu a       {color: #fff; text-decoration: none;}
#mainmenu a:hover {color:#8fabc7; text-decoration: none;}

/*subnavi-3 ebene*/
#mainmenu2 {
	position: absolute;
	top: 113px;
	left: 578px;
	width: 400px;
	z-index: 60;
	color: #339933;
	font-weight: bold;
	font-size: 90%;
	display: block;
}
#mainmenu2 a       {color: #339933; text-decoration: none;}
#mainmenu2 a:hover {color:#8fabc7; text-decoration: none;}

/* === LINKESPALTE Hauptnavi  === */
#linkespalte {
	position: absolute;
	top: 230px;
	left: 10px;
	width: 239px;
	height: 360px;
	z-index: 30;
	color: #000;
	font-size: 100%;
}
/* Formate fuer Hauptmenue in linker Spalte*/
#linkespalte ul {
list-style-type: none;
margin: 20px 20px 0 10px;
font-weight: bold;
}
#linkespalte ul li {
margin: 2px 0;
color: #fff;
font-weight: bold;

}
#linkespalte ul li a {
display: block;
padding-left: 5px;
text-decoration: none;
font-weight: bold;
color: #fff;
}
#linkespalte ul li a:hover {
color: #3167ac;
}
#linkespalte ul li a.aktiv {
color: #3167ac;
cursor: default;
}

/* === CONTENT Formate  === */
#content {
	position: absolute;
	top: 200px;
	left: 260px;
	width: 630px;
	height: 360px;
	z-index: 20;
	border: none;
}

.contenttable {
	border:0pt;
	}
.content klein{
	font-size: x-small;
}
.detail{
	font-size: x-small;
}
#content ul {
list-style-type: circle;
margin:0px 0px 20px 35px;
}
#content ul li {
padding: 5px 0px 0px 0px;
}
#content p {
padding-left: 25px;
}
#content p.topper {
margin-top: 0px;
padding-bottom: 30px;
}
#content a {
background-color: transparent;
color: #3167ac;
border-bottom: 0px solid #0083ae;
}
#content a:hover {
	background-color: transparent;
	color: Gray;
	border-bottom: 0px solid #000;
}
#table {
	border: none;
	}

/*
#content ul {
list-style-type: circle;
margin: 5px 0px 10px 30px;
}
#content ul li {
padding: 5px 0 0 0;
}
#content p {
padding-left: 15px;
}
#content p.topper {
margin-top: 0px;
padding-bottom: 30px;
}
#content a {
background-color: transparent;
color: #000;
border-bottom: 0px solid #0083ae;
}
#content a:hover {
background-color: transparent;
color: #ccc;
border-bottom: 0px solid #000;
}

 === FOOTER Formate  === */
/* Pfad MENUE im unterembereich */
/*Zeigt wo man gerade ist*/
#pfad{
	color: #fff;
	font-size: 80%;
	position: absolute;
	width: 500px;
	left: 5px;
	top: 550px;
	z-index: 50; 
}
#footer {
 position: absolute;
	top: 575px;
	left: 0px;
	width: 900px;
	z-index: 20;
	background-color:#99cc99;
}
#footer p {
padding: 5px 0 8px 0;
text-align: center;
color: #339933;
font-size: 80%;
font-weight: bold;
}
#footer a {
color: #fff;
font-weight: bold;
text-decoration: none;
}
#footer a:hover {
color: #339933;
}


