html {background-color: #FFF;/*background-image: url(../grafik/bg_red.gif);background-repeat: repeat-x;background-position: left 139px;*/}
body{width: 100%;margin: 0;padding: 0;font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;font-size: 0.9em;line-height: normal;color: #000;font-weight: 400;background-image: url(../grafik/bg_body_.gif);background-repeat: no-repeat;background-position: right top;}
div {position: static;margin: 0;padding: 0;background: transparent;}
a:link,a:visited,a:hover,a:active,a:focus {color: #E60005;font-weight: 400;outline: none;text-decoration: none;}
p {margin: 0 0 1em 0;padding: 0;}
h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0;font-size: 1em;font-weight: normal;}
img {border: 0;}
ol {margin: 0;padding: 0 0 0 25px;}
ul {margin: 0;padding: 0 0 0 15px;}
li {margin: 0;padding: 4px;}
li.li-pfeil {margin: 0;padding: 0 0 10px 0;list-style-image: url(../grafik/li.gif);font-weight: bold;}
.leer {}
form,input,textarea,select,label {font-size: 1em;}
form,input,textarea,label {margin: 0;padding: 0;}
select {margin-top: 1px;}
.float-aufheben, .clear-float {display: block;width: 1px;height: 1px;line-height: 1px;font-size: 1px;clear: both;}
.klein {font-size: 10px;}
.hervorheben {font-weight: bold;}
.hinweis {font-size: .8em;}
.popup-hinweis {font-size: .55em;}
.script-hinweis {font-size: .8em;color: #FFFFFF;}
.zitat {font-style: italic;}
.unsichtbar {position: absolute;display: block;left: -3000px;width: 1px;height: 1px;margin: 0;padding: 0;font-size: 1px;line-height: 1px;}
.hidden{display: none;}
th, td {text-align: left;vertical-align: top;}

/*
CUSTOM
*/

div#document {
	margin: 0 auto 0 auto;padding: 0;width: 990px;
}




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


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

div#kopf-left {
  width: 445px;
  float: left;
}

div#kopf-right {
  width: 435px;
  float: left;
}

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

img#main_bild {
  width: 414px;
  height: 193px;
  margin: 0 0 0 32px;
}

img#grafik_adresse {
	position: absolute;
  /*width: 344px;
  height: 124px;*/
  margin: 10px 0 0 95px;
}


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

div#koerper {
  position: relative;
  width: 880px;
  margin: 0 0 60px 0;
  background-image: url(../grafik/bg_koerper.gif);
  background-repeat: no-repeat;
  background-position: top right;
}


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

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

div#menu a {
	font-family: 'Courier New', serif;
	font-size: 1.8em;
	font-weight: bold;
  margin: 0 16px 0 16px;
  color: #000;
  text-transform: uppercase;
}

div#menu a.ohne_left {
  margin: 0 16px 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;
}

div#menu-flagge {
	position: absolute;
	margin: -45px 0 0 836px;
}

/*******************************************************
******* ÜBERSCHRIFT
*******************************************************/
  
div#ueberschrift {
	width: 714px;
  padding: 8px 0 7px 31px;
  margin: 18px 0 40px 0;
  background-image: url(../grafik/ueberschrift.gif);
  background-repeat: repeat-y;
  background-color: #E7E7E7;
}

div#ueberschrift h1 {
  color: #E0000A;
  font-weight: bold;
  font-size: 28px;
	font-family: 'Courier New', serif;
}

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 31px;
  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.5em;
  line-height: 1.6em;
}

div#mehr-erfahren {
	width: 414px;
  padding: 8px 0 7px 31px;
  margin: 48px 0 40px -31px;
  background-image: url(../grafik/ueberschrift.gif);
  background-repeat: repeat-y;
  background-color: #E7E7E7;
}

div#mehr-erfahren h3 {
  color: #E0000A;
  font-weight: bold;
  font-size: 28px;
	font-family: 'Courier New', serif;
	cursor: pointer;
}

div#mehr-erfahren-inhalt {
  font-weight: normal;
  font-size: 10px;
  height: auto !important;
  padding: 10px 10px 10px 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;
  min-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;
}



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

div#footer-inner {
	position: relative;
  height: 140px;
  width: 100%;
  color: #FFF !important;
  line-height: normal;
  background-color:#E2001A;
  z-index: 2000;
  background-image: url(../grafik/bg_footer_.gif);
  background-repeat: repeat-y;
  /*background-position: center top;*/
}

div#footer-inner-left {
	margin: 12px 0 0 40px;
  width: 512px;
  font-size: 0.8em;
  float: left;
}

div#footer-inner-left a {color: #ffffff;}

div#footer-inner-right {
	margin: 12px 0 0 0;
  width: 430px;
  font-size: 0.8em;
  float: left;
}

div#footer {
	position: relative;
  height: 140px;
  width: 100%;
  background-color:#E2001A;
  z-index: 1000;
  margin: -140px 0 0 0;
}


/****************************
** NEWSLETTER POPUP
****************************/


/*PNG POSITION*/
div#newsletter {
  position: absolute;
  top: 46px;
  left: 526px;
  z-index: 100000;
}


