body
{
        margin: 0 auto;
}
.wrapper
{
        width: 900px;
        height: auto;
        text-align: left;
        display: table-cell;
        margin: 0 auto;
}
/**************************** Header Section Starts ***************************/
.header
{
        width: 906px;
        height: 40px;
    background: url(../dsgnimg/header.jpg);
    background-repeat: no-repeat;

}

.WhitePage
{
        width: 910px;
    background-color:#FFFFFF;
    border-color:#FFCCEE;
    border-right: solid 3px #C9C9C9;
    border-bottom: solid 3px #C9C9C9;
    border-top: solid 1px #C9C9C9;
    margin-top: 10px;



}
/**************************** Second Section Ends *****************************/

/**************************** Menu Section Starts *****************************/
.menu
{
        width: 900px;
        height: 44px;
    background: url(../dsgnimg/menu.gif);
    background-repeat: no-repeat;
}

.menu-text
{
font-family: verdana;
font-size: 12px;
color: #ffffff;
padding: 12px 10px 10px 10px;
float: left;
font-stretch: condensed;
cursor: pointer;
}

.laschen-text
{
font-family: verdana;
font-size: 12px;
color: #000000;
padding: 2px 10px 10px 6px;
float: left;
font-stretch: condensed;
cursor: pointer;
}



/**************************** Menu Section Ends *******************************/

/**************************** Main Section Content sites ****************************/
.contentTop-section
{
  width: 904px;
  height: 455px;
  border: solid 2px #ffffff;
}

.leftMenuBar
{
  width: 180px;
  height: 400px;
  border: solid 2px #ffffff;
}

.rightTop-image
{
  width: 200px;
  height: 235px;
  float: right;
  background-image: url(../dsgnimg/right-image.jpg);
  background-repeat: repeat-x;
  border-left: solid 1px #ffffff;
  text-align: left;
}
.midTop-image
{
  width: 266px;
  height: 235px;
  float: right;
  background-image: url(../dsgnimg/mid-image.jpg);
  background-repeat: no-repeat;
}
.midkat-image
{
  width: 443px;
  height: 235px;
  float: right;
  background-image: url(../dsgnimg/robbys1.jpg);
  background-repeat: no-repeat;
}
.leftTop-image
{
  width: 238px;
  height: 450px;
  float: right;
  background-image: url(../dsgnimg/left-image.jpg);
  background-repeat: repeat-x;
  border-right: solid 1px #ffffff;
  text-align: left;
}
.leftTopKat-image
{
  width: 250px;
  height: 550px;
  float: right;
  background-repeat: repeat-x;
  text-align: left;
}

.leftTopKatalog-image
{
  width: 338px;
  height: 275px;
  float: left;
  margin-left: 8px;
  background-image: url(../dsgnimg/bg_greyline.gif);
  background-repeat: repeat-x;
  border-right: solid 1px #ffffff;
  text-align: left;
}

.leftPosBig-image
{
  width: 338px;
  height: 275px;
  float: left;
  margin-left: 8px;
  background-image: url(../dsgnimg/bg_greyline.gif);
  background-repeat: repeat-x;
  border-right: solid 1px #ffffff;
  text-align: left;
}

.TopTitel-image
{
  width: 443;
  height: 235px;
  float: left;
  background-image: url(../dsgnimg/title-image.jpg);
  background-repeat: repeat-x;
  border-right: solid 1px #ffffff;
  text-align: left;
}

.RobDisplaySteckbrief
{
  width: 903;
  height: 47px;
  float: left;
  background-image: url(../dsgnimg/steckbrief.jpg);
  background-repeat: no-repeat;
  border-right: solid 0px #ffffff;
  text-align: left;
}
.RobDisplaySteckbrief1
{
  width: 903;
  height: 47px;
  float: left;
  background-image: url(../dsgnimg/steckbrief1.jpg);
  background-repeat: no-repeat;
  border-right: solid 0px #ffffff;
  text-align: left;
}


