html { 
  max-height:100%; 
  padding:0;
  margin:0; 
  border:0; 
  overflow: hidden;
  background:#FFCC33; 
}

body { 
  position: absolute; 
  top:0;
  left:0;
  padding:0; 
  width: 990px; 
  height: 100%; 
  max-height:100%;  
  margin:0;
  border-right:2px solid #999999;
  display:block;
  overflow: hidden;
  color: #000000;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
}



.hiddenText {
  margin:0;
  border:0;
  padding:0;
  font-size: 1px;
  visibility: hidden; 
}


/* ################################################## */
/* Header  */
/* ################################################## */


#header_area {
  position:absolute;
  display:block;
  top:0;
  left:0;
  width:100%;
  height:95px;
  z-index: 100;
}


/* ################################################## */
/* Logo oben links */

#header_logo_area {
  position:absolute;
  display:block;
  top:0;
  left:0;
  width:220px;
  height:70px;
  background-image:url('../images/top_left_logo.gif'); 
  background-repeat:no-repeat; 
  background-attachment:scroll; 
  z-index:120;
}

#header_logo {
  position:absolute;
  display:block;
  top:2;
  left:11px;
  width:209px;
  height:66px;
  background-image:url('../images/logo_duk_final_web.gif'); 
  background-repeat:no-repeat; 
  background-attachment:scroll; 
  z-index:125;
}
/* End Logo oben Links #################################### */




/* ################################################## */
/* Top imageBanner  */

#imageBanner_area {
  position:absolute;
  display:block;
  top:0;
  left:220px;
  width:770px;
  height:70px;
  overflow:hidden;
  z-index:
}

.imageBanner_innerContent  {
  position:absolute;
  display:block;
  top:0;
  left:0;
  height:70px;
  z-index:
}


.imageBanner_images  {
  position:relative;
  display:block;
  float:left;
  top:0;
  left:0;
  width:70px;
  height:70px;
  overflow:hidden;
  z-index:
}


/* End imageBanner #################################### */



/* ################################################## */
/* Top Menu  */

#topMenu_area_background {
  position:absolute;
  display:block;
  top:70px;
  left:0;
  right:0;
  width:auto;
  width:expression(this.parentElement.offsetWidth - 2 + "px");
  height:21px;
  border:1px solid #29619C; 
  background-image:url('../images/top_navbar_background.gif'); 
  background-repeat:repeat-x; 
  background-attachment:scroll; 
  z-index: 105;
}


#topMenu_area_bottom_yellow_shadow {
  position:absolute;
  display:block;
  top:93px;
  left:0;
  width:150px;
  height:3px;
  background-image:url('../images/top_navbar_bottom_yellow_shadow.gif'); 
  background-repeat:repeat-x; 
  background-attachment:scroll;
  z-index: 105;
}

#topMenu_area_bottom_shadow {
  position:absolute;
  display:block;
  top:93px;
  left:150px;
  right:0;
  width:auto;
  width:expression(this.parentElement.offsetWidth - 150 + "px");
  height:3px;
  background-image:url('../images/navbar_bottom_shadow.gif'); 
  background-repeat:repeat-x; 
  background-attachment:scroll;
  z-index: 105;
}

#topMenu_area {
  position:absolute;
  display:block;
  top:70px;
  left:0;
  right:0;
  width:2000px;
  height:23px;
  z-index: 110;
}


#topMenu_start {
  display:block;
  top:0;
  left:0;
  float:left;
  width:145px;
  height:15px;
  padding-top:4px;
  padding-bottom:4px;
  margin-left:5px;
  color: #FFFFFF;
  font-family:Tahoma, Verdana, Helvetica, Arial, sans-serif; 
  font-size:11px; 
  font-weight:bold;
  text-decoration:none;
  z-index: 110;
}

.topMenu_item, a.topMenu_item, a:link.topMenu_item, a:visited.topMenu_item {
  position:relative;
  display:block;
  float:left;
  left:0;
  top:0;
  height:13px;
  padding-left:8px;
  padding-right:8px;
  padding-top:4px;
  padding-bottom:4px;
  border-top:1px solid #29619C; 
  border-bottom:1px solid #29619C; 
  color: #FFFFFF;
  font-family:Tahoma, Verdana, Helvetica, Arial, sans-serif; 
  font-size:11px; 
  font-weight:bold;
  text-decoration:none;
  z-index: 110; 
}

a:hover.topMenu_item,
.topMenu_item_active, a.topMenu_item_active, a:link.topMenu_item_active, a:visited.topMenu_item_active {
  border-top:1px solid #760803; 
  border-bottom:1px solid #760803; 
  background-image:url('../images/top_navbar_hover.gif'); 
  background-repeat:repeat-x; 
  background-attachment:scroll;
  z-index: 110; 
}


.topMenu_seperator {
  position:relative;
  display:block;
  float:left;
  left:0;
  top:0;
  width:2px;
  height:23px;
  background-position: left 2px; 
  background-image:url('../images/top_navbar_divider.gif'); 
  background-repeat:no-repeat; 
  background-attachment:scroll;
  overflow:hidden;
  z-index: 115;
}

