html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, 
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

body, html {
  height: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-variant: normal;
  line-height:1;
}

a {	text-decoration: none; }
a:hover { color:#ccc; }
a.uline:hover { color:inherit; text-decoration:underline; }

p { font-size: .8em; line-height:1.2em; }

table {
  width:100%;   
  font-size:0.8em;
  border:none;
}

table::-webkit-scrollbar {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 14px;
  height: 14px;
}
/*EU COOKIERICHTLINIE START*/
#cookierichtlinie {
	width: 100%;
	background: #5b5b5b;
	color:white;
	text-align: center;
	padding: 16px 0 16px 0;
	top: 0px;
	position: fixed;
	z-index: 1;
	height: auto;
	font-size: 16px;
	z-index:99999;
}
#cookierichtlinie a {
	text-decoration: underline;
	font-style: italic;
	color: white;
}
table::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 3px solid #fff;
  background-color: rgba(0, 0, 0, .3);
}

table th {
  background-color: #ccc;
  color: #000;
  padding: 4px;
  font-size:12px;
  vertical-align:middle;
}

table th a,
table th a {
	color: white;
	text-decoration: underline;
}

table td {
  border: none;
  color: #000;
  padding: 0px;
  vertical-align: middle;
  line-height:1.6em;
}

table tr:nth-child(odd) {
	background:#c4ccb4;
}

table tr:nth-child(even) {
	background:#c4ccb4;
}

table.td-noborder td {
	border: none;
}

table tr:hover { background-color: #e7e7e7; }
table tr:hover table { background: white;}

table.td_vamiddle td {
	vertical-align: middle;
}

#logo {
  position: relative;
  width:150px;
  color:#fff;
  line-height:1.2em;
  padding:0px 0px 2px 10px;
}

#logo { background-color: #004CA8; }
#logo:before { content:"JOKLA GmbH"; }

/* Individual logos */
#logo.advangard:before { content:"Advangard";  }
#logo.advangard { background-color: #800000; }

#logo.mvs:before { content:"Mieter Verwaltung";  }
#logo.mvs { background-color: #A10494; }

#logo.teledb:before { content:"Teledatenbank"; }
#logo.teledb { background-color: #800000; }

#logo.pv03:before { content:"Verwaltung"; }
#logo.pv03 { background-color: #6AB06A; }

#logo.kfi:before { content:"K-Frey Immobilien"; }
#logo.kfi { background-color: #FF8000; }

#logo.zep:before { content:"ZEP"; }
#logo.zep { background-color: #D58207; }

#logo.ztk03:before { content:"ZTK-JK-F"; }
#logo.ztk03 { background-color: #800000; }

#logo.mdb03:before { content:"Meldedatenbank"; }
#logo.mdb03 { background-color: #800000; }

/* Logout button */
#tmlogout, #tmlogoutml, #tmlogoutml1 {
	background:none!important;
	color:inherit;
	border:none; 
	padding:0!important;
	font-weight: bold;
	border:none; 
	cursor: pointer;
	display: inline;
}

/* font format start */
.bold { font-weight: bold; }
.fs12 {	font-size: 1.2em; }
.fs1 {	font-size: 1em; }
.fs08 {	font-size: 0.8em; }
.fs06 {	font-size: 0.6em; }
.line-h12 { line-height:1.2em; }
.line-h15 { line-height:1.5em; }
/* font format end */

/* padding, margin, width, height start */
.w50px { width:50px; }
.w100px { width:100px; }
.w120px { width:120px; }
.w130px { width:130px; }
.w150px { width:150px; }
.w200px { width:200px; }
.padding1px { padding: 1px; }
.padding2px { padding: 2px; }
.padding5px { padding: 5px; }
.padding10px { padding: 10px; }
.padding1_5p { padding: 1.5%; }
.mtop10px { margin-top: 10px; }
.mbottom10px { margin-bottom: 10px; }
.ptop5px { padding-top: 5px; }
.pbottom5px { padding-bottom: 5px; }
.m5px { margin: 5px; }
.mtop5px { margin-top: 5px; }
.mbottom5px { margin-bottom: 5px; }
.mlr2_5p { margin-left: 2.5%; margin-right: 2.5%; }
.plr10 { padding:0px 10px 0 10px; }
.w10p { width: 10%; }
.w15p { width: 15%; }
.w20p { width: 20%; }
.w25p { width: 25%; }
.w23p { width: 23%; }
.w30p { width: 30%; }
.w50p { width: 50%; }
.w60p { width: 60%; }
.w80p { width: 80%; }
.w90p { width: 90%; }
.w95p { width: 95%; }
.w97p { width: 97%; }
.w100p { width: 100%; }
.min-w100px { min-width: 100px; }
.min-w300px { min-width: 300px; }
.max-w300px { max-width: 300px; }
.max-w280px { max-width: 280px; }
.max-w260px { max-width: 260px; }
.max-w250px { max-width: 250px; }
.max-w200px { max-width: 200px; }
.max-w150px { max-width: 150px; }
.max-w500px { max-width: 500px; }
.max-w800px { max-width: 800px; }
.max-w1000px { max-width: 1000px; }
/* padding margin end */

