.all {font-family:Tahoma;
}
.oben {vertical-align:top;
 color:#E70063;
 font-weight:bold;
}
.x {color:#008000;
    font-weight:bold;
}
.y {color:#840000;
    font-weight:bold;
}
.z {color:#840000;
    background:#ffff00;
    font-weight:bold;
}
.rundeEcken { border:2px;
 border-style:solid;
 border-color:#FF5800;
 -moz-border-radius: 15px;
 background: #FFC800;
}
.rundeEcken1 { border:2px;
 border-style:solid;
 border-color:#FF5800;
 -moz-border-radius: 15px;
 background: #FFA800;
}
.tab1 { border:1px;
 border-style:solid;
 font-size:10px;
}
h1 {text-align:center;
 font-size:2em;
 color:#008000;
 font-style:standard;}
h2 {font-size:1.2em;
 text-align:center;
 color:#008000;
 background:#FFC800;}
p.rahmen{padding:10mm;
 font-size:28pt;
 margin-left:0.5cm;
 margin-right:1.5cm;
 border:double darkgreen;}
h3 { font-size:1em;
 font-weight:bold;
 font-style:standard;
 text-align:center;
 color:#080000;
}
h4 { font-size:10pt;
 font-weight:bold;
 text-align:left;
 color:#080000;
}
h5 { font-size:18pt;
 font-weight:bold;
 text-align:center;
 color:#008000;
}
#free1 { font-size: 12pt;
 font-weight: bold;
 color: darkgreen;
 background: #FFFF00
}
a:link { font-weight:bold;
 color:blue;
 text-decoration:none
}
a:visited { font-weight:bold;
 color:#0000E0;
 text-decoration:none
}
a:hover {color:red;
 background:#FFC800;
 text-decoration:none
}
a:active { font-weight:bold;
 color:#E00000;
 text-decoration:none
 }
a:focus { font-weight:bold;
 color:#00E000;
 text-decoration:none
 background:yellow
 }
body { background-image:url(http://waldorf-salzburg.info/home/grafiken/hg_02.jpg);
 background-attachment:fixed;
 }
.menu {display:none;}
#noniemenu {position:absolute;}
.outer { color:white;
 width:120px;
 height:18px;
 display:block;
 background:darkblue;
 border:1px solid red;
 -moz-border-radius:8px;
 margin-right:1px;
 text-align:left;
 padding-left:5px;
 padding-right:5px;
 float:left;
 text-decoration:none;
 font-family:tahoma, vardana, arial, sans-serif;
 font-weight:bold;
 font-size:12px;
 line-height:18px;
 overflow:hidden;
 }
.outer:hover { height:auto;
 cursor:pointer;
 color:yellow;
 background:blue;
 }
a.outer, a.outer:visited { color:white;
 width:120px;
 height:18px;
 display:block;
 background:darkblue;
 border:1px solid red;
 -moz-border-radius:8px;
 margin-right:1px;
 text-align:left;
 padding-left:5px;
 padding-right:5px;
 float:left;
 text-decoration:none;
 font-family:tahoma, vardana, arial, sans-serif;
 font-weight:bold;
 font-size:12px;
 line-height:18px;
 overflow:hidden;
 }
a.outer:hover { height:auto;
 cursor:pointer;
 color:yellow;
 background:blue;
 overflow:visible
 }
a.inner, a.inner:visited { display:block;
 width:130px;
 height:18px;
 border-bottom:1px solid blue;
 -moz-border-radius:8px;
 text-decoration:none;
 background:blue;
 color:white;
 font-family:tahoma, vardana, arial, sans-serif;
 font-weight:bold;
 font-size:12px;
 text-align:left;
 padding-left:5px;
 padding-right:5px;
 }
a.inner:hover { background:darkblue;
 color:yellow;
 }
a.outersu, a.outersu:visited { color:white;
 width:120px;
 height:18px;
 display:block;
 background:darkred;
 border:1px solid red;
 -moz-border-radius:8px;
 margin-right:1px;
 text-align:left;
 padding-left:5px; padding-right:5px;
 float:left;
 text-decoration:none;
 font-family:tahoma, vardana, arial, sans-serif;
 font-weight:bold;
 font-size:12px;
 line-height:18px;
 overflow:hidden;
 }
a.outersu:hover { color:yellow;
 background:red;
 overflow:visible;
 }
.outerlink { color:white;
 width:120px;
 height:18px;
 display:block;
 background:darkgreen;
 border:1px solid red;
 -moz-border-radius:8px;
 margin-right:1px;
 text-align:left;
 padding-left:5px;
 padding-right:5px;
 float:left;
 text-decoration:none;
 font-family:tahoma, vardana, arial, sans-serif;
 font-weight:bold;
 font-size:12px;
 line-height:18px;
 overflow:hidden;
 }
.outerlink:hover { height:auto;
 cursor:pointer;
 color:yellow;
 background:green;
 }
a.outerlink, a.outerlink:visited { color:white;
 width:120px;
 height:18px;
 display:block;
 background:darkgreen;
 border:1px solid red;
 -moz-border-radius:8px;
 margin-right:1px;
 text-align:left;
 padding-left:5px;
 padding-right:5px;
 float:left;
 text-decoration:none;
 font-family:tahoma, vardana, arial, sans-serif;
 font-weight:bold;
 font-size:12px;
 line-height:18px;
 overflow:hidden;
 }
a.innerlink:hover { height:auto;
 cursor:pointer;
 color:yellow;
 background:green;
 overflow:visible
 }
a.innerlink, a.innerlink:visited { display:block;
 width:130px;
 height:18px;
 border-bottom:1px solid green;
 -moz-border-radius:8px;
 text-decoration:none;
 background:green;
 color:white;
 font-family:tahoma, vardana, arial, sans-serif;
 font-weight:bold;
 font-size:12px;
 text-align:left;
 padding-left:5px;
 padding-right:5px;
 }
a.innerlink:hover { background:darkgreen;
 color:yellow;
 }

.thumbnail { position: relative;
 z-index: 0;
}

.thumbnail:hover { background-color: transparent;
 z-index: 50;
}

.thumbnail span { position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
font-weight: normal;
color: black;
text-decoration: none;
}

.thumbnail span img{ border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ visibility: visible;
top: 0;
left: 50px; /* position where enlarged image should offset horizontally */
right: -550px;
}