/* Variablen */

:root {

  
/* Hintergründe hell */

--colbodybg: #eeeeee;
--colbody: #ffffff;
--colmodalcontbg:  #ffffff;
--colcardbg: #ffffff;	
--coltipbg: #eeeeee;
--colanibg: #ffffff; 
--coltab1bg: #66fcf2;	
 --coltab1bbg: #66fcf2;	

/* Hintergründe dunkel */
--colmenubg: #0b0c09;
--colmodalbg:  rgba(155, 182, 212, 0.8); 
--colmodalfbg:  #000000; /* Fallback color */
--colheadbg: #45a29e; 
--colcont0bg:  #0b0c09;
--colsrcopt2bg: #45a29e; 

/* Button */
--colbuttbg: #45a29e; 
--colbutt: #ffffff;
--colbutthovbg: #66fcf2;
--colbutthov: #ffffff;

--colultopnavli: #ffffff;	
--colultopnavlihbg: #66fcf2;	
--colultopnavlih: #ffffff;	
--colultopnavlic: #666666; 	
--colultopnavlicbg: #ffffff;	

--collinkhov: #66fcf2;
--collinkact: #45a29e; 
--collink: #45a29e; 	
--collinkvis: #45a29e;

/* Rahmen */
--colmodalcontbrd: #c6c6c6;
--coltipdotbrd: #c6c6c6;
--colpicbrd: #c6c6c6;  
 --colanibrd: #c6c6c6;
 --colctlinpbrd:  #c6c6c6;   
 --coltabbrd: #666666;

/* Texte dunkel */
--coltab1: #000000;
--coltab2: #636567;
--colani: #45a29e; 
--colcard: #636567;
--colinftxt: #636567;		
--colinfotext: #66fcf2;
--colhilab: #66fcf2;
--colsrcopt1: #636567; 
--colctl: #636567;
--colx3: #636567;
--colnr:  #636567;
--coltip: #636567;
--coltabinffkt1: #636567;
--colstars: #ffd700;
--colmaxval: #DF007F;
--colnormval: #9bb6d4;
--coltabcol2: #9bb6d4;
--colr: #ff0000;
--cols: #000000;
--colx1: #45a29e;
--colxv: #45a29e;
--colxk: #000000;
--colx2: #9bb6d4;
--colcl: #9bb6d4; 
--coltabcol1: #000000;
--colsrcopt3: #636567;

/* Texte hell */
--colmenu: #ffffff;
--colhead: #ffffff;
--colcont0: #ffffff;
--colani12: #ffffff; 
--colsrcopt2: #ffffff; 
--coltab02: #ffffff;
--coltab01: #66fcf2;
--colhival: #ffffff; 
--colfil0: #66fcf2;
 
}



/* Klein (Mobile): bis zu 640px Breite (z.B. 360x640, 375x667) */
body {
	MARGIN-TOP: 0px;
	background-color: var(--colbodybg);
	MARGIN-BOTTOM: 0px;
	margin-left: 0px;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 12px;
	color: var(--colbody);
	height: 100%; /* Full height */
}

.luimain {	
	width: 398px;
	height: 1500px;
	margin-left: auto;
	margin-right: auto;
	BACKGROUND-COLOR: transparent;	
}

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 150px; /* Location of the box */
  left: 0px;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: var(--colmodalfbg);
  background-color: var(--colmodalbg);    
}

/* Modal Content */
.modalframe {
	background-color: transparent;
	margin: auto;
	width: 400px;  
}

.modalcontent {
	background-color: var(--colmodalcontbg);
	margin: 0px;
	padding: 1px;
	border: 1px solid var(--colmodalcontbrd);
	width: 390px; 
	height: 520px; 
	-webkit-border-bottom-right-radius: 12px;
	-moz-border-radius-bottomright: 12px;
	border-bottom-right-radius: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-moz-border-radius-bottomleft: 12px;
	border-bottom-left-radius: 12px;
	-webkit-border-top-right-radius: 12px;
	-moz-border-radius-topright: 12px;
	border-top-right-radius: 12px;
	-webkit-border-top-left-radius: 12px;
	-moz-border-radius-topleft: 12px;
	border-top-left-radius: 12px;  
}


.luimenu {
	margin-left: 2px;
	margin-top: 2px;
	width: 396px;
	height: 145px;
	color: var(--colmenu); 
	background-color: var(--colmenubg);
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	border-top-left-radius: 8px;
}

.divmenu {
	background-color: transparent;
	padding-top: 2px;	
	margin-left: 1px;
	margin-right: 0px;
	width: 394px;
	height: 90px;
}

.divstars {
	float: left; 
	color: var(--colstars);
	font-size: 16px; 
	margin-top: 3px;
	height: 12px;	
	width: 60px;
}

.divstarshome {
	float: right; 	
}

.divright {
	clear: both; 
	float: left; 
	margin-top: 4px;
	width: 396px;
}

.divsubmenu {	
	margin-top: 0px;
}

.divnavsub {
	text-align: center;
	width: 395px;
	height: 48px;
	margin: 0px;
	padding: 0px 0px 0px 4px;
	font-size: 13px;
	font-weight: normal;
}

.divthema {
	height: 363px; 
	overflow: auto; 
	width: 396px;
}

.divtitle {
    background-color: transparent;
    float: left;
    font-size: 14px ;
	font-weight: bold;
    margin-top: 0px;	
}

.divtitlehome {
  width: 260px;
  overflow: hidden;
}

.divtitlecard {
  margin-left: 2px;
}

.divcz1 {
    margin: 0px 4px 0px 4px;
    background-color: transparent;    
}

.divcz2 {
   clear: both;
    margin: 0px 4px 0px 4px;
    background-color: transparent;    
}

.navibutton {
		margin-left: 0px;
		width: 92px;
		height: 40px;
}

.butt {
	background-color: var(--colbuttbg);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 0px solid;
	cursor: pointer;
	color: var(--colbutt);
	font-size: 12px;
	padding: 2px 2px 2px 2px;
	text-decoration: none;
	vertical-align: middle;
	background-position: center;
	height: 22px;
	width: 50px;
}

.butt:hover {
	background-color: var(--colbutthovbg); 
	color: var(--colbutthov); 
}

.butt:active {
	position: relative;
	top: 1px;
}

.buttbig {
	margin-top: 3px;
	margin-left: 4px;
	font-size: 14px;
	vertical-align: middle; 
	background-position: left; 
	width: 388px;	
}

.buttsia {
	width: 132px;
}
	
.buttsig {
	width: 67px;
}

.buttsit {
	width: 72px;
}

.buttfkt {
	margin-top: 5px;
}

.buttsik {
	width: 182px;
}

.buttsearch {
	width: 148px; height: 25px; 
}

.buttlife {
	font-size: 14px; 
	vertical-align: middle; 
	width: 100px; 
	margin-top: 0px;
}

.bslide {
 margin: 0px; 
 height: 30px; 
 min-height: 30px; 
 float: left;
}

.infobutt {
	background-color: var(--colbuttbg);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 0px solid;
	color: var(--colbutt); 
	font-size: 12px;
	padding: 4px 2px 2px 2px;
	text-decoration: none;
	vertical-align: middle; 
	text-align: center;
	background-position: center;
	height: 16px;
	width: 75px;
	margin: 4px 0px 0px 2px;		
}

