/*
------------------------
CSS STYLES - PAGE LAYOUT 
für MDD erweitert:
- mid-section
- menuTop
- curve-bar
- mid-col-2 
------------------------
*/
body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 69%;
	color: #666666;
	line-height: 1.4em;
	background-color: #ffffff;
}

a { text-decoration: none; font-weight: normal; color: #c00; }
a:visited { COLOR: #933 }
a:hover{ text-decoration:underline; }
img { border: 0px; }

form {
    margin: 0px;
    padding: 0px;
    border: 0px;
}
input {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 94%;
    color: #000000;
}
select {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 94%;
    color: #000000;
}
textarea {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 94%;
}


/* IE 5 and 55 inheritance hack */
td input {
    font-size: 100%;
}
td select {
    font-size: 100%;
}
td textarea {
    font-size: 100%;
}



ul {
    margin-top: 5px;
    margin-bottom: 2px;
    color: #333;
    margin-left: 20px;
    padding: 0px;
}
li {
    color : #333333;
}


/* OVER-ALL PAGE LAYOUT */

#mid-section {
	float: left;
	width: 100%;
	background-color: #FFFFFF;
	background-image: url(../sharedpics/bg_1024.gif);
	background-repeat: repeat-y;
}
#mid-section-row {
	float: left;
	width: 1024px;
}
#mid-col-1 { /* Rename Nav-col */
	float: left;
	width: 256px;
}
#mid-col-2 { /* Rename Content-col */
	float: left;
	width: 768px;
	background-color: #FFFFFF;
}


