/* -------------------      MÖBEL BROTZ - CASCADING STYLESHEET  -------------------- */

/* 
CSS Reset by Eric Meyer
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ 
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

strong, b {
font-weight: bold;
}

em, i {
font-style: italic;
}

.indent {
position: absolute;
left: -9999em;
top: -9999em;
}

label, 
input[type=button],
input[type=submit], 
button {
cursor: pointer;
}

abbr[title] {
border-bottom: 1px dotted #888 !important;
cursor: help;
}

a abbr {
cursor: pointer !important;
}

.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
img { 
-ms-interpolation-mode: bicubic; 
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}


/* -------------------      LAYOUT     ---------------------- */

body {
  background: #fff url(/img/layout/bg.jpg) top left repeat-y;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000;
  margin: 0 auto;
  padding: 0;
  line-height: 115%;
}

.body_wide {
  background: #fff url(/img/layout/bg_wide.jpg) top left repeat-y;
}

a {
  outline: none;
}

a img {
	border: none;
}

a, a:link, a:visited, a:active {
  text-decoration: none;
  color: #434343;
}

a:hover {
  text-decoration: underline;
  color: #333;
}

h1.cufon, h2, .h2 {
  font-size: 17px;
  font-weight: bold;
  margin: 0;
  padding: 4px 0 0 6px;
  color:  #e41e26;
  background:  url(/img/layout/bg_h2.gif) repeat-x;
  height:  19px;
  border:  1px solid #c2c2c2;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
}

h2.artikeldetailname
{
  background-image: none;
  border-width: 0px;
  margin: 0px;
  padding: 0px;
}

h2.home
{
  color: #FFDD00;
  background-image: url(/img/layout/bg_h2_red.gif);
  line-height: 12px;
}

h3, .h3 {
  font-size: 15px;
  font-weight: bold;
  margin: 0;
  padding: 2px 0 0 6px;
  color:  #e41e26;
  background:  url(/img/layout/bg_h3.gif) repeat-x;
  height:  19px;
  border:  1px solid #c2c2c2;
}

a.standardButton
{
  float: left;
  display: block;
  width: auto;
  font-size: 15px;
  height: 17px;
  line-height: 13px;
  padding: 0px 5px 0px 5px;
  background: url(/img/buttons/btn_bg_standardButton.gif) repeat-x;
  color: #FFEB00;
  border: 1px solid #fe757a;
}

a.standardButton:hover
{
  text-decoration: none;
}

a.sekundaerButton
{
  float: left;
  display: block;
  width: auto;
  font-size: 11px;
  height: 18px;
  line-height: 17px;
  padding: 0px 5px 0px 5px;
  color: #E81F26;
}

ul.errors
{
  border: 1px solid #DD2026;
  padding: 10px;
  background: #EFE0E1;
  margin-bottom: 10px;
}

ul.errors li
{
  color: #DD2026;
  margin-left: 17px;
  list-style-type: disc;
}

h4, .h4_home, .h4 {
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: #ffdd00;
	background: #e41e26 url('/img/layout/bg_h4.gif') repeat-x;
	height: 19px;
	padding:  2px 6px 0 6px;
	overflow: hidden;
}

h4.home, .h4_home
{
  color: #E41E26;
  background-image: url(/img/layout/bg_h2.gif);
  border: 1px solid #C2C2C2;
  line-height: 16px;
}

#wrapper {
  display: block;
  width: 995px;
}

#header {
  display: block;
  height: 120px;
  padding: 0;
  background: url('/img/layout/header.jpg') no-repeat;
}

#header_fr {
  display: block;
  height: 120px;
  padding: 0;
  background: url('/img/layout/header_fr.jpg') no-repeat;
}

#clickable {
	float: left;
	position: relative;
	top: 5px;
	left: 20px;
	width: 260px;
	height: 110px;
	cursor: pointer;
}

#clickable2 {
	float: left;
	position: relative;
	top: 18px;
	left: 75px;
	width: 320px;
	height: 85px;
	cursor: pointer;
}

#laenderauswahl {
	float: left;
	position: relative;
	left: 290px;
	top: 10px;
	font-weight: bold;
	font-size: 11px;
	color: #555;
}

#laenderauswahl ul li#deutschland {
	background: url('/img/layout/flag_de.gif') left 5px no-repeat;
	padding: 4px 0 0 20px;
	display: block;
	cursor: pointer;
}

#laenderauswahl ul li#deutschland.selected span,
#laenderauswahl ul li#schweiz.selected span,
#laenderauswahl ul li#frankreich.selected span,
#laenderauswahl ul li#oesterreich.selected span,
#laenderauswahl ul li#niederlande.selected span
{
/* 	background: #FED500; */
  color: #E71C28;
  text-shadow: 1px 0px #fff;
	padding: 1px;
}

#laenderauswahl ul li#schweiz {
	background: url('/img/layout/flag_ch.gif') left 1px no-repeat;
	padding: 0 0 0 20px;
	margin-top: 6px;
	display: block;
	cursor: pointer;
}

#laenderauswahl ul li#frankreich {
	background: url('/img/layout/flag_fr.gif') left 1px no-repeat;
	padding: 0 0 0 20px;
	margin-top: 6px;
	display: block;
	cursor: pointer;
}

#laenderauswahl ul li#oesterreich {
	background: url('/img/layout/flag_au.gif') left 1px no-repeat;
	padding: 0 0 0 20px;
	margin-top: 6px;
	display: block;
	cursor: pointer;
}