.RDSteckbriefBody
{
  width: 9003;

  float: left;
  background-image: url(../dsgnimg/steckbriefbody.jpg);
  background-repeat: repeat-y;
  border-right: solid 0px #ffffff;
  text-align: left;

}

.RDSteckbriefBottom
{
  width: 9003;
  height: 60px;
  float: left;
  background-image: url(../dsgnimg/steckbriefbottom.jpg);
  background-repeat: no-repeat;
  border-right: solid 0px #ffffff;
  text-align: left;

}


.RechtsAussen
{
  width: 300px;
  height: 550px;
  position:absolute;
  left: 611px;
  top: 170px;
  background-image: url(../dsgnimg/rmStripeBox3D.jpg);
  background-repeat: no-repeat;
  text-align: left;
}

.rightUniversalBar
{
  width: 238px;
  height: 550px;
  position:absolute;
  left: 650px;


  background-image: url(../dsgnimg/hgb3.jpg);
  background-repeat: repeat-x;
  text-align: left;
}

.rightUniversalBarTopFixBar
{
  width: 238px;
  height: 550px;
  position:absolute;
  top: 190px;
  left: 640px;


  background-image: url(../dsgnimg/hgb3.jpg);
  background-repeat: repeat-x;
  text-align: left;
}
/**************************** Maincontent Section Ends ******************************/






/**************************** First Section Starts ****************************/
.first-section
{
  width: 900px;
  height: 180px;
  border: solid 2px #0000ffff;
  background: #DDDDEEEE;
/*  border: solid 2px #ffffff;*/
}
.right-image
{
  width: 230px;
  height: 235px;
  float: right;
  background-image: url(../dsgnimg/right-image.jpg);
  background-repeat: repeat-x;
  border-left: solid 1px #ffffff;
  text-align: left;
}
.mid-image
{
  width: 260px;
  height: 235px;
  float: right;
  background-image: url(../dsgnimg/mid-image.jpg);
  background-repeat: no-repeat;
}
.midkat-image
{
  width: 443px;
  height: 235px;
  float: right;
  background-image: url(../dsgnimg/robbys1.jpg);
  background-repeat: no-repeat;
}
.left-image
{
  width: 238px;
  height: 235px;
  float: right;
  background-image: url(../dsgnimg/left-image.jpg);
  background-repeat: repeat-x;
  border-right: solid 1px #ffffff;
  text-align: left;
}
.lefttitel-image
{
  width: 238px;
  height: 235px;
  float: right;
  background-image: url(../dsgnimg/left-image-titel.jpg);
  background-repeat: repeat-x;
  border-right: solid 1px #ffffff;
  text-align: left;
}
.leftkat-image
{
  width: 238px;
  height: 235px;
  float: right;
  background-repeat: repeat-x;
  text-align: left;
}
/**************************** First Section Ends ******************************/




/**************************** Second Section Starts ***************************/

.Screen-section
{
  width: 675px;
  height: 159px;
  border-bottom: solid 1px #dbdbdb;
  float: left;
}
.TeaserBar1
{
  width: 850px;
  height: 159px;
  border-bottom: solid 0px #dbdbdb;
  float: left;
  margin-left:20px;
  }

.second-section
{
  width: 675px;
  height: 139px;
  border-bottom: solid 1px #dbdbdb;
  float: left;
}

.pack-box3
{
  width: 230px;
  height: 139px;
  float: right;
  background-image: url(../dsgnimg/pack-image.jpg);
  background-repeat: repeat-x;
  border-left: solid 1px #ffffff;
  text-align: left;
}

.pack-box2
{
  width: 221px;
  height: 139px;
  float: right;
  background-image: url(../dsgnimg/pack-image.jpg);
  background-repeat: repeat-x;
  border-left: solid 1px #ffffff;
  text-align: left;
}
.pack-box1
{
  width: 221px;
  height: 139px;
  float: right;
  background-image: url(../dsgnimg/pack-image.jpg);
  background-repeat: repeat-x;
  border-left: solid 1px #ffffff;
  text-align: left;
}

