body{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #777744;
	background: #000355 url(../img/bobi_body_hg.gif);
	background-attachment: fixed;
	text-align: left; 
	font-size: 11px;
}
#site{
	position: absolute;
	width: 599px;/* max 780 orig 598px*/
	margin:30px 0px 0px -296px; /*-299px*/
  	left: 50%;
	padding: 0px;
	border: 0px solid #717171;
	padding-left: 9px;
	/*jk hgfarbe wichtig ie abstand weg*/
	background: #330  url(../img/rahmen/site_horiz_hg.gif) repeat left;
}

#head, #navhaupt, #content, #navunter{
		border: 0px solid;
}
#site img#border_top, img#border_bottom{
	margin:0;
	padding: 0;
	margin-left: -9px;
	vertical-align: top;
}
#site img#border_bottom{
	vertical-align: bottom;
}
#head{
	width: 590px;
	padding: 0px;
	overflow: auto;
	background: url(../img/bobi_walsum_kraul4.jpg) no-repeat;
	height: 160px;
	border-bottom: none;
	text-align: left;
	voice-family: "\";
}\"";
	voice-family:inherit;
	width:590px;
	margin-top: -4px; /*jk IE Abstand oben*/
}
html>body #head{width: 590px;height: 160px;}

#navhaupt{
width:592px;
float: left;
background: #515151 url(../img/rahmen/navhaupt_hg.gif); /*#191A00*/
margin-top: -1px;
border:0px solid #717171;
border-left: none;
border-right: none;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:590px;
}
html>body #navhaupt{
width: 590px;
background: #515151 url(../img/rahmen/navhaupt_hg.gif); /*#191A00*/
}	
#navunter{
width:592px;
float:left;
border-bottom: 0px solid;
background: #515151 url(../img/rahmen/navhaupt_hg.gif); /*#191A00*/
	voice-family: "\"}\"";
	voice-family:inherit;
	width:590px;
}
html>body #navunter{	width: 590px;}

#navhaupt ul, #navunter ul
{margin: 0;padding: 0 0 0 5%;font-size: 1em;letter-spacing: 1px;}
#navhaupt ul li, #navunter ul li{display: inline;}
#navhaupt ul li a, #navunter ul li a
{padding: 0.4em .5em .4em 24px; text-decoration: none; float: left;
	/*neu*/
	color: #222;/*	#D6B705;*/
	background: transparent url(../img/rahmen/navhaupt_li_hg.gif) no-repeat;
	height: 15px;
}
#navhaupt ul li#activ a, #navunter ul li#activ a{
	background: transparent url(../img/rahmen/navhaupt_liactiv_hg.gif) no-repeat left top;
	color: #D6B705;
	margin-top:2px;
	margin-bottom: -2px;
}
#navhaupt ul li a:hover, #navunter ul li a:hover
{background-color: transparent;	color: #000;
background: transparent url(../img/rahmen/navhaupt_liover_hg.gif) no-repeat left top;
margin-top:1px;
margin-bottom: -1px;
}

#navunter ul{font-size: .9em;}
#navunter ul li a{color:#222;}
#navunter ul li a:hover{;background-color: transparent;}

#content {
float: left;
margin: 0;
padding: 20px 50px 10px 50px;
/*	float: left;*/
/*		margin-right: auto; */
/* 	margin-left: auto; 	 
opera does not like 'margin:20px auto' */
	text-align:left; /* part 2 of 2 centering hack */
	width: 592px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 490px;
	background-color:#330;/*#767603; /*früher #330*/
	margin:0px;
	background: #330  url(../img/bobi_body_hg_braun.gif);
	background-attachment: fixed;
}
html>body #content {width: 490px;}
.innerbox{
	margin: 0px 0 0 0;
	padding: 0;
	border: 0px solid;
	background: url(../img/rahmen/hg_testXX.gif);
}
h4{
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 0px;
	border-bottom:1px solid;
	text-align: right;
}
h3{
	font-size:11px;
	color: #222;
	background: transparent url(../img/rahmen/h3_hg.gif) left top no-repeat;
	height: 21px;
	padding: 4px 0 0 50px;
}
h3 img{
	padding-right: 30px;
	vertical-align: top;
}
h3 img.rechts{
	text-align: right;
}
a, a:visited, a:hover, a:active{
text-decoration: none;
color: #777744;
outline: none;
}
img{border: none;}
#copyright{
	margin-top: 5px;
	/*border-top: 1px solid; */
	border-top: 1px solid;
	text-align: center;
	padding: 10px 0 0 0; 
}
#copy{
	clear: left;
	padding-left: 200px;
	background: #00024B url(../img/rahmen/copy_rahmen_hg.gif) no-repeat center top;
	height: 22px;

	margin: 0 0 0 -9px; 
	vertical-align: bottom;
}
#copy a {
	display: block;
	width:174px;
	height: 16px;
	font-size: 10px;
	color: #222;
	padding: 2px 0 0 12px;
	margin-left: 12px;
}
#copy a:hover{
	color: #D6B705;
	background: transparent url(../img/rahmen/copy_rahmen_dunkel_hg.gif) no-repeat top;
	background-position: top;
}
/*TEST*/