body {
margin:0; padding:0;
font-family:verdana, arial, sans-serif; font-size:80%; color:#000000; background-color:#ead4bb;}

p {
margin:0; padding:0.4em 0.2em 0.6em 0.2em;}

a:link, a:visited {
color:#8F1714; text-decoration:underline;}

a:hover {
color:#8F1714; text-decoration:none;}

a:active {
color:#8F1714; text-decoration:underline;}

div.wholepage {
padding:0; background-color:#f8f0e8;}

div {margin:0; padding:0;}

h1 {
color:#8F1714; font-size:150%; font-family:"trebuchet ms", "lucida sans", arial, sans-serif; 
font-weight:normal;}

img { border: 0; }

/* +++ Start Of Header Section +++ */
#header {
margin:0; padding:0;}

.superheader {
background-color:#8F1714; text-align:right; color:#FFFFFF; padding:2px 2em 2px 2px;}

.mainheader {
margin:0; padding:15px 1em 15px 1em; text-align:left;
background-image:url(http://www.rodoslovlje.com/images/headbg.jpg); background-repeat:no-repeat; background-position:right top;}

.mainheader h1 {
font-size:300%; margin:0 0 5px 0; padding:0;}

.mainheader p {
text-indent:4em; color:#5D99C7; margin:0; padding:0.2em; font-weight:bold;}

.subheader {
background-color:#C58743; margin:0; text-align:left; color:#FFFFFF; padding: 1px 1px 1px 1px; height: 30px;}

/* +++ Start Of Side Menu Section +++ */
#sidecontainer {
margin:0; padding:0; float:left; width:20%; text-align:center; }

#sidecontainer h2 {
display:block; margin:0; padding:0.2em; color:#FFFFFF; background-color:#D1A06B; font-weight:normal;
 font-family:"trebuchet ms", "lucida sans", arial, sans-serif; font-size:120%;}
 
/* +++ Start Of Content Section +++ */
#content {
margin:0 0 0 20%; padding:0.8em; border-left:1px solid #294D69;}
#innercontent{
width:100%;
}
*** clearing rules ***/ 
.clearfix:after { 
    content: ".";  
    display: block;  
    height: 0;  
    clear: both;  
    visibility: hidden; 
} 
  
.clearfix {display: inline-block;} 
  
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */  
#content img {
float:left; border-style:none;}

q {
display:block; margin:0; padding:0.4em 20% 0.6em 20%; color:#999999; font-size:120%; 
text-align:center; height:3em;}

q:before, q:after {
content:"";}

#content h1 {margin:0; padding:0.1em; text-indent:2.5em;}
#content h2 {margin:0; padding:0.1em; font-size: 14px; color: #ffffff; background-color: #D1A06B;  font-weight:normal;
border:1px solid #000000; padding: 5px 5px 5px 5px;}

/* +++ Start of Footer Section +++ */
#footer {
margin:0; padding:0; clear: both;}

.superfooter {
background-color:#D1A06B; height:1.8em;}

.mainfooter {
background-color:#f8f0e8; text-align:center;}

.subfooter {
background-color:#8F1714; height:0.6em;}

#footer p {
font-size:75%; color:#999999; padding:0.3em;}

/* Lang buttons */
span.h3insert
{
	float: right;
	display: block;
	color: #fff;
}

.boxheader{
color: #000000;
font-size: 135%;
font-weight: bold;
}
hr {border: none 0;
border-top: 1px dashed #000;/*the border*/
width: 50%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
 text-align: left;/*this will align it for IE*/
margin: 0 auto 0 0; /*this will align it left for Mozilla*/
}
/* AE */
#sectionlistae
{
margin-left: 0;
padding-left: 0;
list-style: none;
}
#sectionlistae li
{
padding-left: 10px;
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}

#sectionlistae ul { list-style: none; }

/* Content*/
.thirds { float: left; width: 31%; background: transparent; margin: 0 12px 1.5em 0;}
.thirds img {padding-right: 4px;}
.clearer { clear: both;}
/* Sidemenu*/
#navcontainer { width: 100%; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

#navcontainer a
{
display: block;
padding: 4px;
width: 97%;
background-color: #f8f0e8;
border-bottom: 1px solid #eee;
}

#navcontainer a:link, #navlist a:visited
{
color: #000;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #ead4bb;
color: #000;
}