/* GENERAL */ 
/* ------------------------------------------------------------------------------ */
html, *, input, textarea, p, div, ul, li, img, button {
  font: normal 13px/18px Arial, Verdana, Helvetica, sans-serif;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
body {
  color: #38393A;
  background-color:#F8F9FA;
  background-image:url(../images/framework/bg.jpg);
  background-repeat:repeat-x;
}
/* ============================================================================== */
 


/* TEXT */
/* ------------------------------------------------------------------------------ */
p {
  margin: 0px 0px 10px 0px;
}
.teaser p {
  margin: 0px 0px 10px 0px;
}
p.subline {
  font-weight: bold;
}
strong {
  font-weight: bold;
}
p.marginbottom {
  margin-bottom: 100px;
}
cite {
  clear:both;
  display:block;
  padding-left:17px;
  background:url(../images/framework/sprites.gif) no-repeat -150px -150px;
}
p.author {
  color:#666;
  font-weight:bold;
  font-style:italic;
  margin:8px 0px 25px 17px;
  clear:both;
}
p.underline-pic {
  font-size:11px;
  margin-top:4px;
}

/* ??? */
body#popup {
  padding: 13px 11px 0px 11px;
  background-color: #fff;
  background-image: none;
  margin: 0px;
}

div.tabs-bar .b {
  font-size:12px;
}


/* ==================================== zum loeschen vorgesehen ========================================== */

          /* TEST Container (evtl. l?schen) */
          .container-divide {
            clear: both;
            border: 1px solid red;
            padding-bottom: 10px;
          }
          .left-con {
            float: left;
            width: 466px;
            background-color: #999900;
          }
          .right-con {
            float: left;
            width: 200px;
            background-color: #ff0;
          }
          /* Ende --> TEST Container (evtl. l?schen) */


span.small {
  font-size:10px;
  color:#666666;
}


/* Shadow (left and right)*/
#shadow-container {
  position: relative;
  width: 0px!important;
}

#shadow-left, #shadow-right {
  position: absolute;
  top: 129px;
  left: 0px;
  width: 5px;
  height: 550px;
  background:url(../images/framework/sprites.jpg) no-repeat -800px -0px;
}
#shadow-right {
  left: 750px;
  background:url(../images/framework/sprites.jpg) no-repeat -805px -0px;
}


/* ENDE Shadow (left and right) */


.no-space {
  margin-top: 0px;
}
/* ============================================================================== */

#jobheader {
  margin-left:-15px;
  margin-top:-26px;
  margin-bottom:15px;
}

/* HEADLINES */
/* ------------------------------------------------------------------------------ */
h1, h2, h3, h4, h5, h6 {
  font: normal 13px/140% Arial, Helvetica, sans-serif;
/*  clear:both;  */
}

.spacing-bottom {
  margin-bottom: 100px;
}


/* H1 */
h1 {
  margin: 0px 0px 10px 0px;
  font-size: 20px;
  line-height: 95%;
  color: #1a40ad;
}
.teaser h1 {
  margin: 10px 0px;
}

h1.jobs {
  margin: 25px 0px 25px 0px;
  text-align: center
}

/* H2 */
h2 {
  margin: 27px 0px 10px 0px;
  font-size: 18px;
  line-height: 25px;
  color: #1a40ad;
}
h2.gallery {
  margin: 8px 0px 22px 28px;
}

h2.nospace, h3.nospace, h4.nospace {
  margin-top: 0px;
  padding:0px;
}


/* H3 */
h3 {
  padding: 13px 0px 8px 0px;
  font-size: 14px;
  font-weight: bold;
  color: #1a40ad;
}
.r h3 {
  padding: 0px 0px 10px 0px;
}
.boxcontent h3 {
  margin:0px;
  padding:0px;
}


/* ==================================== zum l?schen vorgesehen ========================================== */
/*          td > h3, td > img {
            margin: 28px 0px 2px 0px;
          }
*/

