
html {
width: 100%;
margin:auto;
}
body {
width: 100%;
margin:auto;
background: #000 url(../images/bg.jpg) repeat-x;
color: #f3f3f3;
font-family: Tahoma, Garamond, Times, sans-serif;
font-size: 12px;
line-height: 18px;
}
.sound {
position: absolute;
margin-left: 765px;
margin-top: 15px;
}
#kemp {
position: absolute;
margin-left: -100px;
margin-top: 30px;
}

.wrapper {
margin: auto;
}
a img {
border: 0px;
}
a, a:link, a:active, a:visited, a:link {
text-decoration: none;
color: #feda4b;
}
a:hover {
color: #fff0b7;
text-decoration: underline;
}
.content {
width: 794px;
height: 417px;
margin:auto;
margin-top:10%;
background: #000 url(../images/content-bg.png) no-repeat;
border-top: solid 1px #7b7055;
border-left: solid 1px #7b7055;
border-right: solid 1px #7b7055;
border-bottom:0px;
}
.content-left {
float:left;
position:relative;
z-index: 10;
padding-left:21px;
padding-top:10px;
width: 303px;
}
.content-left-watches {
position:relative;
z-index: 10;
padding-left:21px;
padding-top:10px;
height: 400px;

}
.content-left-impress {
float:left;
padding: 20px;
padding-bottom: 5px;
width: 300px;
}
.content-left-contact {
float:left;
padding: 20px;
padding-bottom: 5px;
width: 450px;
}
input, textarea {
border: solid 1px #7b7055;
background: #333;
color: #fff;
font-family: Tahoma, Garamond, Times, sans-serif;
font-size: 12px;
}
.check{
border: solid 1px #7b7055;
background: #333;
}



.content-right-jewelry {
position:relative;
margin-bottom: -42px;
right: -18px;
float:right;
width: 340px;
height:450px;
/*background: url(../images/jewelry.png) no-repeat;*/
}
.content-right {
position:relative;
top: -33px;
left: -50px;
margin-bottom: -42px;
float:right;
width: 340px;
height:450px;
background: url(../images/palm/palm-01-gold.png) no-repeat;
}
.content-right-rose {
position:relative;
top: -33px;
left: -50px;
margin-bottom: -42px;
float:right;
width: 340px;
height:450px;
background: url(../images/palm/palm-01-red.png) no-repeat;
}

.content-right-white {
position:relative;
top: -33px;
left: -50px;
margin-bottom: -42px;
float:right;
width: 340px;
height:450px;
background: url(../images/palm/palm-01-silver.png) no-repeat;
}

.content-right-view2 {
position:relative;
left: -50px;
float:right;
width: 340px;
height:350px;
margin-top: 30px;
background: url(../images/palm/palm-02.png) no-repeat;
}

.content-right-view3 {
position:relative;
margin-bottom: -42px;
float:right;
width: 340px;
height:450px;
background: url(../images/palm/palm-03.png) no-repeat;
}
.content-right-jewelry {
position:relative;
margin-bottom: -62px;
margin-top: 30px;
margin-right: 28px;
float:right;
width: 430px;
height:351px;
background: url(../images/jewelry/jewelry_1.png) no-repeat;
border: solid 1px #7b7055;
}


.content-right-jewelry-02 {
position:relative;
margin-bottom: -62px;
margin-top: 30px;
margin-right:10px;
float:right;
width: 430px;
height:351px;
background: url(../images/jewelry/jewelry_2.png) no-repeat;
border: solid 1px #7b7055;
}

.content-right-jewelry-03 {
position:relative;
margin-bottom: -62px;
margin-top: 30px;
margin-right:10px;
float:right;
width: 430px;
height:351px;
background: url(../images/jewelry/jewelry_3.png) no-repeat;
border: solid 1px #7b7055;
}

.content-right-watch {
position:relative;
margin-bottom: -62px;
margin-top: 30px;
margin-right:10px;
float:right;
width: 430px;
height:351px;
background: url(../images/watches/watch_1.png) no-repeat;
border: solid 1px #7b7055;
}

.content-right-watch-02 {
position:relative;
margin-bottom: -62px;
margin-top: 30px;
margin-right:10px;
float:right;
width: 430px;
height:351px;
background: url(../images/watches/watch_2.png) no-repeat;
border: solid 1px #7b7055;
}

