body {
  margin: 0;
  padding: 0;
/*   background: #f7f1e9 none repeat scroll 0% 50%; */
  background: #F7F6F4 none repeat scroll 0% 50%;

  font-family: arial,helvetica,sans-serif;
  font-size: 12pt;
/*   color: #333333; */
  color: #555;
  
    text-align: justify;
    text-justify: inter-word;  
  
}

#container, .leaflet-container {
  background: #F7F6F4 ;
  	box-shadow: 0 0 15px rgba(0,0,0,0.2);
	border-radius: 5px;

}

#container {
/*   border: 1px solid #000000; */
  margin: 0.6em auto;
/*   background: #ffffff none repeat scroll 0% 50%; */
/*   background: #F7F6F4 none repeat scroll 0% 50%; */
  max-width: 960px;
}

#header {
  border-bottom: 10px solid #672a25;
  background: #baa689 url(grafika/pjlogo-site.svg) no-repeat scroll 	45% 60%;
  height: 80px;
  overflow: hidden;
}

#header h1 {
  margin: 0;
  padding: 0px 10px 0px 218px;
  color: #ffffff;
  font-size: 16pt;
  position: relative;
  left: 0px;
  top: 26px;
}
#header div.tl {
  padding: 5px;
  height: 19px;
  top: 0%;
  left: 45px;
  font-size: 11px;
  text-align: right;
  color: #ffffff;
  overflow: hidden;
}


.responsive, .responsive-central {
    max-width: 100%;
    height: auto;
}

.responsive-central {
    display: block;
    max-width: 100%;
    height: auto;
    margin: auto;
}

.central {
  margin: auto;
}

.topnav {
    /* Safari */
/*     position: -webkit-sticky;  */
/*     position: sticky; */
    top: 0;
	z-index: 9998;
}

.topnav, .bottomnav {
  overflow: hidden;
  background-color: #baa689;
  color: #ff0000;
}

.topnav a, .bottomnav a  {
  float: left;
  display: block;
  color: #f2f2f2;  
  text-align: center;
  padding: 0.7em 0.8em;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.0em;
}

.topnav a:hover, .bottomnav a:hover {
  background-color: #672a25;
  color: #ffff77;
}

.topnav a.active, .bottomnav a.active{
  background-color: #672a25;
  color: #ffff77;
}

/* 
.active {
  background-color: #672a25;
  color: #ffff77;
}
 */

.topnav .logo {
  display: none;
/* 
  width:2.3em ;
  height:auto ;
  float: left;
  padding: 0.15em 0.2em 0em 0.2em ; 
 */
}

.topnav.sticky .logo {
  display: block;
  width:2.3em ;
  height:auto ;
  float: left;
  padding: 0.15em 0.2em 0em 0.3em ; 
}


.topnav .icon {
  display: none;
}


.carousel-box {

	width: 100%;
/* 	height: 420px; */

	max-width: 100%;
/* 	max-height: 420px; */
	width: auto;
	height: auto;

	text-align: center;
}

.carousel-box img {
	max-width: 100%;
/* 	max-height: 420px; */
	max-height: 550px;
	width: auto;
	height: auto;
	margin: auto ;
}


.downloadbox {
	width: 90%;
/*   border: 1px solid #FF0000; */
  display:table;
  margin: auto;
  padding: 0em 0em 1em 0em;
}

.downloadsystem {
	width: 85px;
	float: left;
/*   border: 1px solid #00FF00; */
  display:table-cell;
  vertical-align:middle;
}

.downloadlinks {
	width: 100%;
/*   border: 1px solid #0000FF; */
  display:table-cell;
  vertical-align:middle;
}


.download-link {
background:transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA0MzMuNSA0MzMuNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDMzLjUgNDMzLjU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48ZyBpZD0iZmlsZS1kb3dubG9hZCI+PHBhdGggZD0iTTM5NS4yNSwxNTNoLTEwMlYwaC0xNTN2MTUzaC0xMDJsMTc4LjUsMTc4LjVMMzk1LjI1LDE1M3ogTTM4LjI1LDM4Mi41djUxaDM1N3YtNTFIMzguMjV6IiBmaWxsPSIjMDA2NjAwIi8+PC9nPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4=") 
no-repeat scroll 96% 50% / 18px 18px;
/* background:transparent url("grafika/download-button-green.svg") no-repeat scroll 96% 50% / 18px 18px; */
font-size:100%;
font-family:Roboto, Arial, sans-serif;
font-weight: bold;
text-decoration:none;
color:#006600;
display:inline-block;
padding:4px 38px 4px 12px;
border-radius: 1px;
border: 1px solid #cccccc;
opacity:0.9 ;
cursor:pointer
}

