/*
*  html5 doctor css reset | http://html5doctor.com/html-5-reset-stylesheet
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

body {
  cursor: pointer;
  position: absolute;
  overflow: hidden;
  min-width: 120px;
  width: 100%;
  min-height: 600px;
  height: 100%;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 100;
  line-height: 110%;
  color: white;
  /*text-transform: uppercase;*/
}

#container {
  overflow: hidden;
  visibility: hidden;
  min-width: 120px;
  min-height: 600px;
  width: 100%;
  height: 100%;
  background: white;
}

#banner {
  cursor: pointer;
  position: absolute;
  overflow: hidden;
  max-width: 80px;
  width: 200px;
  max-width: 800px;
  height: 1000px;
  background: white;
  /*border: 2px red solid;*/
  /*PERFORMANCE!*/
  /*-webkit-transform: translateZ(0.01px);
    -moz-transform: translateZ(0.01px);
    -ms-transform: translateZ(0.01px);
    -o-transform: translateZ(0.01px);
    transform: translateZ(0.01px);*/
  /* */
}

.bannerClass {
  position: absolute;
}

#look {
  position: absolute;
  width: auto;
  height: inherit;
}

.containerClass {
  position: absolute;
}


/* BACKGROUND */

#bg_container {
  width: 100%;
  height: 100%;
  left: 0;
  background-color: white;
}

#bg {
  width: 1000px;
  height: auto;
  left:0px;
}

/* TXT 1 */
#txt_1_container {
  width: 1px;
  height: 1px;
  left: 50%;
  /*border:1px red solid;*/
}

#txt_1_wrapper {
  width: inherit;
  height: inherit;
}

#txt_1 {
  width: 331px;
  height: auto;
  left: -165px;
  top: -165px;
  /*border:1px red solid;*/
}



/* TXT 2*/

#txt_2_container {
  width: 1px;
  height: 1px;
  left: 50%;
  /*border-left:1px red solid;*/
}

#txt_2_wrapper {
  width: inherit;
  height: inherit;
}

#txt_2_1 {
  width: 154px;
  height: auto;
  left: -190px;
  top: -125px;
}

#txt_2_2 {
  width: 354px;
  height: auto;
  left: -177px;
  top: -40px;
}

#txt_2_3 {
  width: 367px;
  height: auto;
  left: -185px;
  top: 85px;
}

#txt_2_4 {
  width: 329px;
  height: auto;
  left: -165px;
  top: 200px;
}

/* txt_3 */

#txt_3_container {
  width: 1px;
  height: 1px;
  left: 50%;
  /*border-left:1px red solid;*/
}

#txt_3_wrapper {
  width: inherit;
  height: inherit;
}

#txt_3_1 {
  width: 527px;
  height: auto;
  left: -263px;
  top: -100px;
}

#txt_3_1_small {
  width: 526px;
  height: auto;
  left: -262px;
  top: -218px;
}

#txt_3_2 {
  width: 332px;
  height: auto;
  left: -135px;
  top: 140px;
}

/* txt_4 */

#txt_4_container {
  width: 1px;
  height: 1px;
  left: 50%;
  /*border-left:1px red solid;*/
}

#txt_4_wrapper {
  width: inherit;
  height: inherit;
}

#txt_4_1 {
  width: 344px;
  height: auto;
  left: -177px;
  top: -129px;
}

#txt_4_2 {
  width: 438px;
  height: auto;
  left: -219px;
  top: -40px;
}

/* MC SUNDAE SCHOKO */

#motiv_crazypop_container {
  width: 1px;
  height: 1px;
  left: 50%;
  /*border: green solid 1px;*/
}

#motiv_crazypop_wrapper {
  width: inherit;
  height: inherit;
}

#motiv_crazypop, #motiv_crazypop_small {
  width: 1200px;
  height: auto;
  left: -567px;
  top: -200px;
  /*border: green solid 1px;*/
}

/* Fabrstörer */


#motiv_blue_container {
  width: 1px;
  height: 1px;
  left: 50%;
  /*border: green solid 1px;*/
}

#motiv_blue_wrapper {
  width: inherit;
  height: inherit;
}

#motiv_blue {
  width: 506px;
  height: auto;
  left: -253px;
  top: -261px;
}

#motiv_pink_container {
  width: 1px;
  height: 1px;
  left: 50%;
  /*border: green solid 1px;*/
}

#motiv_pink_wrapper {
  width: inherit;
  height: inherit;
}

#motiv_pink {
  width: 506px;
  height: auto;
  left: -253px;
  top: -261px;
}

#motiv_yellow_container {
  width: 1px;
  height: 1px;
  left: 50%;
  /*border: green solid 1px;*/
}

#motiv_yellow_wrapper {
  width: inherit;
  height: inherit;
}

#motiv_yellow {
  width: 506px;
  height: auto;
  left: -253px;
  top: -261px;
}

/* STOERER GOLD */

#stoerer_container {
  width: 1px;
  height: 1px;
  left: 50%;
  /*border: green solid 1px;*/
}

#stoerer_wrapper {
  width: inherit;
  height: inherit;
}

#stoerer {
  width: 214px;
  height: auto;
  left: -107px;
  top: -100px;
  /*border: red solid 1px;*/
}

/* LOGO */

#logo_container {
  width: 100px;
  min-width: 50px;
  right: 0;
}

#logo {
  width: 180px;
  height: auto;
  top: 30px;
  right: 0;
  display: block;
}

/*ICH LIEBE ES*/

#ile_container {
  width: 100%;
  height: 1px;
  left: 50%;
  top: 0;
  /*border: green solid 1px;*/
}

#ile {
  width: 126px;
  height: auto;
  left: -63px;
  top: 0px;
}


/* LEGAL LINE */

#legaline_container {
  width: 100%;
  height: 100%;
}

#legaline_wrapper {
  width: 100%;
  height: inherit;
}

#legaline {
  margin-right: 5px;
  left: 5px;
  bottom: 5px;
  color: black;
  display: inline-block;
  width: inherit;
  height: auto;
  font-size: 10px;
  line-height: 9px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  /*border: 1px green solid;*/
}

#clickThrough {
  cursor: pointer;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  opacity: 0;
  /*border: 1px solid grey;*/
  box-sizing: border-box;
  z-index: 10000;
}

.rahmen {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid grey;
  z-index: 500;
  box-sizing: border-box;
}