/*NEWSLETTER SEINE*/

body.newsletter_popup {
  background-image: url(http://www.krier-aus-trier.de/grafik/bg_newsletter.gif);
  background-repeat: repeat-x;
  background-color: #00ADEF;
}

div#document_popup_newsletter {
  margin: 68px 0 0 30px;
  width: 365px;
}

img.newsletter_ueberschrift {
  margin: 0 0 60px 0;
}

input.submitbutton {
  border: 2px solid #ffffff;
  padding: 2px;
  margin: 0 0 0 150px;
  width: 150px;
  color: white;
  background-color: #00ADEF;
}


/****************************
** GUTSCHEIN POPUP
****************************/

/*PNG POSITION*/
div#gutschein {
  display: none;
  position: absolute;
  top: 135px;
  left: 140px;
  z-index: 100000;
}


div#gutschein div#anzeige {
  position: relative;
  top: -235px;
  left: 68px;
  font-family: "Courier New";
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
}


/*NEWSLETTER SEINE*/


div#document_popup_gutschein {
  position: absolute;
  top: 50px;
  left: 196px;
  z-index: 200000;
  padding: 45px 35px 45px 35px;
  width: 380px;
  height: 600px;
  display: none;
  background-image: url(http://www.krier-aus-trier.de/grafik/bg_gutschein.gif);
  background-repeat: repeat-x;  
  background-color: #86C234;
}

img.gutschein_ueberschrift {
  margin: 0 0 60px 0;
}

input.submitbutton_gutschein {
  border: 2px solid #ffffff;
  padding: 2px;
  margin: 0 0 0 150px;
  width: 150px;
  color: white;
  background-color: #86C234;
}

img#schliessen_button {
  position: relative;
  top: -160px;
  left: 370px;
}


/****************************
** GRATIS POPUP
****************************/

/*PNG POSITION*/
div#gratis-1 {
  display: block;
  position: absolute;
  top: 45px;
  left: 105px;
  z-index: 100000;
}
div#gratis-2 {
  display: block;
  position: absolute;
  top: 145px;
  left: 612px;
  z-index: 100000;
}

/*******************************************************
******* 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;}

/* Media Queries */

@media screen and (max-width: 480px) {
body {width: auto;background-image: none;}
div#document {width: auto;}
div#kopf {width: 442px;background-image: url(../grafik/bg_kopf_mob.gif);background-repeat: no-repeat;background-position: left 139px;}
div#kopf_lux {width: 442px;background-image: url(../grafik/bg_kopf_lux_mob.gif);background-repeat: no-repeat;background-position: left 139px;}
div#kopf-left {display: none;}
div#kopf-right {height: 200px;}
img#grafik_adresse {margin: 0 0 0 31px;}
div#koerper {width: auto;background-image: none;}
div#ueberschrift {margin: 60px 0 40px 0;width: 414px;}
div#main {float: none;clear: both;}
div#eyecatcher {float: none;clear: both;margin: 0 0 31px 31px;}
div#footer-inner {background-image: none;width: 100%;height: auto;padding: 10px 10px 0 0;}
div#footer-inner-left {float: none;clear: both;width: auto;margin: 0 0 31px 31px;}
div#footer-inner-right {float: none;clear: both;width: auto;margin: 0 0 0 31px;}

div#menu {width: 414px;padding: 20px 0 0 0;margin: 0 0 0 31px;}
div#menu a {margin: 0 12px 0 12px;}
div#menu a.ohne_left {margin: 0 12px 0 0;}
div#menu-flagge {margin: -115px 0 0 409px;}
div#newsletter {display: none;}
div#gratis-1 {top: 145px;left: 20px;}
}

@media screen and (max-height: 480px) {
body {width: auto;background-image: none;}
div#document {width: auto;}
div#kopf {width: 442px;background-image: url(../grafik/bg_kopf_mob.gif);background-repeat: no-repeat;background-position: left 139px;}
div#kopf_lux {width: 442px;background-image: url(../grafik/bg_kopf_lux_mob.gif);background-repeat: no-repeat;background-position: left 139px;}
div#kopf-left {display: none;}
div#kopf-right {height: 200px;}
img#grafik_adresse {margin: 0 0 0 31px;}
div#koerper {width: auto;background-image: none;}
div#ueberschrift {margin: 60px 0 40px 0;width: 414px;}
div#main {float: none;clear: both;}
div#eyecatcher {float: none;clear: both;margin: 0 0 31px 31px;}
div#footer-inner {background-image: none;width: 100%;height: auto;padding: 10px 10px 0 0;}
div#footer-inner-left {float: none;clear: both;width: auto;margin: 0 0 31px 31px;}
div#footer-inner-right {float: none;clear: both;width: auto;margin: 0 0 0 31px;}

div#menu {width: 414px;padding: 20px 0 0 0;margin: 0 0 0 31px;}
div#menu a {margin: 0 12px 0 12px;}
div#menu a.ohne_left {margin: 0 12px 0 0;}
div#menu-flagge {margin: -115px 0 0 409px;}
div#newsletter {display: none;}
div#gratis-1 {top: 145px;left: 20px;}
}