.download-link-aux {
display:inline-block;
/* font-weight: bold; */
font-size: smaller;
padding:6px 38px 6px 12px;
}

.download-link:hover {
	background:#672a25 url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA0MzMuNSA0MzMuNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDMzLjUgNDMzLjU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48ZyBpZD0iZmlsZS1kb3dubG9hZCI+PHBhdGggZD0iTTM5NS4yNSwxNTNoLTEwMlYwaC0xNTN2MTUzaC0xMDJsMTc4LjUsMTc4LjVMMzk1LjI1LDE1M3ogTTM4LjI1LDM4Mi41djUxaDM1N3YtNTFIMzguMjV6IiBmaWxsPSIjZmZmZjc3Ii8+PC9nPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4=") 
	no-repeat scroll 96% 50% / 18px 18px;
/* 	background:#672a25 url("grafika/download-button-yellow.svg") no-repeat scroll 96% 50% / 18px 18px; */
	color:#ffff77;
}






.buy-link, .buy-link-box {
font-size:125%;
font-family:Roboto, Arial, sans-serif;
font-weight: bold;
text-decoration:none;
text-align: center;
background:#009900;
color:#eee;
display:inline-block;
border-radius: 8px;
border: 1px solid #ccc;
opacity:0.9 ;
cursor:pointer;
box-shadow: 0 0 6px rgba(0,0,0,0.2);
text-shadow: 0 -1px 0 #012102;
}


.buy-link {
padding:8px 12px 8px 12px;
}

.buy-link-box {
width:100px;
padding:8px 0px 8px 0px;
}

.buy-link-aux {
display:inline-block;
font-size: smaller;
padding:10px 0px 10px 0px;
}

.buy-link:hover, .buy-link-box:hover {
/* 	background:#672a25 url("grafika/shopping-cart-white.svg") no-repeat scroll 96% 50% / 18px 18px; */
background:#006600;
color:#ffff77;
box-shadow: 0 0 8px rgba(0,0,0,0.4);
border: 1px solid #005700;
}



@media screen and (max-width: 660px) {
  #header div.pag  {display: none;}

  .buy-wrapper {text-align: center;}
}

@media screen and (max-width: 460px) {
  
  .topnav a.active {display: block;}
  .topnav a {display: none;}

/*   .topnav a:not(:first-child) {display: none;} */
  
  .topnav a.icon {
    float: right;
    display: block;
  }

.bottomnav a  {
  float: none;
}

.topnav {
  background-color: #672a25;
}


}



@media screen and (max-width: 460px) {
/*   .topnav.responsive {position: relative;} */

  .topnav.responsive {
  	position: relative;
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
	z-index: 9998;
	}

  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  
  #header div.pag  {display: none;}
  #header {
    background: #baa689 url(grafika/pjlogo-site.svg) no-repeat scroll 	50% 60%;
    background-size: 310px;
  }
  
  #header div.tl {
    display: none;
  }
}


#footer div.tl {
  padding: 0px 0px 7px;
  height: 12px;
  font-size: 11px;
  text-align: left;
  color: #ffffff;
}
#footer div.tr {
  padding: 0px;
  height: 1px;
  width: 1px;
  float: right;
  overflow: hidden;
}
#header div.pag {
  padding: 5px 1em;
  background: #672a25 none repeat scroll 0% 50%;
  position: relative;
  height: 22px;
  bottom: -27px;
  color: #ffffff;
  font-size: 10pt;
  font-weight: bold;
  text-align: right;
  float: right;
  overflow: hidden;
}

.embed-container { 
  position: relative; 
  padding-bottom: 56.25%; 
  height: 0; 
  overflow: hidden; 
/*   max-width: 100%;  */
  max-width: 90%;
  margin: auto;
} 
.embed-container iframe, 
.embed-container object, 
.embed-container embed { 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}


#content {
/*   padding: 10px; */
/*   float: left; */
}
#content h1, h2, h3, h4 {
  margin: 0;
  padding: 0;