#laenderauswahl ul li#niederlande {
	background: url('/img/layout/flag_nl.gif') left 1px no-repeat;
	padding: 0 0 0 20px;
	margin-top: 6px;
	display: block;
	cursor: pointer;
}

#laenderauswahl ul li#deutschland:hover {
	background: url('/img/layout/flag_de.gif') left -12px no-repeat;
	color: #888;
}

#laenderauswahl ul li#schweiz:hover {
	background: url('/img/layout/flag_ch.gif') left -16px no-repeat;
	color: #888;
}

#laenderauswahl ul li#frankreich:hover {
	background: url('/img/layout/flag_fr.gif') left -16px no-repeat;
	color: #888;
}

#laenderauswahl ul li#oesterreich:hover {
	background: url('/img/layout/flag_au.gif') left -16px no-repeat;
	color: #888;
}

#laenderauswahl ul li#niederlande:hover {
	background: url('/img/layout/flag_nl.gif') left -16px no-repeat;
	color: #888;
}

#hwg {
  float: left;
  width: 172px;
}

#hwg ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  background: url(/img/layout/bg_hwg.jpg) repeat-y;
}

#hwg ul li {
  border-top: 1px solid #fff473;
  border-bottom: 1px solid #EFD500;
  background: url(/img/layout/bullet.gif) no-repeat 6px 9px;
  line-height: 158%;
  padding: 3px 0 3px 15px;
  font-size:  12px;
}

#hwg ul li.selected
{
  background: #FFD800 url(/img/layout/bullet_h.gif) no-repeat 6px 9px;
  font-weight: bold;
  border-bottom: 1px solid #FFC600;
}

#hwg ul li.selected a
{
  color: #E31E27;
}



#hwg ul li.spezial
{
  background: #e1252b url(/img/layout/menu-spacer.jpg) repeat-x 0px 0px;
  font-weight: normal;
  border-bottom: 1px solid #FFC600;
}

#hwg ul li.spezial a
{
  color: #fdf420;
}

#hwg ul li.spezial.selected
{
  background: #e1252b url(/img/layout/menu-spacer.jpg) repeat-x 0px 0px;
  font-weight: bold;
  border-bottom: 1px solid #FFC600;
}

#hwg ul li.spezial.selected a
{
  color: #fdf420;
}

#hwg ul li.spezial.sub {
  background-position: 18px 9px;
	padding: 3px 0 3px 30px;
  background-color: #FFF999;
  border-top: 1px solid #FFFDD6;
  border-bottom: 1px solid #FAEF60;
  background-image: none;
  font-size: 11px;
  background: #fff173 url(/img/layout/bullet.gif) no-repeat 18px 9px;
}

#hwg ul li.spezial.sub.selected
{
  font-weight: normal;
  border-top: 1px solid #fff7a5;
  background: #fff173 url(/img/layout/bullet_h_sub.gif) no-repeat 18px 9px;
}

#hwg ul li.spezial.sub a
{
  color: #434343;
}

#hwg ul li.spezial.sub.selected a
{
  color: #E31E27;
}

#hwg ul li.uwg {
  padding-left: 12px;
  margin-left: 10px;
  font-size: 10px;
}

#hwg ul li.sub {
  background-position: 18px 9px;
	padding: 3px 0 3px 30px;
  background-color: #FFF999;
  border-top: 1px solid #FFFDD6;
  border-bottom: 1px solid #FAEF60;
  font-size: 11px;
}

#hwg ul li.sub.selected
{
  font-weight: normal;
  border-top: 1px solid #fff7a5;
  background: #fff173 url(/img/layout/bullet_h_sub.gif) no-repeat 18px 9px;
}

#hwg ul li.special {
	background: #FFD800;
	padding: 3px 0 3px 10px;
  border-top: 1px solid #FFE96D;
  border-bottom: 1px solid #FFC600;
}

#content {
  width: 666px;
  float: left;
  padding: 0;
}

.spacer {
	clear: both;
	background:  url('/img/layout/bg_spacer.jpg') no-repeat;
	height: 16px;
	display: block;
}

.inner {
	padding:  1px 1px 0 1px;
	margin:  0;
}

#suche {
	height:  33px;
}

input[type="text"],
input[type="password"] {
	left: 5px;
	position: relative;
	top: 6px;
	width:  154px;
	-moz-border-radius: 3px;
	border: 1px solid #ccc;
	padding:  2px 0 2px 6px;
}

#magnifier {
	display: inline;
	float: right;
	position: relative;
	left:  -10px;
	top: -13px;
}

/* ------------------ SPRITE ------------------ */

#mainnav {
  height: 23px;
  width: 666px;
  background: url(/img/layout/menu-spacer.jpg) 0 0 repeat-x;
}

#mainnav_wide {
  height: 23px;
  width: 824px;
  background: url(/img/layout/menu-spacer.jpg) 0 0 repeat-x;
}

#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigation ul li {
	float: left;
	padding: 0;
}

#navigation li {
  float: left;
}

#navigation a * {
  display: none;
}

#navigation a,
#navigation a .hover {
  height: 23px;
	position: relative;
	display: block;
	background: url(/img/layout/menu-sprite.jpg) 0 0 no-repeat;
}

