* {
   margin: 0;
   padding: 0;
}

html, body {
   text-align: center; /*IE*/
}

body {
  background-color: #9ea5b1;
  background-image: url(../images/bg_gradient.png); 
  background-repeat: repeat-x;
  color: #777777;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

p {
   margin: 10px 0 10px 0;
}

img {
   border: 0 none;
   
}

a {
   color: #295699;  
   text-decoration: underline; 
}

a:active { }
a:link { }
a:visited { }
a:hover { }

h1 {
   color: #295699;
   font-size: 11px;
   margin-bottom: 20px;
}

h2 {
   color: #295699;
   font-size: 11px;
   margin: 10px 0 10px 0;
}

table {
  border: 0 none;
  border-collapse: collapse;
  border-spacing: 0;
}

strong.blue {
   color: #295699;
}

/* Listen */

ul.standard {
  list-style-image: url(../images/bullet.gif);
  margin-left: 20px;
}

ul.standard li {
   margin: 10px 0 10px 0;
   vertical-align: middle;
}

/* Inhalt */

div.page {
   position: relative;
   text-align: left;
   margin: 50px auto 50px auto;
   width: 780px;
}

div.main {
   background-color: #e0e0e0;
   margin-top: 20px;
   width: 780px;
}

div.leftcolumn {
   float: left;
   background-color: #ffffff;
   line-height: 20px;
   width: 580px;
}

div#content-unternehmen,
div#content-leistungen,
div#content-kontakt,
div#content-impressum
{
   min-height: 500px;
   background-color: #ffffff;
}
div#content-start {
   background-color: #ffffff;
   min-height: 410px;
}
div#content-philosophie {
   background-color: #ffffff;
   min-height: 312px;
}

div#content-beimfriseur,
div#content-imlabor,
div#content-durchdud {
   background-color: #ffffff;
   min-height: 680px;
}

div#content-sortimente {
  min-height: 680px;
}


div.content-gutter {
   background-color: #ffffff;
   padding: 40px;
   padding-top: 39px;
}

div.floatclear {
   clear: both;
}

h1.text {
   color: #000000;
   display: inline;
   font-size: 11px;
   margin: 0;
}

h2.inline-text {
  display: inline;
  margin: 0;
}

/* --- Metaheader ------------------------------------------------------------*/
/*
div.metaheader {
   background-color: #ffffff;
   background-image: none;
   color: #003366;
   font-weight: bold;
   height: 14px;
   padding: 4px 0 4px 20px;
}

div.metaheader h1 {
   color: #000000;
   font-size: 11px;
   font-weight: bold;
}*/

/* --- Header ----------------------------------------------------------------*/

div.header, div.logo, div.headbar {
   height: 110px;
   overflow: hidden;
}

div.header {
   background-image: url(../images/header_bg.png); 
   background-repeat: repeat-x;
   /*margin-top: 20px;*/
   position: relative;
   white-space: nowrap;
}

div.logo {
   background-color: #ffffff;
   overflow: hidden;
   position: absolute;
   width: 200px;
}

div.logo img {
   margin: 12px 0 0 20px;
}

div.headerbar {
   left: 200px;
   position: absolute;
   text-align: right;
   vertical-align: middle;
   width: 580px;
}
div.headerbar img {
   margin: 0 40px 0 0;
}

/* --- Navigation ------------------------------------------------------------*/

div.navi {
   background-color: #e0e0e0;
   float: left;
   height: 100%;
   margin-top: 28px;
   width: 200px;
} 

div.navi-gutter {
   padding: 0px;
   height: 100%;
}

ul.navi {
   margin-top: 0px;
   text-align: left;
}

ul.navi li {
   /*height: 40px;*/
   display: block;
   list-style: none;
   vertical-align: middle;
   white-space: nowrap;
   width: 200px;
}

a.navilink-gutter {
   padding: 14px 0px 13px 20px;
}

/* --- Links --- */

ul.navi a {
   color: #295699; 
   display: block;
   font-weight: bold; 
   text-decoration: none; 
}
ul.navi li.first a {
}

ul.navi a div.stripe {
   background-color: transparent;
   height: 0px;
}

ul.navi a:active {}
ul.navi a:link {}
ul.navi a:visited {}
ul.navi a:hover { background-color: #999999; color: #ffffff; }

/* Subnavi */
ul.navi li.sub {
   background-color: #cccccc;
}

ul.navi li.sub a {
    display: block;
    background-image: url(../images/box.png);
    background-repeat: no-repeat;
    background-position: 20px center;
    padding-left: 30px;
}
ul.navi li.sub a:hover {
    background-image: url(../images/boxwhite.png);
}

/* Position */
ul.navi a.pos {
   background-color: #999999; 
   color: #ffffff; 
   font-weight: bold; 
   text-decoration: none; 
}

ul.navi li.sub a.pos {
   background-image: url(../images/boxwhite.png);
}

/*ul.navi a.pos div.stripe {
   background-color: #295699; 
}*/

/* --- Footer ----------------------------------------------------------------*/

div.footer, div.language, div.impressum {
   height: 20px;
}

div.footer {
   background-color: #295699; 
   /*background-image: url(../images/blue_bar.png);*/
   background-repeat: repeat-x;
   height: 20px;
   letter-spacing: normal;
   line-height: normal;
   position: relative;
   text-align: left;
}

div.language {
   padding: 3px 0 0 40px;
   position: absolute;
   width: 250px;
}

div.impressum {
   left: 300px;
   padding: 3px 40px 0 0;
   position: absolute;
   text-align: right;
   width: 240px;
}

/* --- Footer-Links --- */

div.footer a {
   color: #FFFFFF; 
   font-weight: bold; 
   text-decoration: none; 
}
div.footer a:active {}
div.footer a:link {}
div.footer a:visited {}
div.footer a:hover {}

/* --- Produktseiten (Sortimente) --------------------------------------------*/

div.produktblock {
   position: relative;
   margin-bottom: 20px;
}

div.produktblock-bild {
   left: 300px;
   position: absolute;
   text-align: right;
   top: 35px;
   width: 200px;
}

div.produktblock-text {
   margin-bottom: 10px;
   margin-right: 160px;
   margin-top: 0;
}

div.produktblock-text h2 {
   margin-top: 0;
}


div.produktblock-link {
   left: 367px;
   position: absolute;
   text-align: right;
}

#english div.produktblock-link {
   left: 350px;
   text-align: left;
}