/* 
  font-family: georgia;
  font-weight: normal;
 */
	font-family: Verdana, Geneva, "DejaVu Sans", sans-serif;
	font-weight: bold;
	text-align: left;

}

#content h1 {
  margin: 0px 0 10px;
  clear: both;
  	
  	color: #672a25 ;
	font-size: 1.6em;
	line-height: 1.3;
 	padding: 2.5em 1.5em 2.50em 1.5em
}

#content h2 {
/*   border-bottom: 1px solid #cccccc; */
  margin: 0px 0 10px;
/*   padding: 20px 0px 0px; */
/*   color: #c40000; */
/*   font-size: 20pt; */
  clear: both;
  	
  	color: #672a25 ;
	font-size: 1.6em;
	line-height: 1.3;
 	padding: 1.5em 0.5em 1.50em 0.5em
}
#content h3 {
  color: #333333;
  font-size: 14pt;
}
#content h4 {
  margin: 0 0 10px;
  padding: 0;
  color: #333333;
  font-size: 14pt;
  text-align: right;
}

#content p {
  padding: 0em 1em 0em 1em;
  clear: none;
}

#content p.copyright {
    width: 90%;
    display: block;
    padding: 0em 1em 0em 1em;
    clear: none;
    margin: auto;
    font-size: small;
}


/* 
#content div.gi {
  border-top: 1px solid #c40000;
  margin: 0px 0 10px;
  padding: 1em 0px 0px;
  clear: both;
}
 */




#content div.gi {
/*     border-top: 1px solid #c40000; */
/*     margin: 0px -1em; */
    margin: 0em -1em 0em -1em;
    padding: 2.5em 1.5em 1.5em 1.5em ;
    clear: both;
    min-height: 460px;
}

.colored-gi, .colored-band {
/*     background-color: #baa6894d; */
/*     background-color: #E5DED3; */
/*     background-color: #E7E1D6; */
/*     background-color: #E5DED4; */
    background-color: #E7E1D9;
/*     background-color: #f7f1e9; */
}

.wide-band, .colored-band {

    margin: 1em -1em 0em -1em;
    padding: 1.5em 1.5em 1.5em 1.5em ;

}

.table-container {
display: table ;
    margin: auto;
}
.table-container .table-column {
display: table-cell ;
    padding: 1em;
}

.download-register-button {
    margin: auto;
    text-align: center;
    padding: 1.5em 0em 1em 0em;
}

/* 
#content div.gi img {
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px 2px 2px 1px;
  margin: 0px 1em 1em 0px;
  padding: 5px;
  background: #f5f5f5 none repeat scroll 0% 50%;
  float: left;
  text-align: center;
  font-size: 8pt;
}
 */

#content div.gi p {
  margin: 0;
  padding: 0 0 1em;
  clear: none;
}
#content p.blank {
  margin: 0;
  padding: 0 0 1em;
  clear: both;
}
#content div.subleft {
  margin: 0;
  padding: 0;
  width: 250px;
  float: left;
}
#content div.subright {
  margin: 0;
  padding: 0;
  width: 320px;
  float: right;
}

#content table {
text-align: left; 
width: 660px; 
margin: 10px 30px ;
}

#content table td {
  border: 0px solid #cccccc;
  margin: 10px;
  padding: 1px;
  text-align: left;
  border-collapse: collapse;
  font-family: georgia;
  font-size: 10pt;
}

#content table.sell {
  border: 0px solid #cccccc;
  margin: 10px 0;
  padding: 0;
  text-align: center;
  border-collapse: collapse;
}
#content table.sell td {
  border: 1px solid #cccccc;
  padding: 1em;
  background: #f5f5f5 none repeat scroll 0% 50%;
}
#content table.tech {
  border: 0px solid #cccccc;
  margin: 0;
  padding: 0;
  text-align: center;
  border-collapse: collapse;
}
#content table.tech th {
  border: 1px solid #cccccc;
  padding: 5px;
  background: #00008b none repeat scroll 0% 50%;
  color: #f5f5f5;
}
#content table.tech td {
  border: 1px solid #cccccc;
  padding: 1em;
  background: #f5f5f5 none repeat scroll 0% 50%;
}
#content table.tech td.center {
  background: #f5f5f5 none repeat scroll 0% 50%;
  text-align: center;
}
#content table.tech td.left {
  background: #f5f5f5 none repeat scroll 0% 50%;
  text-align: left;
}
#photos {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  margin: 10px auto;
  padding: 10px;
  background: #e5edf5 none repeat scroll 0% 50%;
  width: 428px;
  height: 224px;
  position: relative;
}
.imgbox {
  border: 1px solid #45458b;
  margin: 15px;
  background: #f1f1f1 none repeat scroll 0% 50%;
  width: 75px;
  height: 75px;
  float: left;
  display: inline;
}
#sidebar {
  margin: 0;
  padding: 5px 10px 10px 8px;
  width: 130px;
  overflow: hidden;
  float: right;
}
#sidebar ul {
  border:  none;
  margin: 0;
  padding: 0 0 10px;
}
#sidebar ul li {
  border:  none;
  margin: 0;
  padding: 0;
  font-weight: bold;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}