.teaser h3 {
  margin: 0px 0px 12px 0px;
  color: #232324;
}
.co-bl .r h3,
.co-bl .l h3 {
  margin-top: 0px;
}
.boxcontent h3,
div.r h2 {
  margin: 0px 0px 10px 0px;
}
div.presspicvariants h3 {
  margin: 0px;
  padding: 0px;
}
h4 {
  margin: 15px 0px 7px 0px;
  font-size: 14px;
  font-weight: bold;
  color: #585858;
}
/* ============================================================================== */



/* CONTAINER */
/* ------------------------------------------------------------------------------ */


/* ==================================== zum l?schen vorgesehen ========================================== */
      .color {
        background-color: #fc00ff;
      }

/* Columns to 100% without Teaser-Column */
.margin-right,
.margin-left,
.half,
.third {
  width: 100%;
}
.co-bl .l .primary-btn {
  float: left;
}
/* commentar */
.margin-left .l {
  width: 222px;
}

/* Ge?ndert wegen fester Breite #content auf 700 pixel */
.margin-left .r {
  width: 466px!important;
}
/* one third / two third in tab box */
.margin-left-box .l {
  width: 200px;
}
.margin-left-box .r {
  width: 450px;
}
.co-bl .l {
  float: left;
}

/* Award Picture in center */
.co-bl .l-award {
  float: left;
  text-align:center;
  width:222px;
}


.l-middle {
  float:left;
  padding-left:30px;
  margin-right:30px;
}
.co-bl .m {
  float: left;
}
.m-middle {
  float:left;
  padding-left:30px;
  margin-right:30px;
}
.co-bl .r {
  float: right;
  /*content block margin*/
 /* margin-bottom: 25px; */
}
.r-middle {
  float:left;
  padding-left:30px;
}
.teaser.l {
  width: 120px;
}
.teaser .r {
  width: 394px;
}
.half .l {
  width: 344px;
}
.half .r {
  width:344px;
}
.third .l {
  width: 222px;
}
.third .m {
  width: 223px;
}
.third .r {
  width: 222px;
}
.margin-right .l {
  width: 466px;
}
.margin-right .r {
  width: 222px;
}
/* ============================================================================== */



/* HOTBOX */
/* ------------------------------------------------------------------------------ */
.hotbox {
  clear: both;
  width: 250px;
  background-repeat: repeat-x;
  display: block;
}
.box_yellow {
  background: #fff7bd url(../images/boxen/box_gradient.gif) repeat-x;
  border: 1px solid #fff;
  display: block;
}
.box_blue {
  background: #d2e9ff url(../images/boxen/box_gradient_blue.gif) repeat-x;
  border: 1px solid #fff;
  display: block;
}
/* If Hotbox floats on the right side */
.hotboxright {
  float: right;
  width: 174px;
}
/* Box Content Container (colors) */
.boxcont_yellow {
  border: 1px solid #ffe052;
  border-bottom: 1px solid #fff7bd;
  background:none;
}
.boxcont_blue {
  border: 1px solid #b2c9de;
  border-bottom: 1px solid #d2e9ff;
  background:none;
}
.boxcontent {
  border-top: 0px solid #fff;
  padding: 7px 7px 0px 7px;
  clear: both;
  background:none;
}
.boxcontent li {
  background: url(../images/framework/headline_pfeil.gif) no-repeat 4px 3px;
  padding-left: 30px;
}
.container_curves {
  height: 6px;
  clear: both;
}
.curve {
  height:6px;
  width:50%;
  background-repeat:repeat-x;
}
.boxright {
  float: right;
  text-align: right;
}
.boxleft {
  float: left;
  text-align: left;
}
/* Box Foot Color */
.boxup_yellow {
  background-image: url(../images/boxen/dwnl_box_BG_ob.gif);
}
.boxdown_yellow {
  background-image: url(../images/boxen/dwnl_box_BG_un.gif);
}
.boxup_blue {
  background-image: url(../images/boxen/box_BG_blue_ob.gif);
}
.boxdown_blue {
  background-image: url(../images/boxen/box_BG_blue_un.gif);
}
/* ============================================================================== */



