:focus {
outline:none;
}
body
{
	width:800px;
	margin:0px auto;
	text-align: center; /*for IE */
	background-color:#c3bbb4; /*#999999 #CCCCCC*/
	font-family:Verdana,Helvetica,Arial;
	font-size:13px;
	color: #000000;
	background-attachment: fixed;
	background-position: center;
	line-height: 18px;
	scrollbar-base-color:#000000;
	scrollbar-track-color:#000000;
	scrollbar-face-color:#000000;
	scrollbar-highlight-color:#3186B9;
	scrollbar-3d-light-color:#3186B9;
	scrollbar-dark-shadow-color:#3186B9;
	scrollbar-shadow-color:#3186B9;
	scrollbar-arrow-color:#FFFFFF;
	border:0px solid orange;
}
/* For IE's benefit: it ignores width in the body element. */
div.bodydiv
{ 
	width : 800px; 
}

/* Negate the preceding  for good browsers */
body>div.bodydiv
{
	width :  100%;
	position:relative;
  	margin : 0;
}
#title
{
	height:135px;/*135px;*/
	width:655px;
/*	padding:0px 12px;
	padding:0px;*/
	float:left;
	margin-top:0px;
	_margin-top: -0px;
/*	margin-bottom:0px;
	_margin-bottom:-0px;*/
	border:0px solid green;
	text-align:right;
	background-color: #FFFFFF;
}
#title.img
{
	height:135px;/*135px;*/
	width:655px;
/*	padding:0px 12px;
	padding:0px;*/
	top:-20px;
/*	margin-bottom:0px;
	_margin-bottom:-0px;*/
}
#logo
{
	height:135px;
	width:135px;
	float:right;
	padding:0px;
	margin-top:0px;
	margin-bottom:0px;
	border:0px solid #000000;
}
#spacer
{
	width:800px;
	float:left;
	height: 10px;
	_margin-top: -10px;
	border: 0px solid green;
}
#images
{
	width:135px;
	float:right;
	padding:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	border:0px solid blue;
}

#navi
{
	width:125px;
	padding:0px;
	float:left;
	font-size:13px;
	text-align:left;
	border:0px solid red;
}

#main
{
	width:530px;
	padding-top:40px;
	float:left;
	margin-top:0px;
	margin-bottom:0px;
	border: 0px solid #000000;
}

img.centered
{
	margin-left:auto;
	margin-right:auto;
	display:block;
	text-align:center;
}
h1
{
	font-family:Verdana;
	font-size:40.5px;
	color:#0000ff; /**#006699;**/
	font-weight: bold;
	/*vertical-align: text-bottom;*/
	position: relative;
	/* obere linke Ecke */
	text-align: left;
	top: -145px;
	_top:0px;
	_margin-top: -120px;/*-65px; 145px*/
	_margin-bottom: -105px;/*-65px; 145px*/
	left: 13px;
	
	/* untere rechte Ecke 
	text-align: right;
	top: -65px;
	right: 13px;
	*/
}
h2
{
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
}
hr
{
	border:1px solid #666666; /*#0000ff;*/
}
.white
{
	font-size:13px;
	color:#ffffff;
}
.black
{
	font-size:13px;
	color:#000000;
}
.blackbold
{
	font-size:12px;
	color:#000000;
	font-weight:bold;
}
.whitebold
{
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
}
.blacksmall{
	font-size:11px;
	color:#000000;
}
.whitesmall{
	font-size:11px;
	color:#ffffff;
}

a:link, a:visited, a:active, a:hover
{
  text-decoration:none;
  font-weight:bold;
  color:#0000ff; /**#006699;**/
  font-size:12px;
  line-height:20px;
  /*margin-top:50px;*/
}
a:visited
{
	color:#0000ff; /*#000099;*/
}
a:active, a:hover
{
 	color:#FFFFFF;
}

a.current:link, a.current:visited, a.current:active, a.current:hover
{
  text-decoration:none;
  font-weight:bold;
  color:#000099; /**#006699;**/
  font-size:12px;
  line-height:20px;
  /*margin-top:50px;*/
}
a.current:visited
{
	color:#000099; /*#000099;*/
}
a.current:active, a.current:hover
{
 	color:#FFFFFF;
}
a.small:link, a.small:visited, a.small:active, a.small:hover
{
  text-decoration:none;
  font-weight:normal;
  color:#0000ff; /**#006699;**/
  font-size:11px;
  line-height:20px;
  /*margin-top:50px;*/
}
a.small:visited
{
	color:#000099; /*#000099;*/
}
a.small:active, a.small:hover
{
 	color:#FFFFFF;
}
/* currently not used
#navi_spacer
{
	height:150px;
	width:150px;
	float:left;
	border:0px solid #000000;
}
*/