@import "webdropdown.css";
@import "webdatepicker.css";
@import "webdatagrid.css";
@import "webdatatree.css";
@import "webnumericedit.css";
@import "webimageviewer.css";
@import "webdialogwindow.css";

:root {
	/*--container_width: 960px;
	--container_content_width: 920px;
	--grid_width_100: 920;
	--details_imagegallery_width: 705px;*/

	--container_width: 1140px;
	--container_content_width: 1100px;
	--grid_width_100: 1100;
	--details_imagegallery_width: 885px;
}

/* --------------------- CSS RESET ------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

input:focus, textarea:focus, a:focus {
    outline: none;
}

html, body, form 
{
    height: 100%;   
}

body {
	line-height: 1;
	text-align: center;
	background-color: #f6f6f6;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* ------------------------------------------------------------------------ */
/* Fonts                                                                    */
/* ------------------------------------------------------------------------ */

@font-face {
    font-family: 'open_sansitalic';
    src: url(../Fonts/OpenSans-Italic-webfont.eot);
    src: url(../Fonts/OpenSans-Italic-webfont.eot?#iefix) format('embedded-opentype'),
         url(../Fonts/OpenSans-Italic-webfont.woff) format('woff'),
         url(../Fonts/OpenSans-Italic-webfont.ttf) format('truetype'),
         url(../Fonts/OpenSans-Italic-webfont.svg#open_sansitalic) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url(../Fonts/OpenSans-Regular-webfont.eot);
    src: url(../Fonts/OpenSans-Regular-webfont.eot?#iefix) format('embedded-opentype'),
         url(../Fonts/OpenSans-Regular-webfont.woff) format('woff'),
         url(../Fonts/OpenSans-Regular-webfont.ttf) format('truetype'),
         url(../Fonts/OpenSans-Regular-webfont.svg#open_sansregular) format('svg');
    font-weight: normal;
    font-style: normal;
}


/* ------------------------------------------------------------------------- */
/* Layout                                                                    */
/* ------------------------------------------------------------------------- */

.all {
	position: relative;
	margin: 0 auto;
	width: var(--container_width);
	background-color: #FFF;
	text-align: left;
	min-height: 100%;
}

.header {
	display: block;
	width: var(--container_width);
	height: 120px;
	margin: 0px 0px 30px 0px;
}

.logo
{
	position:absolute;
	top:20px;
	left:20px;
	width:95px;
	height:88px;
	background:#D0D1D3;
}

.line_red {
	position: absolute;
	top: 116px;
	left: 0px;
	width: var(--container_width);
	height: 1px;
	background: #E11936;
}

.line_grey {
	position: relative;
	width: var(--container_width);
	height: 4px;
	background: #D0D1D3;
}

.main_content 
{
    display:block;
	position:relative;
	overflow:visible !important /*Firefox*/; 
    overflow:hidden /*IE6*/;
	top:0px;
	left:0px;
	margin: 0px 10px 0px 10px;
    padding-top:20px;
}

.content
{
    display:inline-block;
	position:relative;
	overflow:visible;
	margin:0px 0px 0px 0px;
}

.content_33
{
	text-decoration:none; 
	width:300px;
	float:left;
	margin:0px 0px 0px 0px;
}

.content_25
{
	font-size:13px;
	width:220px;
	float:left;
	margin:0px 0px 0px 0px;
}

.error_message
{
	position:relative;
	text-align:left;
	width:920px;
	height:auto;
	border:none;
	border-top:0px solid #D0D1D3;
	padding:5px 0px 0px 0px; 
	margin:25px 10px 0px 10px;
	clear:both;
}

.error_message span
{
	font-family:'open_sansitalic'; 
	font-size:13px; 
	margin:0px 0px 0px 0px;
	text-decoration:none; 
	color:#E11936;
	text-align:left;
	line-height:20px;
}

.footer {
	position: relative;
	text-align: right;
	width: var(--container_content_width);
	height: 30px;
	border: none;
	border-top: 1px solid #D0D1D3;
	padding: 5px 0px 0px 0px;
	margin: 30px 10px 0px 10px;
	clear: both;
}

.footer span
{
	font-family:'open_sansitalic'; 
	font-size:13px; 
	color:#949599;
	margin:0px 0px 0px 0px;
	text-decoration:none; 
}

.footer a
{
	font-family:'open_sansitalic'; 
	font-size:13px; 
	margin:0px 0px 0px 0px;
	text-decoration:none; 
	color:#000;
}

.footer a:hover
{
	font-family:'open_sansitalic'; 
	font-size:13px; 
	margin:0px 0px 0px 0px;
	text-decoration:none; 
	color:#b4130c;
}

h1	
{
	font-family:'open_sansitalic'; 
	font-size:15px; 
	padding:0px; 
	margin:0px 0px 5px 10px;
	text-decoration:none; 
	color:#242021;
	font-weight:bold;
}

.pt-10 {
	padding-top: 10px;
}

.pt-20 {
	padding-top: 20px;
}

/* -- Navigationsebene 0 (Kopfmenü) ---------------------------------------- */

.header_navi {position:absolute; top:10px; right:20px; width:220px;}

.header_navi_language {float:right; margin-bottom:5px;}
.header_navi_language ul { margin:0px 0px 0px 0px; }
.header_navi_language li.menu { float:left; list-style:none; margin:0px; }
.header_navi_language li.menu input { font-family:'open_sansitalic'; font-size:13px; padding:0px 0px 0px 5px; margin:0px 0px 0px 0px; text-decoration:none; color:#000; }
.header_navi_language a { font-family:'open_sansregular'; font-size:13px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; text-decoration:none; color:#949599; float:right; }

.header_navi_menu {float:right; clear:both}
.header_navi_menu ul	{ margin:0px 0px 0px 0px; }
.header_navi_menu li.menu { float:left; list-style:none; margin:0px; }
.header_navi_menu li.menu a { font-family:'open_sansitalic'; font-size:13px; padding:0px 20px 0px 0px; margin:0px 0px 0px 0px; text-decoration:none; color:#000; }
.header_navi_menu li.menu a:hover { font-family:'open_sansitalic'; font-size:13px; padding:0px 20px 0px 0px; margin:0px 0px 0px 0px; text-decoration:none; color:#b4130c; }

.header_navi_line { width:100%; height:1px; border:none; border-bottom:1px solid #D0D1D3; margin:20px 0px 5px 0px; }

.header_navi_user {float:right;}
.header_navi_user .label { font-family:'open_sansregular'; font-size:13px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; text-decoration:none; color:#949599; float:right; }

/* -- Navigationsebene 1 (Hauptmenü) --------------------------------------- */

.main_navigation { position:absolute; top:70px; left:250px; z-index:99; }
.main_navigation ul { margin:0px 0px 0px 0px; }
.main_navigation ul li { float:left; list-style:none; margin:0px; }
.main_navigation ul li a { font-family:'open_sansitalic'; font-size:14px; padding:20px 0px 8px 0px; margin:0px 30px 0px 0px; text-decoration:none; color:#242021; display:block;border-bottom:4px solid #fff;}
.main_navigation ul li a:hover { font-family:'open_sansitalic'; font-size:14px; padding:20px 0px 8px 0px; margin:0px 30px 0px 0px; text-decoration:none; color:#242021; display:block; border-bottom:4px solid #D0D1D3; }
.main_navigation ul li a.static.selected { font-family:'open_sansitalic'; font-size:14px; padding:20px 0px 8px 0px; margin:0px 30px 0px 0px; text-decoration:none; color:#242021; display:block; border-bottom:4px solid #E11936; }
.main_navigation ul li a.static.selected:hover { font-family:'open_sansitalic'; font-size:14px; padding:20px 0px 8px 0px; margin:0px 30px 0px 0px; text-decoration:none; color:#242021; display:block; border-bottom:4px solid #b4130c; }

.main_navigation .submenu {width:200px; background:#DBDCDE; border-bottom:1px solid #E11936; border-top:1px solid #E11936; z-index:99; margin:0px 0px 0px 0px;}
.main_navigation .submenu li { float:left; list-style:none; margin:0px; width:200px; }
.main_navigation .submenu li a { font-family:'open_sansitalic'; font-size:13px; padding:15px 0px 10px 10px; margin:0px 30px 0px 0px; text-decoration:none; color:#242021; display:block; border-bottom-width:0px;}
.main_navigation .submenu li a:hover { font-family:'open_sansitalic'; font-size:13px; padding:15px 0px 10px 10px; margin:0px 30px 0px 0px; text-decoration:none; color:#E11936; display:block; border-bottom-width:0px;}
.main_navigation .submenu li .aspNetDisabled { color:#949599; }
.main_navigation .submenu li .aspNetDisabled:hover { color:#949599; }

/* -- Navigationsebene 3 (Context navigation elements)---------------------- */

.context_navigation { position:absolute; top:-30px; left:0px; height:25px; width:1120px; z-index:98; text-align:right; padding-top:5px; }
.context_navigation div {float:right !Important;}
.context_navigation ul { margin:5px 10px 0px 0px;}
.context_navigation ul li { list-style:none; margin:0px; }
.context_navigation ul li a {font-family:'open_sansitalic'; font-size:13px; text-decoration:none; color:#E11936; margin:10px 0px 0px 20px; padding: 0px 0px 0px 0px; }
.context_navigation ul li a:hover { font-family:'open_sansitalic'; font-size:13px; text-decoration:none; color:#b4130c; margin:10px 0px 0px 20px; padding:0px 0px 0px 0px; }

.breadcrumb_navigation { position:absolute; top:-30px; left:5px; height:25px; width:450px; z-index:198; text-align:left; padding-top:5px; }
.breadcrumb_navigation div {float:left !Important;}
.breadcrumb_navigation a {font-family:'open_sansitalic'; font-size:13px; font-weight: normal; text-decoration:none; color:#E11936; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.breadcrumb_navigation a:hover { font-family:'open_sansitalic'; font-size:13px; text-decoration:none; color:#b4130c; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
.breadcrumb_navigation span {font-family:'open_sansitalic'; font-size:13px; font-weight: normal; text-decoration:none; color:#242021; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

/* -- Navigationsebene 4 (Tab-Control)-------------------------------------- */

.page_navigation { position:absolute; top:-9px; left:0px; height:35px; width:920px; border-bottom:1px solid #D0D1D3; margin: 0px 10px 0px 10px; }
.page_navigation ul { margin:0px 0px 0px 160px; }
.page_navigation ul li { float:left; list-style:none; margin:0px; }
.page_navigation ul li a { font-family:'open_sansitalic'; font-size:13px; padding:11px 0px 8px 0px; margin:0px 30px 0px 0px; text-decoration:none; color:#000; display:block; }
.page_navigation ul li a:hover { font-family:'open_sansitalic'; font-size:13px; padding:11px 0px 8px 0px; margin:0px 30px 0px 0px; text-decoration:none; color:#000; display:block; border-bottom:4px solid #D0D1D3; }
.page_navigation ul li a.static.selected { font-family:'open_sansitalic'; font-size:13px; padding:11px 0px 8px 0px; margin:0px 30px 0px 0px; text-decoration:none; color:#000; display:block; border-bottom:4px solid #D0D1D3; }
.page_navigation ul li a.static.selected:hover {  font-family:'open_sansitalic'; font-size:13px; padding:11px 0px 8px 0px; margin:0px 30px 0px 0px; text-decoration:none; color:#000; display:block; border-bottom:4px solid #D0D1D3; }

/* ------------------------------------------------------------------------- */
/* Content layout                                                            */

.content_100 {
	text-decoration: none;
	width: var(--container_content_width);
	float: left;
	margin: 0px 10px 0px 10px;
}

.content_width_100 {
	width: var(--container_content_width);
}

.content_100_line {
    border-bottom:1px solid #D0D1D3; 
    margin: 10px 10px 10px 10px;
    float:left;
    width:var(--container_content_width);
}

.content_100 > table {
    /*width:620px;*/
	border:0;
    border-spacing:0;
    border-collapse:separate;
}

.content_100 > table > td {
    padding: 0;
}

.content_100 .column_caption {
    width: 140px;
    height: 30px;
    text-align: left;
    vertical-align: top;
    border: 0px solid red;
}

.content_100 .column_separator {
     width: 10px;
     text-align: left;
     vertical-align: top;
     border: 0px solid green;
}

.content_100 .column_content {
     width: 450px;
     text-align: left;
     vertical-align: top;
     border: 0px solid blue;
}

.content_50 {
	text-decoration: none;
	/*width:450px;*/
	width: calc((var(--container_content_width) / 2) - 10px);
	float: left;
	margin: 0px 10px 0px 10px;
	border: 0px solid red;
}

.content_50 > table {
    width:450px;
	border:0;
    border-spacing:0;
    border-collapse:separate;
}

.content_50 > table > td {
    padding: 0;
}

.content_50 .column_caption {
    width: 140px;
    height: 30px;
    text-align: left;
    vertical-align: top;
}

.content_50 .column_separator {
     width: 20px;
     text-align: left;
     vertical-align: top;
}

.content_50 .column_content {
     width: 290px;
     text-align: left;
     vertical-align: top;
}

/* ------------------------------------------------------------------------- */
/* Controls                                                                  */
/* ------------------------------------------------------------------------- */

/* -- Freier Text ---------------------------------------------------------- */
.content_100 .paragraph {font-family:'open_sansregular'; font-size:13px; line-height:150%; text-decoration:none; color:#242021;	text-align:justify;	margin:0px 0px 0px 0px; }

/* -- Zeilenbeschriftung --------------------------------------------------- */
.content_50 .label { font-family:'open_sansregular'; font-size:13px; text-decoration:none; color:#242021; width:140px; border-bottom:1px solid #D0D1D3; margin:0px 0px 0px 0px; padding:8px 0px 0px 0px; height:16px; vertical-align:top; }
.content_50 .label_multiline { font-family:'open_sansregular'; font-size:13px; text-decoration:none; color:#242021; width:140px; border-bottom:1px solid #D0D1D3; margin:0px 0px 0px 0px; padding:6px 0px 0px 0px; line-height:16px; height:100%; vertical-align:top; }
.content_100 .label { font-family:'open_sansregular'; font-size:13px; text-decoration:none; color:#242021; width:140px; border-bottom:1px solid #D0D1D3; margin:0px 0px 4px 0px; padding:8px 0px 0px 0px; height:16px; vertical-align:top; }
.content_100 .label_multiline { font-family:'open_sansregular'; font-size:13px; text-decoration:none; color:#242021; width:140px; border-bottom:1px solid #D0D1D3; margin:0px 0px 4px 0px; padding:6px 0px 0px 0px; line-height:16px; height:100%; vertical-align:top; }

/* -- Textfeld (lesend) ---------------------------------------------------- */
.content_50 .textview { width:268px;  font-family:'open_sansitalic'; font-size:13px; text-decoration:none; color:#242021; border-bottom:1px solid #D0D1D3; margin:0px 0px 0px 0px; padding:8px 0px 0px 10px; height:16px; vertical-align:top; }
.content_50 .textview_multiline { width:268px;  font-family:'open_sansitalic'; font-size:13px; text-decoration:none; color:#242021; border-bottom:1px solid #D0D1D3; margin:0px 0px 4px 0px; padding:6px 0px 0px 10px; line-height:16px; height:100%; vertical-align:top; }
.content_100 .textview { width:438px;  font-family:'open_sansitalic'; font-size:13px; text-decoration:none; color:#242021; border-bottom:1px solid #D0D1D3; margin:0px 0px 0px 0px; padding:8px 0px 0px 10px; height:16px; vertical-align:top; }
.content_100 .textview_multiline { width:438px;  font-family:'open_sansitalic'; font-size:13px; text-decoration:none; color:#242021; border-bottom:1px solid #D0D1D3; margin:0px 0px 4px 0px; padding:6px 0px 0px 10px; line-height:16px; height:100%; vertical-align:top; }

.content_100 .textview_link {
	display:inline-block;
	width: 438px;
	font-family: 'open_sansitalic';
	font-size: 13px;
	text-decoration: none;
	color: #242021;
	border-bottom: 1px solid #D0D1D3;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 10px;
	height: 16px;
	vertical-align: top;
}

.content_100 .textview_link:hover {
	color: #b4130c !important;
}


/* -- Texteingabe ---------------------------------------------------------- */
.content_50 .textinput { width:268px; height:24px; background:#DBDCDE; border:1px solid #6E6E70; margin:0px 0px 0px 0px; padding:0px 0px 0px 10px; font-family:'open_sansitalic'; font-size:13px; color:#242021; }
.content_50 .textinput_multiline { width:268px; height:100%; background:#DBDCDE; border:1px solid #6E6E70; margin:0px 0px 0px 0px; padding:3px 0px 0px 10px; font-family:'open_sansitalic'; font-size:13px; color:#242021;}
.content_50 .textinput_calendar { width:250px; height:24px; background:#DBDCDE; border:1px solid #6E6E70; margin:0px 0px 0px 0px; padding:0px 0px 0px 10px; font-family:'open_sansitalic'; font-size:13px; color:#242021; }
.content_100 .textinput { width:438px; height:24px; background:#DBDCDE; border:1px solid #6E6E70; margin:0px 0px 0px 0px; padding:0px 0px 0px 10px; font-family:'open_sansitalic'; font-size:13px; color:#242021;}
.content_100 .textinput_multiline { width:438px; height:100%; background:#DBDCDE; border:1px solid #6E6E70; margin:0px 0px 0px 0px; padding:3px 0px 0px 10px; font-family:'open_sansitalic'; font-size:13px; color:#242021;}
.content_100 .textinput_calendar { width:430px; height:24px; background:#DBDCDE; border:1px solid #6E6E70; margin:0px 0px 0px 0px; padding:0px 0px 0px 10px; font-family:'open_sansitalic'; font-size:13px; color:#242021;}

/* -- CheckBox ------------------------------------------------------------- */

.content_50 .checkbox {}

.content_100 .checkbox 
{
    font-family:'open_sansitalic'; 
    font-size:13px; 
    color:#242021;
}

.content_100 .checkbox > input {
    margin-top:7px;
}

.content_100 .checkbox > label {
    margin-left:10px;
}

/* -- RadioButton ---------------------------------------------------------- */
.content_50 .radiobutton {font-family:'open_sansitalic'; font-size:13px; text-decoration:none; color:#242021; margin:0px 0px 0px 0px; padding:8px 10px 0px 0px; height:16px; vertical-align:top;}
.content_100 .radiobutton {font-family:'open_sansitalic'; font-size:13px; text-decoration:none; color:#242021; margin:0px 0px 0px 0px; padding:8px 10px 0px 0px; height:16px; vertical-align:top;}

/* -- Button --------------------------------------------------------------- */
.button_red { width:140px; height:20px; background:#E11936; border:none; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; font-family:'open_sansitalic'; font-size:13px; color:#fff; }
.button_red:hover {width:140px; height:20px; background:#b4130c; border:none; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; font-family:'open_sansitalic'; font-size:13px; color:#fff; cursor:pointer; }

.button_grey { width:140px; height:20px; background:#D0D1D3; border:none; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; font-family:'open_sansitalic'; font-size:13px; color:#fff; }
.button_grey:hover {width:140px; height:20px; background:#939498; border:none; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; font-family:'open_sansitalic'; font-size:13px; color:#fff; cursor:pointer;}

/* -- LinkButton --------------------------------------------------------------- */
.linkbutton { font-family:'open_sansitalic'; font-size:13px; text-decoration:none; color:#E11936; margin:10px 10px 0px 0px; padding: 0px 0px 0px 10px; }
.linkbutton:hover { font-family:'open_sansitalic'; font-size:13px; text-decoration:none; color:#b4130c; margin:10px 10px 0px 0px; padding:0px 0px 0px 10px; }

/* -- Link ----------------------------------------------------------------- */
.link { font-family:'open_sansitalic'; font-size:13px; text-decoration:none; color:#E11936; margin:0px 0px 0px 0px }
.link:hover { font-family:'open_sansitalic'; font-size:13px; text-decoration:none; color:#b4130c; margin:0px 0px 0px 0px }

/* -- Link ----------------------------------------------------------------- */
.link-black {
	font-family: 'open_sansitalic';
	font-size: 13px;
	text-decoration: none;
	color: #242021 !important;
	margin: 0px 0px 0px 0px
}

	.link-black:hover {
		font-family: 'open_sansitalic';
		font-size: 13px;
		text-decoration: none;
		color: #E11936 !important;
		margin: 0px 0px 0px 0px
	}

/* -- AJAX ComboBox-Control ------------------------------------------------ */
.content_50 .combobox {}
.content_50 .combobox .ajax__combobox_inputcontainer {background-color:#DBDCDE; border:1px solid #6E6E70; top:0px !Important;}
.content_50 .combobox .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input {width:244px; height:24px; font-family:'open_sansitalic'; font-size:13px; background:#DBDCDE;  margin: 0; border:1px solid #6E6E70; padding: 0px 0px 0px 10px; }
.content_50 .combobox .ajax__combobox_itemlist {position:fixed !Important; font-family:'open_sansitalic'; background-color:#DBDCDE; border:1px solid #6E6E70; font-size:13px; padding:0px 0px 0px 10px; width:280px !Important; line-height:24px;}

.content_100 .combobox {}
.content_100 .combobox .ajax__combobox_inputcontainer {background-color:#DBDCDE; border:1px solid #6E6E70; top:0px !Important;}
.content_100 .combobox .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input {font-family:'open_sansitalic'; font-size:13px; background:#DBDCDE; width:424px; height:24px; margin: 0; border:1px solid #6E6E70; padding: 0px 0px 0px 10px; }
.content_100 .combobox .ajax__combobox_itemlist {position:fixed !Important; font-family:'open_sansitalic'; background-color:#DBDCDE; border:1px solid #6E6E70; font-size:13px; padding:0px 0px 0px 10px; width:450px !Important; line-height:24px;}

/* -- DropDownList-Control (ASP.NET) --------------------------------------- */
.content_50 .dropdownlist 
{
	width:282px;
	height:26px;
	background:#DBDCDE;
	border:1px solid #6E6E70;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	font-family:'open_sansitalic'; 
	font-size:13px; 
	color:#242021;
}

.content_100 .dropdownlist 
{
	width:462px;
	height:26px;
	background:#DBDCDE;
	border:1px solid #6E6E70;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	font-family:'open_sansitalic'; 
	font-size:13px; 
	color:#242021;
}

/* -- ListBox-Control (ASP.NET) -------------------------------------------- */
.content_33 .listbox 
{
    width:285px;
	height:100%;
	background:#DBDCDE;
	border:1px solid #6E6E70;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	font-family:'open_sansitalic'; 
	font-size:13px; 
	color:#242021;
}

.content_50 .listbox 
{
    width:290px;
	height:100%;
	background:#DBDCDE;
	border:1px solid #6E6E70;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	font-family:'open_sansitalic'; 
	font-size:13px; 
	color:#242021;
}

.content_100 .listbox 
{
    width:430px;
	height:100%;
	background:#DBDCDE;
	border:1px solid #6E6E70;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	font-family:'open_sansitalic'; 
	font-size:13px; 
	color:#242021;
}

/* -- Calendar ------------------------------------------------------------- */

.content_100 .calendar .ajax__calendar_container
{
    z-index:100010;
    position:relative;
}

/* -- GridView-Control (ASP.NET) ------------------------------------------- */

.grid th 
{
    border: none;
    font-family:'open_sansitalic'; 
    font-size:13px; 
    font-weight:bold; 
    padding:0px 0px 5px 0px; 
    empty-cells:show; 
    margin:0px 0px 5px 0px; 
    color:#242021; 
    text-decoration:none;
}

.grid th a 
{
	font-family:'open_sansitalic'; 
	font-size:13px;
	text-decoration:none; 
	color:#E11936;
	margin:0px 0px 0px 0px
}

.grid td  
{
    font-family:'open_sansregular'; 
    font-size:13px; 
    text-decoration:none; 
    color:#242021;
    border: none; 
    border-top:1px solid #D0D1D3;
    margin:0px 0px 0px 0px; 
    padding:2px 0px 4px 0px; 
    height:25px;
}

.grid td a 
{
	font-family:'open_sansitalic'; 
	font-size:13px;
	text-decoration:none; 
	/*color:#E11936;*/
	margin:0px 0px 0px 0px
}

.grid .pager table td 
{
    border: 0px;
    border-top: 0px;
    padding: 0px 0px 0px 5px;
}

.grid .pager td  
{
    font-family:'open_sansregular'; 
    font-size:13px; 
    text-decoration:none; 
    color:#242021;
    border: none; 
    border-top:1px solid #D0D1D3;
    margin:0px 0px 0px 0px; 
    padding:2px 0px 4px 0px; 
    height:25px;
}

.grid .pager td a 
{
	font-family:'open_sansitalic'; 
	font-size:13px;
	text-decoration:none; 
	color:#E11936;
	margin:0px 0px 0px 0px
}

/* -- Pager-Control (FHL) ------------------------------------------- */

.fhl_Pager {
    background-color: #F5F5F5;
    border: 1px solid #D0D1D3;
    line-height: 40px;
    margin-right: 10px;
    font-family:'open_sansregular'; 
    font-size:11px; 
	font-weight: normal;
	text-decoration: none;
    text-align:right;
}

.fhl_Pager_PageSection {
    padding-right: 5px;
}

.fhl_Pager_PageLink {
    background-color: #E8E8E8;
    color: #4C535C;
    border: 1px solid #D0D1D3;

    padding: 4px 8px 4px 8px;
    margin-left: 2px;
    margin-right: 2px;
    cursor: pointer;
}

.fhl_Pager_CurrentPage {
    background-color: #CCCCCC;
    color: #4C535C;
    border: 1px solid #D0D1D3;

    padding: 4px 8px 4px 8px;
    margin-left: 2px;
    margin-right: 2px;
}

.fhl_Pager_InfoSection {
    padding-left: 5px;
}

.fhl_Pager_PageInfo {
    color: #4C535C;
    padding: 4px 8px 4px 8px;
    margin-left: 2px;
    margin-right: 2px;
}

.pager
{
    font-family:'open_sansregular'; 
    font-size:13px; 
    text-decoration:none; 
    color:#242021;
    border: none; 
    border-top:1px solid #D0D1D3;
    margin:0px 0px 0px 0px; 
    padding:2px 0px 4px 0px; 
    height:25px;    
}

.pager > table
{
    padding-left:5px;
}

.pager .pager_pageinfo
{
	padding-right: 6px;
	padding-left: 0px;
	padding-bottom: 3px;
	font-family:'open_sansregular'; 
	font-weight:normal;
	font-size: 13px;
	color:#242021;
	padding-top: 3px;
	white-space: nowrap;
	background-color:transparent;
    width:100%;
    text-align:right;
}

.pager .pager_currentpage
{
	color:#242021;
	background-color:transparent;
}

.pager .pager_otherpage
{
	background-color:transparent;
}

.pager .pager_pagelink
{
    font-family:'open_sansregular'; 
    font-size: 13px;
    color:#E11936;
}

.pager .pager_pagelink:hover
{
	color:#242021;
	text-decoration: none;
	font-family:'open_sansregular'; 
	font-size: 13px;
}

/* -- TreeView-Control (ASP.NET) ------------------------------------------- */

.content_50 .treeview 
{
    width:280px;
	height:100%;
	background:#DBDCDE;
	border:1px solid #6E6E70;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	overflow:auto;
}

.content_100 .treeview 
{
    width:450px;
	height:100%;
	background:#DBDCDE;
	border:1px solid #6E6E70;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	overflow:auto;
}

.treeview .tree_view_node
{
    font-family:'open_sansitalic'; 
    text-decoration:none;
	font-size:13px; 
	color:#242021;
}

.treeview .treeview_node_selected
{
    font-weight:bold;
}

.h-75 {
	height: 75vh;
	height: calc(var(--vh, 1vh) * 75);
}


/* ---------------------------------------------------------------------------- */
/* -- Button-Control (DevExpress) ------------------------------------------- */

.dxButtonRed {
	width: 140px;
	height: 20px;
	background: #E11936;
	border: none;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: 'open_sansitalic';
	font-size: 13px;
	color: #fff;
}

	.dxButtonRed:hover {
		background: #b4130c;
	}

	.dxButtonRed div.dxb {
		padding: 0px;
	}

.dxButtonGrey {
	width: 140px;
	height: 20px;
	background: #D0D1D3;
	border: none;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: 'open_sansitalic';
	font-size: 13px;
	color: #fff;
}

	.dxButtonGrey:hover {
		background: #939498;
	}

	.dxButtonGrey div.dxb {
		padding: 0px;
	}


/* ---------------------------------------------------------------------------- */
/* -- ComboBox-Control (DevExpress) ------------------------------------------- */

.dxComboBox {
	border: 1px solid #6E6E70;
	font-family: 'open_sansitalic';
	font-size: 13px;
	color: #242021;
	background: #DBDCDE;
	height: 26px;
	padding-left: 8px;
}

	.dxComboBox .dxeEditArea {
		background: #DBDCDE;
		padding-left: 10px;
	}

.dxeListBox {
	background-color: #DBDCDE;
}

.dxeListBoxItem {
	border-width: 0px;
	font-family: 'open_sansitalic';
	font-size: 13px;
	color: #242021;
	background-color: #DBDCDE;
	padding-left: 10px;
}

.dxeListBoxItemHover {
	color: #242021;
	background-color: #cfcfcf;
}

.dxeListBoxItemSelected {
	color: #242021;
	background-color: #DDB1B8;
}

.content_50 .dxComboBox {
	width: 280px;
}

.content_100 .dxComboBox {
	width: 450px;
}

/* -------------------------------------------------------------- */
/* -- DateEdit-Control (DevExpress) ----------------------------- */

.dxDateEdit {
	border: 1px solid #6E6E70;
	font-family: 'open_sansitalic';
	font-size: 13px;
	color: #242021;
	background: #DBDCDE;
	height: 26px;
	padding-left: 8px;
	/*margin-top:-3px;*/
}

	.dxDateEdit .dxeEditArea {
		background-color: #DBDCDE;
		padding-left: 10px;
		padding-bottom: 1px;
	}

.content_50 .dxDateEdit {
	width: 280px;
}

.content_100 .dxDateEdit {
	width: 450px;
}



/* -------------------------------------------------------------- */
/* -- GridView-Control (DevExpress) ----------------------------- */

.dxGridView {
	border: 1px solid #D0D1D3 !important;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-family: 'open_sansitalic' !important;
	font-size: 13px !important;
	color: #242021 !important;
	background-color: white !important;
}

	.dxGridView .dxgvHeader {
		font-family: 'open_sansitalic';
		font-size: 13px;
		font-weight: bold;
		color: #242021;
		background-color: White;
	}

	.dxGridView .dxgvDataRow {
		font-family: 'open_sansitalic' !important;
		font-size: 13px !important;
		color: #242021 !important;
		background-color: white !important;
	}

	.dxGridView .dxgvDataRowAlt {
		background-color: #F5F5F5 !important; /* WhiteSmoke */
	}

	.dxGridView .dxgvSelectedRow {
		/*background-color: #F5F5F5 !important;*/
		background-color: #DDB1B8 !important;
	}

	.dxGridView .dxgvPagerBottomPanel {
		background-color: #F5F5F5;
		border-top: 1px solid #D0D1D3;
		font-family: 'open_sansregular';
		font-size: 11px;
		font-weight: normal;
		text-align: right;
	}

	.dxGridView .dxgvControl a {
		color: #b4130c;
	}

	.dxGridView .dxp-num {
		background-color: #E8E8E8;
		color: #4C535C;
		border: 1px solid #D0D1D3;
		text-decoration: none;
		padding: 4px 8px 4px 8px;
		margin-left: 2px;
		margin-right: 2px;
	}

	.dxGridView .dxp-button {
		background-color: #E8E8E8;
		color: #4C535C;
		border: 1px solid #D0D1D3;
		text-decoration: none;
		padding: 4px 8px 4px 8px;
		margin-left: 2px;
		margin-right: 2px;
		height: 20px;
	}

	.dxGridView .dxp-summary {
		font-family: 'open_sansregular';
		font-size: 11px;
		font-weight: normal;
		color: #4C535C;
		padding: 6px 8px 4px 8px;
	}

	.dxGridView .link {
		font-family: 'open_sansitalic' !important;
		font-size: 13px !important;
		text-decoration: none !important;
		color: #E11936 !important;
		margin: 0px 0px 0px 0px !important;
	}

		.dxGridView .link:hover {
			color: #b4130c !important;
		}

	.dxGridView .contextlink {
		font-family: 'open_sansitalic';
		font-size: 13px;
		text-decoration: none;
		color: #242021 !important;
		margin: 0px 0px 0px 0px
	}

		.dxGridView .contextlink:hover {
			color: #b4130c !important;
			text-decoration: underline;
		}

	.dxGridView .commandButton {
		font-family: 'open_sansitalic' !important;
		font-size: 13px !important;
		text-decoration: none !important;
		color: #E11936 !important;
		margin: 0px 10px 0px 0px !important;
	}

		.dxGridView .commandButton:hover {
			color: #b4130c !important;
		}

	.dxGridView .dxgvDetailRow {
		background-color: #ffffff;
	}

		.dxGridView .dxgvDetailRow .captionlabel {
			font-family: 'open_sansregular';
			font-size: 13px;
			font-weight: bold;
		}

		.dxGridView .dxgvDetailRow .contentlabel {
			font-family: 'open_sansregular';
			font-size: 13px;
			font-weight: normal;
		}


/* -------------------------------------------------------------------------------- */
/* -- ImageGallery-Control (DevExpress) ------------------------------------------- */

.dxImageGallery {
	font-family: 'open_sansitalic';
	font-size: 13px;
	color: #242021;
	background-color: white;
	border: 1px solid #D0D1D3 !important;
}

	.dxImageGallery .dxigCtrl {
		background-color: #F5F5F5;
		/*background-color: #DBDCDE;*/
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.dxImageGallery .dxigPagerPanel {
		background-color: #F5F5F5;
		/*background-color: #DBDCDE;*/
		border-top: 0px solid #D0D1D3;
		font-family: 'open_sansregular';
		font-size: 11px;
		font-weight: normal;
		text-align: right;
	}

	.dxImageGallery .dxp-num {
		background-color: #E8E8E8;
		color: #4C535C;
		border: 1px solid #D0D1D3;
		text-decoration: none;
		padding: 4px 8px 4px 8px;
		margin-left: 2px;
		margin-right: 2px;
	}

	.dxImageGallery .dxp-button {
		background-color: #E8E8E8;
		color: #4C535C;
		border: 1px solid #D0D1D3;
		text-decoration: none;
		padding: 4px 8px 4px 8px;
		margin-left: 2px;
		margin-right: 2px;
		height: 20px;
	}

	.dxImageGallery .dxp-summary {
		font-family: 'open_sansregular';
		font-size: 11px;
		font-weight: normal;
		color: #4C535C;
		padding: 6px 8px 4px 8px;
	}

	.dxImageGallery .dxp-pageSizeItem {
		visibility: hidden;
	}

/* ------------------------------------------------------------------------------------ */
/* -- SpinEdit-Control (DevExpress) als Seitennavigator ----------------------------- */

.dxSpinEdit {
	font-family: 'open_sansitalic';
	font-size: 13px;
	background: #DBDCDE;
	color: #242021;
	border: 1px solid #6E6E70;
	height: 26px;
	padding-left: 8px;
}

	.dxSpinEdit .dxeEditArea {
		background-color: #DBDCDE;
		padding-left: 10px;
		padding-bottom: 1px;
	}

.content_50 .dxSpinEdit {
	width: 280px;
}

.content_100 .dxSpinEdit {
	width: 450px;
}


/* ------------------------------------------------------------------------------------ */
/* -- TabControl-Control (DevExpress) als Seitennavigator ----------------------------- */

.page_navigation_tabcontrol {
	position: absolute;
	top: -9px;
	left: 0px;
	height: 34px;
	/*width: 785px;*/
	width: 965px;
	border-bottom: 1px solid #D0D1D3;
	margin: 0px 10px 0px 10px;
	padding-left: 135px;
}

.page_navigation_tabcontrol > div {
	border: 0px solid #6E6E70;
	font-family: 'open_sansitalic';
	font-size: 13px;
	color: #242021;
}

.page_navigation_tabcontrol .dxtc-tab {
	background-color: white !important;
	border-width: 0px !important;
	border-bottom: 0px solid #D0D1D3 !important;
	padding-top: 2px;
}

.page_navigation_tabcontrol .dxtc-leftIndent {
	border-bottom: 0px solid #D0D1D3 !important;
}

.page_navigation_tabcontrol .dxtc-spacer {
	border-bottom: 0px solid #D0D1D3 !important;
}

.page_navigation_tabcontrol .dxtc-rightIndent {
	border-bottom: 0px solid #D0D1D3 !important;
}

.page_navigation_tabcontrol .dxtc-activeTab {
	border-top-width: 0px !important;
	border-left-width: 0px !important;
	border-right-width: 0px !important;
	border-bottom: 4px solid #D0D1D3 !important;
	padding-top: 2px;
}

.page_navigation_tabcontrol .dxtc-stripContainer {
	padding-left: 20px !important;
}

/* ------------------------------------------------------------------------------------ */
/* -- TabControl-Control (DevExpress) als Seitennavigator ----------------------------- */

.tabcontrol {
	height: 34px;
	border-bottom: 1px solid #D0D1D3;
	margin: 0px 10px 0px 10px;
}

	.tabcontrol > div {
		border: 0px solid #6E6E70;
		font-family: 'open_sansitalic';
		font-size: 13px;
		color: #242021;
	}

	.tabcontrol .dxtc-tab {
		background-color: white !important;
		border-width: 0px !important;
		border-bottom: 0px solid #D0D1D3 !important;
		padding-top: 2px;
	}

	.tabcontrol .dxtc-leftIndent {
		border-bottom: 0px solid #D0D1D3 !important;
	}

	.tabcontrol .dxtc-spacer {
		border-bottom: 0px solid #D0D1D3 !important;
	}

	.tabcontrol .dxtc-rightIndent {
		border-bottom: 0px solid #D0D1D3 !important;
	}

	.tabcontrol .dxtc-activeTab {
		border-top-width: 0px !important;
		border-left-width: 0px !important;
		border-right-width: 0px !important;
		border-bottom: 4px solid #D0D1D3 !important;
		padding-top: 2px;
	}

	.tabcontrol .dxtc-stripContainer {
		/*padding-left: 20px !important;*/
	}


/* -------------------------------------------------------------- */
/* -- TreeView-Control (DevExpress) ----------------------------- */

.dxTreeView {
	font-family: 'open_sansitalic';
	font-size: 13px;
	color: #242021;
	background-color: #F5F5F5;
	border: 1px solid #D0D1D3;
	overflow: auto;
}

.dxTreeView .dxtv-nd {
	/*border-width: 0px !important;*/
}

.dxTreeView .dxtv-ndHov {
	border: 1px solid #F5F5F5;
}

.dxTreeView .dxtv-ndSel {
	color: #242021;
	background-color: #DDB1B8;
	border: 1px solid #F5F5F5;
}