/*       ALLGEMEINES ZEUG         */
@font-face { font-family: 'eon_schrift';
             src: url('themes/rwe/fonts/EON_BrixSansWeb-Black.woff2')  format('woff2'),
                  url('themes/rwe/fonts/EON_BrixSansWeb-Black.woff')  format('woff'), 
                  url('themes/rwe/fonts/EON_BrixSansWeb-Black.eot')  format('eot'),                  
                  url('themes/rwe/fonts/EON_BrixSansWeb-Black.ttf')  format('truetype'); 
                  
                  font-weight: 900;
                  font-style: normal;
}


@font-face { font-family: 'eon_schrift_bold';
             src: url('themes/rwe/fonts/EON_BrixSansWeb-Bold.woff2')  format('woff2'),
                  url('themes/rwe/fonts/EON_BrixSansWeb-Bold.woff')  format('woff'), 
                  url('themes/rwe/fonts/EON_BrixSansWeb-Bold.eot')  format('eot'),                  
                  url('themes/rwe/fonts/EON_BrixSansWeb-Bold.ttf')  format('truetype'); 
                  
                  font-weight: 700;
                  font-style: normal;
}

@font-face { font-family: 'eon_schrift_medium';
             src: url('themes/rwe/fonts/EON_BrixSansWeb-Medium.woff2')  format('woff2'),
                  url('themes/rwe/fonts/EON_BrixSansWeb-Medium.woff')  format('woff'), 
                  url('themes/rwe/fonts/EON_BrixSansWeb-Medium.eot')  format('eot'),                  
                  url('themes/rwe/fonts/EON_BrixSansWeb-Medium.ttf')  format('truetype'); 
                  
                  font-weight: 500;
                  font-style: normal;
}

@font-face { font-family: 'eon_schrift_regular';
             src: url('themes/rwe/fonts/EON_BrixSansWeb-Regular.woff2')  format('woff2'),
                  url('themes/rwe/fonts/EON_BrixSansWeb-Regular.woff')  format('woff'), 
                  url('themes/rwe/fonts/EON_BrixSansWeb-Regular.eot')  format('eot'),                  
                  url('themes/rwe/fonts/EON_BrixSansWeb-Regular.ttf')  format('truetype'); 
                  
                  font-weight: 400;
                  font-style: normal;
}



body, h1, h2, h3, h4, h5, td, th, li, input, select, textarea, pre {
	font-family: sans-serif,Verdana, Arial, Helvetica;
/* 	font-family: eon_schrift, sans-serif; */
/* 		font-family: eon_schrift_regular, sans-serif; */
	
	

 	scrollbar-3dlight-color: #B2D1F0;
 	scrollbar-arrow-color: white;
 	scrollbar-darkshadow-color: #B2D1F0;
/*  	scrollbar-face-color: #B2D1F0; */
/*  	scrollbar-face-color: #0f738a; */
 	 	scrollbar-face-color: #bfbfbf;
 	
 	
 	scrollbar-highlight-color: white;
 	scrollbar-shadow-color: white;
/*  	scrollbar-track-color: #EFF8FF; */
/*  	scrollbar-track-color: #c7e8eb; */
 	 	scrollbar-track-color: #f2f2f2;
 	


}

::-webkit-scrollbar {
    width: 15px;
}
button#oldLayout{
	background-color:transparent !important;
	font-size:12px;
	padding:0px;
	
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
   
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
 
::-webkit-scrollbar-thumb {

    border-top-left-radius: 0;
     border-bottom-left-radius: 0;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

h1 {
	font-size: 12pt;
	letter-spacing: 1px;
	text-align: left;
}
.content_button4 > a {
    color: #fff !important;
}
h1, h2, h3, h4, h6 {
/* 	color: #0066CC; */
	padding-bottom: 1px;
	padding-right: 5px;
	 margin: 0;
/*	padding-left: 5px; */
/* 	font-weight: normal; */
	
	color: black;	
/* 	font-family: eon_schrift, sans-serif; */
}
/* h5 { */
/* } */
h6 {
	margin-block-start: auto;
    margin-block-end: auto;
	text-align: left;
}

.dx-treelist .dx-row>td {
    padding-bottom: 0px !important;
    padding-top: 10px !important;
}

div#uploadAnfrage {
	color: #018290;
	background-color:#efefef !important;	
	margin-bottom: 8px;
}
div#uploadFibel {
	color: #018290;
	background-color:#efefef !important;	
	margin-bottom: 8px;
}
div#uploadAnfrage > h2{
	color: #018290 !important;	
}
div#uploadAnfrage > h3{
	color: #018290 !important;	
}
div#uploadFibel > h2{
	color: #018290 !important;	
}
div#uploadFibel > h3{
	color: #018290 !important;	
}
hr {
	background-color: #B2D1F0; /* Mozilla 1.4 */
	color: #B2D1F0; /* IE 6 */
	border: #B2D1F0; /* Opera 7.11 */
	height: 1px; /* in Opera f�r die Anzeige n�tig, in Mozilla f�r die einheitliche H�he */
}
form {
	display: inline;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;	
 	background-color: white; 
	
}
pre{
padding-left: 10px;
padding-right: 10px;
}

/*       ALLGEMEINES ZEUG         */


/*             MODEL           */
div#top {
	margin: 0px;
	padding: 0px;
/* 	height: 36px; */
	
	height: 20px;
	
	
/* 	border-bottom: 1px solid #B2D1F0; */
}
div#sub {
	margin: 0px;
	padding: 0px;
/* 	border-bottom: 1px solid #B2D1F0; */
}
div#nav {
	margin-top: 5px;
	padding: 0px;
}
div#contentBody {
	margin-bottom: 10px;
	margin-top: 11px;
	margin-left: 10px;
	margin-right: 10px;
	padding-right:10px;
}
div#contentHeader{
	padding-left: 24px;
	margin-top: 5px;
	margin-left: 3px;
	margin-bottom: 0px;
}
.webmarket-container {
	padding-left:37px !important;
	padding-bottom:10px !important;

	}

div#subnav{
	padding-left: 27px;
}

div#content{
	margin-top: 2px;
	margin-left: 1px;
	padding-bottom: 10px;
	padding-right:3rem;
}

div#footer {
	clear: left;
	position: relative;
	bottom: auto;
}

/*             MODEL           */


/*   ---- CONTENTBLOCK DESIGN (DIV,TABELLE,TD) ----   */

.component--tiny-teaser .tiny-teaser--container .tiny-teaser-text {
    color: #ffffff !important;
    font-size: 8pt !important;
    text-align: center;
    white-space: pre-wrap;
    padding-bottom: 0rem !important;
    padding-top: 0.1rem !important;
}
.component--quick-start section .component--tiny-teaser {
    margin-left: 0rem !important;
    margin-right:0.5rem;
    margin-top: 0rem !important;
    margin-bottom: 0.5rem !important;
    flex-basis: calc(12.18%) !important;
    height:134px;
    font-size:14px;
   
}
.tiny-teaser-text.gemeinde {
    font-size: 10pt !important;
}
.component--quick-start section .component--tiny-teaser .tiny-teaser--container {
    min-width: 130px;
}

a.component--quick-start-settings--cancel.element--cta.element--cta--prio-3 {
	color: white !important;
}

.component--quick-start section {
    margin-top: 1rem;
    display: flex;
    flex-flow: row wrap;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
}

section.favoriten-section {
	flex-wrap: wrap !important;
	padding-left: 10px;
	padding-right: 10px;
}

.component--quick-start section {
	 flex-wrap: nowrap !important;
	 margin-top: 0rem !important;
	}
.popupDiv .component--quick-start section {
	 flex-wrap: wrap !important;

	}
	
.framework--header-container .header--menu .icon {
	align-items: center !important;
	
}

.calendar thead .headrow {
	background:#e9e9e9 !important;
	 color: #000 !important;
	}
	.calendar thead .daynames {
	    background-color: #018290 !important;
	}
	.calendar table .wn {
		   background-color: #018290 !important;
	}
.calendar table .wn {
    color: #FFFFFF !important;
}
.calendar thead .name {
	 color: #FFFFFF !important;

	}
	.calendar thead .weekend {
	color: #FFFFFF !important;
	}
	
.calendar .nav {
	background:#e9e9e9 !important;
 color: #000;
	}
.calendar thead .hilite {
    background-color: #e9e9e9 !important;
    color: #000;
}
div.calendar {
    margin-left: -160px;
}
.datepickerImg{
    content: url(/vdb/themes/wm/images/calendar.svg);
}


.framework--header-container .header--menu {
   margin-top:5px;
	margin-bottom:5px;
}

.framework--header-container .header--support {
	 margin-top:5px;
	margin-bottom:5px;
}
/* Tabelleblock */
.contentblockelement{
	border-spacing: 0px;
	border-collapse:separate;
	width: 100%;
}

.spacing td {
  border: none;
  padding-top: 5px;
}

.kpfcontent{
	width: 99%;
    margin-right:1%;
}
.framework--header-container {
    height: 60px !important;
}
fieldset {
	border: none;
}
.content_push_sponsoring {
	width: 24px;
	height: 24px;
}
.content_push_fibel {
	width: 24px;
	height: 24px;

}
.content_accept {
	width: 24px;
	height: 24px;
	margin:1px;
}
.content_refuse {
	width: 24px;
	height: 24px;
	margin:1px;
}
.content_push_query {
	width: 24px;
	height: 24px;
}
.content_push_donation {
	width: 24px;
	height: 24px;
}
.content_push_project {
	width: 27px;
	height: 26px;
}
.content_push_marketing {
	width: 24px;
	height: 24px;
}
div .contentblock  {
	margin-top: 2px;
	width: 100%;
}
/* Noch drin lassen, weil nicht �berall id auf klasse ersetzt wurde*/
div#contentblock  {
	margin-top: 10px;
	width: 100%;
}

/*   ---- CONTENTBLOCK DESIGN (DIV,TABELLE,TD) ----   */



/*	- Hintergrundfarben - */
.content_bg1 {
	background-color: #D7E7F7;
}
.content_bg2 {
	background-color: #EAF2FA;
}
.content_bg3 {
	background-color: #033966;
}
.content_bg4 {
	background-color: #FFFFFF;
}
/*	- Hintergrundfarben - */

/*	********* Allgemein ********** */

/*	--- Fenster --- */
.title {                                                                                         /*  -- nicht f�r Javawelt verwenden, speziell f�r Einladung --  */
	font-family: sans-serif,Verdana, Arial, Helvetica;
/* 	font-family: eon_schrift, sans-serif; */
	
	font-size: 16pt;
	font-weight: normal;
	letter-spacing: 1px;
	text-align: left;
/* 	color: #0066CC; */
	padding-bottom: 4px;
    padding-top: 4px;
	padding-left: 20px;
/* 	font-weight: normal; */
/* 	font-weight: bold; */
	
}

/* DEPRECATED:
 * bitte zuk�nftig #top verwenden, s. u.
 * (id funktioniert gleichzeitig als Sprungziel)
 */
.frameTitle {
	/* - Rahmen und Hintergrund der Titelleiste- */
	height: 20px;
/* 	background-color: #B2D1F0; */
	
	background-color: #56b9c5;
	
/* 	background-color: #f05548;	 */
	
}
/* DEPRECATED:
 * - mehrfache Verwendung einer ID (f�r Tabellenzellen) ist illegal
 * - "Schrift" geh�rt nicht in die ID (keinerlei Hinweis auf Funktion
 *   des Elements)
 */
#fTschrift {
	/* - Schrift in der Titelleiste - */
	font-size: 11pt;
	text-align: left;
	letter-spacing: 2px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top:3px;
	padding-bottom:2px;
	color: white;
}

/* - Kopf eines Fensterblock START - */
#frameHead{
	font: bold 16px tahoma,arial,verdana,sans-serif;
    color: #ffffff;
    display: block;
    font-weight: bold;
}

.frameHeadImg{
	padding-top: 3px;
	padding-left: 6px;
	width: 34px;
/* 	background-color: #D7E7F7; */
}
.its#document{
	padding:10px 10px 10px 0px;
}
.frameHeadText{
	font-size: 100%;
	text-align: left;
	color: #018290;
	font-family: sans-serif,Verdana, Arial, Helvetica;
	display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    padding-left: 10px;
	padding-right: 10px;
	padding-top:10px;
	padding-bottom:0px;
}

.frameHeadText_2{
		font-family: sans-serif,Verdana, Arial, Helvetica;
	text-align: left;
	color: #018290;	
	padding-left: 0px;
	margin-left:0px !important;
	padding-right: 5px;
    font-size: 16px;
}

.frameHeadText_Table{
	font-family: sans-serif,Verdana, Arial, Helvetica;
    font-size: 16pt;
    font-weight: normal;
    letter-spacing: 1px;
    text-align: left;
	padding-left: 7px;
	padding-right: 5px;
}

.frameHeadText_gemis{
	font-size: 12pt;
	text-align: left;
	color: black !important;
	padding-left: 7px;
	padding-right: 5px;
	font-weight: 500;	
}

.frameHeadSubText{
	font-size: 8pt;
	text-align: left;
/* 	color: #575555; */
	color: #018290;
	padding-left: 8px;	
}

.frameHeadSubText_2{
	font-size: 8pt;
	text-align: left;
	color: #018290 ;
	padding-left: 8px;
	font-weight: bold;	
}

.frameHeadSubText_gemis{
	font-size: 14pt;
	text-align: left;
}

.component--tab-navigation .tab-navigation--container .tab-navigation--item a {
   padding: 0 1rem 0.5rem 1rem !important;
}

.frameInfo{
	text-align: center;
/* 	background-color: white; */
	font-size: 8pt;
/* 	color: #1C5284; */
	color: #018290;
	
	padding-top: 2px;
	padding-left: 3px;
	padding-right: 3px;
	width: 65px;
}

.frameInfo_2{
	text-align: center;
	font-size: 8pt;
	color: #000000;	
	padding-top: 2px;
	padding-left: 3px;
	padding-right: 3px;
	width: 65px;
}

img#logo {
	width:50px !important;
    padding-left: 20px;
}
.framework--header-container .header--support a {
    margin-left: 0rem !important; 
}
.header--menu {
    padding-left: 2rem;
}

.content_button_dsgvo {
	background-image: url(images/content/icon-dsgvo.png);
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-repeat:no-repeat;
}

.content_button_dsgvo_i {
	content: url(/vdb/themes/wm/images/dsgvo_info.svg);
	text-align: center;
	cursor: pointer;
	margin-right:5px;
	background-repeat:no-repeat;
}

.content_button_dsgvo_a {
	content: url(/vdb/themes/wm/images/dsgvo_auskunft.svg);
	text-align: center;
	cursor: pointer;
	margin-right:5px;
	background-repeat:no-repeat;
}
.framework--header-container {
	background-color:#e9e9e9 !important;

	}
.off-screen-navigation .off-screen-navigation-container {
	width:33rem !important;

	}
	
.Datepicker200{
	width:100%;	
}	
.favoriten-h3{
	
		display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
		color: #018290;

}
.off-screen-navigation .off-screen-navigation-container li.open>a {
    color: #018290 !important;
    font-family: bold sans-serif,Verdana, Arial, Helvetica;
	font-weight: normal;
}
.off-screen-navigation .off-screen-navigation-container li.active>a {
     color: #018290 !important;
     font-family: sans-serif,Verdana, Arial, Helvetica;
     font-weight: normal;
     font-size: 15px !important;
   	 padding: 0.6rem 0;
}

.has-children.active >a {
	 font-weight: bold !important;
}
li.has-children.open.active >a  {
    font-weight: bold !important;
}
.header--logo {
    padding-right: 30px;
}
/* - Kopf eines Fensterblock END - */

.frameFooter {
	/* - Rahmen und Hintergrund der Statusleiste- */
/* 	background-color: #D7E7F7; */	
	background-color: #018290;	
	border: 1px solid #B2D1F0;
}
#fFschrift {
	/* - Schrift in der Statusleiste des Frames - */
	font-size: 8pt;
	text-align: left;
/* 	color: #1C5284; */
	color: #ffffff ;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;	
}