div.produktblock-link a {
   text-decoration: none;
}

/* Link-Pfeil */
div.produktblock-link img {
   margin: 2px 4px 2px 0;
}

/* --- Produkttabelle --- */

div.produkttabelle-container {
   margin-top: 20px;
}

div#scrollContainer {
   height: 300px;
   overflow: hidden;
}

div#produkttabelleFrame {   
  /* overflow: hidden;*/
}

table.produkttabelle td {
   text-align: right;
   vertical-align: middle;
}

table.produkttabelle div.td-gutter {
   padding: 0px 6px 0px 2px;
}

table.produkttabelle tr.header {
   color: #e0e0e0;
   background-color: #999999;
   font-weight: bold;
   margin-top: 10px;
}
table.produkttabelle tr.zeile-typ1 {
   background-color: #e0e0e0;
   height: 20px;
}
table.produkttabelle tr.zeile-typ2 {
   background-color: #cccccc;
   height: 20px;
}

/* Beim Friseur */
table.produkttabelle td.dicke_a { width: 87px; }
table.produkttabelle td.ausfuehrung_a { width: 110px; }
table.produkttabelle td.breite_a { width: 87px; }
table.produkttabelle td.laenge_a { width: 88px; }
table.produkttabelle td.inhalt_a { width: 88px; }
/* Durch dick und dünn */
table.produkttabelle td.dicke_c { width: 115px; }
table.produkttabelle td.breite_c { width: 115px; }
table.produkttabelle td.laenge_c { width: 115px; }
table.produkttabelle td.inhalt-qm { width: 115px; }
/* Im Labor */
table.produkttabelle td.dicke_b { width: 88px; }
table.produkttabelle td.breite_b { width: 88px; }
table.produkttabelle td.laenge_b {  width: 88px; }
table.produkttabelle td.inhalt-labobox { width: 98px; }
table.produkttabelle td.inhalt-4erpack { width: 98px; }


/* --- Startseite ------------------------------------------------------------*/

ul.aluliste {
  list-style: none; 
  white-space: nowrap;
  width: 500px;
}

ul.aluliste li {
   display: inline;
   white-space: nowrap;
}

ul.aluliste li span,
ul.aluliste li h1 {
   display: block;
   float: left;
   font-size: 11px;
   margin: 0;
   padding: 0;
   white-space: nowrap;
   text-align: center;
   vertical-align: bottom;
}

ul.aluliste li.first span,
ul.aluliste li.first h1 { 
   text-align: left; 
}
ul.aluliste li.last span,
ul.aluliste li.last h1 { 
   text-align: right; 
}

ul.aluliste li span {
   text-align: center;
}

/*ul.aluliste li img {
   margin-bottom: 2px;
}*/

/* --- Links --- */

a.black {
   color: #777777; 
   font-weight: normal; 
   text-decoration: none; 
}
a.black:active {}
a.black:link {}
a.black:visited {}
a.black:hover {}

/* --- Leistungen ------------------------------------------------------------*/

table.leistungen {}

table.leistungen td {
   padding: 0 16px 16px 16px;
   vertical-align: top;
}

/* --- Laufband --------------------------------------------------------------*/

div.laufband {
   background-image: url(../images/laufband.jpg);
   background-repeat: repeat-x;
   height: 90px;
   overflow: hidden;
   position: relative;
}

div.laufband img {
   position: absolute;
}

/* --- Scrollbar -------------------------------------------------------------*/

#scrollBar {
   /*background-color: #295699;*/
   float:right;
   height:300px;
   /*margin-left:0px;*/
   width:11px;
}

#scrollUp {
   background-image:url(../images/up.gif);
   background-position:center top;
   background-repeat:no-repeat;
   cursor:pointer;
   height:10px;
   position:relative;
   width:11px;
}

#scrollDown {
   background-image:url(../images/down.gif);
   background-position:center bottom;
   background-repeat:no-repeat;
   cursor:pointer;
   height:10px;
   position:relative;
   width:11px;
}

#sliderTrack {
   height:280px;
   position:relative;
   width:11px;
}

#sliderHandle {
   background-color:#295699;
   cursor:pointer;
   height:30px;
   position:relative;
}

.TB_grau {
	width: 360px;
	border: 1px solid #777777;
}

.TB_message {
	width: 360px;
	height: 100px;
	border: 1px solid #777777;
}

input.senden {
   background-color: #9ea6ab;
   border: 1px solid #4b4b4b;
   color: #ffffff;
   height: 18px;
   text-align: center;
   vertical-align: middle;
   width: 80px;
}