#sidebar ul li.cp {
  padding: 3px;
  background: #0080ff none repeat scroll 0% 50%;
  display: block;
  width: 122px;
  color: #ffff77;
  text-indent: 10px;
  text-decoration: none;
}
#sidebar ul li a {
  padding: 3px;
  display: block;
  width: 122px;
  color: #00008b;
  text-indent: 10px;
  text-decoration: none;
}
#sidebar ul li a:hover {
  background: #33cc00 none repeat scroll 0% 50%;
  color: #ffffff;
}
#sidebar.curpage {
  background: #0080ff none repeat scroll 0% 50%;
  color: #ffffff;
}
.widget {
  border: 1px solid #cccccc;
  margin: 10px 0 0;
  padding: 4px;
  background: #f5f5f5 none repeat scroll 0% 50%;
  text-align: center;
  font-size: 8pt;
}
.widget img {
  border:  none;
  margin: 0 0 5px;
}
.zoomi {
  border: 1px solid #cccccc;
  margin: 2em 0;
  padding: 10px 5px;
  background: #f5f5f5 none repeat scroll 0% 50%;
  text-align: center;
  font-size: 8pt;
}
.zoomi p {
  border:  none;
  margin: 10px 0 0;
  padding: 0;
  clear: both;
  font-size: 8pt;
}
.zoomi p.copyr {
  border:  none;
  margin: 10px;
  padding: 0;
  clear: both;
  text-align: right;
  font-size: 7pt;
}
.zoomi p.tool {
  border:  none;
  margin: 10px 30px 5px;
  padding: 0;
  clear: both;
  text-align: center;
  font-size: 7pt;
}
.screenshot {
  border-style: none;
  border-color: #cccccc;
  border-width: 1px 2px 2px 1px;
  margin: 0px 0 10px 10px;
  padding: 5px;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 50%;
  clear: both;
  float: right;
  text-align: center;
  font-size: 8pt;
}
.screenshotl {
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px 2px 2px 1px;
  margin: 0px 10px 0 0;
  padding: 5px;
  background: #f5f5f5 none repeat scroll 0% 50%;
  clear: both;
  float: left;
  text-align: center;
  font-size: 8pt;
}
.photoframe {
  border:  none;
  margin: 0px 0 10px 10px;
  padding: 5px;
  clear: both;
  float: right;
  font-size: 8pt;
}
.noborder {
  border:  none;
  margin: 0px 0 10px 10px;
  padding: 0;
  clear: both;
  float: right;
  text-align: center;
  font-size: 8pt;
}
.noborderl {
  border:  none;
  margin: 0px 10px 10px 0;
  padding: 0;
  clear: both;
  float: left;
  text-align: center;
  font-size: 8pt;
}
.prodmenu {
  border:  none;
  padding: 0px 10px;
}
.sellitem {
}
.proditem {
  border: 1px solid #cccccc;
  margin: 0 5px 0 0;
  padding: 3px;
  background: #f5f5f5 none repeat scroll 0% 50%;
  width: 90px;
  float: left;
  overflow: hidden;
  text-align: center;
}
.proditem img {
  border:  none;
}
.proditem p {
  margin: 0;
  padding: 0;
  font-size: 9pt;
  font-weight: bold;
  clear: both;
  color: #00008b;
}
.proditem a {
  border:  none;
  display: block;
  text-decoration: none;
}
.proditem a:hover {
}
.usersaid {
  border: 1px solid #cccccc;
  margin: 0em 0em 0em 0em;
  padding: 1em 1em;
  background: #f5f5f5 none repeat scroll 0% 50%;
  font-size: 8pt;
  clear: both;
  float: right;
}
.usersaid p {
  margin: 2em 1em 0em 0em;
  clear: both;
}
.usersaid p.title {
  margin: 0em;
  padding: 0em;
  font-weight: bold;
  clear: both;
}
.usersaid p.capt {
  margin: 0em;
  padding: 0em;
  font-style: italic;
  font-family: georgia;
  text-align: right;
  clear: both;
}
.antigluk {
  font-size: 3px;
  height: 1px;
}
.watsnew {
  border: 1px solid #cccccc;
  margin: 1em 1em 0em 3em;
  padding: 1em 2em;
  background: #f5f5f5 none repeat scroll 0% 50%;
  font-size: 8pt;
  clear: both;
  float: right;
}
.watsnew span.date {
  font-weight: bold;
}
#footer {
  border-top: 1px none #000000;
  margin: 0px;
  padding: 10px;
  background: #672a25 none repeat scroll 0% 50%;
  clear: both;
  color: #ffffff;
  font-size: 8pt;
  text-align: center;
  height: 40px;
}
#header div a {
  color: #ffffff;
  text-decoration: none;
}
#header div a:hover {
  background: #baa689 none repeat scroll 0% 50%;
  color: #ffff00;
}
#footer div a {
  color: #ffffff;
  text-decoration: none;
}
#footer div a:hover {
  background: #672a25 none repeat scroll 0% 50%;
  color: #ffff00;
}
#content h2 a, h1 a {
  color: #672a25;;
  text-decoration: none;
}
.clearer {
  clear: both;
}
div.mblock {
  margin: 5px 0 0;
  padding: 3px 10px;
  overflow: hidden;
  background-color: #baa689;
}
.cpmelement {
  border: 0px solid black;
  padding: 3px 10px 3px 8px;
  background: #672a25 none repeat scroll 0% 50%;
  color: #ffff77;
  text-decoration: none;
  font-weight: bold;
}
#content div.dlby {
  margin: 0;
  padding: 0px 0px 5px;
  width: 250px;
  float: right;
  overflow: hidden;
}
#content a.dlbyitem {
  border: 1px solid #cccccc;
  margin: 0 0 0 10px;
  padding: 3px 10px 3px 8px;
  background: #f5f5f5 none repeat scroll 0% 50%;
  text-align: center;
  color: #006600;
  text-decoration: none;
  font-weight: bold;
  float: right;
}
#content a.dlbyitem:hover {
/*  background: #ffff77 none repeat scroll 0% 50%; */
  background: #672a25 none repeat scroll 0% 50%;
  color: #ffff77;
}
a {
  color: #333333;
}
a:hover {
/*  background: #e5ffe5 none repeat scroll 0% 50%; */
  background: #f7f1e9 none repeat scroll 0% 50%;
}
a.melement {
  border: 0px solid black;
  padding: 3px 10px 3px 8px;
  text-decoration: none;
  font-weight: bold;
  background-color: #baa689;
  color: white;
}
a.melement:hover {
  background: #672a25 none repeat scroll 0% 50%;
  color: #ffff77;
}

