/*
Screen-CSS für personenkuehlung.de
Autor: Nicole Hinze
*/

/* === Farben & Co. pro Bereich === */
/* Hintergrund Bilder */
#container {background:#e7e7e7 url(../images/background/standard.jpg) center top no-repeat;}
.startseite #container {background-image:url(../images/background/start.jpg);}
.bereichArbeitsschutz #container {background-image:url(../images/background/arbeitsschutz.jpg);}
.bereichSportFreizeit #container {background-image:url(../images/background/sportfreizeit.jpg);}
.bereichGesundheit #container {background-image:url(../images/background/gesundheit.jpg);}
.bereichMilitaer #container {background-image:url(../images/background/militaer.jpg);}
/* Hintergrund Hotline-Box & Tipp-Box */
.bereichArbeitsschutz #right #hotline, .bereichArbeitsschutz .tippBox {background-color:#deac25;}
.bereichSportFreizeit #right #hotline, .bereichSportFreizeit .tippBox {background-color:#f06a36;}
.bereichGesundheit #right #hotline, .bereichGesundheit .tippBox {background-color:#0fa9ab;}
.bereichMilitaer #right #hotline, .bereichMilitaer .tippBox {background-color:#8a9720;}
/* Farben Navigation */
.navMain .bereichArbeitsschutz a.trail, .navMain .bereichArbeitsschutz .level_3 a, .navMain .bereichArbeitsschutz a:hover, .navMain .bereichArbeitsschutz span {color:#e9ad25;}
.navMain .bereichSportFreizeit a.trail, .navMain .bereichSportFreizeit .level_3 a, .navMain .bereichSportFreizeit a:hover, .navMain .bereichSportFreizeit span {color:#f06a36;}
.navMain .bereichGesundheit a.trail, .navMain .bereichGesundheit .level_3 a, .navMain .bereichGesundheit a:hover, .navMain .bereichGesundheit span {color:#0fa9ab;}
.navMain .bereichMilitaer a.trail, .navMain .bereichMilitaer .level_3 a, .navMain .bereichMilitaer a:hover, .navMain .bereichMilitaer span {color:#8a9720;}
/* Listenzeichen */
.bereichArbeitsschutz .ce_text li {background-image:url(../images/bull-arbeitsschutz.gif);}
.bereichSportFreizeit .ce_text li {background-image:url(../images/bull-sport-freizeit.gif);}
.bereichGesundheit .ce_text li {background-image:url(../images/bull-gesundheit.gif);}
.bereichMilitaer .ce_text li {background-image:url(../images/bull-militaer.gif);}
/* Hintergrund Einsatzbereich */
.bereichArbeitsschutz .bgEinsatzbereich {background:transparent url(../images/content/bg_arbeitsschutz.jpg) bottom right no-repeat;}
.bereichSportFreizeit .bgEinsatzbereich {background:transparent url(../images/content/bg_sport_freizeit.jpg) bottom right no-repeat;}
.bereichGesundheit .bgEinsatzbereich {background:transparent url(../images/content/bg_gesundheit.jpg) bottom right no-repeat;}
.bereichMilitaer .bgEinsatzbereich {background:transparent url(../images/content/bg_militaer.jpg) bottom right no-repeat;}

/* === Layout Allgemein === */
html, #wrapper {
  width:100%;
}
/*#wrapper {background:transparent url(../../images/background/start.jpg) center 120px no-repeat;}
.bereichArbeitsschutz #wrapper {background:transparent url(../../images/background/arbeitsschutz.jpg) center 120px no-repeat;}*/
div, li, a, p, td {
  font-family:Arial,sans-serif;
  text-decoration:none;
  color:#464646;
  line-height:1.5em;
  font-size:12px;
  overflow:visible;
}
#main a, #right a {
  font-weight:bold;
}
#main a:hover, #right a:hover {
  text-decoration:underline;
}
a.large {
  font-size:16px;
}
ol li {
  margin-bottom:1em;
}
.startseite #main a:hover {
  text-decoration:none;
}
.ce_text p, .ce_text ul {
  margin-bottom:1em;
}
.ce_text li {
  background:transparent url(../images/bull.gif) 0 6px no-repeat;
  padding-left:13px;
}
h1, h2, h3, h4, h5, h6 {
  color:#464646;
  margin:0; padding:0;
  font-weight:normal;
  line-height:1.1em;
}
h1, h2, h3 {
  margin:8px 0 1em 0;
  font-size:20px;
}
h3 {
  margin:1em 0 0.5em 0;
}
h4 {
  font-weight:bold;
  margin:0;
}

