@charset "utf-8";
/* CSS Document */

/* *********************** Container aller Inhalte dieser Seite *********************** */
#umbau {
	background-image:		url(../imgs/umbau.png);
	background-position:	center;
	background-repeat:		no-repeat;
	width: 					auto;
	height:					85px;
	line-height:			23px;
	text-align:				center;
	visibility:				visible;
}

#bg {
	background-color:		#FFFFFF;
	width: 					287px;
	height:					100%;
	min-height:				672px;
	position: 				absolute;
	top: 					0px;
	left: 					73px;
	visibility:				visible;
	z-index: 				1;
}

#bgshadow {
	background-image:		url(../imgs/bg-shadow.png);
	background-position:	top left;
	background-repeat:		repeat-x;
	width: 					259px;
	height:					auto;
	padding: 				3px 0 0 28px;
	position: 				absolute;
	top: 					672px;
	left: 					0px;
	visibility:				visible;
}

#header {
	background-image:		url(../imgs/header-new.png);
	background-position:	top left;
	background-repeat:		no-repeat;
	background-color:		#FFFFFF;
	width: 					287px;
	height:					97px;
	position: 				absolute;
	top: 					0px;
	left: 					73px;
	visibility:				visible;
	z-index: 				3;
}

#brand {
	background-image:		url(../imgs/mkemnitz-design.png);
	background-position:	top center;
	background-repeat:		no-repeat;
	position: 				absolute;
	width: 					287px;
	height:					80px;
	top: 					3px;
	left: 					0px;
	visibility:				visible;
}

#professionalgrafix {
	background-image:		url(../imgs/professionalgrafix.png);
	background-position:	top left;
	background-repeat:		no-repeat;
	width: 					570px;
	height:					94px;
	position: 				absolute;
	top: 					1px;
	left: 					380px;
	visibility:				visible;
	z-index: 				3;
}

#quadstripe {
	background-image:		url(../imgs/quadstripe.png);
	background-position:	top left;
	background-repeat:		no-repeat;
	width: 					780px;
	height:					8px;
	position: 				absolute;
	top: 					664px;
	left: 					25px;
	visibility:				visible;
	z-index: 				3;
}

#quadsenk {
	background-image:		url(../imgs/quadsenk.png);
	background-position:	top left;
	background-repeat:		no-repeat;
	width: 					95px;
	height:					575px;
	position: 				absolute;
	top: 					97px;
	left: 					25px;
	visibility:				visible;
	z-index: 				3;
}

#quadsenk8px {
	background-image:		url(../imgs/quadsenk_8px.png);
	background-position:	top left;
	background-repeat:		no-repeat;
	width: 					8px;
	height:					575px;
	position: 				absolute;
	top: 					97px;
	left: 					25px;
	visibility:				visible;
	z-index: 				3;
}


#mainbox {
	background-image:		url(../imgs/mainboxbg.png);
	background-position:	top left;
	background-repeat:		repeat;
	/* background-color:		#EEEEEE;
	width: 					96.8%; 
	max-width:				1511px; */
	width:					959px;
	border-right:			1px solid #FFFFFF;
	height:					575px;
	border-bottom:			1px solid #FFFFFF;
	position: 				absolute;
	top: 					97px;
	left: 					1px;
	visibility:				visible;
	z-index: 				2;
}

#claim {
	background-image:		url(../imgs/profgraf.png);
	position: 				absolute;
	width: 					262px;
	height:					37px;
	top: 					110px;
	left: 					50px;
	visibility:				visible;
}

#hmw {
	position: 				absolute;
	width: 					450px;
	height:					86px;
	top: 					15px;
	left: 					456px;
	visibility:				visible;
}

.highbrand, .highbrand:link, .highbrand:visited  {
	background-image:		url(../imgs/hochmerkwertig.png);
	background-position:	center;
	background-repeat:		no-repeat;
}

.highbrand:hover, .highbrand:active  {
	background-image:		url(../imgs/hochmerkwertig_hover.png);
	background-position:	center;
	background-repeat:		no-repeat;
}

#brand2 {
	background-image:		url(../imgs/hmw-pen.png);
	background-position:	top center;
	background-repeat:		no-repeat;
	position: 				absolute;
	width: 					287px;
	height:					300px;
	top: 					193px;
	left: 					72px;
	visibility:				visible;
}

#impressnavi {
	color: 					#999;
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-size:				9px;
	font-weight:			normal;
	font-style:				normal;
	text-align:				right;
	text-decoration:		none;
	position: 				absolute;
	width: 					916px;
	height:					auto;
	top: 					133px;
	left: 					0px;
	visibility:				visible;
}

/* B)******************* Container der Hauptinhalte *********************** */
#content1 {
	background-image:		url(../imgs/contentempty_300.png);
	background-position:	top left;
	background-repeat:		repeat-x;
	width: 					527px;
	height:					auto;
	position: 				absolute;
	border:					1px solid;
    border-right-color:		#454545;
    border-top-color:		#cccccc;
    border-bottom-color:	#000000;
    border-left-color:		#cccccc;
	top: 					23px;
	left:					383px;
	padding:				17px 0 17px 24px;
	line-height:			24px;
	letter-spacing:			normal;
	visibility:				visible;
	z-index: 				15;
}

#content2 {
	background-image:		url(../imgs/contentempty_300.png);
	background-position:	top left;
	background-repeat:		repeat-x;
	width: 					527px;
	height:					465px;
	position: 				absolute;
	border:					1px solid;
	border-right-color:		#454545;
	border-top-color:		#cccccc;
	border-bottom-color:	#000000;
	border-left-color:		#cccccc;
	top: 					23px;
	left:					383px;
	padding:				12px 0 2px 24px;
	line-height:			normal;
	visibility:				visible;
	z-index: 				15;
}