/* LANGUAGE BOX */
/* ------------------------------------------------------------------------------ */
#language-box {
  z-index: 300;
  width: 130px;
  position: absolute;
  margin: 32px 0px 0px 605px;
}
#language-box-link {
  display: block;
  height: 17px;
  background: url(../images/framework/language-overlay.jpg?rnum=31989) no-repeat 0px 0px;
}
#language-box .hovered,
#language-box .open,
#language-box .loading {
  background: url(../images/framework/language-overlay.jpg?rnum=31989) no-repeat 0px -17px !important;
}
#language-box-content {
  display: none;
  border: 1px solid #D2E8FF;
  text-align: left;
  overflow: hidden;
  padding: 4px 0px 4px 0px;
  background-color: #aad1fa;
  background-image: url(../images/boxen/language_box_BG_gradient.jpg);
}

#language-box-content a {
  display: block;
  padding: 1px 1px 1px 29px;
  text-decoration: none;
  height: 20px;
  background-position: 5px 4px;
  background-repeat: no-repeat;
}
#language-box-content a:hover {
  background-color: #1857da;
  color: #fff;
}

/* ============================================================================== */



/* BILDER */
/* ------------------------------------------------------------------------------ */
div.presspic {
  float: left;
  margin-right: 10px;
  width: 85px;
  height: 130px;
}
/* Teaser Picture */
img#categorypic {
  margin: 15px 0px;
  height: 198px;
  width: 120px;
  float: left;
}
div.presspicvariants {
  float: left;
}
/* ============================================================================== */



/* LISTEN */
/* ------------------------------------------------------------------------------ */
ul {
  margin: 0px 0px 0px 0px;
  padding: 0px;
  list-style: none;
}
.point li, .biglist li {
  background: url(../images/framework/sprites.gif) no-repeat -685px -497px;
  padding-left: 30px;
  margin-bottom: 5px;
  list-style: none;
}
.links li {
  width:675px;
  background: url(../images/framework/sprites.gif) no-repeat -683px -197px;
  padding-left: 30px;
  list-style: none;
  margin-bottom: 5px;
}

.links li.small {
  width:466px;
}

.point li ul {
  list-style: none;
  margin: 5px 0px;
  line-height: 18px;
}

/* einger?ckte unterlisten werden schmaler */
.point li ul li{
  width: 640px;
}

.flags {
  margin: 25px 0px 120px 0px;
}
.flags li img {
  vertical-align: middle;
  margin-right: 8px;
}
.flags li {
  margin: 0px 0px 15px 0px;
  background: none;
  padding-left: 0px;
  list-style: none;
}
ol {
  list-style: decimal;
  background: none;
  margin: 0px 0px 20px 0px;
}
ol li {
  margin: 0px 0px 10px 20px;
  list-style-type: decimal;
  background: none;
}
/* Listen inside the blue box */
.point_box_blue li {
  margin: 0px 0px 5px 0px;
  background: url(../images/framework/point2_trans.png) no-repeat 2px 1px;
  padding-left: 30px;
  list-style: none;
  line-height: 18px;
}
.links_box_blue li {
  margin: 0px 0px 4px 0px;
  background: url(../images/framework/link3_trans.png) no-repeat 2px 1px;
  padding-left: 30px;
  list-style: none;
  line-height: 18px;
}
.boxlinks {
  margin:0px;
  clear:both;
}
.boxlinks li {
  margin: 0px 0px 5px 0px;
  background: url(../images/framework/headline_pfeil.gif) no-repeat 0px 1px;
  padding-left: 22px;
  list-style: none;
  line-height: 18px;
}
.boxpoint {
  margin: 0px;
  margin: 0px 0px 15px 0px;
}
.boxpoint li {
  margin: 0px 0px 2px 0px;
  background: url(../images/framework/boxpoint.gif) no-repeat 0px 1px;
  padding-left: 22px;
  list-style: none;

}
.checklist li {
  margin: 0px 0px 5px 0px;
  background: url(../images/framework/sprites.gif) no-repeat;
  background-position:-681px -349px;
  padding-left: 30px;
  list-style: none;
}

ul.small-list li {
  width: 420px;
}