/* BEGIN LEFT MENU */
.menuContainer {
    width: 181px;
    background-color: #cccccc;
    font-size: 94%;
    line-height: 1em;
}
.menuContainer a{
    color: #666666;
}
.menuContainer a:hover {
  text-decoration:underline;
  color: #cc0000;
}
.menuContainer a:visited { color: #666666 }


.menuRowL1, .menuRowL2, .menuRowL3, .menuRowL4, .menuRowL5 {
    float: left;
    width: 181px;
    padding-bottom: 1px;
    padding-top: 1px;
    border-top: #ffffff 2px solid;
    border-bottom: #ffffff 2px solid;
    margin-bottom: 1px;
}
.menuRowL1 {
    background-color: #e1e1e1;
}
.menuRowL2 {
    background-color: #efefef;
}
.menuRowL3 {
    background-color: #ffffff;
}
.menuRowL4 {
    background-color: #ffffff;
}
.menuRowL5 {
    background-color: #ffffff;
}
.menuHighlight {
    background-color: #f0b2b2;
}

.menuImage {
    float: left;
}
.menuRowL1 .menuImage {
    padding-left: 0px;
}
.menuRowL2 .menuImage {
    padding-left: 12px;
}
.menuRowL3 .menuImage {
    padding-left: 24px;
}
.menuRowL4 .menuImage {
    padding-left: 36px;
}
.menuRowL5 .menuImage {
    padding-left: 48px;
}
.menuText {
    float: left;
    padding-top: 1px;
    padding-bottom: 1px;
}
.menuText a{
    color: #666666;
}
.menuText a:hover {
  text-decoration:underline;
  color: #cc0000;
}
.menuText {
    float: left;
    padding-top: 1px;
    padding-bottom: 1px;
}
.menuRowL1 .menuText {
    width: 160px;
}
.menuRowL2 .menuText {
    width: 148px;
}
.menuRowL3 .menuText {
    width: 136px;
}
.menuRowL4 .menuText {
    width: 124px;
}
.menuRowL5 .menuText {
    width: 112px;
}


.menuBold a:hover{
  text-decoration:underline;
  color: #cc0000;
}
.menuBold a {
    font-weight: bold;
    color: #cc0000;
    font-size: 90%;
}
.menuBold a:visited { color: #cc0000 }


.menuTop, .menuBase {
    clear: both;
    font-size: 1px;
    height: 8px;
    background-color: #e1e1e1;
}
.menuTop {
    margin-bottom: 1px;
    border-bottom: 2px solid white;
}
.menuBase {
    border-top: 2px solid white;
}

.menuSearchFormDiv {
    float: left;
    padding-left: 6px;
    padding-right: 4px;
}
.menuSearchForm {
    float: left;
    width: 140px;
}
.menuSearchButton {
    PADDING-TOP: 1px;
}

/* END LEFT MENU */
/* BEGIN Header BITS */

.restrictor {
	float: left;
	width: 1024px;
}
.left {
  float: left;
  padding-left: 7px;
}
.right {
  float: right;
}

.curve-bar {
	float: left;
	background-color: #cccccc;
	width: 770px;
	background: #cccccc url(../sharedpics/servicenav_curve.gif) no-repeat bottom right;
  }
.curvy-bar-formdiv {
  float: left;
  margin-top: 2px;
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 1px;
  }
.curvy-bar-form {
  float: left;
  width: 215px;
  }
#curvy-bar-formbutton {
  float: left;
  padding-top: 2px;
  }
  
.curvy-bar-groupbutton {
  float: right;
  margin-top: 1px;
  margin-left: 2px;
  }
.curvy-bar-curve {
	float: right;
	width: 45px;
	height: 22px;
  }

 
.rightlogo {
	float: right;
	padding-top: 10px;
	padding-right: 60px;
	height: 59px;
}


.tool-bar {
  float: left;
  font-size: 86%; color: #666666;
  background-color: #ffffff;
  width:100%;
  }
.tool-bar a { 
  color: #666666;
  text-decoration: none;
  }
.tool-bar a:hover {
  color: #cc0000;
  text-decoration: underline; 
  }
.tool-bar a:visited {
  color: #666666;
  }
.tool-bar a.active { 
  color: #cc0000; 
  font-weight: bold; 
  text-decoration: none; 
  }
.tool-bar a.active:visited {
  color: #cc0000;
  }
  
.nav-bar-row {
  float: left;
  width: 100%;
  background-color: #990000;
  border-bottom: 1px solid white;
  border-top: 3px solid white;
}
.nav-bar-row .left {
   padding-left: 0px;
}


/* END HEADER BITS */
/* BEGIN FOOTER BITS */
.footer-bar {
  float: left;
  font-size: 86%;
  background-color: #b7b7b7;
  border-top: 1px solid #ffffff;
  color: #ffffff;
  width:100%;
}
.footer-bar a { 
  color: #ffffff;
  text-decoration: none;
  }
.footer-bar a:hover {
  color: #ffffff;
  text-decoration: underline; 
  }
  
  
/* END FOOTER BITS */



.Form1 {
     FLOAT: left;
     WIDTH: 150px;
     PADDING-TOP: 2px;
     PADDING-LEFT: 9px;
}
.Form2_356, .Form2_550, .FormC, .FormT {
     FLOAT: left;
}

.wide .FormT {
    PADDING-TOP: 2px;
    WIDTH: 370px;
}
.narrow .FormT {
     WIDTH: 170px;
}

h4 {
	font-size: 120%;
}

/* new styler overrides for Annual Report */



.toolbar-wrapper {
	width:100%;
	float: left;
	border-bottom: 2px solid #CC0000;
}

.restrictor-popup {
	float:left;
	width:100%;
}

.restrictor-popup .left {
	padding:10px;	
}

.restrictor-popup .right {
	width: 83px;
	padding:10px;
}


.restrictor-popup img {
	vertical-align:middle;
}


.restrictor-popup .rightlogo {
	display:block;
	margin: 0;
	padding: 0;
	height: auto;
	float:right;
}

#top-col-1 {
	float:left;
}

#mid-col-2print {
	float: left;
	padding:10px;
	width: 100%;
}

#print-menu {
	display:none;
}

.footer-bar .restrictor {
	background: #B7B7B7;
}

.nav-bar-row .restrictor {
	background: #990000;
}
