@charset "utf-8";

/*--------------------------------------------------------------*/
/*--------------------[ CSS Document reset ]--------------------*/
/*--------------------------------------------------------------*/

* {
	margin: 0;
	padding:0;
	outline:none;
}

/*--------------------------------------------------------------*/
/*-------------[ global tags, selectors, classes ]--------------*/
/*--------------------------------------------------------------*/

html,
body {
	height:100%;
	min-width:970px;
}

html {
	background:#f9f5d8 url(../images/bg-html.jpg) 0 0 repeat-x;
}

body {
	background:url(../images/bg-body.jpg) center 0 repeat-x;
	font:12px/20px Tahoma, Arial, "MS Serif";
	color:#483a2f;
}

/*--------------------------------------------------------------
	gloabal => typography
--------------------------------------------------------------*/
p {
	margin:0 0 20px 0;
}

textarea {
	overflow:auto;
}

a {
	text-decoration:underline;
	color:#483a2f;
}

a:hover {
	text-decoration:none;
}

.anker {
	float: right;
	padding: 0 26px 5px 0;
}



.highlight {
	font-weight:bold;
}

ul {
	list-style:none;
}

hr {
	width: 617px;
	margin: 5px 0 30px 0;
 	*margin: 0 0 0 15px;
	color: #f4e18c;
	border-top: solid 4px #f4e18c;
	border-bottom: transparent;
	border-right: transparent;
	border-left: transparent;	
	clear: both;
	*padding: 0;
}


/*--------------------------------------------------------------
	gloabal => positioning
--------------------------------------------------------------*/

.clear {
	clear:both;
	height:0;
	overflow:hidden;
}

.floatRight {
	float:right;
	margin:0;
	padding:0;
	border:none !important;
}

.floatLeft {
	float:left;
}

.indent {
	display:block;
	position:absolute;
	text-indent:-9999px;
}

/*--------------------------------------------------------------
	gloabal => images
--------------------------------------------------------------*/
img.floatLeft {
	float:left;
	margin:0 10px 0 0;
}

/*--------------------------------------------------------------*/
/*-------------------------[ =container ]-----------------------*/
/*--------------------------------------------------------------*/

#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width:970px;
	margin: 0 auto -75px;
}

/*--------------------------------------------------------------*/
/*---------------------------[ =header ]------------------------*/
/*--------------------------------------------------------------*/

#header {
	width:960px;
	height:375px;
	background:url(../images/bg-header.jpg) 0 0 no-repeat;
	position:relative;
}

/*--------------------------------------------------------------
	header => claims & slogans
--------------------------------------------------------------*/
#header blockquote.claim {
	text-indent:-9999px;
}

/*--------------------------------------------------------------
	header => logo
--------------------------------------------------------------*/
#header h1.branding a {
	display:block;
	position:absolute;
	left:27px;
	top:80px;
	width:261px;
	height:144px;
	text-indent:-9999px;
	background:url(../images/der-baecker-lampe.jpg) 0 0 no-repeat;
}

/*--------------------------------------------------------------
	header => navi
--------------------------------------------------------------*/

#header ul#navi {
	list-style-type:none;
	width:960px;
	height:54px;
	position:absolute;
	top:321px;
	left:3px;
	background:url(../images/bg-navigation-ul.jpg) 0 0 no-repeat;
}

#header ul#navi li {
	height:54px;
	float:left;
}

#header ul#navi li a {
	height:54px;
	text-indent:-9999px;
	background:url(../images/bg-navigation.jpg) -9999px 0 no-repeat;
	display:block;
}

#header ul#navi li a.Sortiment {
	width:110px;
}

#header ul#navi li a.Sortiment:hover{
	background-position:0 0;
}



#header ul#navi li a.MeisterLampeEis {
	width:161px;
}

#header ul#navi li a.MeisterLampeEis:hover {
	background-position:-110px 0;
}

#header ul#navi li a.OnlineShop {
	width:122px;
}

#header ul#navi li a.OnlineShop:hover {
	background-position:-271px 0;
}

#header ul#navi li a.Angebote {
	width:105px;
}

