BODY, HTML
{
	height: 100%;
	min-height: 640px;
}
BODY
{
	background: #6B828D;
	padding: 0px;
	margin: 0px auto;
	width: 1175px;
	position: relative;
	font: 9pt/20px Arial, Helvetica, sans-serif;
}
BODY, A
{
	color: #FFFFFF;
	text-decoration: none;
}
A:hover
{
	text-decoration: none;
}
#container
{
	height: 360px;
	top: 50%;
	margin-top: -160px;
	position: absolute;
	width: 1250px;
}
#eins LI .aktiv
{
	color: #87E6F3;
}
#logo
{
	margin-bottom: 20px;
	background: #2C3C49 url(../image/logo_hetzel.jpg) no-repeat bottom left;
	position: absolute;
	width: 360px;
	height: 50%;
	top: 0px;
	left: 195px;
	margin-top: -180px;
}
#eins
{
	width: 180px;
	position: relative;
	height: 360px;
	float: left;
	margin-right: 15px;
	background: #2C3D49;
}
#eins UL
{
	list-style-type: none;
	font-size: 12px;
	padding: 0px;
	margin-top: 15px;
	margin-left: 20px;
	margin-bottom: 15px;
}
#eins A
{
	color: #8299A2;
}
#eins A:hover
{
	color: #FFFFFF;
}
#eins LI
{
	line-height: 200%;
}
#zwei
{
	width: 320px;
	position: relative;
	height: 320px;
	float: left;
	background: #2C3D49;
	margin-right: 15px;
	padding: 20px;
}
#zwei #subnavi {
	height: 10px;
	text-align: center;
}
#subnavi a {
	font-size: 10px;
	font-weight: bold;
	margin-right: 10px;
	margin-left: 10px;
	color: #A6C1CB;
}
#subnavi a:hover {
	color: #FFFFFF;
}
#zwei IMG
{
	border: 1px solid #FFFFFF;
}
/*#zwei iframe {
	border: 1px solid #FFFFFF;
	height: 318px;
	width: 318px;
	margin: 0px;
	padding: 0px;
}*/

#zwei #frame {
	border: 1px solid #FFFFFF;
	height: 318px;
	width: 318px;
	margin: 0px;
	padding: 0px;
}
#drei
{
	width: 320px;
	position: relative;
	height: 320px;
	float: left;
	margin-right: 15px;
	padding: 20px;
	background: #2C3D49;
}
#drei_scroll
{
	width: 320px;
	position: relative;
	height: 320px;
	float: left;
	margin-right: 15px;
	padding: 20px;
	background: #2C3D49;
	overflow-y: auto;
}
H1
{
	font-size: 12px;
	margin: 0px;
}
#vier
{
	position: relative;
	height: 320px;
	float: left;
	background: #2C3D49;
	width: 266px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#vier IMG
{
	border: 1px solid #FFFFFF;
	margin: 0px 8px 8px 0px;
	/*+opacity:50%;*/
	filter: alpha(opacity=50);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	vertical-align: bottom;
}
#vier A:hover IMG, #vier A.aktiv IMG
{
	/*+opacity:100%;*/
	filter: alpha(opacity=100);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#zitat
{
	width: 310px;
	padding-top: 20px;
	margin-bottom: 0px;
}
#zitat H2
{
	font: normal 10px/30px Arial, Helvetica, sans-serif;
	text-align: right;
	margin-bottom: 0px;
}
#zitat P
{
	color: #A7C3CD;
	font: italic 17px/120% "Times New Roman", Times, serif;
	margin: 0px 0px 10px;
}

#text
{
	width: 320px;
	padding-bottom: 20px;
	font-size: 12px;
	padding-top: 20px;
}
#text H2
{
	font: bold normal 12px Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-bottom: 10px;
}
#text P
{
	margin: 0px 0px 10px;
}
#abstand
{
	background: #663399;
	width: 360px;
}
#impressum {
	margin-top: 50px;
	color: #8299A2;
	width: 250px;
}
#impressum a {
	color: #8299A2;
}
#breit a:hover {
	color: #87E6F3;
}
#breit
{
	width: 613px;
	position: relative;
	height: 325px;
	float: left;
	background: #2C3D49 url(../image/ganz-persoenlich.jpg) no-repeat right bottom;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#breit p {
	margin: 0px 0px 8px;
	font: normal 12px/20px Arial, Helvetica, sans-serif;
}
#breit .impressum a {
	color: #7F8F99;
}
#breit .impressum a:hover {
	color: #9DB0BE;
}
#vier .hell {
	/*+opacity:100%;*/
	filter: alpha(opacity=100);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}