@font-face {
	font-family: "GraublauWeb";
	src: url(http://www.schoenhoff-design.de/sd82_media/GraublauWeb.otf) format("opentype");
}
 
@font-face {
	font-family: "GraublauWeb";
	font-weight: bold;
	src: url(http://www.schoenhoff-design.de/sd82_media/GraublauWebBold.otf) format("opentype");
}

#grund {
position : relative;
margin : 50px auto auto auto;
width : 900px;
height : 560px;
z-index : 0;
background-color : #fff;
}
#menu0 {
position : absolute;
top : 260px;
left : 30px;
width : 370px;
height : 300px;
}

#menu1 {
position : absolute;
top : 32px;
left : 270px;
width : 200px;
height : 50px;
}
/*#__menufuss {
position : absolute;
top : 550px;
left : 0;
width : 600px;
height : 20px;
}*/
#menufuss {
	position:fixed;    
	bottom: 0; 
	left: auto; 
	width:600px; 
	text-align:left; 
	padding-left : 8px;
	z-index:99 ;
	visibility:visible; 
}

#morph_0 {
position : absolute;
top : 0;
left : 0;
width : 892px;
}
#morph_2 {
position : absolute;
top : 0;
left : 0;
width : 892px;
visibility : hidden;
}
#werkzeug {
position : absolute;
top : 21px;
left : 620px;
width : 234px;
height : 200px;
}
#werkzeugtext {
position : absolute;
top : 5px;
left : 33px;
width : 180px;
height : 140px;
}

#knoepfe {
	position : absolute;
	top : 175px;
	left : 43px;
	width : 200px;
	height : 15px;
}

#text0 {
position : absolute;
top : 250px;
left : 400px;
width : 470px;
height : 360px;
overflow : hidden;
color : #555555;
font-size : 12px;
line-height : 150%;
text-indent : 2em;
}

#text {
position : absolute;
top : 250px;
left : 400px;
width : 470px;
height : 280px;
overflow : auto;
}




body {
	font-family : "GraublauWeb", "Helvetica Neue", helvetica, arial, sans-serif;
}

img {
	border : 0;
}

p.lauftext, h3, p {
color : #555555;
font-size : 12px;
line-height : 150%;
text-indent : 2em;
}
p.infotext {
color : #555555;
font-size : 11px;
line-height : 130%;
text-indent : 0;
}
h1, a.grosses_a:link, a.grosses_a:visited {
color : #444444;
font-size : 17px;
cursor : pointer;
font-weight : normal;
font-style : normal;
}

a.gruenes_a:link, a.gruenes_a:visited, .gruenes_a {
color : #0d726e;
font-size : 17px;
cursor : pointer;
font-weight : normal;
font-style : normal;
text-decoration : none;
}

a.graues_a:link, a.graues_a:visited, .graues_a {
color : #456789; /*#0d726e;*/
font-size : 12px;
cursor : pointer;
font-weight : normal;
font-style : normal;
text-decoration : none;
}

a.gruen_klein:link, a.gruen_klein:visited, .gruen_klein {
color : #0d726e;
font-size : 12px;
cursor : pointer;
font-weight : normal;
font-style : normal;
text-decoration : none;
}

/* back a.gruenes_a:link, a.gruenes_a:visited, .gruenes_a {
color : #456789;
font-size : 12px;
cursor : pointer;
font-weight : normal;
font-style : normal;
text-decoration : none;
}*/

h1.wechselnd {
color : #902020;
}

a:link, a:visited {
	text-decoration : none;
	color : #456789;
}

h1 + p, .textlink {
/* a:link, a:visited,*/
color : #456789;
font : normal 12px/9px "GraublauWeb", "Helvetica Neue", helvetica, arial, sans-serif;
text-indent : 2em;
text-decoration : none;
}

h3 {
font-size : 13px;
text-indent : 0;
}

strong {
font-weight : normal; font-style: italic; 
}
span:hover, a:hover, a.grosses_a:hover, a.gruenes_a:hover, a.gruen_klein:hover, .textlink:hover {
color : #aa2200;
cursor : pointer;
}
.fuss {
color : #610101;
font-size : 11px;
line-height : 100%;
}
a.fuss:link, a.fuss:visited {
color : #610101;
font-size : 11px;
line-height : 100%;
text-decoration : none;
}
a.fuss:hover {
color : #aa2200;
font-size : 11px;
line-height : 100%;
text-decoration : none;
}
#kein_script {position : absolute;
top : 300px;
left :400px;
width : 400px;
height :120px;
}