/* ---- CSS Document Billag ------------*/
/* ---- NOSE Applied Intelligence AG ----*/
/* ---- Florian Steiner, 28.07.2005 -----*/

/* ---- GENERAL TAG DEFINITION ---- */
body{
	margin: 0;
	padding: 0;
	background-color: #FDB913;
	background-image: url(bg_page.gif);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	color: #414141;
}
h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 24px;
	color: #414141;
	margin: 0 0 15px 0;
	font-weight: bold;
}
h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 22px;
	color: #414141;
	margin: 0 0 15px 0;
	font-weight: bold;
}
h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #414141;
	font-weight: bold;
	margin: 0 0 15px 0;
}
.h3_news{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #414141;
	font-weight: bold;
	margin: 0;
}
h4{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #414141;
	font-weight: bold;
	margin: 0 0 0 0;
}
h5{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #414141;
	font-weight: normal;
	margin: 0 0 15px 0;
}
h6{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #414141;
	font-weight: normal;
	margin: 0 0 15px 0;
}
p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #414141;
	margin: 0 0 15px 0;
}
div.paragraph{
	padding: 0 10px 15px 10px;
}
p.lead{
	font-weight: bold;
}
.uppercase{
	text-transform: uppercase;
}
p.errormsg{
	font-weight: bold;
	color: #F60;
}
a, a:link, a:visited, a:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #EF3D46;
}
a:hover{
	color: #666;
}
ul{
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
	list-style-type: none;
}
ul li{
	margin: 0;
	padding: 2px 0;
}
ol{}
ol li{}
sup  {
	font-size: 66%;
	vertical-align: super
}
option.group{
	font-weight: bold;
}
form{
	margin: 0;
	padding: 0;
}

/* ---- AREA DEFINITION ---- */

#container{
	width: 770px;
	padding: 0;
	margin-left: 40px;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin: auto;
}
#head{
	margin: 23px 0 0 0;
	padding: 0;
	height: 96px;
	background-image: url(bg_head.gif);
	background-repeat: no-repeat;
}
#logo{
	margin: 0;
	padding: 5px 0 0 5px;
	width: 135px;
	height: 83px;
	float: left;
}
#printlogo{
	display: none;
	margin: 0;
	padding: 0;
}
#printlogo img {
	border: 0;
	height: 83;
	width: 135;
}
#subline{
	margin: 0;
	padding: 25px 10px 0 0;
	width: 555px;
	float: right;
	font-weight: bold;
	font-size: 15px;
	line-height: 19px;
	color: #999;
}
#head_navigations{
	margin: 0;
	padding: 0 5px 0 0;
	height: 37px;
	width: 560px;
	float: right;
/*	background:violet;*/
}
#hotline{
	margin: 0;
	padding: 11px 0 0 0;
	width: 185px;
	float: left;
}
#metanav{
	margin: 0;
	padding: 10px 28px 0 0;
	width: 50px;
	float: right;
	text-align: right;
/*	background-color:green;*/
}
#langnav{
	margin: 0;
	padding: 10px 10px 0 0;
	width: 80px;
	float: right;
/*	background-color:blue;*/
}
#quicklaunch{
	margin: 0;
	padding: 6px 0 0 0;
	float: right;
}
#main{
	clear: both;
	margin: 0;
	padding: 15px 0 0 0;
}
#pagenav{
	width: 190px;
	float: left;
}
#maincontent{
	margin: 0;
	padding: 0;
	width: 570px;
	float: right;
}
#titlebar{
	margin: 0;
	padding: 0;
	height: 88px;
	background-image: url(bg_titlebar.gif);
	background-repeat: no-repeat;
}
#content_paint{
	margin: 0;
	padding: 0 0 20px 0;
	width: 570px;
	background-image: url(bg_content.gif);
	background-repeat: repeat-y;
	float: right;
}
#content{
	margin: 0;
	padding: 10px 0 0 20px;
	width: 350px;
	float: left;
}
#marginal{
	margin: 0;
	padding: 10px 20px 0 0;
	width: 160px;
	float: right;
}
#footer{
	clear: both;
	margin: 0;
	padding: 30px 0 20px 10px;
	background-image: url(bg_content_bottom.gif);
	background-repeat: no-repeat;
	background-position: top;
	font-size: 10px;	
}

