body {
  background-color: #FFF5D5;
  background-repeat: no-repeat;
  font-size: 0.8em;
}

a,
a:link,
a:visited,
a:focus,
a:active,
a:hover {
  text-decoration: none;
  border: none;
  color: #BA8300;
}

div#page {
  width: auto;
  clear: both;
  z-index: 1;
}

div#head {
  height: 160px;
  clear: both;
  z-index: 2;
}

div#head-image,
div#head-image-fade-element {
    width: auto;
    background-position: 143px 0;
    background-repeat: no-repeat;
    height: 120px;
}    

div#head-logo {
    position: absolute;
    top: 49px;
    left: 38px;
}

div#head-navigation {
    position: absolute;
    top: 124px;
    left: 397px;
    width: 520px;
}

div#head-navigation ul {
  position: relative;
  z-index: 30;
  list-style-type: none;
  list-style-position: outside;
}  

li.head-navigation-item {
  position: relative;
  z-index: 30;
  float: left;
  margin: 0;
  padding: 0;
}

li.head-navigation-item-spacer {
  z-index: 30;
  background-image: url(../grafik/nav_spacer.gif);
  background-repeat: no-repeat;
  float: left;
  width: 31px;
  margin: 0;
  padding: 0;
}

div#head-navigation ul.sub-navigation-list {
    z-index: 3;
    position: absolute;
    margin: 0;
    padding: 31px 0 0 0;
    top: 0;
    left: -10px;
    width: 211px;
    height: 165px;
    background-image: url(../grafik/bg_sub_list3.png);
    background-repeat: no-repeat;
}  

div#head-navigation ul.sub-navigation-list-2 {
    z-index: 3;
    position: absolute;
    margin: 0;
    padding: 31px 0 0 0;
    top: 0;
    left: -10px;
    width: 211px;
    height: 140px;
    background-image: url(../grafik/bg_sub_list4.png);
    background-repeat: no-repeat;
}  

div#head-navigation ul.sub-navigation-list-3 {
    z-index: 3;
    position: absolute;
    margin: 0;
    padding: 31px 0 0 0;
    top: 0;
    left: -10px;
    width: 211px;
    height: 165px;
    background-image: url(../grafik/bg_sub_list5.png);
    background-repeat: no-repeat;
}  

li.sub-navigation-item {
    z-index: 3;
    margin: 0 0 0 8px;
}  

a.head-navigation-item,
a.head-navigation-item:link,
a.head-navigation-item:visited,
a.head-navigation-item:focus,
a.head-navigation-item:hover,
a.head-navigation-item:active {
    position: relative;
    z-index: 30;
    display: block;
    text-decoration: none;
    color: #FFF5D5;
    font-size: 0.1em;
    padding: 24px 0 0 0;
    height: 6px;
    background-repeat: no-repeat;
}

a#nav1 {
  z-index: 30;
  background-image: url(../grafik/nav1.gif);
  background-position: 0 4px;
  width: 94px;
}

a#nav2 {
  z-index: 30;
  background-image: url(../grafik/nav2.gif);
  background-position: 0 4px;
  width: 105px;
}

a#nav3 {
  z-index: 30;
  background-image: url(../grafik/nav3.gif);
  background-position: 0 4px;
  width: 81px;
}

a#nav4 {
  z-index: 30;
  background-image: url(../grafik/nav4.gif);
  background-position: 0 4px;
  width: 125px;
}

a.sub-navigation-item,
a.sub-navigation-item:link,
a.sub-navigation-item:visited,
a.sub-navigation-item:focus,
a.sub-navigation-item:hover,
a.sub-navigation-item:active {
    z-index: 3;
    display: block;
    text-decoration: none;
    color: #2B5D27;
    font-size: 0.9em;
    padding: 0 0 1px 0;
    background-image: url(../grafik/bg_sub_nav_item.gif);
    background-repeat: no-repeat;                                               
    background-position: bottom;
    width: 185px;
    font-size: 0.85em;
}

a#no_border {
    background: none;
}

table.content {
    width: 1000px;
}

td.marginal-content {
  width: 196px;
}

div#content {
  padding: 45px 0 0 93px; 
}

h3 {
  color: #8E4E36;
  font-weight: normal;
  font-size: 1.6em;
}

h4 {
  color: #8E4E36;
  font-weight: bold;
  font-size: 1.0em;
  margin: 0 0 10px 0;
}

div.icon_list h4 {
  margin: 0 0 5px 0;
}

div#text-content {
  margin: 0 60px 0 0; 
}

div#content p {
  margin: 0 0 10px 0;
  line-height: 1.6em;
}

