@charset "utf-8";
body {
	background-color: #ffffff;
	background-image: url(images/hg_main.jpg);
	background-position: center top;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	line-height: 16px;
}

body.fancy {
	background-color: #eeeeee;
	background-image: none;
}

body.fancyw {
	background-image:url(images/hg_werbemittel.gif); 
	background-position: left top;
}

a {
	text-decoration: none;
	color: #000000;
}

span.small {
	display: block;
	font-size: 11px; 
	color: #828282; 
	margin: 2px 0;
}

p {
	margin: 0 0 15px 0;	
}

#wrapper {
	position: relative;
	margin: 0 auto;
	width: 1000px;
}

body.fancy #wrapper {
	width: 690px;
}

#wrapper #col_left {
	position: relative;
	float: left;
	width: 294px;
	min-height: 1005px;	
	background-image: url(images/hg_col_left.png);
	margin: 0 16px 0 0;
}

#wrapper #col_left #logo {
	width: 170px;
	height: 62px;
	margin: 40px 0 52px 60px;
	background-image: url(images/home.png);
	background-position: 70px -60px;	
}

#wrapper #col_left #menu {
	position: relative;
	width: 240px;
	height: 200px;
	margin: 0 0 62px 0;
}

#wrapper #col_left #menu ul li {
	height: 32px;
}

#wrapper #col_left #menu ul li a {	
	display: block;
	padding: 0 0 0 60px;
	height: 32px;
	line-height: 32px;
	font-size: 16px;
	color: #666666;
	font-weight: bold;
	text-transform: uppercase;
}

#wrapper #col_left #menu ul li a#aktiv {
	color: #99a518;
}

#wrapper #col_left #menu ul li a#aktiv {	
	padding: 0 0 0 75px;
	background-image: url(images/hg_menu_aktiv.png);
	background-position: 0 2px;
}

#wrapper #col_left #news {
	position: relative;
	width: 230px;
	padding: 0 0 0 33px;
}

#wrapper #col_left #news div.news {
	padding: 10px 27px;
	background-image: url(images/hg_news_hover.png);
	background-position: -230px 0;
}

#wrapper #col_left #news div.news p {
	margin: 0;
}

#wrapper #col_left #news h3 {
	font-size: 21px;
	font-weight: normal;
	color: #828282;
	margin: 0 0 10px 0;
	padding: 0 0 0 27px;
}

#wrapper #col_right {
	position: relative;
	float: left;
	width: 690px;
}

#wrapper #col_right #subnav {
	position: relative;
	width: 677px;
	padding: 0 0 0 13px;
	height: 105px;
}

#wrapper #col_right #subnav div.info {
	position: relative;
	float: left;
	padding: 22px 20px 0 0;
	margin: 0 15px 0 0;
	height: 45px;
	max-width: 200px;
	border-right: 1px solid #c9cdcf;
	font-size: 10px;
	line-height: 14px;
	color: #9e9c9c;
}

#wrapper #col_right #subnav div.info.noborder {
	border-right: none;
}

#wrapper #col_right #subnav div.info h4 {
	font-size: 14px;
	color: #828282;
	font-weight: bold;
	margin: 0 0 1px 0;
}

#wrapper #col_right #subnav div.info a.filter {
	cursor: pointer;
	color: #828282;
}

#wrapper #col_right #subnav div.info a.filter.aktiv {
	color: #000000;
}

#wrapper #col_right #subnav div.info a.filter:hover {
	color: #4B4B4B;
}

#wrapper #col_right #subnav div.social {
	position: relative;
	float: right;
	width: 133px;
	height: 105px;
	padding: 0 0 0 12px;
	margin: 0 4px 0 0;
	background-image: url(images/hg_fb_twt.png);
}

#wrapper #col_right #subnav div.social a {
	display: block;
	float: left;
	width: 61px;
	height: 64px;
	margin: 0 1px 0 0;
	background-position: 0 0;
}

#wrapper #col_right #subnav div.social a:hover {
	background-position: -61px 0;
}

#wrapper #col_right #subnav div.social a.fb {
	background-image: url(images/bt_facebook.png);
}

#wrapper #col_right #subnav div.social a.twt {
	background-image: url(images/bt_twitter.png);
}

#wrapper #col_right div.image {
	position: relative;
	width: 665px;
	height: 262px;
	overflow: hidden;
	margin: 34px 0 27px 13px;
}

#wrapper #col_right div.referenz {
	position: relative;
	width: 665px;
	margin: 0 0 0 13px;
}

