/* -> HTML Elements <-*/
html, body {
	height:100%;
	width:100%;
	margin:0px;
	padding:0px;
	}

body{
	font-family : Arial, sans-serif;
	background-color: #FFFFFF; 
	color: #626262;
	font-size: 12px;
	}

body, h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, hr{
	margin: 0;
	padding: 0;
	}

a,a:visited{
	font-size: 12px;
	text-decoration:none;
	}

img{
	border: 0;
	}

/* ->Flashcontent Styles <- */

#flashcontent 
{
 min-height: 640px;
 min-width: 1000px;
 height: 100%;
 overflow: hidden;
}

/* -> Styles for Classes <-*/

.nofloat{
	clear: both;
	float:none;
	margin:0;
	padding:0;
	font-size:0;
	height:0;
	line-height:0;
	}

.left{
	float:left;
	}

.right{
	float:right;
	}
	

.quote{
	font-family:Times New Roman,serif;
	font-style:italic;
	font-size:14px;
	margin:0 0 15px 0;
}

.dotted{
	border-width:0 0 1px 0;
	border-style:dotted;
	border-color:#999999;
	float:none;
	clear:both;
	padding:0px;
	margin:0px;
}

.internal, .contact, .print, .external{
	padding:0 0 10px 25px;
	margin:0;
	}


.back a,.internal a, .contact a, .print a, .external a{
	color:#666666;
	line-height:20px;
	}

.back{
	background: url("/Content.Node/images/back.gif") no-repeat top left;
	padding:0 0 60px 25px;
	margin:0;
	}

.internal{
	background: url("/Content.Node/images/pdf.jpg") no-repeat top left;
	}

.contact{
	background: url("/Content.Node/images/contact.jpg") no-repeat top left;
	}

.print{
	background: url("/Content.Node/images/print.jpg") no-repeat top left;
	margin:0 0 20px 0;
	}

.external{
	background: url("/Content.Node/images/contact.jpg") no-repeat top left;
	}

.darkgrey{
	color:#666666;
	}

.lightgrey{
	color:#999999;
	}

.white{
	color:#ffffff;
	}

.notextdeco{
	text-decoration:none;
	}

.textdeco{
	text-decoration:underline;
	}
	
.button{
	background: url("/Content.Node/images/btn-search.gif") no-repeat 0px 2px;
	border:0px;
	margin:2px 2px 0 0;
	width:20px;
	height:20px;
	}
	
#top .button{
	margin:0;
	}

/* -> Page Styles <-*/

#mama{
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	background-color:#ffffff;
	background-position:right top;
	background-repeat:no-repeat;
	min-height:640px;
	}
	
/* --> HeadStyles <-*/	

#head{
	width: 1000px;
	margin: 0 0 0 5px;
	}
	
#top{
	height: 20px;
	width: 1000px;
	margin: 0;
	padding: 0 0 5px 0;
	background-color: #ffffff;
	}
	
#navigation{
	height: 116px;
	width: 995px;
	margin: 0;
	padding: 0;
	background: url("/Content.Node/images/bg-navigation.jpg") repeat-x top left;
	}
	
/* ---> SearchStyles <-*/	
#top .search{
	float: right;
	margin: 3px 20px 0 0;
	padding: 0;
	}

#top  .search form{
	margin: 0;
	padding: 0;
	}
	
#top .search input.text{
	width:160px;
	float:left;
	background: url("/Content.Node/images/bg-searchfield.gif") repeat-x;
	border:1px solid #DCDCDC;
	color:#666666;
	font-size:10px;
	padding-left:5px;
	margin:1px 2px 0 0;
	height:14px;
	font-weight:bold;
	}

/* ---> NavigationStyles <-*/
#mainnavigation{
	margin: 0 0 0 20px;
	padding: 6px 0 0 0;
	text-align: left;
	}
	
ul#mainnavigation{
	list-style-type: none;
	width:600px;
	}
	