div#content ul {
   font-size: 0.9em;
}

img.right {
  float: right;
  margin: 0 0 0 40px;
}

div.media {
  border-top: 1px solid #225B22;
  margin: 40px 0 0 0;
  padding: 20px 0 0 0;
  font-size: 0.85em;
}

div.media-item {
  float: left;
  width: 330px;
  padding: 0 20px 0 0;
}

h5 {
  line-height: 1.5em;
  color: #DDB309;
}

a.media-item,
a.media-item:link,
a.media-item:visited,
a.media-item:focus,
a.media-item:hover,
a.media-item:active {
  line-height: 1.5em;
  color: #8E4E36;
  font-weight: bold;
  text-decoration: none;
}

td.media-thumb {
    padding: 0 10px 0 0;
}

td.marginal-content {
  vertical-align: bottom;
  text-align: right;
}

div#foot {
  margin: 20px 0 0 0;
  background-image: url(../grafik/bg_foot.gif);
  background-position: 507px 0;
  background-repeat: no-repeat;
  padding: 35px 0 0 860px;
}

a.foot-links,
a.foot-links:link,
a.foot-links:visited,
a.foot-links:focus,
a.foot-links:hover,
a.foot-links:active {
    display: block;
    text-decoration: none;
    color: #FFF5D5;
    font-size: 0.1em;
    padding: 24px 0 0 0;
    height: 6px;
    background-repeat: no-repeat;
}

a#nav_back {
    background-image: url(../grafik/bg_back.gif);
    width: 78px;
}

a#nav_top {
    background-image: url(../grafik/bg_top.gif);
    width: 101px;
}

a#nav_back:hover {
    background-image: url(../grafik/bg_back_.gif);
    width: 78px;
}

a#nav_top:hover  {
    background-image: url(../grafik/bg_top_.gif);
    width: 101px;
}

div.form {
  margin: 20px 0 10px 0;
}

div.form-row {
  margin: 0 0 10px 0;
  clear: both;
}
/*
fieldset {
  margin: 0;
  padding: 0;
  border: none;
}

div.label {
    float: left;
    width: 120px;
    color: #8E4E36;
}      
*/
div.value {
    float: left;
    width: 480px;
}

input.standard,
input.plz,
select.standard,
textarea.standard {
  width: 99.9%;
  border: 1px solid #8E4E36;
}    

input.plz {
  width: 150px;
}

input.submit {
  width: 100px;
  background-color:  #BA8300;
  color: #FFF5D5;
  border: 1px solid #8E4E36;
}

table.marken {
  margin: 5px 0 15px 0;
  width: 100%;
}         

table.marken th {
  background-color: #8E4E36;
  background-color:  #BA8300;
  color: #FFF5D5;
  padding: 3px;
  border-bottom: 1px solid #8E4E36;    
  border-top: 1px solid #8E4E36;
}

table.marken th,
table.marken td {
  width: 33.33%;
  text-align: center;
}        

table.marken td {
    padding-top: 8px;
}

table.marken th.border {
    border-right: 1px solid #8E4E36;
}

table.marken td.border {
    border-right: 1px solid #8E4E36;
}

table.marken td ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

img.service {
  float: left;
  margin: 0 10px 10px 0;
}

div.icon_list {
  margin: 0 0 10px 0;
}

div.article-quicksearch {
   margin: 0 0 20px 0;
}  

table.article-quicksearch {
  width: 100%;
}   

td.but_quicksearch_right {
  width: 140px;
  padding: 0 0 0 140px;
}

div.but_quicksearch {
  font-size: 0.9em;
  color: #2A5E27;
  border-top: 1px solid #EDA62F;
  background-image: url(../grafik/bg_quicksearch_but.gif);
  background-repeat: no-repeat;
  background-position: top right;
  margin-right: 3px;
  padding: 2px 3px 0 0;
  font-weight: bold;
}

div.but_quicksearch a,
div.but_quicksearch a:link,
div.but_quicksearch a:visited,
div.but_quicksearch a:focus,
div.but_quicksearch a:hover,
div.but_quicksearch a:active {
    display: block;
    text-align: center;
    color: #2A5E27;
    font-weight: bold;
    padding: 2px;
}


div.but_quicksearch a:focus,
div.but_quicksearch a:hover,
div.but_quicksearch a:active {
    color: #FFF5D5;
    background-color: #2A5E27;
}

