body {
	background-color: #F2F2F2;
	margin: 0px 0px 0px 0px;
}
OL,UL,P,SPAN,BODY,TR,TD,TH,FORM {
		font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
		color: #292E30;
		 line-height:16px;
	}
p,span {
  line-height:18px;
}  
p{
  margin-bottom: 5px;
  margin-top: 12px;
}
.inputText, select {
  border:1px solid #C1C1C1;			
  color:#444444;
  font-size:12px;  
}
.inputText{
  height:20px;
}
  
textarea { 
  border:1px solid #C1C1C1;			
  color:#444444;
  width:575px;
  font-family:arial, helvetica;
  font-size:12px;
}
.submit {
  border:1px solid #C1C1C1;
  background-color:#006596;
  color:#FFFFFF;
}
.reset {
  border:1px solid #C1C1C1;
  color:#555555;
}

/* give the rule a bit of extra space (above and below), since its being used to divide
   sections on some pages (project summary) */
	HR { margin: 5px 0px 5px 0px }

  h1,h2,h3,h4,h5,h6 {
    font-family: verdana, arial, helvetica, sans-serif;
  }
  
  h1 {
    font-size: 20px;
  }
  
  h2 {
    font-size: 16px;
    font-weight:bold;
  }
  
  h3 {
    font-size: 14px;
  }
  
h4 {
    font-size: 12px;
  }
  
h5 {
    font-size: 10px;
  }
  
h6 {
    font-size: 9px;
  }
  
pre,tt {
    font-family: courier, sans-serif
  }
  
ul li {
	list-style-position: outside;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	list-style-image: url(../images/li.gif);
/* To align the list entry to the left*/
	margin-left: -20px;
  }

ul {
		margin-top: 0px;
  }
.topic td {
  height:30px;
  background-color:#006596;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  color:#FFFFFF;
} 
.subnavi:link, .subnavi:active, .subnavi:visited {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  color:#FFFFFF;
  padding-left:8px;
  padding-right:8px;
  text-decoration:none;
  }
a:hover.subnavi {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  color:#FFFFFF;
  padding-left:8px;
  padding-right:8px;
  text-decoration:underline;
  }
  
/*classes used for menu */  
.tab{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  height:36px;
  color:#FFFFFF;
  font-weight:bold;
  cursor:pointer;
  text-align:center;
  background-position:0px;
  }
.mainnavi{background-image: url(../images/tabs/navi_bg.gif);}
.mainnavi_over {background-image: url(../images/tabs/navi_bg_over.gif);}
.mainnavi_first{background-image: url(../images/tabs/navi_bg_first.gif);}
.mainnavi_first_over{background-image: url(../images/tabs/navi_bg_first_over.gif);}
.mainnavi_left{background-image: url(../images/tabs/navi_bg_left.gif);}
.mainnavi_left_over{background-image: url(../images/tabs/navi_bg_left_over.gif);}
.mainnavi_right{background-image: url(../images/tabs/navi_bg_right.gif);}
.mainnavi_right_over{background-image: url(../images/tabs/navi_bg_right_over.gif);}
.mainnavi_last{background-image: url(../images/tabs/navi_bg_last.gif);}
.mainnavi_last_over{background-image: url(../images/tabs/navi_bg_last_over.gif);}

/* classes for navigation links */
.sitenav {
  height:50px;
	margin-left:15px;
}
.sitenav_td_start {
	padding-right:5px;
}
.sitenav_td {
	padding-left:5px;
	padding-right:5px;
}
.sitenav_textnormal {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
line-height:16px;
color:#292E30;
}
.sitenav_case_blaulink:link {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
text-decoration:none;
color:#006596;
}
.sitenav_case_blaulink:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
text-decoration:none;
color:#006596;
}
.sitenav_case_blaulink:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
text-decoration:none;
color:#006596;
}
.headgrau {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#292E30;
padding-bottom:5px;
height:20px;
}

/* .case_blaulink */
A:link,A:visited,A:hover {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:normal;
  text-decoration:none;
  line-height:16px;
  color:#006596;
  }

.titlebar, a.titlebar, a.titlebar:visited,a.titlebar:hover{ color: #ffffff; text-decoration: none; font-weight: bold; text-align:center;white-space: nowrap;  line-height:16px;}
td.title_line{background: url(../images/mbox-center.gif) repeat-x;height:27px}
td.list_title_line{background: url(../images/mbox-center.gif) repeat-x top;}
td.left_title_line {
  width:2px;
  background: url(../images/mbox-left.gif) no-repeat left top;

}
td.right_title_line {
  width:2px;
  background: url(../images/mbox-right.gif) no-repeat right top;
}
/*for title in multiTableRow */
.graumedium {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  line-height:18px;
  color:#292E30;
}
.box{
  border-width:1px;
  border-style:solid;
  border-color:#003168;
  }
.boxbg {
  background-color:#F5F4F4;
  color:#706F72;
  padding:8px;
  line-height:12px;
  }
  .disabled{
  color:#706F72;
  }
.copy {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:9px;
  font-weight:normal;
  color:#292E30;
}
.smallink:link, .smallink:visited, .smallink:hover {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:9px;
  font-weight:normal;
  color:#292E30;
  text-decoration:none;
}

.footernavinormal {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#292E30;
}
.footernavi:link, .footernavi:visited, a:hover.footernavi {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#292E30;
padding-left:6px;
padding-right:6px;
text-decoration:none;
}
a:hover.footernavi {
text-decoration:underline;
}

/* style for error messages 
   Use this style if you need to display an error, e.g:
     User does not exist
*/
.error {
	color: red;
	font-weight:  bold;
	}
  
/* style for warning messages 
   Use this style if you need to display a warning*/
.warning, a.warning {
	color: #CC0000;
	text-decoration: none;
	}
  
/* style for feedback  
   Use this style to tell the user that the operation he
   requested was executed successfully, e.g:
   User was successfully registered
*/
.feedback {
	color: #CC0000;
	text-decoration: none;
	}
