/* -- DEFAULT & RESET -- */
body, dd, dl, fieldset, form, h1, h2, h3, h4, h5, h6, p, ul { margin:0; padding:0; font: normal normal normal 12px/normal "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,helvetica,sans-serif; }
input[type=submit]:hover { cursor:pointer; }

html { height:100%; }
body { background:#fcfcf8; /*background:url(../content/bg_body.png) no-repeat;*/ color:#707070; }
a { text-decoration:none; /*overflow:hidden;*/ color:#7D3577; }
a:hover {text-decoration:none;}
img { border:none; }
li a { display:block; }
ul { list-style-type:none; }
h1, h2, h3, h4, h5, h6, #header, #description .productname, #views .info, #downloads .title, #dl_catalog a, #dl_booklet a { text-transform:uppercase; }
h4 { color:#fff; font-size:14px; padding:7px 50px; }

/* -- RASTER -- */
#header, #content, #footer { margin:0 auto; position:relative; width:920px; }
#header { background:url(../content/bg_header.png); height:240px; z-index:1;}
#content { height:710px; }
#footer { background:url(../content/bg_footer.png) no-repeat; height:35px; margin-bottom:30px; }


#header .logo a { left:65px; position:absolute; top:40px; height:75px; text-indent:-10000px; width:195px; overflow:hidden; }
#language { color:#8b8b8b; right:50px; position:absolute; top:100px; }
#nav { right:30px; position:absolute; top:130px; z-index:1; }
#nav_products { left:34px; position:absolute; top:155px; }
#product { height:410px; left:50px; position:absolute; top:44px; width:500px; }
#description { height:410px; position:absolute; right:50px; top:20px; width:275px; }   


/*________________________________________*/
/*------------- H E A D E R --------------*/
/*________________________________________*/

/* -- Navigation LANGUAGE -- */
#language li, #language_hp li, #nav li, #nav_products li, #colorselect li, #views li, #languages_catalog li, #languages_booklet li, #catalog_languages li, #booklet_languages li { float:left; }

#language a { color:#8b8b8b; font-size:10px; margin:3px; }
#language a:hover { color:#707070;}
#language a.active { color:#707070; }

/* -- Navigation MAIN -- */
#nav li { text-align:center; }
#nav a { color:#fff; width:102px; }
#nav a:hover { color:#e7cfe5; }
#nav a.active { font-weight:bold; }
#nav dt { margin-bottom:9px; }
#nav dd { display:none; text-transform:lowercase; }
#nav dd a { background:#c2a2bf; border-left:1px solid #f3eaf2; border-right:1px solid #f3eaf2; padding:4px 0; width:100px; }
#nav li:hover * { display:block; position:relative; } 


/* -- Navigation PRODUCTS --*/ 
#nav_products a { background:url(../content/nav_products.jpg); height:75px; text-indent:-10000px; width:78px;  overflow:hidden; }
#nav_products a:hover { background-position: -78px 0;}
#nav_products a.active { background-position: -156px 0;}

#nav_products .sinfonia { background-position:0 -75px; }
#nav_products .sinfonia:hover { background-position:-78px -75px; }
#nav_products .sinfonia.active { background-position:-156px -75px; }

#nav_products .opus { background-position:0 -150px; }
#nav_products .opus:hover { background-position:-78px -150px; }
#nav_products .opus.active { background-position:-156px -150px; }

#nav_products .legamento { background-position:0 -225px; }
#nav_products .legamento:hover { background-position:-78px -225px; }
#nav_products .legamento.active { background-position:-156px -225px; }

#nav_products .rhapsodia { background-position:0 -300px; }
#nav_products .rhapsodia:hover { background-position:-78px -300px; }
#nav_products .rhapsodia.active { background-position:-156px -300px; }

#nav_products .rondo { background-position:0 -375px; }
#nav_products .rondo:hover { background-position:-78px -375px; }
#nav_products .rondo.active { background-position:-156px -375px; }

#nav_products .flores { background-position:0 -450px; }
#nav_products .flores:hover { background-position:-78px -450px; }
#nav_products .flores.active { background-position:-156px -450px; }

#nav_products .allegro { background-position:0 -525px; }
#nav_products .allegro:hover { background-position:-78px -525px; }
#nav_products .allegro.active { background-position:-156px -525px; }

#nav_products .loa { background-position:0 -675px; }
#nav_products .loa:hover { background-position:-78px -675px; }
#nav_products .loa.active { background-position:-156px -675px; }

#nav_products .triole { background-position:0 -750px; }
#nav_products .triole:hover { background-position:-78px -750px; }
#nav_products .triole.active { background-position:-156px -750px; }

#nav_products .glissando { background-position:0 -825px; width:74px; }
#nav_products .glissando:hover { background-position:-78px -825px; }
#nav_products .glissando.active { background-position:-156px -825px; }


/*________________________________________*/
/*------------ C O N T E N T -------------*/
/*________________________________________*/

/*------- PRODUCTPAGE -------*/
/*-- Product --*/

.bg_product { background:url(../content/products/bg_product.png); }
#product .title { left:10px; position:absolute; }
#product .product_img { text-align:center; position:absolute; bottom:0; left:40px; width:300px; }
#product .product_img img { margin:0 auto; }
#product .tuev { bottom:40px; left:10px; position:absolute; }

#views { position:absolute; right:0; top:10px; width:190px; }
#views a { height:80px; width:95px; text-indent:-10000px;  overflow:hidden;}
#views .view2 { background-position:0 -80px; }
#views .view3 { background-position:0 -160px; }
#views .view4 { background-position:0 -240px; }
#views .info, #views .info a { background:url(../content/products/button_info.png) no-repeat; text-align:center; line-height:45px; text-indent:0;  overflow:hidden; color:#999; width:190px; height:45px; }
#views .info a:hover { color:#666; text-decoration:none; }
#button_encores a { background: url(../content/products/button_encores.png) no-repeat; height:95px; left:0; position:absolute; text-indent:-10000px; top:295px; width:100px; }
#button_encores #en { background-position:0 -91px; }
#button_encores #hu { background-position:0 -182px; }

#view_booklet, #page_no { margin:0 auto; text-align:center; }
#browse a { psoition:absolute; width:35px; height:483px; position:absolute; top:0; }
#back { background:url(../content/booklet/button-back.png) left center no-repeat; left:5px; }
#forward { background:url(../content/booklet/button-forward.png) left center no-repeat; right:5px; }
#page_no { text-align:center; width:740px; }


#colorselect { position:absolute; bottom:40px; right:10px; width:180px; }
#colorselect h3 { float:left; color:#b9b9b9; margin:15px 10px 0 0; }
#colorselect a { background:url(../content/products/colorselect.png); height:35px; width:40px; text-indent:-10000px; overflow:hidden; float:left; }
#colorselect .rose { background-position:0 0; }
#colorselect .rose:hover { background-position:0 -35px; }
#colorselect .limone { background-position:-40px 0; }
#colorselect .limone:hover { background-position:-40px -35px; }
#colorselect .nero { background-position:-80px 0; }
#colorselect .nero:hover { background-position:-80px -35px; }
#colorselect .violetta { background-position:-120px 0; }
#colorselect .violetta:hover { background-position:-120px -35px; }
#colorselect .cioccolato { background-position:-160px 0; }
#colorselect .cioccolato:hover { background-position:-160px -35px; }
#colorselect .roseo { background-position:0 -72px; }
#colorselect .roseo:hover { background-position:0 -107px; }
#colorselect .verde { background-position:-40px -72px; }
#colorselect .verde:hover { background-position:-40px -107px; }
#colorselect .lavagna { background-position:-80px 0; }
#colorselect .lavagna:hover { background-position:-80px -35px; }
#colorselect .bianco { background-position:-160px -72px; }
#colorselect .bianco:hover { background-position:-160px -107px; }
#colorselect .lavanda { background-position:-120px -72px; }
#colorselect .lavanda:hover { background-position:-120px -107px; }
#colorselect .notte { background-position:-80px -72px; }
#colorselect .notte:hover { background-position:-80px -107px; }


#order { height:487px; left:0; overflow:hidden; position:absolute; top:93px; width:500px; }
#order #information { color:#FFFFFF; font-size:11px; position:absolute; text-align:center; text-transform:uppercase; width:500px; }
#order #bg_logos { position:absolute; right:0; top:46px; }
#order #shops { position:absolute; right:0; top:46px; }
#order #shops li { text-align: center; }

ul.normal { width: 108px; padding:20px 5px 0px 5px; }

#shops a { background:url(../content/page/order/logos.png) 0 0 no-repeat; text-indent:-10000px; height:60px; width:115px;}
#shops .orion { background-position:0 0; }
#shops .lovehoney { background-position:0 -60px; }
#shops .venize { background-position:0 -120px; }
#shops .eroticcity { background-position:0 -180px; }
#shops .erotikashow { background-position:0 -240px; }
#shops .amazon { background-position:0 -300px; }
#shops .otto { background-position:-115px 0; }
#shops .buccone { background-position:-115px -60px; }

#europe { position:absolute; top:45px; right:0; background:url(../content/page/order/europe.png) 0 0 no-repeat; }
#europe.no { background-position:-1500px -450px; }
#europe.se { background-position:-2000px -450px; }
#europe.dk { background-position:-2500px -450px; }
#europe.de { background-position:-1000px -450px; }
#europe.cz { background-position:-1000px 0; }
#europe.sk { background-position:-500px 0; }
#europe.at { background-position:-500px -450px; }
#europe.ch { background-position:0 -450px; }
#europe.uk { background-position:-1500px 0; }
#europe.es { background-position:-2000px 0; }
#europe.hu { background-position:-2500px 0; }

#world{ background:url("../content/page/order/hg_world.jpg"); height:85px; position:absolute; text-align:center; top:45px; width:135px; z-index:10;}
#world a:hover { color:#8f4b89; }


/*-- Description --*/
#description .productname { display:block; border-bottom:1px solid #d7d6cf; }
#description .type { font-size:9px; margin:auto 5px; }
#description .producttext { position:absolute; top:25px; width:100%; height:100%; overflow:auto; }
#description .producttext p, #quality .textbox p, #philosophy .textbox p { line-height:22px; }
#description .producttext h6 { margin:10px auto; font-size:10px; color:#6E1D67; }

/*-- Details --*/
#details { position:absolute; bottom:7px; width:920px; }
#details .emotie { float:right; position:relative; right:32px; }
#detaillist { position:absolute; top:30px; left:80px; width:350px; }
#detaillist dt, #detaillist dd { float:left; margin-top:5px; }
#detaillist dt { width:30%; }
#detaillist dd { width:70%; }
#detaillist h5 { margin-top:7px; line-height:25px; }



/*------- HEADLINES -------*/
#philosophy_de, #quality_de, #downloads_de, #contact_de
{ background:url(../content/page/headlines_de.png); height:25px; position:absolute; text-indent:-10000px; overflow:hidden; top:8px; width:250px; }
#philosophy_en, #quality_en, #downloads_en, #contact_en
{ background:url(../content/page/headlines_en.png); height:25px; position:absolute; text-indent:-10000px; overflow:hidden; top:8px; width:250px; }
#philosophy_en { background-position:-250px 0; }
#philosophy_en { background-position:-250px 0; }
#quality_de { background-position:0 -30px; }
#quality_en { background-position:-250px -30px; }
#contact_de { background-position:0 -90px; }
#contact_en { background-position:-250px -90px; }


/*------- PHILOSOPHY -------*/
.bg_philosophy { background:url(../content/page/philosophy/bg_philosophy.png); }

#philosophy { position:absolute; top:25px; left:50px; height:670px; width:825px; }
#philosophy .textbox { height:640px; left:20px; overflow:auto; position:absolute; top:50px; width:520px; }
#quotation { right:0px; position:absolute; right:33px; top:12px; }
.note { font-size: 10px; position:absolute; bottom:20px; right:0; }

/*------- QUALITY -------*/
.bg_quality { background:url(../content/page/quality/bg_quality.png); }
#quality { position:absolute; top:25px; left:50px; height:670px; width:800px; }
#quality .textbox { height:435px; left:20px; overflow:auto; position:absolute; top:50px; }
#quality .info { bottom:0; color:#94938A; font-size:16px; height:140px; line-height:30px; position:absolute; width:180px; }


/*------- DOWNLOADS -------*/
.bg_downloads { background:url(../content/page/downloads/bg_downloads.jpg); }
#downloads { position:absolute; top:25px; left:50px; height:95%; width:835px; }
#downloads h2 { font-size:18px; color:#94938A; }
#downloads #menu { position:absolute; right:57px; top:2px;}
#downloads #menu h2 { text-transform:none; font-size:12px; }
#downloads #menu ul { font-size: 14px; margin-top: 45px; text-transform: uppercase; list-style:circle; }
#downloads #menu ul li { margin-bottom:15px; }
#downloads a:hover { text-decoration:underline; }
#downloads #catalogs, #wallpaper, #poster { height: 610px; margin-top: 25px; overflow: auto; width: 510px; }
#downloads #catalogs li, #wallpaper li, #poster li { position:relative; font-size: 11px; }
#downloads #catalogs ul li { padding:18px 0 0 170px; height:170px; }
#downloads #catalogs ul li.line { border-bottom: 2px dotted white; height: 0px; margin-bottom: 25px; }
#downloads #catalogs ul li li { padding:0; height:auto; }
#downloads #catalogs li ul  { width:100px; }
#downloads #catalogs li ul.booklet li { float:left; width:50%; }
#downloads #catalogs ul ul { overflow:hidden; }
#downloads #catalogs img { position:absolute; top:10px; left:10px; }
#downloads #catalogs a { margin-top:5px; }
#downloads #wallpaper li ul { position:absolute; left: 200px; top:75px;}
#downloads #wallpaper h3 { position:absolute; top:50px; left:200px;}
#downloads #wallpaper img { margin: 10px auto 25px; }
#downloads #poster li { width:230px; height:250px; text-align: center; float:left;}
#downloads #music { height: 610px; margin-top: 39px; width: 510px; }
#downloads #music ul { position:relative; left:100px; top:20px; list-style:circle; }
#downloads #music a { margin-top:10px; }

/*------- NEWS -------*/
.bg_news { background:url(../content/page/news/bg_news.png); }

#news { position:absolute; top:25px; left:50px; height:670px; width:825px; }
#news .textbox { height:600px; left:10px; overflow:auto; padding:10px; position:absolute; top:40px; width:510px; text-align:justify; }
#news h6 { font-size:10px; }
#news img.right { float:right; margin:0 0 5px 10px; }
#news img.left { float:left; margin:0 12px 5px 0; }
#news .new { font-weight:bold; color: #C1A2BF; }
#newsnav { position:absolute; right:10px; top:200px; width:240px; }
#newsnav a { margin:10px auto; display:block; }


/*------- WHOLESALE -------*/
.bg_wholesale { background:url(../content/page/wholesale/bg_wholesale.jpg)}
#wholesale { position:absolute; top:25px; left:50px; height:475px; width:825px; }
#wholesale #contact { height:200px; left:550px; overflow:auto; position:absolute; top:0; width:280px; }
#wholesale #form { right:-18px; position:absolute; top:244px; width:300px;}
#wholesale #overview { width: 510px; height:615px; overflow:auto; }
#wholesale #overview ul li { float:left; width:230px; font-size:10px; }
#wholesale #overview li ul li { background:url(../content/page/wholesale/colors.jpg) no-repeat; width: 15px; height:15px; text-indent: 20px; padding-bottom:5px; float:none; }
#wholesale #overview li .nero { background-position:0 -24px; }
#wholesale #overview li .limone { background-position:0 -49px; }
#wholesale #overview li .violetta { background-position:0 -73px; }
#wholesale #overview li .cioccolato { background-position:0 -99px; }
#wholesale #overview li .roseo { background-position:-25px 0; }
#wholesale #overview li .notte { background-position:-25px -24px; }
#wholesale #overview li .verde { background-position:-25px -49px; }
#wholesale #overview li .lavanda { background-position:-25px -73px; }
#wholesale #overview li .bianco { background-position:-25px -99px; }
#wholesale #overview li .text { background:none; width:200px; text-indent:0; }

#wholesale #overview li { position:relative; }
#wholesale #overview li ul { position:absolute; top:110px; left:125px; }
#wholesale #overview h2 { left: 125px; position: absolute; top: 85px; }
#wholesale #overview img { margin-top:20px; }


/*------- CONTACT -------*/
.bg_contact { background:url(../content/page/contact/bg_contact.png); }
#contact { position:absolute; top:25px; left:50px; height:475px; width:825px; }
#contact .textbox { height:400px; left:50px; overflow:auto; position:absolute; top:70px; }
#contact #form { right:-18px; position:absolute; top:10px; width:300px;}
#contact #slogan { font-size:18px; position:absolute; left:350px; top:565px; }
#contact #slogan img { position: absolute; top:-26px; left:-150px; }
#contact .note {font-size:10px;}


/*------- HOMEPAGE -------*/
.bg_homepage { background:url(../content/page/homepage/bg_homepage.png); }
#homepage { height:575px; left:38px; position:absolute; top:125px; width:845px; }

#homepage a, #specials { background-image:url(../content/page/homepage/elements_hp_a.png); display:block; text-indent:-10000px; overflow:hidden; width:100%; height:100%; }
/*#homepage a:hover { background:url(../content/page/homepage/elements_hp_hover.png); }*/

#homepage #about { position:absolute; left:0; top: 0; width:320px; height:158px; }
#homepage #about a { background-position:0 0; }
#homepage #downloads { position:absolute; left:326px; top:0; width:224px; height:158px; }
#homepage #downloads a { background-position:-326px 0; }
#homepage #harmonia { position:absolute; top:163px; width:144px; height:277px; }
#homepage #harmonia a { background-position:0 -164px; }
#homepage #specials { position:absolute; top:163px; left: 150px; width:135px; height:135px; background-position:-150px -164px;}
/*#homepage #specials a { background-position:-150px -164px; }*/
#homepage #dacapo { position:absolute; top:300px; left: 150px; width:135px; height:140px; }
#homepage #dacapo a { background-position:-150px -300px; }
#homepage #sinfonia { position:absolute; top:164px; left: 285px; width:265px; height:135px; }
#homepage #sinfonia a { background-position:-285px -165px; }
#homepage #legamento { height:135px; left:285px; position:absolute; top:302px; width:133px; }
#homepage #legamento a { background-position:-285px -303px; }
#homepage #glissando { height:272px; left:417px; position:absolute; top:302px; width:133px; }
#homepage #glissando a { background-position:-417px -303px; }
#homepage #opus { height:133px; left:238px; position:absolute; top:442px; width:177px; }
#homepage #opus a { background-position:-238px -442px; }
#homepage #rhapsodia { height:133px; position:absolute; top:442px; width:236px; }
#homepage #rhapsodia a { background-position:0 -442px; }
#homepage #column_r { height:570px; position:absolute; right:4px; top:0; width:280px; }
#homepage #column_r a.newslink { background: none; height: 480px; position: absolute; top: 80px;}
#homepage #contact_hp { height:118px; position:absolute; right:-54px; top:33px; width:40px; }
#homepage #contact_hp a { background:url(../content/page/homepage/button_hpcontact.png); }
#homepage #contact_hp a:hover { background-position:0 -121px; }

#homepage #language_hp { position:absolute; top:20px; width:100%; border-bottom:1px solid #ccc; padding-bottom:10px; text-align:right; } 
#homepage #language_hp a { background:none; color:#979590; }
#homepage #language_hp a:hover { color:#666; }

/*________________________________________*/
/*-------------- F O O T E R -------------*/
/*________________________________________*/
#footer a { bottom:5px; color:#818181; font-size:11px; position:absolute; right:50px; text-transform:uppercase; }
#footer .social { bottom:5px; color:#818181; font-size:11px; position:absolute; left:50px; text-transform:uppercase; }
#footer .social li { float: left; margin-left: 5px; line-height: 20px;  }
#footer .social a { height: 20px; width: 20px; position: static; }
#footer .social .facebook { background:url(../content/page/homepage/facebook.png); }