form table.form td,
form table.form th,
.frameContent {
	/* - Rahmen und Hintergrund des Inhalts - */
/* 	background-color: #EAF2FA; */

	border-top: none;
/* 	border-left: 1px solid #B2D1F0; */
/* 	border-right: 1px solid #B2D1F0; */
/* 	border-bottom: 1px solid #B2D1F0;	 */
	
	
	border-left: none;
	border-right: none;
	border-bottom: none;
	vertical-align: top;
	font-size: 8pt;
}
div#list_panel {
    width: 100%;
	margin-right:1px;
}
.contentblockelement#kpfContent{
	background-color: #f5f7f9;
	margin-top:5px;
	margin-bottom:5px;
	padding-left:5px;
}
.contentblockelement#Searchpanel{
    border-bottom: 1px solid rgb(178, 209, 240);
     border-top: 1px solid rgb(178, 209, 240);
     background-color: #f5f7f9;
}
.contentblock#kpfContent{
	
	background-color: #f5f7f9;
	margin-top:5px;
	margin-bottom:5px;
}


.file-upload > input {
	 visibility:hidden;
  width:0 !important;
  height:0
}

button.element--cta.element--cta--prio-4 {
	background-color:grey;
	color: lightgrey;
}

.frameContent.number {
	vertical-align: middle;
}
#fCschrift {
	/* - Schrift in der Statusleiste des Frames - */
	font-size: 8pt;
	text-align: left;
/* 	color: #1C5284; */
/* 	color: #727475; */
	color: #404040 ;		 
}
.ajax-file-upload-red {
    content: url(/vdb/themes/wm/images/cancel.svg);
    width: 32px;
    background-color: transparent !important;
    -webkit-box-shadow: inset 0 39px 0 -24px transparent !important;
}
.ajax-file-upload-green {

    color: #fff;
    background-color: #018290 !important;
    display: inline-block;
	}
	input[type="date"]::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    display: block;
    content: url(/vdb/themes/wm/images/calendar.svg);
    padding-right: 10px; 
    width: 32px;
    height: 32px;
}
	
/*	--- Fenster --- */

/*	--- Label Zelle --- */
.content_label {
/* 	background-color: #D7E7F7; 215, 231, 247	 */
    font-size: 14px;
    font-family: sans-serif,Verdana, Arial, Helvetica;
    color: #3b3732;
    margin: 0px 0px 10px 20px;
	padding-left: 5px;
	padding-right: 5px;
}

.DragAndDropLabel {
/* 	background-color: #D7E7F7; 215, 231, 247	 */
    font-size: 14px;
    font-family: sans-serif,Verdana, Arial, Helvetica;
    color: #3b3732;
    margin: 10px 0px 10px 20px;
	padding-left: 5px;
	padding-right: 5px;
}



.content_label_search{
	font-size: 14px;
    font-family:Verdana, Arial, sans-serif, Helvetica;
   	color: #018290;
    margin: 0px 0px 0px 20px;
    font-weight: 400;
}

/*	--- Label Zelle alternative --- */
.content_label1 {
	background-color: #accdee; /* 215, 231, 247 */
    font-size: 14px;
    font-family: sans-serif,Verdana, Arial, Helvetica;
    color: #3b3732;
    margin: 0px 0px 10px 20px;
	padding-left: 5px;
	padding-right: 5px;
}
/*	--- Label Zelle alternative --- */
.content_label2 {
	background-color: #a9a9aa; /* 215, 231, 247 */
	border: 1px solid #888888; /* 178, 209, 240 */
	text-align: left;
	color: white; /* 28, 82, 132 */
	font-size: 8pt;
	padding-left: 2px;
	padding-right: 2px;
}

.content_label_list_titel {
 	border: 0px solid #99bbe8; 
	font-family: tahoma,arial,verdana,sans-serif;
	font-size: 11px;
	font-weight: 700;
	padding-left: 6px;
	padding-right: 6px;
	background-color: #56b9c5;
	color: white;	
	padding-top: 5px;
	padding-bottom: 4px;	
}

.contentPulldown{
	border-spacing: 0px 2px;
}
.background-color17 {
    background-color: #018290 !important;
}
.background-color18 {
    background-color: #013F45 !important;
}
.background-color21 {
    background-color: #018290 !important;
}
.component--tab-navigation {
    padding-left: 13px;
    width:99%;
    margin-right:1%;
}

.form table tr th,
.content_label_title {
/* 	border: 1px solid #B2D1F0; */
	text-align: left;
	font-size: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
/* 	padding-top: 15px; */
/* 	padding-bottom: 10px; */
/* 	color: white; */
/* 	background-color: #e8e8e8; */
	color: #018290;	
    font-size: 1.5em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}


.form table tr th,
.content_label_pulldown {
/* 	border: 1px solid #B2D1F0; */
	text-align: left;
	font-size: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 10px;
/* 	padding-top: 15px; */
/* 	padding-bottom: 10px; */
/* 	color: white; */
/* 	background-color: #e8e8e8; */
	color: #018290;	
    font-size: 16px;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

.content_label_subtitle {
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	color: #018290;
	background-color: lightgray;
	border: 2px solid #018290;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}
.content_label_subtitle_alt1 {
	text-align: left;
	font-size: 8pt;
	color: black;
	background-color: #D8D8D8;
	border: 1px solid black;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
}

.content_label_subtitle_alt2 {
	text-align: left;
	font-size: 8pt;
	color: black;
	background-color: #e9e9e9;
	border: 1px solid black;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
}
fieldset > label{
	
	    font-size: 14px;
    font-family: sans-serif,Verdana, Arial, Helvetica;
    color: #3b3732;
    padding-right: 35px;
    padding-bottom: 7px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.ajax-file-upload {
    display: inline-block;
    padding: 8px 20px;
    cursor: pointer;
    border: 1px solid gray;
    width: inherit;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 1.8rem;

	}
	

input[type="file" i] {
	border: 0px !important;
	 color: #fff !important ;
    background-color: #018290 !important;
}
input[type='radio']:checked ,
input[type='radio']:not(:checked) {
    content:' ';
    display:inline-block;
    height:28px;
    width:28px;
    top: 7px;
    position: relative;
    margin-right: 1em;
    accent-color: #018290;
   
  
}

input[type=radio]:not(:checked)  {
  border-radius: 30px;
}

input[type='radio']:hover {
   margin-right: 1em;
   background: #018290;
  
}

input[type='radio']:checked  {
  background:black;
  border-radius: 30px;
  background: #018290;
}

input[type='checkbox']:checked ,
input[type='checkbox']:not(:checked) {
	appearance: none;
    display:inline-block;
  	border: 1px solid gray;
    height:32px;
    width:32px;
    position: relative;
    margin-right: 1em;
    color: #018290;
    background-color:white;

  
}

#ww_vu_datum_ausgelaufen_vertragsende{
	height: 32px;
    display: inline-block;
    overflow: hidden;
    font-size: 16px;
    font-family: sans-serif,Verdana, Arial, Helvetica;
    color: #3b3732;
    padding-left: 5px;
    padding-right: 5px;
    padding-top:5px;
}

input[type=checkbox]:checked {
   	background-image: url(/themes/wm/images/checkbox.ico), linear-gradient(135deg, #B1B6BE 0%,#FFF 100%);
}





.content_label_sublist {
	background-color: #D0DEEC;
	text-align: left;
	color: #000000;
	font-size: 8pt;
	padding-left: 2px;
	padding-right: 2px;
}

.content_label_newco_title {
	border-bottom: 2px solid #0f738a;	
	text-align: left;
	font-size: 12pt;
	padding-left: 10px;
	color: #018290;	
	padding-top: 30px;
	padding-bottom: 2px;	
}

.content_label_newco_added_title {
	border-bottom: 2px solid #0f738a;	
	text-align: left;
	font-size: 11pt;
	padding-left: 10px;
	padding-right: 465px;
	color: black;	
	padding-top: 2px;
	padding-bottom: 2px;	
}

.content_label_newco_added_title_2 {
	border-bottom: 2px solid #0f738a;	
	text-align: left;
	font-size: 11pt;
	padding-left: 10px;
	padding-right: 380px;
	color: black;	
	padding-top: 32px;
	padding-bottom: 2px;	
}

.content_label_vertical {
/* 	background-color: #D7E7F7;  */
	background-color: #e8e8e8; 
	
/* 	border: 1px solid #B2D1F0;  */
	border: 1px solid #bfbfbf; 
	
	text-align: right;
/* 	color: #1C5284; */
	color: #404040; 
	 
	font-size: 8pt;
	padding-left: 2px;
	padding-right: 2px;
	writing-mode: tb-rl;
}

.la_xxS {
	width: 20px;
}
.la_xS {
	width: 50px;
}
.la_S {
	width: 100px;
}
.la_xM {
	width: 150px;
}
.la_M {
	width: 200px;
}
.la_L {
	width: 300px;
}
.la_xL {
	width: 500px;
}
.la_xxL {
	width: 700px;
}


/* Noch nicht enfernen weil nicht alle id -> class ersetzt wurde*/
#la_xS {
	width: 70px;
}
#la_S {
	width: 100px;
}
#la_xM {
	width: 150px;
}
#la_M {
	width: 200px;
}
#la_L {
	width: 300px;
}
#la_xL {
	width: 500px;
}
#la_xxL {
	width: 700px;
}
#photo {
	width: 150px;
	height: 180px;
}

/* Noch nicht enfernen weil nicht alle id -> class ersetzt wurde*/
/*	--- Label Zelle --- */

/*	--- Value Zelle --- */
.content_value {
	height: 4rem !important;
    padding-left: 10px;
	padding-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
    appearance: none;
    -webkit-appearance: none;
    font-size: 14px;
    font-family: sans-serif,Verdana, Arial, Helvetica;
/* 	border: 1px solid #B2D1F0; */
	border: solid 1px gray;
    background-color: #f5f5f5;
	text-align: left;
/* 	color: #1C5284; */
	color: #3B3732;
/*	border-radius: 18px */
}

.content_table {
	height: 4rem;
    padding-left: 10px;
	padding-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
    -webkit-appearance: none;
    font-size: 14px;
    font-family: sans-serif,Verdana, Arial, Helvetica;
/* 	border: 1px solid #B2D1F0; */
	border: solid 1px gray;
    background-color: #f5f5f5;
	text-align: left;
/* 	color: #1C5284; */
	color: #3B3732;

}

.content_table_detail {
	height: 2rem;
    padding-left: 10px;
	padding-right: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
    -webkit-appearance: none;
    font-size: 14px;
    font-family: sans-serif,Verdana, Arial, Helvetica;
/* 	border: 1px solid #B2D1F0; */
	border: solid 1px gray;
	display: table-cell;
    background-color: #f5f5f5;
	text-align: left;
/* 	color: #1C5284; */
	color: #3B3732;

}
.hoc--input-wrapper{
	border-radius:0px !important;
}
.element--cta{
	border-radius:0px !important;
}

.content_table_title {
/* 	border: 1px solid #B2D1F0; */
	text-align: left;
	font-size: 100%;
    position: relative;
    cursor: inherit;
    padding: 4px 3px 4px 5px;
    background: #f5f7f9;
    color: #018290;
	border: solid 1px gray;
  	 font: normal 14px sans-serif,tahoma, arial, helvetica;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.form table tr td,
.content_value_edit {                                    /* bei editiermodus eingesetz */
/* 	background-color: #D7E7F7; */	
/* 	color: #1C5284; */
	color: #404040;
	font-size: 14px;
	text-align: left;
}
.content_value_edit_right {                                    /* bei editiermodus eingesetz */
	background-color: #D7E7F7;
	border: 1px solid #B2D1F0;
	color: #1C5284;
	text-align: right;
	font-size: 8pt;
	padding-left: 2px;
	padding-right: 2px;
}
.content_value_edit_center {                                    /* bei editiermodus eingesetz */
	background-color: #D7E7F7;
	border: 1px solid #B2D1F0;
	color: #1C5284;
	text-align: center;
	font-size: 8pt;
	padding-left: 2px;
	padding-right: 2px;
}
.content_value_delete {
	background-color: #FFCC00;
	border: 1px solid black;
	color: black;
	text-align: left;
	font-size: 8pt;
	padding-left: 2px;
	padding-right: 2px;
}
.content_value_sublist {
	background-color: #F1F4F7;
	text-align: left;
	color: #000000;
	font-size: 8pt;
	padding-left: 2px;
	padding-right: 2px;
}
.content_value_gainsboro {
	background-color: #DCDCDC;
	border: 1px solid #C0C0C0;
	text-align: right;
	color: #1C5284;
	font-size: 8pt;
	padding-left: 2px;
	padding-right: 2px;
}
.content_value_readonly {
/* 	background-color: #DCDCDC; */
	background-color: #e8e8e8;
	border: 1px solid #C0C0C0;
	color: #3B3732;
   /* border-radius: 18px;*/
	height: 4rem;
    padding-left: 10px;
	padding-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
    appearance: none;
    -webkit-appearance: none;
    font-size: 14px;
    font-family: sans-serif,Verdana, Arial, Helvetica;
    -webkit-appearance: none;
}
.content_value_gainsboro_redBorder {
	background-color: #DCDCDC;
	border: 1px solid #F00;
	text-align: right;
	color: #1C5284;
	font-size: 8pt;
	padding-left: 2px;
	padding-right: 2px;
}
.content_value_redBorder {
	background-color: #FFFFFF;
	border: 1px solid #F00;
	text-align: right;
	color: #1C5284;
	font-size: 8pt;
	padding-left: 2px;
	padding-right: 2px;
}
.content_value_redBorder_left{
	background-color: #FFFFFF;
	border: 1px solid #F00;
	text-align: left;
	color: #1C5284;
	font-size: 8pt;
	padding-left: 2px;
	padding-right: 2px;
}

#va_xS {
	width: 70px;
}
#va_S {
	width: 100px;
}
#va_M {
	width: 200px;
}
#va_L {
	width: 300px;
}
#va_xL {
	width: 500px;
}
#va_xxL {
	width: 700px;
}
/*	--- Value Zelle --- */

/*	- Liste- */
.content_label_list {
/* 	background-color: #D7E7F7; */
/* 	border: 1px solid #B2D1F0; */
	background-color: #8ed0d8;
	border: 1px solid #56b9c5;
}
#labList_schrift {
	font-size: 8pt;
	text-align: left;
	padding: 2px;
}
.content_value_list {
/* 	border: 1px solid #B2D1F0; */
	border: 1px solid #bfbfbf ;
}
#vaList_schrift {
	font-size: 8pt;
	text-align: left;
	padding: 2px;
}
.content_head_label_list {
	font-size: 8pt;
	color: #1C5284;
	letter-spacing: 1px;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #D7E7F7;
	border: 1px solid #B2D1F0;
}
/*	- Liste- */

/* -------- Eingabefelder -------  */
/*  input, textarea { */
	 /*
	  *  expression()??? Bitte dokumentieren!
	  *  funktioniert sowas im MSIE?
	  *  CSS-Pseudoklasse: :focus
	  *  (von MSIE 6 nicht unterst�tzt)
	  */
	  /*
      onfocus : expression(this.onfocus = doFocus);
      onblur : expression(this.onblur  = doUnFocus);
      */
/*   } */
textarea {
    padding-top: 7px;
}
 .form_element_input {
	border: 1px solid gray;
	font-size: 8pt;
	width: 250px;
}

.form_element_input:focus, .form_element_input-focus {
	background-color: #EAF2FA;
	border: 1px solid black;
	font-size: 8pt;
	width: 250px;
}

.inputfield_xL {
	border: 1px solid gray;
	width: 100%;
	
 	font-size: 1.8rem;
   	height: 4rem;
   	padding-left: 10px;
	text-align: left;
	color: #3B3732;
/*	border-radius: 18px*/
}

.inputfield_xS {
	border: 1px solid gray;
	width: 100%;
	
 	font-size: 1.8rem;
   	height: 4rem;
   	padding-left: 10px;
	text-align: left;
	color: #3B3732;
	/*	border-radius: 18px*/
}
.inputfield_mS {
	border: 1px solid gray;
	width: 100%;
	
 	font-size: 1.8rem;
   	height: 4rem;
   	padding-left: 10px;
	text-align: left;
	color: #3B3732;
	/*	border-radius: 18px*/
}

.inputfield_mSc_readonly {
		border: 1px solid gray;
		width: 76px;
		font-size: 8pt;
/* 		background-color: #f8f7bf;	 */
		background-color: #e8e8e8;							
	}
