body {
  font-family: verdana, tahoma, sans serif;
  font-size: 9pt;
  color: #C8C8D0;
  background: url('../../image/pozadi.jpg') top center;
  background-repeat: repeat-x;
  background-color: #000000;
  margin: 0;
  padding: 0;
}

td {
  font-family: verdana, tahoma, sans serif;
  font-size: 9pt;
  color: #C8C8D0;
}

.messagebox {
  float: left;
  width: 484px;
  border: 1px solid #000;
}

.errormessage {
  color: red;
}

a {
  color: #ffffff;
  text-decoration: none;
}

a:hover {
  color: #cc0000;
  text-decoration: underline;
}

div.requestBox {
  font-style: italic;
  border: 1px solid #000;
  margin: 0 8px 8px 8px;
}

#container {
  background-color: ;
  width: 484px;
}

.writerbox {
  float: left;
  width: 400px;
  margin: 10px 0 10px 0;
}

.timestampbox {
  float: left;
  width: 180px;
  margin: 10px 0 10px 0;
}

div.requestBox p {
  margin: 0;
  padding: 10px;
}

.message {
  margin: 7px 7px 12px 7px;
  padding: 0;
  text-align: justify;
}

p {
  margin: 0 10px 0 10px;
  text-align: justify;
}

img {
  border: 0;
  margin: 0;
}

textarea {
  width: 400px;
  height: 80px;
}

h1 {
  font-size: 125%;
  text-align: center;
}

h2 {
  font-size: 110%;
  text-align: center;
}

#footer {
	clear:both;
  width: 100%;
 	position: fixed;
	bottom: 0;
	left: 0;
	text-align: center;
}

/* Scroll to top link */
.TopScroll_2{
position:fixed;
right:50%;
bottom:1.5em;
margin-right:-600px;
}
.TopScroll_2 a{
display:block;
height:52px;
width:52px;
background:url(../../images/top.png) no-repeat 0 -52px;
text-decoration:none;
}
.TopScroll_2 a:hover{
background-position:0 0;
}
@media only screen and (max-width:1279px){
    .TopScroll_2{
    right:1.5em;
    margin-right:0;
    }
}
@media only screen and (max-width:1090px){
    .TopScroll_2{
    display:none;
    }
}