html {
font-family:Verdana,sans-serif;
font-size:9pt;
height: 95%;
}

body {
	background-color: #170010;
	height: 100%;
}

a img {
	border: 0pt none;
}

a:active
{
  outline: none;
}

a, a:visited {
	font-weight: bold;
	color: #000;
	font-size: 8pt;
}

div#content {
	display:table;
	height:100%;
	width:100%;
}
div#position {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	width:100%;
}

div#text {
	margin-left:auto;
	margin-right:auto;
	width:784px;
}
img#rv_bird {
	margin: 45px 0;
}

img#rv_info {
	margin: 35px 0 12px 0;
}
img#address {
	margin-top: 50px;
}

img.info_img {
	float:right;
	margin: 15px;
}
ul#nav {
	clear:both;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	overflow: hidden;
	padding: 0;
	margin: auto;
	width: 201px;
}

ul#nav.info-en, ul#nav.info {
	width: 250px;
}
ul#nav.info-de {
    width:259px;
}

ul#nav a {
	float:left;
	text-decoration: none;
}

ul#nav li {
	display: inline;
	float: left;
	margin: 5px 10px;
}
/* LANG MENU */

ul#nav li.german a {
	background-image: url(/media/images/lang_de.png);
	background-position: 0 0;
	height: 15px;
	width: 84px;
}

ul#nav li.german a:hover {
	background-image: url(/media/images/lang_de.png);
    background-position: 0-15px;
	height: 15px;
	width: 84px;
}

ul#nav li.english a {
	background-image: url(/media/images/lang_en.png);
	background-position: 0 0;
	height: 15px;
	width: 77px;
}

ul#nav li.english a:hover {
	background-image: url(/media/images/lang_en.png);
    background-position: 0 -15px;
	height: 15px;
	width: 77px;
}
/* MAIN MENU */
ul#nav li.jewelry-en a {
	background-image: url(/media/images/menu_jewelry.png);
	background-position: 0-14px;
	height: 14px;
	width: 84px;
}

ul#nav li.jewelry-en a:hover {
	background-image: url(/media/images/menu_jewelry.png);
    background-position: 0-28px;
	height: 14px;
	width: 84px;
}

ul#nav li.info-en a {
	background-image: url(/media/images/menu_info.png);
	background-position: 0-14px;
	height: 14px;
	width: 46px;
}

ul#nav li.info-en a:hover {
	background-image: url(/media/images/menu_info.png);
	background-position: 0-28px;
	height: 14px;
	width: 46px;
}

ul#nav li.home-en a {
	background-image: url(/media/images/menu_home.png);
	background-position: 0-14px;
	height: 14px;
	width: 55px;
}

ul#nav li.home-en a:hover {
	background-image: url(/media/images/menu_home.png);
	background-position: 0-28px;
	height: 14px;
	width: 55px;
}

/* GERMAN MAIN MENU */

ul#nav li.jewelry-de a {
	background-image: url(/media/images/menu_schmuck_de.png);
	background-position: 0px 0px;
	height: 15px;
	width:93px;
}

ul#nav li.jewelry-de a:hover, ul#nav li.jewelry-de-highlight a {
	background-image: url(/media/images/menu_schmuck_de.png);
    background-position: 0px -15px;
	height: 15px;
	width: 93px;
}

ul#nav li.info-de a {
	background-image: url(/media/images/menu_info.png);
	background-position: 0-14px;
	height: 14px;
	width: 46px;
}

ul#nav li.info-de a:hover {
	background-image: url(/media/images/menu_info.png);
	background-position: 0-28px;
	height: 14px;
	width: 46px;
}

ul#nav li.home-de a {
	background-image: url(/media/images/menu_home.png);
	background-position: 0-14px;
	height: 14px;
	width: 55px;
}

ul#nav li.home-de a:hover {
	background-image: url(/media/images/menu_home.png);
	background-position: 0-28px;
	height: 14px;
	width: 55px;
}


