/* -----------------------------------------------------------------------------------------
   -----------------------------------------------------------------------------------------
   Chris Weinmann - Grafikbuero GEBHARD|UHL, Freiburg 
   http://www.gebharduhl.de

   Copyright (c) 2008 GEBHARD|UHL 
   -----------------------------------------------------------------------------------------
   ---------------------------------------------------------------------------------------*/

/*----------------General Rules-------------*/
* {
  margin: 0;
  padding: 0;
}
body {
  background: #fff url(../bilder/bg.gif) left top repeat-x;
  color:#000000;
  font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
  font-size:12px;
}
a {
  color:#354594;
  text-decoration: underline;
}
a:hover {
  color:#666;
  text-decoration: none;
}
.alt {
  display: none;
}
img {
  border: 0;
}
/*----------------General Rules-------------*/
/*----------------General Layout-------------*/
#wrapper {
  width:897px;
  background: transparent url(../bilder/wrapperBG.gif) top left repeat-y;
}
/*----------------Header-------------*/
#header {
  background: transparent url(../bilder/headerBG.gif) top left no-repeat;
  width:897px;
  height:59px;
}
#header h1 {
  padding:0;
  margin:0;
  width:900px;
  height:59px;
}
#header h1 a {
  padding:0;
  margin:0;
  display:block;
  width:235px;
  height:59px;
  position:absolute;
  top:0px;
  left:0px;
}
/*----------------Header-------------*/
#flashContent {
  float:left;
  display:block;
  width:241px;
  height:244px;
  overflow: hidden;
}
#mood {
  height:219px;
}
* html #mood {  /* nur fuer Internet Explorer */
  float:left;    /* Version 6 */
  height:219px;
  display:block;
}
#languageSelector {
  position:absolute;
  top:20px;
  left:780px;
  text-align:right;
}
#languageSelector img {
  padding-top:10px;
  color:#666666;
}
#languageSelector .CUR{
  background:transparent url(../bilder/arrow.gif) top center;
}
/*----------------mainNav-------------------*/
#mainNav {
  margin: 0px;
  position:absolute;
  top:278px;
  left:242px;
  display:block;
  height:25px;
  background-color:#c7c9cf;
}
* html #mainNav {
  position:relative;
  top:-5px;
  left:0;
  float:left;
}
#mainNav ul {
  list-style-type: none;
}
#mainNav ul li {
  list-style-type: none;
  display:inline;
}
#mainNav .mainNav li a {
  display:block;
  float:left;
  text-indent:-9999px;
  width: 125px;
  height: 25px;
}
#mainNav ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* Hides from IE-mac \*/
* html #mainNav ul {
  height: 1%;
}
/* End hide from IE-mac */
/*deutsch*/
#mainNav ul li a.de_unternehmen {
  background: transparent url(../bilder/de_unternehmen.gif) no-repeat left top;
}
#mainNav ul li a.de_unternehmen:hover, #mainNav ul li a.de_unternehmenActive {
  background: transparent url(../bilder/de_unternehmen.gif) no-repeat 0 -25px;
}
#mainNav ul li a.de_leistungen {
  background: transparent url(../bilder/de_leistungen.gif) no-repeat left top;
}
#mainNav ul li a.de_leistungen:hover, #mainNav ul li a.de_leistungenActive {
  background: transparent url(../bilder/de_leistungen.gif) no-repeat 0 -25px;
}
#mainNav ul li a.de_produkte {
  background: transparent url(../bilder/de_produkte.gif) no-repeat left top;
}
#mainNav ul li a.de_produkte:hover, #mainNav ul li a.de_produkteActive {
  background: transparent url(../bilder/de_produkte.gif) no-repeat 0 -25px;
}
#mainNav ul li a.de_qualitaet {
  background: transparent url(../bilder/de_qualitaet.gif) no-repeat left top;
}
#mainNav ul li a.de_qualitaet:hover, #mainNav ul li a.de_qualitaetActive {
  background: transparent url(../bilder/de_qualitaet.gif) no-repeat 0 -25px;
}
#mainNav ul li a.de_kontakt {
  width:155px;
  background: transparent url(../bilder/de_kontakt.gif) no-repeat left top;
}
#mainNav ul li a.de_kontakt:hover, #mainNav ul li a.de_kontaktActive {
  width:155px;
  background: #fff url(../bilder/de_kontakt.gif) no-repeat 0 -25px;
}
/*englisch*/
#mainNav ul li a.en_company {
  background: transparent url(../bilder/en_company.gif) no-repeat left top;
}
#mainNav ul li a.en_company:hover, #mainNav ul li a.en_companyActive {
  background: transparent url(../bilder/en_company.gif) no-repeat 0 -25px;
}
#mainNav ul li a.en_services {
  background: transparent url(../bilder/en_services.gif) no-repeat left top;
}
#mainNav ul li a.en_services:hover, #mainNav ul li a.en_servicesActive {
  background: transparent url(../bilder/en_services.gif) no-repeat 0 -25px;
}
#mainNav ul li a.en_products {
  background: transparent url(../bilder/en_products.gif) no-repeat left top;
}
#mainNav ul li a.en_products:hover, #mainNav ul li a.en_productsActive {
  background: transparent url(../bilder/en_products.gif) no-repeat 0 -25px;
}
#mainNav ul li a.en_quality {
  background: transparent url(../bilder/en_quality.gif) no-repeat left top;
}
#mainNav ul li a.en_quality:hover, #mainNav ul li a.en_qualityActive {
  background: transparent url(../bilder/en_quality.gif) no-repeat 0 -25px;
}
#mainNav ul li a.en_contact {
  width:155px;
  background: transparent url(../bilder/en_contact.gif) no-repeat left top;
}
#mainNav ul li a.en_contact:hover, #mainNav ul li a.en_contactActive {
  width:155px;
  background: #fff url(../bilder/en_contact.gif) no-repeat 0 -25px;
}
/*französisch*/
#mainNav ul li a.fr_entreprise {
  background: transparent url(../bilder/fr_entreprise.gif) no-repeat left top;
}
#mainNav ul li a.fr_entreprise:hover, #mainNav ul li a.fr_entrepriseActive {
  background: transparent url(../bilder/fr_entreprise.gif) no-repeat 0 -25px;
}
#mainNav ul li a.fr_performances {
  background: transparent url(../bilder/fr_performances.gif) no-repeat left top;
}
#mainNav ul li a.fr_performances:hover, #mainNav ul li a.fr_performancesActive {
  background: transparent url(../bilder/fr_performances.gif) no-repeat 0 -25px;
}
#mainNav ul li a.fr_produits {
  background: transparent url(../bilder/fr_produits.gif) no-repeat left top;
}
#mainNav ul li a.fr_produits:hover, #mainNav ul li a.fr_produitsActive {
  background: transparent url(../bilder/fr_produits.gif) no-repeat 0 -25px;
}
#mainNav ul li a.fr_qualite {
  background: transparent url(../bilder/fr_qualite.gif) no-repeat left top;
}
#mainNav ul li a.fr_qualite:hover, #mainNav ul li a.fr_qualiteActive {
  background: transparent url(../bilder/fr_qualite.gif) no-repeat 0 -25px;
}
#mainNav ul li a.fr_contact {
  width:155px;
  background: transparent url(../bilder/fr_contact.gif) no-repeat left top;
}
#mainNav ul li a.fr_contact:hover, #mainNav ul li a.fr_contactActive {
  width:155px;
  background: #fff url(../bilder/fr_contact.gif) no-repeat 0 -25px;
}