/* === Header === */
#header {
  margin:0 auto;
  width:990px; height:202px;
  background:transparent url(../images/background-header.jpg) top left no-repeat;
}
#ventilation-vest-logo {
  padding:20px 0 0 75px;
}
#entrak-personenkuehlung-claim {
  padding:7px 0 0 75px;
}
#deutsch-english {
  position:absolute;
  top:14px; right:9px;
  font-size:13px;
}

/* === navMain === */
.navMain {
  position:absolute;
  top:68px; left:497px;
  width:483px; height:202px;
  margin:0 auto;
}
.navMain ul {
  width:483px;
}
.navMain li {
  float:left;
  padding-right:10px;
}
.navMain a, .navMain span {
  display:block;
  background-color:transparent;
  background-position:top left;
  background-repeat:no-repeat;
  text-transform:uppercase;
  font-size:13px;
  line-height:17px;
  color:#464646;
}
.navMain .level_2 {
  position:absolute;
  top:30px; left:0;
}
.navMain .level_3 {
  position:absolute;
  top:22px;
  width:180px; height:82px;
  background-color:#ffffff;
}
.navMain .nav1 ul {left:0;}
.navMain .nav2 ul {left:100px;}
.navMain .nav3 ul {left:200px;}
.navMain .nav4 ul {left:300px;}
.navMain .nav1 a:hover
.navMain .level_3 li {
  float:none;
  height:auto !important;
  height:17px;
  padding:0;
}
.navMain .level_3 a, .navMain .level_3 span {
  font-size:12px;
  padding:6px 0 0 8px;
  width:160px;
  text-transform:none;
}
.navMain .level_3 a:hover, .navMain .level_3 span {
  text-decoration:underline;
}

/* === Container === */
#container {
  margin:-82px auto 0 auto;
  padding:90px 0 8px 0;
}
#container .containerInside {
  width:970px;
  margin:0 auto;
  background-position:top left;
  background-color:transparent;
  background-repeat:repeat-y;
  position:relative;
}
.layout-100-0 .containerInside {background-image:url(../images/background-100-0.gif);}
.layout-75-25 .containerInside {background-image:url(../images/background-75-25.gif);}
.layout-50-50 .containerInside {background-image:url(../images/background-50-50.gif);}

#main {
  min-height:400px;
  height:auto !important;
  height:400px;
}
#main .inside {
  height:100%;
}
#main {padding:0 71px;}
.layout-75-25 #main, .layout-50-50 #main {padding:0 0 0 71px;}

#main .mod_article, #right .mod_article {
  padding:11px 19px 19px 19px !important;
  padding:10px;
}
.startseite #main .mod_article, .shop #main .mod_article {
  padding:0 !important; margin:0;
}
#right, #right .inside {
  position:static;
}
#right .noPadding {
  padding:0 !important;
}
#right .inside {margin:0 71px 0 0;}
.layout-75-25 #main {margin-right:278px;}
.layout-75-25 #right {width:271px;}
.layout-50-50 #main {margin-right:489px;}
.layout-50-50 #right {width:481px;}
#right .ventFlash .mod_flash {
  margin-top:100px;
}