#header ul#navi li a.Angebote:hover {
	background-position:-393px 0;
}

#header ul#navi li a.Veranstaltungen {
	width:156px;
}

#header ul#navi li a.Veranstaltungen:hover {
	background-position:-498px 0;
}

#header ul#navi li a.Verkaufsstellen {
	width:152px;
}

#header ul#navi li a.Verkaufsstellen:hover {
	background-position:-654px 0;
}

#header ul#navi li a.Unternehmen {
	width:136px;
}

#header ul#navi li a.Unternehmen:hover {
	background-position:-806px 0;
}

/*--------------------------------------------------------------*/
/*--------------------[ =content container ]--------------------*/
/*--------------------------------------------------------------*/
#contentContainer {
	width:960px;
}

/*---------------------------------------------------------------
			=> Sidebar
---------------------------------------------------------------*/
#contentSidebar {
	width:280px;
	float:left;
	padding:32px 22px 0 0;
}

#contentSidebar .small-font {
	font-size:11px;
}

#contentSidebar img {
	border:4px solid #f4e18c;
	margin:0 0 11px 0;
}

#contentSidebar h3 {
	display:block;
	width:280px;
	height:35px;
	text-indent:-9999px;
}

#contentSidebar h3#h3unserSortiment {
	background:url(../images/h3/bg-unser-sortiment.jpg) 0 0 no-repeat;
}

#contentSidebar h3#h3Verkaufsstellen {
	background:url(../images/h3/bg-verkaufsstellen.jpg) 0 0 no-repeat;
}

#contentSidebar h3#h3meister-lampe-eis {
	background:url(../images/h3/bg-das-meister-lampe-eis.jpg) 0 0 no-repeat;
}

#contentSidebar #sortiment-sub {
	width:255px;
	height:62px;
}

#contentSidebar #sortiment-sub li {
	float:left;
	line-height:20px;
	font-size:11px;
	color:#483a2f;
}

#contentSidebar #sortiment-sub li.sidebarLine {
	text-align:center;
	width:21px;
}

/*---------------------------------------------------------------
			=> Content Main
---------------------------------------------------------------*/
#content-main {
	width:657px;
	padding:32px 0 30px 0;
	float:left;
}

#content-main h4 {
	font-size:12px;
	font-weight:bold;
	line-height:26px;
	color:#483a2f;
}

.column {
	width:290px;
	float:left;
	padding:0 20px 0 18px;
}

.column ul {
	padding: 5px 0 20px 15px;
	
}
.column li {
	list-style: square;
	padding-left: 5px;
}

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


.imageborder {
	border:4px solid #f4e18c;
}



#content h4,.column h4 {
	font-size:14px;
	text-transform:uppercase;
	margin:0 0 2px 0;
}




#content .img-container {
	width:213px;
	height:140px;
	float:left;
}

span.image {
	width:183px;
	height:87px;
	display:block;
	margin:0 0 10px 0;
}

* html span.image {
	margin:0 0 5px 0;
}

span.image img {
	border:4px solid #f4e18c;
	position:relative;
	z-index:1;
}

span.image a {
	position:absolute;
	width:190px;
	height:95px;
	display:block;
	text-indent:-9999px;
	background:url(../images/zoom-img.png) right bottom no-repeat;
	z-index:2;
}

/*---------------------------------------------------------------
			=> CMS
--------------------------------------------------------------*/
.cmsImg {
	border:4px solid #f4e18c;
	width:183px !important;
	height:87px !important;
}

.cmsColumn {
	width:615px;
	height:92px;
	padding:4px 0 0 4px;
	margin:0 0 20px 0;
	background:#f4e18c;
}

* html .cmsColumn {
	height:88px;
	padding:8px 0 0 4px;
}

.cmsColumn img.cmsImgLeft {
	border:none;
	float:left;
	width:212px;
	height:87px;
}

.cmsInfo {
	width:197px;
	height:96px;
	float:left;
	padding:0 0 0 10px;
}

.cmsZeiten {
	width:185px;
	height:96px;
	float:left;
}