#content div.ug {
border-top: 1px solid #cccccc;
margin: 0px 0 10px;
padding: 10px 0px 0px;
clear: both;
}
#content div.ugbox {
border-style: solid;
border-color: #cccccc;
border-width: 1px 2px 2px 1px;
margin: 0 10px 0 0;
padding: 3px;
background: #99ff99 none repeat scroll 0% 50%;
width: 130px;
float: left;
text-align: center;
font-size: 8pt;
}
#content div.ugbox img {
border: none;
margin: 0px;
}
#content div.ugrbox {
margin: 0 0 10px 10px;
padding: 3px;
float: right;
text-align: center;
font-size: 8pt;
}

#content div.ugrbox img {
border: 0px solid ;
}

#content div.fi {
border-top: 1px solid #cccccc;
margin: 20px 0 10px;
padding: 0em 0px 0px;
clear: both;
}
#content div.fi img {
border-color: #cc00cc;
border-width: 1px 0 0;
border-top: 1px solid #cccccc;
margin: 0px 0 10px;
padding: 1em 0px 0px;
clear: both;
}

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  max-width: 960px;
  box-shadow: 0px 0px 15px rgba(0,0,0,0.4);
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.stickedcontent {
/*   padding-top: 160px; */
  padding: 2.8em 1em 1em 1em ;
}

.contentbody {
	padding: 1em;
}