/* macrocom GmbH | Felix Bischoff | 01.2010 */
*{
	margin:	0px;
	padding:0px;
}
body { 
	font-family: 	Tahoma, Arial, Helvetica, Sans-serif;  
	color: 			#5a5b5d;
	font-size: 		0px;
	line-height:	0px;
	background: 	url(../images/body-bg.jpg) top center repeat-x #FFFFFF;
	margin:			0px;
	padding:		0px;
}
.clear {
	clear: 	both;
	height: 0px;
	margin:			0px;
	padding:		0px;
	font-size: 		0px;
	line-height:	0px;
}
#printlogo {
	display: none;
}
a img {
	border: none;
}
.contentimg {
	width: 525px;
	text-align: center;
}
.contentimg img {
	border: 5px solid #D6D6D6;
	margin-top: 15px;
}
a {
	color: #5a5b5d;
}
a:hover {
	color: #e5322b;
}
a.link {
	color: #5a5b5d;
	text-decoration: none;
}
a.hinweis {
	font-size: 12px;
	text-decoration: underline;
	line-height: 25px;
}
strong {
	font-weight: normal;
}
span.bold {
	font-weight: bold;
}
span.tel {
	width: 55px;
	display: inline-block;
}
address {
	font-style: normal;
	font-size: 12px;
	margin-bottom: 8px;
}
#rightcontent .zeiten dl {
	width: 220px;
	margin-bottom: 8px;
}
#rightcontent .zeiten dt {
	font-size: 12px; 
	float: left;
	width: 100px;
	line-height: 20px;
}
#rightcontent .zeiten dd {
	font-size: 12px; 
	margin-left: 100px;
	width: 120px;
	line-height: 20px;
}
h3 {
	font-size: 12px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	margin-bottom: 5px;
}
#wrapper {
	width:		100%;
	height: 	100%;
	margin:		0px;
	padding:	0px;
	text-align: center;
	background: url(../images/wrapper-bg.gif) bottom left repeat-x;
}
#main {
	font-family: 	Tahoma, Arial, Helvetica, Sans-serif;  
	font-size: 		11px;
	color:			#5a5b5d;
	line-height:	16px;
	width:			780px;
	height: 		auto;
	margin:			0 auto;
	text-align: 	left;
	position: 		relative;
}
#topnavi {
	width: 764px;
	text-align: right;
	height: 34px;
	line-height: 40px;	
	color: #d6d6d6;
	margin-bottom: 61px;
}
#topnavi a {
	color: #5a5b5d;
	text-decoration: none;
	margin: 0px 9px;
}
#topnavi a:hover {
	color: #e5322b;
}
#topnavi a.act {
	color: #e5322b;
	text-decoration: none;
	margin: 0px 9px;
}
#header {
	width: 100%;
	margin-bottom: 1px;
}
#infobox {
	float: left;
	width: 204px;
	height: 310px;
	margin-left: 25px;
}
#infobox h3 {
	font-size: 11px;
	font-weight: bold;
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 5px;
}
#infobox p {
	margin-left: 40px;
	margin-bottom: 6px;
	line-height: 17px;
}
#infobox span.tel {
	width: 45px;
	display: inline-block;
}
#infobox address {
	margin-left: 40px;
	font-style: normal;
}
#infobox address a {
	font-size: 11px;
	margin-bottom: 0px;
	text-decoration: none;
}
#infobox .zeiten {
	margin-left: 20px;
}
#headerimage {
	float: left;
	width: 525px;
	height: 310px;
	margin-left: 1px;
	background-image: url(../images/noflash.jpg);
	background-position: center center;
}
#navi {
	width: 100%;
	height: 49px;
	line-height: 47px;
	text-align: center;
	margin-bottom: 35px;
}
#navi li {
	display: inline;
	list-style: none;
	margin-left: 17px;
	margin-right: 17px;
}
#navi li a {
	color: #FFFFFF;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
}
#navi li.act {
	display: inline;
	list-style: none;
	margin-left: 17px;
	margin-right: 17px;
	border-bottom: 1px solid #e5322b;
}
#navi li.act a {
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}
#navi li:hover {
	border-bottom: 1px solid #e5322b;
}
#headline {
	height: 25px; 
}
#headline h1 {
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	color: #e5322b;
	display: inline;
	margin-left: 25px;
}
#content {
	width: 100%;
}
#leftcontent {
	float: left;
	width: 204px;
	height: 310px;
	margin-left: 25px;
}
#leftcontent h2 {
	font-size: 14px;
	font-weight: normal;
	line-height: 15px;
	color: #929293;
	margin-bottom: 22px;
	letter-spacing: 1.2px;
}
#leftcontent p {
	width: 185px;
}
#rightcontent {
	float: left;
	width: 550px;
	min-height: 340px;
	margin-left: 1px;
	padding-bottom: 60px;
}
#rightcontent p {
	width: 525px;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 8px;
}
#zindex-imagecorner {
	width: 71px;
	height: 71px;
	position: absolute;
	top: 85px;
	left: 694px;
	z-index: 300;
}
#zindex-onlineplaner {
	width: 195px;
	height: 75px;
	position: absolute;
	top: 315px;	/*bottom: 165px;*/
	left: 544px;	/*left: 5px;*/
	z-index: 500;
	background: url(../images/onlineplaner-bg.png) no-repeat;
	padding-top: 15px;
	padding-left: 15px;
}
#zindex-mhklogo {
	width: 195px;
	height: 130px;
	position: absolute;
	bottom: 15px;
	left: 5px;
	z-index: 500;
	background: url(../images/mhklogo-bg.gif) no-repeat;
	padding-top: 20px;
	padding-left: 20px;
}

