/*
@font-face{
	font-family: 'Source Sans Pro';
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	src: url('../fonts/SourceSansPro-Regular.ttf') format('truetype');
}
@font-face{
	font-family: 'Source Sans Pro';
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	src: url('../fonts/SourceSansPro-Bold.ttf') format('truetype');
}
*/

html, body {
	margin: 				0px;
	padding: 				0px;
	/*height: 				100%;*/
	width: 					100%;
	/*overflow: 				hidden;*/
	/*font: 					85% arial, helvetica, sans-serif;*/
	text-align: 			left;
/*border: 2px solid yellow;*/
}

div#theBody {
	width: 					100%;
	height: 				100%;
	background-color: 		#E6E1D9;
	/*position: 				absolute;*/
	text-align: 			center;
}

/* Allgemeine Daten z.B. Schrift-art,-farbe etc. festlegen -------------*/
#workspace {
	font-family: 			Tahoma;
	font-size: 				12px;
	font-style: 			normal;
	color:					#888888;
	margin: 				auto;
/*	width: 					85%;*/
	height: 				100%;
	/*overflow: 				hidden;*/
	text-align: 			left;
	background-color: 		#FFFFFF;
	border: 				none;
	position: 				relative;
	z-index:				1;
/*border: 2px solid red;*/
}

#contents {
	position: 				relative;
	/*margin-left:			190px;*/
	/*margin:				0 10px;*/
	height:					100%;
	/*overflow: 				hidden;*/
	text-align: 			left;
}

#lpic {
	position: 				absolute;
	padding-top: 			105px;
	height: 				100%;
	width: 					175px;
	background-color: 		transparent;
	z-index:				1;
	background-repeat: 		no-repeat;
	border-right: 			1px solid #CCCCCC;
}

.lpic_lizenverw{background-image: url(../grafiken/llizenzen.jpg);}

/* Alle Styles bez�glich Menu ---------------------------------------------*/
#mainnav {
	position: 				absolute;
	margin-top: 			105px;
	margin-left: 			0px;
	height: 				300px;
	width: 					175px;
	background-color: 		transparent;
	z-index:				222;
	background-repeat: 		no-repeat;
}

a.BgLink {
	width:					175px;
	height:					25px;
	display: 				block;
	float: 					right;
	color:					#FFFFFF;
	background-color:		transparent;
	background-image:		url(../grafiken/menu/bglink1.gif);
	background-repeat: 		no-repeat;
	text-decoration: 		none;
}

.PosiLink{margin-left: 20px; margin-top: 4px}

.divmails { margin-bottom:20px; }
.divmails input { cursor:pointer; }

a.BgLink:link    { /* Dummy f�r richtige Effekte*/ }
a.BgLink:visited { /* Dummy f�r richtige Effekte*/ }
a.BgLink:hover   { background-image:url(../grafiken/menu/bglink2.gif);}
a.BgLink:active  { background-image:url(../grafiken/menu/bglink2.gif);}
/* Styles Menu Ende ---------------------------------------------------------*/

#fleft {
	width: 					175px;
	height: 				100%;
	background-color: 		#FFFFFF;
	float: 					left;
	z-index:				3;
	border-top: 			1px solid #CCCCCC;
	border-right: 			1px solid #CCCCCC;
}

#fright {
	margin-left:			175px;
	width: 					auto;
	height: 				100%;
	background-color: 		transparent;
	z-index:				3;
	border-top: 			1px solid #CCCCCC;
	padding-left: 			110px;
	padding-top: 			3px;
}

#login {
	position: 				absolute;
	margin-left:			25px;
	margin-top:				470px;
	height: 				100px;
	width: 					130px;
	background-color: 		transparent;
	z-index:				3;
	text-align:   			left;
	float:					right;
}

#legende {
	position: 				absolute;
	margin-left:			25px;
	margin-top:				650px;
	height: 				100px;
	width: 					130px;
	background-color: 		transparent;
	z-index:				3;
	text-align:   			left;
	float:					right;