/* SMALL LISTS FOR IE6 - Jede Liste braucht f?r jeden container eine eigene, angepasste breite */
.half .l ul li,
.half .r ul li{
  width: 300px;
}
.margin-right ul li {
  width: 420px;
}
/* ============================================================================== */



/* FORMULARE */
/* ------------------------------------------------------------------------------ */
textarea, input {
  border: 1px solid #ccc;
}
button {
  padding: 0px;
  margin: 0px;
  border: 0px;
  background: none;
  cursor: pointer;
}
/* ============================================================================== */




/* BUTTONS */
/* ------------------------------------------------------------------------------ */
.primary-btn img,
.secondary-btn img {
  border: 0px;
}
.primary-btn,
.secondary-btn {
  display: inline;
  overflow: hidden;
  color: #000;
  text-decoration: none;
  height: 39px!important;
  font-family: Arial, Helvetica, sans-serif;/*  clear: both!important; */
}
.primary-btn .b,
.secondary-btn .b {
  float: left;
  height: 30px;
  padding-top: 9px;
  padding-bottom: 0px;
  padding-left: 10px!important;
  padding-right: 10px!important;
  background: url(../images/framework/sprites.jpg) no-repeat -550px -300px;
  cursor: pointer;
  overflow: hidden;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;

}
.primary-btn .b2,
.secondary-btn .b2 {
  float: left;
  height: 37px;
  padding-top: 2px;
  padding-bottom: 0px;
  padding-left: 10px!important;
  padding-right: 10px!important;
  background: url(../images/framework/sprites.jpg) no-repeat -550px -300px;
  cursor: pointer;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 16px;
}
.primary-btn .l,
.secondary-btn .l {
  position: relative;
  float: left;
  height: 39px;
  width: 44px;
  background: url(../images/framework/sprites.jpg) no-repeat -450px -300px;
}
.primary-btn .l .download,
.secondary-btn .l .download {
  height: 39px;
  display: block;
  width: 44px;
  background: url(../images/framework/sprites.jpg) no-repeat -400px -300px;
}
.primary-btn .l .buy,
.secondary-btn .l .buy {
  height: 39px;
  display: block;
  width: 44px;
  background: url(../images/framework/sprites.jpg) no-repeat -350px -300px;
}
.primary-btn .r,
.secondary-btn .r, .secondary-btn .but-r {
  float: left;
  height: 39px;
  width: 7px;
  background: url(../images/framework/sprites.jpg) no-repeat -500px -300px;
}
.primary-btn:hover,
.primary-btn:hover .l,
.primary-btn:hover .r,
.secondary-btn:hover,
.secondary-btn, hover .l,
.secondary-btn:hover .r {
  text-decoration: none;
  color: #000000;
  /*background-position: 0px -39px;*/
}

/* Secondary Button */
.secondary-btn-left,
.secondary-btn-right {
  background: url(../images/framework/sprites.jpg) no-repeat -50px -500px;
  width: 5px;
  height: 26px;
  float: left;
}
.secondary-btn-center {
  font-family: Arial, Helvetica, sans-serif;
  float: left;
  background: url(../images/framework/sprites.jpg) no-repeat -150px -500px;
  height: 23px;
  font-size: 12px;
  line-height: 22px;
  padding: 3px 9px 0px 6px;
}
.secondary-btn-right {
  background: url(../images/framework/sprites.jpg) no-repeat -100px -500px;
  padding: 0px;
  margin: 0px;
}


/* Icon container for Secondary Button */
.icon-scnd {
  background-repeat: no-repeat;
  margin:0px;
  margin-top: 4px;
  float: left;
  width:1px;
}
/* Classes for diferent icons */
.icon-download {
  background-image: url(../images/secondary_download.png);
  width: 15px;
  height: 15px;
}


/* ==================================== zum l?schen vorgesehen ========================================== */
            p.button-clear {
              clear: both;
            }
/* ============================================================================== */


