@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; border:0;} 
body, html { margin:0px; padding:0px; background-color:#fff; font-family: 'Monda', sans-serif; font-size:12px; color:#fff; text-align:left;  width:100%; height:100%; background-image:url(bg.jpg); background-repeat:repeat-x; background-attachment:fixed; background-position:bottom;}
.clearfix { display:inline-table; }
/* Hides from IE-mac \*/ 
* html .clearfix { height:1%; }
.clearfix { display:block; }

#vertikal{ height: 50%; width: 1px; background-color: transparent; float:left; margin-bottom: -200px;}
#horizontal { position:relative; width:960px; height:400px; background:#54585c; margin:0 auto; clear: left; overflow:hidden !important;}

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

/* INTRO */

#and { position:absolute; left:413px; top:157px; width:37px; height:86px; background:url(../basics/and.jpg); opacity:0;}
#logo { position:relative; left:450px; top: 188px; width:168px; height:24px; background:url(../basics/logo.jpg); opacity:0;}

#whiteline { background:#fff; position: absolute; width: 10px; height:400px; right: -90px; top:0px;}
#greyline { background:#aaacae; position: absolute; width: 10px; height:400px; right: -20px; top:0px;}

#willkommen { position:absolute; left:350px; top:165px; font-size:15px; display:none;}
#willkommen a { text-decoration:none;}
#willkommen a:hover { color:#cd999b;}
#welcome { position:absolute; left:350px; top:215px; font-size:15px; display:none;}
#welcome a { text-decoration:none;}
#welcome a:hover { color:#cd999b;}


/* PAGE */

#andstatic {position:absolute; left:40px; top: 35px;  width:37px; height:86px; background:url(../basics/and.jpg); display:none;}
#menu { position:absolute; left:40px; top:151px; width: 225px; height:auto; display:none;}
#menu ul { position:relative; float:left; width:225px; height:auto; list-style:none;}
#menu ul li { position:relative; float:left; }
#menu ul li a{ position:relative; float:left; width:225px; height:auto; padding:3px 0; font-weight:400; font-size:13px; text-align:left; display:block; text-transform:uppercase; text-decoration:none;}
#menu ul li a:hover { color:#cd999b;}
#menu ul li a.active { color:#cd999b; cursor:pointer;}

#whitelinestatic { background:#fff; position: absolute; width: 10px; height:400px; right: 680px; top:0px;}
#content { position:absolute; top:0; left:280px; width:680px; height:400px; font-size:12px; line-height:16px; display:none;}
#container { position:absolute; left:40px; top:0; padding-top:25px; font-size:12px; color:#fff; width:301px; padding-right:20px; padding-bottom:20px; height:400px;}
#slideshowcontainer { position:absolute; right:20px; width:295px; height:400px; overflow:hidden; top:0; background:#fff; display:none;}
#slideshow { position:absolute; right:0; width:295px; height:400px; overflow:hidden; top:0; background:#fff;}

#date { position:relative; float:left; width:301px; height:auto; margin-bottom:20px;}
.date { color:#cd999b;}

#kollektion { position:absolute; height:700px; width:295px; left:0; top:500px; text-align:center; font-weight:700; color: #54585c; font-size:14px;
	} #leftdoor, #rightdoor { width:150px; height:400px; background:#54585c; position:absolute; top:0; }
    #leftdoor { left:0;}
    #rightdoor { right:0px;}