body {
  margin: 0;
  padding: 0;
/*   background: #f7f1e9 none repeat scroll 0% 50%; */
  background: #f4fff4 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 ; */
  background: #f7f9f7;
  	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;
  overflow: hidden;
}

#header {
  border-bottom: 10px solid #070;
  background: #33cc00 url(grafika/c2c-logo-short.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: #3c0;
  color: #ff0000;
}

.topnav a, .bottomnav a , .dropbtn {
  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 , .dropdown:hover .dropbtn {
  background-color: #070;
/*   color: #ffff77; */
}

.topnav a.active, .bottomnav a.active , .dropdown.active {
  background-color: #070;
  color: #ffff77;
}

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

.dropbtn  {
  float: none;
}


.dropdown {
    float: left;
    overflow: hidden;
}

.dropdown .dropbtn {
    border: none;
    outline: none;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}


.dropdown-content {
    display: none;
    position: absolute;

/*     background-color: #f9f9f9; */
    
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    float: none;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {
/*     background-color: #ddd; */
      background-color: #3c0;
	  color: #ffff77;
}

.dropdown:hover .dropdown-content {
    display: block;
}



.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:#070 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:#070 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:#070; */
background: #f57208;
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:#070 url("grafika/shopping-cart-white.svg") no-repeat scroll 96% 50% / 18px 18px; */
/* background:#006600; */
background: #f27603;
color:#ffff77;
box-shadow: 0 0 8px rgba(0,0,0,0.4);
/* border: 1px solid #005700; */
border: 1px solid #ba6204;
}

.main-text {
/* border: solid 1px #0f0; */
width: 69%;
float: left;
}

.aux-right-text {
/* border: solid 1px #00f; */
float: right;
width: 30%;
}

blockquote , .sideblock {

margin: 1.5em 0;
padding: 1.5em 2.0em 1em 2.5em;
line-height: 1.45;
position: relative;

background: #f7f9f7;

color: #383838;
border-radius: 8px;
border: 1px solid #ccc;
box-shadow: 0 0 6px rgba(0,0,0,0.2);

}

.sideblock {
text-align: center;
font-size: 0.9em;
padding: 2em 2.0em 2.5em 2.5em;
}

blockquote {
font-family: Georgia, serif;
font-size: 0.9em;
font-style: italic;

}

blockquote:before {
display: block;
padding-left: 10px;
content: "\201C";
font-size: 80px;
position: absolute;
left: -20px;
top: -20px;
color: #7a7a7a;
}

blockquote cite {
color: #999999;
/* font-size: 14px; */
font-size: 1.0em;
display: block;
margin-top: 5px;
}
 
blockquote cite:before {
content: "\2014 \2009";
}


.colored-gi, .colored-band, .whole-band, .dropdown-content {
/*     background-color: #3c04d; */
/*     background-color: #E5DED3; */
/*     background-color: #E7E1D6; */
/*     background-color: #E5DED4; */
/*     background-color: #E7E1D9; */
/*     background-color: #f7f1e9; */
background-color: #D0F0C6;
}

.wide-band, .colored-band {

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

}

.whole-band {
	margin: 1em -60% 0em -1em;
	padding: 1.5em 60% 1.5em 1.5em;
}



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

  .buy-wrapper {text-align: center;}
  
  
.main-text, .aux-right-text {
/* border: solid 1px #00f; */
float: none;
width: 100%;
}
  
}




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

  .topnav .dropdown {display: none;}
  .topnav .dropdown.active {display: block;}
  
  .dropdown .dropbtn {
	  display: none;
  }
  
  
	.dropdown .dropbtn.active {display: block;}
  
  .bottomnav .dropdown {
  	display: block;
    float: none;
  	}

  .dropdown-content {
    position: relative;
  	display: block;
    }


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

	.bottomnav a  {
 	 float: none;
	}

.topnav {
/*   background-color: #672a25; */
  background-color: #33cc00;
}


/*   .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 .logo  {
  display: none;
  width:2.3em ;
  height:auto ;
  float: left;
  padding: 0.15em 0.2em 0em 0.3em ; 
}


  .topnav.responsive a , .topnav.responsive .dropdown , .topnav.responsive .dropbtn {
    float: none;
    display: block;
    text-align: left;
  }
  
  
  #header div.pag  {display: none;}
  #header {
    background: #3c0 url(grafika/c2c-logo-short.svg) no-repeat scroll 	45% 60%;
    background-size: 310px;
  }
  
  #header div.tl {
    display: none;
  }
  
  
  .whole-band {
    margin: 1em -1em 0em -1em;
    padding: 2.5em 1em 1.5em 1.5em;
  }

	#container {
    overflow: visible;
	}

}


#footer div.tl {
  padding: 0em 0em 0.5em 0em;
  height: 2em;
/*   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: #070 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; */
}

h1, h2, .dropdown-content, .dropdown-content a {
  	color: #464 ;
}

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;

}

h1 {
  margin: 0px 0 10px;
  clear: both;
  	
	font-size: 2.0em;
	line-height: 1.3;
 	padding: 1.5em 1.5em 0.50em 0.5em;
/*  	text-shadow: 1px 1px 2px black, 0 0 1em red; */
}

h2 {
/*   border-bottom: 1px solid #cccccc; */
  margin: 0px 0 10px;
/*   padding: 20px 0px 0px; */
/*   color: #c40000; */
/*   font-size: 20pt; */
  clear: both;
  	
	font-size: 1.6em;
	line-height: 1.3;
 	padding: 1.5em 0.5em 1.50em 0.5em
}
h3 {
  color: #333333;
  font-size: 14pt;
}
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;
}


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

.table-container-center {
    text-align: center;
}

.table-row  {
/* 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 {
  margin: 0em 0em 0em 0em;
  padding: 1em 1em;
/*   font-size: 8pt; */
  clear: both;
  float: right;
  position: relative;
}
.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: 1.5em;
  background: #070 none repeat scroll 0% 50%;
  clear: both;
  color: #ffffff;
/*   font-size: 8pt; */
  font-size: 0.8em;
  text-align: center;
  height: 6em;
}
#header div a {
  color: #ffffff;
  text-decoration: none;
}
#header div a:hover {
  background: #3c0 none repeat scroll 0% 50%;
  color: #ffff00;
}
#footer div a {
  color: #ffffff;
  text-decoration: none;
}
#footer div a:hover {
  background: #070 none repeat scroll 0% 50%;
  color: #ffff00;
}
#content h2 a, h1 a {
  color: #070;;
  text-decoration: none;
}
.clearer {
  clear: both;
}
div.mblock {
  margin: 5px 0 0;
  padding: 3px 10px;
  overflow: hidden;
  background-color: #3c0;
}
.cpmelement {
  border: 0px solid black;
  padding: 3px 10px 3px 8px;
  background: #070 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: #070 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%; */
  background: #f4fff4 none repeat scroll 0% 50%;
  
  
}

a.melement {
  border: 0px solid black;
  padding: 3px 10px 3px 8px;
  text-decoration: none;
  font-weight: bold;
  background-color: #3c0;
  color: white;
}
a.melement:hover {
  background: #070 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;
  overflow: visible;
  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;
}

@media screen and (max-width: 320px) {

 .logo  {
  display: none;
 }
 
 .topnav.sticky .logo{
  display: none;
 }
 
}

#goTopBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: rgba(0, 78, 0, 0.5);
  box-shadow: 0px 0px 5px rgba(0,0,0,0.4);

  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#goTopBtn:hover {
/*   background-color: #555; */
  background-color: rgba(0, 128, 0, 0.9);
  color: #ffff77;

}