/* End Top Menu #################################### */



/* ################################################## */
/* Left Area  */
/* ################################################## */

#left_area {
  position:absolute;
  display:block;
  top:95px;
  left:0;
  bottom:24px;
  width:150px;
  height:auto;
  height:expression(document.body.clientHeight - 95 - 24 + "px");
  background-position: left bottom; 
  background-image:url('../images/left_menu_back.jpg'); 
  background-repeat:no-repeat; 
  background-attachment:scroll;
  overflow:hidden;
  z-index: 50;
}

#personalList {
  position:absolute;
  display:block;
  bottom:16px;
  left:40px;
  width:70px;
  height:70px;
  background-position: center; 
  background-image:url('../images/merkzettel.gif'); 
  background-repeat:no-repeat; 
  background-attachment:scroll;
  overflow:hidden;
  visibility:hidden;
  z-index: 60;
}

/* ################################################## */
/* Sub Menu  */

#subMenu_area {
  position:absolute;
  display:block;
  overflow:visible;
  top:40px;
  left:20px;
  width:114px;
  height:auto;
  padding-top:0;
  padding-bottom:15px;
  padding-left:0;
  padding-right:0;
  background-position: left bottom; 
  background-image:url('../images/left_nav_stretch.gif'); 
  background-repeat:repeat-y; 
  background-attachment:scroll;
  overflow:hidden;
  z-index:55;
}


#subMenu_header {
  position:relative;
  display:block;
  visibility:visible;
  top:0;
  left:0;
  margin-top:-1px;
  height:24px;
  width:100%;
  padding-top:5px;
  padding-left:12px;
  background-position: left top; 
  background-image:url('../images/left_nav_top.gif'); 
  background-repeat:no-repeat; 
  background-attachment:scroll;
  overflow:hidden;
  color: #FFFFFF;
  font-family:Tahoma, Verdana, Helvetica, Arial, sans-serif; 
  font-size:11px; 
  font-weight:bold;
  text-decoration:none;
  z-index:255;
}

#subMenu_footer {
  position:absolute;
  display:block;
  bottom:0;
  left:0;
  margin-bottom:-1px;
  height:7px;
  width:100%;
  background-position: left bottom; 
  background-image:url('../images/left_nav_bottom.gif'); 
  background-repeat:no-repeat; 
  background-attachment:scroll;
  overflow:hidden;
  z-index:60;
}
.subMenu_item, a.subMenu_item, a:link.subMenu_item, a:visited.subMenu_item {
  display:block;
  position:relative;
  left:0;
  top:0;
  width:95px;
  margin-left:15px;
  padding-bottom:5px;
  color: #000000;
  font-family:Tahoma, Verdana, Helvetica, Arial, sans-serif; 
  font-size:12px; 
  font-weight:none;
  text-decoration:none;
  z-index: 70; 
}
a:hover.subMenu_item,
.subMenu_item_active, a.subMenu_item_active, a:link.subMenu_item_active, a:visited.subMenu_item_active { 
  color: #FF0000;
  z-index: 70; 
}
/* End Sub Menu #################################### */



/* ################################################## */
/* Content Area  */
/* ################################################## */

#content_area {
  position:absolute;
  display:block;
  top:120px;
  left:220px;
  bottom:45px;
  width:760px;
  height:auto;
  height:expression(document.body.clientHeight - 120 - 48 + "px");
  overflow:auto;
  overflow-x:hidden;
  z-index: 50;
}

#content_container {
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:720px;
  height:auto;
}

/* ################################################## */
/* Bottom Area  */
/* ################################################## */

#bottom_area {
  position:absolute;
  display:block;
  bottom:5px;
  left:0;
  width:100%;
  height:30px;
  z-index: 100;
}

/* ################################################## */
/* copyright  */

#copyright {
  display:block;
  position: absolute;
  overflow:hidden; 
  top:18px;
  left:50px;
  width:204px;
  height:8px;
  background-image:url('../images/copyright.gif'); 
  background-repeat:no-repeat; 
  background-attachment:scroll;
  background-position: left top;
  z-index:250;
}

/* ################################################## */
/* icons  */

#icons {
  display:block;
  position: absolute;
  overflow:hidden; 
  top:3px;
  right:170px;
  width:500px;
  height:24px;
  z-index:250;
}

#iconPrint, #iconPDF, #iconGallery, #buttonSearch, #buttonReset, #iconNotice {
  display:block;
  position: absolute;
  overflow:hidden; 
  top:0;
  width:24px;
  height:24px;
  background-repeat:no-repeat; 
  background-attachment:scroll;
  background-position: left top;
  z-index:250;
}


#iconNotice {
  right:105px;
  background-image:url('../images/noticeTravel.gif'); 
}

#iconPrint {
  right:70px;
  background-image:url('../images/print.gif'); 
}

#iconPDF {
  right:35px;
  background-image:url('../images/pdf.gif'); 
}

#iconGallery {
  right:0;
  background-image:url('../images/gallery.gif'); 
}

#buttonSearch {
  right:115px;
  width:93px;
  background-image:url('../images/suche_starten.gif'); 
}