/*border:					2px solid red;*/
}

.butlogout {
	color: #FFFFFF !important;
	background: #6C0808 !important;
	border: none !important;
	padding: 3px !important;
	cursor: pointer !important;
	box-shadow: 0 0 2px rgba(0,0,0,.8) !important;
}

.a:link {
	font-family: 			Tahoma;
	font-size: 				10px;
	font-style: 			normal;
	font-weight: 			normal;
	color: 					#888888;
	text-decoration: 		none;
}

.a:visited {
	font-family: 			Tahoma;
	font-size: 				10px;
	font-style: 			normal;
	font-weight: 			normal;
	color: 					#888888;
	text-decoration: 		none;
}s

.a:hover {
	font-family: 			Tahoma;
	font-size: 				10px;
	font-style: 			normal;
	font-weight: 			normal;
	color: 					#6B0808;
	text-decoration: 		none;
}

.b:link {
	font-family: 			Tahoma;
	font-size: 				12px;
	font-style: 			normal;
	font-weight: 			normal;
	color:					#000000;
	text-decoration: 		none;
}

.b:visited {
	font-family: 			Tahoma;
	font-size: 				12px;
	font-style: 			normal;
	font-weight: 			normal;
	color: 					#888888;
	text-decoration: 		none;
}

.b:hover {
	font-family: 			Tahoma;
	font-size: 				12px;
	font-style: 			normal;
	font-weight: 			normal;
	color: 					#6B0808;
	text-decoration: 		none;
}
.txtSmall {
	font-family: 			Tahoma;
	font-size: 				9px;
	font-style: 			normal;
	font-weight: 			100;
	font-variant: 			normal;
	color: 					#888888;
	text-decoration: 		none;
}

.txtNormal {
	font-family: 			Tahoma;
	font-size: 				12px;
	font-style: 			normal;
	font-weight: 			100;
	font-variant: 			normal;
	color: 					#888888;
	text-decoration: 		none;
}

.txtNormalBold {
	font-family: 			Tahoma;
	font-size: 				12px;
	font-style: 			normal;
	font-weight: 			bold;
	font-variant: 			normal;
	color: 					#888888;
	text-decoration: 		none;
}

.txtNormalRot {
	font-family: 			Tahoma;
	font-size: 				12px;
	font-style: 			normal;
	font-weight: 			100;
	font-variant: 			normal;
	color: 					#6B0808;
	text-decoration: 		none;
}

.txtRot {
	color:					#FF0000;
	font-size: 				12px;
}

/*
h1 {
	margin-left: 			0px;
	padding-top: 			10px;
	font-family: 			Tahoma;
	font-size: 				14px;
	font-style: 			normal;
	font-weight: 			100;
	color: 					#888888;
	text-decoration: 		none;
}

h2 {
	margin-left: 			0px;
	font-family: 			Tahoma;
	font-size: 				17px;
	font-style: 			normal;
	font-weight: 			100;
	color: 					#6B0808;
	text-decoration: 		none;
}
h3 {
	margin-left: 			0px;
	font-family: 			Tahoma;
	font-size: 				17px;
	font-weight: 			100;
	color: 					white;
	text-decoration: 		none;
}
*/
#tabellentext, .wvtbl {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
	font-style:				normal;
	font-weight:			normal;
	color:					#000000;
	/*background:				#CCCCCC;*/
}


/* Tabelle --------------------------------------------------------*/
.limiter { width:100%; }

/*
table { border-spacing:1; background:white; width:100%; margin:0 auto; position:relative; }
table td, table th { padding-left:8px; padding-right:8px; }
table thead tr { height:30px; background:#712B2B; color:#ffffff; }
table tbody tr:last-child { border:0; }
table td, table th { text-align:left; }
table td.l, table th.l { text-align:left; }
table td.c, table th.c { text-align:center; }
table td.r, table th.r { text-align:right; }

.table-head th { font-family:Tahoma; font-size:12px; color:#fff; line-height:1.2; font-weight:unset; }

tbody tr:nth-child(even) { background-color:#f5f5f5; }
tbody tr { font-family:Tahoma; font-size:12px; line-height:1.2; font-weight:unset; }
tbody tr:hover { background-color:ccc; }

.column { color:#fff; text-decoration:none; }
*/


