@font-face {
    font-family: "Gotham A";
    src: url("fonts_v2/Gotham-Light.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
}

html, body, .ui-widget
{
	font-family: Helvetica, "Gotham A", "Gotham B";
	letter-spacing: 1px;
	color: #000;
}

body
{
	font-size: 14px;
	background-color: #FFFFFF; /*#EEEDE7;*/
	height: 100%;
	padding: 20px 0px;
}

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

.chameleon{color: #EEEDE7;}

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

td, th {
	/*font-size: 12px;*/
	/*font-family:Arial, Verdana, Helvetica, sans-serif;*/
	padding: 10px;
}

h1, h2, h3, h4, h5
{
	color: #be1953;
	/*font-family:Arial, Verdana, Helvetica, sans-serif;*/
	font-weight : normal;
}

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

.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: 200px;
	height: 40px;
}

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

#f_form_object span.h2 {margin-top: 30px;}

.navig    {
	font-size: 12px;
	/*font-family:Arial, Verdana, Helvetica, sans-serif;*/
}
.toptitel    {
	font-size: 12px;
	/*font-family:Arial, Verdana, Helvetica, sans-serif;*/
	font-weight : normal;
	margin-left: 65px;
	color: #8c8c8c;
}
.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;*/
	line-height: 1.5em;
}

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

.site_header
{
	/*height: 78px;*/
	clear:both;
	margin-left: 17px;
	margin-bottom: 20px;
	width: 1360px;
}

.site_header_center
{
	background-color: #FFFFFF;
}

.site_header>div
{
	float: none !important;
	display: table-cell;
	height: 130px;
	vertical-align: middle;
}

.site_header>div:first-of-type
{
	padding-right: 50px;
}

.site_menu
{
	background-color: #FFFFFF;
}

.site_breadcrumb
{
	background-color: transparent; /*#eaedef;*/
	/*border-top:1px #B6B4B5 solid;*/
	padding: 10px 0px;
	height: 40px;
	/*background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.001) 0%, #eaedef 0%, #fff 100%);*/
	/*margin-bottom: 10px;*/
}

/* login buttons */
.switch_mode_btn
{
	border: solid #A6A6A6 1px;
	border-radius: 20px;
	text-align: center;
}
.switch_mode_btn a
{
	width: 250px;
	min-height: 210px;
	padding: 15px;
	display: block;
	text-decoration: none;
}
.switch_mode_btn.active, .switch_mode_btn:hover
{
	background-color: #F0F0F0;
	cursor: pointer;
}
.switch_in_header
{
	display:inline-block;
}
.switch_in_header a
{
	text-decoration:none;
}
.switch_in_header h3
{
	height:40px;
	margin:23px 0 0 20px;
	font-weight: normal;
	font-size: 24px;
}
.switch_in_header h3.active
{
	font-weight: bold;
}
.switch_in_header h3:last-of-type
{
	margin-left:0px;
}
/*login buttons end */

/* table design START */
table th, .label, .label td
{
	background-color: #bbc8d8;
	border-top:1px #B6B4B5 solid;
	padding: 15px;
}

/*table tr:first-of-type>th:first-of-type
{

	-moz-border-radius-topleft: 20px;
    -webkit-border-top-left-radius: 20px;
}
table tr:first-of-type>th:last-of-type
{

    -moz-border-radius-topright: 20px;
    -webkit-border-top-right-radius: 20px;
}*/

/*table tr:last-of-type>td:first-of-type
{

	-moz-border-radius-bottomleft: 20px;
    -webkit-border-bottom-left-radius: 20px;
}
table tr:last-of-type>td:last-of-type
{

    -moz-border-radius-bottomright: 20px;
    -webkit-border-bottom-right-radius: 20px;
}*/
/* table design END */

/* main content START */
#main_table
{
	padding: 5px;
	margin-top: -50px;
}

/*#main_table>tbody>tr:last-of-type
{
	display: none;
	-moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
}*/

.navigtitel
{
	margin-right: 15px;
}

table th, .label, table.tablesorter thead tr th, table.tablesorter tfoot tr th, .tablesorter-footer, .label td
{
	background-color: #688594 !important;
	color: #FFFFFF !important; /* 535353 */
	font-weight: normal;
    white-space: normal;
}

/* main content END */


.textinput {
	background-color: #EEF1F2;
	vertical-align: top;
	padding: 10px;
}

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

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