/* individual navigation items */
#navigation a.first {
  background-position: 0 0;
  width: 87px;
}

#navigation .highlight a.first:hover,
#navigation a.first .hover {
  background-position: 0 -23px;
  width: 87px;
}

#navigation a.second {
  background-position: -87px 0px;
  width: 91px;
}

#navigation .highlight a.second:hover,
#navigation a.second .hover {
  background-position: -87px -23px;
}

#navigation a.third {
  background-position: -178px 0;
  width: 84px;
}

#navigation .highlight a.third:hover,
#navigation a.third .hover {
  background-position: -178px -23px;
}

#navigation a.forth {
  background-position: -262px 0;
  width: 71px;
}

#navigation .highlight a.forth:hover,
#navigation a.forth .hover {
  background-position: -262px -23px;
}

#navigation a.fifth {
  background-position: -333px 0;
  width: 87px;
}

#navigation .highlight a.fifth:hover,
#navigation a.fifth .hover {
  background-position: -333px -23px;
}

#navigation a.sixth {
  background-position: -420px 0;
  width: 49px;
}

#navigation .highlight a.sixth:hover,
#navigation a.sixth .hover {
  background-position: -420px -23px;
}

#navigation a.seventh {
  background-position: -469px 0;
  width: 73px;
}

#navigation .highlight a.seventh:hover,
#navigation a.seventh .hover {
  background-position: -469px -23px;
}

#navigation a.eighth {
  background-position: -542px 0;
  width: 95px;
}

#navigation .highlight a.eighth:hover,
#navigation a.eighth .hover {
  background-position: -542px -23px;
}

#navigation a.nineth {
  background-position: -637px 0;
  width: 50px;
}

#navigation .highlight a.nineth:hover,
#navigation a.nineth .hover {
  background-position: -637px -23px;
}

/* -------------------- NAVIGATION EN FRANCAIS ------------ */

#navigation_fr ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigation_fr ul li {
	float: left;
	padding: 0;
}

#navigation_fr li {
  float: left;
}

#navigation_fr a * {
  display: none;
}

#navigation_fr a,
#navigation_fr a .hover {
  height: 23px;
	position: relative;
	display: block;
	background: url(/img/layout/menu-sprite_fr.jpg) 0 0 no-repeat;
}

/* individual navigation items */
#navigation_fr a.first {
  background-position: 0 0;
  width: 65px;
}

#navigation_fr .highlight a.first:hover,
#navigation_fr a.first .hover {
  background-position: 0 -23px;
  width: 65px;
}

#navigation_fr a.second {
  background-position: -65px 0px;
  width: 87px;
}

#navigation_fr .highlight a.second:hover,
#navigation_fr a.second .hover {
  background-position: -65px -23px;
}

#navigation_fr a.third {
  background-position: -152px 0;
  width: 105px;
}

#navigation_fr .highlight a.third:hover,
#navigation_fr a.third .hover {
  background-position: -152px -23px;
}

#navigation_fr a.forth {
  background-position: -257px 0;
  width: 63px;
}

#navigation_fr .highlight a.forth:hover,
#navigation_fr a.forth .hover {
  background-position: -257px -23px;
}

#navigation_fr a.fifth {
  background-position: -320px 0;
  width: 82px;
}

#navigation_fr .highlight a.fifth:hover,
#navigation_fr a.fifth .hover {
  background-position: -320px -23px;
}

#navigation_fr a.sixth {
  background-position: -402px 0;
  width: 46px;
}

#navigation_fr .highlight a.sixth:hover,
#navigation_fr a.sixth .hover {
  background-position: -402px -23px;
}

#navigation_fr a.seventh {
  background-position: -448px 0;
  width: 67px;
}

#navigation_fr .highlight a.seventh:hover,
#navigation_fr a.seventh .hover {
  background-position: -448px -23px;
}

#navigation_fr a.eighth {
  background-position: -515px 0;
  width: 124px;
}

#navigation_fr .highlight a.eighth:hover,
#navigation_fr a.eighth .hover {
  background-position: -515px -23px;
}

#navigation_fr a.nineth {
  background-position: -639px 0;
  width: 45px;
}

#navigation_fr .highlight a.nineth:hover,
#navigation_fr a.nineth .hover {
  background-position: -639px -23px;
}

/* ------------------- INHALT ------------- */

#inhalt {
	margin: 9px 6px 0 6px;
}

.box {
	float: left;
	margin: 0 4px;
	background-color: #ebebeb;
	padding: 2px;
}

.box p {
  padding: 7px 7px 7px 7px;
  margin: 0px 0px 10px 0px
}

.subline {
	background-color: #E41E26;
	padding: 2px 6px;
	margin: 2px;
	text-align: right;
}

#angebote {
	width:  361px;
	/*height:  520px;*/
}

#angebote-uebersicht {
	width: 642px;
}

#angebote-uebersicht .angebotbox, #angebote .angebotbox {
	width: 169px;
	float: left;
	height: 218px;
	margin: 8px 5px 15px 5px;
}

#angebote-uebersicht .angebotbox {
	padding: 0 12px;
}

.wgintro-box {
	margin: 0 6px 5px 6px;
	border-bottom: 1px solid #ccc;
	height: 300px;
}

.wgintro-text-back {
	background: url(/img/layout/bg_introtext.png);
	color: #fff;
	display: block;
	width: 240px;
	height: 300px;
	overflow: hidden;
	float: right;
}