.content-right-watch-03 {
position:relative;
margin-bottom: -62px;
margin-top: 30px;
margin-right:10px;
float:right;
width: 430px;
height:351px;
background: url(../images/watches/watch_3.png) no-repeat;
border: solid 1px #7b7055;
}
.content-right-watch-04 {
position:relative;
margin-bottom: -62px;
margin-top: 20px;
float:right;
width: 450px;
height:450px;
background: url(../images/diavolo/diavolo-woman.png) no-repeat;
}

.content-right-watch-05 {
position:relative;
margin-bottom: -62px;
margin-top: 20px;
float:right;
width: 450px;
height:450px;
background: url(../images/diavolo/diavolo-man.png) no-repeat;
}
.brochure-thumb {
position:relative;
left: -185px;
margin-bottom: -516px;
}
.brochure-thumb a{
padding-top:20px;
}
.brochure-thumb a img {
border: solid 1px #7b7055;
}
.content-media {
width:796px;
height:412px;
background: url(../images/mediaseite.png) no-repeat;
}
.content-media2 {
width:796px;
height:412px;
background: url(../images/mediaseite2.png) no-repeat;
}
.content-right-impress {
float:right;
width: 360px;
padding-right: 30px;
padding-top: 40px;
}
.content-right-index {
float:right;
width: 360px;
padding-right: 30px;
padding-top:42px;
}
.content-right-index p{
border-bottom:solid 1px  #7b7055;
}


.content-left-limited {
float:left;
padding: 20px;
padding-bottom: 5px;
width: 300px;
}
.content-left-limited a {
padding-left: 70px;
}
.content-right-limited {
position: relative;
float:left;
width: 300px;
padding-top: 180px;
margin-bottom: -80px;
text-align: center;
}



.content-left-bike {
float:left;
padding: 20px;
padding-bottom: 5px;
width: 280px;
}
.content-right-top-bike {
position:relative;
top: 30px;
left: 140px;
float:left;
}
.content-right-bike {
position:relative;
top: 150px;
left: 248px;
width: 576px;
height: 276px;
text-align: center;
background: url(../images/limited_edition/bike_01.png) no-repeat;
}



ul#slideshow {
list-style-type: none;
padding:0px;
margin: 0px;
}
ul#slideshow li{
padding:0px;
margin: 0px;
}

ul.change-color {
margin-top: 300px;
margin-left:250px;
list-style-type:none;
width:100px;
}
ul.change-color a, ul.change-color a:link, ul.change-color a:active, ul.change-color a:visited {
color: #666;
text-decoration: none;
display: block;
height: 20px;
padding-left:20px;
background: url(../images/palm/change-color.png) no-repeat;
background-position: 0 3px;
width: 50px;
}
ul.change-color a:hover {
background: url(../images/palm/change-color-black.png) no-repeat;
background-position: 0 3px;
color: #fff;
}
ul.change-color a#current-gold {
color: #fff;
background: url(../images/palm/change-color-gold.png) no-repeat;
background-position: 0 3px;
}
ul.change-color a#current-rose {
color: #fff;
background: url(../images/palm/change-color-red.png) no-repeat;
background-position: 0 3px;
}
ul.change-color a#current-white {
color: #fff;
background: url(../images/palm/change-color-white.png) no-repeat;
background-position: 0 3px;
}
.thumbs {
margin-top: -5px;
}
.thumbs a{
height: 113px;
width: 125px;
padding-top:20px;
}
.thumbs a img {
border: solid 1px #7b7055;
}
.menu {
position:relative;
z-index: 2;
margin: auto;
width: 929px;
margin-top: 20px;
background-color:#000;
}
.menu-list{
list-style-type: none;
padding: 0px;
}
.menu-list li {
float: left;
padding: 0px;
margin: 0px;
}
.menu-list li a{
display: block;
}
.menu-limited-edition {
height:41px;
width: 198px;
margin-top:-20px;
margin-left: 4px;
background: url(../images/menu-limited-edition.png) no-repeat;
}
a.menu-limited-edition:hover {
background: url(../images/menu-limited-edition-hover.png) no-repeat;
}
.menu-watch-collection {
height:41px;
width: 91px;
margin-top:-20px;
background: url(../images/menu-watch-collection.png) no-repeat;
}
a.menu-watch-collection:hover {
background: url(../images/menu-watch-collection-hover.png) no-repeat;
}