/* Tabelle fixed thead --------------------------------------------------------*/

table.entries thead.fixed {position:fixed; top:0; border-top:none; border-bottom:none; background:white; }
table.tbl_liz th, table.tbl_liz td { vertical-align:top; }

input:not([type=checkbox]):not([type=radio]), select, textarea {-webkit-appearance:auto !important; -moz-appearance:auto !important;}

/* Eingabefelder --------------------------------------------------------*/
.input  {
	margin: 				auto;
	margin-bottom: 			0px;
	margin-top: 			4px;
	/*margin-left:			5px;*/
	background-color:		#FFFFFF;
	border:					1px solid #CCCCCC;
	font-family: 			Tahoma;
	font-size: 				12px;
	font-style: 			normal;
	line-height: 			normal;
	/*color: 					#6B0808;*/
	/*text-align: 			center;*/
}

/* Anpassungen -----------------------------------------------------------*/
input.checkbox				{width:15px; height:17px;}
input.textlang				{width:130px; text-align:left;}
input.textdatum				{width:67px; text-align:left;}
input.textzeit				{width:54px; text-align:left;}
input.lang					{width:165px; text-align:left;}
input.background_s			{width:106px; text-align:left; background: #EEEEEE;}
input.background			{width:130px; text-align:left; background: #EEEEEE;}
input.betreff				{width:350px; text-align:left;}
input.ap_nr					{width:50px; text-align:left; /*font-size:11px;*/ }
input.zahl 					{width:60px; text-align:left; /*font-size:11px;*/ }
input.zahlkurz				{width:20px !important; }
input.text					{width:100px; text-align:left; /*font-size:11px;*/ }
input.textl					{width:180px; text-align:left; /*font-size:11p;*/ }

input[type=button], input[type=submit], a.button {
	border:					none;
	padding:				2px 5px !important;
	/*color:					#fff;
	background:				#1b277f;*/
	margin:					0 3px;
	cursor:					pointer;
	border-radius:			3px;
	box-shadow:				1px 1px 1px #999;
}
input[type=button]:hover, input[type=submit]:hover, a.button:hover {
	/*background:				#8a565a;
	color:					#ffffff;*/
	box-shadow:				0px 1px 2px #555555;
}

a.button { text-decoration:none; padding: 1px 6px; margin:0px; }

fieldset {
	border:					1px solid #6d758e;
}
legend {
	color:					#6d758e;
}


/* Listenfelder (Keine Vererbung m�glich?) --------------------------------*/
.liste  {
	margin: 				auto;
	margin-bottom: 			0px;
	margin-top: 			4px;
	margin-left:			5px;
	background-color:		#FFFFFF;
	border:					1px solid #CCCCCC;
	font-family: 			Tahoma;
	font-size: 				12px;
	font-style: 			normal;
	line-height: 			normal;
	color: 					#6d758e;
	text-align: 			left;
	width:					113px;
}

.nowrap { white-space:nowrap; }
.clearer { clear:both; }
.float_l { float:left; }
.float_r { float:right; }
.tc { text-align:center; }
.text_r { text-align:right; }


/*************** Colors ***************/



.mw130 { min-width:130px; }

/*  Eingabefelder    -----------------------------------*/
.line, .linelast { width:325px; clear:both; line-height:20px; }
.linelast {	margin-top:213px; }
.label { float:left; width:100px; text-align:left; padding-top:3px;	padding-right:5px; }
.labelbold { font-weight:1000; }

/*  pspServiceCenter -----------------------------------*/
.servicetitle, .servicetitle2 { font-size:16px; font-weight:bold; padding:8px; background:#6d758e; color:#fff; margin:30px 0px 20px; }
/*.servicetitle2 { background: #880000; }*/


.divabrechnung .divsteps { float:left; border:2px solid #eee; padding:10px; }
.divabrechnung .divsteps:hover { background:#eee; }
.divabrechnung .divsteps input { cursor:pointer; margin-left:5px; }

.divabrechnung .divsteps .step { float:left; margin-top:2px; margin-right:5px; font-size:14px; font-weight:bold; }

.divlizprov .divs { float:left; border:2px solid #eee; padding:10px; }
.divlizprov .divs:hover { background:#eee; }

.divlizprov #sperrdatei { margin-top:30px !important; }

.divlizprov .divs .divexport { float:right; font-size:14px; line-height:30px; background:#efefef; padding:10px; margin-left:30px; }


.divvs { padding-bottom: 30px; }
.divvs .infbtn { background-image: url(../grafiken/info_btn.png); background-repeat: no-repeat; background-size: 19px; width: 19px; height: 19px; cursor: help; display: inline-block; }

.divvs .pspoffinfo > div { display:inline-block; vertical-align: middle; }
.divvs .pspoffinfo .pspoffinfo_left { background-image: url(../grafiken/pspoffline_info.png); background-repeat: no-repeat; width: 552px; height: 477px; margin-right: 15px; }
.divvs .pspoffinfo .pspoffinfo_right > div { margin-bottom: 25px; }
.divvs .pspoffinfo .pspoffinfo_right > div > div:first-of-type, /*.divvs .divss > div:first-of-type,*/ .divvs .divss > div > div:first-of-type { font-size: 16px; background: #ced9f8; padding: 5px; }
.divvs .pspoffinfo .pspoffinfo_right > div > div:first-of-type b { color: red; }
.divvs .pspoffinfo .pspoffinfo_right > div > div:nth-child(2) { background: #e1e1e1; font-size: 12px; padding: 2px 7px; }
.divvs .pspoffinfo .pspoffinfo_right > div > div:nth-child(3) { margin-left: 10px; margin-top: 5px; }
.divvs .pspoffinfo .pspoffinfo_right > div > div:nth-child(3) b { font-size: 18px; }
.divvs .pspoffinfo .pspoffinfo_right > div > div:nth-child(3) > div { display: inline-block; }
.divvs .nmbrs{ font-size: 14px; border: 1px solid #a9a9a9; border-radius: 2px; color: #1b277f; padding: 6px; text-align: center; width: 100px; }
.divvs .rslt { background: none; font-size: 16px; border: none; color: #1b277f; padding: 6px; font-weight: bold; width: 150px; }

.divvs .divss { width: 970px; }
/*.divvs .divss > div:first-of-type { background:#1b277f; color: #fff; padding: 7px; margin-bottom: 5px; }*/
.divvs .divss > div { margin-bottom: 25px; }
.divvs .divss > div > div:nth-child(2) { margin-left: 10px; margin-top: 3px; }
.divvs .divss > div > div:nth-child(2) > div > div { display: inline-block; }


.mailform .sect { height:30px; }
.mailform .title { float:left; width:50px; line-height:20px; }
.mailform input[type=text] { width:650px; font-size:12px; }
.mailform label { cursor:pointer }

/* Kategorisieren */
.kategorie { float:left; margin-right:3px; border-radius:15px; display:flex; align-items:center; text-align:center; width:20px; height:20px; color:#ffffff; font-size:0.79rem; }
.kategorie span { margin:auto; }
.kategorie.tn { background:#EE5FB7; }
.kategorie.mw { background:#B1AAEB; }
.kategorie.jw { background:#5CA9E5; }

.co_lizenzsperre { color:#c40c23; font-weight:bold; }
.set_lizenzsperre { /*border:1px #999 solid;*/ padding:0 2px; }
.bg_lizenzsperre { background:#c40c23; color:#fff; }	/*#11AADD*/
.bg_lizenzende { background:#c6d1e3; color:#000; }
.bg_lizenzkrit { background:#F5F500; color:#000; }
.bg_lizenzcheck { background:#c40c23; color:#fff; text-decoration: line-through !important; padding:0 2px; }