/* Extensions css */
/* Global Styles */

* {
  margin:0;
  padding:0px;
  color:#5A595C;
  background-color:white;
  font:14px Arial,Helvetica,'Times New Roman',Times,serif;
  }

body {
  width:1101px;
  height:100.1%;
  }

h1,
.content .csc-subheader-1 {
  font-size:26px;
  font-weight:bold;
  letter-spacing:.1em;
  }

h2,
h3,
h4,
h5,
.content .csc-subheader-2,
.content .csc-subheader-3 {
  font-weight:bold;
  }

h2,
.content .csc-subheader-2  {
  font-size:22px;
  }

h3,
.content .csc-subheader-3  {
  font-size:20px;
  }

h4 {
  color:#000000;
  font-size:18px;
  }

h5 {
  color:#000000;
  font-size:14px;
  }


p {
  font-size:13px;
  }

a {
  font-size:11px;
  text-decoration:none;
  }

a:hover {
  font-size:11px;
  color: #777777;
  text-decoration:none;
  }

/* class Styles */

.gesamtcontent {
  height:1225px;
  width:1101px;
  overflow:hidden;
  }

.gesamtheader {
  position:absolute;
  top:0px;
  left:0px;
  width:1101px;
  height:306px;
  float:left;
  overflow:hidden;
}

.header {
  background: url(/fileadmin/design/HPW/10-template/divbg-45.jpg) repeat-x;
  position:absolute;
  top:0px;
  left:0px;
  height:80px;
  width:1101px;
  z-index:10;

  }

.oben-logo {
  position:absolute;
  top:25px;
  left:140px;
  z-index:11;
  }

.oben-logo img{
  height:40px;
  width:211px;
  }

.menu_1 {
  font-size: 11px;
  color:#8a8a8a;
  position:absolute;
  top:15px;
  left:1015px;
  z-index:30;
  padding:0;
  margin:0;
  text-decoration: none;
  background-color:transparent;
  }

.menu_1 a, .menu_1  a:visited {
  font-size: 11px;
  color:#666666;
  text-decoration: none;
  }

.menu_1 a:hover {
  font-size: 11px;
  color:#666666;
  text-decoration: underline;
  cursor:pointer;
  }

/*---------------------------------------------*/
#menu_2_gesamt {    /* gesamtes Menü2 */
  position:absolute;
  top:80px;
  left:150px;       /* um Untermenü vorrücken zu können */
  z-index:30;
  width:966px;
  padding:0;
  margin:0;
  }

div#menu_2_gesamt div {
  clear:left;
  }

#menu_2,
#menu_2 ul {
  font-size:11px;
        float: left;
  width:966px;
        list-style: none;
        line-height: 1em;
        background-color: white;
        color: #888888;
        font-weight: bold;
        padding: 0;
  margin: 0 0 1em 0px;
}

#menu_2 a {
        display: block;
        color: #888888;
        text-decoration: none;
        padding: 0.25em 0em;
}

#menu_2 a.menuparent  {
        background: url(arrow.gif) no-repeat 90% 40%;
}

#menu_2 li {
        float: left;
        padding: 0;
        width: 13em;
}

#menu_2 li ul {
        position: absolute;
        left: -999em;
        height: auto;
        width: 13em;
        font-weight: normal;
        border-width: 0.25em;
  margin: 0;

}

#menu_2 li ul li {
  position: relative;
  left: -15px;
  border:1px solid #BABABA;
  margin:-1px -15px 0 0;
  width:13em;
  }

#menu_2 li li {
        width: 13em;
}

#menu_2 li ul a {
        width: 13em;
  padding-left:2px;
  margin: 0;
}

#menu_2 li ul ul {
        margin: -1.75em 0 0 13em;
}

#menu_2 li:hover ul ul,
#menu_2 li:hover ul ul ul,
#menu_2 li.sfhover ul ul,
#menu_2 li.sfhover ul ul ul {
        left: -999em;
        color: #666666;
        background-color: #FFFFFF;
}