ul#nav li.highlight a {
	background-position: 0-28px;
}
ul#nav li a span {
	display: none;
}

ul#nav_info {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	overflow: hidden;
	padding: 0;
	margin: 2pt auto;
	width: 424px;
}
ul#nav_info.de {
    width:440px;
}

ul#nav_info li {
	display: inline;
	float: left;
	margin: 5px 5pt;
	height: 12px;
}

ul#nav_info a {
	float: left;
	text-decoration: none;
}

ul#nav_info li.portrait-en a {
	background-image: url(/media/images/menu_portrait.png);
    background-position: 0-13px;
	height: 12px;
	width: 73px;
}

ul#nav_info li.portrait-en a:hover {
	background-image: url(/media/images/menu_portrait.png);
	background-position: 0-25px;
	height: 12px;
	width: 73px;
}

ul#nav_info li.atelier-en a {
	background-image: url(/media/images/menu_atelier.png);
    background-position: 0-13px;
	height: 12px;
	width: 57px;
}

ul#nav_info li.atelier-en a:hover {
	background-image: url(/media/images/menu_atelier.png);
	background-position: 0-25px;
	height: 12px;
	width: 57px;
}

ul#nav_info li.opening_hours-en a {
	background-image: url(/media/images/menu_openinghours.png);
    background-position: 0-13px;
	height: 12px;
	width: 123px;
}

ul#nav_info li.opening_hours-en a:hover {
	background-image: url(/media/images/menu_openinghours.png);
	background-position: 0-25px;
	height: 12px;
	width: 123px;
}

ul#nav_info li.map-en a {
	background-image: url(/media/images/menu_map.png);
    background-position: 0-13px;
	height: 12px;
	width: 33px;
}

ul#nav_info li.map-en a:hover {
	background-image: url(/media/images/menu_map.png);
	background-position: 0-25px;
	height: 12px;
	width: 33px;
}

ul#nav_info li.contact-en a {
	background-image: url(/media/images/menu_contact.png);
    background-position: 0-13px;
	height: 12px;
	width: 69px;
}

ul#nav_info li.contact-en a:hover {
	background-image: url(/media/images/menu_contact.png);
	background-position: 0-25px;
	height: 12px;
	width: 69px;
}


/* GERMAN INFO MENU */


ul#nav_info li.portrait-de a {
	background-image: url(/media/images/submenu_info_de.png);
	background-position: 0 -16px;
	height: 17px;
	width: 71px;
}

ul#nav_info li.portrait-de a:hover, ul#nav_info li.portrait-de-highlight a {
	background-image: url(/media/images/submenu_info_de.png);
	background-position: 0 0px;
	height: 17px;
	width: 71px;
}

ul#nav_info li.atelier-de a {
	background-image: url(/media/images/submenu_info_de.png);
	background-position: -71px -16px;
	height: 17px;
	width: 58px;
}

ul#nav_info li.atelier-de a:hover, ul#nav_info li.atelier-de-highlight a {
	background-image: url(/media/images/submenu_info_de.png);
	background-position: -71px 0px;
	height: 17px;
	width: 58px;
}

ul#nav_info li.opening_hours-de a {
	background-image: url(/media/images/submenu_info_de.png);
    background-position: -130px -16px;
	height: 16px;
	width: 130px;
}

ul#nav_info li.opening_hours-de a:hover, ul#nav_info li.opening_hours-de-highlight a {
	background-image: url(/media/images/submenu_info_de.png);
	background-position: -130px 0px;
	height: 16px;
	width: 130px;
}

ul#nav_info li.map-de a {
	background-image: url(/media/images/submenu_info_de.png);
	background-position: -260px -16px;
	height: 16px;
	width: 46px;
}

ul#nav_info li.map-de a:hover, ul#nav_info li.map-de-highlight a {
	background-image: url(/media/images/submenu_info_de.png);
	background-position: -260px 0px;
	height: 16px;
	width: 46px;
}

