@charset "utf-8";

/* COLOR SHEME
	brown: #8b7969
	dunkel: #483c32

	orange: #ff6601
*/

/* RESET ALL */
h1, h2, h3, h4, h5, h6, p, blockquote, img, ul, ol, dl, dt, dd{
	margin: 0;
	padding: 0;
	border: 0;
}
/* STANDARD TAGS */
body{
	margin: 0;
	padding: 0;
	background: url(../img/bg_body.gif) repeat;
	font-size: 12px;
	line-height: 18px;
	color: #dcddde;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
a{
	color: #dcddde;
	text-decoration: none;
}
a:hover{
	color: #fff;
	text-decoration: none;
}


#siteWrapper{
	width: 900px;
	margin: 0 auto;
	display: block;
	overflow: hidden;
}
#head{
	height: 92px;
	width: 900px;
}
	#head h1.logo{
		margin: 1px 0 0 3px;
		padding: 0;
		position: absolute;
	}
		#head h1.logo a{
			display: block;
			height: 120px;
			width: 178px;
			float: left;
			background: url(../img/logo.jpg) no-repeat;
			text-indent: -10000px;
		}
	#head ul.siteNavi{
		display: block;
		float: right;
		width: 620px;
		margin-top: 40px;
		color: #dcddde;
	}
		#head ul.siteNavi li{
			list-style: none;
			display: block;
			float: right;
		}
			#head ul.siteNavi li.last{
				border-right: 0px;
			}
			#head ul.siteNavi li.active a{
				color: #670398;
			}
			#head ul.siteNavi li a{
				padding: 5px 10px;
			}

.contents_bgwrapper{
	background: url(../img/inhalt_bgwrapper.jpg) repeat-y top center;
	overflow: hidden;
}

.contents{
	background: url(../img/inhalt_bg.jpg) no-repeat top center;
	padding: 20px 35px;
}

/* STARTSEITE */
h1.springsummer09_heading{
	margin: 5px 0 25px 0;
	padding: 0;
	display: block;
	text-indent: -10000px;
	height: 12px;
	width: 500px;
	background: url(../img/heading_fallwinter09_10.jpg) no-repeat right center;
	float: right;
}
.springsummer09_pics{
	text-align: center;
	margin-bottom: 25px;
}
ul.stores_list{
	display: block;
	padding: 5px 15px;
	height: 118px;
	overflow: hidden;
	background: url(../img/inhalte_versatz_bg.jpg) no-repeat bottom center;
}
/*
ul.stores_list{
	display: block;
	height: 5px;
	overflow: hidden;
	background: url(../img/inhalte_versatz_bg.jpg) no-repeat top center;
}
*/
ul.stores_list li{
	list-style: none;
	display: block;
	float: left;
	margin: 0 14px;
	width: 262px;
	height: 80px;
}
ul.stores_list li a{
	width: 172px;
	height: 48px;
	display: block;
	float: left;
	padding: 32px 0 0 90px;
}
ul.stores_list li a:hover{
	
}
ul.stores_list li h1{
	font-size: 14px;
	display: none;
}
ul.stores_list li img{
	display: none;
}
ul.stores_list h3.stores_list_heading{
	display: block;
	height: 30px;
	width: 500px;
	margin-left: 25px;
	background: url(../img/get_the_look.jpg) no-repeat left center;
	text-indent: -10000px;
}

ul.stores_list a#store1{
	background: url(../img/stores/stierblut.jpg) no-repeat;
}
ul.stores_list a#store2{
	background: url(../img/stores/cittadibologna.jpg) no-repeat;
}
ul.stores_list a#store3{
	background: url(../img/stores/neidfaktor.jpg) no-repeat;
}

/* // STARTSEITE */

.text_contents{
	background: #151515 url(../img/textContent_topCorner.jpg) no-repeat left top;
	margin-top: 20px;
	margin-bottom: 20px;
	display: block;
}
	.text_contents h1{
		margin: 0;
		padding: 20px;
		padding-bottom: 10px;
		font-family: Tahoma, Arial;
		font-weight: normal;
	}
	.text_contents p{
		padding: 10px 20px; 
	}


#siteFooter{
	padding: 5px 10px;
	overflow: auto;
}
	#siteFooter ul.subNavi{
		display: block;
	}
		#siteFooter ul.subNavi li{
			display: block;
			list-style: none;
			float: right;
		}
			#siteFooter ul.subNavi li a{
				color: #333;
				display: block;
				padding: 5px 10px;
			}
			#siteFooter ul.subNavi li.active a{
				color: #fff;
			}


/* SIDEBAR LAYOUT (2Cols) */
dl.main{
	display: block;
	overflow: hidden;
}
	dl.main dd{
		display: block;
		float: left;
	}
	dl.main dd.mainContent{
		width: 570px;
		margin-right: 10px;
	}
	dl.main dd.sidebar{
		width: 270px;
	}


