.inputtext{background-color:#ffecf5;}
.area{background-color:#FFFFCE;}
.gelb {
background-color : #ffffdd;
}
.gruen {
background-color : #bfffbf;
}
.rose {
background-color : #ffecf5;
}
.blau {
background-color : #d5d0f4;
}
.grau {
background-color : #f0f0f0;
}
a.prev {
padding-left : 14px;
background : url(grafiken/xprev.gif) no-repeat left;
}
a.next {
padding-right : 14px;
background : url(grafiken/xnext.gif) no-repeat right;
margin-left : 210px;
}
a.down {
padding-left : 10px;
background : url(grafiken/xdown.gif) no-repeat left;
text-align : right;
}
a.up {
margin-top : 5px;
padding-left : 14px;
background : url(grafiken/xup.gif) no-repeat left;
text-align : right;
}
#list6 ul{
list-style:none;
margin:0;
padding:0;}

#list6 li{
float:left;
width:8em;
list-style:none;
margin:0 0 0 10px;}

#list6 a{
color:#006595;
font:normal 12px arial,sans-serif;
padding:5px 0 5px 0;
width:100%;
height:100%;
display:block;
text-decoration:none;
background:  #bfffbf ;
border:1px dashed green;
border-left:5px solid green;
text-align:center;}

#list6 a:hover{
color:#006595;
border:1px solid lightgrey;
border-left:5px solid lightgrey;}

#box1 {
font-family:arial, verdana, sans-serif;
font-weight:bold;
position:absolute; top:17em; left:15em;
z-index:3;}

#box1 a {
color:#000000;
background:#bfffbf;
text-decoration:none;
display:block;
padding:0.4em;
border:1px dashed green;}

#box1 a:hover {
color:black;
background:#bfffbf;
text-decoration:none;
width:45em;
border:1px solid green;}

#box1 a .info {display:none;}

#box1 a:hover .info {
color:black;
background:white;
border:1px dashed green;
font-weight:normal;
display:block;
padding:0.6em;}


#box2 {
font-family:arial, verdana, sans-serif;
font-weight:bold;
position:absolute;
top:17em;
left:23em;
z-index:2;
}

#box3 {
font-family:arial, verdana, sans-serif;
font-weight:bold;
position:absolute;
top:25em;
left:15em;
z-index:1;
text-align:left;}

#box2 a, #box3 a {
color:#000000;
background:#bfffbf;
text-decoration:none;
display:block;
padding:0.4em;
margin:0;
border:1px dashed green;
width:15em;}

#box2 a:hover, #box3 a:hover {
color:black;
background:#bfffbf;
text-decoration:none;
border:1px solid black;}

#box2 a .info, #box3 a .info {display:none;}

#box2 a:hover .info, #box3 a:hover .info {
color:darkslateblue;
background:#fafafa;
font-weight:normal;
border:1px dashed green;
display:block;
padding:0.4em;
font-size:1.1em;
}

.sel{color:red;background:transparent;}
#csscode{margin:18em 4em 4em 4em;border-top:1px dashed black;}
#csscode pre {color:#0000cc}