ul#nav_info li.contact-de a {
	background-image: url(/media/images/submenu_info_de.png);
	background-position: -307px -16px;
	height: 16px;
	width: 68px;
}

ul#nav_info li.contact-de a:hover, ul#nav_info li.contact-de-highlight a  {
	background-image: url(/media/images/submenu_info_de.png);
	background-position: -307px 0px;
	height: 16px;
	width: 68px;
}




ul#nav_info li a span {
	display: none;
}

ul#nav_info li.highlight a {
	background-position: 0-25px;
}

div#info_portrait {
	background-image: url(/media/images/info_portrait.jpg);
	width: 784px;
	height: 332px;
	text-align: left;
	margin-top: 40px;
}

div.info_block span {
	display: block;
	padding: 10px 30px 10px 30px;
}

div#info_atelier {
	background-image: url(/media/images/info_atelier.jpg);
	width: 784px;
	height: 332px;
	text-align: left;
	margin-top: 40px;
}

div#info_opening_hours {
	background-image: url(/media/images/info_opening_hours.jpg);
	width: 784px;
	height: 332px;
	text-align: center;
	margin-top: 40px;
}

div#info_map {
	background-image: url(/media/images/info_map.jpg);
	width: 784px;
	height: 332px;
	text-align: left;
	margin-top: 40px;
}

div#info_contact {
	background-image: url(/media/images/info_contact.jpg);
	width: 784px;
	height: 332px;
	text-align: left;
	margin-top: 40px;
}

ul#nav_jewelry {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	overflow: hidden;
	padding: 0;
	margin: 2pt auto;
	width: 685px;
}
ul.nav_jewelry-de {
   width:785px !important;
}

ul#nav_jewelry li {
	display: inline;
	float: left;
	margin: 5px 5pt;
	height: 12px;
}

ul#nav_jewelry a {
	float: left;
	text-decoration: none;
}

ul#nav_jewelry li a span {
	display: none;
}

ul#nav_jewelry li.rings-en a {
	background-image: url(/media/images/menu_rings.png);
	background-position: 0-13px;
	height: 12px;
	width: 44px;
}

ul#nav_jewelry li.rings-en a:hover {
	background-image: url(/media/images/menu_rings.png);
	background-position: 0-26px;
	height: 12px;
	width: 44px;
}

ul#nav_jewelry li.earrings-en a {
	background-image: url(/media/images/menu_earrings.png);
	background-position: 0-13px;
	height: 12px;
	width: 72px;
}

ul#nav_jewelry li.earrings-en a:hover {
	background-image: url(/media/images/menu_earrings.png);
	background-position: 0-26px;
	height: 12px;
	width: 72px;
}

ul#nav_jewelry li.pendantsnecklaces-en a {
	background-image: url(/media/images/menu_pendantsnecklaces.png);
	background-position: 0-13px;
	height: 12px;
	width: 170px;
}

ul#nav_jewelry li.pendantsnecklaces-en a:hover {
	background-image: url(/media/images/menu_pendantsnecklaces.png);
	background-position: 0-26px;
	height: 12px;
	width: 170px;
}

ul#nav_jewelry li.braceletsbangles-en a {
	background-image: url(/media/images/menu_braceletsbangles.png);
	background-position: 0-13px;
	height: 12px;
	width: 153px;
}

ul#nav_jewelry li.braceletsbangles-en a:hover {
	background-image: url(/media/images/menu_braceletsbangles.png);
	background-position: 0-26px;
	height: 12px;
	width: 153px;
}

ul#nav_jewelry li.brooches-en a {
	background-image: url(/media/images/menu_brooches.png);
	background-position: 0-13px;
	height: 12px;
	width: 79px;
}

ul#nav_jewelry li.brooches-en a:hover {
	background-image: url(/media/images/menu_brooches.png);
	background-position: 0-26px;
	height: 12px;
	width: 79px;
}

ul#nav_jewelry li.gentlemen-en a {
	background-image: url(/media/images/menu_gentlemen.png);
	background-position: 0-13px;
	height: 12px;
	width: 87px;
}

