body {
    background-attachment:fixed;    
}
header{
    padding: 0px;
    padding-top: 20px;
    width: 100%;
}
header img{
    width: 100%;
    position: absolute;
}
header h3{
    font-size: 0px;
}
#sozial{
    float: right;
    width: 100px;
}
main{
    display: block;min-height: 100%;padding: 40px 20px;margin: auto;
}
footer{
    width: 100%;
    padding: 0px;
    position: relative;
    bottom: 10px;
    text-align:center;
}
footer a{
    color: #ff0000;
    cursor: pointer;
    text-decoration: none;
}
footer a:hover{
    color: #000;
}
#permanentlink,#impressum{
    top: 0;left: 0;
    position: fixed;
    width: 100%;height: 100%;
    display: none;
    background-color: rgba(204, 204, 204,0.6);
}
#permanentlink div,#impressum div{
    position: relative;
    margin: 150px auto;
    background: #fff;
    border: 3px double #CCCCCC;
	padding: 10px;
	text-align: justify;
}
#permanentlink div{
    width: 100%; height: 262px;
}
#impressum div{
    width: 100%; height: 500px;
    overflow: scroll;
}
#close,#close2{
    float: right;
    padding: 5px;
    font-weight: bolder;
    cursor: pointer;
}
/*Bedienfeld*/
#workingsurface{
    height: 81%;
    width: 100%;
    position: absolute;left: 0;
    float: left;
    border: 0;
    text-align: center;
    border-radius: 0;
    box-shadow: 0px 0px 0px #888;
    padding:0px;
}
#nav{
    width: calc(100% - 28px);
    height: 81%;
    padding: 0px;
    font-size: 16px;
    border: 0px solid #000000;
    resize:none;
    border-radius: 0;
    box-shadow: 0px 0px 0px #888;
    padding: 0px;
    margin-top: 18px;
    margin-left: 18px;
    padding-left:10px;
    position: absolute;left: 0;
}
#lettertwo{
    display: none;
}
.pu,.pu2,.pu3,.delt,.delt3,#ld,#ld3,.leerz,.umbruchz,#menu,#menuclose,#switsch1,#switsch2,#switsch3,#switsch4,#switsch5,#switsch6{
    width: 30px;height: 30px;margin:2px;
    border-left:1px solid #ccc;
    border-top:1px solid #ccc;
    border-right:1px solid #848484;
    border-bottom:1px solid #848484;
    cursor: pointer;
    background: #fff;
    font-family: Arial;text-align: center;font-size: 16px;color: #000;
    box-shadow: 1px 1px 1px #888;
    border-radius: 0;
}
.pu:hover,.pu3:hover,.delt:hover,.delt3:hover,#ld:hover,#ld3:hover,.leerz:hover,.umbruchz:hover,#menu:hover,#menuclose:hover,#switsch1:hover,#switsch2:hover,#switsch3:hover,#switsch4:hover,#switsch5:hover,#switsch6:hover{
    border-left:1px solid #848484;
    border-top:1px solid #848484;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    box-shadow: 2px 2px 2px #ccc inset;
}
#gr{
    margin: 35px 0 0;
    float: left;
    width: 149px;
}
#gr pre ,#kl pre{
    margin: -10px 0 0;
}
#kl{
    margin: 35px 0 0;
    float: right;
    width: 149px;
}
.grafik{
    width: 100px; 
}
.xxx,.delt,.leerz{
    width: 50px;
}
#info{
    text-align: left;
}
.info_b{
    width: 80px;
}
.permlink{
    width: 80px;
}
#switsch1,#switsch2,#switsch3,#switsch4,#switsch5,#switsch6{
    width: 120px;
    float: right;
    margin-right:10px;
    margin-top: 10px;
}
textarea{
    width: calc(100% - 20px);
    height: 140px;
    padding: 0px;
    font-size: 16px;
    border: 1px solid #000000;
    resize:none;
    border-radius: 0;
    box-shadow: 0px 0px 0px #888;
    padding: 5px;
}
#ausgabe{
    margin:500px 0 0 0;
    padding: 0px;
    width:100%;
}