.navipic11 {
	display: block;
	position: relative;
	margin-left: 5px;	
	float: left;	
	margin-top: 2px;
	width: 96px;
}
	
.navipic12 {
	display: block;
	position: relative;
	margin-left: 1px;	
	float: left;	
	margin-top: 2px;
	width: 96px;
}

.navipic13 {
	display: block;
	position: relative;
	margin-left: 1px;	
	float: left;	
	margin-top: 2px;
	width: 96px;
}

.navipic14 {
	display: block;
	position: relative;
	margin-left: 1px;	
	float: left;	
	margin-top: 2px;
	width: 96px;
}
	
.navipic15 {
	display: block;
	position: relative;
	margin-left: 5px;	
	float: left;	
	margin-top: 1px;
	width: 96px;
}	

.navipic16 {
	display: block;
	position: relative;
	margin-left: 1px;	
	float: left;	
	margin-top: 1px;
	width: 96px;
}	
	
.navipic17 {
	display: block;
	position: relative;
	margin-left: 1px;	
	float: left;	
	margin-top: 1px;
	width: 96px;
}	
	
.navipic18 {
	display: block;
	position: relative;
	margin-left: 1px;	
	float: left;	
	margin-top: 1px;
	width: 96px;
}	

.navipic21 {
	display: none;	
	/*position: relative;*/
	margin-left: 3px;	
	float: left;	
	margin-top: 2px;
	width: 94px;
}
	
.navipic22 {
	display: none;	
	margin-left: 1px;	
	float: left;	
	margin-top: 2px;
	width: 94px;
}

.navipic23 {
	display: none;	
	margin-left: 1px;	
	float: left;	
	margin-top: 2px;
	width: 94px;
}
	
.navipic24 {
	display: none;	
	margin-left: 1px;	
	float: left;	
	margin-top: 2px;
	width: 94px;	
}	

.navipic25 {
	display: none;
	position: relative;
	margin-left: 1px;	
	float: left;	
	margin-top: 2px;
	width: 94px;	
}	

.navipic26 {
	display: none;
	position: relative;
	margin-left: 1px;	
	float: left;	
	margin-top: 2px;
	width: 94px;	
}	

.navipic27 {
	display: none;
	position: relative;
	margin-left: 1px;	
	float: left;	
	margin-top: 2px;
	width: 94px;	
}	

.navipic28 {
	display: none;
	position: relative;
	margin-left: 1px;	
	float: left;	
	margin-top: 2px;
	width: 94px;	
}	

.navipic31 {
	display: none;
	position: relative;
	margin-left: 6px;	
	float: left;	
	margin-top: 2px;
	width: 120px;
}
	
.navipic32 {
	display: none;
	position: relative;
	margin-left: 6px;	
	float: left;	
	margin-top: 2px;
	width: 120px;
}
	
.navipic33 {
	display: none;
	position: relative;
	margin-left: 6px;	
	float: left;	
	margin-top: 2px;
	width: 120px;
}

.navipic34 {
	display: none;
	position: relative;
	margin-left: 6px;	
	float: left;	
	margin-top: 2px;
	width: 120px;
}

.navipic35 {
	display: none;
	position: relative;
	margin-left: 6px;	
	float: left;	
	margin-top: 2px;
	width: 120px;
}	

.navipic36 {
	display: none;
	position: relative;
	margin-left: 6px;	
	float: left;	
	margin-top: 2px;
	width: 120px;
}	

.navipic37 {
	display: none;
	position: relative;
	margin-left: 6px;	
	float: left;	
	margin-top: 2px;
	width: 120px;
}	

.navipic38 {
	display: none;
	position: relative;
	margin-left: 6px;	
	float: left;	
	margin-top: 2px;
	width: 120px;
}	

.divall {
    background-color: transparent;
   /* overflow-y:auto;*/ 
	overflow-y: auto;
	overflow-x: hidden;
    height: 915px;
    float: left;
    width: 396px;
	margin-top: 0px;
}

.divallmainright {
		height: 780px;
		width: 398px;
		overflow-y: hidden;
}

.divallmainright1 {
	height: 650px;
	width: 398px;	
}

.divallfkt {
	height: 910px;		
	background-color: transparent;
    overflow-y:auto;    
    float: left;    
	margin-top: 4px;
}

ul { list-style: none;
    margin: 0;
    padding: 0; 
} 

li { 
	display: block 
}

ul.topnav {
	font-size: 14px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 2px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width: auto;
}

ul.topnav li {
	padding: 1px 3px 0px 0px;
	width: 124px;
	float: left;
	position: relative;
	list-style: none;
	color: var(--colultopnavli);
}

ul.topnav li a {
	text-decoration: none;
	display: block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: var(--colultopnavli);
}