.inputfield_xS_on {
	border: 1px solid gray;
	width: 100%;
	
 	font-size: 1.8rem;
   	height: 4rem;
   	padding-left: 10px;
	text-align: left;
	color: #3B3732;
	/*	border-radius: 18px*/
}
.inputfield_number_small {
	border: 1px solid gray;
	width: 12ex;
	font-size: 8pt;
	text-align: right;
	padding-right: 2px;
}
.inputfield_number_medium {
	border: 1px solid gray;
	width: 15ex;
	font-size: 8pt;
	text-align: right;
	padding-right: 2px;
}
.inputfield_number_large {
	border: 1px solid gray;
	width: 18ex;
	font-size: 8pt;
	text-align: right;
	padding-right: 2px;
}
.inputfield_S {
	border: 1px solid gray;
	width: 100%;
   	height: 4rem;
   	font-size: 14px;
   	padding-left: 10px;
	text-align: left;
	color: #3B3732;
	/*	border-radius: 18px*/
}
.inputfield_Sm {
	border: 1px solid gray;
	width: 30px;
	font-size: 8pt;
}
.inputfield_S_on {
	background-color: #EAF2FA;
	border: 1px solid black;
	width: 100px;
	font-size: 8pt;
}

.inputfield_S_readonly {
	border: 1px solid gray;
	width: 100px;
	font-size: 8pt;	
/* 	background-color: #f8f7bf;	 */
	background-color: #e8e8e8;	
	
}
.inputfield_160 {
	border: 1px solid gray;
	width: 160px;
	font-size: 8pt;
}
.inputfield_Filename{
	width: 100%;
	background:transparent;
	border: 1px solid gray;
 	font-size: 14px;
   	height: 4rem;
   	padding-left: 10px;
	text-align: left;
	color: #3B3732;
		/*	border-radius: 18px*/
}



.inputfield_M {
	border: 1px solid gray;
	width: 100%;
	
 	font-size: 14px;
   	height: 4rem;
   	padding-left: 10px;
	text-align: left;
	color: #3B3732;
	/*	border-radius: 18px*/
}
input.inputfield_M {
	border: 1px solid gray;
	width: 100%;
	
 	font-size: 14px;
   	height: 4rem;
   	padding-left: 10px;
	text-align: left;
	color: #3B3732;
	/*	border-radius: 18px*/
}
input::file-selector-button {
	border-radius: inherit;
	color: #fff;
	background-color: #018290;
	display: inline-block;
	padding: 8px 20px;
	cursor: pointer;
	border: 1px solid gray;
	width: inherit;
	font-size: 1.8rem;
}
.inputfield_220 {
	border: 1px solid gray;
	width: 220px;
	font-size: 8pt;
}
.inputfield_480 {
	border: 1px solid gray;
	width: 480px;
	font-size: 8pt;
}
.inputfield_615 {
	border: 1px solid gray;
	width: 615px;
	font-size: 8pt;
}
.inputfield_640 {
	border: 1px solid gray;
	width: 640px;
	font-size: 8pt;
}
.inputfield_M_on {
	background-color: #EAF2FA;
	border: 1px solid black;
	width: 200px;
	font-size: 8pt;
}

.inputfield_small {
	border: 1px solid gray;
	width: 25%;
   	height: 4rem;
   	font-size: 14px;
   	padding-left: 10px;
	text-align: left;
	color: #3B3732;
	/*	border-radius: 18px*/
}

.inputfield_L {
	border: 1px solid gray;
	width: 100%;
   	height: 4rem;
   	font-size: 14px;
   	padding-left: 10px;
	text-align: left;
	color: #3B3732;
	/*	border-radius: 18px*/
}

.inputfield_ind {
	border: 1px solid gray;
	width: 420px;
	font-size: 8pt;
}
.inputfield_xS_error, .inputfield_S_error, .inputfield_M_error, .inputfield_L_error, .inputfield_error  {
	border: 1px solid black;
	font-size: 8pt;
	background-color: #FF0000;
	color: white;
}
.inputfield_xS_error {
	width: 35px;
}
.inputfield_S_error {
	width: 100px;
}
.inputfield_M_error {
	width: 200px;
}
.inputfield_L_error {
	width: 300px;
}
.inputfield_xL {
	border: 1px solid gray;
	width: 100%;
	  font-size: 14px;
  font-family: sans-serif,Verdana, Arial, Helvetica;
   	height: 4rem;
   	padding-left: 10px;
	text-align: left;
	color: #3B3732;
	/*	border-radius: 18px*/
}
.inputfield_xxL {
	border: 1px solid gray;
	width: 700px;
	font-size: 8pt;
}
.inputfield_L_on {
	background-color: #EAF2FA;
	border: 1px solid black;
	width: 300px;
	font-size: 8pt;
}
.inputfield_disabled {											/*Schreibgesch�tzte Inputfelder*/
	border: 1px solid #D7E7F7;
	background-color: #D7E7F7;
	color: #1C5284;
	text-align: left;
	font-size: 8pt;
	padding-left: 2px;
	padding-right: 2px;
}
.inputfield_disabled1 {											/*Schreibgesch�tzte Inputfelder 2ter Alternative*/
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	color: #1C5284;
	text-align: left;
	font-size: 7pt;
	padding-left: 2px;
	padding-right: 2px;
}

.inputfield_disabled2 {											/*Schreibgesch�tzte Inputfelder 3ter Alternative transparent*/
	border: 0px solid #FFFFFF;
	background-color: transparent;
	color: #1C5284;
	text-align: left;
	font-size: 8pt;
	padding-left: 0px;
	padding-right: 0px;
}
.inputfield_disabled3 {											/*Schreibgesch�tzte Inputfelder 3ter Alternative transparent*/
	background-color: #FDE5A4; /* 215, 231, 247 */
	border: 1px solid gray; /* 178, 209, 240 */
	text-align: left;
	width: 200px;
	font-size: 8pt;
	color: #000000;
}
.inputfield_disabled4 {											/*Schreibgesch�tzte Inputfelder 3ter Alternative transparent*/
	background-color: #FDE5A4; /* 215, 231, 247 */
	border: 1px solid gray; /* 178, 209, 240 */
	text-align: left;
	width: 200px;
	font-size: 8pt;
	color: #000000;
}
.inputfield_disabled5 {											/*Schreibgesch�tzte Inputfelder 3ter Alternative transparent*/
	background-color: #D7E7F7; /* 215, 231, 247 */
	border: 1px solid #D7E7F7;
	text-align: left;
	width: 300px;
	font-size: 8pt;
	color: #000000;
}
.inputfield_disabled_spez {											/*Schreibgesch�tzte Inputfelder 3ter Alternative transparent*/
	background-color: #FDE5A4; /* 215, 231, 247 */
	border: 1px solid gray; /* 178, 209, 240 */
	text-align: left;
	width: 100px;
	font-size: 8pt;
	color: #000000;
}
.inputfield_disabled3_S {											/*Schreibgesch�tzte Inputfelder 3ter Alternative transparent*/
	background-color: #FFFFE1; /* 215, 231, 247 */
	border: 1px solid gray; /* 178, 209, 240 */
	text-align: left;
	width: 100px;
	font-size: 8pt;
	color: #000000;
}
.inputfield_disabled3_SS {											/*Schreibgesch�tzte Inputfelder 3ter Alternative transparent*/
	background-color: #FFFFE1; /* 215, 231, 247 */
	border: 1px solid gray; /* 178, 209, 240 */
	text-align: left;
	width: 70px;
	font-size: 8pt;
	color: #000000;
}

.inputfield_disabled6 {											/*Schreibgesch�tzte Inputfelder 3ter Alternative transparent*/
	background-color: #FFFFE1; /* 215, 231, 247 */
	border: 1px solid gray; /* 178, 209, 240 */
	text-align: left;
	width: 800px;
	font-size: 8pt;
	color: #000000;
}

input.mandatory, select.mandatory {
  border: 1px solid #FFCC00;
  background-color: #FFEEBB;
  padding-left: 10px;
  font-size: 14px;
  font-family: sans-serif,Verdana, Arial, Helvetica;
  padding-left: 10px;
  padding-top: 3px;
  text-align: left;
  color: #3B3732;
  /*	border-radius: 18px*/
}

input.mandatoryExt, select.mandatoryExt {
  border: 1px solid #FFCC00;
  background-color: #FFEEBB;
  background-image: none;
}

input.greyed_out, select.greyed_out, textarea.greyed_out {
  background-color: #D9D7D7;
}

.list_mandatory {
	background-image: url(images/content/bg_highlight.gif);
}

.inputfield_L_mand {
	border: 1px solid #FFCC00;
	width: 300px;
	font-size: 8pt;
  background-color: #FFEEBB;
}
.inputfield_L_on_mand {
	background-color: #EAF2FA;
	border: 1px solid black;
	width: 300px;
	font-size: 8pt;
}

/*	--- Eingabefelder --- */
.textarea_M_de {
	width: 200px;
	color: #1C5284;
	font-size: 8pt;
	border: 1px solid white;
}
.textarea_L_de {
    width: 300px;
    color: #1C5284;
    font-size: 8pt;
    border: 1px solid white;
}
.textarea_LL_de {
    width: 100%;
    height: 12ex;
    color: #1C5284;
    font-size: 8pt;
    border: 1px solid white;
}
.textarea_max {
	width: 600px;
    color: black;
    font-size: 8pt;
    border: 1px solid gray;
}
.textarea_max_readonly_ex {
    color: lime;
    background-color: black;
    font-size: 8pt;
    border: 1px solid white;
    width: 750px;
}
.textarea_de {
	color: #3B3732;
	font-size: 14px;
	border: 1px solid gray;
	/*	border-radius: 18px*/
	font-family: sans-serif,Verdana, Arial, Helvetica;
    padding-left: 10px;
    padding-top: 5px;
    text-align: left;
    width: 100%;
}
.textarea_de_readonly {
	color:  #3B3732;;
	font-family: sans-serif,Verdana, Arial, Helvetica;
    padding-left: 10px;
    padding-top: 5px;
    text-align: left;
    width: 100%;
	background-color: #f5f5f5;  	
}
.inputBorderColor {
	border: 1px solid gray;
	color: black;
}
.select {
	height: 200px;
}
.dx-datagrid-headers{
		background:  #f5f7f9 !important;
    	color: #018290 !important;
	}
.dx-treelist-headers{
	position: relative;
    cursor: inherit;
    padding: 4px 3px 4px 5px !important;
    font-family: sans-serif,Verdana, Arial, Helvetica !important;
    font-size:16px;
    font-weight: bold !important;
	background:  #f5f7f9 !important;
   	color: #018290 !important;
	}

.select_size {
    z-index: 1px;
	border: 1px solid gray;
	font-size: 14px;
   	height: 4rem;
   	padding-left: 10px;
	text-align: left;
	color: #3B3732;
	/*	border-radius: 18px*/
}
.select_size_redesign {
    z-index: 1px;
	border: 1px solid gray;
	font-size: 14px;
   	height: 4rem;
   	padding-left: 10px;
	text-align: left;
	color: #3B3732;
	/*	border-radius: 18px*/
	width: 100%;
}
.select_size_S {
   	font-size: 14px;
   	height: 4rem;
   	padding-left: 10px;
	text-align: left;
	color: #3B3732;
	   	margin:5px;
	/*	border-radius: 18px*/
   border: 1px solid gray;
}
.select_size_160 {
   width: 160px;
   font-size: 14px;
   border: 1px solid gray;
}

.select_size_200 {
   	width: 100%;
   	border: 1px solid gray;
   	font-size: 14px;
   	height: 4rem;
   	padding-left: 10px;
	text-align: left;
	color: #3B3732;
	/*	border-radius: 18px*/
}

.select_size_300 {
    width: 100%;
    border: 1px solid gray;
    font-size: 14px;
    height: 4rem;
    padding-left: 10px;
    text-align: left;
    color: #3B3732;
   /*	border-radius: 18px*/

}

.select_size_220 {
      width: 100%;
    border: 1px solid gray;
    font-size: 14px;
    height: 4rem;
    padding-left: 10px;
    text-align: left;
    color: #3B3732;
   /*	border-radius: 18px*/
}

.select_size_M {
    width: 100%;
    border: 1px solid gray;
   font-size: 14px;
    height: 4rem;
    padding-left: 10px;
    text-align: left;
    color: #3B3732;
    /*	border-radius: 18px*/
}

.select_size_480 {
      width: 100%;
    border: 1px solid gray;
    font-size: 14px;
    height: 4rem;
    padding-left: 10px;
    text-align: left;
    color: #3B3732;
    /*	border-radius: 18px*/
}

.select_size_L {
    width: 100%;
    border: 1px solid gray;
    font-size: 14px;
    height: 4rem;
    padding-left: 10px;
    text-align: left;
    color: #3B3732;
   /*	border-radius: 18px*/
}

.select_size_100p {
   width: 100%;
   font-size: 8pt;
   border: 1px solid gray;
}


div#testselect {
   width: 200px; /* breite dem layout anpassen */
   margin: auto;
   overflow: hidden;
   background-color: transparent;
   border-width: 1px;
   border-style: solid;
   border-color: #FF0000;
}
.container {
	display: none;
	position: inherit;
	flex-direction: column;
	gap: 1rem;
	width: 100%;
	min-width: 60vw;
}

.active {
	display: flex;
}
/* .checkbox_yellow {                            Beim Export genutzt f�r �bercheckboxen */
/* } */



.check_value {
	border: 1px solid #B2D1F0;
	background-color: #D7E7F7;
	text-align: center;
}

/*	--- Hinweise, Warnungen etc. --- */
.selDiv {
	float: left;
	border-style: solid;
	border-width: 2px;
	border-color: #FFCC00 #FFCC00 #FFCC00 #FFCC00;
}
.selDiv1 {
	float: left;
	border-style: solid;
	border-width: 2px;
	border-color: #FFCC00 #FFCC00 #FFCC00 #FFCC00;
}
.mandatory_field {
	/* ------ Hinweistext -------- */
	font-size: 7pt;
	color: red;
	white-space: nowrap;
}
.warning_box {
	margin: 5px;
	padding: 15px;
	text-align: justify;
	border: 1px dashed red;
}
.seitenanzahl_label {
	background-color: #FFFFFF;
	border: 1px solid #B2D1F0;
	text-align: left;
	color: #1C5284;
	font-size: 7pt;
	padding-left: 2px;
	padding-right: 2px;
	white-space: nowrap;
}
.seitenanzahl {
	font-size: 8pt;
	color: #1C5284;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 3px;
	border: 1px solid #B2D1F0;
	border-left: none;
	background-color: #D7E7F7;
}
.divMapInfo {
	padding: 2px;
	margin: 5px;
}
.hinweisbox{
	margin: 3px;
	padding: 3px;
	border: 1px solid black;
    background-color: #e9e9e9;
    font-size: 14px;
	color: #018290;
}
.warningbox{
	margin: 3px;
	padding: 3px;
	border: 1px solid black;
	background-color: #FFFFE1;
	color: red !important;

}

.webmarketbox{
	margin-top: 0px;
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	
	padding-top: 2px; padding-bottom: 2px;
	padding-left: 2px; padding-right: 2px;
	
	border-top: none;
	border-left: 1px solid #B2D1F0;
	border-right: 1px solid #B2D1F0;
	border-bottom: 1px solid #B2D1F0;
	
	background-color: white;
	color: #1C5284;
	font-size: 11px;
}


.whitebox{
	margin: 3px;
	border: 1px solid black;
	background-color: white;
	color: black;
}

.filledbox1{
	margin: 2px;
	border: 1px solid black;
	background-color: #E3FF8F;
	color: black;
	font-weight: bolder;
}
.filledbox2{
	margin: 2px;
	border: 1px solid black;
	background-color: #C4FF14;
	color: black;
	font-weight: bolder;
}
.whitebox_doku{
	border: 1px solid gray;
	background-color: white;
	color: gray;
	padding: 5px;
}
.whitebox_word{
	border: 1px solid black;
	background-color: lightgray;
	color: black;
	padding: 5px;
}
.whitebox th{
	background-color: #B2D1F0;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
}
.whitebox td{
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 1px;
	padding-bottom: 1px;
}
.whitebox a:link{
	color: #003366;
}
.errorbox{
	margin: 3px;
	padding: 5px;
	border: 1px solid black;
	background-color: red;
	color: white;
}

.uploadfile {
	border: #B2D1F0;
	background-color: #FFFFFF;
	font-size: 7pt;
	padding: 2px;
}
.sidenav {
	vertical-align: top;
	text-align: right;
	width: 37px;
	height: 17px;
}
.imagebackground {
	background-color: #D7E7F7;
	border: 1px solid #B2D1F0;
	text-align: left;
	color: #1C5284;
	font-size: 8pt;
	padding-left: 2px;
	padding-right: 2px;
	height: 180px;
	width: 150px;
}

