/* CSS Document */
/* Design hte.ch webdesign */
	* {
		margin:0;
		padding:0;
		}

	html, body {
		height:100%;
		}

	body {
		background-color: #000000; /* Hintergrundfarbe front */
		color: #000066;
		font:100.01%/1.4 sans-serif;
		text-align:center; /* horizontal centering for IE Win quirks */
		vertical-align:middle;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		font-style:normal;
		}

	#distance { 
		width:1px;
		height:50%;
		background-color:#fc6;
		margin-bottom:-320px; /* half of container's height */
		float:left;
		}

	#container {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align: center;
		vertical-align:middle;
		height: 640px; /*grösse angeben hte */
		width: 960px;
		clear:left;
		z-index:1;
		/*border:1px solid #CCCCCC ;
		border-top-color:#CCCCCC;
		border-left-color:#CCCCCC;
		*/}

	#container div {
	font-size:80%;
	float:right;
	width:729px;
	margin-left:2em;
		}

	#container div h2 {
		font-size:120%;
		font-weight:bold;
		text-transform:uppercase;
		margin:1em 0 0;
		}

	#container div h3 {
		font-size:100%;
		font-weight:bold;
		margin:.5em 0 0 .75em;
		}

	#container ul {
		margin-left:2em;
		}

	#container li span {
		font-size:70%;
		}
		

	#container h1 {
		font-size:120%;
		padding-top:2.4em;
		margin-left:2.4em;
		}

	#container p {
		margin:1.5em 13.6em 1.5em 3em;
		}

	address {
		font-weight:normal;
		font-size:80%;
		font-style:normal;
		text-align:right;
		margin:0 20em 0 3em;
		}

	#adfree {
		display:block;
		text-align:center;
		margin-top:1em;
		font-size:100%;
		font-weight:bold;
		color:red;
		}

#bg {	position:absolute;
		background-repeat:no-repeat;
		width:960px;
		height:640px;
		top:0px;
		left:-8px;
		z-index:1;
		}
#bg1 {	position:absolute;
		background-image: url(bilder/hg1.gif);
		background-repeat:no-repeat;
		background-position:right;
		width:620px;
		height:400px;
		top:242px;
		left:206px;
		z-index:5;
		}
#inhalt {
	position:absolute;
	width:650px;
	height:336px;
	top:274px;
	left:24px;
	overflow:auto;
	z-index:11;
		}
#foto {
	position:relative;
	/*width:213px;*/
	width:auto;
	height:427px;
	top:195px;
	left:21px;
	z-index:15;
	}	
#hte {position:absolute;
		width:900px;
		height:50px;
		top:656px;
		left:200px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;
		color:#333333;
		text-align:right;
		}
.zehn
	{font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:10px;}
.zehnfett
	{font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:10px;
	 font-weight:bold;}
.elf
	{font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:11px;}
.zwolf
	{font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;}
.vierzehn
	{font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:14px;}
.titel {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:26px;
	font-weight:bold;
	}
a:link { text-decoration:none; color:#000000;}
a:visited { text-decoration:none; color:#000000;}
a:hover { text-decoration:none; color:#000000;}
a:active { text-decoration:none; color:#000000;}
img {border:0pt}