/* ausstellung */

.ausstellungunten {
	padding-top: 5px;
	text-align:			left;
	height: 			auto;
}
.ausstellungunten  .ausstellung {
	float:			left;
	width:			165px;
	height:			113px;
	margin:			0px;
	padding:		0px;
	margin-bottom:	15px;
	margin-right:	15px;
	position:		relative;
	background-position: center center;
}
.ausstellungunten .ausstellung a {
	display: block;
	border:	5px solid #919191;
	width:	155px;
	height:	103px;
}
.ausstellungunten .with-opacity a {
	display: block;
	border:	5px solid #d6d6d6;
	width:	155px;
	height:	103px;
}
.ausstellungunten .with-opacity {
	opacity: 1;
}
.ausstellungunten .ausstellung a.edit {
	display:block;
	width: 45px;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#E7E7E7 none repeat scroll 0 0;
	border:1px solid #669900;
	color:#e5322b;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	height:22px;
	line-height:22px;
	margin:0 2px;
	padding:0 2px;
	text-decoration:none;
}

/* ausstellung counter */

#zindex-counter {
	width: 185px;
	height: 45px;
	position: absolute;
	bottom: 15px;
	left: 5px;
	z-index: 500;
	background: url(../images/counter-bg.gif) no-repeat;
	padding-top: 26px;
	padding-left: 30px;
}
#counter-back {
		text-align: left;
		float: left;
		width: 10px;
		height: 20px;
}
#counter-pages {
		text-align: center;
		float: left;
		width: 135px;
		height: 20px;
}
#counter-forward {
		text-align: right;
		float: left;
		width: 10px;
		height: 20px;
}
a.counterinaktiv {
	color: #5a5b5d;
	text-decoration: none; 
/*
	cursor:	pointer;
	display: inline;
*/
}
a.counteraktiv {
	color: #e5322b;
	font-weight: bold;
	text-decoration: none; 	
}
a.counterinaktiv:hover {
	color: #e5322b;
}
a.counteraktiv:hover {
	color: #e5322b;
	font-weight: bold;
	text-decoration: none; 
}

/* aufzählung */

.aufzaehlung {
	margin-left: 25px;
	margin-bottom: 8px;
}
.aufzaehlung li {
	color: #e5322b;
	line-height: 25px;
	font-size: 12px;
}
.aufzaehlung li span {
	color: #444444;	
}

/* hersteller */

#hersteller {
	float: left;
	margin-bottom: 20px;
}

td.haecker_grau {
	color:#444444;
	font-weight:bold;
	text-decoration:none;
}
.lief {
	position: relative;
	float: left;
	background: url(../images/bg_thumb.gif) no-repeat;
	width: 80px;
	height: 100px;
	margin: 0 9px 10px 0;	
	text-align: center;
	
	font-family: 	Tahoma, Arial, Helvetica, Sans-serif;  
	font-size: 		11px;
	color:			#5a5b5d;
	list-style-image:url(../images/global/black.gif);
	list-style-position:inside;
	text-decoration:none;
	text-transform: uppercase;
}

.herstellerbox {
	position: relative;
	float: left;
	margin: 0 30px 15px 0;
}