/*	--- Hinweise, Warnungen etc. --- */

/*	---     ICONTAG  ButtonStyle   --- */

/* Leeres Bild */
.content_button_void {											/* only use for sidenavigation buttons*/
	background-image: url(/vdb/themes/rwe/images/navigation/void.gif);
	width: 26px;
	height: 2px;
}

/* ext-js save icon for messagebox */
.msgbox_save_icon {
	background:transparent url(images/content/download.gif) no-repeat top left;
    height:46px;
}

.content_button_list,
.content_button_filter,
.content_button_save,
.content_button_new,
.content_button_new_power,
.content_button_new_gas,
.content_button_wizard,
.content_show_detail,
.content_button_upload_price,
.content_button_shp_gas,
.content_button_new_cancel,
.content_button_edit,
.content_button_edit_eur,
.content_button_edit_cancel,
.content_button_delete,
.content_button_pdf,
.content_button_excel,
.content_button_ppt,
.content_button_new_back,
.content_button_edit_back,
.content_button_back,
.content_button_dealticket,
.content_button_update_dealticket,
.content_button_excelupload,
.content_button_stepback,
.content_button_cancel_remember,
.content_button_akzeptieren,
.content_button_akzeptieren_mail,
.content_button_recover,
.content_button_addregionrr,
.content_button_addregionkey,
.content_button_addregionenviam,
.content_button_copy,
.content_button_upload_residual,
.content_button_copy_advanced,
.content_button_sap,
.content_button_approved,
.content_button_notapproved,
.content_button_approved_not_valid,
.content_button_order,
.content_button_history,
.content_show_detail,
.content_button_businessrelation,
.content_button_refresh,
.content_button_calculator,
.content_button_price,
.content_button_order_go,
.content_button_order_cancel,
.content_button_send_mail,
.content_button_send_mail_blue,
.content_button_send_mail_blue_red,
.content_button_send_mail_yellow,
.content_button_send_mail_yellow_red,
.content_button_send_db,
.content_button_send_suewag,
.content_button_send_mitgas,
.content_button_send_nord,
.content_button_send_mitte,
.content_button_send_vse,
.content_button_send_kevag,
.content_button_send_energis,
.content_button_send_lew,
.content_button_send_lew_tk,
.content_button_send_ele,
.content_button_send_envia,
.content_button_help,
.content_button_check,
.content_button_new_undo,
.content_button_new_settings,
.content_button_new_doc_evaluate,
.content_button_new_doc_check,
.content_button_new_money,
.content_button_new_upload,
.content_button_new_time_table,
.content_button_new_spot_gas,
.content_button_geo,
.content_button_word,
.vpf_send_tranche,
.vpf_settings{
	text-align: center;
	height: 32px;
	cursor: pointer;
	background-repeat:no-repeat;
	width: 32px;
}

.content_show_detail{
	margin-right:0px;
}
.content_edit{
	margin-right:0px;
}
#content_closeMilestone {
	background-image: url(/vdb/themes/wm/images/document-properties.ico) !important;
	height: 24px !important;
	width: 24px !important;
}
.content_set_legal_hold {
	height: 24px !important;
	width: 24px !important;
	margin-right: 5px;
	background-image: url(/vdb/themes/wm/images/view-pim-calendar.ico) !important;
	
}
.content_set_to_delete {
	height: 24px !important;
	width: 24px !important;
	margin-right: 5px;
	background-image: url(/vdb/themes/wm/images/dialog-error-5.ico) !important;
}
.content_keep_up{
		height: 24px !important;
	width: 24px !important;
	background-image: url(/vdb/themes/wm/images/edit-undo-5.ico) !important;
	
}
.content_reset_state {
	height: 24px !important;
	width: 24px !important;
	background-image: url(/vdb/themes/wm/images/edit-undo-5.ico) !important;
}
.content_show_detail#content_detail{
	background-image: url(/vdb/themes/wm/images/table_content_detail.ico) !important;
	height: 24px !important;
	width: 24px !important;
	margin-right: 5px;
}
.content_v_n_gemis{
	background-image: url(/vdb/themes/wm/images/netscape.ico) !important;
	height: 24px !important;
	width: 24px !important;
	margin-right: 5px;
}
.content_v_s_gemis{
	background-image: url(/vdb/themes/wm/images/document-close-4.ico) !important;
	height: 24px !important;
	width: 24px !important;
	margin-right: 5px;
}
.content_kvm_n_gemis{
	background-image: url(/vdb/themes/wm/images/network-connect-2.ico) !important;
	height: 24px !important;
	width: 24px !important;
	margin-right: 5px;
}
.content_kvm_v_gemis{
	background-image: url(/vdb/themes/wm/images/document-sign.ico) !important;
	height: 24px !important;
	width: 24px !important;
	margin-right: 5px;
}
.content_kvm_z_gemis{
	background-image: url(/vdb/themes/wm/images/zahlung.ico) !important;
	height: 24px !important;
	width: 24px !important;
	margin-right: 5px;
}
.content_download_gemis#content_download{
	background-image: url(/vdb/themes/wm/images/table_content_file_download.ico) !important;
	height: 24px !important;
	width: 24px !important;
	margin-right: 10px;
}
.content_download_gemis#content_file_download{
	background-image: url(/vdb/themes/wm/images/file_download.ico) !important;
	height: 24px !important;
	width: 24px !important;
	margin-right: 5px;
}
.content_show_detail#content_upload{
	background-image: url(/vdb/themes/wm/images/table_content_file_upload.ico) !important;
	height: 24px !important;
	width: 24px !important;
	
}
.content_show_detail#content_file_upload{
	background-image: url(/vdb/themes/wm/images/file_upload.ico) !important;
	height: 24px !important;
	width: 24px !important;
	
}
.content_show_detail#content_delete{
	background-image: url(/vdb/themes/wm/images/table_content_delete.ico) !important;
	height: 24px !important;
	width: 24px !important;
}
.content_delete#content_delete{
	background-image: url(/vdb/themes/wm/images/table_content_delete.ico) !important;
	height: 24px !important;
	width: 24px !important;
}
.content_edit#content_edit{
	background-image: url(/vdb/themes/wm/images/table_content_edit.ico) !important;
	height: 24px !important;
	width: 24px !important;
}
.content_shaking_hands#content_verhandlungsstand{
	background-image: url(/vdb/themes/wm/images/Handshake.ico) !important;
	height: 24px !important;
	width: 24px !important;
}

.content_show_detail#content_copy{
	background-image: url(/vdb/themes/wm/images/table_content_copy.ico) !important;
	height: 24px !important;
	width: 24px !important;
}
.content_show_detail#content_dashboard{
	background-image: url(/vdb/themes/wm/images/detail.ico) !important;
}

.content_show_detail#content_apkomune{
	background-image: url(/vdb/themes/wm/images/apkommune.ico) !important;
}

.content_show_detail#content_kontakte{
	background-image: url(/vdb/themes/wm/images/kontakte.ico) !important;
}
.content_show_detail#content_massnahme{
	background-image: url(/vdb/themes/wm/images/massnahme.ico) !important;
}
.content_show_detail#effizienzprojekte{
	background-image: url(/vdb/themes/wm/images/effinzens-projekte.ico) !important;
}
.content_show_detail#showInformation{
	background-image: url(/vdb/themes/wm/images/table-information.ico) !important;
}
.content_show_detail#milestoneList {
	background-image: url(/vdb/themes/wm/images/meilenstein.ico) !important;
}
.content_show_detail#content_contract {
	background-image: url(/vdb/themes/wm/images/contracts.ico) !important;
}
.content_show_detail#content_infoblatt  {
	background-image: url(/vdb/themes/wm/images/infoblatt.ico) !important;
}

/* �bersicht */
.content_button_list {
	content: url(/vdb/themes/wm/images/list.svg);
}
img#newPersonButton {
	width:32px;
	height:32px;
}
/* Filter */
.content_button_filter {
	content: url(/vdb/themes/wm/images/document-new.svg);
	width:32px;
	height:32px;
}
/* Speichern */
.content_button_save {
	background-image: url(/vdb/themes/rwe/images/navigation/nav_save.gif);
}
/* Neu anlegen */
.content_button_new {
	content: url(/vdb/themes/wm/images/document-new.svg);
}
/* Neu anlegen fuer Strom*/
.content_button_new_power {
	background-image: url(/vdb/themes/rwe/images/navigation/new_power.gif);
}
/* Neu anlegen fuer Gas*/
.content_button_new_gas {
	background-image: url(/vdb/themes/rwe/images/navigation/new_gas.gif);
}
/* Neu anlegen */
.content_button_wizard {
	background-image: url(/vdb/themes/rwe/images/navigation/wizard.gif);
}
.content_button_upload_price {
	background-image: url(/vdb/themes/rwe/images/navigation/upload_price.gif);
}
/* Neu anlegen */
.content_button_shp_gas{
	background-image: url(/vdb/themes/rwe/images/navigation/shp_gas.gif);
}
.content_button_new_shp_gas{
	background-image: url(/vdb/themes/rwe/images/navigation/new_shp_gas.gif);
}
/* Neu anlegen abbrechen */
.content_button_new_cancel {
	content: url(/vdb/themes/wm/images/cancel.svg);
	margin:0px !important;
}
/* Dokument/Antrag prüfen */
.content_button_new_doc_evaluate {
	content: url(/vdb/themes/wm/images/document_evaluate.svg);
	margin:0px !important;
}
/* Antrag zur Korrektur/Undo/Rückgängig*/
.content_button_new_undo {
	content: url(/vdb/themes/wm/images/undo.svg);
	margin:0px !important;
}
/* Euro Symbol */
.content_button_new_money {
	content: url(/vdb/themes/wm/images/euro.svg);
	margin:0px !important;
}
/* Dokument mit Haken */
.content_button_new_doc_check {
	content: url(/vdb/themes/wm/images/task_check.svg);
	margin:0px !important;
}
/* Zahnrad */
.content_button_new_settings {
	content: url(/vdb/themes/wm/images/settings.svg);
	margin:0px !important;
}
/* L�schen */
.content_button_delete {
	background-image: url(/vdb/themes/wm/images/delete.svg);
}
/* Detail */
.content_button_edit {
	content: url(/vdb/themes/wm/images/document-edit.svg);
}
.content_button_edit_eur {
	background-image: url(/vdb/themes/rwe/images/navigation/edit_eur.gif);
}
/* Detail cancel */
.content_button_edit_cancel {
	content: url(/vdb/themes/wm/images/cancel.svg);
}
/* PDF */
.content_button_pdf {
	background-image: url(/vdb/themes/wm/images/pdf.svg);
}
/* EXCEL */
.content_button_excel {
	background-image: url(/vdb/themes/wm/images/excel_logo.svg);
}
/* PPT */
.content_button_ppt {
	background-image: url(/vdb/themes/wm/images/upload_file.svg);
}
/* new seite zur�ck */
.content_button_new_back {
	background-image: url(/vdb/themes/rwe/images/navigation/new_back.gif);
}
/* edit seite zur�ck */
.content_button_edit_back {
	background-image: url(/vdb/themes/rwe/images/navigation/edit_back.gif);
}
/* edit seite zur�ck */
.content_button_back {
	background-image: url(/vdb/themes/rwe/images/navigation/edit_back.gif);
}
/* dealticket */
.content_button_dealticket {
	background-image: url(/vdb/themes/rwe/images/navigation/dealticket.gif);
}
/* update dealticket */
.content_button_update_dealticket {
	background-image: url(/vdb/themes/rwe/images/navigation/icon_remove_file.gif);
}
/* excelupload */
.content_button_excelupload {
	background-image: url(/vdb/themes/wm/images/excel_logo.svg);
}
/* schritt zur�ck */
.content_button_stepback {
	content: url(/vdb/themes/wm/images/undo.svg);
}
/* SAP */
.content_button_sap {
	background-image: url(/vdb/themes/rwe/images/navigation/sap1.gif);
}
/* Freigegeben */
.content_button_approved {
	background-image: url(/vdb/themes/rwe/images/navigation/green_small.gif);
}
/* Nicht freigegeben */
.content_button_approved {
	background-image: url(/vdb/themes/rwe/images/navigation/red_small.gif);
}
/* Nicht mehr g�ltig */
.content_button_approved_not_valid {
	background-image: url(/vdb/themes/rwe/images/navigation/yellow_white.gif);
}
/* EDL akzeptieren */
.content_button_akzeptieren {
	background-image: url(/vdb/themes/rwe/images/navigation/akzeptieren.gif);
}
.content_button_akzeptieren_mail {
	background-image: url(/vdb/themes/rwe/images/navigation/akzeptieren_mail.gif);
}

.content_button_recover {
	background-image: url(/vdb/themes/rwe/images/navigation/undo.gif);
}

/* cancel remember */
.content_button_cancel_remember {
	background-image: url(/vdb/themes/rwe/images/navigation/remember_cancel.gif);
}
/* cancel remember */
.content_button_order {
	text-align: center;
	background-image: url(/vdb/themes/rwe/images/navigation/commande.gif);
}

.content_button_addregionrr {
	text-align: center;
	background-image: url(/vdb/themes/rwe/images/navigation/addregion_rr.gif);
}
.content_button_addregionkey {
	text-align: center;
	background-image: url(/vdb/themes/rwe/images/navigation/addregion_key.gif);
}
.content_button_addregionenviam {
	text-align: center;
	background-image: url(/vdb/themes/rwe/images/navigation/addregion_enviam.gif);
}
.content_button_addregionlechwerke {
	text-align: center;
	background-image: url(/vdb/themes/rwe/images/navigation/addregion_lechwerke.gif);
}
.content_button_addregionvse {
	text-align: center;
	background-image: url(/vdb/themes/rwe/images/navigation/addregion_vse.gif);
}
.content_button_addregionsuewag {
	text-align: center;
	background-image: url(/vdb/themes/rwe/images/navigation/addregion_suewag.gif);
}
.content_button_addregionkevag {
	text-align: center;
	background-image: url(/vdb/themes/rwe/images/navigation/addregion_kevag.gif);
}
.content_button_addregionwwe {
	text-align: center;
	background-image: url(/vdb/themes/rwe/images/navigation/addregion_wwe.gif);
}
.content_button_copy {
	text-align: center;
	background-image: url(images/content/copy.gif);
}
.content_button_copy_advanced {
	text-align: center;
	background-image: url(images/content/copyadv.gif);
}
.content_button_upload_residual{
	text-align: center;
	background-image: url(/vdb/themes/wm/images/upload_file.svg);
}
.content_change_number {
	text-align: center;
	background-image: url(images/content/change_number.gif);
}
/* History */
.content_button_history {
	background-image: url(images/content/history.gif);
}
/* send eMail */
.content_button_send_mail {
	text-align: center;
	content: url(/vdb/themes/wm/images/forward_to_inbox.svg);
}
/* send eMail Blue*/
.content_button_send_mail_blue {
	text-align: center;
	background-image: url(/vdb/themes/rwe/images/navigation/send_mail1_blue.gif);
}
/* send eMail Blue*/
.content_button_send_mail_blue_red {
	text-align: center;
	background-image: url(/vdb/themes/rwe/images/navigation/send_mail1_blue_red.gif);
}
/* send eMail Blue*/
.content_button_send_mail_yellow {
	text-align: center;
	background-image: url(/vdb/themes/rwe/images/navigation/send_mail1_yellow.gif);
}
/* send eMail Blue*/
.content_button_send_mail_yellow_red {
	text-align: center;
	background-image: url(/vdb/themes/rwe/images/navigation/send_mail1_yellow_red.gif);
}
/* send to db */
.content_button_send_db {
	text-align: right;
	background-image: url(/vdb/themes/rwe/images/navigation/db1.gif);
}
.content_button_word {
	text-align: right;
	background-image: url(/vdb/themes/rwe/images/navigation/word.gif);
}

.content_button_send_mitgas {
	background-image: url(/vdb/themes/rwe/images/navigation/send_mitgas.gif);
}

.content_button_send_energis {
	background-image: url(/vdb/themes/rwe/images/navigation/send_energis.gif);
}

.content_button_send_nord {
	background-image: url(/vdb/themes/rwe/images/navigation/send_nord1.gif);
}

.content_button_send_mitte {
	background-image: url(/vdb/themes/rwe/images/navigation/send_mitte.gif);
}

.content_button_send_lew {
	background-image: url(/vdb/themes/rwe/images/navigation/send_lew.gif);
}

.content_button_send_lew_tk {
	background-image: url(/vdb/themes/rwe/images/navigation/send_lew_tk.gif);
}

.content_button_send_suewag {
	background-image: url(/vdb/themes/rwe/images/navigation/send_suewag.gif);
}

.content_button_send_vse {
	background-image: url(/vdb/themes/rwe/images/navigation/send_vse.gif);
}

.content_button_send_kevag {
	background-image: url(/vdb/themes/rwe/images/navigation/send_kevag.gif);
}

.content_button_send_ele {
	background-image: url(/vdb/themes/rwe/images/navigation/send_ele.gif);
}

.content_button_send_envia {
	background-image: url(/vdb/themes/rwe/images/navigation/send_envia.gif);
}

.content_button_new_time_table {
	background-image: url(images/content/new_fahrplan.gif);
}

.content_button_new_spot_gas {
	background-image: url(images/content/new_spotgas.gif);
}

.webmarket_vpf_logo {
	background-image: url(images/content/webmarket_frame_big_shadow.png);
	background-position:center;
	background-repeat:no-repeat;
}

.content_button_tranche_ideal {
	background-image: url(images/content/new_tranche.gif);
	text-align: center;
	vertical-align: middle;
	height: 19px;
	cursor: pointer;
	background-repeat:no-repeat;
}

.content_button_vv_rld {
	background-image: url(images/content/new_vv_rld.gif);
	text-align: center;
	vertical-align: middle;
	height: 19px;
	cursor: pointer;
	background-repeat:no-repeat;
}

.content_button_search {
	background-image: url(images/content/binocular-small_16x16.png);
	text-align: center;
	vertical-align: middle;
	height: 19px;
	cursor: pointer;
	background-repeat:no-repeat;
	width: 19px;
}

.content_button_businessrelation {
	background-color: #D7E7F7;
	width: 20px;
	height: 18px;
	text-align: center;
	vertical-align: bottom;
	background-image: url(images/content/wasser_small_abrechner.gif);
}

.content_button_refresh {
	background-image: url(images/content/check_invert.gif);
}

.content_button_calculator {
	background-image: url(/vdb/themes/rwe/images/navigation/calculator.gif);
}

.content_button_price {
	background-image: url(/vdb/themes/rwe/images/navigation/price.gif);
}

.content_button_order_go {
	content: url(/vdb/themes/wm/images/done.svg);
	width: 32px;
	height: 32px;
}

.content_button_order_cancel {
	content: url(/vdb/themes/wm/images/close.svg);
	width: 32px;
	height: 32px;
}

.content_button_sap_send {
	background-image: url(/vdb/themes/rwe/images/navigation/sap_send.gif);
}

.content_button_help {
	background-image: url(/vdb/themes/wm/images/help.svg);
	background-repeat:no-repeat;
	padding-top:5px;
}

.content_button_check {
	background-image: url(images/content/ias39check.gif);
	background-repeat:no-repeat;
}

.content_button_new_upload {
	background-image: url(images/content/new_upload.gif);
	background-repeat:no-repeat;
}

.content_button_geo {
	background-image: url(images/content/action_gemis_geomarketing.ico);
	background-repeat:no-repeat;
	width: 18px;
	height: 16px;
}

.content_list_button {                                    /* Listenbutton  (Displaytaglib vs vdbtaglib) */
/* 	background-color: #D7E7F7; */
/* 	background-color: #8ed0d8; */

	
	
	width: 20px;
	height: 18px;
	text-align: center;
	vertical-align: bottom;
}


.content_button {											/* only use for sidenavigation buttons*/

	
	text-align: center;
	height: 18px;
	cursor: pointer;
}

.content_button1 {											/* use for text buttons (input)*/
/* 	background-color: #D7E7F7; */
	background-color: #bfbfbf;
	border: 1px solid #B2D1F0;
/* 	color: #1C5284; */
	color: #39393a;
	font-size: 8pt;
	text-align: center;
	padding: 1px;
	height: 18px;
	cursor: pointer;	
}
.content_button2 {											/* use for text buttons hack (input)*/
	background-color: #D7E7F7;
	border: none;
	color: #1C5284;
	font-size: 8pt;
	text-align: center;
}

form table.form input[type=submit],
form table.form input[type=button],
form table.form input[type=reset],
form table.form button,
form table.form a[href]{											/* use for text buttons (input)*/
	background-color: white;
	border: 1px solid #B2D1F0;
	color: #1C5284;
	/*font-size: 7pt;*/
	text-align: center;
	vertical-align:middle;
	cursor: pointer;
}
.content_button4 {											/* use for text buttons (input)            BITTTTTTTTTTTTTTE nicht mergen  SONST  funzt es nicht im IE */
	/* th: vermutlich wegen des verrutschten Leerzeichens (. content_button4 statt .content_button4)   MANNNNNNN das ist es nicht mit den TH check das doch mal beim IE erst */
	color: #fff;
	background-color: #018290;
	display: inline-block;
	padding: 8px 20px;
	cursor: pointer;
	border: 1px solid gray;
	width: inherit;
	margin-top: 5px;
	margin-bottom:5px;
	font-size: 1.8rem;
}
.content_button5 {											/* use for text buttons (input)*/
	background-color: #FFFFFF;
	border: 1px solid #B2D1F0;
	color: #1C5284;
	font-size: 1em;
	text-align: center;
	vertical-align:middle;
	padding: 1px;
	padding-left: 5px;
	padding-right: 5px;
	height: 20px;
	cursor: pointer;
}

/* use for text buttons (a href)*/
.content_link_button {
	background-color: white;
	border: 1px solid #B2D1F0;
	color: #1C5284;
	font-size: 7pt;
	text-align: center;
	vertical-align:middle;
	cursor: pointer;
	padding: 2px 10px 2px 10px;
	float: right;
	margin-left: 3px;
}

.content_link_newcos_button {
	background-color: white;
	border: 1px solid #B2D1F0;
	color: #1C5284;
	font-size: 7pt;
	text-align: center;
	vertical-align:middle;
	cursor: pointer;
	padding: 2px 10px 2px 10px;
}

.content_link_button_accept {
	background-color: #8cf17a;
	border: 1px solid #B2D1F0;
	color: #1C5284;
	font-size: 7pt;
	text-align: center;
	vertical-align:middle;
	cursor: pointer;
	padding: 2px 10px 2px 10px;
	float: right;
	margin-left: 3px;
}

.content_link_button_refuse {
	background-color: #ff7d7d;
	border: 1px solid #B2D1F0;
	color: #1C5284;
	font-size: 7pt;
	text-align: center;
	vertical-align:middle;
	cursor: pointer;
	padding: 2px 10px 2px 10px;
	float: right;
	margin-left: 3px;
}

.content_link_button_mail {
	border: 0px !important;
    color: #fff !important;
    background-color: #018290 !important;
    font-family: sans-serif, Verdana, Arial, Helvetica;
	font-size: 14px;
	text-align: center;
	vertical-align:middle;
	cursor: pointer;
	padding: 10px 10px 10px 10px;
    margin-top: 5px;
	float: right;
    display: inline-block;
	
}

.content_link_mail_button {
	background-color: #ff8000;
	border: 1px solid #B2D1F0;
	color: #1C5284;
	font-size: 7pt;
	text-align: center;
	vertical-align:middle;
	cursor: pointer;
	padding: 2px 10px 2px 10px;
	float: right;
	margin-left: 3px;
	width: 200px;
}

/* this overides standard link colors */
.content_link_button a:link,
.content_link_button a:visited,
.content_link_button a:active,
.content_link_button a[href]:hover  {
	color: #1C5284;
	text-decoration: none;
}


/* ActionBar Taglib Styles [[[[[[[ */
.checkbg {
/* 	background-color: #D7E7F7; */	
	background-color: #f5f7f9;	
/* 	border: 1px solid #B2D1F0; */
	border-left: none;
	border-right: none;
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;
}
.checkbg_table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 1px;
	text-align: right;
}
.checkbg img {
	cursor: pointer;
	border: 0;
}
.checkbg td#img_bg1, td#img_bg2{
	background-color: white;
	border: 1px solid #B2D1F0;
	padding-top: 2px;
	padding-bottom: 0px;
	/*width: 23px;*/
	vertical-align: baseline;
	text-align: center;
}
.checkbg td#img_bg3{
	background-color: white;
	border: 1px solid #B2D1F0;
	padding-top: 2px;
	padding-bottom: 0px;
	width: 33px;
	vertical-align: baseline;
	text-align: center;
}
/* ActionBar Taglib Styles ]]]]]] */


.content_button3 {											/* use for text buttons (input)*/
	background-color: #D7E7F7;
	border: 1px solid #B2D1F0;
	color: #1C5284;
	font-size: 8pt;
	text-align: center;
	padding: 1px;
	height: 18px;
	cursor: pointer;
}
/*	--- Button --- */

/*	----- SUBMENU TEST ---- */
.subm {
	background-color: #D7E7F7;
	border: 1px solid #B2D1F0;
	border-bottom: none;
}

/*	----- SUBMENU TEST ---- */

/*	------ Standard Links -------- */




a:link,
a:active,
a:visited {
	text-decoration: none;	
	color: #0066CC;
	/*font-size: 8pt;*/
}

/*	++++++ Definierte Links ++++++ */
.button a:link,
.button a:visited,
.button a:active,
.button a:hover {                               /* nur bei Links die als Button dargestellt werden */
	margin: 3px;
	background-color: #D7E7F7;
	color: #1C5284;
	text-decoration: none;
}

.topmenu a:link,
.topmenu a:visited,
.topmenu a:active,
.topmenu a:hover {
	font-size: 10px;
	color: #2E72B7;
	text-decoration: none;
}

/*	--- Footer Links  --- */
.foot a:link,
.foot a:visited,
.foot a:active,
.foot a:hover {
	font-size: 9px;
	color: #2E72B7;
	text-decoration: none;
}
/*	--- Footer Links  --- */

.submenu a:link,
.submenu a:visited,
.submenu a:active,
.submenu a:hover {
	font-size: 9px;
	color: #2E72B7;
	text-decoration: none;
}
.submenu a:active {
	text-decoration: none;
}
.submenu a:hover {
	text-decoration: none;
	background: Gray;
}


#menu a,
#menu a:hover,
#menu a:active {
	display:block;
	font-size: 8pt;
	color: #0066CC;
	background-color: #accdee;
	border: 1px solid rgb(0,106,182);
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 1px;
	text-decoration: none;
}
#menu a:hover {
	background-color: #C2DEFB;
	text-decoration: none;
}
#menu a:active {
	color: #000000;
	background-color: #FFCC00;
	border-color: black;
	text-decoration: none;
}

a:link.logon,
a:visited.logon
a:hover.logon {
	color: black;
	text-decoration: none;
}

/* SNOWFLAKES*/


.snow-container {
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    z-index: 99999;
    pointer-events: none;
}

.snowflake {
    position: absolute;
    background-color: white;
    border-radius: 50%;
    opacity: 0.8;
    pointer-events: none;
}

@keyframes fall {
    0% {
        opacity: 0;
        transform: translateY(0);
    }
    10% {
        opacity: 1;
    }
    100% {
        opacity: 0.5;
        transform: translateY(100vh);
    }
}

@keyframes diagonal-fall {
    0% {
        opacity: 0;
        transform: translate(0, 0);
    }
    10% {
        opacity: 1;
    }
    100% {
        opacity: 0.25;
        transform: translate(10vw, 100vh);
    }
}
/*	++++++ Definierte Links ++++++ */

/*	===================================    CONTENT   =============================================== */

/*	=========== HEADER ============= */
.title_main {
	font-family: sans-serif,Verdana, Arial, Helvetica;
/* 	font-family: eon_schrift, sans-serif;	 */
	font-size: 17px;
	color: #1C5284;
}
.title_sub {
	font-family: sans-serif,Verdana, Arial, Helvetica;
/* 	font-family: eon_schrift, sans-serif; */
	
	font-size: 11px;
	color: #96C5DE;
}

.sub_border_left {
	border-left: 1px solid #B2D1F0;
}
.sub_border_right {
	border-right: 1px solid #B2D1F0;
}
.sub_font_bold {
	font-family: sans-serif,Verdana, Arial, Helvetica;
/* 	font-family: eon_schrift, sans-serif; */
	
	font-size: 9px;
	color: #2E72B7;
	font-weight: bold;
}
.sub_font_small {
	font-size: 9px;
	color: #1C5284;
}
.topnav1 {
/* 	border-left: 1px solid #B2D1F0; */
/* 	border-right: 1px solid #B2D1F0; */
	text-align: center;
/* 	background-color: #D7E7F7; */
}
.topnav2 {
	border-left: 1px solid #B2D1F0;
	border-right: 1px solid #B2D1F0;
	text-align: center;
	vertical-align: middle;
	background-color: #EAF2FA;
}
.topnav_bg {
	background-color: white;
}

/* .banner_repeat_line { */
/* background:url(images/top/rweNewLogoLine.gif);
/* } */
.banner_logo{
	float: left;
	margin-top: 4px;
	margin-left: 28px;
}
.banner_vpf{
 	float: right;
 	margin-top: 3px;
 	/*margin-right: 23px;*/
}

.banner_eon{
 	float: right;
 	margin-top: 3px;
 	margin-left: 5px;
 	height:40px; 
    width: 85px
}

/*	=========== FOOTER ============= */
.foot_border_top {
	border-top: 1px solid #B2D1F0;
}
.foot_border_bottom {
	border-bottom: 1px solid #B2D1F0;
}
.foot_border_left {
	border-left: 1px solid #B2D1F0;
}
.foot_border_right {
	border-right: 1px solid #B2D1F0;
}

.foot_font_bold {
	font-family: sans-serif,Verdana, Arial, Helvetica;
/* 	font-family: eon_schrift, sans-serif; */
	
	font-size: 10px;
	color: #2E72B7;
	font-weight: bold;
}
.foot_font_small {
	font-family: sans-serif,Verdana, Arial, Helvetica;
/* 	font-family: eon_schrift, sans-serif; */
		
	font-size: 9px;
	color: #1C5284;
}
.foot_cell1 {
/* 	border-left: 1px solid #B2D1F0; */
/* 	border-right: 1px solid #B2D1F0; */
/* 	background-color: #D7E7F7; */
	text-align: center;
	font-size: 9px;
}
.foot_cell2 {
/* 	border-left: 1px solid #B2D1F0; */
/* 	border-right: 1px solid #B2D1F0; */
/* 	background-color: #EAF2FA; */
	text-align: center;
	font-size: 9px;
}
.bottomnav {
/* 	border-top: 1px solid #B2D1F0; */
	border-top: 1px solid #1ea2b1;	
/* 	border-bottom: 1px solid #B2D1F0; */
}
.bottomnav1 {
	border-left: 1px solid #B2D1F0;
	border-right: 1px solid #B2D1F0;
	text-align: center;
	background-color: #D7E7F7;
}
.bottomnav2 {
	border-left: 1px solid #B2D1F0;
	border-right: 1px solid #B2D1F0;
	text-align: center;
	background-color: #EAF2FA;
}
.bottomnav_bg {
/* 	background-color: white; */
	background-color: #f5f7f9;
	
}

/*#########NAVIGATION Styles###################*/

/*	Tab Navigation [  */
.tabnavselected {
	font-size: 1.5rem;
	color: #FFFFFF;
	text-align: center;
	
	color: #FFFFFF;
	font-weight: bold;
	border:2px solid  #ffffff;
	background-color: #00875A;	
	width:297px;
	height: 40px;
	margin-right:6px;
	display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	height: 40px;
}

.tabnavunselected {
	font-size: 1.5rem;
	color: #FFFFFF;
	text-align: center;
	background-color: #64B42D;
	border:2px solid  #ffffff;
	width:297px;
	margin-right:6px;
	display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	height: 40px;

}

.tabiconnavselected {
	font-size: 10pt;
	color: #FFFFFF;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
}

.tabiconnavunselected {
	color: #FFFFFF;
	text-align: center;
	width: 40px;
	height: 40px;

}

.tabnavselected a:link,
.tabnavselected a:visited {
/* 	color: black; */	
	color: #FFFFFF;
/* 	font-weight: bold; */	
	text-decoration: none;
/* 	background-color: yellow; */	
}
.tabnavunselected a:link,
.tabnavunselected a:visited {
	color: #FFFFFF;	
/* 	color: #0f738a;	 */
/* 	font-weight: bold;	 */
/* 	text-decoration: none; */
	padding: 2px;
	width:290px;
}

.tabnavunselected kpfbackgroundcolor{
	    background-color: #f5f7f9 !important;
}
/* .gemisbackgroundcolor { */
/* 	background-color: #94E06B;	 */
/* 	border-bottom: 3px solid #ebc0c0;	 */
/* } */

/*	] Tab Navigation */

.subtabnavselected2 {
	font-size: 10pt;
	color: #FFFFFF;
	text-align: center;
	
	color: #FFFFFF;
	font-weight: bold;
	border:2px solid  #ffffff;
	background-color: #00875A;	
	width:297px;
	height: 40px;
	margin-right:6px;
	display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	height: 40px;

}

.subtabnavunselected2 {
	font-size: 10pt;
	color: #FFFFFF;
	text-align: center;
	background-color: #64B42D;
	border:2px solid  #ffffff;
	width:297px;
	margin-right:6px;
	display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	height: 40px;

	
}
.subtabnavselected2 a:link,
.subtabnavselected2 a:visited,
.subtabnavselected2 a:hover {
/* 	color: black; */	
	color: #FFFFFF;
/* 	font-weight: bold; */	
	text-decoration: none;
/* 	background-color: yellow; */	
}
.subtabnavunselected2 a:link,
.subtabnavunselected2 a:visited {
	color: #FFFFFF;	
/* 	color: #0f738a;	 */
/* 	font-weight: bold;	 */
/* 	text-decoration: none; */
	padding: 2px;
}
.subtabnavunselected2 a:hover {
/* 	color: black; */	
	
	font-weight: bold;
/* 	text-decoration: none; */
}

/*	Tab Navigation [  */
.subtabnavselected {
	font-size: 7pt;
	text-align: left;
	padding: 2px;
	background-color: #FFCC00;
	border: 1px solid black;
	white-space: nowrap;
/*	width: 130px; */
}

.subtabnavunselected {
	font-size: 7pt;
	padding: 2px;
/*background-image: url(/vdb/themes/rwe/images/navigation/tab_bg_unselected.gif);	*/
	background-color: #accdee; /* hellblau */
	border-top: 1px solid rgb(0,106,182);
	border-bottom: 1px solid rgb(0,106,182);
	border-left: 1px solid rgb(0,106,182);
	border-right: 1px solid rgb(0,106,182);
	white-space: nowrap;
/*	width: 130px; */
	/*  [ wie PHP-Anwendung */
	color: rgb(28, 82, 132);
	/*  ] wie PHP-Anwendung */
}
.subtabnavselected a:link, .tabnavselected a:visited, .tabnavselected a:hover {
/* 	color: black; */
	
	color: #FFFFFF;
	text-decoration: none;
}
.subtabnavunselected a:link,
.subtabnavunselected a:visited {
	color: #1C5284;
	text-decoration: none;
}
.subtabnavunselected a:hover {
	color: black;
	text-decoration: none;
}
/*	] Tab Navigation */

.gemisMunicipalityHead {	
	cellspacing: 1;
	background-color: white;
	display: table;
}

/*	[ Menus ohne Tabellen */
div.Menu {
	font-size: 1px;
	margin-top: 1px;
	margin-bottom: 5px;
	line-height: 19px;
}
div.Menu span,
div.Menu > a {
	font-size: 8pt;
	text-align: left;
	padding: 2px;
	margin-right: 1px;
}
div.Menu .tabnavselected {
	/*
	background-image: url(/vdb/themes/rwe/images/navigation/tab_bg_selected.gif);
	border-top : 3px solid #2F2F2F;
	*/
	background-color: #ffcc00;
	border: 1px solid #2F2F2F;
}
div.Menu .tabnavunselected {
/*background-image: url(/vdb/themes/rwe/images/navigation/tab_bg_unselected.gif);	*/
	background-color: #accdee;
	border: 1px solid rgb(0,106,182);
	/*padding-bottom: 4px;*/
}
div.Menu .tabnavselected a:link,
div.Menu .tabnavselected a:visited,
div.Menu .tabnavselected a:hover,
div.Menu .tabnavunselected a:hover {
	color: black;
	text-decoration: none;
}
div.Menu .tabnavunselected a:link,
div.Menu .tabnavunselected a:visited {
	color: #0066CC;
	text-decoration: none;
}
/*	[[ f�r MSIE bis v6 */
* html div.Menu span {
	line-height: 20px;
}
/*	]] f�r MSIE bis v6 */
/*	] Menus ohne Tabellen */

.navtable {
	padding: 0px; 	                                                                         /* Apllication Navigation */
	margin-top: 0px;	
/* 	background-color: #f6f6f7;	 */
	margin-right: 20px
}

/*	------	Hauptnavigationstitelzelle (links)---- */
.navtitle {
	padding-top: 1px;
	padding: 2px;
	font-family: sans-serif,Verdana, Arial, Helvetica;
/* 	font-family: eon_schrift, sans-serif; */
	
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
	background-color: #3385D6;
	Border: 1px solid #000000;
	white-space: nowrap;
}
.navselected {
	font-size: 8pt;
	text-align: left;
	padding: 2px;
/* 	background-color: #FFCC00; */	
/* 	border: 1px solid black; */
	border: 2px solid #cdca05;
	white-space: nowrap;	
	color:  #018290;	
	background-color: #e3e000 ;	
}
.navselected a:link,
.navselected a:visited{
/* 	color: #000000; */
	color:  #018290;	
	font-weight: bold;	
}
.component--tab-navigation .tab-navigation--container .tab-navigation--item__active a {
    color: #013F45 !important;
}

.component--tab-navigation .tab-navigation--container .tab-navigation--item__active:after {
    background-color: #013F45 !important;
}
span.title {
	background-color:#f5f7f9;
	display:flex;
}
.navunselected {
	font-size: 8pt;
	text-align: left;	
	border-collapse:collapse;
	padding: 2px;
/* 	background-color: #accdee; */	
/* 	border:1px solid rgb(114,116,117); */
/* 	border:2px solid #8f9192; */
	
	border:2px solid  #e8e8e8  ;	
/* 	border:1px solid  #0f738a  ; */
	
	white-space: nowrap;	
/* 	font-size: 14px;	 */
	
/* 	color: rgb(64, 64, 64); */
/* 	color: #f6f6f7;	 */
	
	
	background-color: #f6f6f7;	
/* 	background-color: #e8e8e8; */
/* 	background-color: #c7e8eb;	 */
		
	
/* 	font-weight: bold; */		
}

.navunselected a:link,
.navunselected a:visited{
/* 	color: #1C5284; */	
	color: #39393a;	
/* 	color: #0f738a;	 */
	
}
.navunselected a:hover {
/* 	color: black; */
/*  text-decoration: underline; */
	color: #ea1b0a;
 }

.navnolink {
	font-family: sans-serif,Verdana, Arial, Helvetica;
/* 	font-family: eon_schrift, sans-serif; */
	
	font-size: 8pt;
	text-align: left;
	color: #808080;
	background-color: #e0e0e0;
	white-space: nowrap;
}

.navdisabled {
	font-size: 8pt;
	text-align: left;
	height: 14px;
	color: #808080;
/* 	background-color: #accdee; */
	background-color: #bfbfbf;
	white-space: nowrap;
/* 	border: 1px solid rgb(0,106,182); */	
	border: 1px solid #B2D1F0;	
}

.navleft {
	font-size: 8pt;
	font-weight: bold;
	text-align: right;
	color: #0066CC;
	width: 2px;
	background-color: #E5EffA;
	white-space: nowrap;
}
.navleftempty {
	width: 2px;
	background-color: #ffffff;
	color: #0066CC;
	font-weight: bold;
	text-align: right;
	font-size: 8pt;
	white-space: nowrap;
}

.navleftnolink {
/* 	background-color: #E5EffA; */
/* 	color: #0066CC; */
	color: #1ea2b1;
/* 	color: #018290; */
	
	text-align: left;
/* 	font-size: 10pt; */
	font-size: 10px;
	font-weight: bold;
/* 	padding: 0; */	
	padding-top: 10px;
	padding-left: 10px;	
}

/*	alternative styles */
table.its thead tr {
/*	background-color: #D7E7F7; */
	background-color: #69c;
}

table.its tr.even {
/* 	background-color: #EFF8FF; */
	background-color: #e8e8e8;

}
table.its tr.odd {
	background-color: #fff;
}
table.its td, table.its th {
/* 	border: 1px solid #B2D1F0; */
	    font-size: 14px;
    font-family: sans-serif,Verdana, Arial, Helvetica;
	white-space: nowrap;
	border: 0px solid #e8e8e8;
	
}
table.its th {
	font-weight: normal;
	background-color: #C2DEF9;
/*	background-color: #69c;	 */
/* 	border: 1px solid #B2D1F0; */
	padding-right: 2px;
	    font-size: 14px;
    font-family: sans-serif,Verdana, Arial, Helvetica;
	background-color: #f5f7f9 ;	
	color: #404040;
	
	border: 1px solid #e8e8e8;
}


/*	alternative matrix */
table.matrix thead tr {
	background-color: #69c;
	height: 25px;
	vertical-align: top	;
}
table.matrix tr.even {
/* 	background-color: #EFF8FF; */
	height: 27px;
	vertical-align: top	;	
	background-color:  #e8e8e8 ;	
}
table.matrix tr.odd {
	background-color: #fff;
	height: 27px;
	vertical-align: top	;
}
table.matrix td, table.its th {
/* 	border: 1px solid #B2D1F0; */
	font-size:8pt;
	border: 1px solid #e8e8e8;	
	    font-size: 14px;
    font-family: sans-serif,Verdana, Arial, Helvetica;
}
table.matrix th {
	font-weight: normal;
/* 	background-color: #C2DEF9; */
	border: 1px solid #B2D1F0;
	padding-right: 2px;
	height: 30px;
	
	background-color:  #f5f7f9;
	
}

/*	[ wie PHP-Anwendung */
th#fTschrift  {
	color: white;
	text-align: center;
	font-size: 10px;
	border: 0;
	    font-size: 14px;
    font-family: sans-serif,Verdana, Arial, Helvetica;
}
/*	] wie PHP-Anwendung */
table.its a:link, a:visited {
	    font-size: 14px;
    font-family: sans-serif,Verdana, Arial, Helvetica;
	color: #1C5284;
	text-decoration: none;
}

table.its a:hover, a:active {
	    font-size: 14px;
    font-family: sans-serif,Verdana, Arial, Helvetica;
	color: black;
	text-decoration: none;
}

.its_list_row1 {
/* 	background-color: #C2DEF9; */
	text-align: right;
	color: #1C5284;
	font-size: 8pt;
	width: 20px;
	
	background-color: #f5f7f9;
	
}
.its_list_row2 {
	background-color: #C2DEF9;
	border: 1px solid #B2D1F0;
	text-align: left;
	color: #1C5284;
	font-size: 8pt;
	width: 100px;
}

.error_mark {
	color: white;
	font-style: italic;
	background-image: url(images/content/error_mark.gif);
}

.contract_mark {
	background-image: url(images/content/bg_highlight.gif);
}

.delete_mark {
	color: black;
	font-style: italic;
	background-image: url(images/content/bg_delete.gif);
}
.delete_mark_dark {
	color: black;
	font-style: italic;
	background-image: url(images/content/bg_delete_dark.gif);
}
.alert_mark {
	color: red;
	font-style: italic;
	background-image: url(images/content/bg_highlight.gif);
}
tr.delete_mark a:link {
	color: black;
	text-decoration: none;
}
tr.alert_mark a:link {
	color: red;
	text-decoration: none;
}

table.nocol tbody td,table.nocol tbody th {
	border-left: none;
	border-right: none;
}

table.its th.sortable{
	position: relative;
    cursor: inherit;
    padding: 4px 3px 4px 5px;
    background: #76020d;
    color: #F5F5F5 !important;;
    width: auto;
    font-size: 14px !important;
    font-family: sans-serif,tahoma, arial, helvetica;

}
table.its th{
	position: relative;
    cursor: inherit;
    padding: 4px 3px 4px 5px;
    background: #f5f7f9 !important;
    color: #018290 !important;
    width: auto;
    font-size: 14px !important;
 	font-family: sans-serif,tahoma, arial, helvetica;
}

/*	Sortierung der Spaltung */
table.its th.sorted {
	position: relative;
    cursor: inherit;
    padding: 4px 3px 4px 5px;
     background: #f5f7f9 !important;
    color: #018290 !important;
    width: auto;
    font-size: 14px !important;
	font-family: sans-serif,tahoma, arial, helvetica;
}

table.its td{
	position: relative;
    cursor: inherit;
    padding: 4px 3px 4px 5px;
	font-size: 14px;
    line-height: normal;
    font-family: sans-serif,tahoma, arial, helvetica;
}

table.its th a,
th a:visited {
 color: #F5F5F5 !important;
	text-decoration: none;
	 background: #f5f7f9 !important;
    color: #018290 !important;
}

table.its th a:hover {
	text-decoration: none;
	 background: #f5f7f9 !important;
    color: #018290 !important;
	text-decoration: none;
}

table.its th.sorted a,
th.sortable a {
	position: relative;
    cursor: inherit;
    padding: 4px 3px 4px 5px;
    background: #f5f7f9 !important;
    color: #018290 !important;

    
}
table.its th.sortable a {
	background-image: url(images/content/arrow_off.png);
	background-repeat:no-repeat;
	text-decoration: none;
}
table.its th.order1 a {
	background-image: url(images/content/arrow_down.png);
	background-repeat:no-repeat;
	text-decoration: none;
	
	background-color: #fac6c2; 
}
table.its th.order2 a {
	background-image: url(images/content/arrow_up.png);
	background-repeat:no-repeat;
	text-decoration: none;
}
/*	Sortierung der Spaltung */

div.exportlinks {
	background-color: #eee;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #B2D1F0;
	border-right: 1px solid #B2D1F0;
	padding: 2px 4px 2px 4px;
	margin: 5px 0 10px 0;
}

/*	Seiten DIV von taglib */
span.pagebanner {
/*	background-color: #eee; */
/*	border: 1px solid #999;  */
/* 	background-color: #D7E7F7; */
/* 	border: 1px solid #B2D1F0; */
	border-left: none;
	border-right: none;
	text-align: right;
/* 	color: #1C5284; */
	font-size: 12pt;
	padding: 2px 4px 2px 4px;
	margin-top: 5px;
	display: none;
	
	background-color: #56b9c5;
	border: 1px solid #B2D1F0;
	color: white;
	
}
span.pagelinks {
	display: none;
	text-align: center;
	background-color: #eee;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #B2D1F0;
	border-right: 1px solid #B2D1F0;
	padding: 2px 4px 2px 4px;
	margin-top: 5px;
	margin-bottom: 5px;
	color:black;
	font-size: 16px;
}
.pagelinks a:link,  a:visited {
	color: black;
	text-decoration: none;
	font-size: 12pt;
	
}
.pagelinks a:hover {
	color: black;
	text-decoration: none;
}
/*	Seiten DIV von taglib */

/*	export div link*/
span.export {
	padding: 0 4px 1px 20px;
/*	display: inline; */
	display: block;
	cursor: pointer;
}
/*	export div link*/

span.excel {
	background-image: url(images/content/ico_file_excel.png);
	background-repeat:no-repeat;
}

span.csv {
	background-image: url(images/content/ico_file_csv.png);
	background-repeat:no-repeat;
}

span.xml {
	background-image: url(images/content/ico_file_xml.png);
	background-repeat:no-repeat;
}

span.pdf {
	background-image: url(images/content/ico_file_pdf.png);
	background-repeat:no-repeat;
}

span.rtf {
	background-image: url(images/content/ico_file_rtf.png);
	background-repeat:no-repeat;
}

table.spec_list th {
	font-weight: normal;
/* 	background-color: #C2DEF9; */
	background-color: #f5f7f9;
	border: 1px solid #B2D1F0;
	padding-right: 2px;
}
table.spec_list td, table.its th {
/* 	border: 1px solid #B2D1F0; */
	 font-size: 14px;
    font-family: sans-serif,Verdana, Arial, Helvetica;
	border: 1px solid #e8e8e8;	
}

