/*ffr 2007-12-13 10:11*/

div.content {width:150px; padding:8px;}
div.title   {padding:2px 9px 3px; font-weight:bold; background-color:#ccc; color:#000;}
div.title a.anker, div.title a.anker:hover {color:#000;}
div.title2   {padding:2px 9px 3px; font-weight:bold; background-color:#408F9A; color:#fff;}
div.title2 a.anker, div.title a.anker:hover {color:#fff;}
.magenta div.title a.anker:hover {color:#fff;}
div.text    {margin-bottom:10px; padding-left:12px;}
div.text li {list-style-type:square}

/** Langteaser-CC */
.langteaser2spaltebild b.headline,
.langteaser2spalteicon b.headline,
.langteaser2spalte b.headline,
.langteasercc b.headline           {display:block;}

.langteaser2spaltebild a.morelink,
.langteaser2spalteicon a.morelink,
.langteaser2spalte a.morelink,
.langteasercc a.morelink,
.itshopbig a.morelink,
.listbox a.morelink                {width:auto; line-height:20px; padding-right:12px; background:url('/msp/cms/contentblob/MSP/de/weiter-bo/blobBigBinary/weiter-bo.gif') no-repeat right; color:#e20074;}

.langteaser2spaltebild .image a.morelink,
.langteaser2spalteicon .image a.morelink,
.langteaser2spalte .image a.morelink,
.langteasercc .image a.morelink    {padding-right:0;}

.langteaser2spaltebild a.teaserlink,
.langteaser2spalteicon a.teaserlink,
.langteaser2spalte a.teaserlink,
.langteasercc a.teaserlink         {color:#333;}

.langteaser2spaltebild a:hover,
.langteaser2spalteicon a:hover,
.langteaser2spalte a:hover,
.langteasercc a:hover,
.itshopbig a:hover,
.listbox a.morelink:hover,
.langteaser2spaltebild a.teaserlink:hover,
.langteaser2spalteicon a.teaserlink:hover,
.langteaser2spalte a.teaserlink:hover,
.langteasercc a.teaserlink:hover   {color:#e20074;}

/** Sonderfall Homepage **/
.homepage .langteaser2spalte,
.cfQuickfinderSmall,
.homepage .langteasercc               {width:215px; height:230px; margin:12px 0 0; border:1px solid #e7e7e7; border-top:0; background-color:#f7f7f7; position:relative;}
.homepage .langteaser2spalte[class],
.cfQuickfinderSmall[class],
.homepage .langteasercc[class]        {height:auto; min-height:250px;}




.cfQuickfinderSmall2            {width:215px; height:230px; margin:12px 0 0; border:1px solid #e7e7e7; border-top:0; background-color:#f7f7f7; position:relative;}
.cfQuickfinderSmall2[class]       {height:auto; min-height:299px;}
.cfQuickfinderSmall2 img           {width:216px; margin:0 -1px; position:relative;}
.cfQuickfinderSmall2 .title      {width:198px; margin:0 -1px !important; position:relative;}
.cfQuickfinderSmall2 div.text {padding:0 0 12px;}
.cfQuickfinderSmall2 select   {width:150px; margin:0 0 10px; font-size:10px;}
.cfQuickfinderSmall2 input    {border:1px solid #e7e7e7;}





.mainFrame .langteasercc        {width:504px; border:1px solid #e7e7e7; border-top:0; background-color:#f7f7f7; position:relative;}
.mainFrame .langteasercc .title {width:488px; margin:0 -1px !important; position:relative;}
.mainFrame.vierspaltig .langteasercc        {width:334px;}
.mainFrame.vierspaltig .langteasercc .title {width:318px; margin:0 -1px !important; position:relative;}
.mainFrame.boxrows .langteasercc        {width:166px;}
.mainFrame.boxrows .langteasercc .title {width:150px; margin:0 -1px !important; position:relative;}
.mainFrame.boxrows .langteasercc img    {width:168px; margin:0 -1px; position:relative;}
.mainFrame.variableBoxen .langteasercc        {width:166px; margin:12px 0 0; border:1px solid #e7e7e7; border-top:0; background-color:#f7f7f7; position:relative;}
.mainFrame.variableBoxen .langteasercc .title {width:150px; margin:0 -1px !important; position:relative;}

.cfQuickfinderSmall img,
.homepage .langteasercc img,
.itshopbig img               {width:216px; margin:0 -1px; position:relative;}

.cfQuickfinderSmall .title,
.homepage .langteasercc .title,
.itshopbig .title            {width:198px; margin:0 -1px !important; position:relative;}

.cfQuickfinderSmall div.text {padding:0 0 12px;}
.cfQuickfinderSmall select   {width:150px; margin:0 0 10px; font-size:10px;}
.cfQuickfinderSmall input    {border:1px solid #e7e7e7;}

/*IT-Shop-big*/
.itshopbig        {width:346px; height:230px; border:1px solid #e7e7e7; border-top:0; background:#f7f7f7; position:relative;}
.itshopbig[class] {height:auto; min-height:230px;}
.itshopbig img         {width:348px;}
.itshopbig .title      {width:330px; background:#e20074; color:#fff;}
.itshopbig div.content {width:338px; padding:0 0 12px;}

.itshopbig li {padding:3px 0 0 8px;}
.itshopbig li a.headline       {padding:0 0 0 15px; background:url(/msp/cms/contentblob/MSP/de/weiter-bo/blobBinary/weiter-bo.gif) no-repeat 0 3px;}
.itshopbig li a.headline:hover {background:url(/msp/cms/contentblob/MSP/de/weiter-bo/blobBigBinary/weiter-bo.gif) no-repeat 0 3px;}
.itshopbig .headline   {font-weight:bold;}
.itshopbig .headline span {font-weight:normal;}
.itshopbig a     {color:#333;}
.mlclass a       {color:#333; padding:2px 0 0 15px; font-weight:bold; }
.mlclass a:hover {color:#e20074;}

.itshopbig .shopintro { white-space:nowrap; overflow:hidden;}
.itshopbig .image {width:348px; height:90px; overflow:hidden;}

/*Ausblenden der Beschreibungstexte*/
.itshopbig span         {display:none;}
.itshopbig span.mlclass {display:block;}
.itshopbig .title span  {display:block; color:#fff;}

/*IT-Shop-1sp*/
.itshop1sp   {width:166px;}
.itshop1sp .title      {width:150px;}
.itshop1sp img         {width:168px;}
.itshop1sp div.content {width:158px;}

/*LinkListen-Module*/
.listbox a.relatedLink       {display:block; padding:0 0 5px 15px; background:url(/msp/cms/contentblob/MSP/de/weiter-bo/blobBinary/weiter-bo.gif) 0 3px no-repeat; color:#333; font-weight:bold;}
.listbox a.relatedLink:hover {background-image:url(/msp/cms/contentblob/MSP/de/weiter-bo/blobBigBinary/weiter-bo.gif); color:#e20074;}
.listbox .headline {font-weight:bold;}
.listbox li {padding:0 0 0 15px; background:url(/msp/cms/contentblob/MSP/de/weiter-bo/blobBinary/weiter-bo.gif) no-repeat 0 5px;}
/*.listbox .image {height:90px; overflow:hidden;}     */

/*LinkListen-Module rechten Seite in der Detaildarstellung*/
.mainFrame .cell2n2 .listbox {width:166px; margin:0 0 12px 12px; border:1px solid #e7e7e7; border-top:0; background:#f7f7f7;}
.mainFrame .cell2n2 .listbox .title {width:150px; margin:0 -1px; position:relative;}
.mainFrame .cell2n2 .listbox .image         {width:168px; margin:0 -1px; position:relative;}
.mainFrame .cell2n2 .listbox.magenta .image            {width:166px; margin:0; background:#fff; text-align:center;}
.mainFrame .cell2n2 .listbox.contentbox .image {width:168px; margin:0 -1px; position:relative;}

.magbottom .listbox,
.grid2 .listbox,
.grid3 .listbox      {margin:0 12px 12px 0;}

/* Change 1.1 18.04.06 */
.listbox .image a.relatedLink,
.listbox .image a.relatedLink:hover,
.listbox .image a.morelink,
.listbox .image a.morelink:hover {padding:0 !important; background:none !important;}

/** Fussnoten **/
.ccfootnote {
 color:#999;
 font-size:10px;
 line-height:12px;
 margin-bottom:18px;
}
.ccfootnote span.footnoteintro, .ccfootnote span.nummer  {
 color:#555;
}

 div.ccfootnote, div.footnote {
 width:504px;
}
.mainFrame .ccfootnote {
 margin-left:12px;
 margin-right:12px;
}

/** Einklinker */
.D1right {
    width:256px;
    min-width:280px;
    margin-left:-12px;
    float:left;
    margin-right:12px;
}

.D1right .title {
    padding-left:12px;
     width:268px;
}

.D1right .title a {
    margin-left:6px;
}

.D1right .content {
  width:256px;
  padding:0;
  padding-left:24px;
  margin-bottom:8px;
}

.D1right ul {
  list-style:square;
  font-weight:bold;
  margin-left:12px;
  margin-bottom:0;
  padding:0;

}

.D1right .content ul li {
 background-image:url(/msp/cms/contentblob/MSP/de/quadrat/blobBigBinary/Quadrat-grau-pi.gif);
}

.D1right .petrol80bg .content ul li {
 background-image:url(/msp/cms/contentblob/MSP/de/quadrat/blobBinary/Quadrat-grau-pi.gif);
}

/** Umfluss Bilder **/
.FlowTextLeft {
  float:left;
  margin-right:12px;
  margin-left:-12px;
  padding-left:12px;
}

div[class=FlowTextLeft] {
    padding-left:0;
}

.legend {
    padding:3px 6px 3px 12px;
    background-color:#d9d9d9;
}

.legend a, .legend a:hover {
    display:block;
    line-height:12px;
    text-indent:18px;
    background:url(/msp/cms/contentblob/MSP/de/lupe/blobBinary/vergroessern-bo.gif) 0 0 no-repeat;
    color:#333;
    font-size:10px;
}

.legend a:hover {
    color:#e20074;
    background-image:url(/msp/cms/contentblob/MSP/de/lupe/blobBigBinary/vergroessern-bo.gif);
}

/** Preise */
.showPrice {
  margin-top:18px;
  margin-bottom:18px;
  color:#e20074;
  font-weight:bold;
  font-size:12px;
}
.showPrice div.content {
 width:100%;
 font-size:12px;
 padding-left:0;
}

/** Standardcontainer-Modul */
.PrintSpaceOneCols {
    width: 528px;
    margin-bottom:12px;
    overflow:hidden;
}

table.contenthead                        {}
.langtext table.contenthead              {}
.langtext table.contenthead .subheadline {}

.PrintSpaceOneCols table.contenthead td,
.langtext table.contenthead td,
.cfDomainCheck table.contenthead td,
.cfContact table.contenthead td          {padding:0 0 12px 12px;}

.PrintSpaceOneCols .subheadline,
.PrintSpaceOneCols .subheadline,
.langtext .subheadline,
.langtext .subheadline,
.cfDomainCheck .headline,
.cfContact .headline,
.cfContact .subheadline  {
    margin:12px 12px 0 0;
    font-weight:bold;
    font-size:18px;
}

.PrintSpaceOneCols .subheadline { }
.PrintSpaceOneCols div.contentdiv {width:504px; padding:0 11px;}

.langtext {width:706px; border:1px solid #e7e7e7; background:#fff url('http://www.mms-webservice.de/t-systems/test/bg-contentBox.gif') repeat-x; overflow:hidden;}
.langtext .inlineTab td {width:336px;}
.langtext .inlineTab td.font-name--Linke-Spalte {padding-left:12px; margin-right:10px;}

.magazinlanhtext {
 background-repeat:no-repeat;
}

.magazin {width:348px; margin:0 0 12px;}
.magazin div.content     {width:336px;}
.magazin div.text        {margin-bottom:0; padding-left:0;}
.magazin div.islastfalse {margin-bottom:12px;}
.magazin .titleimage     {padding-left:12px;}

.row1 .magazin,
.row2 .magazin,
.row3 .magazin           {width:353px; margin:12px 0 0;}
.row1 .magazin .content,
.row2 .magazin .content,
.row3 .magazin .content  {width:331px; margin:0 11px 0 11px; padding:0;}

.magright .magazin             {margin-top:0;}
.magright .magazin .titleimage {padding-left:0;}
.magright .magazin .content    {padding-top:21px;}

.magazin a.relatedLink,
.magazin a.morelink           {display:block; line-height:18px; padding:0 0 0 15px; font-weight:bold; background:url(/msp/cms/contentblob/MSP/de/weiter-bo/blobBinary/weiter-bo.gif) no-repeat 0 4px; color:#333;}
.magazin a.relatedLink:hover,
.magazin a.morelink:hover     {background-image:url(/msp/cms/contentblob/MSP/de/weiter-bo/blobBigBinary/weiter-bo.gif); color:#e20074;}

.grid1 .itshopbig {
 margin-left:0;
}
.magbottom .itshopbig, .mainFrame .itshopbig {
 height:152px;
 overflow:hidden;
  background-color:#f7f7f7;
}

/**Magazin-Langtext */
.magazinlangtext {
   padding-top:240px;
padding-left:12px;
padding-right:12px;
background-repeat:no-repeat;
}

.magazinlangtext ul li,.PrintSpaceOneCols ul li, .langtext ul li {
 display:block;
 padding-left:12px;
 font-weight:normal;
 background:url(/msp/cms/contentblob/MSP/de/quadrat/blobBinary/Quadrat-grau-pi.gif) no-repeat 0 6px;
}

 .PrintSpaceOneCols  a strong, .PrintSpaceOneCols a:link strong,  .PrintSpaceOneCols a:active strong, .PrintSpaceOneCols  a:visited strong,
.langtext  a strong, .langtext a:link strong,  .langtext a:active strong, .langtext  a:visited strong,
.PrintSpaceOneCols strong  a, .PrintSpaceOneCols strong a:link,  .PrintSpaceOneCols strong a:active, .PrintSpaceOneCols strong a:visited,
.langtext  strong a, .langtext strong a:link ,  .langtext strong a:active, .langtext strong a:visited  {
  padding-left:15px;
  font-weight:bold;
  color:#333;
  line-height:22px;
  background:url(/msp/cms/contentblob/MSP/de/weiter-bo/blobBinary/weiter-bo.gif) no-repeat 0 3px;
}

.PrintSpaceOneCols  a:hover strong, .langtext a:hover strong,
.PrintSpaceOneCols  strong a:hover, .langtext  strong a:hover {
  background-image:url(/msp/cms/contentblob/MSP/de/weiter-bo/blobBigBinary/weiter-bo.gif);
  color:#e20074;
}

.PrintSpaceOneCols .font-name--Linke-Spalte  {
  width:264px;
}

/** Einklinker mit Hintergrundbild */
.einklinkertext {
  width:246px;
  height:234px;
  margin:0;
}

.einklinkertext .text {
 margin-top:190px;
 margin-left:12px;
margin-right:12px;
color:#fff;
}

.font-name--Linke-Spalte {
 width:264px;
 padding-right:12px;
}

.contactintro {
 font-weight:bold;
}
a.contactlink {
display:block;
/* padding-left:16px;
  background:url(/msp/cms/contentblob/MSP/de/warenkorb/blobBinary/warenkorb-bo.gif) 0 4px no-repeat;
*/
}

.row3 .isLastMagazin, .row2 .isLastMagazin, .row1 .isLastMagazin {
  margin-left:0 !important;
}

.mainArea .row1n1.langtext .contentdiv,
.mainArea .cell1n1 .langtext .contentdiv {}

.boxrows .row3n3 {
   border-top:solid 18px #fff;
   background-image:none;
   height:auto;
   background-color:#fff;
}

.boxrows .row3n3 .cfQuickfinderSmall, .boxrows .row3n3 .langteasercc, .boxrows .row3n3 .listbox, .boxrows .row3n3 .itshopbig {
  background-color:#f7f7f7;
  margin-bottom:0;
  padding-bottom:0;
  height:auto;
  overflow:visible !important;
}

.boxrows .row3n3  .cfQuickfinderSmall .content, .boxrows .row3n3  .langteasercc .content,  .boxrows .row3n3  .listbox .content,  .boxrows .row3n3  .itshopbig .content {
  margin-bottom:8px;
}

.simplecontactlink {
 float:none;
 clear:both;
 font-weight:bold;
}

.simplecontactlink a, .simplecontactlink a:visited, .simplecontactlink a:hover {
 color:#e20074;
}
.contentbox .headline {
  font-weight:bold;
}
.contentbox .image {
 height:auto;
}
.contentbox .content2 {
 margin-left:8px;
margin-top:12px;
}

.contentbox .content2  a {
  display:block;
  padding-left:15px;
  font-weight:bold;
  color:#333;
  background-image:url(/msp/cms/contentblob/MSP/de/weiter-bo/blobBinary/weiter-bo.gif);
  background-repeat:no-repeat;
  background-position:0 4px;
}

.contentbox .content2  a:hover {
  color:#e20074;
  background-image:url(/msp/cms/contentblob/MSP/de/weiter-bo/blobBigBinary/weiter-bo.gif);
}

.contentbox .content  a.relatedLink, .contentbox .content a.relatedLink:link, .contentbox .content a.relatedLink:visited, .contentbox .content a.relatedLink:hover {
 display:inline;
 padding:0;
 color:#e20074;
 text-decoration:none;
 background:none;
 font-weight:normal;
}

.leftclassrole  {float:left;}
.rightclassrole {float:right; padding-left:12px;}
.rightclassrole div {margin-right:0;}

.textrightclassrole  {text-align:right;}
.simplecontactlink {clear:both; float:none; font-weight:bold;}