.violani-logo {
background: url(../images/violani-logo.png) no-repeat;
height:146px;
width: 158px;
margin-top: -63px;
cursor:pointer;
}
.menu-jewelry {
height:41px;
width: 83px;
margin-top: -20px;
background: url(../images/menu-jewelry.png) no-repeat;
}
a.menu-jewelry:hover {
background: url(../images/menu-jewelry-hover.png) no-repeat;
}
.menu-shop {
height:41px;
width:56px;
margin-top:-20px;
background: url(../images/menu-shop.png) no-repeat;
}
a.menu-shop:hover {
background: url(../images/menu-shop-hover.png) no-repeat;
}
.menu-media {
height:41px;
width:68px;
margin-top:-20px;
background: url(../images/menu-media.png) no-repeat;
}
a.menu-media:hover {
background: url(../images/menu-media-hover.png) no-repeat;
}
.menu-contact {
height:41px;
width: 96px;
margin-top:-20px;
background: url(../images/menu-contact.png) no-repeat;
}
a.menu-contact:hover {
background: url(../images/menu-contact-hover.png) no-repeat;
}
.menu-impressum {
height:41px;
width: 168px;
margin-top:-20px;
background: url(../images/menu-impressum.png) no-repeat;
}
a.menu-impressum:hover {
background: url(../images/menu-impressum-hover.png) no-repeat;
}


/* ------------ BIKE VIEW ----------------- */
.bike_view {
background: #000;
width: 880px;
}
.navigate_left {
float:left;
}
.navigate_left a {
background: url(../images/bike/arrow_left.jpg);
display: block;
height: 600px;
width: 50px;
text-decoration: none;
}
.navigate_left a:hover {
background: url(../images/bike/arrow_left_hover.jpg);
}

.bike_big_image {
float:left;
}

.navigate_right {
float:right;
}
.navigate_right a {
background: url(../images/bike/arrow_right.jpg);
display: block;
height: 600px;
width: 50px;
text-decoration: none;
}

.navigate_right a:hover {
background: url(../images/bike/arrow_right_hover.jpg);
}
#welcome {
background-image:url(../images/headings/heading-welcome.png);
width:300px;
height:30px;
}
#media {
background-image:url(../images/headings/heading-media.png);
width:300px;
height:30px;
margin-left: 15px;
margin-top: 5px;
}
#mediamen {
margin-left: -62px;
}
#limited {
background:url(../images/headings/heading-limited-edition.png) no-repeat;
width:303px;
height:30px;
}

#watch {
background:url(../images/headings/heading-watch.png) no-repeat;
width:303px;
height:30px;
}
#more-views {
background:url(../images/headings/heading-ansichten.png) no-repeat;
width:300px;
height: 30px;
margin-top: -10px;
z-index:1;
}

#more-views-small {
margin-top:-10px;
padding-bottom: 10px;
}

#jewelry {
background:url(../images/headings/heading-jewelry.png) no-repeat;
width:300px;
height:30px;
}

#impressum {
background:url(../images/headings/heading-impressum.png) no-repeat;
width:300px;
height:30px;
}
#contact {
background:url(../images/headings/heading-contact.png) no-repeat;
width:300px;
height:30px;
}
#katalog {
background:url(../images/headings/heading_katalog.png) no-repeat;
width:300px;
height:30px;
}
.bike{
background:url(../images/limited_edition/bike_small_01.png) no-repeat;
height:203px;
width: 408px;
}
.palm[class]{
background:url(../images/limited_edition/palm_small_01.png) no-repeat;
}
.palm {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fr/images/limited_edition/palm_small_01.png', sizingMethod='scale');
height:301px;
width: 227px;
margin-left:30px;
}
#watch-collection {
background:url(../images/headings/heading-watch-collection.png) no-repeat;
height:20px;
width: 300px;
}
#diamond{
background:url(../images/headings/heading_diamond_bike.png) no-repeat;
height:30px;
width: 255px;
margin-top: -20px;
}
.content-left a:hover, .content-left-limited a:hover, .content-right-limited a:hover{
text-decoration:none;
cursor:pointer;
}
div.play{
width: 60px;
height: 20px;
position: relative;
left: 757px;
top: -70px;
}