body {
  margin: 0;
  padding: 0;
  background: #e5ffe5 none repeat scroll 0% 50%;
  font-family: arial,helvetica,sans-serif;
  font-size: 10pt;
  color: #333333;
}
#container {
  border: 1px solid #000000;
  margin: 20px auto;
  background: #ffffff none repeat scroll 0% 50%;
  width: 760px;
}
#header {
  border-bottom: 10px solid #009900;
  background: #33cc00 url(grafika/c2c_logo_site2.gif) no-repeat scroll 0 50%;
  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;
}
#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: #009900 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;
}
#content {
  padding: 10px;
  float: left;
}
#content h1, h2, h3, h4 {
  margin: 0;
  padding: 0;
  font-family: georgia;
  font-weight: normal;
}
#content h2 {
  border-bottom: 1px solid #cccccc;
  margin: 0px 0 10px;
  padding: 20px 0px 0px;
  color: #c40000;
  font-size: 20pt;
  clear: both;
}
#content h3 {
  color: #333333;
  font-size: 14pt;
}
#content h4 {
  margin: 0 0 10px;
  padding: 0;
  color: #333333;
  font-size: 14pt;
  text-align: right;
}
#content div.gi {
  border-top: 1px solid #c40000;
  margin: 0px 0 10px;
  padding: 1em 0px 0px;
  clear: both;
}
#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: #009900 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: #33cc00 none repeat scroll 0% 50%;
  color: #ffff00;
}
#footer div a {
  color: #ffffff;
  text-decoration: none;
}
#footer div a:hover {
  background: #009900 none repeat scroll 0% 50%;
  color: #ffff00;
}
#content h2 a {
  color: #c40000;
  text-decoration: none;
}
.clearer {
  clear: both;
}
div.mblock {
  margin: 5px 0 0;
  padding: 3px 10px;
  overflow: hidden;
  background-color: #33cc00;
}
.cpmelement {
  border: 0px solid black;
  padding: 3px 10px 3px 8px;
  background: red 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: #009900 none repeat scroll 0% 50%;
  color: #ffff77;
}
a {
  color: #333333;
}
a:hover {
  background: #e5ffe5 none repeat scroll 0% 50%;
}
a.melement {
  border: 0px solid black;
  padding: 3px 10px 3px 8px;
  text-decoration: none;
  font-weight: bold;
  background-color: #33cc00;
  color: white;
}
a.melement:hover {
  background: #009900 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;
}