body, body table, body tr, body td {
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
}
body {
  margin:0px;
  padding:0px;
  padding-top:20px;
  background-color:#7B6B6B;
  background-image: url(img/hp_bg.jpg);
  background-repeat: repeat;
  background-position: center center;
}
#hpcontainer {
	position:absolute;
	width:620px;
	left: 50%;
	margin: 0 0 0 -310px;
	padding:0;
	 background-image: url(img/hp_bg_main.jpg);
  background-repeat: repeat-y;
  background-position: center center;
}
#logo {
  height:104px;
  margin:0;
  padding:0;
  background-image: url(img/hp_logo.jpg);
  background-repeat: none;
  background-position: center center;
}
#menu {
  height:35px;
  margin:0 11px 0 11px;
  padding:0;
  background-image: url(img/hp_logo.jpg);
  background-repeat: none;
  background-position: center center;
}
#middle {
	width:598px;
	margin-left:11px;
	padding:0;
	background-image: url(img/bg_fader.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}
#content {
	height:400px;
	padding:13px;
	background-image: url(img/hp_watersign.jpg);
  background-repeat: no-repeat;
  background-position: right bottom;
}
html>body #content { /* be nice to opera (&gekko) */
padding:20px;
height: auto;
min-height: 400px;
}
#footer {
  height:40px;
  margin:0px;
  padding:0px;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

div.hint {
	border: 0px;
	margin: 20px;
	width: auto;
	padding: 0;
}

div.hint h1 {
	font-size: 8pt;
	line-height: 15px;
	margin: 10px 0 13px 27px;
	padding: 0;
}

div.hint p {
	font-size: 8pt;
	margin-left: 27px;
}

div.hint ul {
	font-size: 8pt;
	font-weight: 700;
	margin: 0 0 10px 40px;
	padding: 10px 0 20px; /* IE 5.x */
	voice-family: "\"}\"";
	margin: 10px 0 10px 40px;
	padding: 0 0 10px;
	voice-family: "\"}\"";
}

div.hint ul a {
	font-weight: 400;
}

div.hint li {
	margin: 3px 0;
}

div.hint li p {
	margin-left: 0;
}

div.hint div {
	padding: 5px 5px 1px 40px;
}

div.hint .error {
	background: url(img/note_error.gif) 10px 10px no-repeat;
	border: 1px dashed;
	color: #DE2121;
}

div.hint .error h1 {
	color: #DE2121;
}

div.hint .success {
	background: url(img/note_success.gif) 10px 10px no-repeat;
	border: 1px dashed;
	color: #2C9C3B;
}

div.hint .success h1 {
	color: #2C9C3B;
}


/* SCHRIFTFORMATE */

.headline {
	font-size: 10pt;
	color: #B00B00;
	font-weight: bold;
}
.headline2 {
	font-size: 8pt;
	color: #000000;
	font-weight: bold;
	text-decoration:underline;
}
.small {
	font-size: 7pt;
}
/* OBJEKTFORMATE */
input.button {
  cursor:pointer;
  border:0px;
  margin:0px;
  padding:0px;
}
input.radiobutton {
  cursor:pointer;
  vertical-align:middle;
  border:0px;
  margin:2px 2px;
  padding:0px;
  background-color:#F0F0F0;
}
input, textarea, option {
	font-size: 8pt;
	font-weight : normal;
	color : #000000;
	padding:2px;
	BORDER: 1px dashed #AAA9A9;
	background-Color: #F0F0F0;
}
/* LINKFORMATE  */
a:link, a:visited, a:active {
font-size: 8pt;
color: #000000;
font-weight: normal;
text-decoration: underline;
}
a:hover {
font-size: 8pt;
color: #000000;
font-weight: normal;
text-decoration: none;
}
.dtree {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	white-space: nowrap;
	padding:5px;
	width:200px;
	float:left;
	margin:0;
	overflow: hidden;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	color: #333;
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #333;
	text-decoration: underline;
}
.dtree a.nodeSel {
	background-color: #c0d2ec;
}
.dtree .clip {
	overflow: hidden;
}
.download_info {
	width:335px;
	float:right;
	padding:5px;
}
.cat_table {
	BORDER-RIGHT: 1px solid #A9A0A0;
  BORDER-LEFT: 1px solid #CDC8C8;
  BORDER-TOP: 1px solid #CDC8C8;
  BORDER-BOTTOM: 1px solid #A9A0A0;
}
.cat_top {
	background-color: #323232;
	color:#DDDBDB;
	font-size: 8pt;
  font-weight: normal;
}
.cat_top2 {
	background-color: #919191;
	color:#DDDBDB;
	font-size: 8pt;
  font-weight: bold;
  background-image: url(img/cellpic.gif);
  background-repeat: repeat-x;
}
.cat1 {
	background-color: #C8C8C8;
}
.cat2 {
	background-color: #BDBDBD;
}
.cat_highlight {
	background-color: #AE2222;
	color:#DDDBDB;
}
.cat_top_desc {
	background-color: #323232;
	color:#DDDBDB;
	font-size: 7pt;
  font-weight: normal;
}
a.download:link, a.download:visited, a.download:active, a.download:hover {
width:100%;
color: #000000;
font-weight: normal;
text-decoration: none;
}
a.download:hover {
width:100%;
color: #DDDBDB;
font-weight: normal;
text-decoration: none;
}
.nowrap {
	white-space: nowrap;
	overflow: hidden;
}
	
