@charset "UTF-8";

body {
	background-image: url(img-layout/hg-site-body.jpg);
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:link {
	color: #FF9900;
	text-decoration: none;
}

a:hover {
	color: #FF9900;
	text-decoration: underline;
}


/* ######################################## Site Layout ######################################## */

#wrapper	{
	height: 634px;
	background-image: url(img-layout/hg-site-wrapper.jpg);
	background-repeat: repeat-x;
}

#site	{
	position: relative;
	top: 50px;
	width: 800px;
	height: 620px;
}

#site-hg	{
	width: 800px;
	height: 620px;
	background-image: url(img-layout/hg-content.png);
	background-repeat: no-repeat;
}


* html #site-hg	{
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='img-layout/hg-content.png');
}


#site-head	{
	position: relative;
	top: 8px;
	width: 780px;
	height: 205px;
	/* background-color: #009900; */
	background-image: url(img-layout/hg-header.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#site-content	{
	position: relative;
	width: 780px;
	height: 405px;
	text-align: left;
	padding: 15px 0 0 0;
	/* background-color: #999900; */
}

#nav	{
	position: absolute;
	/* border: 1px solid #993300; */
	width: 257px;
	height: 24px;
	top: 173px;
	left: 502px;
}

#text	{
	position: relative;
	width: 670px;
	left: 65px;
}

#text-spalte-links	{
	position: relative;
	float: left;
	width: 335px;
	margin: 0 15px 0 55px;
	padding-right: 10px;
	border-right: 1px solid #CCCCCC;
}

* html #text-spalte-links	{
	margin: 0 15px 0 30px;
}

#text-spalte-rechts	{
	position: relative;
	float: left;
	width: 335px;


}


.clear	{
	clear: both;
	color: #FFFFFF;
}

/* ######################################## Nav Links ######################################## */

#nav a.home	{
	position: relative;
	float: left;
	width: 51px;
	height: 24px;
	display: block;
	background-image: url(img-layout/nav-home.jpg);
}

#nav a.home:hover	{
	background-image: url(img-layout/nav-home-over.jpg);
}

#nav a.home-over	{
	background-image: url(img-layout/nav-home-over.jpg);
	position: relative;
	float: left;
	width: 51px;
	height: 24px;
	display: block;
}

#nav a.kontakt	{
	position: relative;
	float: left;
	width: 122px;
	height: 24px;
	display: block;
	background-image: url(img-layout/nav-kontakt.jpg);
}

#nav a.kontakt:hover	{
	background-image: url(img-layout/nav-kontakt-over.jpg);
}

#nav a.kontakt-over	{
	background-image: url(img-layout/nav-kontakt-over.jpg);
	position: relative;
	float: left;
	width: 122px;
	height: 24px;
	display: block;
}

#nav a.impressum	{
	position: relative;
	float: left;
	width: 84px;
	height: 24px;
	display: block;
	background-image: url(img-layout/nav-impressum.jpg);
}

#nav a.impressum:hover	{
	background-image: url(img-layout/nav-impressum-over.jpg);
}

#nav a.impressum-over	{
	background-image: url(img-layout/nav-impressum-over.jpg);
	position: relative;
	float: left;
	width: 84px;
	height: 24px;
	display: block;
}


/* ######################################## Email-Link ######################################## */

#site-head #email-link	{
	position: absolute;
	display: block;
	width: 160px;
	height: 15px;
	top: 58px;
	left: 590px;
	/* border: 1px solid #FF0000; */
}


#site-head #email-link span	{
	display: block;
	width: 160px;
	height: 15px;
}


/* ######################################## Typo ######################################## */

p	{
	font-size: 12px;
	color: #003366;
	line-height: 135%;
}

h1	{
	font-size: 18px;
	color: #003366;
	line-height: 135%;
	font-weight: bold;
}

.blocksatz	{
	text-align: justify;
}

em	{
	font-weight: bold;
}

/* ######################################## Bilder ######################################## */

#site-content img	{
	padding: 3px;
	border: 1px solid #CCCCCC;
}