.wgintro-text {
	padding: 15px;
}

.home-artikelbild {
	text-align: center;
	background-color: #fff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	height: 95px;
}

.home-artikelbild img {
	margin-top:  1px;
	border-bottom: 1px solid #ccc;
}

.home-artikelinfo {
	background: url('/img/layout/bg_artikelinfo.jpg') no-repeat;
	height: 73px;
	font-size: .9em;
	padding: 8px;
	line-height: 14px;
	color: #434343;
	overflow: hidden;
}

.home-artikelpreis {
	background: #FFF000 url('/img/layout/bg_preis.gif') repeat-x;
	border: 1px solid #ffd200;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	height: auto;
	padding: 5px;
	position: relative;
	top: -20px;
	margin-right: 10px;
	float: right; 
	text-align: right;
}

.lieferkostenfrei {
  display: block;
  padding: 0;
  margin: 5px 0 0 0;
}

/* #### ÜBERSICHT ################### */
#angebote-uebersicht .uebersicht-angebotbox {
	width: 195px;
	float: left;
	height: 214px;
	margin: 10px 5px 65px 0px;
}

#angebote-uebersicht .uebersicht-angebotbox {
	padding: 0 6px 0 8px;
}

.uebersicht {
	padding: 0px;
}

.uebersicht-artikelbild {
	text-align: center;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	height: 145px;
	background: #f2f2f2 url('/img/layout/bg_uebersicht_box.gif') bottom left repeat-x;
}

.uebersicht-artikelbild img {
	margin-top:  4px;
}

.uebersicht-artikelinfo {
	background: url('/img/layout/bg_artikelinfo_uebersicht.jpg') no-repeat;
	height: 80px;
	font-size: .9em;
	padding: 8px;
	width: 180px;
	line-height: 14px;
	color: #434343;
	overflow: hidden;
}

.uebersicht-artikelpreis {
	background: #FFF000 url('/img/layout/bg_preis.gif') repeat-x;
	border: 1px solid #ffd200;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	height: auto;
	padding: 5px 5px 5px 5px;
	position: relative;
	top: -20px;
	margin-right: 10px;
	float: right;
	text-align: right;
	z-index: 10;
}

/* #### DETAILSEITE ################### */

.detail-artikelpreis {
	background: #FFF000 url('/img/layout/bg_preis.gif') repeat-x;
	border: 1px solid #ffd200;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	height: 37px;
	padding: 5px;
	position: relative;
	float: left;
	text-align: right;
}

.home-artikelpreis div.bottom {
	bottom: 0px;
	position: absolute;
}

.home-artikelpreis .preis, .detail-artikelpreis .preis, .uebersicht-artikelpreis .preis {
	color: #e41e26;
	font-size: 23px;
	right:  6px;
	letter-spacing: -1px;
	font-family: Impact, Arial, sans-serif;
}

.home-artikelpreis .preis .waehrung, .detail-artikelpreis .preis .waehrung, .uebersicht-artikelpreis .preis .waehrung {
	font-size: 14px;
}

.home-artikelpreis .streichpreis, .detail-artikelpreis .streichpreis, .uebersicht-artikelpreis .streichpreis {
	font-size: 14px;
	padding: 20px 40px 0 6px;
	clear: both;
	color: #000;
	font-family: Impact, Arial, sans-serif;
	text-align: left;
}

.home-artikelpreis .ursprungspreis, .detail-artikelpreis .ursprungspreis, .uebersicht-artikelpreis .ursprungspreis {
	font-size: 14px;
	padding: 20px 0 0 6px;
	color: #000;
	font-family: Impact, Arial, sans-serif;
}

.online-special {
	height: 18px;
	font-weight: bold;
	background: #E41E26 url('/img/layout/bg_h4.gif');
	width: 330px;
	padding: 3px 0 0 0;
	color: #FEF200;
	border-left: 1px solid #a90017;
	border-right: 1px solid #a90017;
}

.meta {
	margin: 10px 0 0 0;
	padding: 0 10px;
	float: none;
	clear: both;
	background: url('/img/layout/bg_meta.gif') repeat-x;
}

.produktbild img {
	border: 1px solid #ccc;
}

#service {
	width: 264px;
}

#prospekt {
	width: 264px;
	height: 360px;
	margin-top: 5px;
}

#prospekt .prospektbild {
	margin: 6px 0 2px 4px;
	border: 1px solid #ccc;
}

#wegbeschreibung {
	margin: 5px;
	clear: both;
	width:  642px;
}

/* ------------------- MEHRWERTBEREICH ------------- */

#mehrwert {
  width: 157px;
  float: left;
  font-size: .9em;
}

.mehrwertblock {
	margin:  1px 1px 0 2px;
	line-height: 13px;
}

#news {
	background: url('/img/layout/bg_aktuelles.jpg') no-repeat;
	height: 102px;
	padding: 65px 13px 24px 13px;
}

#lieferauskunft {
	background: url('/img/layout/bg_lieferauskunft.jpg') no-repeat;
	height: 69px;
	padding: 48px 13px 14px 13px;
	width:  155px;
}

#news_fr {
	background: url('/img/layout/bg_news_fr.jpg') no-repeat;
	height: 102px;
	padding: 65px 13px 24px 13px;
}

#lieferauskunft_fr {
	background: url('/img/layout/bg_lieferauskunft_fr.jpg') no-repeat;
	height: 69px;
	padding: 48px 13px 14px 13px;
	width:  155px;
}

