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

body{
	background-image:url(/Content.Node/images/bg-body.gif);
	background-color:#000000;
	background-position:left top;
	background-repeat:repeat-x;
	font-family : Arial, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	}

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

a,a:visited{
	text-decoration:none;
	color:#999999;
	}

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

img{
	border: 0;
	}

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

/* ->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:#CCCCCC;
	float:none;
	clear:both;
	padding:0px;
	margin:0px;
}

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


.back a,.internal a, .contact a, .presscontact a, .print a, .external a{
	color:#FFFFFF;
	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/contact2.jpg") no-repeat top left;
	}

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

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

.external{
	background: url("/Content.Node/images/contact2.jpg") no-repeat top left;
	margin:20px 0 0 0;
	}
	
.button{
	background: url("/Content.Node/images/dropArrow.gif") no-repeat;
	border:0px;
	margin:2px 2px 0 0;
	width:20px;
	height:20px;
	}
	
#top .button{
	margin:0;
	}

.white{
	color:#ffffff;
	}

.notextdeco{
	text-decoration:none;
	}

.textdeco{
	text-decoration:underline;
	}

/* -> Page Styles <-*/

#papa{
	width: 100%;
	margin: 0;
	padding: 0;
	background-image:url(/Content.Node/images/bg-mama.jpg);
	background-position:left bottom;
	background-repeat:repeat-x;
	}

#mama{
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	background-image:url(/Content.Node/images/bg-mama.jpg);
	background-color:#000000;
	background-position:left bottom;
	background-repeat:repeat-x;
	min-height:640px;
	}
	
/* --> HeadStyles <-*/	

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

#top  .search form{
	margin: 0;
	padding: 0;
	}
	
#top .search input.text{
	width:160px;
	float:left;
	background: url("http://www.atelierswarovski.com/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,ul#mainnavigation li.active a{
	color: #ffffff;
	}
	
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: #ffffff;
	}
ul#mainnavigation li.active ul li.active a{
	color: #ffffff;
	}

/* --> Center Styles <-*/
	
#text h1,#text h1 a,#text h1 a:visited,#content #text h1 a,#content #text h1 a:visited{
	font-family:Times New Roman,serif;
	font-size:22px;
	font-weight:normal;
	color:#FFFFFF;
	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{
	color:#cccccc;
	margin:0 0 15px 0;
	}
	
/* ---> Startscreen Elements <-*/

.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{
	font-family:Times New Roman,serif;
	font-size:16px;
	line-height:150%;
}

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

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

.colright a,.colright a:visited{
}

.colright .press a,.colright .press a:visited{
	text-decoration:none;
}

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

.colright-1 img{
	margin-left:15px;
}

	
.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;
}


/* ---> Designer ListingElements <-*/

#designerlist{
	margin:0 0 0 30px;
}
	
#designerlist .singledesigner{
	float:left;
	margin:0 25px 15px 0;
	width:90px;
	line-height:100%;
	height:165px;
}

#designerlist .singledesigner h3{
	margin-top:10px;
}


#designerlist  .singledesigner img{
	margin:0 0 3px 0;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	filter:Alpha(opacity=40, finishopacity=0, style=0);
	-moz-opacity:0.4;
}

#designerlist  .singledesigner a:hover img{
	filter:Alpha(opacity=100, finishopacity=0, style=0);
	-moz-opacity:1;
}
	

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

#contentbig{
	width:475px;
	margin:55px auto;
	padding-top:20px;
	min-height:445px;
}

#contentbig #text{
	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:#ffffff;
	text-decoration:underline;
	}

#contentbig #text {
	color:#ffffff;
	}

#contentbig p{
	width:420px;	
}

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("http://www.atelierswarovski.com/Content.Node/images/arrow.gif") no-repeat right 2px;
	padding-right:15px;
}

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

#content{
	width:450px;
	margin:55px 0 0 10px;
	padding-top:20px;
	float:left;
	min-height:445px;
	}
		
#content #text{
	background: url("http://www.atelierswarovski.com/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-top:5px;
	vertical-align:middle;
	}
	
ul#service li.s1,ul#service li.s2{
	background: url("/Content.Node/images/contact2.jpg") no-repeat left 5px;
	padding-left:28px;
	}
	
ul#service li.s3{
	padding-top:10px;
	}

ul#service li.sx{
	background-repeat:no-repeat;
	background-position: left 3px;
	padding-top:3px;
	padding-bottom:5px;
	padding-left:28px;
	height:25px;
	}
	
#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: #ffffff;
	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/contact2.jpg") no-repeat top left;
	padding-left:20px;
	}

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

#collectionitem #zoomin{
	float:right;
	margin-top:45px;
	}
	
	
/* ---> Designers Elements <-*/
	
#contenttabs{	
	width:380px;
	margin:55px 35px 0 10px;
	padding-top:20px;
	float:left;
	min-height:445px;
	}

#contenttabs #text{
	width:350px;
	padding:0px 0px 25px 30px;
	line-height:150%;
	}

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

#contenttabs #text p{
	width:350px;
	margin:0 0 15px 5px;
	padding:0 0 5px 0;
	color:#cccccc;
	}
	
#contenttabs .image{
	width:350px;
	border-bottom:1px dotted #ffffff;
	padding:0 0 5px 0;
	margin:0 0 5px 5px;
}	

