/* ============================== */
/* === Powered by locomputing === */
/* ============================== */


.nbg1 {
background: #fff3aa;
padding: 2px 5px;
font-size: 75%;
}
.nbg2 {
background: #ffebc6;
padding: 2px 5px;
font-size: 75%;
}
.nbg3 {
background: #e2fee3;
padding: 2px 5px;
font-size: 75%;
}
.nbg4 {
background: #f4eef5;
padding: 2px 5px;
font-size: 75%;
}

.knews {
display: flex;
flex-wrap: wrap;
padding: 4px 0;
}
.knews a {
text-decoration: none;
color: blue;
}
.ktitel {
width:50%;
text-align: left;
font-size: 80%;
padding-left: calc(.5em + ((.5vw - 0.1em) * 0.1));
border-bottom: 1px dotted black;
}
.ktime {
width:50%;
text-align: right;
font-size: 50%;
color: maroon;
padding-right: calc(.75em + ((.75vw - 0.1em) * 0.1));
border-bottom: 1px dotted black;
}
.nplatz {
height: calc(.5em + ((.5vw - 0.1em) * 0.1));
}
.ktext {
width:100%;
text-align:left;
font-size: 75%;
color: navy;
padding: 0 calc(.5em + ((.5vw - 0.1em) * 0.1));
}

.newtxt { 
margin:calc(.15em + ((.15vw - 0.1em) * 1)) calc(.25em + ((.25vw - 0.1em) * 1)) 0 1px;
width: 100%;
background:#cd764c;
border: calc(.13em + ((.13vw - 0.15em) * 1)) solid #555555;
border-bottom:none;
border-radius: calc(.2em + ((.2vw - 0.1em) * 1)) 0 0 0;
}
.newtxt div {
position: relative;
margin:0 0 0 calc(.3em + ((.3vw - 0.1em) * 1));
padding: calc(.2em + ((.2vw - 0.1em) * 1)) calc(.35em + ((.35vw - 0.1em) * 1));
border-bottom: calc(.13em + ((.13vw - 0.15em) * 1)) solid #777777;
border-left: calc(.13em + ((.13vw - 0.15em) * 1)) solid darkgray;
}
.newtxt div span {
position: absolute; 
top: 0; 
right: 0; 
display: block;
padding: calc(.35em + ((.35vw - 0.1em) * 1)) calc(.35em + ((.35vw - 0.1em) * 1)) 0 0;
font-size: 70%;
}

.newtxtu { 
margin:0 calc(.25em + ((.25vw - 0.1em) * 1)) calc(.75em + ((.75vw - 0.1em) * 1)) 1px;
width: 100%;
background:#cd764c;
border: calc(.13em + ((.13vw - 0.15em) * 1)) solid #555555;
border-top:none;
border-radius: 0 0 0 calc(.2em + ((.2vw - 0.1em) * 1));
}
.newtxtu div {
position: relative;
margin:0 0 0 calc(.3em + ((.3vw - 0.1em) * 1));
padding: calc(.2em + ((.2vw - 0.1em) * 1)) calc(.35em + ((.35vw - 0.1em) * 1));
border-left: calc(.13em + ((.13vw - 0.15em) * 1)) solid darkgray;
}