.mehrwertblock a {
	color:  #fff;
}

.mehrwertblock a:hover {
	text-decoration: none;
	color: #ccc;
}

/* ---------------------- FOOTER ----------------------- */

#footer {
 	text-align: center;
  font-size: .8em;
  height: 26px;
  line-height: 210%;
  clear: both;
}

#footer a {
  margin: 0 5px 0 5px;
}

#footer a.lang_fr {
  margin: 0 4px 0 4px;
}

#footer a.lang_fr_first {
  margin: 0 4px 0 4px;
  margin-left: 20px;
}

/* -------------------     STUFF   ---------------------- */

.clear {
  clear: both;
  display: block;
  height: 0px;
  width: 1px;
}

.floatleft {
  float: left;
}

.floatright {
  float: right;
}

/* -------------------     PROSPEKTE  ------------------- */

.prospekte_box {
  width: 202px;
  border: solid 1px #c2c2c2;
  padding: 0px 0px 0px 0px;
  background: #FFF;
  float: left;
  margin: 0px 3px 9px 6px;
}

.prospekte_box h3 {
  font-size: 15px;
  font-weight: bold;
  margin: 0;
  padding: 2px 0 0 6px;
  color:  #e41e26;
  background:  url(/img/layout/bg_h3.gif) repeat-x;
  height:  19px;
  border:  0px solid #c2c2c2;
  border-bottom-width: 1px;
}

.prospekte_box .bild a {
  display: block;
  width: 202px;
  height: 200px;
  background-color: #FFF;
  background-position: center center;
  background-repeat: no-repeat;
}

.prospekte_box .more{
  background: #fff;
  padding: 5px 0px 5px 4px
}

.prospekte_box .more p{
  padding: 0px 0px 0px 6px;
  margin: 0px 0px 5px 0px;
}

/* -------------------     FILIALEN  ------------------- */

#filialen
{
  width: 645px;
}


#filialen .filiale
{
  width: 623px;
  border: 1px solid #C2C2C2;
  margin-top: 1px;
  padding: 10px;
}

#filialen .filiale .adresse
{
  float: left; 
  width: 230px;
}

#filialen .filiale .adresse b
{
  display: block;
  margin: 5px 0px 5px 0px;
}

#filialen .filiale .adresse p
{
  padding: 0px;
  margin: 0px 0px 15px 0px;
}

#filialen .filiale .maps
{
  float: right;
  width: 370px;
  height: 200px;
  border: 1px solid #C2C2C2;
}

#filialen .filiale .formular
{
  float: left;
  clear: both;
  margin-top: 10px;
}

#filialen .filiale .bilder
{
  margin: 0px;
  padding: 0px;
}

#filialen .filiale .formular
{
  width: 623px;
  height: 30px;
  line-height: 30px;
}

#filialen .filiale .formular b
{
  width: 95px;
  display: block;
  float: left;
  padding-left: 190px;
}

#filialen .filiale .formular div input["type=image"]
{
  float: left;
  margin: 2px 0px 0px 20px !important;
  padding: 0px !important;
  height: 19px;
  line-height: 30px;
  position: relative;
  top: 0px !important;
}

.kontakt-formular {
	margin: 10px 15px;
	float: left;
	width: 330px;
}

.shadow {
	background: url('/img/layout/bg_bilder.jpg') left bottom no-repeat;
	padding: 4px 6px 15px 8px;
	margin: 5px;
	float: right;
}

.pagination {
	float:  right;	
}

table tr th,
table tr td
{
  padding: 5px;
}

/* Introseite */
.uwg_auswahl a
{
  width: 302px;
  height: 28px;
  display: block;
  background: #FEF200;
  overflow: hidden;
  float: left;
  margin: 2px 5px 2px 5px;
  
  font-size: 17px;
  font-weight: bold;
  color:  #e41e26;
  line-height: 28px;
  padding: 0px 3px 2px 5px;
}

.uwg_auswahl a:hover
{
  width: 300px;
  height: 24px;
  line-height: 24px;
  text-decoration: none;
  padding-left: 3px;
  border: 2px solid #e41e26;
}

#kundenbereich p
{
  padding-left: 5px;
}

#kundenbereich label
{
  margin: 0px 0px 0px 5px;
}

#kundenbereich input[type=text],
#kundenbereich input[type=password]
{
  width: 132px;
  margin-bottom: 10px;
}

#warenkorb a,
#kundenbereich a
{
  display: block;
  width: 150px;
  height: 20px;
  line-height: 20px;
  color: #e41e26;
  border: 0px solid #FFD800;
  border-bottom-width: 1px;
  margin: 0px;
  padding: 0px 0px 1px 4px;
  float: left;
  overflow: hidden;
}

#warenkorb a:hover
{
  background: #e41e26;
  color: #FEF200;
}

#warenkorb div.summe
{
  width: 149px;
  text-align: right;
  font-weight: bold;
  padding: 0px 5px 0px 0px;
}

#warenkorb div.mwst
{
  width: 149px;
  text-align: right;
  
  padding: 0px 5px 0px 0px;
  margin: 0px 0px 3px 0px;
}

#warenkorb div.leer
{
  width: 154px;
  text-align: center;
  color: #CF7000;
  padding: 6px 0px 6px 0px;
  border: 0px solid #FFD800;
  border-bottom-width: 1px;
}