#contenttabs .image img{
	margin:0 5px 0px 0px;
}
	
#contenttabs .quote{
	width:330px;
}

#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:0;
	position: relative;
}

#designeritems a #itemdescription{
	display:none;
}

#designeritems a:hover #itemdescription{
	display:block;
}

#designeritems #itemdescription{
	font-weight:bold;
	padding: 10px;
	background: #333333;
	position: absolute;
	left: 20px;
	top: 100px;
	color: #ffffff;
	filter:Alpha(opacity=70, finishopacity=30, style=0);
	-moz-opacity:0.7;
}

#designeritems #designeritemlist{
	width:450px;
	float:left;
	height:190px;
	margin-top:50px;
	overflow:auto;
}

#designeritems #designeritemlist .designeritem{
	width:100px;
	height:100px;
}

#designeritems #designeritemlist img{
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
}

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

.designeritem{
	width:192px;
	height:240px;
	padding:2px 0 5px 0;
	float:left;
	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:#999999;
	text-decoration:none;
}

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

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

#contentwide #text h1.designeroverview{
	font-family:Times New Roman,serif;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
}

div.thedesigneritem h4{
	text-transform:uppercase;
	font-size:12px;
}

div.thedesigneritem i{
	font-family:Times New Roman,serif;
}

div.thedesigneritem img{
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	margin-bottom:5px;
}

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(http://www.atelierswarovski.com/Content.Node/images/overlay.png) top left;
	padding:10px 0;
	height:60px;
}

/* ---> Wide Content Collection <-*/

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

#contentcollection .colleft{
	width:220px;
	float:left;
	margin:55px 0 0 0;
}

#contentcollection .colleft h1,#contentcollection .colleft h1 a,#contentcollection .colleft h1 a:hover{
	font-size:15px;
	font-family:Times New Roman,serif;
	font-style:italic;
	font-weight:normal;
}

#contentcollection .colleft h2{
	font-size:19px;
	font-family : Arial, sans-serif;
	margin:0;
}
	
#contentcollection .colleft h4{
	text-transform:uppercase;
	font-size:15px;
	margin:10px 0 5px 0;
}

#contentcollection .colright .colright-1{
	float:left;
	margin:55px 45px 0 0;
	width:450px;
	height:500px;
}
	
#contentcollection .colright .colright-2{
	float:left;
	margin:107px 0 0 0;
	width:255px;
	overflow:hidden;
}
	
#contentcollection .colright .colright-2 .specstable{
	width:255px;
}
	
#contentcollection .colright .colright-2 .specs{
	float:none;
	padding:2px 0 2px 10px;
	margin:6px 0 12px 0;
	Background:#454545;
}

#contentcollection .colright .colright-2 .specsmetric {
	margin:10px 0 0 0;
}
	
#contentcollection .colright .colright-2 .specslight{
	float:none;
	padding:2px 0 2px 10px;
	margin:6px 0 12px 0;
	Background:#AFAFAF;
}
	
#contentcollection .colright .colright-2 h4{
	text-transform:uppercase;
	font-size:15px;
	margin:8px 0 8px 0;
}
	
#contentcollection .colright .colright-2 .item{
	width:85px;
	/*height:105px;*/
	float:left;
}
	
#additionalpieces img, #colours img{
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
}
	
#contentcollection .colright .colright-2 #service{
	padding:10px 0 10px 0;
	border-bottom:1px dotted #999999;
	width:255px;
}
	
#contentcollection .colright .colright-2 #service .s1{
	background:transparent url("/Content.Node/images/download.jpg") no-repeat left top;
	text-transform:uppercase;
	color:#ffffff;
}
	
#contentcollection .colright .colright-2 #service .s2{
	background:transparent url("/Content.Node/images/contact2.jpg") no-repeat left top;
	text-transform:uppercase;
}
	
#contentcollection .colright .colright-2 #service .s3{
	padding-left:25px;
	padding-top:0px;
	height:25px;
}
	
#contentcollection .colright .colright-2 #service a{
	text-transform:uppercase;
	color:#ffffff;
}

/* ---> Wide Content Collection<-*/

#contentwide{
	margin:55px 20px;
	padding:0;
	min-height:445px;
}

#contentwide h4.home{
	text-transform:uppercase;
	line-height:160%;
}

#contentwide #text{
	background: none;
	padding:0;
	text-align:left;
	width:990px;
	color:#cccccc;
	}/* ---> Presspage Styles <-*/

.colright .date{
	color:#cccccc;
}

.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;
}

.colright .press img.exhibition{
	margin:0;
	float:right;
}
	
#text .colright h1{
	padding-bottom:15px;
	margin-bottom:15px;
}
	
#text .colright-2 a{
	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:#FFFFFF;
}

#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:#FFFFFF;
}

/* --> 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:#ffffff;
	float:right;
	margin:26px 16px 0 0;
	}

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

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

/* --> Nesscroller Homepage Styles <-*/
	.scroller{width:25px;font-size:40px;float:left;padding-top:67px;display:none;}
	#scrollbox{position:absolute;top:280px;width:362px;}
	#scrollbox #newsshow{float:left;width:312px;height:250px;}
	#scrollbox #newsscreen{position:absolute;height:250px;width:307px;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;

}
*/