.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;*/
	/* #eaedef */
}
.row_dark
{
	/*font-size: 12px;*/
	/*font-family:Arial, Verdana, Helvetica, sans-serif;*/
	/* #dce2e7 */
}
table.tablesorter tbody tr.even td, .row_light, table.tablesorter>tbody>tr:nth-child(even) td{ background-color: #eaedef !important; padding: 10px 5px;}
table.tablesorter tbody tr.odd td, .row_dark, table.tablesorter>tbody>tr:nth-child(odd) td { background-color: transparent !important; padding: 10px 5px;}
table.tablesorter tbody tr:not(.even, .odd) td { background-color: #eaedef !important;}

/* male status cell as a circle */
.tablesorter.tablesorter-default td[style] span
{
	display: block;
	/*width: 40px;
   	height: 40px;*/
   	-moz-border-radius: 30px;
   	-webkit-border-radius: 30px;
   	border-radius: 30px;
   	/*margin: auto;*/
}

.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 ***********************************************/

#div_navigation_menu
{
	width: 225px !important;
	/*margin-top: -70px;*/
}

/* 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;
	/*font-weight: bold;*/
 }

#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: #8c8c8c;
	text-decoration: none;
	padding: 5px 0px 5px 10px;
	/*border-bottom: 1px dotted #000000;*/
	height: auto;
	font-size: 0.9em;
 }

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

.site_links>.menu_lbl a:hover { /*, .site_links_grants>.menu_lbl a:hover*/
	color: #000;
}

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

.site_links>.menu_lbl a:hover {
	color: #000;
}

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

.toplinks a {
    padding: 15px 25px;
	height: 17px;
	display: inline-block;
	/*border-right: solid #fff 1px;*/
}

.ubheader {
	position: absolute;
	top: 10px;
	right: 0px;
	height: 20px;
	line-height: 1.3em;
	margin: 0px 0px;

	letter-spacing: 2px;
	/*float: left;*/
	/*padding: 0px 14px;*/
	/*color: #8c8c8c;*/
	font-size: 1.1em;
	text-transform: uppercase;

}

.impressum
{
	font-size: 1.1em;
	text-transform: uppercase;
	color: #8c8c8c;
	text-decoration:none;
	padding: 0px;
	letter-spacing: 2px;
}

.impressum, .impressum *
{

	font-size: 10px;
}


.ubheader ul {
	padding: 0 10px 0 0;
	margin: 0;
	list-style-type: none;
}
.ubheader ul li {
	float: right;
	padding-top: 2px;
	width: 80px;
	text-align: center;
}
.ubheader a {
	color: #8c8c8c;
	font-size: 10px;
	text-decoration:none;
	padding: 0px 5px;
}
a.nb {
	border: none;
}
.ubheader ul li.ubact a {
	color: #C1C6BB;
	text-decoration:none;
}
.ubheader ul li a:hover {
	color: #006699;
	text-decoration:none;
}

.ubmainnav {
	position:relative;
	height: 47px;
	background-color: #688594 ; /*#bbc8d8;*/
	/*border-radius: 20px 20px 0px 0px;*/
	/*background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0.001) 0%, #bbc8d8 0%, #fff 100%);*/

}
.ubmainnav ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.ubmainnav ul li, .ubmainnav ul li.ubact {
	float: left;
	padding: 15px 15px;
	border-right: solid #fff 1px;
}
.ubmainnav ul li:hover, .toplinks a:hover {
	/*background-color: #F0F0F0;*/
	/*background: -webkit-linear-gradient(bottom, rgba(255,255,255,0.001) 0%, #F0F0F0 0%, #fff 100%);*/
	cursor: pointer;
	/*box-shadow: inset 100% 0 0 0 #F0F0F0;*/
	background-color: #bbc8d8;
}
.ubmainnav a {
	color: #FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
.ubmainnav a:hover {
	text-decoration:none;
	/*color: #FFFFFF;*/
}
.ubmainnav ul li.ubact a {
	color: #006699;
	text-decoration:none;
}

.pfad
{
	display: none;
	/*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;
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.001) 0%, #bbc8d8 0%, #fff 100%);
}
.flogo, .datum
{
	/*font-size: 14px;*/
	/*color: #000000;*/
	/*text-decoration:none;*/
	/*font-weight:normal;*/
	/*line-height: 25px;*/
	float:left;
	/*padding: 15px 25px;*/
	/*font-weight: bold;*/
	/*position: fixed;*/
}
.datum { float: right; }

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 input[type=radio], .chk_grp input[type=checkbox]
{
	/*margin-bottom:-4px;*/
	margin-right: 5px;
}

.chk_grp input[type=checkbox] {margin-top: 5px;}
.chk_grp input[type="checkbox"][data-idref="sdg_hide_other_options"] {
	margin-bottom: 15px;
	margin-top: 15px;
}

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

button.btn_tiny {
	padding: 5px;
	margin: 0px;
	display: inline-block;
	float: left;
}
.vertical_line {
	border-left: 2px solid black;
	height: 30px;
	display: inline-block;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}

/* 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: 8px 8px; }

#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; padding-top: 25px; } /* td that contains page content */
.page_container>div:last-of-type select
{
	width: 100% !important;
}
.mandatory { color: #D70070; }

/* 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 #B6B4B5 !important;}
.ui-tabs-nav .ui-state-default
{
	background: #fff !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: normal; }

.ui-tabs .ui-tabs-nav li { margin-right: 10px; }

.ui-widget-content
{
	border: none;
}
.ui-tabs .ui-tabs-panel
{
	border: 0px 1px;
}

#f_form>table
{
	border: solid 1px #eaedef;
	width: 100%;
}
#f_form>table>tbody>tr>td.label, #f_form>table>tbody>tr>th
{
	width: 20%;
}
.mce-tinymce.mce-container.mce-panel, .mce-tinymce.mce-container.mce-panel iframe
{
	width: 100% !important;
}

#f_form_btn_save {background: #90EE90;}

.calendar-icon {
	width: 30px;
	vertical-align: middle;
	margin: 0 0 2px 6px;
}

/* show menu if desktop */
#menu_container { display:block; } /*, #grants_menu_container .ubmainnav*/
.mobile_header, .ubmainnav.mobile, .site_links { display: none; }

/* journals */
.journal_entry {
	display: block;
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
}

.journal_entry .journal_type {
	font-weight: bold !important;
	font-size: smaller !important;
}

.journal_entry .journal_text {
	display: block;
}

.journal_entry .journal_attachment {
	font-size: smaller !important;
	margin-left: 3px;
}

.journal_entry .journal_attachment img {
	vertical-align: middle;
	margin-bottom: 4px;
}

.journal_entry .journal_date {
	font-style: italic;
	font-size: smaller !important;
}

.journal_entry .journal_row {
	display: block;
}

.journal_entry .journal_description {
	display: inline-block;
	font-size: 11px !important;
	color: #888;
}

.journal_entry .journal_label {
	display: inline-block;
	font-weight: bold !important;
	font-style: italic;
	font-size: 11px !important;
}

.journal_entry .journal_edit {
	font-weight: bold !important;
	cursor: pointer;
	font-size: 11px !important;
	margin-left: 20px;
}

.journal_entry .journal_edit.inactive {
	color: #888 !important;
}

.journal_entry .journal_edit img {
	width: 14px;
	vertical-align: middle;
	margin-bottom: 4px;
}

.journal_entry .journal_type:before {
	content: "\00b7";
	margin: auto 3px;
}

/* --- SNF MATCHIN INTERFACE --- */
.snf-filter-containter {
	min-width: 400px;
	height: 100%;
	float: left;
	position: relative;
	margin-bottom: 20px;
}

.snf-filter-block {
	float: left;
	position: relative;
	display: inline-block;
}

.filter-text {
	margin-right: 12px;
	margin-top: 4px;
	font-size: 14px;
}

.filter-btn {
	margin-left: 8px;
}

#filter-funding, #filter-status {
	background: #ffffff;
	border-radius: 3px;
	box-shadow: 2px 2px 2px #000000;
	position: absolute;
	width: 100%;
	height: auto;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
	z-index: 10;
	top: 45px;
	padding: 12px;
}

.filter-btn-right {
	float: right;
	margin-right: 0px;
	margin-left: auto;
	margin-top: 8px;
}

.table_matches a, .table_no_matches a {
	/*text-decoration: none;*/
}

.find-match-btns .btn_action:not (:first-child ){
	margin-left: 8px;
}

.search-match .btn_action {
	margin-left: 8px;
}

.sorting-arrows {
	width: 30px;
	display: inline-block;
}

.matches-error-msg {
	color: #d20537;
	font-weight: normal;
}

/* for mobile */
.desktop_v { display:block; }
.mob_v { display:none; }

@media screen and (max-width: 641px)
{
	/* general */
	body.full { margin-top: 120px; }
	.desktop_v { display: none; }
	.mob_v
	{
		display: block;
		float: right;
		position: fixed;
		top: 50px;
		right: 10px;
		z-index: 9999;
	}

	/* header */
	#menu_container, .ubmainnav { display: none; } /* hide menu by default  , #grants_menu_container*/
	 /* sticky menu */
	.ubheader
	{
		top: 0px;
		padding-top: 10px;
		position: fixed;
 		z-index:99;
		height: 129px;
		width: 100%;
		background: white;
	 }
	.site_header
	{
		margin-bottom: -25px;
		position: fixed;
		top: 50px;
		z-index:999;
	}
	.site_header>div
	{
		position: relative;
		vertical-align: top;
		height: 60px;
	}
	.site_header .desktop_header .switch_in_header
	{
		display: none;
		height: 0;
	}

	.mobile_header /* where switch is */
	{
		display: block;
		margin-bottom: 10px;
	}

	.mobile_header .switch_in_header:last-of-type
	{
		margin-top: 0;
		text-align: right;
		float: right;
		margin-right: 10px;
	}
	.mobile_header .switch_in_header:first-of-type
	{
		text-align: left;
		margin-left: 15px;
	}

	.mobile_header .switch_in_header h3
	{
		font-size: 10px;
		height: 35px;
	}

	.mobile_header .switch_in_header
	{
    	width: 41%;
    }

    .site_header .logo_header
    {
    	margin-left: 0 !important;
    	padding-right: 0 !important;
    	margin-top: -15px;
    }

	#mob_menu /*, #grants_mob_menu*/
	{
		padding-left: 10px;
		cursor: pointer;
	}

	#mob_menu>div /*, #grants_mob_menu>div*/
	{
		width: 35px;
		height: 5px;
		background-color: #000000;
		margin: 6px 0;
	}
	
	/*#grants_menu_container
	{
		position: absolute;
		top: 210px;
	    right: 0;
	    left: 0;
	    z-index: 9;
	    background-color: #ffffff;
		height: auto;
		padding-left: 40px;
		border-bottom: solid 2px #688594;
		border-top: solid 1px #688594;
		margin-top: 5px;
	}*/

	/* menu itself */
	#menu_container
	{
		position: absolute;
	    top: 135px;
	    right: 0;
	    left: 0;
	    z-index: 9;
	    background-color: #ffffff;
		height: auto;
		padding-left: 40px;
		border-bottom: solid 2px #688594;
		border-top: solid 1px #688594;
		margin-top: 5px;
	}
	


	.ubmainnav.mobile
	{
		display: block;
	}

	.menu_image
	{
		left: -20px;
		margin-top: 5px;
	}
	#div_navigation_menu
	{
		position: relative;
	}
	#div_navigation_menu a, .navlevel2 a
	{
		margin: 10px 0px;
	}

	/* other */
	#menu_login_space {margin-bottom: 0;}
	.page_container, td, th { padding-left: 0; }
	table.site_breadcrumb td { padding-bottom: 30px; }
	.switch_mode_btn { display: block; margin-bottom: 20px; }
	.switch_mode_btn a { width: auto; padding: 0px; margin: 20px; }
	.toptitel { margin-left: -223px; display: block; }
	.navigtitel { margin: 0px; }
	select, page_container>div:last-of-type select {width: 100% !important;}
	select, select option {  text-overflow: ellipsis; }
	#main_table>tbody>tr:first-of-type>td:first-of-type { width: 0px; padding: 0px; }
	input[type="text"], input[type="password"], select, textarea { width: 95% !important; }
	.site_links {display:block;} /*, .site_links_grants */
	.site_links div b a /*, .site_links_grants div b a*/
	{
		text-decoration: none;
		padding-left: 5px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.site_links .menu_lbl/*, .site_links_grants .menu_lbl*/ {margin-top: 0; width:225px; vertical-align: top; line-height: 35px;}
	.site_links>div:last-of-type/*, .site_links_grants>div:last-of-type*/ {margin-bottom: 35px;}
	.site_links>div:first-of-type/*, .site_links_grants>div:first-of-type*/ {margin-top: 25px;}

	/*  re-style tables - requres changes in main js */
	table { width: 100%; }
	.page_container table td, .page_container table th { display: block; width: auto !important; }
	.page_container table tr { display: block; margin-top: 10px; }
	.list-container { border: solid 1px #cfd8e2;  }
	.page_container table td::before {
      content: attr(data-label);
      text-transform: uppercase;
      font-weight: bold;
	  font-size: 10px;
	  text-align: left;
	  width: 100%;
	  float: left;
	  color: #969696;
    }
	#f_form>table { border: none; }

	/* lists in reports */
	.page_container table td[colspan="2"] { padding-left: 10px;}
	.page_container table tr:contains-selector(td[colspan="2"]) { border: none; }

	/* ja and nein buttons */
	.add_header_col2 { border-bottom:2px solid #000; border-right: none; padding-right: 5px; text-align: left; }
	.add_header_col3 { padding-left: 0; }
}