@media screen {
form, h1, h2, h3, h4, h5, h6, p, div, hr {
    display: block;
}

html, body, table, td, form, button, select, textarea, p, h1, h2, h3, h4, h5, h6, cite, quote {
    margin: 5px;
    padding: 0px;
    font-family: Arial, Verdana, Tahoma, Helvetica, Geneva, Sans-serif;
    font-size: 16px;
    line-height: 120%;
	
}

.vvt_table, .vvt_table td {border:rgba(0,0,0,1.00) solid 1px; margin-top:10px;}
.vvt_table td {padding: 10px;}

/*body{background-image: url(SLLogo.jpg);background-repeat: repeat-x;}
*/
fieldset{width:60%;}
.nowrap {
	white-space: nowrap;
}

table.hperc {
    position: relative;
    width: 90%;
    padding: 0;
    /*margin: 10px;*/
    background: #c7c7c7;
    z-index: 2;
	
}

img, table {
    border: 0px none;
}
	
div.head, tr.head {
	padding: 2px;
	font-weight: bold;
	background-color: #fdb002;
	border-bottom: 1px solid #AAA;
	color: rgb(255, 255, 255);
}
tr.head i {
	font-weight: normal;
	font-size: 10px;
}
tr.kat {
	background-color: #ddd;
	font-weight: bold;
	border-bottom: 1px solid #AAA;
	vertical-align: middle;
}
tr.first {
	background-color: #f9f9f9;
}
tr.second, tr.bottom {
	background-color: rgb(255, 255, 255);

}
tr.admin {
	background-color: #FFDBDB;
}
tr.hover:hover {
	background-color: #e9e9e9;
}
tr.hover td {
	vertical-align: middle;
}
tr.head td, tr.kat td, tr.first td, tr.second td, tr.bottom td, tr.admin td {
	padding: 2px 3px;
}
tr.bottom td {
	text-align: center;
}
tr.legend td {
	padding: 4px;
	text-align: right;
	line-height: 24px;
	background: transparent;
}
tr.legend td img {
	vertical-align: middle;
}
tr.kat label {
	display: block;
}

tr:hover {background:rgba(0,12,247,0.14); color:rgba(0,0,0,1.00)}

p.p_bg1, p.p_bg2, p.p_bg3, p.p_bg4, p.p_bg5 {width:50px; height:50px; position: inherit; float:left; margin-right:10px; }

p.p_bg1{background:rgba(255,0,0,0.80) !important;}
p.p_bg2{background:rgba(255,165,0,0.80) !important;}
p.p_bg3{background:rgba(0,128,0,0.80) !important;}
p.p_bg4{background:rgba(128,128,128,0.80) !important;}
p.p_bg5{background:rgba(255,255,0,0.80) !important;}



/*legend { 
    display: block;
    padding-left: 2px;
    padding-right: 2px;
    border: none;
}
*/


ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #7C807F;
}

li {
    float: left;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover {
    background-color: #4CAF50;
}

.active {
    background-color: #4CAF50;
}

nav img{
	display: block;
	bottom: 10px;
	position: fixed;
	width: 320px;
	height: 132px;
	z-index: 10;
	opacity: 0.8;
	right: 10px;
}



div.notizen {
    position: fixed;
	border: solid 1px rgba(132,79,80,1.00);
	z-index: 10;
	right: 10px;
	top: 60px;
	width: 300px;
	height: auto;
    background-color: lightgray;
    padding: 10px;
    font-size: 16px;
	word-wrap:break-word;
}

div.notizen p {
	border-left: 3px solid red;
    background-color: lightgrey;
	
}



/*
  NAVIGATION
*/

div#siteNavi {
	position: relative;
	text-align: center;
	margin-top: -5px;
	padding-left: 7px;
	padding-bottom: 30px;
}
div#siteNavi a.n:link, div#siteNavi a.n:visited, div#siteNavi a.nr:link, div#siteNavi a.nr:visited, div#siteNavi a.nl:link, div#siteNavi a.nl:visited, div#siteNavi a.siteNow:link, div#siteNavi a.siteNow:visited, div#siteNavi a.siteNowR:link, div#siteNavi a.siteNowR:visited {
	display: block;
	/*width: 15px;*/
	float: left;
	border-right-width: 0;
	border-top: none;
	padding: 1px;
	padding-left: 4px;
	padding-right: 4px;
	color: #555;
}
div#siteNavi a.nr:link, div#siteNavi a.nr:visited, div#siteNavi a.nl:link, div#siteNavi a.nl:visited {
	background-color: #e3e3e3;
	color: #555;
	font-size: 14px;
	font-weight: bold;
}
div#siteNavi a.siteNowR:link, div#siteNavi a.siteNowR:visited, div#siteNavi a.nr:link, div#siteNavi a.nr:visited {
	border-right-width: 1px;
}
div#siteNavi a.nr:hover, div#siteNavi a.nr:active, div#siteNavi a.nl:hover, div#siteNavi a.nl:active {
	color: rgb(255, 255, 255);
	background-color: #b00000;
	text-decoration: none;
}
div#siteNavi a.n:hover, div#siteNavi a.n:active, div#siteNavi a.siteNow:link, div#siteNavi a.siteNow:visited, div#siteNavi a.siteNowR:link, div#siteNavi a.siteNowR:visited {
	color: rgb(255, 255, 255);
	background-color: #b00000;
	text-decoration: none;
}