.lbbox {
  border:1px solid #C1C5C9;
  margin:5px 0px 10px;
  text-align:left;
  width:200px;
}
.lbbox .hdr {
  background:#E2EEFF url(../images/lbbox_bg.gif) repeat-x scroll 0%;
  color:#20103C;
  font-family:Verdana,Arial,Helvetica;
  font-size:10px;
  font-weight:bold;
  height:24px;
}


.lbbox .hdr p {
  height:29px;
  font-weight:bold;
  color:#20103C;
  font-family:Verdana,Arial,Helvetica;
  font-size:10px;
  margin:0px;
  padding:4px 0px 0px 4px;
}
.lbbox .cnt {
  padding:10px 0px 0px 10px;
}
.lbbox .cnt p {
  margin:0px 12px 10px 0px;
  padding:0px;
}

/*  Framework ----------------------------------------------------------------- */

#container {
  background-color:#F8F9FA;
  background-image:url(../images/nav/cnt_bg.gif);
  background-repeat:repeat-y;
  margin:auto;
  width:755px;
}
#header {
  background: url(../images/framework/sprites.jpg) no-repeat 0px 0px;
  height:129px;
}


#body {
  background: url(../images/framework/sprites-be.jpg) no-repeat 0px -34px;
  width: 750px;
  margin: 0px;
  border: 0px;
  padding: 1px 0px 0px 0px;
}
#content {
  margin: 25px 20px 0px 20px;
  padding-bottom: 25px;
  width: 710px;
  min-height:450px;
  height:auto !important;
  height:450px;
}

#jobheader {
  margin-left:-15px;
  margin-top:-26px;
  margin-bottom:15px;
}




/* FOOTER */
/* ------------------------------------------------------------------------------ */
 .footer {
  background: url(../images/framework/sprites.jpg) no-repeat 0px -200px;
  width: 755px;
  height: 86px;
  margin: auto;
  clear: both;
}
.footer .content {
  padding: 5px 0px 0px 12px;
  line-height: 19px;
}
.footer *,
.footer .content a:link {
  color: #676767;
  font-size: 12px;
}
span.divide {
  margin: 0px 11px;
}
/* ============================================================================== */



/*  Elements ----------------------------------------------------------------------------------------------------------------------------------- */
.hr-fullsize {
  height: 29px;
  width: 700px;

  margin: 8px 0px 8px 0px !important;
  background: url(../images/framework/sprites-be.jpg) no-repeat 50% 0;
  clear:both;


}


/* ==================================== zum l?schen vorgesehen ========================================== */
.hr-halfsize {
  height: 45px;
  width: 500px;
  background: url(../images/framework/hr.png) no-repeat 50%;
  display: block;
  clear: left;
}

.more-space {
  margin: 33px 0px!important;

}

li a:hover,
address a:hover,
p a:hover {
  text-decoration: underline;
}
/*  Fonts ----------------------------------------------------------------------------------------------------------------------------------- */
address {
  font-style: normal;
  margin-bottom: 15px;
}
.imgleft {
  float: left;
  margin-right: 12px;
  margin-bottom: 15px;
}

/* ==================================== zum l?schen vorgesehen ========================================== */
.space {
  height: 10px;
  width: 20px;
  float: left;
  display: block;
}
div.clear {
  clear: both;
  line-height: 0px;
  font-size: 0px;
  height: 0px;
  margin: 0px;
  padding: 0px;
  width: 100%;
  background: none;
}
p.clear {
  clear: both;
  padding-top: 15px;
}

.right {
  padding-left: 10px;
}
.left {
  width: 200px;
  float: left;
}
.img-left {
  float: left;
}
code {
  font-family: "Courier New", Courier, monospace;
}
#container-1 {
  width: 540px;
}
/* ============================================================================== */




/* RESELLER WERBEMITTEL */
/* ------------------------------------------------------------------------------ */
div.advcontent {
  margin:10px 0px 15px 0px;
  display:block;
  clear:both;
}

a.advlink {
  cursor:pointer;
  background: url(../images/framework/link3.gif) no-repeat 2px 1px;
  padding-left: 30px;
  list-style: none;
  margin-bottom: 5px;
  width:30px;;
  display:block;
  clear:both;
}

