@charset "UTF-8";

@font-face
{
  font-family: DINWeb-Medium;
  src: url("../fonts/DINWeb-Medium.eot");
}

/* then for WOFF-capable browsers */
@font-face
{
  font-family: DINWeb-Medium;
  src: url("../fonts/DINWeb-Medium.woff") format("woff");
}

@font-face
{
  font-family: DINWeb-Bold;
  src: url("../fonts/DINWeb-Bold.eot");
}

/* then for WOFF-capable browsers */
@font-face
{
  font-family: DINWeb-Bold;
  src: url("../fonts/DINWeb-Bold.woff") format("woff");
}

body
{
  background-color: #eee;
  /* font-family: DINWeb-Medium, Arial, Helvetica, sans-serif; */
}
body,td,th, tr
{
  /* background: #ccc; */
  margin:0;
  padding: 0;
  font: 100% 'DINWeb-Medium', Arial, Verdana, Tahoma, Geneva, Helvetica, sans-serif;
}


/* -------------------------------------------------------------------------- */
/* layout boxes */
/* -------------------------------------------------------------------------- */
#wrapper
{
  width: 940px;
  background-color: #fff;
  margin: 0px auto;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}

#headerBox,
#menuBox,
#contentBox,
#footerBox
{
  width: 940px;
  margin: 0;
}

#headerBox
{
  position: relative;
  height: 130px;
  padding-top: 20px;
}
#headerBox .hLeft
{
  overflow: hidden;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 370px;
  height: 98px;
  background: url(../images/anti-allergy-bg.png) no-repeat;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 32px;
}
#headerBox .hVisual
{
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 510px;
  height: 130px;
}

#menuBox
{
  position: relative;
  /* overflow: hidden; */
  height: 81px;
}

#sliderBox
{
  position: relative;
  height: 371px;
}

#contentBox
{
  min-height: 200px;
  padding-top: 12px;
}


#sliderShadow
{
  position: relative;
  width: 980px;
  height: 355px;
  margin-left: -20px;
  -webkit-box-shadow: 0 12px 10px -5px #aaa;
     -moz-box-shadow: 0 12px 10px -5px #aaa;
          box-shadow: 0 12px 10px -5px #aaa;
}
#slider
{
  width: 980px;
  height: 355px;
  margin: 0;
  padding: 0;
}
.leftUnoslide
{
  position: relative;
  top: 0px;
  left: 0px;
}
.rightUnoslide
{
  position: relative;
  float: right;
}
.rightUnoslideHl
{
  position: absolute;
  top: 0px;
  left: 0px;
  color: #00afd3;
  /*
  font-size: 28pt;
  line-height: 33pt;
  */
  font-size: 23.5pt;
  line-height: 27.5pt;
  margin: 0;
  padding: 0;
}
.rightUnoslideText,
.rightUnoslideText2
{
  position: absolute;
  top: 134px;
  left: 0px;
  color: #00afd3;
  font-size: 14pt;
  line-height: 20pt;
  margin: 0;
  padding: 0;
}
.rightUnoslideText2
{
  top: 154px;
}
.rightUnoslideLink
{
  position: absolute;
  top: 270px;
  left: 0px;
  color: #000;
  font-size: 11pt;
  line-height: 15pt;
  margin: 0;
  padding: 0;
}

.rightUnoslideLinkGzG
{
  position: relative;
  float: right;
  width: 460px;
  color: #000;
  font-size: 11pt;
  line-height: 15pt;
  margin: 0;
  margin-top: 24px;
  padding: 0;
}


/* -------------------------------------------------------------------------- */
/* common text styles */
/* -------------------------------------------------------------------------- */
.uc
{
  text-transform: uppercase;
}
.right
{
  text-align: right;
}
.left
{
  text-align: left;
}
.center
{
  text-align: center;
}


/* -------------------------------------------------------------------------- */
/* specific colours */
/* -------------------------------------------------------------------------- */

