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

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:100%;
text-align:center;
color:Orange;
}

h6 {
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
color:DarkGoldenRod; 
font-size:80%; 
text-decoration:none;
}

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');
}

.tex1 {
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size:120%;
text-align:left;
color:black;
}

.tex2 {
font-size:200%;
}


.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-image:url('stripe.gif');
}


.container {
	margin-left: auto;
	margin-right: auto;
    box-sizing: border-box;
    width: 50%;
    border: 5px solid red;
    float: left;
}	
	
.content {
    max-width: 90%;
    margin: auto;
/*    background: white; */
    padding: 10px;
}

	
.innen {
  background-color: lightgrey;
  width: 70%;
  border: 15px solid green;
  padding: 10px;
  margin: 20px;
}


.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;
font-size:100%;
/* text-align:center; */
color:grey;
}

/* Position BACK-button */
.top1 {
position:fixed;
top:0px;
left:0px;
font-size:200%;
}

/* Position NEXT-button */
.top2 {
position:fixed;
top:0px;
right:0px;
font-size:200%;
}







/* Position der 1. Überschrift */
#pos-top1 {
position:fixed;
top:20px;
left:20px;
color: orange;
}

/* Abstand links der Verb-Liste */
.pos_left {
position:relative;
left:100px;
}

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

/* Textbox für Bilder positionieren */
.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 */
.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 */
.tx3 {
width:400px;
padding:10px;
border:5px solid gray;
margin:22px;
position:relative;
/* left:20px;*/
top:0px;
background-color:#CCFFFF;
}

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

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