/* CSS Document */
HTML {
  height: 100%;
  overflow: hidden;
}

BODY {
  background-color : #000000;
  width: 100%;
  margin : 0px 0px 0px 0px;
  overflow: hidden;
}

div.mainContent {
  position : relative;
  top : 0px;
  width : 840px; 
  height : 593px; 
  text-align: left;
  font-family : Arial;
  font-size : 11px;
}

div.leftFill {
  position : absolute;
  left : -270px;
  top : 0px;
  height : 593px;
  width : 270px;
  background-image : url(../images/leftFill.jpg);
}

div.flashTicker{
  position : absolute;
  left : 0px;
  top : 0px;
  height : 86px;
  width : 505px;
  background-image : url(../images/ticker.jpg);
}

div.logoHolder {
  position : absolute;
  left : 505px;
  top : 0px;
  height : 86px;
  width : 335px;
  background-image : url(../images/logoTop.jpg);
}

div.menuHolder{
  position : absolute;
  padding-left : 23px;
  padding-top : 51px;
  left : 0px;
  top : 86px;
  height : 242px;
  width : 118px;
  z-index : 2;
  background-image : url(../images/menuBackground.jpg);
}

div.leftPanel{
  position : absolute;
  left : 0px;
  top : 379px;
  height : 214px;
  width : 141px;
  background-image : url(../images/panelLeft.jpg);
}

div.contentHolder {
  position : absolute;
  left : 141px;
  top : 86px;
  height : 458px;
  width : 486px;
  line-height: 15px;
  padding-top : 49px;
  padding-left : 20px;
  padding-right : 20px;
  background-image : url(../images/backgroundFill.jpg);
  z-index : 1;
}

div.textHolder {
  position : absolute;
  width : 270px;
  left : 243px;
  top : 33px;
}

div.textOverImage {
 position : absolute;
 color : #ffffff;
 z-index : 3;
 font-weight : bold;
 font-size : 14px;
 top : 260px;
 left : 35px;
}

div.textOverImage2 {
 position : absolute;
 color : #ffffff;
 z-index : 3;
 font-weight : bold;
 font-size : 14px;
 top : 280px;
 left : 125px;
}

div.dropShadowImage{
 position : absolute;
 color : #000000;
 z-index : 2;
 font-weight : bold;
 font-size : 14px;
 top : 262px;
 left : 37px;
}

div.dropShadowImage2{
  position : absolute;
 color : #000000;
 z-index : 2;
 font-weight : bold;
 font-size : 14px;
 top : 282px;
 left : 127px;
}

div.pageImageHolder {
  position : absolute;
  width : 247px;
  left : 11px;
  top : 45px;
  z-index : 1;
}

div.pageKaderHolder {
  position : absolute;
  width : 247px;
  top : 45px;
  left : 11px;
  z-index : 2;
}


div.refMenuHolder {
  position : absolute;
  left : 667px;
  top : 86px;
  height : 507px;
  width : 526px;
}

div.panelRightTopHolder {
  position : absolute;
  color : #FFFFFF;
  font-family : Arial;
  font-weight : bold;
  font-size : 13px;
  left : 667px;
  top : 308px;
  height : 155px; 
  width : 173px;
}

div.panelRightBottomHolder {
  position : absolute;
  color : #FFFFFF;
  font-family : Arial;
  font-weight : bold;
  font-size : 13px;
  padding : 20px 10px 0px 21px;  
  left : 667px;
  top : 458px;
  height : 115px; 
  width : 142px;
  background-image : url(../images/panelRightBottom.jpg);
  cursor : pointer;
}

div.rightFill{
  position : absolute;
  left : 840px;
  top : 0px;
  height : 593px; 
  width : 90px;
  background-image : url(../images/rightFill.jpg);
}

div.dienstSubMenuHolder{
  position : absolute;
  top : 163px;
  left : 140px;
  z-index : 3;
  display : none;
}

div.newsHolder{
  position : absolute;
  left : 30px;
  width : 465px;
  height : 100px;
  border-bottom : 1px solid #cc071e;
}

div.newsItemHolder{
  position : absolute;
  left : 100px;
  width: 370px;
  top : 5px;
}

div.newsImageHolder{
 position : absolute;
}

div.newsImage{
 position : absolute;
 z-index : 1;
}

div.newsKaderHolder{
 position : absolute;
 z-index : 2;
}

div.newsText{
  position : absolute;
  width : 225px;
  height : 390px;
  left : 280px;
}

div.triangleImageHolder {
  position : absolute;
  left : -12px;
  z-index : 1;
}

div.triangleTextHolder{
  position : absolute;
  left : 27px;
  top : 16px;
  font-size : 14px;
  font-weight : bold;
  font-family : Arial;
  z-index : 2;
}

div.contentTextHolder {
  position : absolute;
  top : 50px;
  width : 240px;
  left : 27px;
  z-index : 3;
}

div.imageKaderLandscape{
  position : absolute;
  top : 21px;
  left : 6px;
  z-index: 2;
}

div.imageLandscape{
  position : absolute;
  top : 21px;
  left : 6px;
  z-index: 1;
}

div.contactHolder{
  position : absolute;
  top : 200px;
}

div.contactFormHolder{
  position : absolute;
  top : 222px;
  left : 150px;
  width : 250px;
}

div.formHolder {
  position : absolute;
  z-index : 2;
}

div.textAreaBgHolder{
  position : absolute;
  top : 172px;
  left : 74px;
  z-index : 1;
}

div.shopItemHolder{
  position : absolute;
  top : 200px;
  left : 10px;
  height : 275px;
  width : 510px;
  overflow-x: hidden;
  overflow: auto;
}

h1.contentHeader {
  font-family : Arial;
  font-size : 16px;
  margin-bottom : 10px;
}

h1.newsItemHead {
  font-family : Arial;
  font-size : 14px;
  margin-bottom : 5px;
}

input {
  font-family : Arial;
  border : 1px solid #e2e2e2;
  background-color : #e2e2e2;
  font-size : 11px;
}

input.frmSend {
  margin-top : 10px;
  border : none;
}

textarea {
  font-family : Arial;
  border : none;
  overflow : hidden;
  background-color : #e2e2e2;
  font-size : 11px;
}


a.contentLink{
  font-family : Arial;
  color : #cc071e;
  text-decoration : none;
  cursor : pointer;
}

a.contentLink:hover{
  text-decoration : underline;
}

.divPrevProduct{
  position: absolute;
  left: 25px;
  top: -6px;
}
.divNextProduct{
  position: absolute;
  left: 250px;
  top: -6px;
}

/*--UL & LI--*/

#menu {
  position: relative;
  width: 118px; 
  margin: 0px;
  padding: 0px;
  height: 216px;
  left: 0px;
  top: 0px;
  list-style: none;
  border-bottom: solid 2px #9f9f9f; 
}

.menuLi {
  position: absolute;
  left: 0px;
  top: 0px;
  margin: 0px;
  padding: 0px;
  height: 27px;
  display: inline;
  float: left;
}

#menu li ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: none; 
}


#menu li:hover ul {
  display: block;
}

#menu li.ie_does_hover ul {
  display: block;
}

.subMenuLi {
  position: absolute;
  left: 118px;
  top: 0px;
  padding: 0px;
  height: 27px;
  list-style: none;
}