img.advbanner {
  float:left;
  margin:0px 20px 15px 0px;
}

img.advscreenshot {
  margin-top:5px;
}

div.advgrafik {
  float:left;
  margin:0px 0px 5px 12px;
  height:230px;
  padding:0px;
}

div.advlistbox {
  float:left;
  width:250px;
}






/*
 * navigation
 */
#nav-l1{
  margin: 0 7px;
  position: absolute;
  top: 96px;
  width: 735px;
}

a.nav-l1 div, a.nav-l1-selected div {
  float: left;
  height: 33px;
  margin: 0;
  width: auto;
}
a.nav-l1 span.l, a.nav-l1 span.m, a.nav-l1 span.r {
  display: block;
  float: left;
  padding-top: 7px;
  height: 26px;
  width: 10px;
  vertical-align: middle;
  background-repeat: no-repeat;
}
a.nav-l1 span.l {
  background-image: url(../images/nav/first_tab_l.png);
  /* background-image: url(../images/standard.png);
  background-position:0px -219px;
  height:140px;
  border:1px solid red; */
}
a.nav-l1 span.m {
  background-repeat: repeat;
  height: 26px;
  width: auto;
  background-image: url(../images/nav/first_tab_m.png);

  color: #FFFFFF;
  text-decoration: none;
  font-size: 13px;
  font-weight: bold;

  /* background-image: url(../images/standard.png);
   background-position:0px -282px;
   border:1px solid #fff; */
}
a.nav-l1 span.r {
  background-image: url(../images/nav/first_tab_r.png);
}

a.nav-l1-selected span.l, a.nav-l1-selected span.m, a.nav-l1-selected span.r {
  display: block;
  float: left;
  padding-top: 7px;
  height: 26px;
  width: 10px;
  vertical-align: middle;
  background-repeat: no-repeat;
}

a.nav-l1-selected span.l {
  background-image: url(../images/nav/first_tab_selected_l.png);
}

a.nav-l1-selected span.m {
  background-repeat: no-repeat;
  width: auto;
  background-image: url(../images/nav/first_tab_selected_m.png);

  font-size: 13px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}
a.nav-l1-selected span.r {
  background-image: url(../images/nav/first_tab_selected_r.png);
}
a.nav-l1:hover span.l {
  background-image: url(../images/nav/first_tab_hover_l.png);
}
a.nav-l1:hover span.m {
  background-image: url(../images/nav/first_tab_hover_m.png);
}
a.nav-l1:hover span.r {
  background-image: url(../images/nav/first_tab_hover_r.png);
}


#nav-l2 {
  background-color: #DBEAFF;
  background: url(../images/framework/sprites.jpg) no-repeat 0px -150px;
  height: 32px;
  width: auto;
  padding: 5px 0px 0px 0px;
  white-space: nowrap;
  overflow:hidden;
}

a.nav-l2 div, a.nav-l2-selected div {
  height: 26px;
  margin: 0;
  white-space: nowrap;
}

a.nav-l2 span.l, a.nav-l2 span.m, a.nav-l2 span.r {
  display: block;
  float: left;
  height: 23px;
  width: 6px;
  padding-top: 3px;
  vertical-align: middle;
  background-repeat: no-repeat;
}

a.nav-l2:link span.l, a.nav-l2:visited span.l, a.nav-l2 span.l {
  background-image: url(../images/spacer.gif);
}
a.nav-l2:link span.m, a.nav-l2:visited span.m, a.nav-l2 span.m {
  white-space: nowrap;
  background-repeat: repeat-x;
  width: auto;
  background-image: url(../images/spacer.gif);
  color: #000000;
  text-decoration: none;
}
a.nav-l2:link span.r, a.nav-l2:visited span.r, a.nav-l2 span.r {
  background-image: url(../images/spacer.gif);
}
a.nav-l2 span, a.nav-l2-selected span {
  background-image:  none;
  height: 23px!important;
  overflow: hidden!important;
}