/* Warenkorb */
div.warenkorb table
{
  width: 630px;
  margin: 5px;
  border: 0px solid #7F7F7F;
  border-left-width: 1px;
  border-right-width: 1px;
}

div.warenkorb table tr th
{
  background: #7F7F7F;
  color: #FFF;
  font-weight: bold;
}

div.warenkorb table tr th.preis,
div.warenkorb table tr td.preis
{
  text-align: right;
}


div.warenkorb table tr td
{
  padding: 3px 3px 4px 3px;
  vertical-align: center;
}

div.warenkorb table tr td a.image
{
  float: left;
}

div.warenkorb table tr td a.image img
{
  float: left;
  border: 2px solid #7F7F7F;
  margin: 0px;
  margin-right: 5px;
}

div.warenkorb table tr td a.image:hover img
{
  border-color: #E61D23;
}

div.warenkorb table tr.even td
{
  background: transparent;
}

div.warenkorb table tr.odd td
{
  background: #DEDEDE;
}

div.warenkorb table tr.gesamt td
{
  border: 0px solid #7F7F7F;
  border-top-width: 2px;
  border-bottom-width: 1px;
}

div.warenkorb table tr.mwst td
{
  border: 0px solid #7F7F7F;
  border-bottom-width: 1px;
}

div.warenkorb table tr td small
{
  font-size: 9px;
}

div.warenkorb table tr td input
{
  top: 0px;
  margin: 0px;
}

/* Lieferweg */
div.lieferweg fieldset
{
  margin: 5px 0px 10px 0px;
  padding: 6px;
  border: 1px solid #C2C2C2;
}

div.lieferweg fieldset legend
{
  padding: 0px 5px 0px 5px;
  border: 0px solid #C2C2C2;
  border-left-width: 1px;
  border-right-width: 1px;
  font-weight: bold;
  color: #DD2026;
}

/* Zahlungsart */
div.zahlungsart fieldset
{
  margin: 5px 0px 10px 0px;
  padding: 6px;
  border: 1px solid #C2C2C2;
}

div.zahlungsart fieldset legend
{
  padding: 0px 5px 0px 5px;
  border: 0px solid #C2C2C2;
  border-left-width: 1px;
  border-right-width: 1px;
  font-weight: bold;
  color: #DD2026;
}

div.zahlungsart div.eintrag
{
  display: block;
  float: left;
  width: 600px;
  height: 22px;
  padding: 10px 10px 10px 50px;
}

div.zahlungsart div.eintrag div.image
{
  display: block;
  float: left;
  width: 96px;
  height: 20px;
  border: 2px solid #C2C2C2;
  background-color: #FFF;
  background-position: center center;
  background-repeat: no-repeat;
}

div.zahlungsart div.eintrag input
{
  display: block;
  float: left;
  width: 60px;
  height: 22px;
  padding: 0px;
  margin: 0px;
  outline: none;
}

div.zahlungsart div.eintrag a,
div.zahlungsart div.eintrag label
{
  display: block;
  float: left;
  width: auto;
  height: 22px;
  font-weight: bold;
  line-height: 22px;
}

div.zahlungsart div.eintrag img.info
{
  margin-top: 2px;
  margin-left: 10px;
}

/* bestelluebersicht */
div.bestelluebersicht fieldset
{
  margin: 5px 0px 10px 0px;
  padding: 6px;
  border: 1px solid #C2C2C2;
}

div.bestelluebersicht fieldset legend
{
  padding: 0px 5px 0px 5px;
  border: 0px solid #C2C2C2;
  border-left-width: 1px;
  border-right-width: 1px;
  font-weight: bold;
  color: #DD2026;
}

div.bestelluebersicht fieldset table
{
  width: 618px;
  margin: 5px;
  border: 0px solid #7F7F7F;
  border-left-width: 1px;
  border-right-width: 1px;
}

div.bestelluebersicht fieldset table tr th
{
  background: #7F7F7F;
  color: #FFF;
  font-weight: bold;
}

div.bestelluebersicht fieldset table tr th.preis,
div.bestelluebersicht fieldset table tr td.preis
{
  text-align: right;
}


div.bestelluebersicht fieldset table tr td
{
  padding: 3px 3px 4px 3px;
  vertical-align: center;
}

div.bestelluebersicht fieldset table tr.even td
{
  background: transparent;
}

div.bestelluebersicht fieldset table tr.odd td
{
  background: #DEDEDE;
}

div.bestelluebersicht fieldset table tr.gesamt td
{
  border: 0px solid #7F7F7F;
  border-top-width: 2px;
  border-bottom-width: 1px;
}

div.bestelluebersicht fieldset table tr.mwst td
{
  border: 0px solid #7F7F7F;
  border-bottom-width: 1px;
}

div.bestelluebersicht fieldset table tr td input
{
  top: 0px;
  margin: 0px;
}

/* Adresse */
div.adresse fieldset
{
  margin: 5px 0px 10px 0px;
  padding: 6px;
  border: 1px solid #C2C2C2;
}

div.adresse fieldset legend
{
  padding: 0px 5px 0px 5px;
  border: 0px solid #C2C2C2;
  border-left-width: 1px;
  border-right-width: 1px;
  font-weight: bold;
  color: #DD2026;
}

div.adresse fieldset table tr td input
{
  top: 0px;
}