/* ---- DEFINITIONS PER AREA ---- */

/* ---- HEAD NAVIGATIONS ---- */
#metanav ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#metanav ul li{
	margin: 0;
	padding: 0;
	float: right;
}
#metanav ul li a{
	margin: 0;
	padding: 0;
	font-weight: bold;
}
#langnav ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#langnav ul li{
	margin: 0;
	padding: 0;
	float: left;
}
#langnav ul li a{
	display: block;
	margin: 0;
	padding: 0 4px;
	font-weight: bold;
}
#quicklaunch select{
	width: 175px;
	font-style: normal;
}
#quicklaunch option.group{
	font-weight: bold;
}

/* ---- PAGENAVIGATION ---- */
#pagenav{
	margin: 0;
	padding: 10px 0 0 0;
	background-image: url(bg_nav_top.gif);
	background-repeat: no-repeat;
}
#pagenav ul{
	margin: 0;
	padding: 0 0 10px 0;
	background-image: url(bg_nav_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
#pagenav ul li{
	margin: 0;
	padding: 0;
	background-image: url(bg_nav.gif);
	background-repeat: repeat-y;
}
#pagenav ul li.active{
	background-image: url(bg_nav_active.gif);
}
#pagenav ul li a{
	display: block;
	margin: 0 5px;
	padding: 0 5px 0 10px;
	color: #414141;
	text-decoration: none;
	font-weight: bold;
	line-height: 22px;
	background-color: #E5E5E5;
}
#pagenav ul li.active a{
	color: #EF3D46;
	background-color: #FFF;
}
#pagenav ul li.active li a{
	color: #414141;
	background-color: #E5E5E5;
}
#pagenav ul li a:hover{
	text-decoration: underline;
}
#pagenav ul ul{
	background-image: none;
	padding: 0;
	margin:0;
}
#pagenav ul ul li a{
	font-weight: normal;
	padding: 0 0 0 20px;
}
#pagenav ul ul ul{
	background-image: none;
	padding: 0;
	margin: 0;
}
#pagenav ul ul ul li a{
	padding: 0 0 0 30px;
}
#pagenav ul ul ul ul{
	background-image: none;
	padding: 0;
	margin: 0;
}
#pagenav ul ul ul ul li a{
	padding: 0 0 0 30px;
}

