/* DATEI: fw2021.css -- Stylesheet für FolkWorld ab 2020 */

body {
 background-color:#dcdcdc;
 margin-top:10px;
 margin-left:30px;
 margin-right:30px;
 font-family:Verdana,Arial,Helvetica,sans-serif;
 font-size:81%;
 line-height:133%;
 text-align:justify;
 scroll:auto;
 scrollbar-arrow-color:#000000;
 scrollbar-base-color:#dcdcdc;
 }

/* Definition Tabelle */

table { }
th { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:81%; }
td { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:81%; }

/* Definition Links */

a:link { text-decoration:none; color:#3333CC; }    
a:visited { text-decoration:none; color:#003366; } 
a:hover { text-decoration:underline; color:#FF3300; }  
a:active { text-decoration:underline; color:#FF3300; }  

/* Defintion vorhandener Elemente */

h1.title { font-family:"Times New Roman"; color:#ff0000; text-align:center; font-size:52px; line-height:100%; }
h2.title { font-family:"Times New Roman"; color:#ff0000; text-align:center; font-size:44px; line-height:100%; }
h3.title { font-family:"Times New Roman"; color:#ff0000; text-align:center; font-size:36px; line-height:100%; }
h4.title { font-family:"Times New Roman"; color:#ff0000; text-align:center; font-size:28px; line-height:100%; }

.news { font-family:"Times New Roman"; font-size:32px; color:#ff0000; }

h1 { font-family:"Times New Roman"; text-align:center; font-size:250%; }
h2 { font-family:"Times New Roman"; text-align:center; font-size:200%; }
h3 { font-family:"Times New Roman"; text-align:center; font-size:141%; }
h4 { font-family:"Times New Roman"; text-align:center; font-size:122%; }
h5 { font-family:"Times New Roman"; text-align:center; font-size:100%; }
h6 { font-family:"Times New Roman"; text-align:center; font-size:86%; }

li { list-style-type:square; padding-left:0px; }

pre { font-family:Courier; font-size:100%; margin-left:30px; }

hr.rd { color:#ff0000; }
hr.bl { color:#3333CC; }

sup { font-size:65%; font-weight:bold; }
sub { font-size:65%; }

/* Definition neuer Elemente */

.fw { float:left; padding:7px; color:#3333CC; font-size:115%; }
.author { float:right; padding:7px; color:#3333CC; font-size:115%; }

.c { text-align:center; }

.s { font-size:81%; line-height:110%; }
.n { font-size:100%; line-height:110%; }
.l { font-size:122%; line-height:122%; }
.xl { font-size:141%; line-height:122%; }
.bt { font-size:10px; line-height:100%; }

.flago { border-style:none; }
.flag { border-style:solid; border-width:1px; border-color:#000000; }
.flagl { float:left; margin-right:13px; margin-top:7px; border-style:solid; border-width:1px; border-color:#000000; }
.flagr { float:right; margin-left:13px; margin-top:7px; border-style:solid; border-width:1px; border-color:#000000; }
.flaglo { float:left; margin-right:13px; margin-top:7px; border-style:none; }
.flagro { float:right; margin-left:13px; margin-top:7px; border-style:none; }


.arrowl { float:left; margin-left:27px; }
.arrowr { float:right; margin-right:27px; }

.left { float:left; }
.right { float:right; }

.boxl { float:left; padding:3px; background-color:#dcdcdc; margin-right:10px; margin-top:5px; margin-bottom:5px; border:1px solid gray; font-size:12px; }
.boxr { float:right; padding:3px; background-color:#dcdcdc; margin-left:10px; margin-top:5px; margin-bottom:5px; border:1px solid gray; font-size:12px; }
.box { float:none; padding:3px; background-color:#dcdcdc; margin:auto; border:1px solid gray; font-size:12px; }
.boxi { float:none; padding:3px; background-color:#f5f5f5; margin:auto; border:1px solid gray; font-size:12px; }
.boxil { float:left; padding:3px; background-color:#f5f5f5; margin-right:10px; margin-top:5px; margin-bottom:5px; border:1px solid gray; font-size:12px; }
.boxir { float:right; padding:3px; background-color:#f5f5f5; margin-left:10px; margin-top:5px; margin-bottom:5px; border:1px solid gray; font-size:12px; }

.boxb { float:none; padding:3px; background-color:#000000; margin:auto; border:1px solid gray; font-size:12px; }

.q0 { font-size:122%; line-height:122%; margin-left:30px; margin-right:30px; }
.q1 { margin-left:30px; margin-right:30px; }
.q2 { font-size:81%; line-height:110%; margin-left:30px; margin-right:30px; }

.cdtab { float:none; background-color:#dcdcdc; margin:auto; border:1px solid gray; }
.cd { color:#ff0000; font-size:200%; line-height:122%; text-align:center; }
.rec { color:#003366; font-size:70%; line-height:122%; text-align:center; }
.rev { color:#003366; }
.web { font-weight:bold; float:right; padding:5px; background-color:#dcdcdc; margin-left:18px; margin-top:10px; margin-bottom:10px; border:1px solid gray; }



<style>
img.zoom {
 transition: transform 0.8s;
 -moz-transition: transform 0.8s;
 -webkit-transition: transform 0.8s;
 -o-transition: transform 0.8s;
 -ms-transition: transform 0.8s;
}
img.zoom:hover {
 cursor: zoom-in;
 cursor: -moz-zoom-in;
 cursor: -webkit-zoom-in;
 transform: scale(3.0, 3.0);
 -moz-transform: scale(3.0, 3.0);
 -webkit-transform: scale(3.0, 3.0);
 -o-transform: scale(3.0, 3.0);
 -ms-transform: scale(3.0, 3.0);
}
</style>