div.abstract-title {
  background-image: url(../grafik/bg_abs_title.gif);
  background-repeat: no-repeat;
  font-weight: bold;
  font-size: 0.9em;
  color: #ffffff;
  padding: 0 0 0 170px;
  letter-spacing: 0.3em;
  margin: 0 0 18px 0;
  text-transform: uppercase;
}

div.result-navigation {
  border-top: 1px solid #2A5E27;
  border-bottom: 1px solid #2A5E27;
  margin: 0 0 15px 0;
}

table.result-navigation {
  width: 100%;
}     

td.result-navigation-left {
  color: #2A5E27;
  font-weight: bold;
}

td.result-navigation-center {
  color: #2A5E27;
  text-align: center;
  font-weight: bold;
}

td.result-navigation-right {
  color: #2A5E27;
  text-align: right;
  font-weight: bold;
}

table.result-navigation a,
table.result-navigation a:link,
table.result-navigation a:visited,
table.result-navigation a:focus,
table.result-navigation a:hover,
table.result-navigation a:active {
  color: #2A5E27;
}

table.article {
  width: 100%;
}

table.article td.image {
  width: 104px;
  padding: 0 16px 0 0;
}

div.article {
  margin: 0 0 18px 0;
  background-image: url(../grafik/bg_art_line.gif); 
  background-repeat: no-repeat;
  background-position: bottom;
  padding: 0 0 5px 0;
}

div.article-title {
  background-image: url(../grafik/bg_art_title.gif);
  background-repeat: no-repeat;
  font-weight: bold;
  font-size: 0.9em;
  color: #ffffff;
  padding: 0 0 0 34px;
  letter-spacing: 0.3em;
  margin: 0 0 10px 0;
  text-transform: uppercase;
}

table.article-infos {
  width: 100%;
}     

div.kurzbeschreibung {
   padding:  3px 10px 0 34px;
   font-size: 0.9em;
} 

table.article-infos td.article-infos-facts {
   width: 252px;
   padding:  0 10px 0 34px;
   font-size: 0.9em;
}    

table.article-infos td.article-infos-facts table td {
  padding: 0 0 5px 0;
}  

table.article-infos td.article-infos-facts table td.value {
  font-weight: bold;
  color: #8E4E36;
}

table.article-infos td.article-infos-facts table td.label {
  width: 60px;
}

table.article-infos td.article-infos-buttons {
   width: 130px;
   padding:  0 10px 0 0;
}   

table.article-infos td.article-infos-price {
  text-align: right;
}  

table.article-infos td.article-infos-buttons a,
table.article-infos td.article-infos-buttons a:link,
table.article-infos td.article-infos-buttons a:visited,
table.article-infos td.article-infos-buttons a:focus,
table.article-infos td.article-infos-buttons a:hover,
table.article-infos td.article-infos-buttons a:active {
    display: block;
    font-size: 0.9em;
    text-align: center;
    color: #FFF5D5;
    background-color: #2A5E27;
    width: 111px;
    height: 18px;
    font-weight: bold;
    margin: 0 0 5px 0;
    padding: 4px 0 0 0;
}

div.article-infos-price-1 {
  color: #FF0000;
  font-size: 0.85em;
}

div.article-infos-price-2 {
  color: #FF0000;
  font-weight: bold;
  font-size: 1.2em;
  text-decoration: line-through;
}

div.article-infos-price-3 {
  color: #2A5E27;
  font-weight: bold;
  font-size: 1.6em;
}

div.article-details {
  display: none;
  padding: 0 0 0 169px;
  font-size: 0.9em;
  margin: 0 0 10px 0;
}

div.article-details-text {
  padding: 0 0 10px 0;
  margin: 5px 0 10px 0;
  background-image: url(../grafik/bg_art_det_text.gif);
  background-repeat: no-repeat;
  background-position: bottom;
}

div.article-details-gallery {
  font-style: italic;
  background-image: url(../grafik/bg_art_det_text.gif);
  background-repeat: no-repeat;
  background-position: bottom;
}

div.article-details-gallery-items {
  margin: 5px 0 0 0;
}

img.article-details-gallery-item {
  float: left;
  margin: 0 10px 10px 0;
}

div.article-details-download {
  margin: 5px 0 10px 0;
  font-weight: bold;
  color: #2A5E27;
}


div.article-details-download a,
div.article-details-download a:link,
div.article-details-download a:visited,
div.article-details-download a:focus,
div.article-details-download a:hover,
div.article-details-download a:active {
  font-weight: bold;
  color: #2A5E27;
}


/*
***************************************
** MARKEN
***************************************
*/

.marken {
  margin: 0 0 30px 0;
  padding: 0;
  width: 651px;
  height: 91px;
  background-image: url(../grafik/bg_marken.gif);
  background-repeat: no-repeat;
}