#content3 {
	background-image:		url(../imgs/contentempty_300.png);
	background-position:	top left;
	background-repeat:		repeat-x;
	width: 					528px;
	height:					507px;
	position: 				absolute;
	border:					1px solid;
	border-right-color:		#454545;
	border-top-color:		#cccccc;
	border-bottom-color:	#000000;
	border-left-color:		#cccccc;
	top: 					23px;
	left:					383px;
	padding:				20px 0 0 23px;
	line-height:			normal;
	visibility:				visible;
	z-index: 				15;
}

#content4 {
	background-image:		url(../imgs/contentempty_300.png);
	background-position:	top left;
	background-repeat:		repeat-x;
	width: 					511px;
	height:					390px;
	position: 				absolute;
	border:					1px solid;
    border-right-color:		#454545;
    border-top-color:		#cccccc;
    border-bottom-color:	#000000;
    border-left-color:		#cccccc;
	top: 					23px;
	left:					383px;
	padding:				0 17px 17px 23px;
	line-height:			150%;
	letter-spacing:			normal;
	overflow:				hidden;
	visibility:				visible;
	z-index: 				15;
}

#content5 {
	background-image:		url(../imgs/contentempty_300.png);
	background-position:	top left;
	background-repeat:		repeat-x;
/* 	background-color:		#063;
	border:					1px solid;
    border-right-color:		#454545;
    border-top-color:		#cccccc;
    border-bottom-color:	#000000;
    border-left-color:		#cccccc;
	padding:				0 17px 17px 23px; */
	top: 					12px;
	left:					383px;
	width: 					553px;
	height:					552px;
	display:				block;
	float:					left;
	position: 				absolute;
	line-height:			150%;
	letter-spacing:			normal;
	overflow:				auto;
	visibility:				visible;
	z-index: 				15;
}

#content6 {
	background-image:		url(../imgs/contentempty_300.png);
	background-position:	top left;
	background-repeat:		repeat-x;
	width: 					528px;
	height:					490px;
	overflow:				auto;
	position: 				absolute;
	border:					1px solid;
	border-right-color:		#454545;
	border-top-color:		#cccccc;
	border-bottom-color:	#000000;
	border-left-color:		#cccccc;
	top: 					23px;
	left:					383px;
	padding:				20px 15px 17px 23px;
	line-height:			normal;
	visibility:				visible;
	z-index: 				15;
}


.willkommen {
	font-family:			"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:				21px;
	font-weight:			bold;
	font-style:				italic;
	line-height:			190%;
	text-align:				left;
	text-indent:			22px;	
	text-decoration:		none;
} 


.innovativ {
	font-family:			"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:				21px;
	font-weight:			bold;
	font-style:				italic;
	line-height:			185%;
	text-align:				left;
	text-indent:			25px;	
	text-decoration:		none;
} 

#contentbild {
	background-color:		#CCC;
	/* background-image:		url(../imgs/pic.png);
	background-position:	top center;
	background-repeat:		no-repeat; */
	width: 					880px;
	height:					288px; 
	top:					0px;
	left:					50px;
	visibility:				visible;
	z-index: 				3;
}

#contentrightside {
	border:					1px dotted #CCC;
	width: 					264px;
	height:					auto; 
	top: 					311px;
	left: 					685px;
	position:				absolute;
	text-align:				left;
	vertical-align:			top;
	visibility:				visible;
	z-index: 				4;
}

#contenttexthead {
	background-color:		#f0f0f0;
	color:					#333333;
	border-bottom:			1px dotted #CCC;
	width: 					auto;
	height:					auto;
	line-height:			normal;
	font-size:				11px;
	font-weight:			normal;
	letter-spacing:			1px;
	padding:				2px 10px 2px 10px;
}

#blendbtn1, 
#blendbtn2, 
#blendbtn3, 
#blendbtn4,
#blendbtn5, 
#blendbtn6,
#blendbtn7, 
#blendbtn8,
#blendbtn9, 
#blendbtn10,
#contactbtn1, 
#contactbtn2
{
	background-color:		#f0f0f0;
	color:					#333333;
	border-top:				1px dotted #999999;
	border-right:			1px dotted #999999;
	border-bottom:			1px dotted #999999;
	border-left:			1px dotted #999999;
	font-size:				8px;
	min-width: 				30px;
	display:				inline;
	width:					auto;
	height:					10px;
	line-height:			normal;
	padding-left:			3px;
	padding-right:			5px;
}

#referenzcont {
	height:					433px;
	overflow:				auto;
}

#referenztabelle td {
	color:					#454545;
	font-size:				10px; 
	font-weight:			normal; 
	line-height:			normal;
	vertical-align:			top;
}


/* C) *********************** Container Fußzeile (fest) *********************** */

#footerbox {
	background-image:		url(../imgs/mainbox_bg.png);
	background-position:	top center;
	background-repeat:		repeat-y;
	width: 					996px;
	left:					0px;
	height:					24px;
	position:				relative;
	text-align:				left;
	visibility:				visible;
	z-index: 				3;
}

#footer {
	width: 					908px;
	height:					19px;
	line-height:			18px;	
	border-top:				1px solid #f0f0f0;
	position:				relative;
	left:					44px;
	text-align:				center;
	visibility:				visible;
}
/* ************************ ENDE *********************** */