/* Thomas colours */
.thomasAA
{
  color: #00afd3;
}
.thomasPaF
{
  color: #ef7c00;
}
.thomasMC
{
  color: #80215c;
}
.thomasBlue
{
  color: #0094cd;
}
.thomasIcons
{
  color: #547483;
}
.thomasError
{
  color: #c5141c;
}


/* -------------------------------------------------------------------------- */
/* specific text styles */
/* -------------------------------------------------------------------------- */
.at /* habets 13-06-2013 */
{
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#contentBox strong
{
  font-family: 'DINWeb-Bold', Arial, Verdana, Tahoma, Geneva, Helvetica, sans-serif;
  font-weight: normal;
}

#headerBox .hLeft p
{
  font-size: 20px;
  line-height: 24px;
  color: #fff;
  margin: 0;
  padding: 0;
}
#headerBox .hLeft p.twoLiner
{
  padding-top: 12px;
}

p, /* habets 13-06-2013 */
.box_410 ul li,
.box_510 ul li,
.box_410 ol li,
.box_510 ol li
{
  font-size: 11pt;
  line-height: 15pt;
}
.box_410 ul li,
.box_510 ul li
{
  line-height: 18pt;
}
p.small
{
  font-size: 10pt;
  line-height: 15pt;
}
.box_410 ul,
.box_510 ul,
.box_410 ol,
.box_510 ol
{
  margin-left: 0;
  padding-left: 2px;
}
.box_410 ul li,
.box_510 ul li
{
  list-style: none;
  background: url(../images/bullet.gif) 0px 7px no-repeat;
  padding-left: 14px;
}
.box_410 ol,
.box_510 ol
{
  padding-left: 25px;
}
.box_410 ol li,
.box_510 ol li
{
  padding-left: 6px;
}

.box_410 ul.equipment
{
  list-style: none;
  margin: 0;
  margin-bottom: 30px;
  padding: 0;
}
.box_410 ul.equipment li,
.box_410 ul.equipment li.right
{
  float: left;
  width: 200px;
  list-style: none;
  font-family: 'DINWeb-Bold', Arial, Verdana, Tahoma, Geneva, Helvetica, sans-serif;
  text-align: left;
  background: none;
  margin: 0;
  padding: 0;
  padding-right: 10px;
  padding-bottom: 25px;
}
.box_410 ul.equipment li.right
{
  padding-right: 0!important;
}

.box_510Details p
{
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

h1, h2, h3
{
  text-transform: uppercase;
}
h1
{
  color: #0094cd;
}
h2
{
  color: #0094cd;
}
h3
{
  color: #00afd3;
}
h1 /* habets 13-06-2013 */
{
  font-size: 28pt;
  line-height: 33pt;
	margin-top: 0;
	margin-bottom: 10px;
} 
h2 /* habets 13-06-2013 */
{
  font-size: 20pt;
  line-height: 24pt;
}
h3 /* habets 13-06-2013 */
{
  line-height: 20pt;
	font-size: 14pt;
}

.lh5
{
  line-height: 5px;
  margin: 0;
  padding: 0;
}

.techImg
{
  float: right;
  padding-top: 20px;
}

.gzg
{
  font-size: 17pt;
  line-height: 22pt;
}
.gzgLarge
{
  text-transform: uppercase;
  color: #00afd3;
  font-size: 20pt;
  line-height: 24pt;
  font-weight: bold;
}
.gzgLink
{
  z-index: 1000;
  text-transform: uppercase;
  font-size: 15pt;
}
.gzgImg
{
  float: left;
  display: block;
  /* margin: 10px 0px 0px 0px; */
  /* margin: 0px 0px 0px 29px; */
  /* margin: 10px 0px 0px 29px; */
  margin: 10px 0px 0px 20px;
  /* margin: 31px 0px 0px 71px; */
  /* margin: 23px 0px 0px 367px; */
  padding: 0;
  border: none;
}


/* -------------------------------------------------------------------------- */
/* specific AQUA+ styles (superscript of + sign) */
/* -------------------------------------------------------------------------- */
span.sup
{
  vertical-align: top;
}
span.sup2
{
  vertical-align: super;
}
span.supTextHeader,
span.supTextMenu,
span.supText,
span.supTextH1,
span.supTextH2,
span.supTextBox
{
 vertical-align: 5px;
 line-height: 0px;
}
span.supTextMenu
{
 vertical-align: 3px;
}
span.supText
{
 vertical-align: 3px;
}
span.supTextH1
{
  vertical-align: 8px;
}
span.supTextH2
{
  vertical-align: 6px;
}
span.supTextBox
{
 vertical-align: 1px;
}


/* -------------------------------------------------------------------------- */
/* content boxes */
/* -------------------------------------------------------------------------- */
.box_410 /* habets 13-06-2013 */
{
	float: left;
  width: 410px;
	margin-right: 20px;
}
.box_510, /* habets 13-06-2013 */
.box_510Tech,
.box_510Details
{
	float: left;
	width: 510px;
	margin-bottom: 30px;
}
.box_510Tech
{
  margin-bottom: 0px;
}


/* -------------------------------------------------------------------------- */
/* specific link styles */
/* -------------------------------------------------------------------------- */
a
{
  color: #00afd3;
  text-decoration: none;
  outline: 0;
}
a:hover
{
  text-decoration: underline;
  outline: 0;
}
img
{
  border: 0;
}

.box_410_link
{
  margin-top: 16px;
  display: block;
  text-align: center;
  text-transform: uppercase;
  line-height: 20pt;
	font-size: 14pt;
}


/* -------------------------------------------------------------------------- */
/* specific grouping styles */
/* -------------------------------------------------------------------------- */
hr, hr.tech
{
  margin-top: 40px;
  margin-bottom: 40px;
  clear: left;
  height: 1px;
  color: #00afd3;
  background-color: #00afd3;
  border: none;
}
hr.tech
{
  margin-top: 30px;
  margin-bottom: 30px;
}

.bottom0
{
  margin-bottom: 0;
  padding-bottom: 0;
}
.bottom10
{
  margin-bottom: 10px;
  padding-bottom: 0;
}
.top0
{
  margin-top: 0;
  padding-top: 0;
}
.top0im
{
  margin-top: 0!important;
  padding-top: 0!important;
}
.top4
{
  margin-top: 0px;
  padding-top: 4px;
}

img.fll
{
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
img.flr
{
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
}

.floatLeft
{
  float: left;
}
.floatRight
{
  float: right;
}


/* -------------------------------------------------------------------------- */
/* box with 6 icons */
/* -------------------------------------------------------------------------- */
.box_6-icons,
.box_6-iconsTech,
.box_6-iconsTechDHA
{
  float: left;
  text-align: center;
  padding: 5px;
  width: 15.6%;
  margin-top: 15px;
}
.box_6-iconsLast
{
  padding-right: 0px;
}
.box_6-iconsTech
{
  width: 147px;
}
.box_6-iconsTechDHA
{
  text-align: left;
  width: 157px;
  padding-left: 10px;
  padding-top: 5px;
}
span.box_6-links
{
  display: block;
  margin-top: 20px;
  padding: 0;
}
a.box_6,
a.box_6 span.box_6-links,
.box_6-icons,
.box_6-iconsTech
{
  font-size: 9pt;
  line-height: 11pt;
  /*
  font-size: 10pt;
  line-height: 12pt;
  */
  color: #547483;
}


/* -------------------------------------------------------------------------- */
/* navigation menu */
/* -------------------------------------------------------------------------- */
#mainNav
{
  display: block;
  position: absolute;
  overflow: visible;
  width: 900px;
  top: 15px;
  left: 20px;
  height: 17px;
}
#mainNav ul
{
  list-style: none;
  margin: 0;
  padding: 0;
}
#mainNav li
{
  height: 17px;
  display: block;
  float: left;
  /* font-family: 'DINWeb-Bold', Arial, Verdana, Tahoma, Geneva, Helvetica, sans-serif; */
  margin: 0;
  padding: 0;
}
#mainNav li.separator
{
  width: 28px;
  height: 13px;
  line-height: 13px;
  /* font-family: 'DINWeb-Bold', Arial, Verdana, Tahoma, Geneva, Helvetica, sans-serif; */
  padding-top: 4px;
  text-align: center;
  font-size: 12px;
}
#mainNav li a
{
  display: block;
  height: 13px;
  line-height: 13px;
  /* font-family: 'DINWeb-Bold', Arial, Verdana, Tahoma, Geneva, Helvetica, sans-serif; */
  padding-top: 4px;
  text-decoration: none;
  font-size: 12px;
  text-transform: uppercase;
  color: #000000;
  /* font-weight:bold; */
}
#mainNav li span.bar
{
  position: relative;
  display: none;
  height: 6px;
  background: #0094cd;
  bottom: -8px;
}
#mainNav li span.bar_active
{
  position: relative;
  display: block;
  height: 6px;
  background: #0094cd;
  bottom: -8px;
}
@media only screen and (min-width: 1025px)
{
  #mainNav li a:hover span.bar
  {
    display: block;
  }
}

#mainNavLine
{
  position: absolute;
  top: 40px;
  left: 0px;
  width: 940px;
  height: 1px;
  background: #00afd3;
}










#gif11 {
  width: 300px;
  position: absolute;
  left: 50%;
  top: 1497px;
  margin-left: -470px;
  height: 200px;
  overflow: hidden;
  }

#gif1 {
  width: 390px;
  position: absolute;
  left: 50%;
  top: 731px;
  margin-left: -451px;
  height: 231px;
  background-color: white;
}

#gif2 {
  width: 200px;
  position: absolute;
  left: 50%;
  top: 1421px;
  margin-left: -260px;
  height: 147px;
  overflow: hidden;
  display: table-cell; 
  vertical-align: middle;
  background: url(../images/einnebeln.gif) center;
}