.newtxtin { 
margin:calc(.15em + ((.15vw - 0.1em) * 1)) calc(.25em + ((.25vw - 0.1em) * 1)) 0 1px;
width: 100%;
background:#cd764c;
border: calc(.13em + ((.13vw - 0.15em) * 1)) solid #555555;
border-bottom:none;
border-radius: calc(.2em + ((.2vw - 0.1em) * 1)) 0 0 0;
}
.newtxtin a {
font-weight: bold;
}
.newtxtin a:hover {
text-decoration: none; 
color:green;
}
.newtxtin div {
position: relative;
background: #fff1ae;
font-size: 80%; 
margin:0 0 0 calc(.3em + ((.3vw - 0.1em) * 1));
padding: calc(.2em + ((.2vw - 0.1em) * 1)) calc(.35em + ((.35vw - 0.1em) * 1));
border-bottom: calc(.13em + ((.13vw - 0.15em) * 1)) solid #777777;
border-left: calc(.13em + ((.13vw - 0.15em) * 1)) solid darkgray;
}
.newtxtin div span {
position: absolute; 
top: 0; 
right: 0; 
display: block;
padding: calc(.35em + ((.35vw - 0.1em) * 1)) calc(.35em + ((.35vw - 0.1em) * 1)) 0 0;
font-size: 70%;
}
.newtxtinu { 
margin:0 calc(.25em + ((.25vw - 0.1em) * 1)) calc(.75em + ((.75vw - 0.1em) * 1)) 1px;
width: 100%;
background:#cd764c;
border: calc(.13em + ((.13vw - 0.15em) * 1)) solid #555555;
border-top:none;
border-radius: 0 0 0 calc(.2em + ((.2vw - 0.1em) * 1));
}
.newtxtinu div {
position: relative;
background: #fff6cc;
font-size: 75%; 
margin:0 0 0 calc(.3em + ((.3vw - 0.1em) * 1));
padding: calc(.2em + ((.2vw - 0.1em) * 1)) calc(.35em + ((.35vw - 0.1em) * 1));
border-left: calc(.13em + ((.13vw - 0.15em) * 1)) solid darkgray;
}


#tablenews {
width: 100%;
margin: 0 0 1em 0;
padding:0;
}
#newstwo {
display: flex;
width: 100%;
background: #fcfcfc;
padding: 0 0 calc(.15em + ((.15vw - 0.1em) * 0.1)) calc(.25em + ((.25vw - 0.1em) * 0.1));
margin:0;
}
.newsleft1 {
font-size:95%;
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) calc(.25em + ((.25vw - 0.1em) * 0.1));
}

.newsleft1 span {
color: red;
font-weight: bold;
}
.newsright1 {
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) calc(.25em + ((.25vw - 0.1em) * 0.1));
text-align: left;
}

.newslineleft {
display: block;
width: 100%;	
font-size:90%;
text-align: left;
border-bottom:1px solid black;
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) calc(.25em + ((.25vw - 0.1em) * 0.1));
word-break:break-all;
word-break:break-word;
}
.newsv {
color:maroon;
font-size: 75%;
}

.newsma {
color:maroon;
font-size: 85%;
}

@media screen and (max-width: 800px) {
#newstwo {
display:block;
width: 100%;
}
.newsleft1 {
display:block;
width: 100%;
}
.newsright1 {
display:block;
width: 100%;
}
}


/* ----------------------------- Pagnation ---------------------------- */


.npagis {
display: block;
width: 100%;
line-height: 0;
text-align: center;
}

.npagination {
list-style-type: none;
padding: 1% 0;
display: inline-flex;
justify-content: space-between;
}
.npagination li {
box-sizing: border-box;
padding-right: 1%;
}
.npagination li a {
box-sizing: border-box;
background-color: #fff1ae;
padding: calc(.25em + ((.25vw - 0.1em) * 1)) calc(.5em + ((.5vw - 0.1em) * 1));
text-decoration: none;
font-size: 75%;
font-weight: bold;
color: #616872;
border: 1px solid gray;
border-radius: calc(.2em + ((.2vw - 0.1em) * 1));
}
.npagination li a:hover {
background-color: #ffec93;
}
.npagination .next a, .npagination .prev a {
text-transform: uppercase;
font-size: 75%;
color:navy;
}
.npagination .currentpage a {
background-color: #ffe460;
color: black;
cursor: default;
text-shadow:
1px  1px 0 #000,
1px  1px 0 #000,  
1px  1px 0 #000,
1px  1px 0 #000,
1px  1px 0 #000;
z-index:9991;
-webkit-text-stroke:calc(.06em + ((.06vw - .1em) * 1)) black;
}	
.npagination .currentpage a:hover {
background-color: #ffe460;
}