.hint {
    position: absolute;
    width:65px;
    height: 65px;
    margin: -70px 0 0 -70px;
    background: url(../img/frontpage/teaser-hover.png) no-repeat left top;
    z-index:45332;
}

/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container {
    width				: 941px;
}


/* --------------------------------	*/
/* header					 	*/
/* --------------------------------	*/
#header {
    	height				: 294px;
}


/* --------------------------------	*/
/* dame					 	*/
/* --------------------------------	*/
#dame {
    position: absolute;
    left: -250px;
    top:343px;
    width: 250px;
    height:762px;
    background: url(../img/frontpage/dame.jpg) no-repeat right top;
}

#dame-rechts {
    position: absolute;
    left: 0;
    top:463px;
    width: 74px;
    height:353px;
    z-index : 543;
    background: url(../img/frontpage/dame-rechts.png) no-repeat right -120px;
}


/* --------------------------------	*/
/* teaser   					 	*/
/* --------------------------------	*/
#teaser	{
    position: relative;
    top: 0;
    left:0;
	z-index:4324;
}

#teaser ul {
	position: relative;
}


#teaser ul li {
	display:block;
    position: relative;
    float: left;
    width: 219px;
    height: 446px;
    overflow: hidden;
    margin: 0 0 0 21px;
    background: #fff;
}

#teaser li:first-child {
    margin:  0;
}

#teaser li img {
    position: absolute;
    left:0;
    bottom:0;
    background: #fff;
}


#teaser li a {
    display: block;
    width:100%;
    height:100%;
    overflow: hidden;
    background: url(../img/sprite.png) no-repeat left top;
}

#teaser li.rainbow_club a {  background-position: -274px  -4px;}
#teaser li.rainbow_couture a {  background-position: -514px  -4px;}
#teaser li.nina_fiarucci a {  background-position: -754px  -4px;}
#teaser li.hassall a {  background-position: -994px  -4px;}

#teaser li span{
    position:absolute;
    bottom:0;
    left:0;
    display:block;
    height:328px;
    width:219px;
    overflow: hidden;
    background: #fff;
}

/* --------------------------------	*/
/* maincontent					 	*/
/* --------------------------------	*/
#maincontent {

    padding-left: 0;
    background: none;
}

#maincontent .afbeelding {
    position: relative;
    width:340px;
    height:235px;
    padding: 0 15px 15px 0;
}

#maincontent .afbeelding .overlay {
    position: absolute;
    right:0;
    bottom:0;
    text-indent: -900em;
    display:block;
    background: url(../img/sprite.png) no-repeat -420px -194px;
    width: 196px;
    height:122px;
}

#maincontent .afbeelding a:hover .overlay {
    background-position: -630px -194px;
}

/* --------------------------------	*/
/* content					 	    */
/* --------------------------------	*/
#content {
    line-height: 2.3em;
}
#content h1 {
    display:block;
    font-size: 36px;
    width:441px;
    margin: 0 0 10px 0;
    color :#fff;	
}

#content .content {
    float:right;
    width :555px;
    color :#fff;
}

#content .afbeelding {
    float: left;
}

#content .button.colour-studio {
    display: block;
    position: absolute;
    right:0;
    top :55px;
    width: 95px;
    height: 95px;
    text-indent: -900em;
    background: url(../img/sprite.png) no-repeat left top;
}

#content .button.colour-studio:hover {
    background-position: -94px top;
}

ul#menu li {
    margin: 0 10px;
}