/*
*********************************************************************
* The following styles handle every global defaults					*
* --> all styles arranged by clearly comments						*
* --> mukutu GmbH / werk01 22.03.2010								*
*********************************************************************
*/

/* +++++++++++++++++++ DEFAULT STYLES CONTENT +++++++++++++++++++ */

/* NORMALISIERT MARGIN, PADDING */
body, div, dl, dt, dd, dul, ol, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{	
	margin: 0;
	padding: 0;
}

/* NORMALISIERT FONT-SIZE F�R �BERSCHRIFTEN */
h1, h2, h3, h4, h5, h6
{
	font-size: 100%;
}

/* ENTFERNT LIST-STYLES AUS LISTEN */
ol, ul
{
	list-style: none;
}

/* ENTFERNT BORDER AUS FIELDSET UND IMG */
fieldset, img {
	border: 0;
}

/* NORMALISIERT FONT-STYLE UND FONT-WEIGHT AUF NORMAL */
address, caption, cite, code, dfn, em, th, var, h1, h2, h3 {
	font-style: normal;
	font-weight: normal;
}


/* NORMALISIERT TABLES */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* RICHTET TEXT IN CAPTION UND TH LINKS AUS */
caption, th {
	text-align: left;
}

/* ENTFERNT ANF�HRUNGSZEICHEN AUS Q */
q:before, q:after {
	content: '';	
}

/* DEFAULT STYLES **************/


body {
	background: #fff;
	color: #fff;

}

body, select, input, textarea {
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 62.5%;
}

#container {
	background: #000 url(/public/img/background.png) 0 0 no-repeat;
	height: 600px;
	left: 50%;
	margin: -300px auto 0 -480px;
	position: absolute;
	top: 50%;
	width: 960px;
}

#container.alt {
	background: #000 url(/public/img/background_blank.png) 0 0 no-repeat;
}

#container.alt2 {
	background: #fff;
	height: 630px;
}

#movieholder {
	background: #000;
	height: 600px;
	width: 960px;
}

#player.content_main {
	background: #000;
	height: 436px;
	left: 285px;
	top: 82px;
	width: 386px;
}


a.start {
	color: #000;
	bottom: 10px;
	left: 10px;
	position: absolute;

}

/*
#branding {
	position: relative;
	z-index: 2;
}
*/

#branding {
	position: relative;
}

#branding h1 {
	overflow: hidden;
	position: absolute;
	z-index: 1;
	top: 56px;
	left: 83px;
	width: 285px;
	height: 19px;
}

#branding img {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
}

#branding img[alt="HASARDEUR"] {
	font-size: 1.2em;
}

/*
#branding h1 {
	background: url(/public/img/logo.png) 0 0 no-repeat;
	height: 19px;
	position: absolute;
	left: 83px;
	text-indent: -9999px;
	top: 56px;
	width: 285px;
	z-index: 1;
}
*/

#branding a {
	display: block;
	height: 19px;
	width: 285px;
	z-index: 400;
}

#branding p {
	background: url(/public/img/claim.png) 0 0 no-repeat;
	height: 12px;
	left: 380px;
	position: absolute;
	text-indent: -9999px;
	top: 64px;
	width: 225px;
}

#branding blockquote {
	display: none;
}

#content {

}

a {
	color: #fff;
	text-decoration: none;
}

.content_sub {
	float: left;
	height: 433px;
	right: 88px;
	overflow-y: auto;
	overflow-x: hidden;
	position: absolute;
	top: 83px;
	width: 157px;
}

div.content_main {
	float: left;
	height: 433px;
	left: 287px;
	overflow-y: auto;
	overflow-x: hidden;
	position: absolute;
	top: 83px;
	width: 381px;
}

div.content_main.alt {
	left: 86px;
	width: 629px;
}

.content_main h1 {
	font-size: 1.9em;
	letter-spacing: 1px;
	margin: 35px 20px 0 20px;
}

.content_main p {
	font-size: 1.1em;
	letter-spacing: 1px;
	line-height: 1.5em;
	margin: 20px 20px 0 20px;
}

.content_sub p, .content_main.alt p {
	 font-size: 1em;
}

.content_sub p {
	line-height: 1.5em;
	margin: 20px 0px 0 0px;
}

.content_main em, .content_sub em {
	display: block;
}

.content_main.store1 {
	background: url(/public/img/background_store1.jpg) 0 0 no-repeat;
}

.content_main.store2 {
	background: url(/public/img/background_store2.jpg) 0 0 no-repeat;
}

.content_main.store3 {
	background: url(/public/img/background_store3.jpg) 0 0 no-repeat;
}

.content_main.store4 {
	background: url(/public/img/background_store4.jpg) 0 0 no-repeat;
}

.content_main.fashion1 {
	background: url(/public/img/background_fashion1.jpg) 0 0 no-repeat;
}

.content_main.fashion2 {
	background: url(/public/img/background_fashion2.jpg) 0 0 no-repeat;
}

