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('http://www.elsal.info/pic/listMarker1.png');
}

.bg1
{
background-image:url('http://www.elsal.info/pic/stripe100.png');
}

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('http://www.elsal.info/pic/stripe90.png');
}

.bg3
{
background-color:#CCFFFF;
}

/* fuer 1999-Bilder 450x300 */
.tmb1
{
	background-color: #99ffff;
	float: left;
	border: 10px ridge lightgreen;
	width: 420px;
	height: 45px;
	padding: 0px;
	margin: 10px;
	border-radius: 10px;
	padding-left: 10px;
	position:relative;
}

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


/* Bilder 400x300 */
.pic1
{
background-color:#161616;
position:relative;
z-index:-1;
border: 10px ridge lightgreen;
width:450px;
height:300px;
padding:5px;
margin:30px;
border-radius:10px;
text-align:center;
}

/* Bilder 300x200 */
.pic2
{
background-color:#333333;
position:relative;
z-index:0;
border: 10px ridge lightgreen;
width:300px;
height:200px;
padding: 5px;
margin:30px;
border-radius:6px;
text-align:center;
}

/* Bilder 400x300 */
.pic3
{
background-color:#333333;
position:relative;
border: 10px ridge lightgreen;
width:300px;
height:400px;
padding:5px;
margin:30px;
border-radius:10px;
text-align:center;
}

/* Bilder 450x300 */
.pic3a
{
background-color:#333333;
position:relative;
border: 10px ridge lightgreen;
width:450px;
height:300px;
padding:5px;
margin:30px;
border-radius:10px;
text-align:center;
}



/* 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;
}



.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
{
position:fixed;
bottom:-10px;
right:10px;
}

/* 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;