ul#nav_jewelry li.gentlemen-en a:hover {
	background-image: url(/media/images/menu_gentlemen.png);
	background-position: 0-25px;
	height: 12px;
	width: 87px;
}

ul#nav_jewelry li.gentlemen.highlight a {
	background-position: 0-25px;
}

/* GERMAN JEWELRY MENU */

ul#nav_jewelry li.rings-de a {
	height: 16px;
	background-position:0 -16px;
	background-image: url(/media/images/submenu_de.png);
	width: 44px;
}

ul#nav_jewelry li.rings-de a:hover,ul#nav_jewelry li.rings-de-highlight a {
	height: 16px;
	background-position:0px 0px;
	background-image: url(/media/images/submenu_de.png);
	width: 44px;
}

ul#nav_jewelry li.earrings-de a {
	height: 16px;
	background-image: url(/media/images/submenu_de.png);
	background-position: -44px -16px;
	width: 104px;
}

ul#nav_jewelry li.earrings-de a:hover, ul#nav_jewelry li.earrings-de-highlight {
	background-image: url(/media/images/submenu_de.png);
	background-position:  -44px 0px;
	width: 104px;
	height: 16px;

}

ul#nav_jewelry li.pendantsnecklaces-de a {
	background-image: url(/media/images/submenu_de.png);
	background-position: -149px -16px;
	height: 16px;
	width: 160px;
}

ul#nav_jewelry li.pendantsnecklaces-de a:hover, ul#nav_jewelry li.pendantsnecklaces-de-highlight a  {
	background-image: url(/media/images/submenu_de.png);
	background-position: -149px 0px;
	height: 16px;
	width: 160px;
}

ul#nav_jewelry li.braceletsbangles-de a {
	background-image: url(/media/images/submenu_de.png);
	background-position: -308px -16px;
	height: 16px;
	width: 187px;
}

ul#nav_jewelry li.braceletsbangles-de a:hover,ul#nav_jewelry li.braceletsbangles-de-highlight {
	background-image: url(/media/images/submenu_de.png);
	background-position: -308px -0px;
	height: 16px;
	width: 187px;
}

ul#nav_jewelry li.brooches-de a {
	background-image: url(/media/images/submenu_de.png);
	background-position: -496px -16px;
	height: 16px;
	width: 79px;
}

ul#nav_jewelry li.brooches-de a:hover, ul#nav_jewelry li.brooches-de-highlight a {
	background-image: url(/media/images/submenu_de.png);
	background-position: -496px 0px;
	height: 16px;
	width: 79px;
}

ul#nav_jewelry li.gentlemen-de a {
	background-image: url(/media/images/submenu_de.png);
	background-position: -575px -16px;
	height: 16px;
	width: 131px;
}

ul#nav_jewelry li.gentlemen-de a:hover, ul#nav_jewelry li.gentlemen-de-highlight a {
	background-image: url(/media/images/submenu_de.png);
	background-position: -575px 0px;
	height: 16px;
	width: 131px;
}

ul#nav_jewelry li.gentlemen-de.highlight a {
	background-position: 0-25px;
}


ul#nav_jewelry li.gentlemen-en.highlight a {
	background-position: 0-25px;
}

ul#nav_jewelry li.highlight a {
	background-position: 0-26px;
}

div#jewelry_content {
	width: 784px;
	height: 332px;
	text-align: left;	
	margin-top: 40px;
}

div#jewelry_content span.description {
	padding: 0 45px;
	width: 250px;
	display: block;
	clear: both;
	font-size: 8pt;
	font-weight: bold;
}

div#jewelry_content span.nav {                                                  
       padding: 45px 45px;                                                     
       position: relative;                                                     
       bottom:  -250px;                                                        
       float: left;                                                            
       font-size: 8pt;                                                         
       font-weight: bold;                                                      
}

div#jewelry_content span.highlight {
	color: #fff;
	font-weight: bold;
}