// COMMENTS
#co_container {
  width: 550px;
  height:auto;
  margin: 0;
  padding: 3px;
  border: 1px dashed #000000;
  background-color: none;
  background-image: none;
  text-align:left;
  color: #000000;
  
  font-size: 9pt;
  font-weight: normal;
}
#co_top_nav {
  padding:0;
  height: 15px;
  border:0px;
  width:50%;
  font-size: 8pt;
  float:left;

}
#co_top {
  padding:0;
  height: 15px;
  width:auto;
  border:0px;
  font-size: 9pt;
	text-align:right;
	margin-right:0px;
}
.co_info_header {
  padding-left:4px;
  BORDER-RIGHT: 1px solid #888888;
	BORDER-LEFT: 1px solid #F9F7F4;
	BORDER-BOTTOM: 1px solid #888888;
	BORDER-TOP: 1px solid #F9F7F4;
  border-bottom:0px;
  width:auto;
  height:15px;
  margin:0px;
  background-color: #000000;
  background-image: url(img/cellpic.gif);
  background-repeat: repeat-x;
  text-align:left;
  font-size: 8pt;
  color: #FFFFFF;
  font-weight: bold;
}
.co_info {
  padding: 4px;
  border:0px;
  width:30%;
  font-size: 9pt;
  float:left;
}
.co_entry {
  margin:0px;
  margin-left:31%;
  padding: 4px;
  width:auto;
  border:0px;
  font-size: 9pt;
}
.co_content_container {
  padding: 4px;
  margin:0px;
  height:auto;
  width:auto;
  BORDER-RIGHT: 1px solid #A9A0A0;
  BORDER-LEFT: 1px solid #CDC8C8;
  BORDER-TOP: 1px solid #CDC8C8;
  BORDER-BOTTOM: 1px solid #A9A0A0;
  font-size: 9pt;
}
.co_input {
 width:300px;
}

.center {
 text-align:center;
 margin: 0 auto;
}
.nospace {
	padding:0;
	margin:0;
	border:0;
}
img.nospace {
	display: block;
}

/*
 *    GUESTBOOK CSS
 */

#gb_container {
  width: auto;
  height:auto;
  margin: 0;
  padding: 3px;
  border: 0px solid #000000;
  background-color: none;
  background-image: none;
  text-align:left;
  color: #000000;
  
  font-size: 9pt;
  font-weight: normal;
}
#gb_top_nav {
  padding:0;
  height: 15px;
  border:0px;
  width:50%;
  font-size: 8pt;
  float:left;

}
#gb_top {
  padding:0;
  height: 15px;
  width:auto;
  border:0px;
  font-size: 9pt;
	text-align:right;
	margin-right:0px;
}
.gb_info_header {
  padding-left:4px;
  BORDER-RIGHT: 1px solid #888888;
	BORDER-LEFT: 1px solid #F9F7F4;
	BORDER-BOTTOM: 1px solid #888888;
	BORDER-TOP: 1px solid #F9F7F4;
  border-bottom:0px;
  width:auto;
  height:15px;
  margin:0px;
  background-color: #000000;
  background-image: url(img/cellpic.gif);
  background-repeat: repeat-x;
  text-align:left;
  font-size: 8pt;
  color: #FFFFFF;
  font-weight: bold;
}
.gb_info {
  padding: 4px;
  border:0px;
  width:30%;
  font-size: 9pt;
  float:left;
}
.gb_entry {
  margin:0px;
  margin-left:31%;
  padding: 4px;
  width:auto;
  border:0px;
  font-size: 9pt;
}
.gb_content_container {
  padding: 4px;
  margin:0px;
  height:auto;
  width:auto;
  BORDER-RIGHT: 1px solid #A9A0A0;
  BORDER-LEFT: 1px solid #CDC8C8;
  BORDER-TOP: 1px solid #CDC8C8;
  BORDER-BOTTOM: 1px solid #A9A0A0;
  font-size: 9pt;
}
.gb_input {
 width:300px;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */