html{margin:0;padding:0;height:100%;min-height:101%;margin-left:-1px;overflow-Y:scroll;;text-rendering:optimizeLegibility;-webkit-font-smoothing:subpixel-antialiased;font-smoothing: subpixel-antialiased;scroll-behavior: smooth;}
@media screen and (prefers-reduced-motion: no-preference) {html {scroll-behavior: smooth;}}
body{background:#fff;margin:0;padding:0;height:100%;line-height:1.3}
.head-table {width:100%;height:70px;z-index:1000;line-height:1.3;}
#wrapper {background-color:#fff;min-height:100%;width:990px; margin:-1px auto;border:1px solid #888;-moz-box-shadow: 0px 4px 10px 4px #888;-webkit-box-shadow: 0px 4px 10px 4px #888;box-shadow: 0px 4px 10px 4px #888;}
a.n{font-family:"Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;font-weight:normal;font-size:11px;color:#000;text-decoration:none;}
a:link,a:active,a:focus,a:visited,a:hover{font-family:"Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;font-size:1em;font-weight:normal;color:#000;outline: none;text-decoration:none;}
ul {list-style-type:square;}
ul.nbi {list-style-type: none;margin-left: 0px;padding-left: 0px;}
img{border:0;}
td, th, p, li{font:12px "Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;line-height:1.3;}
td.price{background-image: url('data:image/png;base64,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');}
.textarea{width:280px;min-width:280px;max-width:280px;height:100px;min-height:100px;max-height:100px;}
.radio{vertical-align:middle;}
.checkbox{margin:0px;padding:0px;vertical-align: middle;}
.nowrap{white-space: nowrap;}
.s{font-family:"Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;font-size:12px;color:#383838;background-color:transparent}
.sw{font-family:"Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;font-size:12px;color:#fff;background-color:transparent}
.sb{font-family:"Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;font-size:12px;color:#446d8c;background-color:transparent}
.sg{font-family:"Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;font-size:12px;color:green;background-color:transparent}
.sr{font-family:"Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;font-size:12px;color:red;background-color:transparent}
.swr{font-family:"Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;font-size:12px;color:#ff5e19;background-color:transparent}
.sblarge{font-family:sans-serif;font-size:18px;color:#fff;background-color:transparent;font-weight:bold;}
.srlarge{font-family:sans-serif;font-size:18px;color:#F62817;background-color:transparent;font-weight:bold;}
.sm{font-family:"Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;font-size:11px;color:#c0c0c0;background-color:transparent}
.smb{font-family:"Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;font-size:9px;color:#000;background-color:transparent}
.smg{font-family:"Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;font-size:9px;color:#808080;background-color:transparent}
.sm1{font-family:"Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;font-size:9px;color:#000;background-color:transparent}
.sm1g{font-family:"Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;font-size:9px;color:#808080;background-color:transparent;font-weight:normal}
.sm1r{font-family:"Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;font-size:9px;color:red;background-color:transparent}
.sm1b{font-family:"Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;font-size:9px;color:#607A80;background-color:transparent}
.sm1w{font-family:"Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;font-size:9px;color:#fff;background-color:transparent}
.smred{font-family:"Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;font-size:9px;color:#ff0000;background-color:transparent}
.ldvertical{border-left: 1px dotted grey; padding: 5px;}
.linkbox{font-family:"Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;font-size:11px;background-color:#E6E6E6;border-width:0px;border-color:#c0c0c0;}
.linkbox1{font-family:"Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;font-size:11px;background-color:#fff;border-width:0px;border-color:#c0c0c0;cursor:pointer;}
.absmiddle{vertical-align: middle;} 
.iframex{width:100%;height:1005px;overflow:hidden;border:none;border-style:none;border-width:0pt;}
.input{font-family:"Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;font-size:11px;width:250px;}
.input:focus{font-family:"Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;font-size:11px;width:250px;background-color: #E3E4FA;}
.inputq1{border: 1px solid #EEEEEE;color: #808080;font-weight:bold;font-family: "Lucida Grande",Verdana,sans-serif;padding-left:3px;width: 250px;font-size: 12px;vertical-align: middle;text-decoration: none;}
.form{font-family:"Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;font-size:11px;display:inline; margin:0;}
.bodytext{font-family:"Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;font-weight:300;}
.formtext{font-family:"Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;font-size:11px;font-weight:300;color:#333;}
.dl{font-family:"Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;font-weight:300;text-decoration:none;color:#000;}
.menu{font-family:"Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;text-decoration:none;background-color:#fff;border-bottom: 1px solid #C9C299;border-left: 1px solid #C9C299;border-right: 1px solid #C9C299;border-top: 1px solid #C9C299;}
.date{font-family:"Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;color:#aaaaaa;font-style:normal;font-weight:600;}
.tableborder{font-family:"Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;font-size:11px;color:#000;border:1px solid #e8e8e8;background-color:transparent;}
.tdrow1{font-family:"Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;font-size:11px;color:#383838;background-color:#aed4e6;}
.codesample{background: #f5f5f5;color:#000;font-family: courier;font-size:9px;}
.popup{color:#9f141a;cursor: pointer;text-decoration: none;}
.contentstyle{font-family:"Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;font-size:11px;border:1px solid #e0e0e0;width:100%;padding:9px;margin-right:0px;}
#asb_container{margin:0px;border:0px;}
#asb_contentwrap{margin:0px;width:400px;height:250px;overflow: hidden;}
#asb_content{margin:0px;width:400px;}
#asb_inputwrap{font:8pt Arial;}
#asb_input{margin:5px;}
.data{background-color:#b3b3b3; border:1px solid #898989; width:40%;}
.data tr td{background-color:#dddddd; font:13px Arial; width:35%;}
.bar1{background-color:#b3b3b3;position:relative;text-align:left;height:20px;width:1px;border:1px solid #505050;}
.bar2{background-color:#000099;position:relative;text-align:left;height:20px;width:0%;}
.ishow{line-height:1;}
.ishow ul{list-style-type: none;margin: 0;padding: 0;text-align: center;}
.ishow li{ display: inline-block;height:50px;margin: 0;position: relative;}
ul.img-list {list-style-type: none;margin: 0;padding: 0;text-align: center;}
ul.img-list li {display: inline-block;height: 80px;margin: 0 1em 1em 0;position: relative;width: 100px;}
ul.img-list li:hover span.text-content {opacity: 1;}
span.text-content {background: rgba(0,0,0,0.5);color: white;cursor: pointer;display: table;height: 80px;left: 0;position: absolute;top: 0;width: 100px;opacity: 0;-webkit-transition: opacity 500ms;-moz-transition: opacity 500ms;-o-transition: opacity 500ms;transition: opacity 500ms;}
.centered{margin:0 auto;}
table.abb{margin:1em auto;border:10px;border-collapse:collapse;text-align:left;}
table.abb td{padding: 0.3em;}
div.abb{margin:1em auto;border:0px;padding:0.3em;text-align:left;}
div.abb img,div.abb .caption{padding-bottom: 0.6em;}
.credit{font-size:90%;color:#999999;text-align:right;}
table.rechts,div.rechts{clear:right;float:right;margin: 0 0 0.5em 0.5em;}
.clearer{clear: both;}
.ajaxtooltip{position:absolute;display:none;width:300px;left:0;top:0;background-color:#FFFFE0;border:2px solid gray;border-width:1px 2px 2px 1px;padding: 5px;}
#results{width:260px; border:solid 1px #DEDEDE; display:none;}
#results ul,#results li{padding:0; margin:0; border:0; list-style:none;}
#results li{border-top:solid 1px #DEDEDE;}
#results li a{display:block; padding:4px; text-decoration:none; color:#000000; font-weight:bold;}
#results li a small{display:block; text-decoration:none; color:#999999; font-weight:normal;}
#results li a:hover{background:#FFFFCC;}
#results ul{padding:6px;}
iframe.one{width:80%;padding:1px;} 
.topnumber{color:#FFFFFF;display:inline-block;font-size:60px;font-weight:bold;line-height:78px;margin-right:2px;text-align:center;width:48px;-moz-transition:background 0.2s ease-out 0s;background:none repeat scroll 0 0 #DDDDDD;}
.topnumberg{color:#F0F0F0;display:inline-block;float:left;font-size:60px;font-weight:bold;line-height:78px;margin-right:2px;text-align:center;width:48px;-moz-transition:background 0.2s ease-out 0s;background:none repeat scroll 0 0 #DDDDDD;}
.button{-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px;border-radius:4px;-moz-box-shadow:inset 1px 1px 0 rgba(255,255,255,0.3);-webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,0.3);box-shadow:inset 1px 1px 0 rgba(255,255,255,0.3);cursor:pointer;display:inline-block;font-family:"Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;font-size:14px;font-weight: bold;padding:6px 16px;outline:none!important;text-align:center;text-decoration:none;position:relative;-moz-box-sizing:border-box!important;e:16px;}
.button-blue{background:#0095cd;background:-webkit-gradient(linear,left top,left bottom,from(#00adee),to(#0078a5));background:-moz-linear-gradient(top,#00adee,#0078a5);-pie-background:linear-gradient(top,#00adee,#0078a5);border:1px solid #034462;color:#fff;text-shadow:0 1px 1px #00adee;}
.button-blue:hover,.button-blue:focus{background:#007ead;background:-webkit-gradient(linear,left top,left bottom,from(#0095cc),to(#00678e));background:-moz-linear-gradient(top,#0095cc,#00678e);-pie-background:linear-gradient(top,#0095cc,#00678e);border:1px solid #234;color:#fff;}
.button-red{background:#C44747;background:-webkit-gradient(linear,left top,left bottom,from(#DD5F5F),to(#A92C2C));background:-moz-linear-gradient(top,#DD5F5F,#A92C2C);-pie-background:linear-gradient(top,#DD5F5F,#A92C2C);border:1px solid #034462;color:#fff;}
.button-red:hover,.button-red:focus{background:-moz-linear-gradient(top,#DD4141 10%,#A92121 90%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0.1,#DD4141),color-stop(0.9,#A92121));-pie-background:linear-gradient(top,#DD4141 10%,#A92121 90%);border:1px solid #711;color:#fef4e9;}
.button-green{color:#fff;background:#8fc857;background:-webkit-gradient(linear,left top,left bottom,from(#8fc857),to(#5c9425));background:-moz-linear-gradient(top,#8fc857,#5c9425);-pie-background:linear-gradient(top,#8fc857,#5c9425);text-shadow:0 1px 1px rgba(0,0,0,0.25);border:1px solid #561;}
.button-green:hover,.button-green:focus{border:1px solid #561;background:#8fbb44;background:-webkit-gradient(linear,left top,left bottom,from(#8fbb44),to(#5c8825));background:-moz-linear-gradient(top,#8fbb44,#5c8825);-pie-background:linear-gradient(top,#8fbb44,#5c8825);border:1px solid #342;}
#megawrap{width:700px;height:2em;margin:0 auto; padding:0;border:0px;border-bottom:0px;z-index:1000;}
* html #megawrap{height:100%;width:100%;}
#megamenu{font-family:"Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;list-style:none;font-weight:normal;margin:0 auto; height:2em;}
#megamenu li{border:0;margin-left:-1px;float:left;width:120px;text-align:center;position:relative;}
#megamenu li:hover{background:#eee;border:0px;border-bottom:0;padding:7px 0 1px 0;margin-top:-7px;text-decoration:none;z-index:1000;}
#megamenu a{color:#000;outline:0;text-decoration:none;display:block;line-height:2em;}
#megamenu a:hover,#megamenu a:focus,#megamenu a:active{color:#000;text-decoration:none;}
#megamenu div{color:#000;position:absolute;left:-999em;margin-top:1px;width:350px;padding:0 10px 10px;border:0px;font-weight:normal;text-align:left;background:#eee;}
#megamenu li:hover div{left:0px;top:auto;}
#megamenu li.dif:hover div{left:-221px;}
#megamenu div h2{color:#000;font-size:1em;padding:0 10px;margin:30px 0 10px 0;clear:both;float:left;width:330px;text-align:center;text-decoration:none;position:relative;}
#megamenu div p{float:left;width:350px;position:relative;}
#megamenu div p a{text-decoration:none;float:left;clear:left;width:100%;line-height:1.4;color:#000;}
#megamenu div a:hover,#megamenu div a:focus,#megamenu div a:active{color:#000;text-decoration:none;}
#megamenu div .s1,#megamenu div .s2,#megamenu div .s3{position:absolute;width:100%;height:100%;}
#megamenu div .s1{top:1px;right:-9px;}
#megamenu div .s2{bottom:-9px;left:1px;}
#megamenu div .s3{bottom:0px;left:0px;zoom:1; -moz-box-shadow:3px 5px 7px #888;-webkit-box-shadow:3px 5px 7px #888;box-shadow:3px 5px 5px silver; border-radius: 2px;background:#eee;}
#megamenu li:hover .s4{position:absolute;top:0;right:0px;height:100%;padding:0 8px 0 0;zoom:1;background:#eee;-moz-box-shadow:3px 5px 3px #888;-webkit-box-shadow:3px 5px 3px #888;box-shadow:3px 5px 3px silver; border-radius: 2px;}
* html #megamenu li:hover .s4{background:none;}
#megamenu li:hover .dif-s4{padding-bottom:9px}
a.tooltip{font-family:"Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;font-size:11px;color:#383838;background-color:transparent;font-weight:normal;}
a.tooltip:after{font:12px/1.4 Arial,Georgia,sans-serif;content:attr(rel);display:none;position:absolute;padding:5px 10px;top:0px;margin:1em 0 3em;color:#fff;background:#075698;left:-20px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;background:-webkit-gradient(linear,left top,left bottom,from(#075698),to(#2e88c4));background:-moz-linear-gradient(top,#075698,#2e88c4);background:-o-linear-gradient(top,#075698,#2e88c4);background:linear-gradient(top,#075698,#2e88c4);-moz-box-shadow:0px 0px 4px #000; -webkit-box-shadow:0px 0px 4px #000; box-shadow:0px 0px 4px silver; border-radius: 2px;}
a.tooltip:before{z-index:13;position:absolute;content:"\00a0";display:none; width:0;height:0;border-style:solid;top:-3px;left:0px;border-width:15px 7px 15px 7px;border-color:transparent transparent #075698; }
a.tooltip:hover::before{display:block;}
a.tooltip:hover{z-index:10;position:relative;}
a.tooltip:hover::after{width:350px;display:block;text-align:justify;text-justify:newspaper;margin:25px 0 0 10px;}
.tag-triangle{border-color:transparent #3B5998 transparent transparent;border-style:solid;border-width:37px;width:0;height:0;float:left;}
.tag-rectangle{background-color:#3B5998;width:130px;height:75px;display:inline;float:right;}
.tag-rectangle h1{text-align:center;font-size:24px;color:#FFF;}
input[type=password],select,textarea{border:1px solid #aaa;transition:border linear .2s,box-shadow linear .2s;-moz-transition:border linear .2s,-moz-box-shadow linear .2s;-webkit-transition:border linear .2s,-webkit-box-shadow linear .2s;}
input[type=password]:focus,textarea:focus{outline:none;border-color:rgba(82,168,236,.75);box-shadow:0 0 8px rgba(82,168,236,.5);-moz-box-shadow:0 0 8px rgba(82,168,236,.5);-webkit-box-shadow:0 0 8px rgba(82,168,236,.5);}
.tooltipadmin{cursor:help;text-decoration:none;position:relative;}
.tooltipadmin span{margin-left:-999em;position:absolute;}
.tooltipadmin:hover span{border-radius:5px 5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-shadow:5px 5px 5px rgba(0, 0, 0, 0.1);-webkit-box-shadow:5px 5px rgba(0, 0, 0, 0.1);-moz-box-shadow:5px 5px rgba(0, 0, 0, 0.1);font-family:Calibri,Tahoma,Geneva,sans-serif;position:absolute;left:0;top:1.5em;z-index:99;margin-left:0;width:250px;}
.tooltipadmin:hover img{border:0;margin:-10px 0 0 -55px;float:left;position:absolute;}
.tooltipadmin:hover em{font-family:Candara,Tahoma,Geneva,sans-serif;font-size:1.2em;font-weight:bold;display:block;padding:0.2em 0 0.6em 0;}
.custom{padding:0.5em 0.8em 0.8em 2em;}
* html a:hover{background:transparent;}
.classic{background:#FFFFAA;border:1px solid #FFAD33;padding:5px;}
.critical{background:#FFCCAA;border:1px solid #FF3334;}
.help{background: #9FDAEE; border:1px solid #2BB0D7;}
.info{background: #9FDAEE; border:1px solid #2BB0D7;}
.warning{background:#FFFFAA;border:1px solid #FFAD33;}
.triangle-isosceles{position:relative;padding:15px;margin:1em 0 3em;color:#000;background:#f3961c;background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c));background:-moz-linear-gradient(#f9d835, #f3961c);background:-o-linear-gradient(#f9d835, #f3961c);background:linear-gradient(#f9d835, #f3961c);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.triangle-isosceles.top{background:-webkit-gradient(linear, 0 0, 0 100%,from(#f3961c),to(#f9d835));background:-moz-linear-gradient(#f3961c,#f9d835);background:-o-linear-gradient(#f3961c, #f9d835);background:linear-gradient(#f3961c,#f9d835);}
.triangle-isosceles:after{content:"";position:absolute;bottom:-15px;left:50px;border-width:15px 15px 0;border-style:solid;border-color:#f3961c transparent;display:block; width:0;}
.triangle-isosceles.top:after{top:-15px;right:50px;bottom:auto;left:auto;border-width:0 15px 15px;border-color:#f3961c transparent;}
.hint{overflow-y:hidden;overflow-x:hidden;display:none;background:#fff;position:absolute;right:0;vertical-align:middle;text-align:center;margin-top:1px;width:440px;height:520px;border:1px solid #aaa;border-radius: 5px 0 5px 5px;-moz-border-radius:5px 0 5px 5px;-webkit-border-radius:5px 0 5px 5px;box-shadow:0 3px 3px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 3px 3px rgba(0, 0, 0, 0.3);-webkit-box-shadow:0 3px 3px rgba(0, 0, 0, 0.3);padding:10px 12px;z-index:1500;}

ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}

ul.pagination li {display: inline;}

ul.pagination li a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
}

ul.pagination li a.active {
		font-weight: bold;
    background-color: #8b9dc3;
    color: white;
}

#slideout{position:fixed;top:105px;left:0;width:35px;height:120px;padding:10px;text-align:justify;background:#F0F0F0;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;-webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;box-shadow:0 0 5px #888;}
#slideout_inner{position:fixed;top:105px;left:-250px;text-align:justify;background:#F0F0F0;width:200px;padding:25px;height:160px;line-height:1;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;-webkit-border-radius:0 0 5px 0;-moz-border-radius:0 0 5px 0;border-radius:0 0 5px 0;box-shadow:0px 0px 5px #888;}
#slideout:hover{left:250px;}
#slideout:hover #slideout_inner{left:0;}
.topBar{width:100%;height:23px;position:relative;top:0;text-align:center;padding-top:7px;color:#fff;}
#footer{width:990px;margin:0px auto;text-align:center;}
roundedbox{border:1px solid #8ec1da;background-color:#ddeef6;border-radius:4px;box-shadow:inset 0 1px 3px #fff,inset 0 -15px #cbe6f2,0 0 3px #8ec1da;-o-box-shadow:inset 0 1px 3px #fff,inset 0 -15px #cbe6f2,0 0 3px #8ec1da;-webkit-box-shadow:inset 0 1px 3px #fff,inset 0 -15px #cbe6f2,0 0 3px #8ec1da;-moz-box-shadow:inset 0 1px 3px #fff,inset 0 -15px #cbe6f2,0 0 3px #8ec1da;color:#3985a8;text-shadow:0 1px #fff;padding:5px 30px;}
.download{width: 1.500em;height: 0.500em;border: 0.250em solid #2c2c2c;border-top: none;position: absolute;bottom: 0.188em;position: relative;margin-top:1em;}
.download:before{content: '';position: absolute;width: 0.438em;height: 0.625em;background: #2c2c2c;top: -0.875em;left: 0.563em;}
.download:after{width: 0em;height: 0em;content: '';position: absolute;border-style: solid;border-color: #2c2c2c transparent transparent transparent;border-width: 0.500em;left: 0.250em;top: -0.250em;}
#basket
{
    padding: 10px;
    border: 1px solid #eaeaea;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 0 4px #9c9c9c;
		cursor: pointer;
		background: #778899;
}
#basket:hover
{
    border-color: #9c9c9c;		
    -moz-box-shadow: 0 0 4px #9c9c9c;
    -webkit-box-shadow: 0 0 4px #9c9c9c;
    box-shadow: 0 0 4px #9c9c9c;
		background: #3B5998;
}

.spinner {
  margin: 00px auto 0;
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #e0eeee;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

.card {
  height: 120px;
  overflow: hidden;
  position: relative;
}
.card_content {
	-ms-word-break: break-all;
	word-break: break-all;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
  background-color: rgba(255,255,255,0.5);
  padding: 2px;
  position: absolute;
  bottom: -50px;
  transition: all 0.5s ease;
}
.card_content h3 {
  font-size: 1.5em;
  margin-bottom: 0.5em;
}
.card:hover .card_content {
  background-color: rgba(255,255,255,0.9);
  bottom: 0;
}

h3 {
    margin: 0;
    padding: 0;
    color: #3B5998;
}

.blink_text {
-webkit-animation-name: blinker;
-webkit-animation-duration: 2s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;

-moz-animation-name: blinker;
-moz-animation-duration: 2s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;

 animation-name: blinker;
 animation-duration: 2s;
 animation-timing-function: linear;
 animation-iteration-count: infinite;

 color: #446d8c;
}

@-moz-keyframes blinker {  
 0% { opacity: 2.5; }
 50% { opacity: 0.0; }
 100% { opacity: 1.0; }
 }

@-webkit-keyframes blinker {  
 0% { opacity: 2.5; }
 50% { opacity: 0.0; }
 100% { opacity: 1.0; }
 }

@keyframes blinker {  
 0% { opacity: 2.5; }
 50% { opacity: 0.0; }
 100% { opacity: 1.0; }
}

a.dsgvo{
display:inline-block;
padding:0.35em 1.2em;
border:0.1em solid #FFFFFF;
margin:0 0.3em 0.3em 0;
border-radius:0.12em;
box-sizing: border-box;
text-decoration:none;
font-family:'Roboto',sans-serif;
font-weight:300;
color:#FFFFFF;
text-align:center;
transition: all 0.2s;
}
a.dsgvo:hover{
color:#000000;
background-color:#6699ff;
}
@media all and (max-width:30em){
a.dsgvo{
display:block;
margin:0.4em auto;
}
} 

.circles {
  display: flex;
}
.circle-with-text {
  background: linear-gradient(orange, red);
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  text-align: center;
  margin: 5px 20px;
  font-size: 15px;
  padding: 15px;
  display: flex;
  height: 50px;
  width: 50px;
  color: #fff;
}
.multi-line-text {
  font-size: 20px;
}

.thegrid {
	display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(20em, 1fr));
  color: black;
  font: 16px Cambria, serif;
}
.thegrid .cell {
  background: #d1f2ff;
}
.btt {
  display: inline-block;
  text-decoration: none;
  font-size: 2rem;
  line-height: 3rem;
  text-align: center;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: #d6e3f0;
  /* emoji don't behave like regular fonts
     so this helped position it correctly */
  padding: 0.25rem;
}
.listPo {
    list-style: none;
		list-style-type:square;
    counter-reset: item;
    padding-left: 0.2em;
}
.listPo>li {
  counter-increment: item;
  margin-bottom: 8px;
  padding-left: 10px;
  position: relative;
}
.listPo>li:before {
  margin-right: 10px;
  background: #0e4b78;
  color: white;
  width: 1.5em;
  text-align: center;
  display: inline-block;
  padding-left: 1px;
  padding-right: 2px;
  position: absolute;
  top: 0; 
  left: 0;
}