#buttonReset {
  right:0;
  width:93px;
  background-image:url('../images/zuruecksetzen.gif'); 
}


/* ################################################## */
/* Bottom Menu  */

#bottomMenu_area_bottom_shadow {
  position:absolute;
  display:block;
  top:29px;
  left:0;
  width:100%;
  height:3px;
  background-image:url('../images/navbar_bottom_shadow.gif'); 
  background-repeat:repeat-x; 
  background-attachment:scroll;
  z-index: 100; 
}
#bottomMenu_area_background {
  position:absolute;
  display:block;
  top:11px;
  left:0;
  right:0;
  width:auto;
  width:expression(this.parentElement.offsetWidth - 2 + "px");
  height:16px;
  border:1px solid #29619C; 
  background-image:url('../images/bottom_navbar_background.gif'); 
  background-repeat:repeat-x; 
  background-attachment:scroll; 
  background-position: left top; 
  overflow:hidden;
  z-index: 105; 
}

#bottomMenu_area {
  position:absolute;
  display:block;
  top:11px;
  right:50px;
  width:350px;
  height:18px;
  z-index: 110;
}


.bottomMenu_item, a.bottomMenu_item, a:link.bottomMenu_item, a:visited.bottomMenu_item {
  position:relative;
  display:block;
  float:right;
  right:0;
  top:0;
  height:12px;
  padding-left:6px;
  padding-right:6px;
  padding-top:1px;
  padding-bottom:expression(2 + "px");
  padding-bottom:3px;
  border-top:1px solid #29619C; 
  border-bottom:1px solid #29619C; 
  color: #FFFFFF;
  font-family:Tahoma, Verdana, Helvetica, Arial, sans-serif; 
  font-size:11px; 
  font-weight:none;
  text-decoration:none;
  background-position: left top; 
  z-index: 110; 
}
a:hover.bottomMenu_item,
.bottomMenu_item_active, a.bottomMenu_item_active, a:link.bottomMenu_item_active, a:visited.bottomMenu_item_active { 
  border-top:1px solid #760803; 
  border-bottom:1px solid #760803; 
  background-image:url('../images/bottom_navbar_hover.gif'); 
  background-repeat:repeat-x; 
  background-attachment:scroll;
  z-index: 110; 
}


.bottomMenu_seperator {
  position:relative;
  display:block;
  float:right;
  right:0;
  top:1px;
  width:2px;
  height:16px;
  background-position: left top; 
  background-image:url('../images/bottom_navbar_divider.gif'); 
  background-repeat:no-repeat; 
  background-attachment:scroll;
  overflow:hidden;
  z-index: 115;
}
/* End Bottom Menu #################################### */



/* ################################################## */
/* "red Line" Area  */
/* ################################################## */


#redLine_area {
  position:absolute;
  display:block;
  top:100px;
  left:155px;
  bottom:40px;
  width: 799px;
  height:auto;
  height:expression(document.body.clientHeight - 100 - 40 + "px");
  overflow:hidden;
  z-index: 25;
}

#redLine_bottom {
  position:absolute;
  display:block;
  left:19px;
  right:0;
  bottom:0;
  width: auto;
  width:expression(this.parentElement.offsetWidth - 20 + "px");
  height:2px;
  background-color:#CE0000;
  overflow:hidden;
  z-index: 25; 
}

#redLine_right {
  position:absolute;
  display:block;
  top:15px;
  right:0;
  bottom:0px;
  margin:0;
  margin-right:expression("-1px");
  width: 2px;
  height:auto;
  height:expression(this.parentElement.offsetHeight - 16 + "px");
  background-color:#CE0000;
  overflow:hidden;
  z-index: 25; 
}

#redLine_top_area {
  position:absolute;
  display:block;
  top:0;
  left:20px;
  width: 100%;
  height:17px;
  background-image:url('../images/redStatusLine_top.gif'); 
  background-repeat:no-repeat; 
  background-attachment:scroll;
  overflow:hidden;
  z-index: 25; 
}
#redLine_top {
  position:absolute;
  display:block;
  left:2px;
  bottom:0;
  width: 100%;
  height:2px;
  margin:0;
  margin-bottom:expression("-1px");
  background-color:#CE0000;
  overflow:hidden;
  z-index: 25; 
}

#redLine_left_area {
  position:absolute;
  display:block;
  top:45px;
  left:0;
  width:19px ;
  height:100%;
  background-image:url('../images/redStatusLine_arrowLeft.gif'); 
  background-repeat:no-repeat; 
  background-attachment:scroll;
  overflow:hidden;
  z-index: 25; 
}
#redLine_left {
  position:absolute;
  display:block;
  top:3px;
  left:17px;
  bottom:0;
  width: 2px;
  height:100%;
  background-color:#CE0000;
  overflow:hidden;
  z-index: 25; 
}

#backgroundIMG {
  position:absolute;
  display:block;
  bottom:0;
  right:0;
  width:100%;
  height:100%;
  background-position: right bottom; 
  background-repeat:no-repeat; 
  background-attachment:scroll;
  overflow:hidden;
  z-index: 1; 
}