body { background: #212121 url(../images/bg_head_night.png) repeat-x; color: #f7f7f7 }

#head { height: 69px; margin-top: 10px; }
#navi { height: 30px; }
#navi li { float: left; margin-right: 5px; }
#navi li a { float:left; height: 30px; line-height: 30px; color: #fff; font-size: 1em; text-decoration: none; padding: 0 20px; border: 1px solid #000; border-bottom: 0; font-weight: bold; }
#navi li a.active { color: #fff; background: #212121; border-color: #111 }
#navi li a:hover { background: #212121; border-color: #111 }
#navi li a.active:hover { background: #212121; border-color: #111 }


hr { display: none }

a { outline: none; color: #fff }
h2 { margin-bottom: 10px; }
h4 { margin-bottom: 0; color: #555; font-size: 1em; }
ul { list-style: none; }
ul li { margin: 0; padding: 0; }

.bigobject { border: 1px solid #444; margin-bottom: 20px; }
.bigobject, .bigobject object { width:458px; height:368px; } 
.phonebox { width:220px; height:111px; background: url(../images/bg_telephone.png); text-align: center; margin-bottom:  20px; }
.phonebox h4 { color: #333; font-size: 1.7em; margin-top: 15px; }
.phonebox p { font-size: 2em; color: #333; }
#content img { border: 1px solid #000; }

#shopplan { position: relative; border: 0; background: url(../images/bg_plan.png); }
a.shopplanpreview {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	width: 30px;
	height: 30px;
	text-decoration: none;
	text-indent: -99999px;
	background: url('../images/bg_planprev.jpg');
}
a.shopplanpreview:hover { background: url('../images/bg_planprev_active.jpg'); }

.assortment { background: url(../images/bg_content_assortment.png) top left repeat-y; }
.assortment li a {
	display: block;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #ccc;
	text-indent: 10px;
	text-decoration: none;
}
.assortment li a:hover, .assortment li a.active { background: #f0f0f0; }
.assortment li a.active { font-weight: bold; }

.branddesc {
	margin-top: 40px;
	margin-bottom: 40px;
}

#content .branddesc img { border: 2px solid #000; padding: 1px }
.assortmentoverview li { height: 60px; line-height: 60px; font-weight: bold;  margin-bottom: 10px; background: url(../images/bg_assortmentcat_dark.png) top left no-repeat; text-indent: 60px; }
.assortmentoverview li span { font-weight: normal; }
.assortmentoverview li:hover { background-color: #111; }
.assortmentoverview li a { display: block; color: #fff; text-decoration: none; }
.assortmentoverview li a.active { text-decoration: underline; }

#content .partner img { border: 0; }

.partner { margin-bottom: 10px; border-top: 5px solid #000 }
.partner p { margin-bottom: 40px; }
.layoutswitch { margin-top: 25px; } 
.partner { background: #111; text-align: center; padding-top: 30px; }

#foot { background: #111; margin-bottom: 20px; color: #777; margin-top: 20px; }
#foot .head { background: #000; height: 60px; }
#foot h4 { color: #111; padding-left: 10px;  }
#foot .head h4 { padding-left: 60px; padding-top: 20px; color: #fff; }
#foot p, #foot ul { color: #777; padding-left: 10px; }
#foot a { text-decoration: none; color: #777; }
#foot a:hover { color: #fff; text-decoration: underline }
.foot_navi { background: url(../images/bg_navigation_dark.png) top left no-repeat; height: 60px; }
.foot_cats { background: url(../images/bg_assortmentcat_dark.png) top left no-repeat; height: 60px; }
.foot_times { background: url(../images/bg_times_dark.png) top left no-repeat; height: 60px; }
.foot_address { background: url(../images/bg_address_dark.png) top left no-repeat; height: 60px; }

.form, .form fieldset, .form legend { background: #111; border: 0px; }

.form div:hover { background: #000}

#content .form input, #content .form textarea { background: #333; border: 0; color: #fff }

form-msg-info, .form-msg-warning, .form-msg-error, .form-msg-success {
    background: transparent;
    border: 0;
}

#layoutswitch {
  float: right;
  display: block;
  background: url(../images/light2.jpg) top left no-repeat;
  text-indent: -9999px;
  width: 64px;
  height: 64px;
  margin-right: 50px;
  margin-top: 10px;
}

a#layoutswitch:hover { 
  background: url(../images/light3.jpg) top left no-repeat;
}

.homephone {
  background: url(../images/phone.png) 39% 0 no-repeat;
  text-align: center;
  height: 60px;
  line-height: 60px;
  font-size: 1.4em;
}