/* === Startseite === */
.startHeadline {
  position:absolute;
  bottom:-75px; right:110px;
}
.startHeadline .ce_text p, .startHeadline .ce_text h1 {
  color:#464646;
  float:right;
  padding:26px 0 0 0;
  margin:0;
  font-size:22px;
  line-height:24px;
  text-align:left;
}
#bereiche {
  position:relative;
  height:409px;
}
.startseite #flashstart, .startseite #bereiche {background-color:transparent;}
#bereiche .ce_text {
  position:absolute;
  width:410px; height:200px;
}
#bereiche .gesundheit {top:0; left:0; background:#0fa9ab url(../images/background-start-gesundheit.jpg) top left no-repeat;}
#bereiche .sport-freizeit {top:0; left:418px; background:#f06a35 url(../images/background-start-sport-freizeit.jpg) top left no-repeat;}
#bereiche .arbeitsschutz {top:208px; left:0; background:#deac25 url(../images/background-start-arbeitsschutz.jpg) top left no-repeat;}
#bereiche .militaer {top:208px; left:418px; background:#8a9721 url(../images/background-start-militaer.jpg) top left no-repeat;}
#bereiche .ce_text {padding:0;}
#bereiche .sport-freizeit p, #bereiche .militaer p {text-align:right;}
#bereiche p {
  padding:23px 10px;
}
#bereiche a {
  line-height:22px;
  font-weight:normal;
  font-size:12px;
}
#bereiche a.details {
  display:block;
  width:158px; height:23px;
  background:transparent url(../images/background-link-details.png) top right no-repeat;
  position:absolute;
  bottom:0;
  color:#fff;
  line-height:23px;
}
#bereiche .gesundheit a.details, #bereiche .arbeitsschutz a.details {
  left:0;
  padding-left:10px;
}
#bereiche .sport-freizeit a.details, #bereiche .militaer a.details {
  right:0;
  background-position:top left;
  padding-right:10px;
}
#bereiche strong, #ueberschrift strong {
  font-size:20px;
  text-transform:uppercase;
  font-weight:normal;
  line-height:18px;
}
#main #flashstart {
  position:absolute;
  top:-22px; left:178px;
  width:485px; height:443px;
  z-index:200;
  padding:0; margin:0;
}
#kuehlweste-shop {
  position:absolute;
  font-weight:normal;
  top:98px; left:497px;
}
#kuehlweste-shop a {
  font-size:13px;
  line-height:17px;
}
/* === Button kostenlos testen === */
#kuehlweste-testen {
  position:absolute;
  z-index:50;
  top:145px; left:860px;
}
.startseite #kuehlweste-testen {
  top:75px; left:730px;
}

/* === Button mehr Kühlwirkung === */
#teaserKuehlwirkung {position:absolute; top:-55px; left:-30px; z-index:500;}

/* === Stoerer Shop === */
#stoerer {
	position: absolute;
	top: -208px;
	left: 438px;
}

/* === Content Allgemein === */
#right #hotline {
  position:absolute;
  width:200px;
  bottom:0; right:71px;
  padding:0 !important;
}
#hotline p {
  padding:19px 0 19px 19px;
  margin:0;
}
#newsRR {
  margin-bottom:120px;
}
table {
  margin-bottom:1em;
}
td {
  padding:0 5px 1em 0;
}
td.col_0 {
  width:120px;
}

/* === News === */
#newsRR .layout_short h2, #newsListe .layout_short h2 {
  margin:0;
}

#newsRR .layout_short, #newsListe .layout_short {
  margin-bottom:1em;
}
h2 a {
  font-weight:bold;
}
#newsListe h2 a {
  font-size:20px;
  font-weight:normal;
}
.tippBox {padding:10px; margin:0;}
.tippBox p {margin-bottom:0;}



/* === Shop === */


/* === Footer === */
#footer {
  margin:0 auto;
  width:990px; height:64px;
  background:transparent url(../images/background-footer.jpg) top left no-repeat;
}
#entrak-logo {
  position:absolute;
  top:5px; right:20px;
}

/* === navService === */
.navService {
  text-align:right;
  padding:5px 190px 0 0;
  font-size:13px;
}
.navService a, .navService span, #deutsch-english a {
  text-transform:uppercase;
  font-size:13px;
  color:#464646;
}