.content_main.fashion3 {
	background: url(/public/img/background_fashion3.jpg) 0 0 no-repeat;
}

.content_main.fashion4 {
	background: url(/public/img/background_fashion4.jpg) 0 0 no-repeat;
}

.content_main.fashion5 {
	background: url(/public/img/background_fashion5.jpg) 0 0 no-repeat;
}

.content_main.contact {
	background: url(/public/img/background_contact.jpg) 0 0 no-repeat;
}

.content_main.brands_men {
	background: url(/public/img/background_brands_men.jpg) 0 0 no-repeat;
}

.content_main.brands_wm {
	background: url(/public/img/background_brands_wm.jpg) 0 0 no-repeat;
}

ul.image_list {
	left: 83px;
	position: absolute;
	top: 83px;
}

ul.image_list img.pointer{
	cursor: pointer;
}

ul.image_list li {
	height: 142px;
	margin: 0 0 4px 0;
	text-align: center;
	width: 198px;
}

ul.image_list.alt {
	left: 668px;
}

ul.image_list.alt li {
	margin: 0 0 4px 9px;
}

.popit {
	background: #000;
	left: 83px;
	position: absolute;
	top: 75px;
	z-index: 200;
}

.popit div p {
	background: transparent;
	color: #707173;
	font-size: 1.6em;
	line-height:1.3;
	padding: 10px;
	position: absolute;
	right: 10px;
	top: 54px;
	width: 163px;
}

.popit div span {
	font-size: 1.1em;
}

/* NAVIGATION **************/

#navigation {
	position: relative;
}


ul.main_nav {
	float: left;
	left: 81px;
	position: absolute;
	top: 526px;
}

.main_nav li {
	float: left;
	margin: 0 40px 0 0;
}


.main_nav li a {
	display: block;
	height: 32px;
	z-index: 5000;
	text-indent: -9999px;
}


a.store, a.store:visited {
	background: url(/public/img/navigation/store.png) 0 0 no-repeat;
	width: 44px;
}

a.store.active, a.store:hover {
	background: url(/public/img/navigation/store_act.png) 0 0 no-repeat;
}

a.fashion, a.fashion:visited {
	background: url(/public/img/navigation/fashion.png) 0 0 no-repeat;
	width: 59px;
}

a.fashion.active, a.fashion:hover {
	background: url(/public/img/navigation/fashion_act.png) 0 0 no-repeat;
}

a.brands_wm, a.brands_wm:visited {
	background: url(/public/img/navigation/brands_wm.png) 0 0 no-repeat;
	width: 114px;
}

a.brands_wm.active, a.brands_wm:hover {
	background: url(/public/img/navigation/brands_wm_act.png) 0 0 no-repeat;
}

a.brands_men, a.brands_men:visited {
	background: url(/public/img/navigation/brands_men.png) 0 0 no-repeat;
	width: 91px;
}

a.brands_men.active, a.brands_men:hover {
	background: url(/public/img/navigation/brands_men_act.png) 0 0 no-repeat;
}

a.blog, a.blog:visited {
	background: url(/public/img/navigation/blog.png) 0 0 no-repeat;
	width: 36px;
}

a.blog.active, a.blog:hover {
	background: url(/public/img/navigation/blog_act.png) 0 0 no-repeat;
}

a.contact, a.contact:visited {
	background: url(/public/img/navigation/contact.png) 0 0 no-repeat;
	width: 63px;
}

a.contact.active, a.contact:hover {
	background: url(/public/img/navigation/contact_act.png) 0 0 no-repeat;
}

ul.sub_nav {
	bottom: -504px;
	float: left;
	left: 85px;
	position: absolute;
	text-align: right;
	width: 187px;
}

.sub_nav li {
	line-height: 1;
	margin: 0 0 5px 0;
}

.sub_nav a.active[rel="store"] {
	color: #ea641d;
}

.sub_nav a.active[rel="fashion"] {
	color: #a9398b;
}

.sub_nav a.active[rel="fashion"] {
	color: #a9398b;
}

.sub_nav a.active[rel="brands_women"] {
	color: #df2b6a;
}

.sub_nav a.active[rel="brands_men"] {
	color: #268df6;
}

.sub_nav a.active[rel="contact"] {
	color: #3ebb31;
}

ul.service_nav {
	float: left;
	position: absolute;
	right: 82px;
	top: 529px;
}

.service_nav li {
	float: left;
}

.service_nav li a {
	display: block;
	height: 26px;
	text-indent: -9999px;
}

a.imprint_de {
	background: url(/public/img/navigation/imprint_de.png) 0 0 no-repeat;
	width: 58px;
}

a.imprint_en {
	background: url(/public/img/navigation/imprint_en.png) 0 0 no-repeat;
	width: 40px;
}

a.lang_de {
	background: url(/public/img/navigation/english.png) 0 0 no-repeat;
	width: 45px;
}

a.lang_en {
	background: url(/public/img/navigation/german.png) 0 0 no-repeat;
	width: 46px;
}