/* ---- CONTENT AREA ---- */
#titlebar h1{
	margin: 0;
	padding: 15px 10px 0 30px;
	text-transform: uppercase;
	font-size: 20px;
	line-height: 24px;
	font-weight: 500;
}
#content h1{
	padding: 0 10px;
}
#content h2{
	padding: 0 10px;
}
#content table h2 {
	padding: 0;
	color:#666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	margin: 0;
	font-weight: bold;
}
#content h3{
	padding: 0 10px;
}
#content h4{
	padding: 0 10px;
}
#content h5{
	padding: 0 10px;
}
#content h6{
	padding: 0 10px;
}
#content p{
	padding: 0 10px;
}
#content_paint p.print{
	text-align: right;
	margin: 0 20px 20px 20px;
	padding: 5px 10px;
	border-bottom: 1px solid #CCC;
}
#content_paint p.print a{
	color: #666;
	text-decoration: none;
}
#content_paint p.print a:hover{
	color: #EF3D46;
	text-decoration: underline;
}
#content div.paragraph{
	padding: 0 10px 15px 10px;
}
#content ul{
	margin: 0 0 15px 30px;
	list-style-image: url(icon_list.gif);
}
#content ul li{
	margin: 0;
	padding: 2px 0;
}
#content ul.featurelinks{
	list-style-type: none;
	list-style-image: none;
	clear: both;
	margin: 0 0 15px 10px;
	padding: 0;
}
#content ul.featurelinks li{
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	background-position: 0 3px;
}
#content ul.featurelinks a{
	display: block;
	padding: 0 0 0 18px;
	margin: 0;
	text-decoration: none;
	background-image: url(icon_link.gif);
	background-repeat: no-repeat;
	background-position: 0 1px;
}
#content ul.featurelinks a:hover{
	text-decoration: underline;
}
#content ul.downloadlinks{
	list-style-type: none;
	list-style-image: none;
	clear: both;
	margin: 0 0 15px 10px;
	padding: 0;
}
#content table ul.downloadlinks{
	list-style-type: none;
	list-style-image: none;
	clear: both;
	margin: 0 0 15px 0;
	padding: 0;
}
#content ul.downloadlinks li{
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}
#content ul.downloadlinks a{
	display: block;
	padding: 0 0 0 18px;
	line-height: 17px;
	margin: 0;
	text-decoration: none;
	background-image: url(icon_download.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
}
#content ul.downloadlinks a:hover{
	text-decoration: underline;
}
#content div.text_image {
	padding: 0 10px 15px 10px;
}
#content div.text_image div.imagefieldleft p.legende{
	font-size: 10px;
}
#content div.text_image div.imagefieldright p.legende{
	font-size: 10px;
}
#content div.text_image div.imagefieldfull p.legende{
	font-size: 10px;
}
/* ---- SIDEBAR ---- */
#marginal ul{
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: url(no_icon_list.gif);
	list-style-type: none;
}
#marginal div.paragraph{
	padding: 0 10px 15px 0;
}
/* ---- FOOTER ---- */
#footer a{
	font-size: 10px;
}

/* STEPS FOR FORMS */
#flow{
	clear: both;
	margin: 0 20px 20px 20px;
	padding: 0;
	height: 20px;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
#flow ul{
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
#flow ul li{
	margin: 0 0 0 0;
	padding: 3px 10px;
	height: 14px;
	width: 155px;
	border-left: 1px solid #CCC;
	float: left;
}
#flow ul li.active{
	background-color: #EDEDED;
}

/* TABLES IN CONTENT AREA */
/* STANDARD TABLE e.g. annual report keyfigures, etc. */

#content table.standard_table{
	clear: both;
	width: 100%;
	border: 0;
	margin: 0 0 15px 0;
	padding: 0;
	border-top: 1px solid #CCC;
}
#content table.standard_table th{
	vertical-align: top;
	background-color: #FDB913;
	color: #414141;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	line-height: 20px;
	padding: 0 15px;
	border-bottom: 1px solid #CCC;
}
#content table.standard_table th.numbered{
  text-align: right;
  white-space: nowrap;
}
#content table.standard_table td.numbered{
  text-align: right;
  white-space: nowrap;
}
#content table.standard_table td{
	color: #414141;
	vertical-align: top;
	width: auto;
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13px;
	padding: 4px 15px;
	border-bottom: 1px solid #CCC;
}

#content table.standard_table td.legende{
	background-color: #FFF;
	border-bottom: none;
	font-size: 10px;
}
#content table.standard_table td.aktuell{
	background-color: #FFE6AD;
	color: #414141;
}
#content table.standard_table tr.highlight td{
	background-color: #FDCE5A;
	color: #414141;
	font-size: 12px;
	font-weight: bold;
}
#content table.standard_table tr.highlight td.aktuell{
	background-color: #FDCE5A;
	color: #414141;
	font-size: 12px;	
}#content table.standard_table tr.total td{
	background-color: #FFEEC6;
	color: #414141;
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;
	padding: 0 15px;
}
#content table.standard_table tr.total td.aktuell{
	background-color: #FFDE93;
	color: #414141;
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;
	padding: 0 15px;
}