a.frameHeadSubLink {
	color: #000000;
	font-style:italic;
	padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
}

td.number {
	text-align: right;
	font-size: 8pt;
}
/* Tabellen mit boolean-Wert oder Symbol,
 *  z. B. f�r voll-/teilversorgte Gemeinden:
 */
td.flag,
td.symbol {
	text-align: center;
}

.menuList {
    border-bottom: 1px solid #cccccc;
    margin: 0;
    padding-bottom: 19px;
    padding-left: 10px;
}

.menuList a:link, .menuList a:visited	{
    background: #e8ebf0;
    border: 1px solid #cccccc;
    color: #666666;
    float: left;
    font-size: small;
    font-weight: normal;
    line-height: 14px;
    margin-right: 8px;
    padding: 2px 10px 2px 10px;
    text-decoration: none;
}

.menuList a:link.active, .menuList a:visited.active	{
    background: #ffffff;
    border-bottom: 1px solid #ffffff;
    color: #000000;
}

.menuList a:hover	{
    color: #ff0000;
}

.menuList li.selected a {
    background: #ffffff !important;
    border-bottom: 1px solid #ffffff !important;
    color: #000000 !important;
    font-weight: bold !important;
}

.menuList li.selected ul.submenu {
    display: inline;
    left: 10px;
    position: absolute;
    top: 35px;
}

.menuList li.selected ul.submenu a {
    background: #ffffff;
    border: none;
    border-left: 1px solid #cccccc;
    color: #999999 !important;
    font-size: .98em;
    font-weight: bold;
    line-height: 12px;
    margin-right: 4px;
    padding: 2px 10px 2px 10px;
    text-decoration: none;
}

.menuList li.selected ul.submenu a.selected {
    background: transparent;
    color: #000 !important;
}

.menuList ul a:hover, .menuList ul.submenu a:hover {
    color: #ff0000 !important;
}

.menuList ul, .menuList li	{
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.menuList ul.submenu {
    display: none;
    width: 90%;
}

/*	Das Ding, um das es auf dieser Seite geht, also z. B. der Versorger */
.form th,
#page-topic {
	/* [ wie PHP-Anwendung */
	font-size: 12pt; /* f�r screen: besser in px */
	letter-spacing: 1px;
	text-align: left;
	background-color: transparent;
	border: 0;
	padding: 0.3em 0 0.2em 0;
	/* ] wie PHP-Anwendung */
}

/* f�r die Aktionen-Buttons wird keine Tabelle ben�tigt */
.aktionen-buttons a img {
	background-color: #D7E7F7;
	border: 1px solid #B2D1F0;
	margin: 1px;
	border-right: none;
	text-align: center;
	height: 18px;
	/* nur, weil auch schon f�r content_button definiert: */
	cursor: pointer;
}
.aktionen-buttons {
	padding: 1px;
	font-size: 1px; /* wg. der Zwischenr�ume */
	vertical-align: top;
}
.aktionen-buttons a {
	font-size: 10px;
	line-height: 1em;
}

table.form {
	font-size: x-small;
	padding: 2px;
	border-spacing: 2px;
	border-collapse: separate; /* collapse;*/
	padding: 2px;
	background-color: #eaf2fa;
	border: 1px solid #b2d1f0;
}

table.form th,
table.form td,
div#content table.form th,
div#content table.form td {
	border: 1px solid #b2d1f0;
	border-top-width: 1px;
	font-size: small;
	padding: 2px 3px;
	margin: 0;
}

table.form thead th,
div#content table.form thead th {
/*	font-size: larger; */
	background-color: rgb(0,106,182);
	border-color: rgb(0,106,182);
/*	color: #fffff9; */
	color: white;
	font-weight: normal;
}
table.form tfoot td,
div#content table.form tfoot td {
	margin-bottom: 0.3em;
}

/* Icon f�r sortierbare Spaltenk�pfe nicht verdecken
 * (funktioniert leider so (noch?) nicht; non-breaking spaces
 * werden gebraucht...)
#content table.its thead tr th.sortable,
#content table#cpe imgResize thead tr th.sortable {
	background-attachment: scroll;
}
 */

/* Fehlerausgaben: */
.error, .c_error {
	font-weight: bold;
	color: red;
}
.c_error, .centered {
	text-align: center;
}

/* zu verwenden, solange das real existierende Layout
 * die Tabellenbreite 100% praktisch erzwingt:
 */
table.pw100 {
	width: 100%;
}

/* Druckansicht */
@media print {
	/* interaktive Elemente nicht drucken: */
	.aktionen-buttons {
		display: none;
	}
}
.contentErrorMsg {
	border: 1px solid black;
	font-size: 8pt;
	background-color: red;
	color: white;
}

.loadbox{
	background-color: transparent;
	border: none;
	width: 100px;
	font-size: 9px;
	color: #2E72B7;
}

.frameTitle_table{
	border-collapse: collapse;
	width: 100%;
	border-spacing: none;
}

.handcursor{
cursor:hand;
cursor:pointer;
}

/* OK, da IE6 kein max-width etc. kann muss ein workaround her */
#imgResize {
/*IE*/
/* border:1px solid gray; */
/* width:expression( */
/*     document.body.clientWidth > (500/12) * */
/*     parseInt(document.body.currentStyle.fontSize)? */
/*         "30em": */
/*         "auto" ); */
/*FIREFOX*/
max-height: 300px;
max-width: 300px;
}

/* iconHelp */



.topbarelement1{
	background-color: #EAF2FA;
	border-left: 1px solid #B2D1F0;
	border-right: 1px solid #B2D1F0;
	padding: 3px;
	text-align: center;
	width: 60px;
}
.topbarelement2{
	background-color: white;
	border-right: 1px solid #B2D1F0;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 4px;
	padding-bottom: 2px;
	text-align: left;
	width: 60px;

}
.cursorInfo{
	cursor: help;
}


.popUpDivBox{
position:absolute;
border: 1px solid black;
background-color: white;
display:none;
}
.popUpDivBoxFrame{
border: 4px solid #D7E7F7;
}
.pHead{
	background-color: #D7E7F7; /* 215, 231, 247 */
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 5px;
	text-transform: uppercase;
	font-weight: bolder;

}
.tdbody{
	padding-left: 3px;
	padding-right: 3px;
}

.list_column_number {
	text-align: right;
}

.indented {
	padding-left:2em;
}

.formtaglabeltitle{
	text-align: left;
	font-size: 9pt;
	color: white;
	background-color: #3385D6;
	border: none
}
.gridHeader{
	background-color: silver;
	color: black;
	border: 1px solid black;
	text-align: left;
	font-size: 8pt;
	padding-left: 2px;
	padding-right: 2px;
}
.menuDiv{
	padding-bottom: 0px;
	box-sizing: content-box;
}

.gemisSubmenu{
/* 	background-color: #f6f6f7; */
margin-bottom: 10px;
margin-left: 8px;
box-sizing: content-box;
}

.siteNavPlaceHolder{
	display: block;
	height: 2px;
}
.siteNavPlaceHolderXXL{
	display: block;
	height: 90px;
}
.siteNavPlaceHolderXL{
	display: block;
	height: 70px;
}
.mandatory {
	background-color: #FFEEBB;
}
.produce {
	background-color: #E1FFFF;
}

.important {
	background-color: #FFFFDD;
}
.importantLabel{
border: 1px solid black;
background-color: #FFFFDD;
color: black;
font-size: 8pt;
}
.importantInput{
background-color: #FFFFDD;
color: black;
font-size: 8pt;
border: none;
}
.overideAlignment{
text-align: right;
}

.crc_process_status_dezentral {
	background-image: url(images/content/crc_process_status_dezentral.gif);
}
.crc_process_status_dezentral_all {
	background-image: url(images/content/crc_process_status_dezentral_all.gif);
}
.crc_process_status_zentral {
	background-image: url(images/content/crc_process_status_zentral.gif);
}
.crc_process_status_zentral_all {
	background-image: url(images/content/crc_process_status_zentral_all.gif);
}
.crc_process_status_gremium {
	background-image: url(images/content/crc_process_status_gremium.gif);
}
.crc_process_status_gremium_all {
	background-image: url(images/content/crc_process_status_gremium_all.gif);
}
.crc_process_status_finished {
	background-image: url(images/content/crc_process_status_finished.gif);
}
.crc_process_status_finished_all {
	background-image: url(images/content/crc_process_status_finished_all.gif);
}
.crc_process_status_nichtzugeordnet {
	background-image: url(images/content/crc_process_status_nichtzugeordnet.gif);
}
.crc_process_status_nichtzugeordnet_all {
	background-image: url(images/content/crc_process_status_nichtzugeordnet_all.gif);
}
.crc_process_status_vertrieb {
	background-image: url(images/content/crc_process_status_vertrieb.gif);
}
.crc_process_status_vertrieb_all {
	background-image: url(images/content/crc_process_status_vertrieb_all.gif);
}

table.crc_list_column_table {
	border-style: none;
}
td.crc_list_column_table {
	border-style: none;
}
.calculatedField {
	border: 1px solid gray;
	background-color: #E8E9E9;
	font-size: 8pt;
}

.notification_info {
	border: 1px solid black;
	background-color: #43E5FA;
	padding: .5em;
	font-size: 8pt;
	width: 99%;
	margin-bottom: 1px;
}
.notification_warn {
	border: 1px solid black;
	background-color: #88ffff;
	padding: .5em;
	font-size: 8pt;
	width: 99%;
	margin-bottom: 1px;
}
.notification_error {
	border: 1px solid black;
	background-color: #FA332F;
	padding: .5em;
	font-size: 8pt;
	width: 99%;
	margin-bottom: 1px;
}
.notification_admin_info {
	border: 1px solid black;
	background-color: green;
	padding: .5em;
	font-size: 8pt;
	width: 99%;
	margin-bottom: 1px;
}
.notification_admin_warn {
	border: 1px solid black;
	background-color: yellow;
	padding: .5em;
	font-size: 8pt;
	width: 99%;
	margin-bottom: 1px;
}
.dependencyField {
	background: #f7f6e2;
}
.dependencyLabel {
	background-color: #f7f6e2;
	border: 1px solid gray;
	color: black;
}
.readonlyInputField {
	background-color: #D7E7F7;
	border: 1px solid #D7E7F7;
	color: #1C5284;
	font-size: 8pt;
	padding-left: 2px;
	padding-right: 2px;
}
.readonlyInputFieldWhite {
	background-color: white;
	border: 1px solid white;
	color: #1C5284;
	font-size: 8pt;
	padding-left: 2px;
	padding-right: 2px;
}

.autogeneratedField {
	background-color: silver;
	color: white;
	border: 1px solid black;
}

.crc_calculateField {
	background-color: #E2F5BE;
	color: black;
	border: 1px solid #A3C95D;
}

div.quicksearch {
	display: inline;
	padding: 2px;
}
input.quicksearch {
	width: 125px;
	border: 1px solid #006AB6;
	font-size: 8pt;
}
button.quicksearch {
	border: 1px solid #006AB6;
	background-color: #D7E7F7;
	padding: 0px;
	font-size: 8pt;
	width: 70px;
}

.input_adds {
	text-align: right;
	font-weight: bold;
	width: 100px;
}

.input_noborder {
	text-align: right;
	font-weight: bold;
	border: none;
	width: 100px;
}

.input_noborder_xxL {
	text-align: left;
	font-weight: bold;
	font-size: 8pt;
	border: none;
	width: 700px;
}

.input_noborder_normal {
	text-align: right;
	font-weight: normal;
	border: none;
	width: 100px;
}

.align_right {
	text-align: right;
}

.align_center {
	text-align: center;
}
.vpf_filter_button {
	background-image: url(/vdb/themes/wm/images/filter-find.ico) !important;
	padding-top: 7rem !important;
}
.vpf_filter_undo_button {
	background-image: url(/vdb/themes/wm/images/filter-undo.ico) !important;
	padding-top: 7rem !important;
}
.vpf_filter_undo_button_versorger {
	background-image: url(/vdb/themes/wm/images/edit-undo-5.ico) !important;
}
.vpf_filter_pdf_button {
	background-image: url(/vdb/themes/rwe/images/navigation/pdf.gif) !important;
}
.vpf_filter_export_button {
	background-image:url(/vdb/themes/wm/images/Excel32.png) !important;
}

.vpf_send_citt_button {
	background-image:url(/vdb/themes/rwe/images/navigation/save-citt.gif) !important;
}

.kpf_start_workflow_button {
	background-image:url(/vdb/themes/wm/images/pfeil_rechts.png) !important;
}

.vpf_start_workflow_button {
	background-image:url(/vdb/themes/rwe/images/content/arrow_right_16x16_.png) !important;
}

.vpf_filter_word_button {
	background-image:url(/vdb/themes/rwe/images/content/action_gemis_word.png) !important;
}

.vpf_filter_xlsx_export_button {
	background-image:url(/vdb/themes/rwe/images/excel1.gif) !important;
}

.vpf_filter_xlsx_upload_button {
	background-image:url(/vdb/themes/rwe/images/navigation/excel_upload.gif) !important;
	width:16px;
	height:16px;
}

.vpf_filter_edit_button {
	background-image:url(/vdb/themes/rwe/images/content/view_edit_trans.gif) !important;
	width:24px;
	height:24px !important;
}
.vpf_filter_edit_bemerkung {
	background-image:url(/vdb/themes/wm/images/document-edit.svg) !important;
	width:36px!important;
	height:36px !important;
}

.vpf_filter_delete_button {
	background-image: url(/vdb/themes/rwe/images/navigation/delete.gif) !important;
}
.vpf_filter_save_button {
	background-image: url(/vdb/themes/rwe/images/navigation/nav_save.gif) !important;
}

.vpf_export_button {
	background-image:url(/vdb/themes/wm/images/Excel32.png) !important;
}

.vpf_exclamation_label {
	background-image:url(/vdb/themes/sag/images/navigation/exclamation-red.png) !important;
}

.vpf_set_fav1_button {
	background-image:url(/vdb/themes/rwe/images/content/favorites_16x16_1.png) !important;
}

.vpf_set_fav2_button {
	background-image:url(/vdb/themes/rwe/images/content/favorites_16x16_2.png) !important;
}

.vpf_set_fav_revert_button {
	background-image:url(/vdb/themes/rwe/images/content/favorites_revert_16x16_1.gif) !important;
}

.vpf_copy_offer {
	background-image:url(/vdb/themes/wm/images/table_content_copy.ico) !important
}
.vpf_set_contract {
	background-image:url(/vdb/themes/rwe/images/navigation/new.gif) !important;
}
.vpf_stornoInformation {
	background-image:url(/vdb/themes/wm/images/info_icon.svg) !important;
	padding-top: 40px !important;
}
.block {
    background-color: white !important;
    border-left: 30px #f5f7f9;
    border-right: 30px #f5f7f9;
    border-bottom:0px;
    border-top:0px;
}
.framework--header{
	 position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99999;
}

#delete_kommunal{
		background-image:url(/vdb/themes/wm/images/event_busy.svg) !important;
}

.vpf_send_tranche{
	background-image:url(/vdb/themes/rwe/images/navigation/save-citt.gif) !important;
}

.vpf_settings {
	background-image:url(/vdb/themes/wm/images/vpfSettings.ico) !important;
	background-position: center;
}

.vpf_list_add {
	background-image:url(/vdb/themes/wm/images/add.svg) !important;
	width: 32px !important;
    height: 32px !important;
}

.vpf_list_remove {
	background-image:url(/vdb/themes/rwe/images/navigation/list-remove.png) !important;
}

.vpf_delete_mark{
	color: black;
	background-color: silver;
}
.vpf_actionicon_send_hidden {
    display: none;
}
.vpf_actionicon_send {
    display: inline;
}
.inputfield_M#file-ipload-button{
	background-color: #0066CC
}
.vpf_actionicon_send_mail_hidden {
	background-image:url(/vdb/themes/rwe/images/navigation/send_mail1.gif) !important;
    display: none;
}
.vpf_actionicon_send_mail {
	background-image:url(/vdb/themes/rwe/images/navigation/send_mail1.gif) !important;
    display: inline;
}

.vpf_actionicon_FP_user_hidden {
	background-image:url(/vdb/themes/rwe/images/navigation/edit_back.gif) !important;
    display: none;
}
.vpf_actionicon_FP_user {
	background-image:url(/vdb/themes/rwe/images/navigation/edit_back.gif) !important;
    display: inline;
}

.vpf_error_quitt_hidden {
	background-image:url(/vdb/themes/rwe/images/content/cancel_red.gif) !important;
    display: none;
}
.vpf_error_quitt {
	margin-top: 2px;
	margin-left: 5px;
	background-image:url(/vdb/themes/rwe/images/content/cancel_red.gif) !important;
    display: inline;
}

.vpf_hide {
    display: none;
}
.vpf_display{
    display: inline;
}

.kontakt-new-container {
  display: flex;
  flex-wrap: wrap;
  border: 10px;
  border-color: black;
  justify-content: space-between;
  width:1000px;
}
.component--popupLayer .popupLayer--content-container{
	max-width: 78% !important;
}

.kontakt-new-box {
	font-size: 8pt;
	text-align: left;
	padding: 15px;	
	margin: 2px;	
	border:1px solid;
	flex: 0 1 460px;	
	position: relative;
}
.kontakt-new-label{
	font-size:12px; 
	color:black;
	font-weight: normal;
	text-align:center;
}
.besuch{
	background-color: #FFFFE1;	
	border-color: #a48140;
	margin: 5px;
}
.produkt{
	background-color: #E1FFFF;	
	border-color: #187156;
	margin: 5px;
}

.vpf_kovis_strom_icon {
	background-image:url(/vdb/themes/rwe/images/kovis/kovis_strom.png) !important;
}
.vpf_kovis_gas_icon {
	background-image:url(/vdb/themes/rwe/images/kovis/kovis_gas.png) !important;
}
.vpf_kovis_wasser_icon {
	background-image:url(/vdb/themes/rwe/images/kovis/kovis_wasser.png) !important;
}
.vpf_kovis_beleuchtung_icon {
	background-image:url(/vdb/themes/rwe/images/kovis/kovis_beleuchtung.png) !important;
}
.vpf_kovis_fttx_icon {
	background-image:url(/vdb/themes/rwe/images/kovis/kovis_fttx.png) !important;
}
.vpf_kovis_zaehler_icon {
	background-image:url(/vdb/themes/rwe/images/kovis/kovis_zaehler.png) !important;
}
.vpf_kovis_vertragslaufzeit_icon {
	background-image:url(/vdb/themes/rwe/images/kovis/kovis_vertragslaufzeit.png) !important;
}
.vpf_kovis_vertragsstruktur_icon {
	background-image:url(/vdb/themes/rwe/images/kovis/kovis_vertragsstruktur.png) !important;
}
.vpf_kovis_rz_icon {
	background-image:url(/vdb/themes/rwe/images/kovis/kovis_rz.png) !important;
}

.offerStatusQuittReceived {background-color: #9ACD32;}
.offerStatusOrdered {background-color: #C0FF3E;}
.offerStatusToSend {background-color: #EEE8AA;}
.offerStatusStorno {background-color: #CDCDC1;}
.offerStatusNotOrdered {background-color: #CDCDC1;}

.x-form-datetrigger-small{
	background-image:url(/vdb/themes/wm/images/view-calendar-day.ico) !important;
	BORDER-BOTTOM-COLOR: #b5b8c8;
	height:18px;
	top: 12px;
    right: 30px;
	position: absolute;
	border-right-width: 0px;
	background: no-repeat 0px 0px;
	border-top-width: 0px;
	border-left-width: 0px;
	z-index:99;
}
.x-form-combotrigger-small{
	background-image:url(/vdb/themes/wm/images/arrow_down_small.png) !important;
	BORDER-BOTTOM-COLOR: #b5b8c8;
	height:18px;
	top: 12px;
    right: 30px;
  	position: absolute;
	border-right-width: 0px;
	background: no-repeat 0px 0px;
	border-top-width: 0px;
	border-left-width: 0px;
	z-index:90;
}

h3.service-name {
	color:#018290;
}

.vpf_kvcheck_button {
	background-image:url(/vdb/themes/rwe/images/navigation/gemis_kv_error.png) !important;
}

.kvcheckStatus1 {background-color: #EEE8AA;}
.kvcheckStatus2 {background-color: #F70000;}

#support {
	margin:				1em;
/* 	border:				2px solid black; */
	border:				2px solid #EAE840;	
/* 	background-color:	#E7F3FF; */
	background-color:	#F1EF7F;	
	padding:			0em;
	width:				40em;
/* 	color:				#1C5284; */
	color:				 #404040;	
	line-height:		16pt;
}
input[type="checkbox" i] {
    background-color: initial;
    cursor: default;
	width: 2.5rem;
    height: 2.5rem;
    min-width: 2.5rem;
    border: solid 1px #D8D8D8;
}



.checkbox_mandatory {
	 cursor:default;
	 border:3px solid #FFEEBB;
	 font-weight:bold;
	 font-size:19px;
	 width:20px;
	 height:20px;
	 color:#369
}

.component--tiny-teaser .tiny-teaser--container .tiny-teaser-icon {
	    height: 80px;
    width: 80px;
	
	}
.tiny-teaser-icon.icon.icon_location_city {content: url(/vdb/themes/wm/icons/location_city.svg );padding: 0rem 0rem 0rem 0rem !important;}	
.tiny-teaser-icon.icon.icon_recent_patient {content: url(/vdb/themes/wm/icons/recent_patient.svg );padding: 0rem 0rem 0rem 0rem !important;}		
.tiny-teaser-icon.icon.icon_document_scanner {content: url(/vdb/themes/wm/icons/document_scanner.svg );padding: 0rem 0rem 0rem 0rem !important;}	
.tiny-teaser-icon.icon.icon_circle_edit {content: url(/vdb/themes/wm/icons/edit.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_gemeinde {content: url(/vdb/themes/wm/icons/home_work.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_home_work {content: url(/vdb/themes/wm/icons/home_work.svg);padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_location_home {content: url(/vdb/themes/wm/icons/location_home.svg);padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_groups {content: url(/vdb/themes/wm/icons/groups.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_article {content: url(/vdb/themes/wm/icons/article.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_support {content: url(/vdb/themes/wm/icons/currency_exchange.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_multiline_Chart {content: url(/vdb/themes/wm/icons/multiline_chart.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_home {content: url(/vdb/themes/wm/icons/home.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_bar_chart {content: url(/vdb/themes/wm/icons/dashboard.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_donut_large {content: url(/vdb/themes/wm/icons/emoji_flags.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_description {content: url(/vdb/themes/wm/icons/add_task.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_clinical_notes {content: url(/vdb/themes/wm/icons/contact_emergency.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_account_circle {content: url(/vdb/themes/wm/icons/account_circle.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_manage_accounts {content: url(/vdb/themes/wm/icons/manage_accounts.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_note {content: url(/vdb/themes/wm/icons/quick_reference.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_receipt_Long {content: url(/vdb/themes/wm/icons/article.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_tactic {content: url(/vdb/themes/wm/icons/tactic.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_sentiment_extremely_dissatisfied {content: url(/vdb/themes/wm/icons/comment.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_payments {content: url(/vdb/themes/wm/icons/account_balance.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_featured_play_list {content: url(/vdb/themes/wm/icons/featured_play_list.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_query_stats {content: url(/vdb/themes/wm/icons/query_stats.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_globe {content: url(/vdb/themes/wm/icons/globe.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_person_pin {content: url(/vdb/themes/wm/icons/person_add.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_home_pin {content: url(/vdb/themes/wm/icons/note_stack_add.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_bar_charte{content: url(/vdb/themes/wm/icons/space_dashboard.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_volunteer_activism {content: url(/vdb/themes/wm/icons/volunteer_activism.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_grid_view {content: url(/vdb/themes/wm/icons/grid_view.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_prescriptions {content: url(/vdb/themes/wm/icons/prescriptions.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_web {content: url(/vdb/themes/wm/icons/web.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_rate_review {content: url(/vdb/themes/wm/icons/rate_review.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_data_table {content: url(/vdb/themes/wm/icons/data_table.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_supervised_user_circle {content: url(/vdb/themes/wm/icons/supervised_user_circle.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_event_upcoming {content: url(/vdb/themes/wm/icons/event_upcoming.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_dangerous {content: url(/vdb/themes/wm/icons/dangerous.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_new_releases {content: url(/vdb/themes/wm/icons/new_releases.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_bookmarks {content: url(/vdb/themes/wm/icons/bookmarks.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_label {content: url(/vdb/themes/wm/icons/label.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_build_circle {content: url(/vdb/themes/wm/icons/build_circle.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_legend_toggle {content: url(/vdb/themes/wm/icons/legend_toggle.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_table_chart {content: url(/vdb/themes/wm/icons/table_chart.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_add_notes {content: url(/vdb/themes/wm/icons/add_notes.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_other_admission {content: url(/vdb/themes/wm/icons/other_admission.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_flowsheet {content: url(/vdb/themes/wm/icons/heat_pump.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_group {content: url(/vdb/themes/wm/icons/group.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_badge {content: url(/vdb/themes/wm/icons/badge.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_list_alt {content: url(/vdb/themes/wm/icons/list_alt.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_note_stack {content: url(/vdb/themes/wm/icons/folder_copy.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_task_alt {content: url(/vdb/themes/wm/icons/task.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_full_Stacked_bar_chart {content: url(/vdb/themes/wm/icons/handshake.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_monitoring {content: url(/vdb/themes/wm/icons/bar_chart.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_insert_chart {content: url(/vdb/themes/wm/icons/stacked_bar_chart.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_paid {content: url(/vdb/themes/wm/icons/payments.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_routine {content: url(/vdb/themes/wm/icons/routine.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_frame_person {content: url(/vdb/themes/wm/icons/frame_person.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_settings_input_component {content: url(/vdb/themes/wm/icons/settings_input_component.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_circles_ext {content: url(/vdb/themes/wm/icons/circles_ext.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_article_shortcut {content: url(/vdb/themes/wm/icons/article_shortcut.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_blinds {content: url(/vdb/themes/wm/icons/blinds.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_shift_lock {content: url(/vdb/themes/wm/icons/publish.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_upload {content: url(/vdb/themes/wm/icons/upload.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_report {content: url(/vdb/themes/wm/icons/report.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_settings_account_box {content: url(/vdb/themes/wm/icons/settings_account.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_home_repair_service {content: url(/vdb/themes/wm/icons/shield_person.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_appartment {content: url(/vdb/themes/wm/icons/factory.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_store {content: url(/vdb/themes/wm/icons/store.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_contacts {content: url(/vdb/themes/wm/icons/school.svg); padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_school {content: url(/vdb/themes/wm/icons/home.svg );padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_contact_page {content: url(/vdb/themes/wm/icons/contact_page.svg);padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_school {content: url(/vdb/themes/wm/icons/school.svg);padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_diversity {content: url(/vdb/themes/wm/icons/diversity_3.svg);padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_zahlung{content: url(/vdb/themes/wm/icons/paid.svg);padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_kommunale_kennzahlen{content: url(/vdb/themes/wm/icons/paid_box.svg);padding: 0rem 0rem 0rem 0rem !important;}
.tiny-teaser-icon.icon.icon_local_libary {
	content: url(/vdb/themes/wm/icons/map.svg);
	padding:0rem 0rem 0rem 0rem !important;
}
/*	VPF-209	*/
/* delete offer */
.ui_icon_calc_delete_offer {
	background-image: url(/vdb/themes/sag/images/content/view_delete.gif) !important;
}
/* detail offer */
.ui_icon_calc_detail_offer {
	background-image: url(/vdb/themes/sag/images/content/view_detail.gif) !important;
}
/* Center checkbox */
.ui_icon_calc_center {
	margin-left: 5px;
	/*vertical-align: middle;*/
}

.calc_dialog_leftButton {
	float: right;
}

.afwgmdealdisold {
	background-color: #BDBFB9;
	font-style:italic;
}

/* background-image:url(/vdb/themes/rwe/images/navigation/date-trigger.gif) */

.btn {	
  	
  	display: inline-block;
  	position: relative;
  	margin-top: 3px; 
  	margin-bottom: 1px; 	
  	font-size: 13px;
 	height: 16px;
 	width: 30px;
}

.btn-green {	
  	
  	border: 2px solid green;
  	border-color: green;
  	display: inline-block;
  	text-align: center;
  	white-space: nowrap;
 	max-width: 100%;
  	color: #fff;
  	padding: 0;
  	background: green;  	  	
}

.btn-red {  
  
  border: 2px solid #ca0000;
  border-color: #ca0000;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  max-width: 100%;
  color: #fff;
  padding: 0;
  background: #ca0000;
  
}

.monthly_content_label {
	border: 1px solid #D56A00; /* 213, 106, 0 */
	text-align: left;
	color: #1C5284; /* 28, 82, 132 */
	font-size: 8pt;
	padding-left: 2px;
	padding-right: 5px;
}

.quarterly_content_label {
	border: 1px solid #008040; /* 0, 128, 64 */
	text-align: left;
	color: #1C5284; /* 28, 82, 132 */
	font-size: 8pt;
	padding-left: 2px;
	padding-right: 5px;
}

.yearly_content_label {
	border: 1px solid #0061C1; /* 0, 128, 64 */
	text-align: left;
	color: #1C5284; /* 28, 82, 132 */
	font-size: 8pt;
	padding-left: 2px;
	padding-right: 5px;
}

.seasonal_content_label {
	border: 1px solid #D7CD11; /* 0, 128, 64 */
	text-align: left;
	color: #1C5284; /* 28, 82, 132 */
	font-size: 8pt;
	padding-left: 2px;
	padding-right: 5px;
}

.header_content_label {
	text-align: center;
	color: #1C5284; /* 28, 82, 132 */
	font-size: 8pt;
	padding-left: 2px;
	padding-right: 5px;
	border: 1px solid #0061C1;
}

/* EON-Design */

/* Farbbalken */
.eon-de-navbar__topline {	
/* 	display: inline-block; */
	height: 5px;
}

/* Farbbalken links - T�rkis */
.eon-de-navbar__topline__left {		
	width: 70%;
	background-color: #1ea2b1;
}

/* Farbbalken mitte - gelb */
.eon-de-navbar__topline__right {
	width: 15%;
	background-color: #ea1b0a;
}

/* Farbbalken rechts - rot */
.eon-de-navbar__topline__narrow-right {
	width: 15%;
	background-color: #018290;
}
.box.grid-task-box {
    margin-right: 1%;
}
.box.pulldown {
	margin-right:1%;
}
/* Gesamter Header-Bereich */
.eon_headsection {
	height: 60px;
	padding-left: 12%;
	padding-right: 8%;
/* 	margin-bottom: 15px; */
}

/* Bereich der Navigationselemente im Header */
.eon_headtable {
	width: 100%;
	height: 100%;

}

/* Einzelne Elemente im Header */
.eon_headtd {
    vertical-align: top;
/*     display: inline-block; */
    
    text-align: center;
    vertical-align:middle;
    width: 70px;
}

/* Icons im Header */
.eon_headimg {
    width: 20px;
    height: 20px;
}

.icon-close_info:before, .global-error--wrapper .global-error--container .global-error--close:before, .component--color-picker .color-picker--container .item--color-container input:checked+label:before {
    content: '' !important;
}

/* eon-Logo */
.eonImg {
    vertical-align: middle; 
    height:40px; 
    width: 85px
}
.content_value_edit > a > img{
	padding-left:5px;
}

.content_show_detailcontent_infoblatt_export {
    background-image: url(/vdb/themes/wm/images/document-import.ico) !important;
}
/* Text unter Icons im Header justieren */
.eon_headcaption {
    display: block;
    font-size: 10px;
}

/* Footer */
.eon_footsection {
	height: 60px;
	padding-left: 12%;
	padding-right: 8%;
	margin-top: 30px;
}

.header_trenner {
    position: relative;
    font-size: 14px;
    z-index: 1;
    overflow: hidden;
    text-align: center;
    color: #018290;
    margin-bottom: 6px;
    font-weight: normal;
}
.header_trenner:before, .header_trenner:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 50%;
    height: 1px;
    content: '\a0';
    background-color: #018290;
}
.header_trenner:before {
    margin-left: -50%;
    text-align: right;
}

.gemis_laufzettel_aufgabe{
margin-bottom: 15px;
margin-top: 15px;
}

.banner {
	width: 100vw!important;
	margin-top: -30px;
}

.homework_descB {
	padding-left: 20px;
	font-weight: bolder;
}


.homework_desc {
	padding-left: 20px;
}