.cmsZeiten h5 {
	font-size:12px;
	color:#483a2f;
	line-height:23px;
}

.cms-left-li {
	width:72px;
	float:left;
}

/*---------------------------------------------------------------
			=> Headline
---------------------------------------------------------------*/
#headline {
	width:657px;
	height:104px;
}

#headline h3 {
	display:block;
	width:329px;
	height:35px;
	text-indent:-9999px;
}

#headline h3#h3Willkommen {
	background:url(../images/h3/bg-willkommwn.jpg) 0 0 no-repeat;
}

#headline h3#h3sortiment {
	background:url(../images/h3/bg-sortiment.jpg) 0 0 no-repeat;
}

#headline h3#h3Verkaufsstellen {
	background:url(../images/h3/bg-verkaufsstellen-content.jpg) 0 0 no-repeat;
}

#headline h2 {
	display:block;
	width:637px;
	height:69px;
	text-indent:-9999px;
}

#headline h2#h2Willkommen {
	background:url(../images/h2/bg-willkommen.jpg) 0 0 no-repeat;
}

#headline h2#h2sortiment {
	background:url(../images/h2/bg-sortiment.jpg) 0 0 no-repeat;
}

#headline h2#h2meisterLampe {
	background:url(../images/h2/bg-meister-lampe.jpg) 0 0 no-repeat;
}

#headline h2#h2Angebote {
	background:url(../images/h2/bg-angebote.jpg) 0 0 no-repeat;
}

#headline h2#h2Verkaufsstellen {
	background:url(../images/h2/bg-verkaufsstellen.jpg) 0 0 no-repeat;
}

#headline h2#h2Veranstaltungen {
	background:url(../images/h2/bg-veranstaltungen.jpg) 0 0 no-repeat;
}

#headline h2#h2Unternehmen {
	background:url(../images/h2/bg-unternehmen.jpg) 0 0 no-repeat;
}

#headline h2#h2Kontakt {
	background:url(../images/h2/bg-kontakt.jpg) 0 0 no-repeat;
}

#headline h2#h2danke {
	background:url(../images/h2/bg-danke.jpg) 0 0 no-repeat;
}

#headline h2#h2impressum {
	background:url(../images/h2/bg-impressum.jpg) 0 0 no-repeat;
}


/*--------------------------------------------------------------*/
/*--------------------------[ =footer ]-------------------------*/
/*--------------------------------------------------------------*/

#push {
	height: 75px;
	clear:both;
}

#footerContainer {
	width:100%;
	height:75px;
	background:url(../images/bg-footer-container.jpg) 0 0 repeat-x;
}

#footer {
	height: 75px;
	width:960px;
	margin:0 auto;
	font-size:11px;
	color:#4f4033;
	background:url(../images/bg-footer.jpg) center 0 no-repeat;
}


/*---------------------------------------------------------------
			=> navigation-add
---------------------------------------------------------------*/
#footer #naviAdd {
	width:421px;
	height:33px;
	padding:42px 0 0 0;
	float:left;
}

#naviAdd ul {
	height:33px;
}

#naviAdd ul li {
	float:left;
}

#naviAdd ul li.line {
	width:29px;
	text-align:center;
}

#naviAdd ul li a {
	font-size:11px;
	color:#6e5948;
	text-decoration:none;
}

#naviAdd ul li a:hover,
#naviAdd ul li.active a {
	text-decoration:underline;
}

/*---------------------------------------------------------------
			=> footer info 
---------------------------------------------------------------*/
#footer-info {
	width:210px;
	height:66px;
	padding:9px 0 0 1px;
	float:left;
}

#footer-info ul li {
	line-height:18px;
}

/*---------------------------------------------------------------
			=> footer kontakt 
---------------------------------------------------------------*/
#footer-kontakt {
	width:190px;
	height:66px;
	padding:9px 0 0 11px;
	float:left;
}

#footer-kontakt ul {
	width:190px;
}

#footer-kontakt ul li {
	line-height:18px;
}

#footer-kontakt ul li.left-li {
	float:left;
	width:71px;
}