* { margin: 0; padding: 0; }
body {  background: url(/images/bg.jpg) repeat; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #444; margin: 10px 0; }
a img { border: none; }
p { margin: 0 0 2em 0; }

/* ################### AREAS ############### */
#wrapper { width: 760px; margin: 0 auto; }
#header { margin-left: 5px; margin-bottom: 16px; position: relative; height: 160px; }
#header div { position: absolute; bottom: 0; right:0; }
#header span { position: absolute; top: 24px; right: 624px; text-align: right; color: #0e1a4a; font-size: 16px; line-height: 22px; }
#header #logo { left: 0; bottom: 4px; }
.clear { clear: both; font-size: 0.1pt; }
.clear_l { clear: left; font-size: 0.1pt; }
.clear_r { clear:right; font-size: 0.1pt; }
#content { 
	padding: 4px 8px 4px 0; 
	margin-left: 168px;
	line-height: 18px; 
	text-align: justify; 
}
#brands { margin: 16px 0; text-align: center; }
#content_wrapper, #footer { border: 1px solid #999; padding: 0; background-color: #fff; }
#footer { position: relative; }
#footer_content { background-color: #fff; padding: 10px; }
.topright { position: absolute; top:0; right:-8px; background: url(/images/shadow_topright.png) no-repeat; width: 8px; height: 7px; display: block; }
.right { position: absolute; top: 7px; bottom: 0; right:-8px; background: url(/images/content_shadow.png) repeat-y; height: auto; width: 8px; display: block; }
.bottomleft { position: absolute; left: 0; bottom: -8px; background: url(/images/shadow_bottomleft.png) no-repeat; width: 8px; height: 8px; display: block; }
.bottom { position: absolute; left:8px; right: 0; bottom: -8px; background: url(/images/shadow_bottom.png) repeat-x; width: auto; height: 8px; display: block; }
.bottomright { position: absolute; right: -8px; bottom: -8px; background: url(/images/shadow_bottomright.png) no-repeat; width: 8px; height: 8px; display: block; }