ul#mainnavigation li{
	position: relative;
	width:600px;
	}
	
ul#mainnavigation li a{
	margin: 0;
	padding: 0 0 0 12px;
	color: #999999;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 20px;
	}

ul#mainnavigation li a:hover{
	color: #666666;
	}
	
ul#mainnavigation li.active a{
	color: #666666;
	}
	
ul#mainnavigation ul{
	display:none;
	}

ul#mainnavigation li:hover ul{
	display:block;
	}
	
ul#mainnavigation li.active ul{
	display:block;
	}
	
ul#mainnavigation ul{
	position: absolute;
	top: 0px;
	left: 150px;
	text-align: left;
	margin: 0;
	padding-left: 0;
	}
	
ul#mainnavigation ul li{
	display: inline;
	list-style-type: none;
	line-height: 20px;
	}
	
ul#mainnavigation ul li a,ul#mainnavigation li.active ul li a{
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 0 20px;
	text-decoration: none;
	color: #999999;
	}

ul#mainnavigation ul li a:hover,ul#mainnavigation li.active ul li a:hover{
	color: #666666;
	}
ul#mainnavigation li.active ul li.active a{
	color: #666666;
	}

/* --> Center Styles <-*/
	
#text h1,#content #text h1 a,#content #text h1 a:visited{
	font-family:Times New Roman,serif;
	font-size:22px;
	color:#666666;
	text-transform:uppercase;
	text-decoration:none;
	margin:0 0 5px 0;
	}
	
#text h2{
	font-size:18px;
	text-transform:uppercase;
	font-weight:normal;
	margin:0 0 15px 0;
	}
	
#text p{
	margin:0 0 15px 0;
	}
	
/* ---> Startscreen Elements <-*/

#starttext{
	position:relativ;
	display:block;
	width:300px;
}

#starttext h1{
	font-family:Times New Roman,serif;
	color:#666666;
	text-transform:uppercase;
	font-size:28px;
}

#starttext h4{
	font-family:Times New Roman,serif;
	color:#999999;
	text-transform:uppercase;
	font-style:italic;
	font-size:12px;
	margin-bottom:3px;
}

.color a, .color0 a, .color0 a:visited{
	color:#ffffff;
	text-transform:uppercase;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}
.color1 a,.color1 a:visited{
	color:#000000;
	text-transform:uppercase;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}

#contentstart{
	width:100%;
}

/* ---> 2 Column Page Styles <-*/

.colleft{
	width:220px;
	float:left;
}

.colleft a.colleft a:visited{
	color:#999999;
	font-family:Times New Roman,serif;
	font-size:16px;
	line-height:150%;
}

.colleft h4 a,colleft h4 a:visited{
	color:#666666;
	font-family:Times New Roman,serif;
	font-size:18px;
}

.colleft select{
	margin-top:5px;
	height:20px;
}

.colright{
	width:750px;
	float:left;
}

.colright a,.colright a:visited{
	color:#666666;
}

.colright h2{
	color:#999999;
	font-size:18px;
	text-transform:uppercase;
}

.colright img{
	margin-left:15px;
}
	
.colright .singledesigner{
	float:left;
	margin:0 15px 15px 0;
	width:130px;
	line-height:150%;
	height:270px;
}

.colright .singledesigner h3{
	color:#999999;
	margin-top:10px;
}

.colright .singledesigner a,.colright .singledesigner a:visited{
	color:#666666;
}

.colright .singledesigner img{
	margin:0px;
}
	
.colright .colright-1{
	float:left;
	margin:0 75px 0 0;
	width:420px;
}
	
.colright .colright-2{
	float:left;
	margin:0;
	width:255px;
}
	
.colright .colright-2 .topspacer{
	height:130px;
	width:130px;
}
	

/* ---> Story Elements <-*/

#contentbig{
	background: url("/Content.Node/images/bg-content-header-big.gif") no-repeat top left;
	width:475px;
	margin:55px auto;
	padding-top:20px;
	min-height:445px;
}