/*
	RISIKOBILD
*/

.risikobild {width:100px; height:100px; border: solid 1px; position:relative; left:20px;}
.feld11 {background:rgba(0,195,0,1.00); width:33px; height:33px; top:63px; margin:2px; position:relative;}
.feld12 {background:rgba(224,255,0,1.00); width:33px; height:33px; top:63px; left: 34px; position:relative;}
.feld13 {background:rgba(187,128,0,1.00); width:33px; height:33px; top:63px; margin:2px; float:right; position:relative;}
.feld21 {background:rgba(224,255,0,1.00); width:33px; height:33px; top:33px; left:0; margin:2px; position:relative;}
.feld22 {background:rgba(221,151,0,1.00); width:33px; height:33px; top:33px; left:34px; position:relative;}
.feld23 {background:rgba(139,69,0,1.00); width:33px; height:33px; top:33px; margin:2px; float:right; position:relative;}
.feld31 {background:rgba(221,151,0,1.00); width:33px; height:33px; top:0; left:0; margin:2px;}
.feld32 {background:rgba(139,69,0,1.00); width:33px; height:33px; top:0; left:33px; position:relative; margin-top:2px;}
.feld33 {background:rgba(174,0,2,1.00); width:33px; height:33px; top:0; float:right; margin:2px; position:relative;}
.neunzig_eintritt {transform: rotateZ(90deg);left: -59px;position: relative;top: 80px;}
.schadensp{left: 12px;position: relative;}
.risiko_outer{width: 140px;height: 140px;margin-left: 50px;}


/*
Auswertung TOM
*/

.ersteseite {width: 100%; height:800px; page-break-after:always;}
.teil2 {page-break-after:always;}

.print_themenblock_name {margin-top: 40px;}
.print_themenblock_name_S2 {margin-left: 100px; margin-top: 12px; margin-right: 50px; font-weight:bold; font-size:16px; float:left; width: 300px; }

.feld_prozenz, .feld_vorlagen {	width: 50px; height:25px; float: left; margin: 10px; border: solid 1px rgba(0,0,0,1.00); text-align:center; padding: 2px;}
.felder_outer {width: 100%; height: 800px;margin: 0 auto;}
.felder_inner {width:100%; height:30px; float:left;}
.feld {width: 50px; height:25px; float: left; margin: 10px; border: solid 1px rgba(0,0,0,1.00); text-align:center; padding: 2px;}
.felder_inner:last-of-type { border-bottom: double 1px rgba(0,0,0,1.00); height:45px;}
.feld_gesamt {width:100%; height:30px; float:left;}
.feld_oben {width: 50px; height:25px; float: left; margin: 10px; border-bottom: solid 1px rgba(0,0,0,1.00); text-align:center; padding: 2px;}

.feld_bg1{background:rgba(255,0,0,0.80) !important; box-shadow: 0 0 0 rgba(204,169,44, 0.4); animation: pulse 1s infinite;}

.feld_bg2{background:rgba(255,165,0,0.80) !important;}
.feld_bg3{background:rgba(0,128,0,0.80) !important;}
.feld_bg4{background:rgba(128,128,128,0.80) !important;}
.feld_bg5{background:rgba(255,255,0,0.80) !important;}

.zugehoerigkeit {bottom: 50px; right: 40px; font-size:12px;}
.zugehoerigkeit:nth-child(2) { display:none; }


.fortschritt_rahmen {
    position: relative;
    border: 1px solid black;
    display: block;
    width: 600px;
	top: 5px;
    text-align: center;
    vertical-align: middle;
    height: 20px;
	background:rgba(86,86,86,0.14);
}

.fortschritt_rahmen > span {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    background: rgba(0,142,0,1.00);
}

.fortschritt_rahmen > p {
    display: inline;
    position: relative;
    z-index: 1;
	margin:0px;
}

		  
}	  
@keyframes pulse {
  0% {
    background: rgba(255,255,255,1.00);
    box-shadow: 0 0 0 0 rgba(19,19,16,0.40);
  }
  70% {
      box-shadow: 0 0 0 10px rgba(50,43,18,0.00);
  }
  100% {
	  color:rgba(255,255,255,1.00);
      box-shadow: 0 0 0 0 rgba(16,3,17,0.00);
  }
}
