html, body { border: 0; margin: 0; padding: 0; height: 100%; max-height: 100%; overflow: visible;   }

body { 
font:  0.8125em, sans-serif; 
font-family: 'Source Sans 3', sans-serif;
line-height: 1; 
cursor:url(https://www.juergennobel.de/resources/cursorjn.png) 20 20 ,auto;
}           
  



  
img { border: none }

div {
    cursor:url(https://www.juergennobel.de/resources/cursorjn.png) 20 20 ,auto;}




#Inhalt {
 background-color: #ffffff !important;
 font-size: 16px !important;
 font-family: 'Source Sans 3', sans-serif;
 font-weight: 300;
   color: #000000 !important;
   padding-bottom: 14px !important;
  border-style: solid !important;
  border-width: 0px !important;
  -moz-border-radius: 0px !important;
  padding-top: 120px !important;
  padding-right: 100px!important;
  padding-left: 400px !important;
  width: 45% !important;
  max-width: 1200px !important;
  min-width: 200px !important;
  border-color: #ffffff !important;
  -webkit-border-radius: 0px !important;
  border-radius: 0px !important;




}


#Verlinkung {
  line-height: 168% !important;
  position: absolute !important;
  color: #000000 !important;
font-family: 'Source Sans 3', sans-serif;
  font-size: 10pt !important;
  background-color: #ffffff inherit;
}

#Verlinkung a {
  color: #000000 !important;
  text-decoration: none !important;
  background-color: inherit;
}

#Verlinkung a:hover {
  color: #d46636 !important;
  background-color: inherit;
}


.cursor{
	font-size: 80%;
	white-space: nowrap;
    overflow: hidden;
    transform: translateY(-50%);    
}
.typewriter-animation {
  animation: 
    typewriter 3s steps(50) 0.5s 1 normal both, 
    blinkingCursor 500ms steps(50) infinite normal;
}
@keyframes typewriter {
  from { width: 0; }
  to { width: 100%; }
}




h1 {
font-size: 180% !important;
font-family: 'Source Sans 3', sans-serif;
line-height: 100%;
font-weight: 400;
text-transform:uppercase;
margin-bottom: -10px;


 
}

h2 {
font-size: 120% !important;
font-family: 'Source Sans 3', sans-serif;
line-height: 120%;
font-weight: 400;
text-transform:uppercase;
margin-bottom: 5px
}

h5 {
font-size: 100% !important;
font-family: 'Source Sans 3', sans-serif;
font-weight: 400;
text-transform:uppercase;
}

h6 {
font-size: 14px !important;
font-family: 'Source Sans 3', sans-serif;
color: #d46636;
font-weight: 400;
line-height: 100%;
text-transform:uppercase;
margin-top: 20px;
margin-bottom: 0px
}

h4 {
font-size: 80% !important;
font-weight: 400;
line-height: 150%;
font-family: 'Source Sans 3', sans-serif;
}


h3 {
font-size: 0% !important;
font-family: 'Source Sans 3', sans-serif;
font-weight: 400;
line-height: 0%;
}

#menuitems a {
  color: #000000 !important;
  font-family: 'Source Sans 3', sans-serif;
  text-decoration: none !important;
  font-size: 15px !important;
  background-color: inherit;
}

#menuitems a:hover {
  color: #d46636 !important;
  background-color: inherit;
}



.menubarrightpadding {
  width: 20px !important;
}

#menu {
  background-color: #FFFFFF !important;
  border-style: solid !important;
  border-width: 5px !important;
  z-index:999999; 
  -moz-border-radius: 7px !important;
  opacity: 1 !important;
  width: 100% !important;
  filter: alpha(opacity=100) !important;
  padding: 0px 0 !important;
  border-color: #FFFFFF !important;
  -webkit-border-radius: 7px !important;
  border-radius: 7px !important;
  color: inherit;
}





.menubarleftpadding {
  width: 31px !important;
}

#menuitems.column li {
  line-height: 100% !important;
}


#menuwrapper {
   position: fixed;
   #position: absolute;
   
   margin: 0;
   z-index: 4;
   width: 100%;
}


#menu table {
   height: 100%;
   width: 100%;
}   

#menuitems {
	position: fixed; 
	background-color: #ffffff !important;
   vertical-align: middle;
   width: 100%;
   top: 0px;
   padding: 15px;
   
   margin: 0;
   margin-left: -38px;
}   






#menuitems ul {
   padding: 0;
   margin: 0;
   list-style-type: none;
   background: red;
}

#menuitems.row li {
   display: inline-block;
   float: left;
   margin: 0;
   padding: 0;
   list-style-type: none;
    margin-top: -3px !important;
   margin-left: 10px !important;
  line-height: 14px !important;
  margin-bottom: 20px !important;
}


  


a.brick { display: inline-block }

#wall {
   position: relative;
   margin-top: -50px !important;
   
}

.brick {
   position: absolute; 
}

.brick {
  border-color: #FFFFFF !important;
  border-style: solid !important;
  border-width: 20px !important;
  
}




#notable {
z-index: 1;
padding-top: 245px;
padding-left: 15px;
padding-right: 15px;
max-width: 700px
}


/* Text */
.overlay-text {
  color: #000000;

}



.atab {
	margin-top: 0px;
	tab-size:35; 
	white-space: pre;

	
}