a.nav-l2:hover span.l, a.nav-l2-selected:hover span.l {
  background: url(../images/framework/sprites.jpg) no-repeat 0px -350px;
}
a.nav-l2:hover span.m, a.nav-l2-selected:hover span.m {
  background: url(../images/framework/sprites.jpg) no-repeat -50px -350px;
}
a.nav-l2:hover span.r, a.nav-l2-selected:hover span.r {
  background: url(../images/framework/sprites.jpg) no-repeat -300px -350px;
}


a.nav-l2-selected span.l, a.nav-l2-selected span.m, a.nav-l2-selected span.r {
  display: block;
  float: left;
  height: 23px!important;
  overflow: hidden;
  width: 6px;
  padding-top: 3px;
  vertical-align: middle;
  background-repeat: no-repeat;
}

a.nav-l2-selected span.l {
  background: url(../images/framework/sprites.jpg) no-repeat -400px -350px;
}
a.nav-l2-selected span.m {
  white-space: nowrap;
  width: auto;
  background: url(../images/framework/sprites.jpg) no-repeat -450px -350px;
  color: #000000;
  text-decoration: none;
}
a.nav-l2-selected span.r {
  background: url(../images/framework/sprites.jpg) no-repeat -700px -350px;
}

#nav-l3 {
  margin: 7px 0px;
  padding: 3px 0;
  height: 34px;
  background: url(../images/framework/sprites.jpg) no-repeat -100px -400px;
}

#nav-l3 .l,
#nav-l3 .r {
  margin-top:-3px;
  width: 12px;
  float: left;
  background: url(../images/framework/sprites.jpg) no-repeat 0px -400px;
}
#nav-l3 .m {
  font-size: 12px;
  text-decoration: none;
  color: #000000;
}
#nav-l3 .r {
  float: right;
  background: url(../images/framework/sprites.jpg) no-repeat -50px -400px;
}

#nav-l3 a.nav-l3 .l,
#nav-l3 a.nav-l3 .m,
#nav-l3 a.nav-l3 .r,
#nav-l3 a.nav-l3-selected .l,
#nav-l3 a.nav-l3-selected .m,
#nav-l3 a.nav-l3-selected .r {
  margin:0;
  padding:0;
  float:left;
  display:block;
  width:5px;
  height:19px;
  padding:3px 0;
  background-repeat:repeat-x;
  background-image: url(../images/spacer.gif);
}
#nav-l3 a.nav-l3 .m {
  width:auto;
  font-weight:normal;
  text-decoration:none;
}


#nav-l3 a.nav-l3:hover .l {
  background: url(../images/framework/sprites.jpg) no-repeat 0px -351px;
}
#nav-l3 a.nav-l3:hover .m {
  background: url(../images/framework/sprites.jpg) no-repeat -50px -351px;
}
#nav-l3 a.nav-l3:hover .r {
  background: url(../images/framework/sprites.jpg) no-repeat -301px -351px;
}

#nav-l3 a.nav-l3-selected .l {
  background: url(../images/framework/sprites.jpg) no-repeat 0px -451px;
}
#nav-l3 a.nav-l3-selected .m {
  background: url(../images/framework/sprites.jpg) no-repeat -50px -451px;
  width:auto;
  font-weight:bold;
}
#nav-l3 a.nav-l3-selected .r {
  background: url(../images/framework/sprites.jpg) no-repeat -300px -451px;
}

#nav-ml-l3 {
  margin: 7px 0px;
  padding: 0;
  height: 55px;
  background-repeat: repeat-x;
  background: url(../images/framework/navi-3l.gif) no-repeat -100px -50px;
}

#nav-ml-l3 .l,
#nav-ml-l3 .r {
  height: 55px;
  width: 12px;
  float: left;
  background: url(../images/framework/navi-3l.gif) no-repeat 0px -50px;
}
#nav-ml-l3 .m {
  font-size: 12px;
  text-decoration: none;
  color: #000000;
}
#nav-ml-l3 .r {
  float: right;
  background: url(../images/framework/navi-3l.gif) no-repeat -50px -50px;
}

