#menuback
{
  background: #E7C48E;
}

#menucontainer
{
  margin: auto;
  text-align: left;
  width: 810px;
  padding: 15px 0 0 0;
}

#menu
{
  background: #B77200;
  color: white; 
  border-width: 0;
  border-color: #000000;
  border-style: solid;
  font-family: tahoma, helvetica, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  padding: 3px;
  width: 90px;
  cursor: hand;
  display: block;
  float: left;
  text-decoration: none;
}

#menu:hover
{
  background: #ffdea9;
}

#paragraph
{
  height: auto; 
  text-align: center;
}

#paragraphheader
{
  position: relative;
  color: #FFDEA9; 
  background: #B77200;
  border-width: 0;
  border-color: #000000;
  border-style: solid;
  font-family: tahoma, helvetica, arial, sans-serif;
  font-size: 12px;
  font-weight: 900;
  padding: 2px 2px 2px 5px;
  text-align: right;
  width: 40%;
  #height: 24px;
}

#paragraphbody
{
  width: 732px;
  min-height: 240px;
  height: auto;
  position: relative;
  background: #FFDEA9;
  color: #303030;
  font-family: tahoma, helvetica, arial, sans-serif;
  font-size: 12px;
  padding: 5px 0 20px 15px;
  text-align: left;
}

#paragraphimagebody
{
  width: 732px;
  min-height: 240px;
  height: auto;
  position: relative;
  background: #FFDEA9;
  color: #303030;
  font-family: tahoma, helvetica, arial, sans-serif;
  font-size: 12px;
  padding: 5px 0 20px 15px;
  text-align: left;
}

#paragraphimage
{
  border-style: none;
  float: right;
  width: 340px;
  min-height: 240px;
  padding: 5px 5px 15px 0;
  text-align: center;
}

#linkcontainer
{
  width: 732px;
}

#link
{
  position: relative;
  background: #E7C48E;
  color: #303030;
  font-family: tahoma, helvetica, arial, sans-serif;
  font-size: 12px;
  padding: 0px 0 50px 0;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  width: 120px;
}

#linkimage
{
  text-decoration: none;
  padding: 0;
}


#bodycontainer
{
  margin: auto;
  height: 100%;
  text-align: center;
  padding: 0;
  background-color: #E7C48E;
  font-family: "Segoe UI", Roboto
}

span.grcomment
{
  color: #008000;
}

span.grstring
{
  color: #808080;
}

span.grint
{
  color: #1C50ED;
}

span.grlabel
{
  color: #D70D00;
}

span.grpseudoop
{
  color: #FF9932;
}

span.gropcode
{
  color: #000000;
}

pre
{
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #E3E3E3;
  color: #000000;
  border-radius: 4px;
}

body
{
  background: #E7C48E;
  padding: 0.5em;
}

.content
{
  background: #E7C48E;
  margin: 0 auto;
  padding: 0.5em;
  width: 80%;
}

IMG
{
  border-radius: 4px;
}

a 
{
  background-color: #E3E3E3;
  text-decoration: none;
  display: inline-block;
  padding: 8px 16px;
}

.download
{
  text-align: center;
}

.previous:hover 
{
  background-color: #c0c0c0;
  color: black;
}

.next:hover 
{
  background-color: #207020;
}

.previous 
{
  background-color: #E3E3E3;
  color: black;
  border-size: 1;
  border-radius: 4px;
}

.next 
{
  background-color: #4CAF50;
  color: white;
  border-size: 1;
  border-radius: 4px;
}

.bottommenu
{
  position: fixed;
  bottom: 0px;
  background-color: #E7C48E;
  width: 100%;
  padding: 5px;
}

body.menubody
{
  padding: 0px;
  overflow-x: hidden;
}

a.tutmenu
{
  background: #B77200;
  color: white; 
  border-width: 0;
  border-color: #000000;
  border-style: solid;
  font-family: tahoma, helvetica, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  padding: 3px;
  width: 100%;
  cursor: hand;
  display: block;
  float: left;
  text-decoration: none;
}

a.tutmenu:hover
{
  background: #ffdea9;
}

.disabled {
   pointer-events: none;
   cursor: default;
   border-radius: 4px;
   color: gray;
}