#contentbig #text{
	background: url("/Content.Node/images/bg-content-footer-big.gif") no-repeat left bottom;
	width:465px;
	padding:10px 0px 25px 30px;
	line-height:150%;
	text-align:left;
	}


#contentbig #text p a,#contentbig #text p a:visited{
	font-size: 12px;
	color:#666666;
	text-decoration:underline;
	}

#contentbig #text {
	color:#666666;
	}

#contentbig p{
	width:410px;	
}

hr.dotted{
	width:410px;
	margin:10px 0 10px 0;
	padding:0;
	font-size:0;
	height:0;
}

/* ---> Story Elements centered without border <-*/

#contentsolo{
	width:560px;
	/*min-height:240px;*/
	margin:200px auto;
	padding:0;
}

#contentsolo #text{
	background: none;
	width:560px;
	padding:0;
	text-align:left;
	}

#contentsolo p{
	width:540px;
	text-align:right;
}

#contentsolo p.tv a,#contentsolo p.tv a:visited{
	color:#999999;
	background: url("/Content.Node/images/arrow.gif") no-repeat right 2px;
	padding-right:15px;
}

/* ---> Collection Elements <-*/

#content{
	background: url("/Content.Node/images/bg-content.gif") no-repeat top left;
	width:450px;
	margin:55px 0 0 10px;
	padding-top:20px;
	float:left;
	min-height:445px;
	}
		
#content #text{
	background: url("/Content.Node/images/bg-text.gif") no-repeat bottom left;
	width:380px;
	padding:10px 0px 25px 30px;
	line-height:150%;
	}
	
#content #text h2.designerdetail{
	width:280px;
	}
	
#content #text p{
	margin:0 0 15px 0;
	width:280px;
	}
	
#content #text a,#content #text a:visited{
	color:#666666;
	text-decoration:underline;
}
	
ul#service{
	width:370px;
	list-style-type: none;
	margin:0 0 30px 0;
	padding:0;
	float:none;
	}
	
ul#service li{
	position: relative;
	height:25px;
	float:none;
	padding:5px 0 0 0;
	vertical-align:middle;
	}
	
ul#service li.s1{
	background: url("/Content.Node/images/contact.jpg") no-repeat left 5px;
	padding-left:25px;
	}
	
ul#service li.s2{
	background: url("/Content.Node/images/contact.jpg") no-repeat left 5px;
	padding-left:25px;
	}
	
ul#service li.s3{
	padding-top:10px;
	}
	
#content #text ul#service li a,#content #text ul#service li a:visited,#contenttabs #text ul#service li a,#contenttabs #text ul#service li a:visited,#contentbig #text ul#service li a,#contentbig #text ul#service li a:visited{
	margin: 0;
	color: #666666;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	}
	
ul#service li a.contact{
	background: url("/Content.Node/images/contact.jpg") no-repeat top left;
	padding-left:20px;
	}

#collectionitem{
	width:500px;
	float:left;
	}

#collectionitem #zoomin{
	float:right;
	margin-top:45px;
	}
	
	
/* ---> Designers Elements <-*/
	
#tabs{
	background:transparent url("/Content.Node/images/bg-divtab.gif") bottom right no-repeat;
	}

#tabs ul{
	list-style-type: none;
	height:20px;
	border-left:1px solid #F0F0F0;
	}
	
#tabs li.tab{
	background:transparent url("/Content.Node/images/bg-tab.gif") top right no-repeat;
	float:left;
	font-weight:bold;
	text-align:center;
	height:20px;
	padding:2px 5px;
	}
	
#tabs li.tab a,#tabs li.tab a:visited{
	text-transform:uppercase;
	font-size:11px;
	color:#999999;
	}
	
#tabs li.tab a:hover{
	color:#000000;
	}
	
#tabs li.tabactive a{
	color:#000000; 
	}
	
#tabs li.tabactive{
	background:transparent url("/Content.Node/images/bg-tab-active.gif") top right no-repeat;
	color:#000000; 
	}
	