#nav-ml-l3 a.nav-l3 .l,
#nav-ml-l3 a.nav-l3 .m,
#nav-ml-l3 a.nav-l3 .r,
#nav-ml-l3 a.nav-l3-selected .l,
#nav-ml-l3 a.nav-l3-selected .m,
#nav-ml-l3 a.nav-l3-selected .r {
  margin:0;
  padding:0;
  height:37px;
  padding:0;
  background-repeat:repeat-x;
  background-image: url(../images/spacer.gif);
}
#nav-ml-l3 a.nav-l3 .m {
  font-weight:normal;
  text-decoration:none;
  padding-left:3px;
}

#nav-ml-l3 a.nav-l3:hover .l {
  background: url(../images/framework/navi-3l.gif) no-repeat 0px 0px;
}
#nav-ml-l3 a.nav-l3:hover .m {
  background: url(../images/framework/navi-3l.gif) no-repeat -50px 0px;
}
#nav-ml-l3 a.nav-l3:hover .r {
  background: url(../images/framework/navi-3l.gif) no-repeat -201px 0px;
}

#nav-ml-l3 a.nav-l3-selected .l {
  background-image: url(../images/framework/navi-3l.gif);
  background-repeat:no-repeat;
  background-position:-250px 0px;
}
#nav-ml-l3 a.nav-l3-selected .m {
  background-image: url(../images/framework/navi-3l.gif);
  background-repeat:no-repeat;
  background-position:-300px 0px;
  width:auto;
  font-weight:bold;
  padding-left: 3px;
}
#nav-ml-l3 a.nav-l3-selected .r {
  background-image: url(../images/framework/navi-3l.gif);
  background-repeat:no-repeat;
  background-position:-450px 0px;
}

/* ==== START Reseller Table ==== */
.arrow-up {
  display: block; 
  background: url(../images/resellers/arrow-up.jpg) no-repeat; 
  padding-left: 25px;
  width: 80px;
}

/* ==== Reseller Table ==== */
table#reseller {
  width:504px;
}

table#reseller th, table#reseller td {
  font-size:12px;
  line-height:14px;
}


/* Table Head */
th.col1_head, th.col2_head, th.col3_head {
  background: url(../images/resellers/tablehead.png) no-repeat;
  text-align:center;
  font-weight:bold;
  color:#fff;
  height:42px;
}
th.col1_head {
  background-position:0px 0px;
}
th.col2_head {
  background-position:center;
}
th.col3_head {
  background-position:right;
}


/* Table Subhead */
td.col1_subhead, td.col2_subhead, td.col3_subhead {
  background: url(../images/resellers/tablesubhead.png) no-repeat;
  text-align:center;
  font-weight:bold;
  color:#fff;
}
td.col1_subhead {
  background-position:left;
}
td.col2_subhead {
  background-position:center;
}
td.col3_subhead {
  background-position:right;
}


/* Table Foot */
td.col1_foot, td.col2_foot, td.col3_foot {
  background: url(../images/resellers/tablefoot.png) no-repeat;
  height:40px;
}
td.col1_foot {
  background-position:0px 0px;
}
td.col2_foot {
  background-position:-50px 0px;
}
td.col3_foot {
  background-position:-349px 0px;
}
/* ENDE Table Foot */

.even td.col1 ,.even td.col2 ,.even td.col3 {
  background: url(../images/resellers/gradient_blue.jpg) repeat-x;
}
td.col1 {
  border-right:1px solid #ccc;
  text-align:left;
  padding-left:7px;
}
td.col2 {
  border-right:1px solid #ccc;
  border-left:1px solid #fff;
  width:150px;
  text-align:center;
}
td.col3 {
  border-right:1px solid #4881b3;
  border-left:1px solid #fff;
  width:150px;
  text-align:center;
}
tr.odd {
  border-bottom:1px solid  #ccc;
  height:39px;
}
tr.even {
  background-position:bottom;
  border-bottom:1px solid  #ccc;
  
  height:39px;
}

td.first {
  width:1px;
  background-color:#4881b3;
  border-bottom:1px solid #4881b3;
}
/* ==== ENDE Reseller Table ==== */