* {
  outline: none;
}

.boxcnt a {
	zoom: 1;
	position: relative;
	color: #4964a1;
}

body {
  margin: 0px;
  font-family: Tahoma, sans-serif;
  font-size: 13px;
  color: #4964a1;
}

/* Oberer Bereich der Seite mit Welle + blauem Hintergrund */
.body-top {
  background: url(/img/bg.jpg) repeat-x #77c1f5;
}
/* Unterer Bereich der Seite mit Footer + weissem Hintergrund */
.body-bottom {
	background: url(/img/bg2.jpg) repeat-x #ffffff;
  	font-size:11px;
  	line-height:15px;
}

.pagebg {
  width: 1002px;
  margin-left: auto;
  margin-right: auto;
}
.body-top .pagebg {
  background: url(/img/bg-page.jpg) repeat-y;
}
.body-bottom .pagebg {
  background: url(/img/footer/bg.jpg) no-repeat;
}
body.home .body-bottom .pagebg {
  background: url(/img/footer/bg-home.jpg) no-repeat;
}
body.forum .body-bottom .pagebg {
  background: url(/img/footer/bg-forum.jpg) no-repeat;
}

.page {
  position: relative;
  padding: 0px 0px 0px 34px;
}
.body-top .page {
  min-height: 805px;
  height: auto !important;
  height: 805px;
}
.body-top .body-bottom .page {
	min-height: 0;
}

.footer {
	color: #4964A1;
}
.footer a {
	color: #4964A1;
}

/* Hintergr�nde der einzelnen Seiten */
body.home     .body-top .page { background: url(/img/cbg-home.jpg) no-repeat;}
body.prod     .body-top .page { background: url(/img/cbg-product.jpg) no-repeat;}
body.beratung .body-top .page { background: url(/img/cbg-normal.jpg) no-repeat;}
body.blog     .body-top .page { background: url(/img/cbg-normal.jpg) no-repeat;}
body.normal   .body-top .page { background: url(/img/cbg-normal.jpg) no-repeat;}
body.flat     .body-top .page { background: url(/img/cbg-normal.jpg) no-repeat;}
body.history  .body-top .page { background: url(/img/cbg-history.jpg) no-repeat;}

body .body-top .body-bottom .page { background: none; }

body.normal   #content { padding-top: 348px; }
body.beratung #content { padding-top: 348px; }
body.flat     #content { padding-top: 10px; }
body.history  #content { padding-top: 10px; }

#keyvisual {
  position: absolute;
  top: 161px;
  left: 667px;
  width: 318px;
  height: 337px;
  overflow: hidden;
}
#keyvisual .kvimg { position: absolute; top: 0px, left: 0px; z-index: 1; }
#keyvisual .kvovl { position: absolute; top: 0px, left: 0px; z-index: 2; }

/* Navigation */
#mainnav {
  position: relative;
  height: 154px;
  z-index: 1500;
}
#mainnav #navlogo {
  position: absolute;
  top: 18px;
  left: -4px;
}
#mainnav #navbar {
  position: absolute;
  top: 40px;
  left: 160px;
  width: 775px;
  height: 54px;
  min-height: 54px;
  background: url(/img/nav/bar.gif) no-repeat;
}
#mainnav #navbar .navitem { position:absolute; top:7px; z-index:2000;}

#mainnav #navbar .navimg { display:block; }

#mainnav #navbar .navimg img { display:block; }
#mainnav #navbar .navimg.navact img { margin-top: -37px; }
#mainnav #navbar .navimg:hover img { margin-top: -37px; }

#mainnav #navbar .navsubimg { display:block;}
#mainnav #navbar .navsubimg:hover { margin-left:-186px; }
#mainnav #navbar .navsubimg img { display:block; }

/* Einzelne Zust�nde der Hauptnavigation */
body.home #mainnav #navbar { background-position: 0px -54px; }
body.prod #mainnav #navbar { background-position: 0px -108px; }
body.beratung #mainnav #navbar { background-position: 0px -162px; }
body.blog #mainnav #navbar { background-position: 0px -216px; }
body.specials #mainnav #navbar { background-position: 0px -270px; }
body.ueber #mainnav #navbar { background-position: 0px -324px; }

/* Subnavigation links */
.snimg { display: block; }
.snimg:hover { margin-left:-442px; }
.snimg.act { margin-left:-221px; }
.snimg.act:hover { margin-left:-221px; }

#leftcol {
  position: absolute;
  top: 178px;
  left: 17px;
  z-index: 1000;
}
#content {
  padding-top: 21px;
  padding-left: 243px;
}


.hasLayout {
  /* force IE to set hasLayout on elements */
  zoom:1;
}
.inlineBlock {
  display: -moz-inline-stack;
  display: inline-block;
  /* IE fixes: hasLayout + inline works as inline-block on IEs */
  zoom: 1;
  *display: inline;
}

.imghead {
  display: block;
  padding-top: 14px;
  padding-bottom: 4px;
}
.imgsubhead {
  display: block;
}

/** Flash Headlines */
#headbox {
  position: absolute;
  top:178px;
  left:276px;
  z-index:100;
}

/* Content-Boxen */
.box {
  position:relative;
  width:705px;
  height:auto;
  min-height: 80px;
  height: auto !important;
  height: 80px;
  margin-left: -9px;
}
.box .boxtop {
  position:absolute;
  top:0px;
  left:0px;
  width: 705px;
  height: 40px;
  z-index:1;
}
.box .boxbtm {
  position:absolute;
  bottom:0px;
  left:0px;
  width: 705px;
  height: 40px;
  z-index:1;
}
.box .boxbtm img {
  display: block;
}
.box div.boxmdl {
  position:absolute;
  top:40px;
  bottom:40px;
  left:0px;
  width:705px;
  height:auto;
  z-index:1;
}
.box div.boxcnt {
  position:relative;
  padding:34px 30px 20px 32px;
  line-height: 19px;
  z-index:2;
  zoom:1;
}
/** Weisse Box */
.box.white .boxtop { background:url(/img/box/box-top.png) no-repeat; }
.box.white .boxbtm { background:url(/img/box/box-bottom.png) no-repeat; }
.box.white .boxmdl { background:url(/img/box/box-middle.png) repeat-y; }
/** Blaue Box */
.box.blue .boxtop { background:url(/img/box/blue-top.png) no-repeat; }
.box.blue .boxbtm { background:url(/img/box/blue-bottom.png) no-repeat; }
.box.blue .boxmdl { background:url(/img/box/blue-middle.png) repeat-y; }

/** Box-Inhalt */
.box .boxcol {
  margin-bottom: 22px;
}


/** Blog */
.blogbar {
	width:486px;
	height:26px;
	background:url(/img/blog/bar.gif) no-repeat;
	font-size:11px;
	color:#254290;
	line-height:24px;
	vertical-align:center;
}
.blogbar a {
	color:#254290;
}
.blogcmt .num {
	position:absolute;
	top: 20px;
	left: 10px;
	width: 20px;
	text-align: right;
}
.blogcmt .row1 {
	position: relative;
	width: 500px;
	background: #e3f4fc;
	padding: 20px 40px;
}
.blogcmt .row0 {
	position: relative;
	width: 500px;
	background: #FFF;
	padding: 20px 40px;
}



/** Liste Geheimtipps / Rituale */
div.tipp1 {
	background: #e3f4fc;
	padding: 20px 20px;
}
div.tipp0 {
	background: #ffffff;
	padding: 20px 20px;
}