body#erstes_buero {
background-image: url("old_cardboard_background_texture.jpg");
color: yellow;
}

body#zweites_buero {
background-image: url("old_brown_leather-seamless_texture.jpg");
color: yellow;
}

.cur_pointer {
	cursor: crosshair;
}

.geschafft {
color: rosybrown;
}

.x-walk {
	animation-name: xkey;
	animation-duration: 20s;
	animation-iteration-count: infinite;
}

@keyframes xkey{
	0% { transform: translateX(0px) rotate(0deg)}
	50%   { transform: translateX(1000px) rotate(3600deg)}
	100%   { transform: translateX(0px) rotate(0deg)}
}

.x-walk2 {
	animation-name: xkey2;
	animation-duration: 20s;
	animation-iteration-count: infinite;
}

@keyframes xkey2{
	0% { transform: translateX(1000px) rotate(0deg)}
	50%   { transform: translateX(0px) rotate(-3600deg)}
	100%   { transform: translateX(1000px) rotate(0deg)}
}

body#map-canvas {
padding-bottom: 56,25%;
height: 0;
}

.Wtmh_2 {
text-decoration: line-through;
color: red;
}

.Wtmh_2:hover {
color: yellow;
text-decoration: underline;
cursor: wait;
}

.z1 {
color: yellowgreen;
text-decoration: none;
}

.z1:hover {
text-decoration: underline;
color: oldlace;
}

body#liste {
background-image: url("Tutorial_lektion7_wall_tex.jpg");
color: yellow;
}

body#uao {
background-image: url("bild0003.jpg");
color: blueviolet;
}

body#hinki3{
background-image: url("Zombatar_3.jpg");
color: yellow;
}

body#weg{
background-image: url("holz.jpeg");
}

body#hinki25{
background-image: url("Zombatar_25.jpg");
color: lightblue;
}

body#huuuuu {
background-image: url("rosa-desktop-hintergrundbilder.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
color: yellow;
}

.hmmm {
text-decoration: none;
color: orangered;
}

.hmmm:hover {
text-decoration: underline;
color: oldlace;
}

.zliste {
color: yellow;
text-decoration: none;
}

body#zwockel {
background-image: url("xback05.gif");
color: yellow;
}

.zliste:hover {
color: oldlace;
text-decoration: underline;
}

body#mhp {
background-color: red; 
/*background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;

*/}

body#The_World_of_Fantasy {
background-image: url("bild0001.jpg");

}
.liste {
text-decoration: none;
color: green;
}
.liste:hover {
text-decoration: underline;
color: orange;
font-family: serif;
}

.post_diess {
font-family: sans-serif;
text-decoration: none;
color: yellowgreen;
}


.Wtmh_1:hover {
font-family: serif;
text-decoration: overline;
color: olive;
}

body#helden {
background-image: url("30.gif");
}

.

.ztwof {
text-decoration: none;
color: yellowgreen;
}

.ztwof:hover {
text-decoration: underline;
color: yellow;
}

h1 {
color: #317068;
}
.Wtmh_1 {
font-family: sans-serif;
text-decoration: underline;
color: gold;
} 

h2 {
color: blue;
}

.mannline_einleitung {
width: 50%;
border: 1px dashed grey;
padding: 5px;
margin: 10px;

}

.wof {
text-decoration: none;
}
body#erstes_buero {
color: green;

}


.wof:hover { 
color: green;
text-decoration: underline;
}

/*slider*/

.slideshow{margin: 0 auto; width:800px; height:500px; overflow:hidden;} //gibt Höhe und Breite des Sliders an, wichtig overflow:hidden

.inner{height:500px; background:lightgray} //Höhe muss gleich sein wie bei .slideshow, Breite wird später definiert

.slide{width:800px; height:500; margin-left:0px; float:left;} //float:left für horizontalen Slide

.left{float:left; margin-left:-75px;width:45px; height:45px; background:url("bild0003.jpg");} //Hintergrundbild linker Button

.right{float:right;margin-right:-75px;width:45px; height:45px; background:url("img/right.png"); } //Hintergrundbild rechter Button

.control{width:800px; position:absolute; top:250px;} //Kontrollfläche, durch top kann sie mittig ausgerichtet werden.