/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** rdts AG | CSS-Datei | Content | CUSTOM
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/


/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** CONTENT
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/


div.startseite {
  margin: 0 auto 0 auto;
  width: 336px;
}

div.startseite-innen {
  margin: 0 0 0 -8px;
}

div.startseite-2 {
  margin: 100px auto 0 auto;
  width: 336px;
}

div.startseite img.startlogo,
div.startseite-2 img.startlogo {
  margin: 0 0 0 40px;
}

div.startseite_sprachen {
  margin: 20px 0 0 0;
  width: 336px;
}
div.startseite_sprachen_de {
  float: left;
}

div.startseite_sprachen_en {
  float: right;
}

div#documentFader-Facing {
  position: absolute; 
  z-index: 10000000000;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  background-color: #000000;
}

#logo {
	position: absolute;
  left: 742px;
  top: 20px;
  margin: 0;
  padding: 0;
  width: 256px;
  height: 200px;
}
#schmuckbilder {
	position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
}

.schmuckbild-unten {
	position: absolute;
  left: 229px;
  top: 20px;
  margin: 0;
  padding: 0;
  z-index: 10;
}

.schmuckbild-oben {
	position: absolute;
  left: 0;
  top: 80px;
  margin: 0;
  padding: 0;
  z-index: 100;
}

#inhalt {
	position: absolute;
  left: 229px;
  top: 0;
  margin: 0;
  padding: 0;
  width: 739px;
  float: left;
  z-index: 1000;
}

.inhalt-kopf {
  margin: 0 0 0 20px;
  padding: 10px 0 0 0;
}
      
.inhalt-rumpf {
  margin: 13px 0 13px 0;
  padding: 0 0 60px 0;
  background-color: #FBF7F0;
  width: 513px;
}
    
.inhalt-rumpf-content {
  margin: 0;
  padding: 16px 0 0 20px;
  /*width: 415px;*/
  width: 421px;
  min-height: 260px;
}

#fuss {
  width: 997px;
  height: 27px;
  position: absolute;
  left: -227px;
  background-image: url(../grafik/bg_fuss.gif);
  /*background-repeat: repeat-y;*/
  z-index: 1;
}

#fuss_oben {
  background-image: url(../grafik/bg_fuss_oben.gif);
  background-repeat: repeat-x;
  width: 997px;
  height: 7px;
  position: absolute;
  z-index: 100000;
}

#fuss_mitte {
  background-color: #EDE1C9;
  width: 513px;
  height: 100%;
  margin: 0 0 0 227px;
}

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

iframe.iframe_ueber_nik {
  width: 240px;
  height: 230px;
  background: transparent;
  border: none;
}
body.ueber_nik_ie {
  background: transparent;
}
iframe.iframe_kontakt {
  width: 240px;
  height: 300px;
  background: transparent;
  border: none;
}


/*
***************************************
** LINKS
***************************************
*/

a.komponenten-link:link,
a.komponenten-link:visited,
a.komponenten-link:hover,
a.komponenten-link:active {
  color: #A53B21;
	text-decoration: none;
	font-weight: bold;
}

a.weiterlesen-link:link,
a.weiterlesen-link:visited,
a.weiterlesen-link:hover,
a.weiterlesen-link:active {
  padding: 0 10px 0 0;
  color: #A53B21;
	text-decoration: none;
	font-weight: bold;
  background-image: url(../grafik/weiterlesen_link.gif);
  background-repeat: no-repeat;
}

a.readmore-link:link,
a.readmore-link:visited,
a.readmore-link:hover,
a.readmore-link:active {
  padding: 0 10px 0 0;
  color: #A53B21;
	text-decoration: none;
	font-weight: bold;
  background-image: url(../grafik/en/readmore_link.gif);
  background-repeat: no-repeat;
}

a.lagen-link:link,
a.lagen-link:visited,
a.lagen-link:hover,
a.lagen-link:active {
  color: #A53B21;
	text-decoration: none;
	font-weight: bold;
}


/*
***************************************
** SCHRIFTFORMATIERUNGEN
***************************************
*/

h2.h2-titel {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 1.8em;
  color: #EDE1C7;
  letter-spacing: 3px;
}

h3.h3-untertitel {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 1em;
}


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


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

.ausrichtung-rechts {
  margin: 0;
  padding: 4px 0 10px 10px;
  float: right;
}

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

.ausrichtung-probepaket {
  margin: -45px -60px 0 0;
  padding: 0;
  float: right;
}



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


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

fieldset,
fieldset.spezial {
  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 #7D6255;
  color: #000000;
  background-color: #E0C9AA;
  margin: 1px 0 0 0;
  padding: 0 0 0 3px;
  width: 250px;
  font-size: 1.0em;
  font-family: Arial, Helvetica, sans-serif;
}