/* Jobs */
div.jobs table
{
  width: 100%;
}

div.jobs table tr th
{
  background: #7F7F7F;
  color: #FFF;
  font-weight: bold;
  padding: 5px;
}

div.jobs table tr td
{
  vertical-align: top !important;
  height: 17px;
  line-height: 18px;
  padding: 5px 5px 5px 5px;
}

div.jobs table tr td a
{
  color: #E81F26;
}

div.jobs table tr td a.standardButton
{
  color: #FEF200;
}

div.jobs table tr.even td
{
  background: transparent;
}

div.jobs table tr.odd td
{
  background: #DEDEDE;
}

.popup
{
  padding: 10px;
  position: absolute;
  top: 50px;
  left: 50px;
  background: #FFF;
  z-Index: 10000;
}

.popup h1
{
  display: block;
  height: 30px;
  line-heigt: 30px;
  font-size: 18px;
  padding: 0px;
  margin: 0px;
  float: left;
}

.popup a
{
  display: block;
  width: 20px;
  line-heigt: 30px;
  font-size: 18px;
  height: 30px;
  float: left;
  color: #000;
}

.popup img
{
  clear: both;
}

div#content p.information
{
  border: 1px solid #6481d5;
  padding: 10px 10px 10px 35px;
  font-size: 12px;
  color: #8D8B8D;
  background: #f0f4ff url(/img/layout/information.png) no-repeat 10px center;
}

#fbFooter:after
{
  content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;

}

#fbFooter
{
  background: #FFF;
  border: 1px solid #FED017;
  height: 29px;
  padding: 2px 4px 0px 0px;
  overflow: hidden;
  margin: 0px 15px 15px 15px;
  margin-top: 15px;
  width: auto;
}

#fbFooter #fbContents
{
  color: #EF9700;
  float: left;
  font-size: 14px;
  font-weight: bold;
  line-height: 27px;
  padding-left: 10px;
}

#fbFooter #fbMenu
{
  float: right;
}

#fbFooter #fbMenu #fbDownloadButton
{
  margin-right: 15px;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

#tooltip h3
{
  font-weight: bold;
  background: transparent;
  border: 0px;
  font-size: 13px;
  padding: 0px;
}

.hinweis
{
  float: left;
  border: 1px solid #86B6EF;
  background: #E0E7EF;
  padding: 10px;
  font-weight: bold;
}

#angebote .angebotbox
{
  height: 196px;
  background-color: #FEFEFE;
  background-image: url(/img/layout/bg_artikelinfo.jpg);
  background-position: bottom;
  background-repeat: no-repeat;
  padding-bottom: -20px;
  margin-bottom: 21px;
}

.home-artikelbild
{
  width: 167px;
  height: 167px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: top center;
}

#mPopupXmas
{
  background-color: #FEF200;
  border: solid 2px #000;
  top: 100px;
  left: 100px;
}

#xmas_main
{
  font-size: 30px;
  font-weight: bold;
  color: #E41E26;
  padding-bottom: 20px;
  line-height: 32px;
}

#xmas_sub
{
  font-size: 14px;
  font-weight: bold;
  color: #000;
}

#seotext h2
{
  background-image: none;
  border-width: 0px;
  padding-left: 0px;
  margin-left: 0px;
  padding-top: 10px;
}

.gewinnspiel_left {
  float: left;
  width: 274px;
  height: 640px;
  background: #fff url(/img/layout/teaser_gewinnspiel_1.jpg) no-repeat;
}

.gewinnspiel_errors {
  float: right;
  width: 345px;
  margin-left: 10px;
  background-color: #fff;
  height: auto;
  border: 5px solid #d8001b;
  border-bottom: 0px;
}

.gewinnspiel_errors ul.errors {
  margin: 0px;
}

.gewinnspiel_right {
  float: right;
  width: 345px;
  margin-left: 10px;
  background-color: #fff;
  height: 630px;
  border: 5px solid #d8001b;
}

.gewinnspiel_right .gewinnspiel_captcha {
  border: 1px solid #abadb3;
  padding: 0px; 
  background-repeat: no-repeat; 
  background-position: center center;
  background-color: #fff; 
  width: 100px; 
  height: 60px;
  margin: 0px;
  float: left;
  margin-right: 35px;
}

.gewinnspiel_right h4 {
  background-color: #d8001b;
  background-image: none;
  border: 0px;
  width: 335px;
  color: #fff;
  font-size: 30px;
  height: 30px;
  text-transform: uppercase;
}

.gewinnspiel_right table {
  padding: 5px;
}

.gewinnspiel_right table.frage {
  font-size: 16px;
  width: 100%;
  border-bottom: 5px solid #d8001b;
  margin-bottom: 0px;
  padding-bottom: 5px;
  padding-top: 5px;
}

.gewinnspiel_right table.frage td {
  font-weight: bold;
  line-height: 20px;
}

.gewinnspiel_right table.formular select {
  float: none;
  margin-left: 5px;
  width: 175px;
  margin-top: 5px; 
  height: 25px;
}

.gewinnspiel_right table.formular input {
  width: 168px;
}

.gewinnspiel_right table.formular input.geburtsdatum {
  width: 48px;
}

.gewinnspiel_right table.formular input.strasse {
  width: 126px;
}

.gewinnspiel_right table.formular input.hausnummer {
  width: 30px;
}

.gewinnspiel_right table.formular input.postleitzahl {
  width: 60px;
}

.gewinnspiel_right table.formular input.wohnort {
  width: 96px;
}

.gewinnspiel_right table.formular input.teilnahmebedingung {
  width: auto;
}

.gewinnspiel_right table.formular div.teilnahmebedingung_txt {
  width: 260px;
  float:right;
  margin-left: 5px;
}

.gewinnspiel_right table.formular div.small {
  width: 300px;
  font-size: 9px;
}

ul.gewinnspiel_teilnahmebedingungen_text {
  list-style-type: disc;
  margin-left: 25px;
  margin-top: 10px;
}

ul.gewinnspiel_teilnahmebedingungen_text li {
  margin-bottom: 10px;
}

div.gewinnspiel_erfolg {
  border: 2px solid #01BF00;
  color: #45a12a;
  background-color: #e6ffe6;
  padding: 20px;
  margin: 10px;
  line-height: 20px;
  
}

#teilnahmebedingungen_overlay {
  margin-left: 60px;
  margin-top: 60px;
  background-color: #ebebeb;
  border: 1px solid #b7b7b7;
  border-top: 0px;
  position: absolute; 
  z-index: 100;
  width: 500px;
}

