@CHARSET "ISO-8859-1";

body {
	background-color: #FFF;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
}

#diwo {
	padding: 10px;
}

#diwo-navigation ul {
	list-style: none;
	padding: 0;
	margin: 10px 0;
}

#diwo-navigation ul li {
	display: block;
	float: left;
	min-width: 1em;
	width: 80px;
	padding: 5px;
	background: #4170D4;
	border-right: 1px solid #FFF;
	text-align: center;
}

#diwo-navigation ul li.highlight {
	border-right: 1px solid #4170D4;
	border-top: 1px solid #4170D4;
	background: #FFF;
}
#diwo-navigation ul li a {
	color: #FFF;
}
#diwo-navigation ul li.highlight a {
	color: #000;
}
a.tooltip {
	/*background-image: url("/public/20260105145941oe_/https://ssl.stadtentwicklung.berlin.de/DiWoInternetGUI/resources/gfx/Hilfe.gif");*/
	background-image: url("/public/20260105145941oe_/https://ssl.stadtentwicklung.berlin.de/DiWoInternetGUI/javax.faces.resource/gfx/Hilfe.gif.jsf");
	display: inline-block;
	height: 20px;
	width: 20px;
	cursor: pointer;
	text-align: right;
}
a.partTooltip {
	margin-top: -4px;
	position: relative;
	float: right;
}
div.tooltip {
	display: none;
}
ul.message {
	font-weight: bold;
	color: #990033;
	margin: 0px;
	padding: 0px;
}
.message {
	margin-top: 15px;
	font-weight: bold;
}
ul.message li {
	list-style: none;
}
table.diwo {
	border-collapse: collapse;
	margin: 20px 0px;
}
table.diwo th {
	color: #fff;
	padding: 5px;
	text-align: left;
	vertical-align: top;
	background: #990033;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
table.diwo th.simple {
	color: #000;
	background: none;
	border-bottom: 1px solid #990033;
}
table.diwo tfoot tr.noborder-bottom td, table.diwo tfoot tr td.noborder-bottom,
	table.diwo tr.noborder-bottom td {
	border-bottom: 0px none;
}
table.diwo td, th {
	padding: 10px;
}
table.diwo td.border-color {
	border-bottom: 1px solid #990033;
}
table.diwo tfoot td {
	font-weight: bold;
	border-bottom: 1px solid #990033;
	background-color: #fff;
	color: #000;
}
fieldset {
	/*background: url("/public/20260105145941oe_/https://ssl.stadtentwicklung.berlin.de/DiWoInternetGUI/resources/gfx/Verlauf.PNG");*/
	background: url("/public/20260105145941oe_/https://ssl.stadtentwicklung.berlin.de/DiWoInternetGUI/javax.faces.resource/gfx/Verlauf.png.jsf");
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 20px 0px;
}
legend {
	display: block;
	width: 500px;
	font-weight: bold;
	color: #fff;
	padding: 5px 0px;
	text-align: left;
	text-indent: 10px;
	vertical-align: top;
	/*background: #990033;*/
	/*background-image: url("/public/20260105145941oe_/https://ssl.stadtentwicklung.berlin.de/DiWoInternetGUI/resources/gfx/fieldsetLegend.png");*/
	background-image: url("/public/20260105145941oe_/https://ssl.stadtentwicklung.berlin.de/DiWoInternetGUI/javax.faces.resource/gfx/fieldsetLegend.png.jsf");
	background-repeat: no-repeat;
	background-position: center;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
fieldset legend form {
	display: inline;
}
fieldset legend input[type="image"], fieldset legend img {
	margin-left: 15px;
	height: 10px;
	position: relative;
	left: 430px;
}
fieldset.enabled legend {
	cursor: pointer;
}
fieldset.disabled legend {
	/*background-image: url("/public/20260105145941oe_/https://ssl.stadtentwicklung.berlin.de/DiWoInternetGUI/resources/gfx/fieldsetLegend_inactive.png");*/
	background-image: url("/public/20260105145941oe_/https://ssl.stadtentwicklung.berlin.de/DiWoInternetGUI/javax.faces.resource/gfx/fieldsetLegend_inactive.png.jsf");
	color: #666;
}
fieldset.active legend:hover {
	/*background-image: url("/public/20260105145941oe_/https://ssl.stadtentwicklung.berlin.de/DiWoInternetGUI/resources/gfx/fieldsetLegend_hover.png");*/
	background-image: url("/public/20260105145941oe_/https://ssl.stadtentwicklung.berlin.de/DiWoInternetGUI/javax.faces.resource/gfx/fieldsetLegend_hover.png.jsf");
}
table.diwo td.bold {
	font-weight: bold;
}
table.diwo td.right {
	text-align: right;
}
table.diwo td {
	border-bottom: 1px solid #bbb;
}
table.diwo tr {
	border-top-width: 10px;
	border-bottom-width: 10px;
}
table.diwo tbody tr td.eingerueckt {
	padding-left: 30px
}
table.diwo tr.noborder-top {
	border-top-width: 0px;
}
table.diwo tr.noborder-top-bottom {
	border-top-width: 0px;
	border-bottom-width: 0px;
}
table.diwo tr.error td {
	border-top-color: #8C2321;
	border-right: 1px solid #FFF;
	border-bottom-color: #CC3330;
	border-left: 1px solid #FFF;
	background-color: #FEC5CA;
}
table.diwo tr.section {
	padding-top: 15px;
}
table.diwo tr.section td {
	background-color: #DEE8F9;
	font-weight: bold;
	text-transform: uppercase;
	font-style: italic;
	line-height: 1;
	padding: 5px;
}
div.section {
	background-color: #DEE8F9;
	font-weight: bold;
	text-transform: uppercase;
	font-style: italic;
	line-height: 1;
	padding: 5px;
	border-bottom: 1px solid #BBBBBB;
	border-top: 1px solid #BBBBBB;
}
table.diwo td.icon {
	padding: 5px;
	vertical-align: middle;
}
table td.disable-bl {
	width: 140 px;
	/*white-space:nowrap;*/
}
table.diwo td.icon input[type=image], table.diwo td.icon img {
	height: 15px;
}
.error, table.error tr {
	border-top-color: #8C2321;
	border-right-color: #8C2321;
	border-bottom-color: #CC3330;
	border-left-color: #CC3330;
}
ul.ui-state-error {
	padding: 15px 15px 15px 60px;
	background-image: url("/public/20260105145941oe_/https://ssl.stadtentwicklung.berlin.de/DiWoInternetGUI/javax.faces.resource/gfx/alert.gif.jsf");
	background-repeat: no-repeat;
	background-position: 15px 15px;
}
ul.ui-state-error li.info {
	list-style-type: none;
	margin-left: -15px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #000;
}
table.diwo table tr td, table.diwo tr.error table tr td {
	border-style: none;
	border-left-style: none;
	border-right-style: none;
	padding: 0px;
	position: relative;
	display: block;
}
.nodisplay {
	display: none;
}
form input[type="submit"], form input[type="button"] {
	margin: 0 10px;
	background-color: #DEE8F9;
	padding: 3px 1px;
	border-color: #000;
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
}
table.diwo tfoot tr td.showBorder-Bottom {
	padding: 0px 10px 0px 10px;
}
table.diwo tfoot tr.showBorder-top {
	border-top: 1px solid #990033;
}
table.diwo tbody tr td.text-top {
	vertical-align: top;
}
table.diwo tfoot tr td p.line-bottom {
	border-bottom: 1px solid #BBB;
	padding: 0px 0px 10px 0px;
	margin-top: 0px;
	width: 100%;
}
.fontSize {
	font-size: 1em;
}
table.diwo td.pass {
	width: 140px;
}
table.diwo tfoot td.einkommenFooter {
	border: none;
}
#loadingScreen {
	background: url("/public/20260105145941oe_/https://ssl.stadtentwicklung.berlin.de/DiWoInternetGUI/javax.faces.resource/gfx/ajax-loader.gif.jsf") no-repeat 5px 8px;
	padding-left: 25px;
}

/* hide the close x on the loading screen */
.loadingScreenWindow .ui-dialog-titlebar-close {
	display: none;
}
.einkommenWidth {
	letter-spacing: -1px;
}
.einruecken {
	margin-left: 20px;
}
.buttonOutForm {
	margin: 0 10px;
	background-color: #DEE8F9;
	padding: 3px 1px;
	border-color: #000;
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
}
.textRight {
	text-align: right;
}
.noneDisplay {
	display: none;
}
#printPageDiv {
	display: none;
}
table.diwo td.noPadding-left {
	padding-left: 0px;
}

/*Umbau fuer Responsive Tabelle*/
.divTable{
	display: table;
	width: 100%;
	border-bottom: 1px solid grey;
}

.divTableHeader{
	display: table-header-group;
}

.divTableRow{
	display: table-row;
}

.divTableCell{
	display: table-cell;
    padding: 5px 15px 5px 0px;
}



.divTableHeader .divTableCell {
	border-bottom: 1px solid #990033;
}
	
@media only screen and (min-width: 1000px) {
	.divTableCell .label{
		display:none;
	}
}


@media only screen and (max-width: 1000px) {
  /*Umbau fuer Responsive Tabelle*/
	.divTable{
		display: block;
	}
	
	.divTableHeader{
		display: none;
	}

	.divTableRow{
		display: block;
		border-bottom: 1px solid grey;
	}
	
	.divTableCell{
		display: flex;
	}
	
	.divTableCell .label{
		margin-right: 10px;
	}
	
}