.pack-boxTeaser
{
  width: 221px;
  height: 139px;
  float: right;
  background-image: url(../dsgnimg/packTeaser-image.jpg);
  background-repeat: repeat-x;
  border-left: solid 1px #ffffff;
  text-align: left;
}

.hochpack-box1
{
  width: 221px;
  height: 350px;
  float: right;
  background-image: url(../dsgnimg/pack-image.jpg);
  background-repeat: repeat-x;
  border-left: solid 1px #ffffff;
  text-align: left;
}


.titelBox-left
{
  width: 221px;
  height: 180px;
  float: left;
  background-image: url(../dsgnimg/pack-image.jpg);
  background-repeat: repeat-x;
  border-left: solid 1px #ffffff;
  text-align: left;
}

/**************************** Second Section Ends *****************************/

/**************************** Third Section Starts ****************************/

.third-section
{
  width: 675px;
  height: 170px;
  float: right;
}
.down-box2
{
  width: 230px;
  height: 170px;
  float: right;
  background-image: url(../dsgnimg/down-image2.jpg);
  background-repeat: repeat-x;
  text-align: left;
}
.down-box1
{
  width: 444px;
  height: 170px;
  float: right;
  background-image: url(../dsgnimg/down-image1.jpg);
  background-repeat: repeat-x;
  text-align: left;
}



/**************************** Third Section Ends ******************************/

/**************************** Left Section Starts *****************************/

.left-section
{
  width: 238px;
  height: 309px;
  float: right;
}
.left-box2
{
  width: 217px;
  height: 309px;
  float: right;
  background-image: url(../dsgnimg/left-image1.jpg);
  background-repeat: repeat-x;
  text-align: left;
}
.left-box1
{
  width: 21px;
  height: 309px;
  float: right;
  background-image: url(../dsgnimg/left-image2.jpg);
  background-repeat: repeat-x;
}



/**************************** Left Section Ends *******************************/

.leftleft-section
{
  width: 238px;
  height: 309px;
  float: left;
}
.leftleft-box2
{
  width: 217px;
  height: 309px;
  float: right;
  background-image: url(../dsgnimg/left-image1.jpg);
  background-repeat: repeat-x;
  text-align: left;
}



/**************************** Footer Section Starts ***************************/
.footer
{
  float: right;
  width: 900px;
  font-family: Tahoma;
  font-size: 8pt;
  font-weight: normal;
  color: #616161;
  text-align: left;
  margin-top: 18px;
  clear: both;
  margin-bottom: 10px;
}

.footerBar
{
  float: left;
  width: 900px;
  font-family: Tahoma;
  font-size: 8pt;
  font-weight: normal;
  color: #616161;
  text-align: left;
  margin-top: 18px;
  clear: both;
  margin-bottom: 10px;
  border: solid 1px #00deff;

}

/**************************** Footer Section Ends *****************************/

/**************************** General Section Starts **************************/
.title1
{
  font-family: Tahoma;
  font-size: 14pt;
  font-weight: normal;
  color: #8f8383;
  margin-top: 10px;
  margin-left: 12px;
}
.title1NB
{
  font-family: Tahoma;
  font-size: 14pt;
  font-weight: normal;
  color: #8f8383;
  margin-top: 10px;
  margin-left: 0px;
}
.title2
{
  font-family: Tahoma;
  font-size: 14pt;
  font-weight: bold;
  color: #535353;
}
.title3
{
  font-family: Tahoma;
  font-size: 14pt;
  font-weight: normal;
  color: #616161;
  margin-top: 10px;
  margin-left: 12px;
}
.sub-title
{
  font-family: Tahoma;
  font-size: 8pt;
  font-weight: normal;
  color: #3f3a3a;
  margin-left: 12px;
}
.description
{
  font-family: Tahoma;
  font-size: 8pt;
  font-weight: normal;
  color: #616161;
  text-align: justify;
  width: 195px;
  line-height: 18px;
  margin-left: 12px;
  margin-top: 2px;
}
.descriptionleft
{
  font-family: Tahoma;
  font-size: 10pt;
  font-weight: normal;
  color: #616161;
  text-align: left;
  width: 195px;
  line-height: 18px;
  margin-left: 12px;
  margin-top: 2px;
}