#teilnahmebedingungen_overlay ul {
  margin-right: 10px;
}

#teilnahmebedingungen_overlay .standardButton {
  float: right;
  margin: 5px;
}

/* RENNER */

#renner {
  position: relative;
}

#renner div {
  font-size: 11px;
}

#renner strong {
  color: #e41e26;
}

#renner_timer {
  background: url(/img/layout/bg_timer.png) no-repeat;
  height: 57px;
  width: 170px;
  position: absolute;
  top: 6px;
  right: 8px;
}

#renner_timer dd {
  color: #fff;
  font-size: 20px;
  top: 26px;
  display: block;
  position: absolute;
  z-index: 2;
  letter-spacing: 9px;
}

#renner_timer span.timer-space {
  width: 7px;
  display: inline-block;
}

#renner_timer .timer-hours {
  display: block;
  float: left;
  position: relative;
  left: 16px;
}

#renner_timer .timer-minutes {
  display: block;
  float: left;
  position: relative;
  left: 23px;
}

#renner_timer .timer-seconds {
  display: block;
  float: left;
  position: relative;
  left: 29px;
}

/* HACK THE PLANET — or just IE8 for this time! */
@media \0screen #renner_timer .timer-seconds {
  left: 27px;
}

@media \0screen #renner_timer .timer_minutes {
  left: 21px;
}
/* Finished hacking… */


#renner_timer span.timer-space:nth-child(even) {
  width: 5px;
  display: inline-block;
}

#timer-line {
  height: 2px;
  background: url(/img/layout/bg_timerline.png) no-repeat 3px 0;
  position: absolute;
  z-index: 3;
  top: 33px;
  left: 10px;
  width: 146px;
}

#timer-preis {
  background: url(/img/layout/bg_timerpreis.png) no-repeat;
  width: 129px;
  height: 50px;
	color: #e41e26;
	right:  6px;
	letter-spacing: 0 !important;
	font-family: Impact, Arial, sans-serif;
	font-size: 16px !important;
	text-transform: inherit !important;
	padding: 8px 0 0 10px;
	margin: 0 0 0 15px;
}

#timer-preis .timer-preis {
  font-size: 29px;
}

#timer-verfuegbar {
  padding: 0 10px;
  width: 170px;
}

#timer-image {
  float: right;
  padding: 4px;
  border: 1px solid #bbbbbb;
  background-color: #fff;
  margin: 10px 25px 0 0;
}

.commerzfinanz {
  width: 643px;
}

.commerzfinanz .content {
  padding: 10px;
}

.commerzfinanz .content ol {
  list-style-type: decimal;
  margin-left: 25px;
  margin-top: 10px;
}

.commerzfinanz .content ol.intro {
  list-style-type: decimal;
  margin-left: 25px;
  margin-top: 10px;
}

.commerzfinanz fieldset
{
  margin: 5px 0px 10px 0px;
  padding: 6px;
  border: 1px solid #C2C2C2;
}

.commerzfinanz fieldset legend
{
  padding: 0px 5px 0px 5px;
  border: 0px solid #C2C2C2;
  border-left-width: 1px;
  border-right-width: 1px;
  font-weight: bold;
  color: #DD2026;
}

.finanzierung_teaser {
  margin-left: 5px;
  margin-bottom: 5px;
}

.commerzfinanz .content ul.hints {
  border: 1px solid #fea800;
  background-color: #fff1b0;
  padding: 10px;
  color: #000;
}

.finanzierung {
  width: 228px;
  height: 141px;
  background: transparent url(/img/bestellung/finanzierung.jpg) 0 0 no-repeat; 
  padding: 10px 5px 10px 55px; 
  margin: 20px auto 0px auto;
  font-size: 11px;
  margin-bottom: 10px;
}

.finanzierung h3 {
  background-image: none;
  border: 0px;
  font-size: 12px;
  color: #000;
  margin: 0px;
  padding: 0px;
  height: auto;
  margin-bottom: 5px;
}

.finanzierung h3 span {
  color: #E31E27;
}  

.commerzfinanz input, .commerzfinanz select {
	left: 0px;
	float: none;
	margin: 0px;
	position: static;
	top: 0px;
}