#contenttabs{	
	width:380px;
	margin:55px 35px 0 10px;
	padding-top:20px;
	float:left;
	min-height:445px;
	}

#contenttabs #text{
	width:365px;
	background:transparent url("/Content.Node/images/bg-contenttabs-text.gif") right 55px no-repeat;
	padding:0px 0px 25px 30px;
	line-height:150%;
	}

#contenttabs #text h1{
	margin:0 0 15px 0;
	}

#contenttabs #text p{
	width:300px;
	margin:0 0 15px 5px;
	}
	
#contenttabs .image{
	width:240px;
	border-bottom:1px dotted #999999;
	padding:0 0 5px 0;
	margin:0 0 5px 5px;
}
#contenttabs .tab-2,#contenttabs .tab-3{display:none;}
	
#contenttabs .quote{
	width:300px;
}

#contenttabs ul#service{
	list-style-type: none;
	margin:0;
	padding:0;
	float:none;
	}
	
#contenttabs ul#service li,{
	position: relative;
	float:none;
	background-position:left 5px;
	}

#designeritems{
	width:570px;
	float:left;
	margin-top:120px;
	/*overflow:auto;height:250px;*/
}

#designeritemspast
{
	width:570px;
	float:left;
	margin-top:20px;
}

/* ---> Runwaylooks Deatil Elements centered without border <-*/

#contentwide{
	margin:55px 20px;
	padding:0;
	min-height:445px;
}
#contentwide #text{
	background: none;
	padding:0;
	text-align:left;
	width:990px;
	}

#contentwide #text .bgwhite{
	background:transparent url("/Content.Node/images/white-trans.png") repeat left top;
	padding:10px 10px 10px 0;
}

#contentwide #text .bgwhite a,#contentwide #text .bgwhite a:hover{
	color:#999999;
}

#contentwide .runway{
	width:220px;
	float:left;
}

#contentwide .runway select{
	margin-top:5px
}


#contentwide .runway b{
	color:#666666;
}

#contentwide .runway a,#contentwide .runway a:visited{
	color:#999999;
	font-family:Times New Roman,serif;
	font-size:14px;
	line-height:150%;
	text-decoration:none;
}

#contentwide .runway h4 a,#contentwide .runway h4 a:visited{
	color:#666666;
	font-family:Times New Roman,serif;
	font-size:18px;
	text-decoration:none;
}

#contentwide .runwayimages{
	width:750px;
	float:left;
}

#contentwide .runwayimages img{
	margin:0 0 15px 15px;
}

/* ---> Collection Overview Itemlisting <-*/

.designeritem{
	width:175px;
	height:170px;
	padding:2px 0 5px 0;
	float:left;
	background:transparent url("/Content.Node/images/bg-designeritems.gif") no-repeat scroll left top;
	vertical-align:middle;
}

ul.designeritemgroup, ul.itemdesc{
	list-style-type:none;
	text-align:left;
	margin:0px;
	padding:0px;
}

ul.itemdesc li{
	margin-left:20px;
}

#text .colright .itemdesc li a,#text .colright div.thedesigneritem a,#text .colright .itemdesc li a:visited,#text .colright div.thedesigneritem a:visited{
	color:#ffffff;
	text-decoration:none;
}

ul.designeritemgroup ul{
	display:none;
	z-index:100;
}

div.thedesigneritem{
	width:170px;
	height:170px;
	background-position: 6px 6px;
	background-repeat:no-repeat;
}

div.spacer{
	height:82px;
	width:150px;
}


#text div.spacer a{
	text-decoration:none;
}

li.designeritem:hover ul{
	display:block;
}

ul.itemdesc{
	width:156px;
	margin:0 0 0 6px;
	background:url(/Content.Node/images/overlay.png) top left;
	padding:10px 0;
	height:60px;
}

/* ---> Presspage Styles <-*/

.colright .date{
	color:#666666;
}