#gif3 {
  width: 200px;
  position: absolute;
  left: 50%;
  top: 1657px;
  margin-left: -260px;
  height: 147px;
  overflow: hidden;
  display: table-cell; 
  vertical-align: middle;
}

.box300 {
  width: 300px;
  height: auto;
  float: left;
  margin-right: 20px;
}
.box300-last {
  width: 300px;
  height: auto;
  float: left;
  margin-right: 0!important;
}

.thomasModels
{
  font-size: 13.5pt;
  line-height: 17.5pt;
}

.boximage_bild1 {
  width: 298px;
  height: 198px;
  border: 1px solid #00aecf;
  overflow: hidden;
  display: table-cell; 
  vertical-align: middle;
  background: url(../images/Thomas_ausgiessen_h200px.gif) center;
}

.boximage_bild2 {
  width: 298px;
  height: 198px;
  border: 1px solid #00aecf;
  overflow: hidden;
  display: table-cell; 
  vertical-align: middle;
  background: url(../images/aqua_anti-allergy_doc.jpg) center;
}

.boximage_bild3 {
  width: 298px;
  height: 198px;
  border: 1px solid #00aecf;
  overflow: hidden;
  display: table-cell; 
  vertical-align: middle;
  background-image: url(../images/aqua_anti-allergy_shopfinder.jpg);
  clear: both;
}
a.boximage_link
{
  display: block;
  width: 298px;
  height: 198px;
  text-decoration: none;
}
a.boximage_link:hover
{
  text-decoration: none;
}