/* colors start */
.cwhite { color: #fff; }
.cblack { color: #000; }
.cred { color: red; }
.cgreen { color: green; }
.cbrown { color: #800000; }
.cgrey { color: grey;}
.cblue { color: #004CA8;}
.cbluel { color: blue;}

a.cblue:hover { color:#333333; }
.corange { color: orange;}
/* colors end */

/* borders, outlines start */
.ored { outline: 1px solid red; }
.ogreen { outline: 1px solid green; }
.obrown { outline: 1px solid #800000; }
.olgrey { outline: 1px solid #ccc;}
.ogrey { outline: 1px solid grey;}
.oblue { outline: 1px solid #004CA8;}
.oblack { outline: 1px solid #000000;}
/* borders, outlines end */

/* floats, text-align start */
.lfloat { float:left; }
.rfloat { float:right; }
.clear_both { clear: both; }
.clear_left { clear: left; }
.t-align-c { text-align:center; }
.t-align-l { text-align:left; }
.t-align-r { text-align:right; }
/* floats end */

/* display, position start */
.d-iblock {	display:inline-block; }
.p-a { position:absolute; }
.p-r { position:relative; }
/* display, position end */

/* background colors start */
.bg_white { background-color: #fff; }
.bg_grey { background-color: #cccccc; }
.bg_grey_dark { background-color: #666666; }
.bg_blue { background-color: #004CA8; }
.teledb, table th.teledb { background-color: #800000; }
.bg_brown, .advangard, table th.advangard { background-color: #800000; }
.bg_green, .pv03, table th.pv03 { background-color: #6AB06A; }
.bg_red { background: #fbbfbf; }
.bg_light_blue { background: #bfbffb; }
.bg_light_green { background: #bffbbf; }
.bg_yellow { background: #fbfbbf; }
.bg_violett { background-color: #fde5fc; }
.no_bg, table.no_bg tr:nth-child(odd), table.no_bg tr:nth-child(even) { background: none; background-color: transparent; }
/* background colors end */


input, textarea {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

/* inputs, buttons start */
input[type="button"]:hover, input[type="submit"]:hover {
	background-color: #004CA8;
	color:#fff;
}
/* inputs, buttons end */

#wrapper {
  position: relative;
  width:100%;
  height:100%;
  padding:0px;
  margin:0px;
}

#header { width:100%; }

#atime {
 float:right;
 font-size: 0.8em;
 line-height:1.6em; 
 margin:0px 8px 0px 0px;
}

#content { width: 100%; }

footer {
  position: fixed;
  display:block;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  clear: both;
  width:100%;
  background-color: #ccc;
  font-size:0.8em;
  padding: 2px 0 2px 0;
}

/* Top navigation start */

#top_nav { 
  position:relative;
  width:100%;
  min-height:20px;
  background-color: #666666;
  margin-bottom: 10px;
}

#top_nav nav ul { 
  position:relative;
  z-index:999;
}

#top_nav nav ul { 
  position:relative;
  z-index:999;
}

#topm_right {
	color:#fff; 
	/*position:absolute;*/
	top:1px;
	padding-bottom:2px;
	right:5px;
	float:right;
	font-weight:bold;
}

#top_nav nav:after {
  content: "";
  display: table;
  clear: both;
}

.ntoggle, #top_nav [id^=dropd] { display: none; }

#top_nav nav ul {
  list-style: none;
  position: relative;
  background-color: #666666;
}

#top_nav nav ul li {
  display: inline-block;
  float: left;
}

#top_nav nav ul li ul li a { 
  border-top: 1px solid #666666;
  background-color: #004CA8;
}

#top_nav nav.nav-advangard ul li ul li a { 
  background-color: #800000;
}

#top_nav nav.nav-teledb ul li ul li a { 
  background-color: #800000;
}

#top_nav nav.nav-pv03 ul li ul li a { 
  background-color: #6AB06A;
}

#top_nav nav ul li a {
  display: block;
  padding: 0 10px 0 10px;
  color: #FFF;
  font-size: 0.8em;
  font-weight:bold;
  line-height: 1.6em;
  text-decoration: none;
  text-align: left;
  
}

#top_nav nav ul li a:hover, #top_nav nav.nav-pv03 ul li a:hover, #tmlogout:hover {
 /* background-color: #800000;*/
   color:#d6e9d6;
}

#top_nav nav.nav-advangard ul li a:hover {
 /* background-color: #800000;*/
   color:#e1d1d1;
}

#top_nav nav ul ul {
  display: none;
  position: absolute;
}

/* Pop-Up Men� */
#top_nav nav ul ul li {
  display: block;
  float: none;
}

#top_nav nav ul li:hover > ul { display: inherit; }

#prepaid_menu {
	list-style: none;
}

#prepaid_menu li {
	float: left;
	padding: 5px;
	background: #eeeeee;
	border: 2px #666666 solid;
	color: black;
	text-align: center;
	line-height: 25px;
	margin-right: 5px;
	font-size: 0.9em;
}
#prepaid_menu li a {
	display: block;
	color: black;
}
#prepaid_menu li:hover {
	border: 2px #009cff dashed;
}
#prepaid_menu li ul {
	display: none;
}
#prepaid_menu li ul li{
	padding-top: 3px;
	height: 20px;
	width: 120px;
	background: #84c6f0;
}
#prepaid_menu li ul li a {
	display: block;
	width: 100%;
}
#prepaid_menu li:hover > ul {
	display: block;
	position: absolute;
	margin: 0px 0 0 0px;
	z-index: 2;
	list-style: none;
	float: none;
	width: 100px;
}
.menu_aktiv {
	font-weight: bold;
	
}
.nodesk {
	display: none;
}
.nomob {
	display: block;
}