/*----------------mainNav-------------------*/
/*----------------content Layout-------------------*/
#contentWrap {
  clear:both;
  margin-top:0;
  padding-top: 35px;
  display: table;
}
* html #contentWrap {
  margin-top:30px;
}
#wrap {
  display: table-row;
}
#left, #middle, #right {
  display: table-cell;
  vertical-align: top;
}
* html #wrap, * html #footer {
  height: 0.1em;
}
*+html #wrap, *+html #footer {
  min-height: 0.1em;
}
*+html #wrap {
  overflow: hidden;
}
* html #left, * html #middle, * html #right {
  margin-bottom: -10000px;
  padding-bottom: 10000px;
  float: left;
}
*+html #left, *+html #middle, *+html #right {
  margin-bottom: -10000px;
  padding-bottom: 10000px;
  float: left;
}
#middle {
  background-color:#e3e3e4;
  width:654px;
  border-left:1px solid #cccccc;
}
embed {
        margin-left: 20px;
}
/*----------------content Layout-------------------*/
/*----------------subNav-------------------*/
#left {
  width:241px;
}
#left .subNav {
  background-color:#9db7d9;
  padding:10px;
  list-style:none;
}
#left .subNav li {
  margin-bottom:9px;
}
#left .subNav li a {
  color:#ffffff;
  display:block;
  width:215px;
  height:35px;
  line-height:35px;
  text-indent:15px;
  text-decoration:none;
}
#left .subNav li a:hover, #left .subNav li a.Active {
  background: url(../bilder/subNavHover.gif) top left no-repeat;
  text-decoration:none;
}
/*----------------subNav-------------------*/
/*----------------footer-------------------*/
#footer {
  background: #c7c9cf url(../bilder/footerBG.gif) top left no-repeat;
  padding-left:241px;
  text-align:right;
  padding-right:10px;
  height:25px;
  line-height:25px;
}
#footer p {
  color:#fff;
}
/*----------------footer-------------------*/
/*----------------textImage-------------------*/
.textImageContainer {
  clear:both;
  display: table;
  width:100%;
  background: #7f8083 url(../bilder/bg_textImage.gif) bottom left repeat-x;
  margin-top:-20px;
  margin-bottom:20px;
}
.textImageContainerWrap {
  display: table-row;
}
.textImageContainerWrap .image {
  float:left;
  width:360px;
  display: table-cell;
  vertical-align: top;
  overflow: hidden;
  background-color:#fff;
  display:block;
}
.textImageContainerWrap .text {
  color:#fff;
  width:290px;
  display: table-cell;
  vertical-align: top;
}
* html #middle .textImageContainerWrap .image, * html #middle .textImageContainerWrap .text {
  margin-bottom: -10000px;
  padding-bottom: 9994px;
  float: left;
}
*+html #middle .textImageContainerWrap .text, *+html #middle .textImageContainerWrap .image {
  margin-bottom: -10000px;
  padding-bottom: 9994px;
  float: left;
}
* html #middle .textImageContainerWrap {
  height: 0.1em;
}
*+html #middle .textImageContainerWrap {
  min-height: 0.1em;
}
*+html #middle .textImageContainerWrap {
  overflow: hidden;
}
/*----------------textImage-------------------*/
/*----------------rte Classes-------------------*/
#mainContent p {
  padding:0px 20px 0 20px;
  line-height:20px;
  margin-top:5px;
  /*clear:both;*/
}
#mainContent h2 {
  background-color:#fff;
  padding:5px 10px 0 20px;
  margin-bottom:20px;
  color:#354594;
  font-weight:normal;
  font-style:italic;
  font-size:22px;
}
#mainContent h3 {
  padding:0 20px 0 20px;
  margin-bottom:-5px;
  margin-top:15px;
  color:#354594;
  font-weight:normal;
  font-style:italic;
  font-size:15px;
}
#mainContent ul {
  padding:3px 20px 8px 20px;
  line-height:20px;
  list-style:none;
}
#mainContent ul li {
  background: transparent url(../bilder/bullet.gif) 0px 5px no-repeat;
  padding-left:11px;
}
/*----------------rte Classes-------------------*/
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image  {
  margin-left:20px !important;
  margin-right:10px !important;
}

/*----------------VIDEO Teaser-------------*/
#videoTeaser {
  margin-left: 18px;
  font-size: 1.2em;
}
#videoTeaser .videoLink {
  margin: 40px 0 12px 2px;
}
#videoTeaser .videoLink a {
  color: #000000 !important;
  text-decoration: none;
}
#videoTeaser .videoImage {
  margin-bottom: 40px;
}