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


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

div#document {
  background-image: url(../grafik/bg_document.gif);
  background-repeat: repeat-x;
  background-position: top right;
}




/*******************************************************
******* KOPF
*******************************************************/


div#kopf {
  height: 193px;
  width: 990px;
  background-image: url(../grafik/bg_kopf.gif);
  background-repeat: no-repeat;
  background-position: bottom left;
}

div#kopf_lux {
  height: 193px;
  width: 990px;
  background-image: url(../grafik/bg_kopf_lux.gif);
  background-repeat: no-repeat;
  background-position: bottom left;
}

img#main_bild {
  position: absolute;
  top: 0;
  left: 132px;
}

img#grafik_adresse {
  width: 344px;
  height: 124px;
  position: absolute;
  top: 0;
  left: 639px;
}


/*******************************************************
******* KOERPER
*******************************************************/

div#koerper {
  width: 990px;
  background-image: url(../grafik/bg_koerper.gif);
  background-repeat: no-repeat;
  background-position: top right;
  margin-bottom: 40px;
}


/*******************************************************
******* MENU
*******************************************************/

div#menu {
  width: 764px;
  height: 49px;
  padding: 20px 0 0 0;
  margin: 0 0 0 132px;
  color: #E2001A;
}

div#menu a {
  margin: 0 9px 0 9px;
}

div#menu a.ohne_left {
  margin: 0 10px 0 0;
}
div#menu a:hover {
  border-bottom: 4px solid #E2001A;
}
div#menu a.active {
  border-bottom: 4px solid #E2001A;
}
div#menu a.ohne:hover {
  border-bottom: none;
}

/*******************************************************
******* ÜBERSCHRIFT
*******************************************************/
  
div#ueberschrift {
  width: 582px;
  height: 75px;
  padding: 9px 0 0 132px;
  margin: 0 0 40px 0;
  background-image: url(../grafik/ueberschrift.gif);
  background-repeat: no-repeat;
}

div#ueberschrift h1 {
  color: #E0000A;
  font-weight: bold;
  font-size: 25px;
}

div#ueberschrift h1.h1-samsung {
  padding: 6px 0 0 0;
  color: #000000;
  font-weight: bold;
  font-size: 22px;
  font-family: "Courier New", Courier, serif;
}



/*******************************************************
******* MAIN // HAUPTTEXT
*******************************************************/
  
div#main {
  width: 414px;
  float: left;
  margin: 0 0 0 132px;
  line-height: 1.7em;
  z-index: 100;
}

div.alle-groessen-alle-modelle {
  position: absolute;
  top: 311px;
  left: 0;
  z-index: 10;
}

div#main p {
  margin: 0 0 20px 0;
  font-size: 1.2em;
}

div#main h1 {
  font-weight: bold;
  font-size: 20px;
  margin: 0 0 20px 0;
}

div.telefon-eyecatcher {
  margin: 0 0 20px 0;
  width: 450px;
}

div.telefon-eyecatcher-bild {
  margin: 0;
  width: 130px;
  float: left;
  font-size: 12px;
  font-style: italic;
}

div.telefon-eyecatcher-text {
  padding: 5px 0 5px 23px;
  width: 297px;
  font-size: 1.2em;
  float: left;
  background-image: url(../grafik/bg_telefon_eyecatcher.gif);
  background-repeat: repeat-y;
}

div.telefon-eyecatcher-text-zusatz {
  margin: 10px 0 5px 0;
  width: 294px;
  color: #E60005;
}

div.telefon-eyecatcher-text-zusatz-links {
  padding: 0;
  width: 84px;
  float: left;
}

div.telefon-eyecatcher-text-zusatz-rechts {
  padding: 22px 0 0 0;
  width: 210px;
  float: left;
}

div.leistungen-eyecatcher {
  margin: 0 0 20px 0;
  padding: 7px 0 0 7px;
  width: 415px;
  background-color: #E8E7E8;
  background-image: url(../grafik/bg_leistungen_eyecatcher.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  font-size: 12px;
  line-height: 18px;
}

div.leistungen-eyecatcher h2{
  font-weight: bold;
  font-size: 14px;
  font-family: "Courier New", Courier, serif;
}


/*MARKETING TEXT*/
div#main p.marketing_text {
  background-image: url(../grafik/marketing_text.gif);
  background-repeat: no-repeat;
  background-position: top left;
  background-color: #FFE5E8;
  margin: 40px 0 20px -132px;
  padding: 11px 4px 0 132px;
  width: 416px;
  height: 120px;
  color: #898989;
  font-size: 8pt;
  line-height: 1.4em;
}


table.onlinehilfe {
  margin: 0;
  padding:0;
  line-height: normal;
  font-size: 1.2em;
}


table.onlinehilfe td {
  vertical-align: top;
  padding: 0 0 5px 0;
}

table.onlinehilfe td.namen_feld {
  width: 120px;
}

table.onlinehilfe td.input_feld input {
  width: 200px;
}
table.onlinehilfe td.input_feld input[type="checkbox"] {
  width: auto;
}
table.onlinehilfe td.submit_feld input {
  width: 204px;
  background-color: #E2001A;
  color: #ffffff;
  font-weight: bold;
  border: none;
}
table.onlinehilfe td.input_feld textarea {
  width: 200px;
  font-size: 1.2em;
}


/*******************************************************
******* EYECATCHER RECHTS
*******************************************************/
  
div#eyecatcher {
  width: 237px;
  height: 379px;
  float: left;
  margin: 0 0 0 66px;
}

div#eyecatcher img {
  margin: 0 3px 0 0;
  float: left;
}

div#eyecatcher2 {
  margin: -124px 0 30px 66px;
  width: 237px;
  height: auto;
  float: left;
}

div#eyecatcher2-titel {
  padding: 12px 0 9px 20px;
  background-color: #E2001A;
}

div#eyecatcher2-titel h2{
  color: #FFFFFF;
  font-weight: bold;
  font-size: 18px;
  font-family: "Courier New", Courier, serif;
}

div#eyecatcher2-inhalt {
  padding: 13px 0 11px 20px;
  background-color: #FFE5E8;
  font-size: 10px;
}

/*******************************************************
******* COOKIE POPUP
*******************************************************/

.cookie_hinweis {display: none;color: #ffffff;background: rgba(127,127,127,0.85);position: fixed;top: 30px;left: 0;padding: 8px 21px;margin: 0 25%;border-radius: 4px;z-index: 100;text-align: center;}
.cookie_hinweis a {color: #ffffff;border-bottom: 1px dotted;}
.cookie_hinweis p {margin: 0;font-size: 0.8em;}
.cookie_hinweis button {font-size: 0.99em;}

/*******************************************************
******* FOOTER
*******************************************************/

div#footer {
  height: 40px;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color:#E2001A;
  z-index: 1000;
  background-image: url(../../grafik/bg_footer.gif);
  padding-left: 132px;
}

div#footer a {color: #E2001A;}