.border, .border td { border: #ecf8ba 1px solid; }
.border2 { border: #ecf8ba 1px outset; }

body {
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color: #FFFFFF;
}

.chameleon{color: #EEEDE7;}

table {
	font-size: 12px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	border-spacing: 1px;
}

td {
	font-size: 12px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5
{
	color: #bf2c37;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight : bold;
}

.h1, .h2, .h3, .h4 { color: #bf2c37; }

.site_header_h2
{
	display: block;
	font-size: 12px;
	color: #000000;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight : bold;
	padding-bottom: 6px;
	margin: 18px 0 0 16px;
	width: 190px;
	height: 40px;
}

.like_h3
{
	color: #004384;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight : bold;
	font-size: larger;
}

.navig    {
	font-size: 12px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
}
.toptitel    {
	font-size: 14px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight : bold;
}
.titel     {
	color: #AFCD32;
	font-size: 12px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight : bold;
}
p{
	font-size: 12px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
}

.label {
	font-size: 12px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	padding-top: 2px;
	padding-bottom: 2px;
}

.site_header
{
	height: 78px;
	clear:both;
}

.site_header_center
{
	background-color: #FFFFFF;
}

.site_menu
{
	background-color: #FFFFFF;
}

.site_breadcrumb
{
	background-color: #f2f5f9;
	border-top:1px #B6B4B5 solid;
	padding: 10px 0px;
}

table th, .label
{
	background-color: #bbc8d8;
	border-top:1px #B6B4B5 solid;
}

.textinput {
	background-color: #f2f5f9;
	vertical-align: top;
}

td.navigation_buttons {
	background-color: inherit;
	vertical-align: top;
}

.textinput_flag {
	background-color: #f2f5f9;
	vertical-align: top;
	color: red;
	text-align: center;
	font-weight: bold;
}

a			{ color: #004384; }
a.visited	{ color: #004384; }
a:hover		{ color: #004384; }

.logotype {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: 14px; font-weight: bold; font-variant: normal; color: #9bc105}

.hgL0    {background-color: #e1edca}
.hgL1    { background-color: #FFFFFF}
.txtact0  { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; font-style:normal; color:#211F99; text-decoration:none; font-weight: normal}

.row_light
{
	font-size: 12px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	/* #f2f5f9 */
}
.row_dark
{
	font-size: 12px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	/* #dce2e7 */
}
table.tablesorter tbody tr.even td, .row_light { background-color: #f2f5f9 !important; }
table.tablesorter tbody tr.odd td, .row_dark { background-color: #dce2e7 !important; }


.progress_bar {background-color: #f5f5f5; border: #000000 1px inset;}
.progress_bar2 {border: #000000 1px solid;}
.progress_completed {background-color: #afcd32; border: #000000 1px outset;}

/******************************** NAVIGATION ***********************************************/

/* first level */
#div_navigation_menu b a, #div_navigation_menu div b a, .navlevel1  a {
	display: block;
	color: #535353;
	text-decoration: none;
	padding-left: 5px;
	border-bottom: 1px dotted #000000;
	height:19px;
	font-size: 0.9em;
 }

#div_navigation_menu div.navlevel1active b a{
	display: block;
	background-color: #bbc8d8;
	font-weight: bold;
	text-decoration: none;
	padding-left: 5px;
	border-bottom: 1px dotted #000000;
	height:19px;
}

/* second level */
#div_navigation_menu a, .navlevel2 a {
	display: block;
	color: #535353;
	text-decoration: none;
	padding: 2px 0px 0px 10px;
	border-bottom: 1px dotted #000000;
	height:19px;
	font-size: 0.9em;
 }

#div_navigation_menu a:hover, .navlevel2 a:hover {
	color: #004384;
	background-color: #FFFFFF;
}

#div_navigation_menu a:hover, .navlevel1 a:hover, .navlevel2 a:hover {
	color: #004384;
	background-color: #FFFFFF;
}

.toplinks {
	vertical-align: top;
	float:right;
	padding: 0px;
	margin-top: 7px;
	background-color: #002952;
}

.toplinks a {
    padding: 7px 14px 8px 14px;
	height: 20px;
	border-right: solid #fff 1px;
}

.ubheader {
	height: 20px;
	line-height: 1.3em;
	margin: 1px 0px;
}
.ubheader ul {
	padding: 0 10px 0 0;
	margin: 0;
	list-style-type: none;
}
.ubheader ul li {
	float: right;
	padding-top: 2px;
}
.ubheader a {
	color: #000000;
	font-weight:bold;
	font-size: 10px;
	text-decoration:none;
	border-right: solid #000 1px;
	padding: 0px 5px;
}
a.nb {
	border: none;
}
.ubheader ul li.ubact a {
	color: #C1C6BB;
	text-decoration:none;
}
.ubheader ul li a:hover {
	color: #004384;
	text-decoration:none;
}

.ubmainnav {
	position:relative;
	height: 29px;
	background-color: #002952;
}
.ubmainnav ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.ubmainnav ul li, .ubmainnav ul li.ubact {
	float: left;
	padding: 7px 14px;
	border-right: solid #fff 1px;
}
.ubmainnav ul li:hover, .toplinks a:hover {
	background-color: #104C86;
	cursor: pointer;
}
.ubmainnav a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
.ubmainnav a:hover {
	text-decoration:none;
	color: #FFFFFF;
}
.ubmainnav ul li.ubact a {
	color: #004384;
	text-decoration:none;
}

td.impressum {
	border-top:1px #A6A6A6 solid;
}

.impressum					{ font-family:Arial, verdana, sans-serif; font-size:10px; color: #A6A6A6; text-decoration:none; font-weight:normal; line-height: 13px}
a.impressum:link			{ font-family:Arial, verdana, sans-serif; font-size:10px; color: #A6A6A6; text-decoration:none; font-weight:normal; line-height: 13px}
a.impressum:alink			{ font-family:Arial, verdana, sans-serif; font-size:10px; color: #A6A6A6; text-decoration:none; font-weight:normal; line-height: 13px}
a.impressum:vlink			{ font-family:Arial, verdana, sans-serif; font-size:10px; color: #A6A6A6; text-decoration:none; font-weight:normal; line-height: 13px}
a.impressum:visited			{ font-family:Arial, verdana, sans-serif; font-size:10px; color: #A6A6A6; text-decoration:none; font-weight:normal; line-height: 13px}
a.impressum:hover			{ font-family:Arial, verdana, sans-serif; font-size:10px; color: #A6A6A6; text-decoration:none; font-weight:normal; line-height: 13px}
a.impressum:active			{ font-family:Arial, verdana, sans-serif; font-size:10px; color: #A6A6A6; text-decoration:none; font-weight:normal; line-height: 13px}
a.impressum:focus			{ font-family:Arial, verdana, sans-serif; font-size:10px; color: #A6A6A6; text-decoration:none; font-weight:normal; line-height: 13px}

.pfad 						{ font-family: Arial, verdana, sans-serif; font-size: 15px; color:#fff; /*#b8ad91;*/ text-decoration:none; font-weight:normal; line-height: 25px; background-color:#bbc8d8;border-top:1px #A6A6A6 solid;height: 100px;vertical-align:top;}
.datum 						{ font-family: Arial, verdana, sans-serif; font-size: 29px; color:#fff; /*#b8ad91;*/ text-decoration:none; font-weight:normal; line-height: 25px; background-color:#bbc8d8;float:right;}
.flogo 						{ font-family: Arial, verdana, sans-serif; font-size: 29px; color:#fff; /*#b8ad91;*/ text-decoration:none; font-weight:normal; line-height: 25px; background-color:#bbc8d8;float:left;}

ul.cockpit { list-style-type: none; margin: 0 auto; overflow: hidden; width:740px; border:1px solid #FFFFFF}
ul.cockpit li { color: #013617; font-weight: bold; font-size: 2em; float:left; text-align: center; margin: 49px 30px 49px 20px; border:1px solid #FFFFFF}
ul.cockpit li img {display: block; padding-bottom: 5px; border:none }
ul.cockpit li a { text-decoration: none; }
.chk_grp {margin-bottom:-4px;}

button.btn_status_act, button.btn_status_ina { background-color: #EAEDEF; }
button.btn_status_ina:disabled { background-color: #FF9595; }
button.btn_status_act:disabled { background-color: #90EE90; }

/* project edit - simple role - additional header row  -- srart*/

.additional_header_row_th { border-bottom: 1px solid #FFFFFF; }

.additional_header_row_th2 { border-top: 1px solid #B6B4B5; }

.add_header_row_td_1,  .add_header_row_td_2
{
	border-bottom: solid 2px #000;
	margin-left: -8px !important;
	padding-top: 5px;
	font-weight: bold;
	text-align:center;
	padding-left: 8px;
}

.add_header_tr  { width: 171px; }
x:-o-prefocus, .add_header_tr  { width: 183px; } /* exception for opera browser */
@media screen and (-webkit-min-device-pixel-ratio:0) { .add_header_tr { width: 169px;  } } /* exception for safari and chrome browsers */
@-moz-document url-prefix() {.add_header_tr {  width: 171px; } } /*  exception for firefox browser */

.add_header_row_td_1 { padding-right:10px; min-width: 52px; } /* IE */
x:-o-prefocus, .add_header_row_td_1  { min-width: 52px; }  /* exception for opera browser */
@media screen and (-webkit-min-device-pixel-ratio:0) { .add_header_row_td_1 { min-width: 48px; padding-right: 12px; } } /* exception for safari and chrome browsers */
@-moz-document url-prefix() { .add_header_row_td_1 { min-width: 35px; padding-left: 8px; } } /* exception for firefox browsers */

.add_header_row_td_2 { min-width: 50px; display: block; padding-left: 8px;} /* IE */
x:-o-prefocus, .add_header_row_td_2  { min-width: 51px; } /* exception for opera browser */
@media screen and (-webkit-min-device-pixel-ratio:0) { .add_header_row_td_2 { padding-left: 14px; min-width: 51px; } } /* exception for safari and chrome browsers */
@-moz-document url-prefix() {.add_header_row_td_2 { padding-left: 14px; min-width: 55px; } } /* exception for firefox browsers */

.add_header_table_content
{
	width: 100%;
	border-collapse:collapse;
	margin-left: -4px;
}

.add_header_btn { min-width: 52px; }

.add_header_col1 { vertical-align:middle; padding-left:4px; }

.add_header_col2 { text-align:right;border-right:2px solid #000; padding-right: 5px; }
.add_header_col3 { padding-left: 5px; }
.add_header_col4 { vertical-align:middle; text-align:left; }

/* project edit - simple role - additional header row  -- end*/

.no_bold_label { background-color:#bbc8d8; padding: 2px 4px; }

#menu_login_space { margin-bottom: 300px;} /* used on login page to add space between menu elements */

/* translation interface */
.width_100 { min-width: 100px; }
.width_235 { min-width: 235px; }
.width_245 { min-width: 245px; }
.width_605 { min-width: 605px; }
@media screen and (-webkit-min-device-pixel-ratio:0) { .width_605 { min-width: 610px; } } /* Safari and Chrome */

/* homepage */
/* header */
.header_right_container, .header_right_top, .header_right_middle, .header_right_bottom { min-height: 20px; width: 545px; }
.header_right_top, .header_right_middle, .header_right_bottom { min-height: 20px; min-width: 545px; }
.header_right_top, .header_right_middle, .header_right_bottom { background-repeat: no-repeat; }
.header_right_top { background-image: url('../../images/header_grey.jpg'); }
.header_right_middle { background-image: url('../../images/header_blue.jpg'); }
.header_right_bottom { background-image: url('../../images/header_bottom.jpeg'); min-height: 64px;}
.clear_fix { clear: both; }

/* left menu */
.header_right_middle h3 { margin: 0px; color: #fff; font-size: 0.9em; margin-right: 20px;}

/* page */
.page_container { padding-left: 30px; } /* td that contains page content */
.mandatory { color: #bf2c37; }

/* tabs */
.ui-tabs
{
	background: transparent !important;
}
.ui-tabs .ui-tabs-nav
{
	margin-bottom: 5px !important;
	border-bottom: solid 1px #999 !important;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
.ui-tabs .ui-widget-header { background-color: transparent !important; background-image: none !important; border: none !important; border-bottom: 1px solid #999 !important;}
.ui-tabs-nav .ui-state-default
{ 
	background: transparent !important;	
	margin-top: 5px !important;
	margin-bottom: -1px !important;
	border-color: #D3D6D1 !important;
}
.ui-tabs-nav .ui-state-active
{ 	
	margin-top: 2px !important;
	padding-bottom: 4px !important;
	border-color: #999 !important;
}
.ui-tabs-nav .ui-state-default a, .ui-tabs-nav .ui-state-default a:link, .ui-tabs-nav .ui-state-default a:visited { color: #000 !important; font-weight: normal; }
.ui-tabs-nav .ui-state-active a, .ui-tabs-nav .ui-state-active a:link, .ui-tabs-nav .ui-state-active a:visited { font-weight: bold; }
table th, .label, table.tablesorter thead tr th, table.tablesorter tfoot tr th, .tablesorter-footer { background-color: #e5ecf2 !important; color: #000 !important; }
.ui-tabs .ui-tabs-nav li { margin-right: 0px !important; }

/* footer */
.pfad, .flogo, .datum
{
	border-top-color: #A6A6A6;
	color: #000;
	font-size: 20px;
}