.colright .pressimg img{
	margin:25px 0 30px 0;
	padding:0;
}

.colright .pressimg p{
	margin:0px 0 10px 0;
	padding:0;
}
	
.colright .press{
	float:left;
	width:335px;
}
	
.colright .colright-1 .press{
	margin:0 65px 0 0;
}

.colright .press .dsentry {
	padding:20px 0 20px 0;
	width:335px;
}

.colright .press .dsentry div{
	width:215px;
}

.colright .press img{
	margin:0 20px 0 0;
	float:left;
}
	
#text .colright h1{
	padding-bottom:15px;
	margin-bottom:15px;
}
	
#text .colright-2 a{
	text-decoration:none;
	font-weight:bold;
}

/* ---> Sitemap Styles <-*/

ul.sitemap,ul.metasitemap{
	list-style-type:none;
	margin:30px 0 5px 0;
}

#text ul.sitemap a,#text ul.metasitemap a,#text ul.sitemap a:hover,#text ul.metasitemap a:hover{
	font-size:14px;
	text-decoration:none;
	text-transform:uppercase;
	color:#666666;
}

#text ul.sitemap li{
	font-size:14px;
	text-decoration:none;
	text-transform:uppercase;
	margin:30px 0 0 0;
}

#text ul.sitemap li li{
	margin:0;
}

ul.sitemap ul,ul.metasitemap ul{
	list-style-type:none;
	margin:0 0 0 10px;
}

#text ul.sitemap ul a,#text ul.metasitemap ul a,#text ul.sitemap ul a:hover,#text ul.metasitemap ul a:hover{
	font-size:12px;
	text-decoration:none;
	text-transform:uppercase;
	color:#666666;
}

/* --> Footer Styles <-*/

#footer
{
	width: 1000px;
	height: 50px;
	margin: 0;
	padding: 0;
}

#footer .swan{
	background:transparent url("/Content.Node/images/swan.gif") no-repeat scroll left top;
	float:left;
	height:26px;
	margin:16px 0pt 0pt 18px;
	padding:10px 0pt 0pt 40px;
	}
	
#footer .swan a{
	font-size:11px;
	}
	
#footer ul {
	color:#666666;
	float:right;
	margin:26px 16px 0 0;
	}

#footer li {
	display:inline;
	list-style-type:none;
	padding:0;
	}

#footer a {
	color:#666666;
	font-size:10px;
	padding:0pt 6px 0pt 4px;
	text-decoration:none;
	}

/* --> Newsscroller on Homepage Styles <-*/

	.scroller{width:25px;font-size:40px;float:left;padding-top:67px;display:none;}
	#scrollbox{position:absolute;top:600px;width:500px;}
	#scrollbox #newsshow{float:left;width:320px;height:150px;}
	#scrollbox #newsscreen{position:absolute;height:150px;width:320px;overflow:hidden;}
	#scrollbox ul{position:absolute;width:1000px;background:transparent url(none);border:0px;list-style-type:none;padding:0px;margin:0px;}
	#scrollbox ul li{background:transparent url(none);color:#787878;float:left;padding-left:12px;}
	#scrollbox ul li img{background:transparent url(none);color:#787878;float:left;padding-top:37px;}

/* image-modul-lupe // Bild volle Breite mit Border f?r Lupenfunktion

.image-modul-lupe {

  margin:  0px  0px 30px  0px; 

  padding:  0px; 

  overflow: hidden;

  width: 450px;

  float: left;

	background-color: #ffffff;

	background-repeat: no-repeat;

}

.image-modul-lupe .hidden {

	display: none;

}

.image-modul-lupe-big {

	cursor: pointer;

	background-repeat:no-repeat;

	background-position:0px 0px;

	background-color:#FFFFFF;

}

.image-modul-lupe-small {

	background-repeat:no-repeat;

	background-position:0px 0px;

	background-color:#FFFFFF;

}

#image-modul-lupe-print {

	display: none;

}
*/