/* KONTAKT TABELLE */
#content form{
	margin: 0 0 20px 0;
	padding: 0;
}
#content table.form_table{
	width: 530px;
	margin: 0 0 10px 0;
	padding: 0;
	border: none;
}
#content table.form_table th{
	vertical-align: top;
	background-color: #E5E5E5;
	color: #414141;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	line-height: 20px;
	padding: 0 10px;
}
#content table.form_table td{
	color: #414141;
	vertical-align: top;
	background-color: #E5E5E5;
	font-size: 12px;
	line-height: 15px;
	padding: 2px 0;
}
#content table.form_table td td{
	width: auto;
}
#content table.form_table td.text{
	padding: 2px 10px;
}
#content table.form_table tr.tabletop td{
	margin: 0;
	padding: 0;
	height: 10px;
	background-image: url(bg_formtable_top.gif);
	background-repeat: no-repeat;
	background-color: none;
	background-position: top;
}
#content table.form_table tr.tablebottom td{
	margin: 0;
	padding: 0;
	height: 10px;
	background-image: url(bg_formtable_bottom.gif);
	background-repeat: no-repeat;
	background-color: none;
	background-position: bottom;
}
#content table.form_table td.labels{
	width: 200px;
	padding: 3px 0 3px 10px;
}
#content table.form_table td.labels2ndlevel{
	width: 200px;
	padding: 3px 0 3px 40px;
}
#content table.form_table input{
	font-family: Arial, Helvetica, sans-serif;
	width: 200px;
	margin: 0 15px 4px 0;
	padding: 0 3px;
	border: 1px solid #B5B5B5;
	font-size: 11px;
	line-height: 16px;
	height: 18px;
}
#content table.form_table textarea{
	font-family: Arial, Helvetica, sans-serif;
	width: 200px;
	height: 100px;
	margin: 0 10px 4px 0;
	padding: 0 3px;
	border: 1px solid #B5B5B5;
	font-size: 11px;
	line-height: 16px;
}
#content table.form_table select{
	width: 85px;
	margin: 0 0px 0px 0;
	border: 1px solid #B5B5B5;
	font-size: 11px;
	line-height: 12px;
}


#content table.form_table input.cbox {
	width: 14px;
	margin: 4px 2px 0 0;
	padding: 0;
	height: 14px;
	border: 0px;
	vertical-align: text-bottom;
	
}
.fieldsAligned {
	vertical-align: middle !important;
}
#content table.form_table input.small4 {
        width: 40px;
        margin: 0 0 4px 0;
        border: 1px solid #B5B5B5;
        font-size: 11px;
        line-height: 16px;
        height: 18px;
}
#content table.form_table input.small2{
      width: 20px;
      margin: 0 0 4px 0;
      border: 1px solid #B5B5B5;
      font-size: 11px;
      line-height: 16px;
      height: 18px;
}
#content table.form_table input.small3{
      width: 60px;
      margin: 0 0 4px 0;
      border: 1px solid #B5B5B5;
      font-size: 11px;
      line-height: 16px;
      height: 18px;
}
#content table.buttons{
	width: 530px;
}
#content table.buttons td{
	text-align: right;
}
#content table.buttons input.sbmt_send{
	width: auto;
	margin: 0;
	color: #414141;
	line-height: 18px;
	font-weight: bold;
	height: auto;
	border: 1px solid #666;
	background-image: url(bg_button.gif);
	background-repeat: repeat-x;
	cursor: pointer;
}
#content table.buttons input.sbmt_reset{
	width: auto;
	margin: 0 10px 0 0;
	color: #777;
	line-height: 18px;
	font-weight: bold;
	height: auto;
	border: 1px solid #666;
	background-image: url(bg_button.gif);
	background-repeat: repeat-x;
	cursor: pointer;
}
#content span.sbmt_send, span.sbmt_send a {
	align: right;
	text-align: right;
	width: auto;
	margin: 0;
	color: #414141;
	line-height: 18px;
	font-weight: bold;
	height: auto;
	border: 1px solid #666;
	background-image: url(bg_button.gif);
	background-repeat: repeat-x;
	cursor: pointer;
}
#content .form_table td.inputs {
        vertical-align: middle !important;
        padding: 0px !important;
        margin: 0 !important;
        width: 320px;
}
#content .form_table .small2, #content .form_table .small3, #content .form_table .small4 {
        vertical-align: middle !important;
        padding: 0px !important;
        margin: 0 !important;
}
