﻿/* Farbwelt: DarkGrey #4d4e53 - MidGrey #747679 - LightGrey #d6d6d4 - Link #5f9baf - Active #77c0d9(9bc8d7) */ 
@import url('css_master_print.css');
@media screen,projection
{

#mainimageprint { display: none }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ GENERAL - RESET ALL */
/* Delete default HTML styles of browsers */
a {text-decoration:none; color:#5f9baf; font-weight: normal}
a:visited {text-decoration:none; color:#5f9baf; font-weight: normal}
a:link {text-decoration:none; color:#5f9baf; font-weight: normal}
h4 a:visited {text-decoration:none; color:#5f9baf}
h4 a:link {text-decoration:none; color:#5f9baf}
h3 a:visited {text-decoration:none; color:#5f9baf}
h3 a:link {text-decoration:none; color:#5f9baf}
h2 a:visited {text-decoration:none; color:#747679}
h2 a:link {text-decoration:none; color:#747679}
h1 a:visited {text-decoration:none; color:#5f9baf}
h1 a:link {text-decoration:none; color:#5f9baf}
ol {list-style:none}
ul {list-style:none}
img {border:none}

* {padding:0; margin:0}
address {margin:0px 0px}
fieldset {margin:0px 0px}
dl {margin:0px 0px}
ol {margin:0px 0px}
ul {margin:0px 0px}
label {margin:0px 0px}
blockquote {margin:0px 0px}
pre {margin:0px 0px}
p {margin:0px 0px}
h6 {margin:0px 0px}
h5 {margin:0px 0px}
h4 {margin:0px 0px}
h3 {margin:0px 0px}
h2 {margin:0px 0px}
h1 {margin:0px 0px}
dd {margin-left:15px}
li {margin-left:15px}
fieldset {padding:6px}

body {
	height:100%;
/*	background:#ffffff url('images/bg_master.jpg') top center no-repeat;*/
/*	color:#4d4e53; */
	color: #747679;
	text-align:center;
	margin:0;
	font-size: 11px;
	font-weight: normal;
	font-family: Verdana, Helvetica, Arial, sans-serif;
 	line-height: 21px;
	}

html {
	height:100%;
/*	background:#ffffff url('images/bg_master.jpg') top center no-repeat;*/
	color:#4d4e53;
	text-align:center;
	margin:0;
	font-size: 11px;
	font-weight: normal;
	font-family: Verdana,Helvetica,Arial,sans-serif;
 	line-height: 16px;
	}
.clear {clear:both}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ LAYOUTBREITE */
#mainframe {
	width:1000px;
	min-height:100%;
	height:auto;
	margin:0 auto 0px auto;
	text-align:left;
	}
* html #mainframe {height:100%}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ LAYOUT */
/* Header */
#header {height:200px;}

#typelogo {width:325px; height:50px; float:left; position:relative; margin: 25px 0px 0px 24px;}
#signet {width:100px; height:50px; float:right; position:relative; margin: 25px 0px 0px 0px;}

#navsub {width:180px; float:right; display:inline; text-align:right; margin: 2px 9px 0px 0px;}
#navsub:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
/* Image Anzeige Option
#navsub a {}
#navsub a:hover {}
#navsub a img {height: 0; width: 0; border-width: 0;}
#navsub a:hover img {position: absolute; top: 0px; left: 700px; height: 50px; width: 100px;}
*/
#headline {width:600px;	height:22px; top: -167px; left: 349px; padding: 0px; margin: 0px; display: inline; position: relative; z-index: 900;}

/* Content */
#content {margin: 0px 0px 0px 0px;}

#cont3top { height: 325px; background: url('images/goldschmiede_schmuck_muenchen_blank.gif') no-repeat top left; margin: 0px 0px 0px 0px; padding: 25px 0px 0px 0px;}
#cont3start { height: 325px; min-height: 325px; margin: 0px 0px 0px 0px; padding: 25px 0px 0px 0px;}
#cont3bottom { margin: 0px 0px 0px 0px; padding: 25px 0px 0px 0px;}

#contcontainer {float:left; width:625px; margin:0px 0px 0px 25px; display: inline;}

#box1 {position: relative; width:300px; height: 300px;  float:left;  margin:0px 0px 0px 25px; padding: 0px 0px 0px 0px; }
#box2 {position: relative; width:300px; height: 300px; float:left; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: inline; }
#box3 {position: relative; width:300px; height: 300px; float:right; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#box1-2 {position: relative; width:625px; height: 300px; float:left; margin:0px 0px 0px 25px; padding: 0px 0px 0px 0px;}
#box2-3 {position: relative; width:625px; height: 300px; float:right; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

#col1 {width:300px; float:left; margin:0px 0px 0px 25px; padding: 0px 0px 0px 0px; display:inline;}
#col2 {width:300px; float:left; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px}
#col3 {width:300px; float:right; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px}
#col1-2 {width:625px; float:left; margin:0px 0px 0px 25px; padding: 0px 0px 0px 0px}
#col2-3 {width:625px; float:left; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px}

#pagenav {position: absolute; top: 300px; left: 0px; width:300px; height: 25px; float:left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display:inline; background: url('images/bg_paging.gif') no-repeat scroll center center; font-size: 11px; font-weight: normal; color: #5f9baf; line-height: 11px; text-align: center;}
#pageprev {float: left; width: 50px; height: 25px; text-align:left; padding: 0px 0px 0px 0px; }
#pagenext {float: left; width: 50px; height: 25px; padding: 0px 0px 0px 0px; }
#pagenumber {float: left; width: 200px; height: 25px; text-align: center; padding: 7px 0px 0px 0px; }

#productname {position: relative; width: 275px; height: 50px; margin: 15px 0px 0px 25px; float:left; overflow: hidden;}
#productdesc {position: relative; width: 275px; height: 100px; float:left; margin: -8px 0px 0px 25px; overflow: visible;  }
/* #productdesc a {width: 302px; cursor: pointer;text-decoration: none;}
#productdesc a:hover {text-decoration: none;}
#productdesc a span {display: none; padding: 0px;}
#productdesc a:hover span {z-index:99; display: block; width: 300px; height: 300px; position: absolute; top: -57px; left: -350px; padding: 0px 0px 0px 0px; color: #747679; background-color: #ffffff;} */
#productdata {position: relative; width:275px; float:left; margin: 18px 0px 0px 0px; padding: 0px 0px 0px 0px;  line-height: 16px;}

#imgviews {position: relative; width:300px; height:28px; margin:0px 0px 0px 0px; } 
#imgviews ul {list-style:none; padding:0; margin:0px 0px 0px 25px; width:300px; position:relative; float:left;}
#imgviews ul li {display:inline; width:25px; height:25px; float:left; margin:0px 5px 0px 0px;}
#imgviews ul li a {display:block; width:25px; height:25px; text-decoration:none; border: 1px #5f9baf solid;}
#imgviews ul li a img {display:block; width:25px; height:25px; border:0;}
#imgviews ul li a:hover {white-space:normal; border-color:#77c0d9; background-color: #77c0d9; }
#imgviews ul li a:hover img {position:absolute; left:-350px; top:-255px; width:300px; height:300px; }


#news {padding: 0px 0px 0px 0px; color: #bdbdbb}
#newsactive {padding: 0px 0px 0px 0px; line-height: 21px; color: #bdbdbb }
#newshead {width: 300px; padding: 0px 0px 0px 0px; font-family: Georgia,Times,serif; font-style: italic; font-weight: bold; font-size: 13px; line-height: 21px; color: #bdbdbb; }
#newstext {width: 300px; padding: 0px 0px 0px 0px; font-family: Georgia,Times,serif; font-style: italic; font-weight: normal; font-size: 13px; line-height: 21px; color: #747679; }

 
/* Footer */
#footerspace {height:25px; position:relative;}

#footer {position: relative; height:55px; width:998px; margin: 0px auto 0px auto; background:url('images/bg_footer.gif') no-repeat top center; }
#footcont {height: 55px; width: 947px; float: right; text-align:left; display: inline; clear:both; overflow: hidden; padding: 0px 25px 0px 0px; color:#747679; font-size: 10px; line-height: 20px;}
#footcont a:focus, #footcont a:hover, #footcont a:active {color:#5f9baf; border-bottom: 3px solid #77c0d9; }
#activefoot {color:#5f9baf; border-bottom: 3px solid #77c0d9;}
.footerright {font-weight: normal; text-decoration:none; text-align: right; color:#5f9baf; border-bottom: 0px solid #ff9900;}
a.footerright:focus {color:#ff9900; border-bottom: 0px solid #ff9900;}
a.footerright:hover {color:#ff9900; border-bottom: 0px solid #ff9900;}
a.footerright:active {color:#ff9900; border-bottom: 0px solid #ff9900;}

div.clear-r {clear: right; line-height: 0; font-size: 0em; height: 0;}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ OTHER LAYOUT */

/* FEATUREBOX */
#featurebox2 {
	width:309px;
	height:100px;
	/* background:url('images/featurebox2.jpg') no-repeat top left;*/
	position:relative;
	text-transform: uppercase;
	}
#featurebox2-title {color:#fff; font:normal 24px impact,serif; position:absolute; top:10px; left:15px}
#featurebox2-title a {color:#fff!important; font-weight:normal!important}
#featurebox2-text {font:normal 10px arial,serif; position:absolute; bottom:10px; left:10px; width:209px}
#featurebox2-text a {color:#35393f!important}

/* ROUNDFEATUREBOX */
.roundbox { background: url(images/bg_rb_nt.gif) repeat; width: 281px; margin: 14px 0px 20px 20px; }
.rbtop div { background: url(images/bg_rb_tl.gif) no-repeat top left; }
.rbtop { background: url(images/bg_rb_tr.gif) no-repeat top right; }
.rbbottom div { background: url(images/bg_rb_bl.gif) no-repeat bottom left; }
.rbbottom { background: url(images/bg_rb_br.gif) no-repeat bottom right; }
.rbbottom {width: 281px; height: 10px;}
.rbbottom div {width: 281px; height: 10px;}
.rbtop {width: 281px; height: 10px;}
.rbtop div {width: 281px; height: 10px;}
.rbcontent { margin: 0px 8px 0px 8px; }

/* DIVERSE CONTAINER */
#teaser-box {width:189px; height:59px; margin:128px 0 0 0; background:url('images/download.gif') no-repeat top left; float:left}
#teaser-text {color:#ffffff; font:bold 15px/22px arial,serif; width:187px; display:block; text-align:center; padding:2px 2px 0 2px;}
#searchform {background:#002144; padding:10px 15px}

.hr {
/*  background: #d6d6d4 url(images/bg_footer.gif) no-repeat scroll left top; */
	padding: 0px 0px 16px 0px;
	border-top: 1px #d6d6d4 solid;
	border-bottom: 0px transparent none;
	border-left: 0px transparent none;
	border-right: 0px transparent none;

}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ IMAGES */
.imgleft {float:left; margin-right: 5px; padding-right: 5px; padding-left: 0px; margin-left: 0px;}
.imgright {float:right; margin-right: 5px; padding-right: 5px; padding-left: 0px; margin-left: 0px;}

.imgpress {float:left; border: 1px #d6d6d6 solid;}

.imgthumbs {width: 50px; height: 50px; margin: 0px 0px 0px 0px; float: left; border: 1px #d6d6d4 solid; }
.imgthumbs:focus, .imgthumbs:hover, .imgthumbs:active {margin: -1px 0px 0px -1px; border: 2px #9bc8d7 inset; outline:0;}
.imgthumbs a:focus, .imgthumbs a:hover, .imgthumbs a:active {margin: -1px 0px 0px -1px; border: 2px #9bc8d7 inset; outline:0;}
.imgthumbsel, .imgthumbsel a:focus, .imgthumbsel a:hover, .imgthumbsel a:active, .imgthumbsel:focus, .imgthumbsel:hover, .imgthumbsel:active {width: 50px; height: 50px; margin: -1px 0px 0px -1px; float: left; border: 2px #5f9baf inset; outline:0;} 
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ TYPO */
p {
font-family: Georgia,Times,serif;
font-style: italic;
font-size: 13px;
line-height: 21px;
color: #747679;
}
h1 {font-size:14px; color:#d6d6d4; margin: 0px 0px 0px 0px; line-height: 0px; font-weight: normal; display: inline; letter-spacing: 1px;}
h2 {font-size:12px; color:#747679; line-height: 16px; font-weight: bold; }
h3 {font-size:11px; color:#747679; line-height: 16px; font-weight: normal; padding-right: 20px; }
h4 {font-size:13px; color:#bdbdbb; margin: 0px 0px 0px 20px; line-height: 21px; font-weight: bold; padding-right: 20px; font-family: Georgia,Times,serif; font-style: italic;}
h5 {font-size:13px; color:#bdbdbb; margin: 0px 0px 0px 0px; line-height: 21px; font-weight: bold; padding-right: 20px; font-family: Georgia,Times,serif; font-style: italic;}
h6 {font-size:11px}
sup {font-size: 7px; line-height: 0px; vertical-align: super;}
sub {font-size: 7px; line-height: 0px; vertical-align: sub;}
.block {border-bottom:1px solid #ebebeb;}
.topspace {margin-top:20px}
.small { font-size: 10px;}
.red {color:#a21315;}
.high {font-size: 50%; vertical-align:super;} 
.desclabel {color: #747679; width: 80px; margin-left: 25px; float: left; overflow: hidden;}
.descdata {text-align: right; float:right; overflow: hidden;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ LISTS */	
ul.list {
line-height: 16px;
list-style: none;
list-style-type: none;
padding: 0px 0px 0px 0px;
margin: -16px 0px 0px 0px;
}
li.list {
font-family: Georgia,Times,serif;
font-style: italic;
font-size: 13px;
background-image: url(images/icon_list.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
line-height: 21px;
list-style: none;
list-style-type: none;
padding: 0px 0px 0px 15px;
margin: 0px 0px 0px 15px;
display:inline-block;

}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ HYPERLINKS */
a:link {text-decoration:none; color:#5f9baf; font-weight: normal;}
a:hover {text-decoration:none; color:#77c0d9;}
a:active {text-decoration:none; color:#77c0d9;}
input:focus {outline:none; text-decoration:none; color:#77c0d9;}
a:focus {outline:none; text-decoration:none; color:#77c0d9;}

#content a:visited {text-decoration:none; color:#5f9baf; font-weight: normal;}
#content a:link {text-decoration:none; color:#5f9baf; font-weight: normal;}
#content a:hover {color:#77c0d9;}

a.sublink {
	color: #5f9baf; 
	padding-right:16px; 
	line-height: 20px;
	background-repeat:no-repeat; 
	background-position: right bottom;
}
a.sublink:focus {
	color:#77c0d9; 
	background-image:url(images/icon_sublink_b.gif);
}
a.sublink:hover {
	color:#77c0d9; 
	background-image:url(images/icon_sublink_b.gif);
}
#activesubnav {
	color:#77c0d9; 
	background-image:url(images/icon_sublink_b.gif);
}

a.link{
	font-family: Arial, Helvetica, Sans-Serif;
	font-style: normal;
	color: #5f9baf; 
	padding-left:21px; 
	font-weight: normal;
	background-repeat:no-repeat; 
	background-image:url(images/icon_link.gif);
	background-position: left bottom;}
	
a.link:focus {
	color:#77c0d9; 
	background-image:url(images/icon_link_b.gif); 
	background-repeat:no-repeat; 
}
a.link:hover {
	color:#77c0d9; 
	background-image:url(images/icon_link_b.gif);
	background-repeat:no-repeat; 
}
a.linklisting{
	font-family: Arial, Helvetica, Sans-Serif;
	font-style: normal;
	color: #5f9baf; 
	padding-left:21px; 
	font-weight: normal;
	background-repeat:no-repeat; 
	background-image:url(images/icon_link.gif);
	background-position: left bottom;}
	
a.linklisting:focus {
	color:#77c0d9; 
	background-image:url(images/icon_link_b.gif); 
	background-repeat:no-repeat; 
}
a.linklisting:hover {
	color:#77c0d9; 
	background-image:url(images/icon_link_b.gif);
	background-repeat:no-repeat; 
}
a.exklusiverschmuck{
	display: block;
	width: 260px;
	height: 63px;
	padding: 0px;
	margin: 0px;
	background: url('images/exklusiver-schmuck.gif') no-repeat top left;
}
a.exklusiverschmuck:focus, a.exklusiverschmuck:hover {
	background: url('images/exklusiver-schmuck-b.gif') no-repeat top left;
}
a.activefoot{
	color: #77c0d9; 
	padding-left:16px; 
	background-repeat:no-repeat; 
	background-image:url(images/icon_link_b.gif);
	background-position: left center;}
	
a.activefoot:focus {
	color:#77c0d9; 
	background-image:url(images/icon_link_b.gif); 
	background-repeat:no-repeat; 
}
a.activefoot:hover {
	color:#77c0d9; 
	background-image:url(images/icon_link_b.gif);
	background-repeat:no-repeat; 
}
a.page {
	font-size: 10px;
	font-weight: bold;
	color: #5f9baf; 
	line-height: 10px;
}
a.page:focus, a.page:hover {
	font-weight: bold;
	color:#77c0d9;
	text-decoration: underline; 
}
a.page:active {
	font-weight: bold;
}
.pageactive {
	font-size: 11px;
	font-weight: bold;
	color: #747679; 
	line-height: 11px;
	text-decoration: underline;
	
}
a.pageprev {
	line-height: 25px;
	padding-left:50px; 
	background-repeat:no-repeat; 
	background-image:url(images/icon_pageprev.gif);
	background-position: left center;}
	
a.pageprev:focus {
	background-image:url(images/icon_pageprev_b.gif); 
	background-repeat:no-repeat; 
}
a.pageprev:hover {
	background-image:url(images/icon_pageprev_b.gif);
	background-repeat:no-repeat; 
}
a.pagenext {
	line-height: 25px;
	padding-left:50px; 
	background-repeat:no-repeat; 
	background-image:url(images/icon_pagenext.gif);
	background-position: left center;}
	
a.pagenext:focus {
	background-image:url(images/icon_pagenext_b.gif); 
	background-repeat:no-repeat; 
}
a.pagenext:hover {
	background-image:url(images/icon_pagenext_b.gif);
	background-repeat:no-repeat; 
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ TABLES */

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ MAIN NAVIGATION */
/* navone Main */
#navmain {position:relative; bottom:0px; left: 0px; list-style-type:none; padding:0px 0px 10px 0px; margin:0 auto; white-space: nowrap; background: url('images/nav_bg.gif') no-repeat top left; width: 800px; height:25px; float:left;}
#navmain2 {position:relative; bottom:0px; left: 0px; list-style-type:none; padding:0px 0px 10px 0px; margin:0 auto; white-space: nowrap; background: url('images/nav_bg2.gif') no-repeat top left; width: 800px; height:25px; float:left;}

.navone {
  padding:0px 0px 10px 0px; 
  margin:0px 0px 0px 11px; 
  list-style-type: none;
  white-space: nowrap;
  }
.navone li {
  float:left;
  min-width: 30px;
  }
.navone a {
  position:relative;
  display:block; 
  text-decoration:none; 
  min-width: 30px; 
  float:left; 
  line-height: 20px;
  }
* html .navone a {
  width:100px;
  }
.navone a span {
  display:block; 
  color:#5f9baf; 
  border-bottom: 0px solid #5f9baf; 
  text-align: left; 
  padding: 0px 0px 0px 0px; 
  cursor:pointer;
  }
* html .navone a span {
  width:100px; 
  cursor:pointer;
  width: 30px;
  }
.navone a b {
  display:block; 
  border-bottom: 0px solid #5f9baf; 
  }
.navone a em {
  display:none;
  }
.navone a:hover {
  color:#77c0d9; 
  }
.navone a:hover span {
  color:#77c0d9; 
  border-bottom: 4px solid #77c0d9; 
  }
.navone a:hover em {
  color:#77c0d9; 
  display:block; 
  overflow:hidden; 
  border-bottom: 4px solid #77c0d9; 
  position:absolute; 
  }
.navone a:active span, .navone a:focus span, #active {
  color:#5f9baf;
  display:block; 
  overflow:hidden; 
  border-bottom: 4px solid #5f9baf; 
  outline:0; /* for browsers that understand */l
  }




/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ DIVERSE */
option {width: 100%;}
	

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ENDE */
}
