@font-face {
 font-family: MyCustomFont;
 src: url("../fonts/trebuc.eot") /* EOT file for IE */
}
@font-face {
 font-family: MyCustomFont;
 src: url("../fonts/trebuc.ttf") /* TTF file for CSS3 browsers */
}


body
{
	background:#ddd;
	text-align:left;
	color:#000;
	font-size:13px;
	line-height:15px;
	font-weight:normal;
	font-family:MyCustomFont,arial,sans-serif;
}

h1{

	font-size:16px;
	margin: 0px 0px 10px 0px;
}

h2{

	font-size:13px;
	margin: 0px 0px 7px 0px;
}

#gesamt {

	position:relative;
	background:url(../hg/gesamt_hg.png) no-repeat;
	width:1004px;
	height:593px;
	margin:0px auto;
	border:0px;

}

ul{

	list-style-type:none;
	margin-left:-40px;
	
}

a {


	font-weight:bold;
	color:#333;

	
}

img{

	border:0px;
	
}

#header{
	position:relative;
	width:1004px;
	height:175px;
}

#header img{

	position:absolute;
	top:30px;
	left:85px;
	width:300px;
	height:100px;
}

#navi{

	padding:0px 0px 0px 0px;
	float:left;
	width:189px;
	height:321px;
}

#navi ul{

	list-style-type:none;
	margin: -12px 0px 0px 45px;
	
}

#navi ul li a{

	display:block;
	background:url(../hg/button.png) no-repeat;
	width:104px;
	height:36px;
	padding-top:19px;
	font-size:12px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:normal;
}

#navi ul li a:hover, #navi a.link1 {


	background:url(../hg/button_over.png) no-repeat;
	font-weight:bold;
}

#navi ul li a.link3:hover, #navi a.link3 {


	display:block;
	background:url(../hg/button.png) no-repeat;
	width:104px;
	height:36px;
	padding-top:19px;
	font-size:11px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:normal;

}

#content{

	position:relative;
	width:1004px;
	height:321px;
}

#main{

	position:relative;
	background:url(../hg/content_hg.png) no-repeat;
	float:left;
	width:735px;
	height:321px;
}

#oben{
	position:absolute;
	top:-10px;
	right:0px;
	width:136px;
	height:134px;
}

#bild{

	float:left;
	width:208px;
	height:306px;
	margin:1px 0px 0px 13px;
}

#text{

	float:left;
	width:412px;
	height:256px;
	padding:30px 60px 20px 40px;
}


#text ul{

	list-style-type:disc;
	margin: 0px 0px 0px -20px;
	font-size:12px;
	
}

#name1{

	float:left;
	padding-right:10px;
	font-weight:bold;
}

#name2{

	float:left;
	padding-right:10px;
	font-weight:normal;
}



#name1 ul, #name2 ul{

	list-style-type:none;
	margin: 10px 0px 0px -40px;

	
}

#tel{
	float:left;
	width:60px;
}

#num{
	float:left;
	width:350px;
}

#footer{

	position:relative;
	margin:0px auto;
	width:987px;
	height:35px;
	text-align:right;
}

#footer ul{

	width:825px;
	list-style-type:none;
	margin: 0px 0px 0px 650px;
	
}

#footer ul li{

	float:left;
	
}

#footer ul li a{

	display:block;
	height:12px;
	padding:2px 5px;
	font-size:12px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:normal;
	border-right:1px solid #000;
}

#footer ul li a.link2{

	border-right:0px solid #000;
}

#footer ul li a:hover {

	text-decoration:underline;
}