body {
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size:80%;
color:grey;
}

h1 {
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size:300%;
color:yellow;
}

h2 {
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size:250%;
color:#ff9933;
}

h3 {
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size:200%;
color:yellow;
}


h4 {
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size:150%;
color:#ff9933;
}

h5 {
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size:140%;
text-align:center;
color:Orange;
}

h6 {
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size:120%;
color:Red;
}

title {
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size:200%;
text-align:center;
color:Orange;
}

td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

th {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

ul 
{
list-style-image:url('https://www.elsal.info/pic/listMarker1.png');
}

.bg1
{
background-image:url('stripe.gif');
}

a:link {color:Yellow; font-size:200%; text-decoration:none;}    /* unvisited link */
a:visited {color:DarkGoldenRod; font-size:200%; text-decoration:none;} /* visited link */
a:hover {color:Coral; font-size:200%; text-decoration:none;}   /* mouse over link */
a:active {color:#FF0000; font-size:200%; text-decoration:none;}  /* selected link */

.bg2
{
/* background-color:#FFFFCC; */
background-image:url('stripe.gif');
}

.bg3
{
background-color:#CCFFFF;
}

.tmb1
{
background-color:#161616;
float:left;
border:10px ridge darkgray;
width:160px;
height:120px;
padding:15px;
margin:30px;
border-radius:20px;
}

/* für 1999-Bilder 120x120 */
.tmb3
{
background-color:#161616;
float:left;
border:10px ridge darkgray;
width:120px;
height:120px;
padding:15px;
margin:30px;
border-radius:20px;
}


/* für Natur-Bilder 800x600 */
.pic1
{
background-color:#161616;
position:absolute;
left:160px;
top:50px;
z-index:-1;
border:10px ridge darkgray;
width:800px;
height:600px;
padding:30px;
margin:60px;
border-radius:40px;
}

/* für Art-Bilder 1000x850 */
.pic2
{
background-color:#333333;
position:absolute;
left:80px;
top:60px;
z-index:-1;
border:10px ridge SlateGray;
width:1000px;
height:850px;
padding:30px;
margin:30px;
border-radius:6px;
}

/* für Art-Bilder 850x850 */
.pic3
{
background-color:#333333;
position:absolute;
left:80px;
top:120px;
z-index:-1;
border:10px ridge SlateGray;
width:850px;
height:850px;
padding:30px;
margin:30px;
border-radius:6px;
}

/* für Art-Bilder 1000x750 */
.pic4
{
background-color:#333333;
position:absolute;
left:80px;
top:120px;
z-index:-1;
border:10px ridge SlateGray;
width:1000px;
height:750px;
padding:30px;
margin:30px;
border-radius:6px;
}

/* für Art-Bilder 1000x800 */
.pic5
{
background-color:#333333;
position:absolute;
left:80px;
top:120px;
z-index:-1;
border:10px ridge SlateGray;
width:1000px;
height:800px;
padding:30px;
margin:30px;
border-radius:6px;
}


/* für Art-Bilder */
.pic6
{
background-color:#333333;
position:absolute;
left:80px;
top:120px;
z-index:-1;
border:10px ridge SlateGray;
width:652px;
height:850px;
padding:30px;
margin:30px;
border-radius:6px;
}

/* für Art-Bilder */
.pic7
{
background-color:#333333;
position:absolute;
left:80px;
top:120px;
z-index:-1;
border:10px ridge SlateGray;
width:500px;
height:500px;
padding:30px;
margin:30px;
border-radius:6px;
}

/* für Art-Bilder 850x850 */
.pic8
{
background-color:#333333;
position:absolute;
left:80px;
top:120px;
z-index:-1;
border:10px ridge SlateGray;
width:850px;
height:850px;
padding:30px;
margin:30px;
border-radius:6px;
}

.pos-abs
{
position:absolute;
left:0px;
top:0px;
z-index:-1;
}

/* Position des Logos */
.pos-bottom1
{
position:fixed;
bottom:20px;
right:10px;
}

/* Position des Copyrights */
.pos-bottom2
{
background-color: #666666;
position:fixed;
bottom:-10px;
right:10px;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size:80%;
color:#999999;
}


/* Position der 1. Überschrift */
#pos-top1
{
position:fixed;
top:20px;
left:20px;
}
/* Abstand links der Verb-Liste */
.pos_left
{
position:relative;
left:100px;
}

/* Test-area: */


/* positionieren der tmb nach dem big-pic */
.tmb-pos1
{
position:fixed;
top:400px;
right:0px;
}

/* Textbox für Bilder positionieren */
div.tx
{
width:320px;
padding:10px;
border:5px solid gray;
margin:22px;
position:absolute;
right:20px;
top:120px;
background-color:#161616;
}

/* Textbox für "Unterhaltung" positionieren */
div.tx2
{
width:500px;
padding:10px;
border:5px solid gray;
margin:22px;
position:relative;
left:10px;
top:0px;

/* background: -webkit-linear-gradient(#ffff99, #ccffff); /* For Safari */
/* background: -o-linear-gradient(#ffff99, #ccffff); /* For Opera 11.1 to 12.0 */
/* background: -moz-linear-gradient(#ffff99, #ccffff); /* For Firefox 3.6 to 15 */
/* background: linear-gradient(#ffff99, #ccffff); /* Standard syntax (must be last) */
background-color:#FFFFCC; 
}

/* Textbox für "Wortschatz" positionieren */
div.tx3
{
width:400px;
padding:10px;
border:5px solid gray;
margin:22px;
position:relative;
/* left:20px;*/
top:0px;
background-color:#CCFFFF;
}

/* Text positionieren */
div.txtpos
{
position:relative;
left:20px;
}

p.lisa
{
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size:100%;
text-align:left;
color:Red;
}

p.rudi
{
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size:100%;
text-align:left;
color:Green;
}

p.wort
{
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size:90%;
text-align:left;
color:Black;
}

/* TEST Textbox positionieren unten*/
.tmb2
{
background-color:#161616;
float:left;
border:6px;

p.txtcol 
{
        color:MediumSeaGreen;
}