/*######################
		 !page.stores!
######################*/
ul.stores_listing{
	margin: 10px 20px;
	padding: 0;
}
ul.stores_listing li{
	list-style: none;
	padding: 10px;
	clear: both;
	overflow: hidden;
	border-bottom: 1px solid #111;
	margin-bottom: 10px;
}
ul.stores_listing li:hover{
	background: #191919;
	border-right: 1px solid #670398;
	border-left: 1px solid #670398;
	padding-right: 9px;
	padding-left: 9px;
}
ul.stores_listing li.first_row{
	border-top: 0px;
}
ul.stores_listing li.last_row{
	border-bottom: 0px;
}
ul.stores_listing li .store_pic{
	float: left;
	width: 120px;
	height: 120px;
	text-align: center;
	margin-left: 20px;
}
ul.stores_listing li .store_pic img{
	max-width: 100px;
	max-height: 100px;
}
ul.stores_listing li h3.store_name{
	margin-left: 180px;
}
ul.stores_listing li p.store_adress{
	margin-left: 180px;
	padding-left: 0;
}

.text_contents ul.two-col-layout{margin: 0; padding: 0; list-style: none; overflow:hidden;}
.text_contents ul.two-col-layout li{float: left; width: 400px; display: block; list-style: none;}



/*######################
		 !UNITS MODEL!
######################*/

/* STARTPAGE (1 Big Col) */
ul.units3Col{
	display: block;
	overflow: hidden;
}
	ul.units3Col li.unit{
		display: block;
		list-style: none;
		float: left;
		width: 290px;
		height: 283px;
		background: url(../img/global/bgUnits_big.png) no-repeat right bottom;
	}
	ul.units3Col li.lastUnit{
		display: block;
		list-style: none;
		float: left;
		width: 270px;
		height: 283px;
		background: url(../img/global/bgUnitRepeat.gif) repeat-x;
	}
	ul.units3Col li.unit .content{
		display: block;
		margin: 10px 25px 25px 10px;
	}
	ul.units3Col li.lastUnit .content{
		display: block;
		margin: 10px 10px 25px 10px;
	}

/* SIDEBAR UNITS */
ul.sidebarUnits{
	display: block;
	overflow: hidden;
}
	ul.sidebarUnits li.unit{
		display: block;
		list-style: none;
		float: left;
		width: 290px;
		background: url(../img/global/bgUnits_big.png) no-repeat right bottom;
	}
	ul.sidebarUnits li.unit .content{
		display: block;
		margin: 10px 25px 25px 10px;
	}

/* MAIN UNITS */
ul.mainUnits{
	display: block;
	overflow: hidden;
}
	ul.mainUnits li.unit{
		display: block;
		list-style: none;
		overflow: hidden;
		width: 580px;
		background: url(../img/global/bgUnits_big.png) no-repeat right bottom;
	}
	ul.mainUnits li.unit .content{
		display: block;
		margin: 10px 25px 25px 10px;
	}
	ul.mainUnits li.unit img{
		float: left;
		margin: 0px 15px 10px 0px;
		border: 3px solid #eee;
	}

/* CONTENTS OF UNITS */
li.unit h1,
li.lastUnit h1{
	background: url(../img/global/bgUnitHeading.gif) no-repeat left center;
	color: #ff6601;
	font-size: 13px;
	padding-left: 35px;
	margin-bottom: 10px;
}
li.unit h1 sub,
li.lastUnit h1 sub{
	display: block;
	font-size: 12px;
	color: #8b7969;
}
li.unit p.text,
li.lastUnit p.text{
	display: block;
	color: #8b7969;
	margin: 10px 0;
}

/* LINKLIST */
li.unit .linklist,
li.lastUnit .linklist{
	display: block;
	overflow: hidden;
}
	li.unit .linklist li,
	li.lastUnit .linklist li{
		list-style: none;
	}
		li.unit .linklist li a,
		li.lastUnit .linklist li a{
			display: block;
			padding: 5px 10px 5px 20px;
			margin-left: 9px;
			background: url(../img/global/bgLinklistItem.gif) no-repeat left center;
			color: #483c32;
			font-weight: bold;
		}
		li.unit .linklist li a:hover,
		li.lastUnit .linklist li a:hover{
			color: #ff6601;
		}


/* CONTENTS OF NEWS UNIT */
.newsUnit .newsItem{
	background: url(../img/global/unitSpacer.gif) no-repeat left bottom;
	padding: 10px 0;
}
.newsUnit .newsItem a{
	color: #8b7969;
}
.newsUnit .newsItem a strong{
	color: #483c32;
}
.newsUnit .newsItem img{
	float: left;
	margin: 0px 10px 0px 0px;
	max-width: 50px;
}

/* GLOBAL ELEMENTS */
ul.nicelist{
	margin: 0 20px;
	padding: 0;
}
ul.nicelist li{
	list-style: none;
	padding: 10px;
	border-bottom: 1px solid #222;
}
ul.nicelist li .show_date{
	float: left;
	margin-right: 20px;
	font-style: oblique;
	font-weight: bold;
	width: 130px;
}
ul.nicelist li.row1{
	background: #111;
}
ul.nicelist li.row2{
	background: #222;
}
ul.nicelist li:hover{
	background: #670398;
	border-right: 1px solid #670398;
	border-left: 1px solid #670398;
	padding-right: 9px;
	padding-left: 9px;
}


/* GLOBAL TOOLS */
.clb, .cll, .clr, .all, .alr, .fll, .flr{display: block; content: ".";} 

.clb{clear:both;}
.cll{clear:left;}
.clr{clear:right;}

.all{align:left;}
.alr{align:right;}

.fll{float:left;}
.flr{float:right;}