/* Standart Formatangaben */

body                      { background-color: #e9eaee; margin-top:0px; margin-left: 8px; }
.separator { padding-top: 0px; border: solid 1px #ffffff; border-bottom: solid 1px #223788; }
.contactfindericoncell { background-color: #DBE1ED !important; }
.PageTable                { width: 984px; background-color: #ffffff; }
.HeadTd                   { height: 113px; padding-top: 6px; }
.SubnavTd                 { width: 211px; background-image: url("../Images/ContentBackground.gif"); background-repeat: repeat-y; margin: 0px; padding: 0px;}
.ContentTd                { width: 773px; padding-left: 0px; }
.ContentTdHome            { width: 984px; }
.BottomTd                 { height: 20px; }


/* Kopfbereich */

.Kopf                     { width: 950px; margin-left: 17px; margin-top: 7px; margin-bottom: 5px; background-color: #ffffff;}
.KopfTopBack              { background-repeat: repeat-y; background-image: url("../Images/KopfTopBack.gif"); padding-top: 11px; padding-bottom: 7px; margin-top: 7px; }
.KopfLinkBack             { background-repeat: repeat-y; background-image: url("../Images/KopfLinkBack.gif"); border-top: solid 1px #FFFFFF; border-bottom: solid 1px #FFFFFF; color: #FFFFFF; padding-left: 10px; }
.KopfContent              { font-family: Arial, helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #ff0000; background-color: #dbe1ed; margin-top: 11px; border-top: solid 1px #FFFFFF; padding: 5px; }
.KopfTitle                { font-weight: bold; font-size: 12px; }

a:link.KopfLink           { font-family: Arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #dce1ec; text-decoration: none; padding-left: 24px; padding-right: 24px; }
a:active.KopfLink         { font-family: Arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #dce1ec; text-decoration: none; padding-left: 24px; padding-right: 24px; }
a:hover.KopfLink          { font-family: Arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #dce1ec; text-decoration: none; padding-left: 24px; padding-right: 24px; }
a:visited.KopfLink        { font-family: Arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #dce1ec; text-decoration: none; padding-left: 24px; padding-right: 24px; }
.KopfLink                 { font-family: Arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #dce1ec; text-decoration: none; padding-left: 24px; padding-right: 24px; }

a:link.KopfLinkActive     { font-family: Arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #233798; text-decoration: none; padding-left: 24px; padding-right: 24px; background-color: #FFFFFF; }
a:active.KopfLinkActive   { font-family: Arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #233798; text-decoration: none; padding-left: 24px; padding-right: 24px; background-color: #FFFFFF; }
a:hover.KopfLinkActive    { font-family: Arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #233798; text-decoration: none; padding-left: 24px; padding-right: 24px; background-color: #FFFFFF; }
a:visited.KopfLinkActive  { font-family: Arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #233798; text-decoration: none; padding-left: 24px; padding-right: 24px; background-color: #FFFFFF; }
.KopfLinkActive           { font-family: Arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #233798; text-decoration: none; padding-left: 24px; padding-right: 24px; background-color: #FFFFFF; }

.KopfLinkArrow            { font-family: Arial, helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #233798; text-decoration: none; }
.KopfLinkInput            { font-family: Arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #dce1ec; text-decoration: none; }
.LinkActiveBg             { background-color: #FFFFFF; }
.KopfLinkLine             { color: #FFFFFF; padding: 0px; margin: 0px; }

.dropdown                 { font-family: Arial, sans-serif; font-size: 11px; background: #efefef; color: #183690; }

div.submenu               { position: absolute; top: 0px; left: 0px; visibility: hidden; text-align: left; margin-left: -22px; }

/* Fussbereich */

.Fuss                     { height: 20px; background-color: #e9eaee; margin-top: 5px; padding-top: 5px; text-align: right; vertical-align: top; }

a:link.FussLink           { font-family: Arial, helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #2c3a83; text-decoration: none; padding-right: 15px; }
a:active.FussLink         { font-family: Arial, helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #2c3a83; text-decoration: none; padding-right: 15px; }
a:hover.FussLink          { font-family: Arial, helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #2c3a83; text-decoration: underline; padding-right: 15px; }
a:visited.FussLink        { font-family: Arial, helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #2c3a83; text-decoration: none; padding-right: 15px; }
.FussLink                 { font-family: Arial, helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #2c3a83; text-decoration: none; padding-right: 15px; }

/* Subnav */

.Subnav                   { padding: 0px; padding-top: 11px; margin: 0px; }

a.SubLink 
{
  display:block; 
  border-bottom: solid 1px #223788; 
  margin-left: 29px;
  margin-right: 12px;
  font-family: Arial, helvetica, sans-serif; 
  font-size: 11px; 
  font-weight: normal; 
  color: #203786; 
  text-decoration: none; 
  padding-top: 3px;
  padding-bottom: 4px;
}
a.SubLink:link    { color:#203786; background-color:transparent; }
a.SubLink:visited { color:#203786; background-color:transparent; }
a.SubLink:hover   { color:#203786; background-color:#fffffd; }
a.SubLink:active  { color:#203786; background-color:transparent; }

a.SubnavLinkActive 
{
  display:block; 
  border-bottom: solid 1px #223788; 
  margin-left: 29px;
  margin-right: 12px;
  font-family: Arial, helvetica, sans-serif; 
  font-size: 11px; 
  font-weight: bold; 
  color: #203786; 
  text-decoration: none; 
  padding-top: 3px;
  padding-bottom: 4px;
  background-color: #fffffd;
}
a.SubnavLinkActive:link    { color:#203786; background-color:#fffffd; }
a.SubnavLinkActive:visited { color:#203786; background-color:#fffffd; }
a.SubnavLinkActive:hover   { color:#203786; background-color:#fffffd; }
a.SubnavLinkActive:active  { color:#203786; background-color:#fffffd; }

a.AddLink 
{
  display:block; 
  border-bottom: solid 1px #223788; 
  margin-left: 29px;
  margin-right: 12px;
  font-family: Arial, helvetica, sans-serif; 
  font-size: 11px; 
  font-weight: normal; 
  color: #203786; 
  text-decoration: none; 
  padding-top: 3px;
  padding-bottom: 4px;
}
a.AddLink:link    { color:#203786; background-color:#e8eff9; }
a.AddLink:visited { color:#203786; background-color:#e8eff9; }
a.AddLink:hover   { color:#203786; background-color:#fffffd; }
a.AddLink:active  { color:#203786; background-color:#e8eff9; }

.AddText                { font-family: Arial, helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #FFFFFF; margin-left: 29px; margin-right: 12px; margin-top: 10px; background-color: #a1b1cb; padding-left: 15px; padding-top: 5px; padding-bottom: 4px; }

a.PulldownLink 
{
  display:block; 
  border-bottom: solid 1px #223788; 
  font-family: Arial, helvetica, sans-serif; 
  font-size: 11px; 
  font-weight: normal; 
  color: #203786; 
  text-decoration: none; 
  padding-top: 3px;
  padding-bottom: 4px;
}
a.PulldownLink:link    { color:#203786; background-color:#e8eff9; }
a.PulldownLink:visited { color:#203786; background-color:#e8eff9; }
a.PulldownLink:hover   { color:#203786; background-color:#fffffd; }
a.PulldownLink:active  { color:#203786; background-color:#e8eff9; }


/* Default Content */

h1  { font-family: Arial, helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #203786; margin-top: 12px; margin-bottom: 6px; }
h2  { font-family: Arial, helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #203786; margin-top: 0px; margin-bottom: 8px; }

.ContentText              { font-family: Arial, helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; }

 
/* Box */

.BoxNormal            { width: 216px; background-repeat: repeat-y; background-image: url("../Images/BoxTopBack.gif"); border: solid 1px #FFFFFF; margin-top: 10px; color: #203786; }
.BoxHighlighted           { width: 216px; background-repeat: repeat-y; background-image: url("../Images/BoxTopBackRed.gif"); border: solid 1px #FFFFFF; margin-top: 10px; color: #a81a19; }
.BoxContent               { font-family: Arial, helvetica, sans-serif; font-size: 11px; font-weight: normal; background-color: #dbe1ed; margin-top: 11px; border-top: solid 1px #FFFFFF; padding: 12px; padding-top: 8px; color: #203786; }
.BoxContentHighlighted    { font-family: Arial, helvetica, sans-serif; font-size: 11px; font-weight: normal; background-color: #dbe1ed; margin-top: 11px; border-top: solid 1px #FFFFFF; padding: 12px; padding-top: 8px; color: #a81a19; }
.BoxTitle                 { font-weight: bold; font-size: 12px; padding-bottom: 0px; }

a:link.BoxLink            { text-decoration: none; color: #203786; font-size: 12px; }
a:active.BoxLink          { text-decoration: none; color: #203786; font-size: 12px; }
a:hover.BoxLink           { text-decoration: none; color: #203786; font-size: 12px; }
a:visited.BoxLink         { text-decoration: none; color: #203786; font-size: 12px; }
.BoxLink            { text-decoration: none; color: #203786; font-size: 12px; }
.BoxLinkContact     {word-break: break-all; width: auto; display: inline-block;}

.flashcaption     {padding-left: 25px;}

/* Table */
.TableHead                { text-align:left; vertical-align:top; font-family: Arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; background-color: #B4C1D6; }
.CellBlank                { text-align:left; vertical-align:top; font-family: Arial, helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; }
.CellNormal               { text-align:left; vertical-align:top; font-family: Arial, helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; background-color: #EFF2F7; }
.CellLight                { text-align:left; vertical-align:top; font-family: Arial, helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; background-color: #D7DEE8; }
.CellMedium               { text-align:left; vertical-align:top; font-family: Arial, helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; background-color: #C5CEDF; }
.CellDark                 { text-align:left; vertical-align:top; font-family: Arial, helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; background-color: #A1B2CC; }


/* Popup */
#popup                    { position: absolute; display: none; width: 600px; height: 470px; z-index: 1901; }
h1.popupTitle             { font-family: Arial, helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #203786; background-color: #ffffff; margin: 0px; padding-top: 10px; padding-bottom: 6px; padding-left: 24px; }
div.popup                 { background-color: #dbe1ed; border: solid 1px #1f388a; width: 600px; height: 470px;}
div.PopupBar              { padding-top: 2px; padding-right: 2px; background-repeat: repeat-y; background-image: url("../Images/KopfTopBack.gif"); text-align: right; border-bottom: solid 1px #1f388a; }

/* ProductDetails */
.productdetails table     { border: 0px; }
.productdetails th        { padding-left: 2px; padding-right: 2px; padding-top: 5px; padding-bottom: 5px; text-align:center; vertical-align: middle; font-family: Arial, helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; background-color: #B6C0D9; }
.productdetails td        { border-top: solid 1px white; padding-top: 5px; padding-bottom: 5px; text-align:center; vertical-align:top; font-family: Arial, helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; background-color: #F1F2F7; }
.productdetails a         { text-decoration: none; color: #000000;}
.productdetailink         { text-decoration: none; color: #000000; font-family: Arial, helvetica, sans-serif; font-size: 12px; font-weight: normal;}
.productdetails img       { border: 0px; }
.productInnerDetails td   { background-color: #DCE2F0; text-align: left;}
.productdetailslayer      { border: solid 1px #000000; background-color: #FFFFFF; font-family: Arial, helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; }

/* Tooltip */
#tooltip                  { position: absolute; display: none; width: 200px; z-index: 1901; }
h1.TooltipTitle           { font-family: Arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #203786; background-color: #ffffff; margin: 0px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; }
div.Tooltip               { background-color: #dbe1ed; border: solid 1px #1f388a; width: 200px;  }
div.TooltipBar            { height:7px; font-family: Arial sans-serif; font-size: 5px; background-repeat: repeat-y; background-image: url("../Images/KopfTopBack.gif"); border-bottom: solid 1px #1f388a; }
.ttcontent                { padding:5px;}
.ttcontent img            { padding-top:5px;}

/* Produktmatrix */
.productmatrix td{background-color:#E9EAEE; width:100px;text-align:center;}
.productmatrix th {background-color:#b4bfd6; padding:5px; font-weight:bold; }
.productmatrix .rsfirstcol {background-color:#b4bfd6; height:100px; font-weight:bold;text-align:left;padding-left:5px;}
.productmatrix .rsfirstcol img {margin-left:5px;}


h2.rsh {margin-top:20px;}
.rsep {background-color:#DBE1ED;text-align:center;height:128px;}
.rsect {background-color:#DBE1ED; text-align:center; color:white;font-weight:bold; height:25px;}
.rsectX {background-color:#003277; text-align:center; color:white;font-weight:bold; height:25px;}

.rsm table, .rse table {width: 732px}
.rse .rsec {height:102px;}
.rsem , .rsep{width: 130px; background-color: #dbe1ed}

.rse img, .rsm img {margin:0px; padding:0px; display:block;}

.rslr td{vertical-align:bottom;}
.rslr {width:740px;}
.rstab3 {width:206px;}
.rslink {margin-bottom:10px;text-align:center;}
.rslink .BoxLink {display:block;}
.rsright table th {background-color:#B0C4DE;height:25px}
.rsright table td {width:65px; text-align:center;height:25px;vertical-align:middle;}
.rsr1 td {background-color:#E9EAEE;}
.rsr0 td {background-color:#DBE1ED;}

.rscontent {margin-top:10px;}

/* ContactFinder */
.contactfinder table    { border: 0px; }
.contactfinder th     { border-bottom: solid 1px white; padding-left: 2px; padding-right: 2px; padding-top: 5px; padding-bottom: 5px; text-align:left; vertical-align: middle; font-family: Arial, helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; background-color: #B8C5D8; }
.contactfinder td         { border-top: solid 1px white; padding-top: 5px; padding-bottom: 5px; text-align:left; vertical-align:top; font-family: Arial, helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; background-color: #F1F2F7; }
.contactfinder a      { text-decoration: none; color: #000000;}
.contactfinder img      { border: 0px; }

.contactfinderadresses table   { border: 0px; }
.contactfinderadresses td        { border: 0px; padding-right: 5px; padding-top: 10px; padding-bottom: 10px; text-align:left; vertical-align:top; font-family: Arial, helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; background-color: #DBE1ED; }

.contactfindercompany       { font-weight: bold; }
.contactfinderadresscontent     { font-weight: normal; }
.contactfinderadresscontent a   { text-decoration: none; color: #203786; font-size: 11px; }

/* Merkzettel */

.productsnotelist       {background-color: #ffff80; width: 200px; margin-left: 8px;}
.productsnotelist li    {list-style-type: none;}

/* DEBUG Informationen */

.DebugInfo  {  position: absolute;  right: 0px;  top: 0px;  padding: 5px;  z-index: 9998;  width: 690px;  background-color: #ffffff;  -moz-opacity: .90;  filter:alpha(opacity=90);  font-family: verdana, arial, helvetica, geneva;  font-size: 12px; }
.DebugSmall {  position: absolute;  right: 5px;  top: 5px; z-index: 9998;  font-family: verdana, arial, helvetica, geneva;  font-size: 12px; }
.DebugButton {  color: #ffffff;  background-color: #658798;  font-size: 10px;  font-family: verdana, arial, helvetica, geneva;  width: 100px;  border-top: 1px solid #A6C0CE;  border-left: 1px solid #A6C0CE;  border-right: 1px solid #2E4A59;  border-bottom: 1px solid #2E4A59;}
.DebugItem   {  margin-top: 10px;}
.debug       {  font-family: verdana, arial, helvetica, geneva;  font-size: 11px;  color: Maroon;}
a.DebugTitle {  font-family: verdana, arial, helvetica, geneva;  font-size: 11px;  color: Maroon;  font-weight: bold; text-decoration: none; }


/* webedit */
.ps4EditContainer
{
  position: absolute;
  left: 5px;
  top: 5px;
  margin: 0;
  padding: 0px;
  background-color: #FFFFFF;
  -moz-opacity: .66;
  filter:alpha(opacity=66);
  width: 50px;
  text-align:center;
  border: solid 1px;
}
.ps4EditContainer:hover
{
  background-color:#527829;
}

.ps4EditContainer a, .ps4EditContainer a:hover, .ps4EditContainer a:link, .ps4EditContainer a:visited, .ps4EditContainer a:active
{
  padding-left: 10px;
  padding-right:10px;
  text-decoration: none;
}

.ps4EditInline
{

  position:absolute;
  margin: 0px;
  padding: 0px;  
  width: 50px;
}

.ps4EditInline a, .ps4EditInline a:hover, .ps4EditInline a:link, .ps4EditInline a:visited, .ps4EditInline a:active
{
  position:absolute;
  top:-22px;
  background-color: #FFFFFF;
   -moz-opacity: .66;
  filter:alpha(opacity=66);
  text-align:center;
  border: solid 1px;
}

.ps4EditInline a:hover 
{
  background-color: yellow;
}

.ps4EditInline1
{
  position:absolute;
  margin: 0px;
  padding: 0px;  
  width: 50px;
}

.ps4EditInline1 a, .ps4EditInline1 a:hover, .ps4EditInline1 a:link, .ps4EditInline1 a:visited, .ps4EditInline1 a:active
{
  position:absolute;
  top:0px;
  background-color: #FFFFFF;
   -moz-opacity: .66;
  filter:alpha(opacity=66);
  width: 50px;
  text-align:center;
  border: solid 1px;
}
.ps4EditInline1 a:hover 
{
  background-color: #527829;
}

.pseeditlink, .pseeditlink:link, .pseeditlink;visited, .pseeditlink:hover
{
  background-color: #FFFFFF;
   -moz-opacity: .66;
  filter:alpha(opacity=66);
  width: 50px;
  text-align:center;
  border: solid 1px;
  text-decoration: none;
  margin-left:5px;
}
.pseeditlink:hover
{
  background-color: yellow;
}

.StartTeaser
{
    padding: 0 0 0 17px;
}

.FlashTeaser
{
    padding: 0 0 0 5px;
}

/* MediaGallery
----------------------------------------------------------*/

/* Fixes for global behaviour*/
div.overlap #teaser .center .mediagallerychoice img 
{
	width: auto;
	border: 0px;
}

.teaserexpander .mediagallerychoice > div
{
  margin:0px;
  border-bottom: 0;
}  

/* Real classes */
.mediagallerychoice
{
  overflow: hidden;
  position: relative;
}

.mediagallerychoice .mgitems {
    margin-left: 0;
    margin-top: 0;
    overflow: hidden;
}

.mediagallerychoice .mgitems .mgitem {
    float: left;
}

.mediagallerychoice .dots {
    display: none;
    height: 25px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 12px;
    z-index: 1;
}

.mediagallerychoice .dots img {
    cursor: pointer;
    height: 10px;
    padding: 0 1px;
    width: 10px;
}

.mediagallerychoice .aprev, .mediagallerychoice .anext {
    background: none no-repeat scroll center center transparent;
    cursor: pointer;
    display: none;
    height: 40px;
    position: absolute;
    width: 35px;
    z-index: 1;
}

/* have to change images too, because of background-image
.col30 .mediagallerychoice .aprev, .col30 .mediagallerychoice .anext {
    height: 15px;
    width: 17px;
}
*/

.mediagallerychoice .aprev
{
    background-image: url("/Images/Layout1/MediagalleryLeft.png");
}

.mediagallerychoice .aprev:hover
{
    background-image: url("/Images/Layout1/MediagalleryLeft_Active.png");
}

.mediagallerychoice .aprev {
    left: 20px;
}

.mediagallerychoice .anext
{
    background-image: url("/Images/Layout1/MediagalleryRight.png");
}

.mediagallerychoice .anext:hover
{
    background-image: url("/Images/Layout1/MediagalleryRight_Active.png");
}

.mediagallerychoice .anext {
    right: 20px;
}