@font-face {
    font-family: "LY";
    src: url("27B20B_0_0.ttf"); 
    }
@font-face {
    font-family: "LYBOLD";
    src: url("27B20B_1_0.ttf"); 
}
@font-face {
    font-family: "BUREG";
    src: url("Buenard-Regular.ttf"); 
    }
@font-face {
    font-family: "BUBOLD";
    src: url("Buenard-Bold.ttf"); 
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline;}

html, body { -moz-osx-font-smoothing: grayscale; height: 100%; padding: 0; margin: 0; font-size:94%;}
body{padding-bottom: 50px;}
div { float: left; }
html{
	overflow-x: hidden; 
    overflow-y: auto;
}
#div1 { 
    width: 20%;
    background: none;
    position:static;
    height: 100%;
}
#div2 { 
    width: 14%; 
    background: none; 
    font-family: "BUBOLD";
	color: black;
    padding-left:3em; 
    line-height:1.3em;
    height: 100%;

}
#content2 li{
    cursor:pointer;line-height:1.2em;
}
#div3 { 
    width: 44%;
    background: none;
    font-family: "BUREG"!important;
	color: black;
	line-height:1.3em;
	line-height:1.3em;
    padding-left:2em;
    display: inline-block;
    height: 100%;
}
#div4 { 
    width: 13%;
    background: none;
	float:right;
    display:inline-block;
    height: 100%;
}

#name{
	font-family: "LY";
    margin-top: 2em;
    margin-left: 2em; 
    position:fixed;
    -webkit-backface-visibility: hidden;  
}

#name a{
	text-decoration: none;
	color:black;	
}

ul, li, a {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
    color: black;
}

#menu{
    position:fixed;
	-webkit-backface-visibility: hidden;
}

.logo_mobil{
    display: none;
    font-family: "LY";
    margin-top: 2em;
    -webkit-backface-visibility: hidden; 
}
.menuright{
    margin-top: 2em;
}
.menuleft{
    margin-top: 13em;
}

#menu ul a{
	font-family: "LYBOLD";
}

#content2 #menu ul a{
	font-family: "BUBOLD";
}


#menu ul li ul{
	
	margin-top: .5em;
	}

#menu ul li ul a{
	font-family: "LY";
    }
    
.verben{cursor:pointer;	font-family: "BUBOLD";}
.text{
	color:white;
}



#content{
    position: relative;
	width:80%;
	line-height:1.3em;
	}
#bold {
	font-family: "LYBOLD";
}

#bold_img {
	font-family: "BUBOLD";
}
#bold_img p {
	font-family: "BUBOLD!imporant";
}

#linkk {
	text-decoration: none;
	color: black;
	font-weight: thin;
	font-family: "BUBOLD!important";
   }
   .selected {
    font-family: "BUBOLD";
    }
    
    .bild {display:none;}
    
    .texte {display:none;}
    
    #aufsatz{
        
    }
    .ueberschrift{
    font-family: "LY";
    font-size:96%;
    line-height: 1.3em;	
        }
    
    
     
    
    #normalContent.img{display:none;}
    
    #liste {
        style:"line-height:1.3em;"
    }
    #normalContent
{
	width:90%!;
}

.buch{
    width:100%!important;
}

p span{
    font-family: "BUREG";
}

/* For portrait */
@media (pointer:none), (pointer:coarse) and (orientation: portrait) {
    .logo_mobil{
        font-size: 35px;
        display:block!important;
    }
    #div3 {
      background-color: none;
      width: 70%;
    }

    #div1{
        display: none;
    }
    #div2{
        display: none;
    }
    
    .normalContent{
        width: 95%!important;
        font-size: 40px;
        line-height: 42px;
        padding-top:2em!important;
    }
    .content{
        width: 100%!important;
        padding-bottom: 2em;
        font-size: 40px;
        line-height: 42px;
    }
    .texte{
        width: 100%!important;
        font-size: 40px;
        line-height: 42px;
    }
    .uber{
        font-size: 40px;
    }
    #bold{
        font-size: 40px;
    }
    #div4{
        width: 27%;
        float: left;
        font-size: 30px;
    }
  }

  /* For landscape */
  
  @media (pointer:none), (pointer:coarse) and (orientation: landscape) {
    .logo_mobil{
        display:block!important;
        font-size: 23px!important;
    }
    #div3 {
        background-color: none;
        width: 80%;
      }
    #div1{
        display: none;
    }
    #div2{
        display: none;
    }
    #div3{
        width: 80%;
    }
    .normalContent{
        width: 100%;
        padding-top:2em!important;
        font-size: 16px!important;
        line-height: 18px!important;

    }
    .content{
        width: 100%;
        padding-bottom: 2em;
        font-size: 16px!important;
        line-height: 18px!important;
    }
    .texte{
        font-size: 16px!important;
    }
    .uber{
        font-size: 22px!important;
    }
    #bold{
        font-size: 22px!important;
    }
    #div4{
        width: 13%;
        float: left;
        font-size: 20px!important;
    }
    
  }