HTML, BODY {
  height: 100%;
}

BODY {
  background-color: #77787a;
  margin: 0;
  padding: 0;
  height: 100%;
}

BODY, TD, TH, P, DIV {
  color: #77787a;
  font-size: 12px;
  font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
}

p {
  margin: 0;
  padding-top: 5px;
  padding-bottom: 5px
}

img {
  border-color: #00519E;
  border-style: solid;
  border-width: 0px;
}

h1 { font-size: 17px; font-weight: bold; color: #77787a; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; margin: 0; }
h2 { font-size: 14px; font-weight: bold; color: #77787A; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; margin: 0; }
h3 { font-size: 13px; font-weight: bold; color: #77787A; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; margin: 0; }
h4 { font-size: 12px; font-weight: bold; color: #77787A; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; margin: 0; }
h5 { font-size: 11px; font-weight: bold; color: #77787A; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; margin: 0; }
h6 { font-size: 10px; font-weight: bold; color: #77787A; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; margin: 0; }

a { color: #00519E; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; text-decoration: underline; }
a:hover { color: #00519E; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; text-decoration: underline; }
a:visited { color: #00519E; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; text-decoration: underline; }


#homepage {
  width: 864px;
  height 696px;
  position: relative;
}

#wrapper_header {
  height: 12px;
  width: 864px;
  background-image: url(../images/wrapper_header.jpg);
	background-repeat: no-repeat;
}

#wrapper_footer {
  height: 41px;
  width: 856px;
  padding-top: 15px;
  padding-right: 8px;
  background-image: url(../images/wrapper_footer.jpg);
	background-repeat: no-repeat;
	text-align: right;
	color: #FFFFFF;
}

#wrapper {
  height: 634px;
  width: 834px;
  background-image: url(../images/wrapper_hg.jpg);
	background-repeat: repeat-y;
	align: left;
	text-align: left;
	padding-left: 15px;
	padding-right: 15px;
}

#wrapper_home {
  height: 634px;
  width: 834px;
	align: left;
	text-align: left;
	padding-left: 15px;
	padding-right: 15px;
	background-image: url(../images/wrapper_home_hg.jpg);
	background-repeat: repeat-y;
}

#header {
	width: 834px;
	height: 104px;
	background-color: #FFFFFF;
}

.whiteline {
	width: 834px;
	height: 8px;
	background-color: #FFFFFF;
	font-size: 1px;
}

#header #logo {
	width: 206px;
	height: 104px;
	float: left;
}

#header bild {
	width: 828px;
	height: 104px;
	float: left;
}

.sitemap {
  margin-left: 25px;
}


#navigation {
	clear: both;
  height: 30px;
  width: 834px;
}

#navigation #menu {
	background-color: #77787a;
	height: 30px;
	width: 767px;
	line-height: 30px;
	float: left;
	padding-left: 10px;
}

#navigation #menu a {
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

#navigation #menu a:visited {
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

#navigation #menu a:hover {
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
}

#navigation #home {
	background-color: #007ab9;
	height: 30px;
	width: 56px;
	line-height: 30px;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #FFFFFF;
	float: left;
	text-align: center;
}

#navigation #home a {
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

#navigation #home a:visited {
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

#navigation #home a:hover {
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
}

#content_left {
	width: 185px;
	float: left;
	height: 484px;
}

#content_left #subnavigation {
	width: 185px;
	height: 450px;
}

#content_left #subnavigation .button {
	width: 175px;
	height: 30px;
	padding-left: 10px;
	line-height: 30px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	border-bottom-width: 1px;
	font-size: 11px;
}

#content_left #subnavigation .button a {
  color: #77787A;
  text-decoration: none;
	display: block;
	font-size: 11px;
}

#content_left #subnavigation .button a {
  color: #77787A;
  text-decoration: none;
	display: block;
	font-size: 11px;
}

#content_left #subnavigation .button a:hover {
  color: #00519E;
  text-decoration: none;
	display: block;
}

#content_left #suche {
	width: 180px;
	height: 30px;
	padding-left: 5px;
	background-image: url(../images/suchfeld_hg.jpg);
	background-repeat:repeat-y;
	padding-top: 4px;
}

#content {
	width: 627px;
	height: 474px;
	float: left;
	padding-left: 22px;
	padding-top: 8px;
	overflow-y: auto;
}

ul {
	margin: 0px;
	padding: 5px;
	padding-left: 15px;
}

#accordion {width:600px; margin:0px; border-top:none}
.accordion {width:600px; font:12px Arial; color:#77787a}
.accordion dt {width:596px; height: 25px; line-height: 25px; padding-left: 4px; cursor:pointer; background-color:#cce4f1; background-image:url(../images/arrow_vta.png); background-position:right center; background-repeat:no-repeat; border-top:1px solid #FFF; }
.accordion dt td { color: #000; font-weight: normal; }
.accordion dt:hover {background-color:#007ab9; color: #FFFFFF; }
.accordion .open {background-color:#007ab9; color: #FFFFFF; background-image:url(../images/arrow_vta.png)}
.accordion dd {overflow:hidden; background:#FFFFFF;}
.accordion span {display:block; width:600px; border-top:none; padding:15px}