input.terminvorschlag {
  border: 1px solid #7D6255;
  color: #000000;
  background-color: #E0C9AA;
  margin: 1px 0 0 15px;
  padding: 0 0 0 3px;
  width: 250px;
  font-size: 1.0em;
  font-family: Arial, Helvetica, sans-serif;
}

input.InputTextfeldEinzeilig-mittel {
  border: 1px solid #7D6255;
  color: #000000;
  background-color: #E0C9AA;
  margin: 1px 0 0 0;
  padding: 0 0 0 3px;
  width: 202px;
  font-size: 1.0em;
  font-family: Arial, Helvetica, sans-serif;
}

input.InputTextfeldEinzeilig-kurz {
  border: 1px solid #7D6255;
  color: #000000;
  background-color: #E0C9AA;
  margin: 1px 0 0 0;
  padding: 0 0 0 3px;
  width: 38px;
  font-size: 1.0em;
  font-family: Arial, Helvetica, sans-serif;
}

input.InputTextfeldEinzeilig-sehrkurz {
  border: 1px solid #7D6255;
  color: #000000;
  background-color: #E0C9AA;
  margin: 1px 0 0 0;
  padding: 0 0 0 3px;
  width: 15px;
  font-size: 1.0em;
  font-family: Arial, Helvetica, sans-serif;
}

input.InputTextfeldEinzeiligSpezial {
  border: 1px solid #A53B21;
  color: #645C4C;
  background-color: #FBF7F0;
  margin: 1px 0 0 0;
  padding: 0 0 6px 3px;
  width: 451px;
  font-size: 1.0em;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

input.InputTextfeldEinzeiligSpezial2 {
  border-top: 1px solid #A53B21;
  border-right: none;
  border-bottom: 1px solid #A53B21;
  border-left: 1px solid #A53B21;
  color: #645C4C;
  background-color: #FBF7F0;
  margin: 1px 0 0 0;
  padding: 0 0 6px 3px;
  width: 256px;
  font-size: 1.0em;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

input.InputTextfeldEinzeiligSpezial3 {
  border-top: 1px solid #A53B21;
  border-right: 1px solid #A53B21;
  border-bottom: 1px solid #A53B21;
  border-left: none;
  color: #645C4C;
  background-color: #FBF7F0;
  margin: 1px 0 0 0;
  padding: 0 0 6px 0;
  width: 195px;
  font-size: 1.0em;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

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

input.InputCheck {
  margin: 3px 0 0 0;
  float: left;
}

input.InputSenden {
  border: 1px solid #7D6255;
  color: #000000;
  background-color: #E0C9AA;
  margin: 0;
  padding: 0;
  width: 115px;
  height: auto;
  font-size: 1.0em;
  font-family: Arial, Helvetica, sans-serif;
}

input.InputSendenSpezial {
  border: 1px solid #A53B21;
  color: #FBF7F0;
  background-color: #A53B21;
  margin: 0;
  padding: 0;
  width: 254px;
  height: auto;
  font-size: 1.0em;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight: bold;
  letter-spacing: 1px;
}

textarea.Textfeld {
  border: 1px solid #7D6255;
  color: #000000;
  background-color: #E0C9AA;
  margin: 1px 0 0 0;
  padding: 0 0 0 3px;
  width: 250px;
  height: 150px;
  font-size: 1.0em;
  font-family: Arial, Helvetica, sans-serif;
}

textarea.TextfeldSpezial {
  border: 1px solid #A53B21;
  color: #645C4C;
  background-color: #FBF7F0;
  margin: 1px 0 0 0;
  padding: 0 0 6px 3px;
  width: 451px;
  height: 150px;
  font-size: 1.0em;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

select {
  border: 1px solid #7D6255;
  color: #000000;
  background-color: #E0C9AA;
  margin: 1px 0 0 0;
  padding: 0 0 0 3px;
  width: 256px;
  height: 19px;
  font-size: 1.0em;
  font-family: Arial, Helvetica, sans-serif;
}


table.formular {
  border: none;
  width: 410px;
}
table.formular td.beschreibung {
  width: 200px;
}


/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** FUSS
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/


#service {
  position: absolute;
  margin: 0 0 10px -79px;
  padding: 20px 0 0 0;
  width: 680px;
  z-index: 1000;
}

.service-links {
  position: relative;
  margin: 0;
  padding: 0 505px 0 0;
  z-index: 10000;
  float: left;
}

.service-rechts {
  position: relative;
  margin: 0;
  padding: 0;
  z-index: 10000;
  float: left;
}

.service1 {
  position: relative;
  margin: 0;
  padding: 0;
  z-index: 10000;
}

.service2 {
  position: relative;
  margin: 0;
  padding: 0;
  z-index: 10000;
}

.service3 {
  position: relative;
  margin: 0;
  padding: 0;
  z-index: 10000;
}

.service4 {
  position: relative;
  margin: 0;
  padding: 0;
  z-index: 10000;
}