/* ##################### Product group ############## */
.pgroup {
	width: 117px;
	height: 75px;
	background: url(/images/box_bg.gif) no-repeat; 
	float: left;
	margin-right: 11px;
	list-style: none;
}
.pgroup a {
	display: block;
	width: 106px;
	height: 66px;
	overflow:hidden;
	margin:2px;
	position: relative;
	text-decoration: none;
	outline: none;
}
.pgroup a span {
	position: absolute;
	top: 0;
	width: 102px;
	display: block;
	padding: 2px;
	color: #fff;
	font-weight: bold;
}
.pgroup a span.bg { background-color: #c00; opacity: 0.7; filter: alpha(opacity="70"); }
.pgroup a:hover { margin:0; border-width: 2px !important; }
.pgroup a:focus, .active a { margin:0; border-width: 1px 2px 3px 2px !important; }

/* ################## MENU ##################### */
#menu { float:left; }
.menu_header {
	margin-left: -5px;
	height: 20px;
	padding: 12px;
	width: 144px;
	background: url(/images/menu_header_bg.jpg) no-repeat;
	font-size: 1.2em;
	color: #fff;
}
ul.menu { border-top: 1px solid #ddd; width: 156px; list-style: none; margin-left: 6px; }
ul.menu li { height: 28px; border-bottom: 1px solid #ddd; width: 156px; }
ul.menu li a { display: block; padding: 6px 0 6px 40px; height: 16px; font-size: 1.1em; color: #000; text-decoration: none; color: #444; background-position: 0 -2px !important; }
ul.menu li a:hover, ul.menu li a.active { background-color: #f4f1e2 !important; }


/* ############## CONTENT ################### */
#content strong { color: #444; }
#content h3 { font-size: 1.2em; color: #444; margin: 0 0 1em 0; }
#content h2 { font-size: 1.2em; color: #0e1a4a; margin: 1.5em auto 0.5em auto; background: url(/images/headline_bg.jpg) no-repeat; width: 228px; height: 34px; text-align: center; padding-top:6px; }
#content p { margin: 0 0 1em 0; padding:0; }
#content ul { margin-left: 16px; list-style: square; margin-bottom: 1em; }
#content ul li { color: #000; margin-bottom: 0.2em; }
#content .slogan { font-size: 1.5em; color: #666; font-style: italic; text-align: center; }
.shadow_bottom { display: block; width: 746px; background: url(/images/shadow_bottom.png) repeat-x; }

/* ################## RUNDGANG ###################### */
#floor { position: relative; }
#floor div a, #floor div span.a { font-size: 1em; letter-spacing: 3px; font-weight: bold; font-variant: small-caps; color: #000; text-decoration: none; text-align: center; width: 100%; height: 100%; }
#floor div, #floor div a { display: block; position: absolute; }
#floor div a:hover { text-decoration: underline; }
#floor .leisten { top: 15px; left: 30px; width: 30px; height: 200px; line-height:11px; }
#floor .leisten span.a { color: #fff; }
#floor .bad { top: 56px; left: 56px; width: 60px; height: 30px; }
#floor .info { top: 120px; left: 76px; width: 57px; height: 16px; }
#floor .teppich1 { top: 0; left: 50px; width: 514px; height: 33px; }
#floor .teppich1 a { padding-top: 9px; }
#floor .pvc { top: 34px; left: 544px; width: 20px; height: 220px; }
#floor .teppich3 { top: 254px; left: 362px; width: 190px; height: 16px; }
#floor .teppich1 a, #floor .teppich3 a, #floor .farben a, #floor .teppichfliese a,
#floor .pvc a {  color: #fff; }
#floor .parkett { top: 56px; left: 377px; width: 144px; height: 123px; }
#floor .parkett a { padding-top: 60px; }
#floor .tapeten { top: 93px; left: 177px; width: 183px; height: 103px; }
#floor .tapeten a { padding-top: 52px; padding-left: 14px; color: #999948;  }
#floor .tapeten2 { top: 197px; left: 287px; width: 81px; height: 28px; }
#floor .malerzubehoer { top: 157px; left: 15px; width: 36px; height: 114px; }
#floor .malerzubehoer a { padding-top: 5px; line-height: 15px; }
#floor .farben { top: 197px; left: 84px; width: 170px; height: 98px; }
#floor .farben a { padding-top: 84px; padding-left: 52px; color: #00c; height: 14px; }
#floor .farben2 { top: 296px; left: 124px; width: 201px; height: 41px; }
#floor .sonnenschutz { top: 234px; left: 291px; width: 34px; height: 42px; }
#floor .sonnenschutz a { padding-top: 2px; padding-left: 10px; }
#floor .teppiche { top: 46px; left: 200px; width: 156px; height: 32px; }
#floor .teppiche a { padding-top: 0; color: #c00; }
#floor .teppichfliese { top: 269px; left: 323px; width: 41px; height: 34px; }
#floor .teppichfliese a { padding-top: 0px; }
#floor .kork { left: 135px; top: 56px; width: 38px; height: 53px; }
#floor .kork a { padding-top: 4px; font-size: 0.8em; line-height: 11px; }
#preview { background: #6c6; padding: 2px; z-index: 5; }

/* ################# FORMS ########################## */
/* Forms */
dl { margin-bottom: 2em; }
dt { float:left; color: #666; font-size: 1.1em; }
dd { margin-left: 90px; margin-bottom: 10px; }
dd input.text, dd textarea, textarea {
	width: 420px;
	border: 1px solid #999; 
	border-color: #999 #ccc #ccc #999;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	margin-bottom: 2px;
}
.addr, .addr input, .chk { display: none; }
dd input[type=text]:focus, dd input[type=password]:focus, dd textarea:focus, textarea:focus {
	border-color: #666 #aaa #aaa #666; 
	background-color: #f6f6f6;
}
dd input[type=submit] { padding: 0 16px; }
dd em { color: #666; }


#imgContainer img { position: absolute; top:-40px; }

/* ############### IE FIXES ###################### */
* html .hollyhack {
	height: 1%;
}
* html .rasch {
	background:none;
	filter: progid: DXImageTransform. Microsoft. AlphaImageLoader (src='/images/marke_rasch.png', sizingMethod='crop');
}