#menu_2 li:hover ul,
#menu_2 li li:hover ul,
#menu_2 li li li:hover ul,
#menu_2 li.sfhover ul,
#menu_2 li li.sfhover ul,
#menu_2 li li li.sfhover ul {
        left: auto;
        color: #666666;
        background-color: #FFFFFF;
}

#menu_2 li:hover,
#menu_2 li.sfhover,
#menu_2 li a:hover,
#menu_2 li a.sfhover,
#menu_2 li ul li a:hover,
#menu_2 li ul li a.sfhover {
        background-color: #EEEEEE;
        color: #666666;
}

/*---------------------------------------------*/
.film_titel {
  background: url(/fileadmin/design/HPW/10-template/backflash.jpg) no-repeat;
  float:left;
  margin:0px 0px 20px 0px;
  padding:0px;
  width:1101px;
  height:176px;
  position:absolute;
  top:110px;
  left:0px;
  z-index:20;
  }

.film_embed {
  position:absolute;
  top:0px;
  left:150px;
  z-index:1;
  }

/*----------------------------------------------*/
.left_gesamt {
  font-size: 9px;
  color:#5A595C;
  position:absolute;
  top:300px;
  left:0px;
  z-index:31;
  background-color:white;
  float:left;
  width:130px;
  padding:5px;
  }

.left h4 {
  font-size:18px;
  }

.left,
.left p {
  font-size: 10px;
  }

.left .external-link-new-window {
  font-size: 11px;
  color:red;
  }

.left .external-link-new-window:hover {
  font-size: 12px;
  color:red;
  font-weight:bold;
  }
/*----------------------------------------------*/

.content {
  width:936px;
  float:left;
  position:absolute;
  top:300px;
  left:0px;
  z-index:50;
  margin:0px 15px 0px 150px;
  }

.content .external-link-new-window {
  font-size: 12px;
  color:red;
  }

.content .external-link-new-window:hover {
  font-size: 13px;
  color:red;
  font-weight:bold;
  }
/*---------------------------------------------*/

.bodytext {
  font-size:14px;
  color:#5A595C;
  }

.aufz-tab {
  float:left;
  width:50%;
  margin-left:50px;
  }

.re-tab {
  float:left;
  margin-left:50px;
  }

.re-tab .td-0 {
  width:10px;
  }

.aufz-tab .td-0 {
  text-align:left;
  width:60%;
  }

.aufz-tab .td-1 {
  text-align:left;
  }

.robi-1 {
  margin-left:160px;
  }

.robi-1 .td-0,
.robi-1 .td-1,
.robi-1 .td-2,
.robi-1 .td-3,
.robi-1 .td-4 {
  width:10px;
  }

.robi-1 .td-1 {
  width:285px;
  }

.robi-1 .td-2 {
  width:10px;
  }

.robi-1 .td-4 {
  width:285px;
  }

.robi-2 {
  float:left;
  margin:0 0 25px 25px;
  }

.mech-park {
  margin:0;
  }

.mech-park .td-0 {
  width:5px;
  text-align:left;
  }

.mech-park .td-1,
.farbe .td-1 {
  width:10px;
  text-align:left;
  }

.mech-park .td-2 {
  width:380px;
  }

.farbe,
.farbe-kab-breit {
  width:450px;
  }

.farbe-kab,
.farbe-kab-breit {
  float:left;
  margin:0 0 0 50px;
  padding:0;
  border=0;
  }

.farbe-kab .td-0 {
  margin:0;
  width:200px;
  }

.farbe-kab .td-1 {
  margin:0;
  width:20px;
  }

.farbe-kab .td-2 {
  margin:0;
  }

.csc-textpic-image {
  padding-bottom:3px;
  }

.csc-textpic-text {
  float:left;
  }