ul.topnav li a span {
	margin: 2px 0px 0px 0px;
	text-decoration: none;
	display: block;
	padding: 1px 2px 2px 2px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

/*topnav*/
ul.topnav li a:hover {
	background:  var(--colultopnavlihbg);
	color: var(--colultopnavlih); 
}

ul.topnav li a.current {
	background: var(--colultopnavlicbg);
	color: var(--colultopnavlic); 
}

.roundcorner {	
	margin-left: 0px;
	width: 386px;
	height: 270px;
	border: 2px solid var(--colpicbrd);
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.roundcorner0 {		
	margin-left: auto;
	margin-right: auto;
	width: 300px;
	height: 200px;
	border: 2px solid var(--colpicbrd);
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.roundcornerf {	
	margin-left: 90px;
	width: 190px;
	height: 140px;
	border: 2px solid var(--colpicbrd);
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.roundcornerg {	
	margin-left: 5px;
	width: 387px;
	height: 140px;
	border: 2px solid var(--colpicbrd);
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.roundcornerh {		
	float: left;
	margin-left: 2px;
	width: 190px;
	height: 160px;
	border: 2px solid var(--colpicbrd);   
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}


.roundcornert {		
	margin-left: auto;
	margin-right: auto;
	width: 260px;
	height: 218px;
	border: 2px solid var(--colpicbrd);
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.flags {
	float : right;
	margin-right: 4px;
}

.homeinfo1 {
	margin-top: 10px;
	line-height: 1.5;
	float: right;
	width: 130px;
	height: 40px;
	font-size: 14px;
}
.homeinfo2 {
	margin-top: 10px;
	line-height: 1.5;
	width: 130px;
	height: 40px;
	font-size: 14px;
	float: left;	
}

.homeinfo3 {
	margin-top: 10px;
	line-height: 1.5;
	float: left;
	width: 395x;
	height: 30px;
	font-size: 14px;
}

.homeinfo4 {
	margin-top: 15px;
	line-height: 1.5;
	width: 130px;
	height: 40px;
	font-size: 14px;
	float: left;	
} 
.hilabel {
	color: var(--colhilab);
}

.hivalue {
	color: var(--colhival);
}

.piktogramm {
	float: left; 
	width: 22px; 
	height: 22px; 
	background-color: transparent; 
	margin-left: 2px;
}

.pikt {
	width: 22px; 
	height: 22px; 
}

.lifecontent {
	width: 370px;
	height: 800px;
	overflow: auto;
}

.lifecontent2 {
	width: 390px;
	height: 800px;
	overflow: auto;
}

.objleft {
	float: left;
	width: 398px;
}

.objright {
	float: left;
	width: 398px;
}

.singleobject {
	margin-left: auto;
	margin-right: auto;
	width: 398px;
}

.obj11 {
float: left; width: 55px; height: 24px;
}
.obj12 {
	float: left; width: 310px; height: 24px;
}
.obj13 {
	 float: left; width: 25px; height: 24px;
}
.obj21 {
	 float: left; width: 390px; height: 320px;
}
.obj31 {
 float: left; display: block; width: 95px; height: 30px;	
}
.obj32 {
	 float: left; width: 132px; height: 30px;
}
.obj33 {
	 float: left; display: block; width: 54px; height: 30px;
}
.obj34 {
	 float: left; width: 54px; height: 30px;
}
.obj35 {
	 float: left; width: 54px; height: 30px;
}
.obj36 {
	  float: left; display: block; width: 85px; height: 30px;
}
.obj37 {
 float: left; width: 110px; height: 30px;
}
.obja1 {
 float: left; width: 390px; height: 16px; margin-top: 0px;
}
.obj41 {
	 float: left; width: 290px; height: 22px; 
}
.obj42 {
	 float: left; width: 100px; height: 22px;
}
.obj51 {
	 float: left; display: block; width: 390px; height: 40px; 
}
.obj61 {
	 float: left; width: 390px; height: 64px; overflow: auto;
}
.obj71 {
	 float: left; width: 140px; height: 26px; padding-top: 4px; margin-top: 0px;
}
.obj72 {
	 float: left; width: 70px; height: 30px; margin-top: 0px;
}
.obj73 {
	 float: left; width: 50px; height: 30px; margin-top: 0px;
}
.obj74 {
	 float: left; width: 130px; height: 30px; margin-top: 0px;
}

.tooltip1 {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black;
	FONT-SIZE: 14px;	
}
  
.tooltip1 .tooltiptext {
	visibility: hidden;
	width: 200px;
	background-color: var(--coltipbg);
	color: var(--coltip);
	text-align: left;
	border-radius: 4px;
	padding: 5px 5px;
	FONT-SIZE: 14px;		
  	position: absolute;
	z-index: 1;
	bottom: 100%;
  	left: 5%;
}
  
.tooltip1:hover .tooltiptext {
	visibility: visible;
}

.tooltip2 {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted var(--coltipdotbrd);
	FONT-SIZE: 14px;	
}
    
.tooltip2 .tooltiptext {
	visibility: hidden;
	width: 200px;
	background-color: var(--coltipbg);
	color: var(--coltip);
	text-align: left;
	border-radius: 4px;
	padding: 5px 5px;
	FONT-SIZE: 14px;		
	position: absolute;
	z-index: 1;
	top: 20px;
  	left: -35px;
}
  
.tooltip2:hover .tooltiptext {
	visibility: visible;
}

.tooltip3 {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted var(--coltipdotbrd);
	FONT-SIZE: 14px;	
}

.tooltip3 .tooltiptext {
	visibility: hidden;
	width: 200px;
	background-color: var(--coltipbg);
	color:  var(--coltip);
	text-align: left;
	border-radius: 4px;
	padding: 5px 5px;
	FONT-SIZE: 14px;	
	position: absolute;
	z-index: 1;
	top: 20px;
	left: -130px;
}

.tooltip3:hover .tooltiptext {
	visibility: visible;
}

.card {
	overflow:hidden;
	font-size: 12px;
	color: var(--colcard);	
	margin: 2px 2px 0px 0px;
	width: 396px;		
	background-color: var(--colcardbg);
	border: 0px solid;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	border-top-left-radius: 8px;
}

.cardtop {
	margin: 0px 0px 0px 0px;
}

.cardhome {
	min-height: 34px;
}

.cardrightfkt {
	height: 350px;
	margin: 6px 4px 0px 0px;
	min-height: 170px;
	width: 396px;
	padding: 2px 2px 2px 0px;
	background-color: transparent;
}	

.cardright1 {		
	min-height: 170px;
	width: 396px;
	padding: 2px 2px 2px 0px;
	height: 325px;
	background-color: transparent;
}

.cardright0 {	
	margin: 6px 4px 0px 0px;
	min-height: 170px;
	width: 396px;
	padding: 2px 2px 2px 0px;
	height: 520px;
	background-color: transparent;
}

.cardrightmain {	
	min-height: 170px;
	height: 360px;  /*742*/
}

.cardfkt {
	width: 396px;
	height: 900px;
	margin-top: 4px;
}

.cardleft {
	min-height: 54px;
}

.cardlefty {
	min-height: 44px;
}

.cardfield {
	background-color: transparent; float: left; overflow: hidden; white-space: nowrap; 
}

.cardfield11 {
	width: 20px; height: 20px; 
}

.cardfield12 {
	width: 265px; height: 20px;
}

.cardfield13 {
	width: 60px; height: 20px;
}

.cardfield14 {
	width: 45px; height: 20px;
}

.cardfield21 {
	display: block; width: 20px; height: 18px;
}

.cardfield22 {
	width: 265px; height: 18px;
}

.cardfield23 {
	width: 25px; height: 18px;
}

.cardfield24 {
	width: 75px; height: 18px; padding-top: 0px; font-size: 12px;
}

.cardfield31 {
	display: block; width: 20px; height: 18px;
}

.cardfield32 {
	width: 275px; height: 18px;
}

.cardfield33 {
	width: 95px; height: 18px;
}

.cardfield41 {
	width: 20px; height: 18px; 
}

.cardfield42 {
	width: 315px; height: 18px;
}

.cardfield43 {
	width: 50px; height: 18px;
}

.cardfield51 {
	display: block; width: 20px; height: 18px;
}

.cardfield52 {
	width: 365px; height: 20px;
}

.cardfield111 {
	width: 130px; height: 18px;
}

.cardfield112 {
	width: 130px; height: 18px;
}

.cardfield113 {
	width: 130px; height: 18px; 
}

.cardfield121 {
	width: 130px; height: 18px; 
}

.cardfield122 {
	width: 130px; height: 18px; 
}

.cardfield123 {
	width: 130px; height: 18px; 
}

.cardfield131 {
	width: 130px; height: 18px;
}

.cardfield132 {
	width: 130px; height: 18px; 
}

.cardfield133 {
	width: 130px; height: 18px; 
}

.colorNormal {
  color: var(--colnormval);
}

.colorMax {
  color: var(--colmaxval);
}

.pinfotext {
	width: 350px;
	font-weight: none;
	margin-left: auto;
	margin-right: auto;
	margin-top: 6px;
	font-size: 14px;
	color: var(--colinfotext);
	text-align: center;
}

.pinfotextleft {
	color: var(--colhead);
}

.pinfotextsmall {
	font-size: 12px;
	COLOR: var(--colhead);
}

.perrorinfo {	
	font-weight: none;
	margin-left: auto;
	margin-right: auto;
	margin-top: 6px;
	font-size: 14px;
	COLOR: #ff0000;	
	text-align: center;	
}

.cardicon {
 	float: left;
	margin-top: 0px;
	margin-left: 1px;
    width: 20px;
    height: 20px;
    overflow: hidden;
}

.cardicon img {
	width: 100%;
	object-fit: cover;
}
	
.icon {
    float: left;
	margin-top: 2px;
    width: 16px;
    height: 18px;
    overflow: hidden;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}

.icon img {
	width: 100%;
	object-fit: cover;
}

.icon2 {
	float: left;
	margin-top: 2px;
	width: 25px;
	height: 14px;	
}

.divcontent0 {
	margin-top: 6px;
	margin-left: 1px;
	position: absolute;
	float: left;
	width: 396px;
	height: 1300px;
	color: var(--colcont0);
	background-color: var(--colcont0bg);
	-webkit-border-bottom-right-radius: 12px;
	-moz-border-radius-bottomright: 12px;
	border-bottom-right-radius: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-moz-border-radius-bottomleft: 12px;
	border-bottom-left-radius: 12px;
	-webkit-border-top-left-radius: 12px;
	-moz-border-radius-topleft: 12px;
	border-top-left-radius: 12px;
	-webkit-border-top-right-radius: 12px;
	-moz-border-radius-topright: 12px;
	border-top-right-radius: 12px;
	padding-top: 2px;
}

.divindex-high {
		height: 800px;
		overflow-y: hidden;	
}

.divcontentleft {
	overflow: hidden;
	height: 1000px;
	margin-top: 0px;
	margin-left: 0px;	
	width: 396px;
	border: 0px solid
}

.divcontent-status {
	margin: 2px 10px 0px 0px;
}

.divcontent-status-left {
	width: 396px;	
}

.divcontent-status-fkt {
	width: 520px;	
}

.divinfo {
	position: center;
	margin: 0px 5px 0px 10px;
	font-size: 14px;
	COLOR: --var(--colinftxt);
	TOP: 0px;
}

.divinfo span {
	COLOR: var(--colani);
}

.headline {
	margin: 4px 0px 4px 0px;
	padding-top: 2px;
	width: 396px;
	height: 30px;
	color: var(--colhead);
	background-color: var(--colheadbg);
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
}

.divnrbutt {
    background-color: transparent;
    float: right;
    font-size: 14px;
	margin-top: 2px;
	margin-right: 10px;
}

.divnr {
    background-color: transparent;
    float: left;
    margin-right: 2px;
	color: var(--colnr);  
	margin-top: 3px;
    font: 12px arial;	
}

.divnrort {
    background-color: transparent;
    float: left;
    margin-left: 1px;
	margin-top: 2px;
    font-size: 12px;
}

.divnrland {
    background-color: transparent;
    float: right;
	margin-right: 12px;
    font-size: 12px;
}

.divnrdate {
    background-color: transparent;
    float: left;
	margin-top: 2px;
    font-size: 12px;
}

.divnry {
    background-color: transparent;
    float: left;
    margin-left: 0px;
	margin-top: 1px;
    font: 12px;
	width: 130px;
}

.divnrylabel {
	float: left; 
	font-size: 12px; 
	width: 75px;	
	 margin-left: 2px;
}

.divnryvalue {
	float: right; 
	font-size: 12px; 
	width: 53px; 
	text-align: right;	
}

.divnrylabelright {
	width: 75px;	
	float: left; 
	font-size: 12px; 		
	margin-left: 2px;
}

.divnryvalueright {
	width: 43px;
	float: left;
	font-size: 12px; 
	text-align: right;
}

.divnrylabelleft {
	width: 75px;	
	float: left; 
	font-size: 12px; 		
	margin-left: 2px;
}

.divnryvalueleft {
	width: 53px;
	float: left; 
	font-size: 12px; 	
	text-align: right;
}

.divort {
    background-color: transparent;
    float: left;
    margin-left: 20px;
    font: 12px arial;
}

.divland {
    background-color: transparent;
    float: right;
    font-size: 12px;
}

.divranking {
    background-color: transparent;
    float: right;
    font-size: 12px;
	margin-right: 12px;
	margin-top: 2px;
	color: var(--colmaxval);
}

.divflag {
	 float: left;
}

.divkommentar {
    clear: both;   
    margin: 0px 4px 0px 20px;
    background-color: transparent;
    width: 260px;
    font-size: 10px;
    float: left;
    text-align: left;
}

.divkommentar2 {
    margin: 2px 4px 0px 0px;
    background-color: transparent;
    min-width: 300px;
    font-size: 11px;
    float: left;
    text-align: left;
}

.divkommentar3 {
    margin: 2px 4px 0px 0px;
    background-color: transparent;
    width: 280px;
    font-size: 11px;
    float: left;
    text-align: left;
}

a {
	TEXT-DECORATION: none;
}

a:hover {
	COLOR: red;	
}

a.nouls {
	FONT-SIZE: 13px;
	 color: var(--collink);	
}

a.nouls:visited {
	FONT-SIZE: 13px;
	 color: var(--collinkvis);
}

a.nouls:link {
	FONT-SIZE: 13px;
	  color: var(--collink);
}

a.nouls:active {
	FONT-SIZE: 13px;
	color: var(--collinkact);
}

a.nouls:hover {
	FONT-SIZE: 13px;
	 color: var(--collinkhov);
}

.kbutton {	
	margin: 1px 2px 2px 0px;
	padding: 0px 0px 0px 0px;
	cursor: pointer;
	background-color: var(--colbuttbg);
	color:  var(--colbutt);
	border: 0px solid;
    border-radius: 4px;
    font-weight: lighter;
	FONT-SIZE: 10px;
	height: 14px;
	width: 32px;
	float: left;
}

.kbutton button {  	
   border-radius: 4px;
   font-weight: lighter;
 }

 .kbutton:hover {
   background-color: var(--colbutthovbg);
   color: var(--colbutthov);
 }


.buttontop {
	vertical-align: middle; 
	background-position: center;
	width: 60px;
	height: 20px;
	margin: 0px 0px 3px 0px;
}

table {
	border-collapse: collapse;	
	table-layout: fixed;
}

th, td {
	/* border: 1px solid black;*/	
	white-space: wrap;
	vertical-align: middle;
}

table.tabi {
		line-height: 1.5;
		width: 396px;
}

table.tabi td.col1, table th.col1 {
	width: 190px;	
}

table.tabi td.col2, table th.col2 {
	width: 200px;
}

table.tabl {
	table-layout: fixed;
	margin: 20px 0px 0px 0px;
	width: 396px;
	line-height: 1.2;
	height: 12px;
	border-collapse: collapse;
	table-layout: fixed;
}

table.tabl td.col, th.col {
	width: 396px;
	vertical-align: bottom;
	white-space: wrap;
	word-wrap: break-word;
}

table.tabl td, th {
	width: 396px;
	vertical-align: bottom;
	white-space: wrap;
	word-wrap: break-word;
}

table.tabh {
	table-layout: auto;	
	margin: 0px 0px 0px 0px;	
}

table.tabh td.col1, table th.col1 {
	width: 55px;	
}

table.tabh td.col2, table th.col2 {
	width: 340px;	
}

table.tabh td.col3, table th.col3 {
	width: 20px;	
}

.divtab0 {
	float: right; 
	margin: 2px 4px 0px 2px; 
	width: 180px;	
}

table.tab0 {
	table-layout: fixed;
	width: 180px;	
}

table.tab0 td.col1, th.col1 {
	width: 120px;
	vertical-align: middle;
	padding: 1px 2px 2px 0px;
	FONT-SIZE: 14px;
	color: var(--coltab01);  		
}

table.tab0 td.col2, th.col2 {
	width: 50px;		
	padding: 1px 2px 2px 0px;
	FONT-SIZE: 14px;	
	text-align: right;
	color: var(--coltab02);  
}

table.tabinffkt {	
	white-space: wrap;
}
table.tabinffkt td.col1 {	
	width: 396px;	
	height: 10px;  
	padding: 5px 5px 5px 5px;	
	font-size: 12px;	
	color: var(--coltabinffkt1); 	
}

table.tabinf {	
	white-space: wrap;
}
table.tabinf td.col1 {	
	width: 80px;	
	height: 10px;  
	padding: 5px 5px 5px 5px;	
	font-size: 10px;	
	COLOR: var(--coltab1);
}
table.tabinf td.col2 {	
	width: 300px;	
	font-size: 10px;	
	COLOR: var(--coltab2); 
	height: 10px;  
	padding: 5px 10px 5px 10px;
}
table.tabinf2 {
	border: 1px solid var(--coltabbrd);
	table-layout: auto;		
}

table.tablife1 {
	white-space: wrap;
	font-size: 14px;
	background-color: var(--coltab1bg); 
}
table.tablife1 td.col1 {
	width: 100px; color: var(--coltabcol1); padding: 5px 5px 5px 5px;
}
table.tablife1 td.col2 {	
	width: 140px; COLOR: var(--coltabcol2); padding: 5px 5px 5px 5px;
}
table.tablife1 td.col3 {
	width: 140px; COLOR: var(--coltabcol2); padding: 5px 5px 5px 5px;
}

tablife1b {
	border:  1px solid var(--coltab1bbg);   
}



table.tablife2 {
	white-space: wrap;
}
table.tablife2 td.col1 {
	width: 98px; color: var(--coltabcol1);  font-size: 14px; height: 10px; padding: 2px 2px 2px 2px; 
}
table.tablife2 td.col2 {	
	width: 98px; COLOR: var(--coltabcol2); font-size: 14px; height: 10px; padding: 2px 2px 2px 2px; text-align: right;
}
table.tablife2 td.col3 {
	width: 98px; COLOR: var(--coltabcol2); font-size: 14px; height: 10px;  padding: 2px 2px 2px 2px; text-align: right;
}
table.tablife2 td.col4 {
	width: 98px; COLOR: var(--coltabcol2); font-size: 14px; height: 10px; padding: 2px 2px 2px 2px; text-align: right;
}

.closeerr {
	float: right;  
	margin-right: 10px; 	
	width: 25px; 
	height: 24px;
}

.closeerrbutt {
	float: right; 	
	width: 140px; 
	height: 30px; 
	margin-top: 60px; 
	margin-right: 20px;
}

.divhead {
	padding: 10px 0px 10px 0px;
}

.divheadback {
	float: left; width: 70px; margin-top: 8px; margin-left: 10px;
}

.divheadforward {
	float: right; width: 60px; margin-top: 8px; margin-right: 0px;
}

.control {
	clear: both;
	float: left;
    margin: 0px;	
	margin-top: 4px;
	margin-left: 5px;
    background-color: transparent;
    width: 375px;	
	height: 30px;
	font-size: 14px;
	color: var(--colctlinpb);
}

.control label {
	display: block;
	font-weight: bold;
	margin-bottom: 0px;
}

.control input
{
	font: inherit;
	border-radius: 4px;
	border: 1px solid var(--colctlinpbrd);  
	padding: 0.25rem;
	width: 100%;
}

.controldate {
	margin-left: 5px; 
	width: 110px; 
	font-size: 14px;
	float: right;
}

.controld1 {
	margin-right: 15px;
}

.controlsex {
	margin-left: 5px; 
	width: 120px; 
	font-size: 14px;
}

.searchblock {
	height: 60px;
	margin-top: 4px;
}

.searchblocklast {
	height: 30px;
	margin-top: 4px;
}

.designoption {	
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	padding: 0px 0px 0px 0px;
	width: 128px;
	border-radius: 4px;
	border: 1px solid var(--colctlinpbrd);
	font-size: 14px;
	color: var(--colsrcopt3); 	
}

.searchoption1 {	
	float: right;
	margin-top: 1px;
	margin-right: 5px;
	width: 150px;
	font: inherit;
	border-radius: 4px;
	border: 1px solid var(--colctlinpbrd);                 
	padding: 0.25rem;
	font-size: 14px;
	color: var(--colsrcopt1);
}

.searchoption2 {
	float: left;
	background-color: var(--colsrcopt2bg);
	color: var(--colsrcopt2);
	margin-top: 1px;
	margin-left: 5px;
	width: 150px;
	font: inherit;
	border-radius: 4px;
	border: 1px solid var(--colctlinpbrd);
	padding: 0.25rem;
	font-size: 14px;
}

.searchoption3 {	
	float: right;
	margin-top: 1px;
	margin-right: 5px;
	width: 120px;
	border-radius: 4px;
	border: 1px solid var(--colctlinpbrd);
	padding: 0.25rem;
	font-size: 14px;
	color: var(--colsrcopt3); 	
}

.r {
	FONT-SIZE: 12px;
	COLOR: var(--colr);
}

.s {
	FONT-SIZE: 16px;
	COLOR: var(--cols);
	PADDING-TOP: 0px;	
}

.sdate {
		FONT-SIZE: 16px;
	COLOR: var(--colx1);
	PADDING-TOP: 0px;	
}




.x1 {
	text-align: center;
	FONT-SIZE: 16px;
	color: var(--colx1);
	PADDING-TOP: 2px;
}

.x2 {
	text-align: left;
	FONT-SIZE: 14px;
	color: var(--colx2);
	PADDING-TOP: 2px;
}

.x3 {
	text-align: left;
	FONT-SIZE: 12px;
	color: var(--colx3);
	PADDING-TOP: 2px;
}

.xk {
	FONT-SIZE: 13px;
	COLOR: var(--colxk);
	PADDING-TOP: -2px;
}

.xv {
	margin-left: 2px;
	FONT-SIZE: 14px;
	COLOR: var(--colxv);
	PADDING-TOP: 2px;
}

.cl {
	font-size: 15px;
	margin: 0px 0px 0px 0px;
	color: var(--colcl);
	background-position: center; 
}

.cardstars {
	FONT-SIZE: 16px;
	line-height: 1;
	margin: -1px 0px -8px 0px;
	color: var(--colstars);
}

.citext  {
	width: 380px;
	margin-left: auto;
	margin-right: auto;
	background-color: transparent;
	padding: 0px 0px 0px 2px;
	FONT-SIZE: 13px;
	COLOR: #636567;
}

.graphic0 {
	overflow: hidden;
	height: 310px; 
	width: 390px; 
	float: left;
}

.graphic1 {
	overflow: hidden;
	height: 310px; 
	width: 390px; 
	float: left;
}

.anihome {
	display: inline-block;
	margin-left: 2px;
	width:387px;
	text-align: left;	
	height: 25px;
	vertical-align: -2px;
	font-size: 14px;
	background-color: var(--colanibg);       
	color: var(--colani);
	border: 2px solid var(--colanibrd);
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;  
}

.anihome > div {
  font-size:0px;
  opacity:0;  
  position:absolute;
  font-weight:300;   
}

.anihome > div:nth-child(1) {
  animation: ani 88s linear infinite 0s;
}
.anihome > div:nth-child(2) {
  animation: ani 88s linear infinite 8s;
}
.anihome > div:nth-child(3) {
  animation: ani 88s linear infinite 16s;
}
.anihome > div:nth-child(4) {
  animation: ani 88s linear infinite 24s;
}
.anihome > div:nth-child(5) {
  animation: ani 88s linear infinite 32s;
}
.anihome > div:nth-child(6) {
  animation: ani 88s linear infinite 40s;
}
.anihome > div:nth-child(7) {
  animation: ani 88s linear infinite 48s;
}
.anihome > div:nth-child(8) {
  animation: ani 88s linear infinite 56s;
}
.anihome > div:nth-child(9) {
  animation: ani 88s linear infinite 64s;
}
.anihome > div:nth-child(10) {
  animation: ani 88s linear infinite 72s;
}
.anihome > div:nth-child(11) {
  animation: ani 88s linear infinite 80s;
}

@keyframes ani {
  0% {
    font-size:0px;
    opacity:0;
    margin-left:200px;   
    margin-top:0px;
    transform: rotate(-25deg);
  }
  2% {
    opacity:1;
    transform: rotate(0deg);
  }
  4% {
    font-size:inherit;
    opacity:1;
    margin-left:0px;
    margin-top:0px;
  }
 	8% {
    font-size:inherit;
    opacity:1;
    margin-left:0px;
    margin-top:0px;
    transform: rotate(0deg);
  }
	12% {
    font-size:0px;
    opacity:0.5;
    margin-left:160px;  
    margin-top: 40px;   
	color: var(--colani12);
  } 
  100% {
    font-size:0px;
    opacity:0;
    margin-left:0px;   
    margin-top:0px;  
  }
}
	


.filter01 {
	float: left; 
	height: 18px; 
	padding-top: 0px; 
}

.filter02 {
	float: left; 
	width: 105px; 
	height: 18px; 
	font-size: 14px;
	padding-top: 0px; 
	margin-left: 4px;
	margin-top: 1px;
	 color: var(--colfil0);
}

.filter03 {
	width: 20px;
	height: 12px; 
	padding-top: 0px; 
	padding-left: 4px;
	padding-bottom: 2px;
	 color: var(--colfil0);
}




/* ################################################################################*/
/* ################################################################################*/
/*Mittel (Tablet): 641px bis 1007px Breite (z.B. 768x1024)*/
@media screen and (min-width: 768px) {

body {
	MARGIN-TOP: 0px;
}

.luimain {				
	width: 766px;
	height: 520px;	
	left: 2%;
	padding-top: 0px;
}

.luimenu {
	margin-top: 2px;
	width: 765px;
	height: 74px;		
}

.modal {
  padding-top: 20px; 
  left: 0px;
  top: 0;
  }

.modalframe {	
	width: 720px; 	
}
 
.modalcontent {
	width: 720px; 
	height: 350px; 
}

.navibutton {
	margin-left: 0px;
	width: 92px;
	height: 40px;
}

.buttontop {	
	margin: -7px 0px 3px 0px;
}

.divcontent0 { 
	width: 765px;
	height: 440px;
	margin-top: 2px;
}

.divcontentleft {
	height: 440px;
	margin-top: 0px;
	margin-left: 5px;	
	width: 396px;
	border: 0px solid;
}

.divmenu {
	padding-top: 2px;
	width: 765px;
	height: 45px;
}

.divsubmenu {
	margin-top: 0px;
	height: 22px;
}
	
.divnavsub {
	width: 765px;
	height: 25px;
}

.roundcorner0 {	
	width: 350px;
}

.roundcornerf {	
	margin-left: 80px;
	width: 180px;
	height: 120px;
}

.roundcornerg {	
	margin-left: 5px;
	width: 348px;
	height: 120px;
}

.roundcornerh {	
	margin-left: 4px;
	width: 120px;
	height: 160px;
}

.roundcornert {	
	margin-left: 4px;	
	width: 346px;
	height: 240px;	
}

.pinfotext {
	margin-top: 0px;
}

.divall {
    height: 410px;  /* 723*/   
    width: 396px;
	margin-top: 2px;
}

.divallfkt {
	height: 396px;	   
}

.divinfo {
	height: 390px;
	overflow: auto;
}

.divranking {
   	margin-right: 2px;	
}

.navipic11 {
	display: none;			
}	
.navipic12 {	
	display: none;	
}	
.navipic13 {
	display: none;		
}
.navipic14 {
	display: none;		
}
.navipic15 {
	display: none;		
}
.navipic16 {
	display: none;		
}
.navipic17 {
	display: none;		
}
.navipic18 {
	display: none;		
}

.navipic21 {
	display: block;		
}	
.navipic22 {	
	display: block;	
}	
.navipic23 {	
	display: block;	
}
.navipic24 {	
	display: block;	
}
.navipic25 {	
	display: block;	
}
.navipic26 {	
	display: block;	
}
.navipic27 {	
	display: block;	
}
.navipic28 {	
	display: block;	
}

.cardleft {
	margin-top: 4px;
	width: 380px;
}

.cardfkt {
	width: 396px;
	height: 405px;
}

.cardhome {
	margin-top: 4px;
	min-height: 34px;
	width: 378px;
}

.cardright0 {	
	float: right;
	margin-right: 0px;
	width: 378px;
	height: 440px;
}

.cardright1 {	
	float: right;
	margin-right: 4px;
	width: 357px;
	height: 440px;
}

.cardrightmain {	
	/*margin-left: 2px;*/
	float: right;
	min-height: 170px;
	height: 380px;  /*742*/
}

.cardfield11 {
	width: 20px;  
	margin-left: 2px;
}

.cardfield12 {
	width: 265px; 
}

.cardfield13 {
	width: 55px; 	
}

.cardfield14 {
	width: 35px; 
}

.cardfield21 {
	width: 20px; 
	margin-left: 2px;
}

.cardfield22 {
	width: 265px; 
}

.cardfield23 {
	width: 25px; 
}

.cardfield24 {
	width: 65px;
}

.cardfield31 {
	width: 20px; 
	margin-left: 2px;
}

.cardfield32 {
	width: 265px;
}

.cardfield33 {
	width: 90px; 
}

.cardfield41 {
	width: 20px; 
}

.cardfield42 {
	width: 320px; 
}

.cardfield43 {
	width: 35px; 
}

.cardfield51 {
	height: 20px;
}

.cardfield52 {
	width: 355px;
}

.cardfield111 {
	width: 100px;
}

.cardfield112 {
	width: 130px; 
}

.cardfield113 {
	width: 150px; 
}

.cardfield121 {
	width: 100px;  
}

.cardfield122 {
	width: 130px; 
}

.cardfield123 {
	width: 150px;  
}

.cardfield131 {
	width: 100px; 
}

.cardfield132 {
	width: 130px;  
}

.cardfield133 {
	width: 150px;  
}

.divnrdate {
    margin-top: 2px;
    font-size: 11px;
}

.divnrylabel {
	width: 55px;	
	 margin-left: 4px;
}

.divnryvalue {	 
	width: 60px; 
	text-align: right;
}

.divnrylabelright {
 width: 75px;
}

.divnryvalueright {
 width: 70px; 
}

.divnrylabelleft {
	width: 55px;
}

.divnryvalueleft {
	width: 40px;
}

.divheadforward {
	margin-right: 15px;
}

.lifecontent {
	width: 390px;
	height: 320px;	
}

.lifecontent2 {
	width: 390px;
	height: 380px;	
}

.homeinfo1 {
	margin-top: 10px;
	margin-left: 4px;
	float: left;
	width: 120px;
	height: 40px;	
}

.homeinfo2 {
	margin-top: 10px;	
	width: 110px;
	height: 40px;	
	float: right;	
}
.homeinfo3 {
	margin-top: 30px;	
	margin-left: 4px;
	float: left;
	width: 395x;
	height: 30px;	
}

.homeinfo4 {
	margin-top: 10px;
	width: 110px;
	height: 40px;
	font-size: 14px;
	float: left;	
} 
.headline {
	width: 396px;
	height: 22px;
	margin: 1px 0px 1px 0px;	
	padding-top: 1px;
}

.divtab0 {
	float: left; 
	margin: 2px 4px 0px 4px; 
	width: 220px;	
}

.divright {
	height: 450px;
	width: 365px;
}

.divthema {
	height: 263px; 	
	width: 360px;
}

.buttbig {
	margin-top: 8px;
	margin-left: 4px;
	width: 350px;	
}

.buttsik {
	width: 162px;
}

table.tab0 {	
	width: 210px;	
}

table.tab0 td.col1, th.col1 {
	width: 140px;	
}

table.tab0 td.col2, th.col2 {
	width: 60px;	
}

table.tablife1 {
	font-size: 14px;
}

table.tablife1 td.col1 {
	width: 120px; padding: 5px 5px 5px 5px;	
}

table.tablife1 td.col2 {	
	width: 164px; padding: 0px 5px 5px 5px;
}
table.tablife1 td.col3 {
	width: 164px; padding: 0px 5px 5px 5px;
}

.searchblock {
	height: 80px;
	margin-top: 4px;
}

.searchblocklast {
	height: 30px;
	margin-top: 4px;
}

.searchoption1 {	
	margin-top: 1px;
	margin-right: 5px;
	width: 150px;
	padding: 0.25rem;
}

.searchoption2 {
	margin-top: 1px;
	margin-left: 5px;
	width: 150px;
	padding: 0.25rem;
}

.searchoption3 {	
	margin-top: 1px;
	margin-right: 5px;
	width: 120px;
	padding: 0.25rem;
}

.control {
	width: 400px;	
	margin-top: 15px;
}

.controldate {
	width: 110px; 
	margin-top: 5px;
}

.controld1 {
	margin-right: 15px;
}

.graphic0 {	
	height: 310px; 
	width: 400px; 
	margin-left: 5px;	
}

.graphic1 {
	height: 310px; 
	width: 400px; 
	margin-left: 5px;	
}

.objleft {
float: left;
width: 400px;
height: 340px;
}

.objright {
float: left;
width: 318px;
height: 340px;
}

.singleobject {
	width: 720px;
}

.obj11 {
width: 55px; 
}
.obj12 {
	 width: 638px; 
}
.obj13 {
	 width: 25px; 
}
.obj21 {
	 width: 400px; height: 320px; margin-top: 4px;
}
.obj31 {
 width: 95px; height: 30px;	
}
.obj32 {
	 width: 132px; height: 30px;
}
.obj33 {
	 width: 54px; height: 30px;
}
.obj34 {
	width: 54px; height: 30px;
}
.obj35 {
	width: 54px; height: 30px;
}
.obj36 {
	  width: 85px; height: 30px;
}
.obj37 {
 	width: 110px; height: 30px;
}
.obja1 {
 float: left; width: 318px; height: 16px; margin-top: 6px;
}
.obj41 {
	 width: 318px; height: 22px; margin-top: 4px;
}
.obj42 {
	 width: 110px; height: 22px; float: right; 
}
.obj51 {
	  width: 318px; height: 40px;
}
.obj61 {
	 width: 318px; height: 163px; overflow: auto; margin-top: 4px;
}
.obj71 {
	width: 150px; 
}
.obj72 {
	 width: 90px; 
}
.obj73 {
	 width: 70px; 
}
.obj74 {
	 width: 140px; display: none;  
}

.citext  {
	width: 360px;
}

table.tabinf td.col1 {	
	width: 80px;	padding: 2px 2px 2px 2px;	
}
table.tabinf td.col2 {	
	width: 280px;	padding: 2px 2px 2px 2px;
}

.anihome {
  margin-left: 0px;
  width:347px;
}


.filter02 {
	width: 136px; 
}

.filter03 {
	width: 20px;
}



}

/* ################################################################################*/
/* ################################################################################*/
/* ################################################################################*/
/*Groß (Desktop): 1008px und mehr (z.B. 1366x768, 1920x1080)*/
@media screen and (min-width: 1024px) {
body {
	MARGIN-TOP: 0px;
}

.modalframe {	
	width: 500px;	
	margin-top: 60px;
}

.modalcontent {	
	margin: 0px;
	margin-top: 20px;
	padding: 2px;	
	width: 430px; 
	height: 552px; 
}

.luimain {		
	width: 1016px;
	height: 910px;	
	left: 2%;
	padding-top: 15px;
}

.luimenu {
		width: 1016px;
		height: 90px;				
}

.divmenu {
	padding-top: 4px;
	width: 1016px;
	height: 51px;
}

.divcontent0 { 
	margin-top: 4px;
	width: 1016px;
	height: 800px;
}

.navibutton {
	margin-left: 0px;
	width: 120px;
	height: 50px;
}

.pinfotext {
	margin-top: 5px;
}

.divcontentleft {
	height: 790px;
	margin-top: 4px;
	margin-left: 20px;	
	width: 500px;
	border: 0px solid;
}

.divinfo {
	height: 740px;
	overflow: auto;
}

ul.topnav li {	
	width: 162px;		
}

.divall {
    height: 723px;     
    width: 480px;
	margin-top: 2px;
}

.divallfkt {
	height: 910px;	
}

.divnavsub {
	width: 1016px;
	height: 44px;
	margin: 0px;
	padding: 0px 0px 0px 4px;
}
	
.navipic11 {
	display: none;			
}	
.navipic12 {	
	display: none;	
}	
.navipic13 {
	display: none;		
}
.navipic14 {
	display: none;		
}
.navipic15 {
	display: none;		
}
.navipic16 {
	display: none;		
}
.navipic17 {
	display: none;		
}
.navipic18 {
	display: none;		
}
.navipic21 {
	display: none;	
}
.navipic22 {
	display: none;	
}
.navipic23 {
	display: none;	
}
.navipic24 {
	display: none;	
}
.navipic25 {
	display: none;	
}
.navipic26 {
	display: none;	
}
.navipic27 {
	display: none;	
}
.navipic28 {
	display: none;	
}
.navipic31 {
	display: block;			
}	
.navipic32 {	
	display: block;	
}	
.navipic33 {	
	display: block;	
}
.navipic34 {	
	display: block;	
}
.navipic35 {	
	display: block;	
}
.navipic36 {	
	display: block;	
}
.navipic37 {	
	display: block;	
}
.navipic38 {	
	display: block;	
}

.cardleft {
	margin-top: 4px;
	width: 460px;
}

.cardfkt {
	width: 480px;
	height: 750px;
}

.cardhome {
	margin-top: 4px;
	min-height: 34px;
	width: 460px;
}

.cardright0 {	
	float: right;
	margin-right: 14px;
	width: 420px;
	height: 560px;
}

.cardright1 {	
	float: right;
	margin-right: 4px;
	width: 440px;
	height: 780px;
}

.cardrightmain {		
	float: right;
	min-height: 170px;
	height: 380px;  
}


.cardfield11 {
	width: 24px;  
	margin-left: 2px;
}

.cardfield12 {
	width: 330px; 
}

.cardfield13 {
	width: 65px; 	
}

.cardfield14 {
	width: 35px; 
}

.cardfield21 {
	width: 24px; 
	margin-left: 2px;
}

.cardfield22 {
	width: 330px; 
}

.cardfield23 {
	width: 23px; 
}

.cardfield24 {
	width: 78px;
}

.cardfield31 {
	width: 24px; 
	margin-left: 2px;
}

.cardfield32 {
	width: 330px;
}

.cardfield33 {
	width: 100px; 
}

.cardfield41 {
	width: 20px; 
}

.cardfield42 {
	width: 395px; 
}

.cardfield43 {
	width: 40px; 
}

.cardfield51 {
	height: 18px;
}

.cardfield52 {
	width: 415px;
}

.cardfield111 {
	width: 140px;
}

.cardfield112 {
	width: 155px; 
}

.cardfield113 {
	width: 155px; 
}

.cardfield121 {
	width: 140px;  
}

.cardfield122 {
	width: 155px; 
}

.cardfield123 {
	width: 155px;  
}

.cardfield131 {
	width: 140px; 
}

.cardfield132 {
	width: 155px;  
}

.cardfield133 {
	width: 155px;  
}

.roundcornerf {	
	margin-left: 45px;
	width: 380px;
	height: 280px;
}

.roundcornerg {	
	margin-left: 5px;
	width: 418px;
	height: 120px;
}

.roundcornerh {	
	margin-left: 2px;
	width: 205px;
	height: 160px;
}

.roundcornert {	
	margin-left: 4px;	
	width: 400px;
	height: 280px;	
}

.divnrylabel {
	width: 55px;	
	 margin-left: 4px;
}

.divnrdate {
   font-size: 12px;
}


.divnryvalue {	 
	width: 60px; 
	text-align: right;
}

.divnrylabelright {
 width: 75px;
}

.divnryvalueright {
 	width: 70px; 
}

.divnrylabelleft {
	width: 55px;
}

.divnryvalueleft {
	width: 60px;
}

.divranking {
   	margin-right: 2px;	
}


.divheadforward {
	margin-right: 15px;
	margin-top: 11px; 
}

.divheadback {
	margin-top: 11px; 
}

.lifecontent {
	width: 420px;
	height: 800px;
}

.lifecontent2 {
	width: 450px;
	height: 800px;
}

.headline {
	width: 480px;	
	height: 30px;
}

.divtab0 {
	float: left; 
	margin: 2px 4px 0px 4px; 
	width: 220px;	
}

.divright {
	height: 750px;
	width: 420px;
}

.divthema {
	height: 600px; 
	width: 420px;	
}

.buttsearch {
	margin-left: 7px;
} 
.buttbig {
	margin-top: 8px;
	margin-left: 4px;
	width: 420px;	
}

.buttsik {
	width: 182px;
}

.buttontop {
	width: 50px;
	height: 20px;
	margin-top: -5px;
}

table.tab0 {	
	width: 210px;	
}

table.tab0 td.col1, th.col1 {
	width: 140px;	
}

table.tab0 td.col2, th.col2 {
	width: 60px;	
}

table.tablife1 {
	font-size: 14px;
}
table.tablife1 td.col1 {
	width: 120px; padding: 5px 5px 5px 5px;	
}
table.tablife1 td.col2 {	
	width: 164px; padding: 0px 5px 5px 5px;
}
table.tablife1 td.col3 {
	width: 166px; padding: 0px 5px 5px 5px;
}

.searchblock {
	height: 80px;
	margin-top: 4px;
}

.searchblocklast {
	height: 30px;
	margin-top: 4px;
}

.searchoption1 {	
	margin-top: 1px;
	margin-right: 5px;
	width: 150px;
	padding: 0.25rem;
}

.searchoption2 {
	margin-top: 1px;
	margin-left: 5px;
	width: 150px;
	padding: 0.25rem;
}

.searchoption3 {	
	margin-top: 1px;
	margin-right: 5px;
	width: 120px;
	padding: 0.25rem;
}

.control {
	width: 400px;	
	margin-top: 15px;
}

.controldate {
	width: 110px; 
	margin-top: 5px;
}

.controld1 {
	margin-right: 15px;
}

.graphic0 {	
	height: 310px; 
	width: 400px; 
	margin-left: 15px;	
}

.graphic1 {
	height: 310px; 
	width: 400px; 
	margin-left: 15px;	
}

.objleft {
float: left;
width: 420px;
height: 325px;
margin-left: 5px;
}

.objright {
float: left;
width: 420px;
height: 134px;
margin-left: 5px;
}

.singleobject {
	width: 420px;
}

.obj11 {
width: 55px; margin-left: 5px;
}
.obj12 {
	 width: 338px; 
}
.obj13 {
	 width: 25px; 
}
.obj21 {
	 width: 418px; height: 320px; margin-top: 0px;
}
.obj31 {
 width: 95px; height: 30px;	
}
.obj32 {
	 width: 132px; height: 30px;
}
.obj33 {
	 width: 54px; height: 30px;
}
.obj34 {
width: 54px; height: 30px;
}
.obj35 {
	width: 54px; height: 30px;
}
.obj36 {
	  width: 85px; height: 30px;
}
.obj37 {
 width: 110px; height: 30px;
}
.obja1 {
 float: left; width: 390px; height: 16px; margin-top: 0px;
}
.obj41 {
	 width: 318px; height:22px; margin-top: 0px;
}
.obj42 {
	 width: 100px; height: 22px;
}
.obj51 {
	  width: 418px; height: 40px; margin-top: 2px;
}
.obj61 {
	 width: 418px; height: 84px; overflow: auto; margin-top: 0px;
}
.obj71 {
	width: 140px; 
}
.obj72 {
	 width: 80px; 
}
.obj73 {
	 width: 60px; 
}
.obj74 {
	 width: 140px;  display: block;
}

.citext  {
	width: 450px;
}

.homeinfo1 {	
	width: 150px;		
}
.homeinfo2 {
	margin-top: 10px;	
	margin-right: 20px;
	width: 130px;
	height: 40px;	
	float: right;	
}

.homeinfo3 {
	margin-top: 30px;		
}

.homeinfo4 {
	margin-top: 10px;
	width: 110px;
	height: 40px;
	font-size: 14px;
	float: left;	
} 
.anihome {
  margin-left: 0px;
  width:400px;
}


.filter02 {
	width: 136px; 
}

.filter03 {
	width: 20px;
}


}