/* 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;
}
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;
	text-decoration: none;
}
a.link {
	color: #5a5b5d;
	text-decoration: none;
}
a.hinweis {
	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;
	margin-top: 100px;
}
#printlogo {
	display: block;
	width: 210px;
	height: 65px;
	position: absolute;
	top: -100px;
	left: 20px;
}
#topnavi {
	display: none;
}
#header {
	display: none;
}
#infobox {
	display: none;
}
#headerimage {
	display: none;
}
#navi {
	display: none;
}
#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 {
	display: none;
}
#zindex-onlineplaner {
	display: none;
}
#zindex-mhklogo {
	display: none;
}

/* 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;
}
#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;
}



/* eventinc */

#eventinc{
	position:absolute;
	width:330px;
	left:313px;
	top:164px; 
	border: #444444 1px solid; 
	background: #fff; 
	z-index: 1000;
}
#eventinc #top{
	color: #ffffff;
	padding:3px 3px 3px 3px;
	background: #a4a7a7;
	border-bottom: #ffffff 1px solid;
}
#eventinc #body{
	background: #ebebeb;
	clear:both;
}
#eventinc #dragbar,#eventinc #close{
	cursor:pointer;
	float:right;
}
#eventinc #close img{
	nur fix_ie
}
#eventinc .head{
	font-size:1.1em;
	line-height:1.5em;
	font-weight:bold;
	width:100%;
	display:block;
}
#eventinc #dragbar{
	width:88%;
}
#eventinc #links, #eventinc #rechts{
	padding: 5px 5px 5px 5px;
	height:100%;
	width:80%;
}
#eventinc #links{
	width:5%;
	float:left;
}


/* 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;
}
.textklein {
	font-size: 11px;
	line-height: 15px;
}