.marken-zurueck {
  position: relative;
  margin: 0;
  padding: 28px 0 0 10px;
  width: 45px;
  float: left;
}

.marken-inhalt {
  position: relative;
  margin: 0;
  padding: 0;
  width: 541px;
  height: 91px;
  float: left;
}

.marken-vor {
  position: relative;
  margin: 0;
  padding: 28px 0 0 17px;
  width: 38px;
  float: left;
}

#marken-uhren-1,
#marken-uhren-2,
#marken-uhren-3,
#marken-schmuck-1,
#marken-schmuck-2,
#marken-schmuck-3,
#marken-trauringe-1,
#marken-trauringe-2,
#marken-trauringe-3 {
  position: absolute;
  margin: 0;
  padding: 0;
}


/*
***************************************
** ARTIKEL-BILDER
***************************************
*/

.artikel-bilder {
  margin: 0;
  padding: 23px 0 45px 0;
  width: 600px;
}

.artikel-bilder-thumb {
  margin: 0;
  padding: 0 13px 0 0;
  float: left;
}


/*
***************************************
** IFRAME
***************************************
*/

iframe.iframe_oeffnungszeiten {
  width: 320px;
  height: 480px;
  background: transparent;
  border: none;
}


/*
***************************************
** AUSRICHTUNG
***************************************
*/

.ausrichtung-links {
  margin: 0;
  padding: 0 10px 10px 0;
  float: left;
}

.ausrichtung-rechts {
  margin: 0;
  padding: 0 0 10px 10px;
  float: right;
  font-size: .85em;
}

.ausrichtung-zentriert {
  margin: 0;
  padding: 17px 0 0 0;
  text-align: center;
  width: 100%;
}

/*
***************************************************************************************************
***************************************************************************************************
** FORMULAR
***************************************************************************************************
***************************************************************************************************
*/

.kontaktformular {
  margin: 0;
  padding: 0;
  width: 100%;
}


/*
******************************************
** FOMULARFELDER
******************************************
*/

fieldset {
  margin: 0;
  padding: 10px 0 10px 0;
  border: 0;
}

.label {
  padding: 3px;
  width: 11em;
  float: left;
}

.formular {
  padding: 0 0 5px 0;
}

.feature-kurz {
  padding: 2px 0 4px 0;
  width: 3.0em;
}

.feature-lang {
  padding: 3px 0 4px 0;
  width: 350px;
}

input.InputTextfeldEinzeilig {
  border: 1px solid #8E4E36;
  color: #8E4E36;
  background-color: #FFFFFF;
  margin: 1px 0 0 0;
  padding: 0 0 0 3px;
  width: 249px;
  font-size: 1.0em;
  font-family: trebuchet ms,arial,helvetica,serif;
}

input.InputTextfeldEinzeilig-mittel {
  border: 1px solid #8E4E36;
  color: #8E4E36;
  background-color: #FFFFFF;
  margin: 1px 0 0 0;
  padding: 0 0 0 3px;
  width: 202px;
  font-size: 1.0em;
  font-family: trebuchet ms,arial,helvetica,serif;
}

input.InputTextfeldEinzeilig-kurz {
  border: 1px solid #8E4E36;
  color: #8E4E36;
  background-color: #FFFFFF;
  margin: 1px 0 0 0;
  padding: 0 0 0 3px;
  width: 38px;
  font-size: 1.0em;
  font-family: trebuchet ms,arial,helvetica,serif;
}

input.InputRadio {
  margin: 2px 0 0 0;
  padding: 0;
}

input.InputCheck {
  float: left;
}

input.InputSenden {
  border: 1px solid #8E4E36;
  color: #FFFFFF;
  background-color: #8E4E36;
  margin: 0;
  padding: 0;
  width: 123px;
  height: auto;
  font-size: 1.0em;
  font-family: trebuchet ms,arial,helvetica,serif;
}

textarea.Textfeld {
  border: 1px solid #8E4E36;
  color: #8E4E36;
  background-color: #FFFFFF;
  margin: 1px 0 0 0;
  padding: 0 0 0 3px;
  width: 249px;
  height: 150px;
  font-size: 1.0em;
  font-family: trebuchet ms,arial,helvetica,serif;
}

select {
  border: 1px solid #8E4E36;
  color: #8E4E36;
  background-color: #FFFFFF;
  margin: 0;
  padding: 0 0 0 3px;
  width: 252px;
  font-size: 1.0em;
  font-family: trebuchet ms,arial,helvetica,serif;
}