a.boxtext
{
  display: block;
  font: bold 14px/20px arial;
  width: 290px;
  height: 30px;
  background-color: #00aecf;
  padding-top: 10px;
  padding-left: 10px;
  text-transform: uppercase;
  color: white;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  /*
  -moz-border-radius:0 0 10px 10px;
  -khtml-border-radius:0 0 10px 10px;
  */
}
a.boxtext:hover
{
  text-decoration: none;
}

.box_gif1 {
  width: 410px;
  height: 231px;
  overflow: hidden;
  display: table-cell; 
  vertical-align: middle;
  background: url(../images/Thomas_ausgiessen_410px.gif) center;
}
  
.box_gif2 {
  width: 200px;
  height: 146px;
  overflow: hidden;
  display: table-cell; 
  vertical-align: middle;
  background: url(../images/Thomas_einnebeln_h150px.gif) center;
}
 
.box_gif3 {
  width: 200px;
  height: 146px;
  overflow: hidden;
  display: table-cell; 
  vertical-align: middle;
  background: url(../images/Thomas_saugen_h150px.gif) center;
}

img.displayed {
    display: table-cell;
    margin-left: auto;
  left: -111px;
  right: -3px;
}









/* -------------------------------------------------------------------------- */
/* shop finder */
/* -------------------------------------------------------------------------- */
.round-border
{
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#input_plz
{
  border: 2px solid #00afd3;   
  width: 80px; 
  padding: 1px 5px;
}

#button_search
{
  border: 2px outset #00afd3;
  background-color: #00afd3;
  color: #fff;
  padding-left: 20px;
  padding-right: 20px;
  cursor: pointer;
}
p.formRetailer
{
  margin-top: 7px;
  margin-bottom: 15px;
}
#search_result
{
  display: none;
}


/* -------------------------------------------------------------------------- */
/* contact form */
/* -------------------------------------------------------------------------- */
form.formContact
{
  margin-top: 8px;
}
#input_name, #input_email, #textarea_message, #input_code
{
  border: 1px solid #547483;
  width: 370px;
  padding: 1px 5px;
}
#textarea_message
{
  padding: 5px;
}
#input_code
{
  width: 170px;
}
.shadow
{
  -moz-box-shadow:    inset 2px 2px 2px -2px #000000;
  -webkit-box-shadow: inset 2px 2px 2px -2px #000000;
  box-shadow:         inset 2px 2px 2px -2px #000000;
}
#textarea_message
{
  height: 150px;
}

#submit_message
{
  /*
  border: 2px outset #547483;
  background-color: #547483;
  color: #fff;
  padding-left: 20px;
  padding-right: 20px;
  */
  /* float: right; */
  width: 183px;
  height: 30px;
  line-height: 24px;
  color: white;
  background-color: #547483;
  margin-top: 10px;
  margin-right: 8px;
  border: 1px solid #547483;
  -webkit-box-shadow: 3px 3px 5px 1px #aaa;
     -moz-box-shadow: 3px 3px 5px 1px #aaa;
          box-shadow: 3px 3px 5px 1px #aaa;
  cursor: pointer;
}
p.formContact
{
  margin-top: 7px;
  margin-bottom: 7px;
}





/* -------------------------------------------------------------------------- */
/* footer */
/* -------------------------------------------------------------------------- */
.footer
{
  width: 96%;
  height: auto;
  background-color: #00afd3;
  padding: 20px;
  float: left;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
#footer h3 /* habets 13-06-2013 */
{
	margin: 0;
	padding: 0;
	font-size: 14pt;
	line-height: 5px;
}
.footer-vier {
  width: 25%;
  height: 150%;
  float: left;
}
.footer-vier strong /* habets 13-06-2013 */
 {
 
	text-transform: uppercase;
  
  /* rasc 2013-06-17 --> bold on Safari for Windows */
  /* font-weight: bold; */
  font-family: 'DINWeb-Bold', Arial, Verdana, Tahoma, Geneva, Helvetica, sans-serif;
  font-weight: normal;
	
  font-size: 16px;
	line-height: 32px;
}
.footer-vier p, /* habets 13-06-2013 */
.footer-vier a {
 	color: white;
	line-height: 20px;
	margin: 0!important;
	padding: 0!important;
}