/* aktionen */

.angebote {
}
.angebote_item {
	margin-bottom: 15px;
	width: auto;
	height: auto;

}
.angebote_headline h2 {
	text-transform:	none;
	font-size: 		12px;
	color: 			#00448b;
	font-weight: 	bold;
	margin-bottom:	5px;
}
.angebote_wrap {
	padding-bottom: 5px;
	border-bottom: 1px solid #ffffff;
}
.angebote_bild {
	float: left;
	width: 150px;
	height: 110px;
	margin-top: 5px;
	margin-right: 15px;
	background-position: center center;
	border: 5px solid #D6D6D6;
}
.angebote_text {
	float: left;
	font-size: 12px;
	line-height: 18px;
	width: 350px;
}
h1.headline_aktuelles {
	font-size: 14px;
	color: #e5322b;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}
.popupaktuelles {
	font-size: 12px;
	line-height: 18px;
}
.popupaktuelles img {
	margin-bottom: 10px;
}




/* popup */

#schwarz {
	background: url(../images/schwarz.png);
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 900;
	left:0;
	top:0;
}
#popup {
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	text-align: center;
}
#popup_rechtshinweis {
	margin: 0 auto;
	width:600px;
	margin-top: 50px;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;  
	color: #5a5b5d;
	font-size: 12px;
	line-height: 18px;
}

#popup_rechtshinweis #popcontent {
	background-color: #FFFFFF;
	padding: 20px;
	width:550px;
	height: auto;
	border: 5px solid #D6D6D6;
}
#popup_rechtshinweis #popcontent .popup_close {
	text-align: right;
	font-size: 11px;
}
#popup_rechtshinweis #popcontent .popup_close a.counterinaktiv {
	text-decoration: underline;
}
#zoom{
	font-family: Tahoma, Arial, Helvetica, Sans-serif;  
	color: #5a5b5d;
	font-size: 12px;
	line-height: 18px;
	position:relative;
	background: #fff;
	width: 460px;
	margin: 0px auto;
	padding: 10px;
	text-align:center;
}
/* popup header */
#header-popup{
	position:relative;
	width: 100%;
	margin: 0px;
	text-align: right;
}
#header-popup #buttons{
	position:relative;
	width: 100%;
}
#header-popup #buttons a.counterinaktiv {
	margin-right: 10px;
	font-size: 11px;
	text-decoration: underline;
}
#header-popup #buttons a.counterinaktiv:hover {
	color: #e5322b;
}
/* popup content */
#popcontent{
	font-family: Tahoma, Arial, Helvetica, Sans-serif;  
	color: #5a5b5d;
	font-size: 12px;
	line-height: 18px;
	color: #5a5b5d;
	position:relative;
	display: block;
	float: left;
	margin: 0px;
	text-align: left;
}
#popcontent #inhalt{
	position:relative;
	display: block;
	width: 100%;
	margin: 0px;
	background: none;
}
#popcontent #inhalt img {
	border: 5px solid #D6D6D6;
}




/* kontaktformular */
#kontaktform{
	position: relative;
	width: 440px;
	margin: 0;
	font-size: 12px;
	line-height: 18px;
}
#kontaktform dl{
	width: 440px;
	margin-bottom: 5px;
}
#kontaktform dt{
	float: left;
	width: 170px;
}
#kontaktform dd{
	margin-left: 170px;
	margin-bottom: 5px;
	width: 280px;
	font-size: 11px;
	line-height: 15px;
}
#kontaktform #senden{
	text-align: center;
	height: 20px;
	width:100%;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
}
#kontaktbestaetigung .rahmen{
	margin:40px;
}
#kontaktform textarea,
#kontaktform select,
#kontaktform input {
	width: 265px;
}
#kontaktform input.checkbox {
	width:	auto;
}
#kontaktform textarea#message {
	height: 50px;
}
#kontaktform dt input.checkbox {
	margin-left: 170px;
}
#kontaktform dd label {
	margin-left: 20px;
	font-size: 11px;
	line-height: 15px;
}
#kontaktform #sicherheitscode {
	width: 120px;
	margin: 0 0 0 5px;
	height: 26px;
	vertical-align: middle;
	padding: 0px;
	font-size: 2em;
}
#popcontent #inhalt #kontaktform img {
	border: 0px solid #FFFFFF;
}
.textklein {
	font-size: 11px;
	line-height: 15px;
}