.StanText
{
  font-family: Tahoma;
  font-size: 8pt;
  font-weight: normal;
  color: #00FFFF;
  text-align: left;
  width: 400px;
  line-height: 18px;
  margin-left: 12px;
  margin-top: 2px;
}

.flowtextone
{
  font-family: Tahoma;
  font-size: 10pt;
  font-weight: normal;
  color: #616161;
  text-align: left;
  width: 695px;
  line-height: 18px;
  margin-left: 12px;
  margin-top: 2px;
}



.ListenPicker
{
  font-family: Tahoma;
  font-size: 14pt;
  font-weight: normal;
  color: #8f8383;
  margin-top: 10px;
  margin-left: 0px;
}



.littleNavLine
{
  font-family: Tahoma;
  font-size: 8pt;
  font-weight: normal;
  color: #616161;
  text-align: justify;
  line-height: 18px;
  margin-left: 1px;
  margin-top: 2px;
}


.description1
{
  font-family: Tahoma;
  font-size: 8pt;
  font-weight: normal;
  color: #616161;
  text-align: justify;
  width: 400px;
  line-height: 18px;
  margin-left: 12px;
  margin-top: 2px;
}

.date-text{
  font-family: Tahoma;
  font-size: 8pt;
  color: #a4e3ff;
  font-weight: bold;
  margin-left: 12px;
  margin-top: 2px;
}


hr{
  background-color: #00deff;
  width: 200px;
  color: #00deff;
  border: solid 1px #00deff;

}
a.nav:link {color: #ffffff; text-decoration: none; }
a.nav:visited {color: #ffffff; text-decoration: none; }
a.nav:hover {color: #ffff99; text-decoration: underline; }
a.nav:active {color: blue; }





/*globalnav*/

     #globalnav {
             position:relative;
             float:left;
             width:100%;
             padding:0 0 1.75em 1em;
             margin:0;
             list-style:none;
             line-height:1em;
     }

     #globalnav LI {
             float:left;
             margin:0;
             padding:0;
     }

     #globalnav A {
             display:block;
             color:#444;
             text-decoration:none;
             font-weight:bold;
             background:#ddd;
             margin:0;
             padding:0.25em 1em;
             border-left:1px solid #fff;
             border-top:1px solid #fff;
             border-right:1px solid #aaa;
     }

     #globalnav A:hover,
     #globalnav A:active,
     #globalnav A.here:link,
     #globalnav A.here:visited {
             background:#bbb;
     }

     #globalnav A.here:link,
     #globalnav A.here:visited {
             position:relative;
             z-index:102;
     }

     /*subnav*/

     #globalnav UL {
             position:absolute;
             left:0;
             top:1.5em;
             float:left;
             background:#bbb;
             width:100%;
             margin:0;
             padding:0.25em 0.25em 0.25em 1em;
             list-style:none;
             border-top:1px solid #fff;
     }

     #globalnav UL LI {
             float:left;
             display:block;
             margin-top:1px;
     }

     #globalnav UL A {
             background:#bbb;
             color:#fff;
             display:inline;
             margin:0;
             padding:0 1em;
             border:0
     }

     #globalnav UL A:hover,
     #globalnav UL A:active,
     #globalnav UL A.here:link,
     #globalnav UL A.here:visited {
             color:#444;
     }

     /************************ General Section Ends ****************************/