.tooltip {
  color:#660000; 
  position: absolute; 
  top: 0; 
  left: 0; 
  z-index: 3; 
  display: none; 
  background-color:#FFC;
  padding:5px; 
  width:300px; 
  text-decoration:none; 
  font-size:11px;
  margin-right:5px;
  border: 1px #999 solid;
}

#scroll_2top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999999;
    display: none;
}
 
#scroll_2top a {
    width: 30px;
    height: 30px;
    display: block;
    text-align: center;
    vertical-align:top;
    font-size: 25px;
    line-height:25px;
    font-weight:bold;
    color: #fff;
    background-color: #666;  
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px; 
    transition: background-color .15s;
    -moz-transition: background-color .15s;
    -webkit-transition: background-color .15s;
    -o-transition: background-color .15s;
    -ms-transition: background-color .15s;
    text-decoration: none;
}
 
#scroll_2top a:hover { color: #000; background-color: #ccc; }
.tablesorter-filter { width: 100%; }

@media all and (max-width : 1550px) {
	#rcontent { width: 85%; }
}

@media all and (max-width : 1025px) {
	#rcontent { width: 80%; }
}

@media all and (max-width : 780px) {
	#rcontent { width: 70%; }
}

@media all and (max-width : 800px) {
	#topm_right {
		position: absolute;
	}
}	

@media all and (max-width : 600px) {
	table {
		overflow-x: auto;
		display: block;
		border-collapse: collapse;
		border-spacing: 0;
		/*outline: 1px solid #bbb;*/
	}
	
	table.nocsroll {
		display: table;
		border-collapse: collapse;
		border-spacing: 0;
		border: none;
		padding: 0px;
		margin:0px;
	}
	
	#topm_right {
		position: absolute;
	}
	
	.nodesk {
		display: block;
	}
	.nomob {
		display: none;
	}
	td, th {
		 border-top: 1px solid #ddd;
		 padding: 4px 8px;
	}
	.mob_button {
		
	}
	img[src*="icons"] {
		height: 30px;
		width: 30px;
		margin-bottom: 5px;
	}
}

/* Top navigation end */


/* Alte Linke-Men� start */
.tc-pv03 ul li a:hover {
	color:#6AB06A;
	text-decoration: underline;
}

#lmenu { min-width:150px; }

.lmenu ul li { margin:4px; }

.lmenu ul li, .lmenu ul li a {
	font-size:12px;
	color:#000;
}

#content .lmenu ul li:nth-child(even) {
	padding:0px 0px 8px 0px;
	border-bottom:1px solid #000;
}

#content .lmenu ul li:nth-child(odd) {
	padding:4px 0px 0px 0px;
}

#content .lmenu ul li:last-child {
	border-bottom:none;
	padding:0px 0px 4px 0px;
}
/* Alte Linke-Men� end */