body {
  margin: 0px;
  padding: 0px;
  font-family: Verdana,"Bitstream Vera Sans","DejaVu Sans","Liberation Sans",Geneva,sans-serif;
  font-size: 10pt;
  color: #000000;  
  background-color: #ffffff;
  /*border-style: solid;*/
}

h3 {
  margin: 0px;
  padding: 0px;
  font-size: 18px;
  font-weight: bold;
}

h4 {
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  font-weight: bold;
}

A:link {
  color: #0000CC;
  text-decoration: underline;
  /*font-size:10pt;*/
}

A:active{
  color:#0000CC;
  text-decoration: underline;
}

A:visited {
  color:#0000CC;
  text-decoration: underline;
}

A:hover {
  color:#0000CC;
  text-decoration: underline;
}

div.page{ 
  width: 760px; /*760px*/
  margin: auto;
  /*border-style: solid;*/
}

div.header{
  margin: 0px;
  padding-top: 0px;
  padding-bottom: 5px;
  overflow:auto; /*sos*/
  /*border-style: solid;*/
}

div.logo{
  margin: 0px;
  padding-top: 5px;
  padding-left: 4px;
  padding-bottom: 0px;
  float:left;
  /*border-style: solid;*/
}

h1.slogan {
  margin: 0px;
  padding-top: 28px;
  padding-left: 24px;
  font-size: 40px;
  font-weight: bold;
  float: left;
  /*border-style: solid;*/
}

div.searchbox{
  padding-top: 30px;
  float: right;
  /*border-style: solid;*/
}

div.searchbox input{
  border: 2px solid #ccc;
}

div.searchbox input:focus{
  border: 2px solid #008000;
}

div.searchbox button{
  border: 2px solid #ccc;
}

div.searchbox button:hover{
  border: 2px solid #008000;
  cursor: pointer;
}

div.navigationmenu{
  padding-bottom: 6px;
  width: 100%; /*width: 760px; is equivalent !!!*/
  /*border-width: 1px;*/
  /*border-style: solid;*/
}

div.goright{
  width: 200px;
  float: right;
  text-align: right;
  /*border-style: solid;*/
}

div.slogan{
  width: 750px;
  margin: 0px;
  padding: 5px; /*5 + 750 + 5 = 760*/
  border-width: 1px;
  border-color: #7FD7F7;
  border-style: solid;
} 

div.genericelement{
  padding-top: 4px; /*6px*/
  padding-bottom: 2px;
}

.toallelement a {
  color: #008000;
  text-decoration: underline;
}

div.addthis{
  width: 100%;
  text-align: right;
  padding-bottom: 3px;
}

div.maxmin{
  /*float: right;*/
  width: 100%;
  text-align: right;
}

div.categoriesmenu{
  width: 750px;
  margin: 0px;
  padding: 5px; /*5 + 750 + 5 = 760*/
  border-width: 1px;
  border-color: #7FD7F7;
  border-style: solid;
}

A.categorieslink:hover {
  color: #008000;
  text-decoration: underline;
}

div.menu{ /*sos*/
  margin: 0px;
  padding: 0px;
  border-width: 1px;
  border-color: #7FD7F7;
  border-style: solid;
  overflow: auto;
}

div.column{
  float: left;
  width: 149px; 
  margin : 1px;
  /*border-style: solid;*/
  /*overflow:auto;*/
}

div.tablewrapper{
  /*float: left;*/
  /*width: 140px; */
  /*height:180px;*/ /*na allaxtei an 8elw pio polla elements in a row sto small mode menu */
  margin : 1px;
  /*border-style: solid;*/
}

div.category{
  background-color: #BFE4EF;
}

div.unit{
}

.more a{ 
  color: #008000;
  font-style: italic;
  text-decoration: underline;
} 

div.details{
  /*font-style: italic;*/
}

div.footer{
  padding-top: 10px; 
  width: 700px;
  margin: auto;
  text-align : center;
  /*border-style: solid;*/
}

div.rightmenu{
  position: fixed;
  bottom: 6px; /*50%*/
  right: 6px;
  width: 120px;
  font-size: 14px;
  font-weight: bold;
  background-color: #BFE4EF;
  border-width: 1px;
  border-color: #7FD7F7;
  border-style: solid;
}

/*Used colors : skoura :#7FD7F7 #F2F9FF anoikta : #D8EDFF*/

div.ad1{
  width: 750px;
  margin: 10px 0px 0px 0px;
  padding: 5px;
  text-align: center;
  border-width: 1px;
  border-color: #7FD7F7;
  border-style: solid;
}

div.ad3{
  float: right;
  margin: 0px 0px 0px 0px;
  /*border-width: 1px;
  border-color: #7FD7F7;
  border-style: solid;*/
}

div.ad4{
  width: 750px;
}