#wrapper #col_right div.text {
	width: 610px;
	min-height: 562px;
	background-image: url(images/hg_content.png);
	padding: 33px 40px 33px 40px;
	margin-top: -20px;	
}

body.fancy #wrapper #col_right div.text {
	background-image: url(images/hg_content_refdetail.png);
	min-height: 276px;
}

#wrapper #col_right div.text.neues {
	margin-top: 25px;
}

#wrapper #col_right div.text h1 {
	width: 500px;
	font-size: 25px;
	line-height: 30px;
	color: #666666;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0 0 20px 0;
}

#wrapper #col_right div.text a.implnk {
	display: block;
	margin: 68px 8px 0 0;
	text-align: right;
	cursor: pointer;
}

div.news, div.beschreibung {
	position: relative;
}

div.news a {
	text-decoration: none;
	color: #000000;
	display: block;
}

#wrapper #col_right div.beschreibung {
	width: 500px;
}

#wrapper #col_right div.beschreibung a {
	text-decoration: underline;
}

#wrapper #col_right div.beschreibung a.view {
	display: block;
	width: 98px;
	height: 23px;
	font-size: 11px;
	line-height: 21px;
	background-image: url(images/bt_view.png);
	margin: 0 0 0 -27px;
	padding: 0 0 0 27px;
	text-decoration: none;
}

#wrapper #col_right div.beschreibung ul {
	margin: 0 0 20px 0;
}

#wrapper #col_right div.beschreibung ul li {
	padding: 0 0 0 20px;
	background-image: url(images/li.png);
	background-position: 0 4px;
	position: relative;
}

#wrapper #col_right div.beschreibung ul li a.small {
	display: inline;
	font-size: 11px; 
	color: #828282; 
	margin: 2px 0;
	text-decoration: none;	
	position: absolute;
	right: 0px;
}

#wrapper #col_right div.beschreibung ul li a.small:hover {
	color: #000000;
}

#wrapper #col_right div.news {
	width: 510px;
	margin: -10px 0 20px -27px;
	padding: 10px 147px 10px 27px;
	background-image: url(images/hg_news_hover_content.png);
	background-position: -665px 0px;
}

div.news h2, div.text h2, div.news h2 a, div.text h2 a {
	font-size: 14px;
	font-weight: bold;
	color: #444;
}

div.text h2 {
	width: 500px;
	color: #444;
	margin: 0 0 18px 0;
}

div.text div.news h2 {
	margin: 0;
}

div.text div.news.detail h2 {
	margin: 0 0 12px 0;
}

div.news h2 a {
	padding: 0 0 8px 0;	
}

#wrapper #col_right div.news a.facebook {
	position: absolute;
	right: -105px;
	bottom: 0px;
}

#wrapper #col_right div.referenzen {
	position: relative;
	width: 688px;
	padding: 0 0 0 2px;
	margin-top: 25px;
}

#wrapper #col_right div.referenzen div.refbox {
	position: relative;
	float: left;
	width: 	206px;
	min-height: 290px;
	padding: 9px 11px;
	background-image: url(images/hg_refbox.png);
	margin: 0 1px 0 0;
}

#wrapper #col_right div.referenzen div.refbox.last {
	width: 206px;
	margin: 0 0 0 0;
	padding: 9px 0 9px 11px;
}

#wrapper #col_right div.referenzen div.refbox div.refimage {
	text-align: center;
	width: 206px;
	height: 166px;
	overflow: hidden;
}

#wrapper #col_right div.referenzen div.refbox div.refimage img {
	margin-top: 11px;
	width: 184px;
	height: 142px;
}

#wrapper #col_right div.referenzen div.refbox div.reftext {
	padding: 0 11px;
	color: #4e5051;
}

#wrapper #col_right div.referenzen div.refbox div.reftext p {
	margin: 0 0 10px 0;	
}

#wrapper #col_right div.referenzen div.refbox div.reftext span.bld {
	text-transform: uppercase;
	font-weight: bold;
}

#wrapper #col_right div.referenzen div.refbox div.reftext a {
	color: #4e5051;
	text-decoration: none;
	text-transform: uppercase;
}

#wrapper #col_right div.referenzen div.refbox div.reftext a.fnc, #wrapper #col_right div.referenzen div.refbox div.reftext a.fncw {
	display: block;
	width: 45px;
	height: 23px;
	font-size: 11px;
	line-height: 20px;
	background-image: url(images/bt_mehr.png);
	margin: 0 0 0 -11px;
	padding: 0 0 0 11px;	
}

#wrapper #col_right div.referenzen div.refbox div.reftext a:hover {
	text-decoration: underline;
}