/* CSS Document de.cf.css*/
html{font-family:'Roboto',sans-serif;font-size: 16px; line-height:1.5;}
body{
 font-family:'Roboto',Calibri,'PT Sans',sans-serif;
 font-size: 1.0rem;
 line-height:1.4rem;
 padding:0;
 color:#222;
 margin:10px 20px;
}
h1,h2,h3,h4{color:rgb(37,120,207);}
h1{font-size:1.4rem;}
h2{font-size:1.2rem;border-bottom:1px solid rgb(90,129,180);}
ol,ul{margin:0;padding-left:20px;}
li{margin-top:0.2rem;margin-bottom:0.4rem;}
dl.cf-dl dt{border-bottom:1px solid rgb(90,129,180);margin-top:5px;margin-bottom:3px;}
dl.cf-dl dd{text-align:right;}
table{border:1px solid silver;border-collapse:collapse;}
th,td{border:1px solid silver;padding:4px 8px;text-align:left;}
td{vertical-align:top;}
footer{margin-top:10px;padding-top:5px;border-top:1px solid rgb(90,129,180);font-size:0.8rem;}
.cf-bold{font-weight:bold;}
.cf-note{display:inline-block;margin-top:4px;font-size:0.9rem;font-style:italic;}
.cf-right{text-align:right;}
.cf-red{color:red;font-weight:bold;}
span#topBtn{
 display:none;
 position:fixed;
 bottom:20px;
 right:20px;
 z-index:99;
 cursor:pointer;
 background-color: rgba(86,153,203,0.8);
 color:white;
 padding:5px;
 width:1.5rem;
 border-radius:50%;
 text-align:center;
}
div.cf-item{margin-bottom:5px;}
span.cf-label,label.cf-label{display:inline-block;width:75px;}
p.cf-srt-text{margin-top:3px;margin-bottom:10px;border-bottom:1px solid silver;}
span.cf-srt-author{font-size:0.9rem;font-style:italic;}

ul.cf-sr{list-style:none;margin:0;padding:0;text-align:center;}
ul.cf-sr li{list-style:none;padding:0;}
ul.cf-sr li a:link, ul.cf-sr li a:visited {
 background-color: #e7e7e7;
 color: #000;
 padding: 10px 15px;
 border:1px solid silver;
 border-radius:6px;
 text-align: center; 
 text-decoration: none;
 display: inline-block;
 width:150px;
}

ul.cf-sr li a:hover, ul.cf-sr li a:active {
 background-color: #4caf50;
}

@media (min-width:65rem){
 body {max-width:22cm;margin-top:0.5rem;margin-left:auto;margin-right:auto;}
.cf-dl{max-width:30em;}
}