@charset "utf-8";

/*
STRUKTURA:
BODY
----CONTAINER
--------HEADER
--------MIDDLE
------------MAIN BOX
----------------MAIN CONTENT BOX
------------------------FRONT CONTENT BOX
------------------------AKTUELL CONTENT BOX
----------------MAIN CONTENT BOX BOTTOM LINE
------------SIDEBAR BOX (RIGHT)
--------FOOTER
*/
/* ***	RESET	*** */

* {
	margin: 0;
	padding:0;
}

body,td,th,p {
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	color: #333333;
}
form, label, input, button, textarea {
	margin: 0px;
	padding: 0px;
}
/* input:focus { background-color:#000000; } */
button {
	cursor: pointer;
	border: none;
}
fieldset {
	border: none;
}
body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background: #474747 /*url(../images/CandP_02.gif) repeat-x 0 0*/;
}

h1, h2, h3, h4, h5, h6 { color: #808080; }

h1 { font-size: 130%; }
h2 { font-size: 120%; }
h3 { font-size: 110%; }

a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

img {
	border: none;
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	display:inline; /* bug double margin FIX - IE(5,6,7) float-margin bug FIX */
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	display:inline; /* bug double margin FIX - IE(5,6,7) float-margin bug FIX */
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.txt-right {
	text-align: right;
}


/* ***	STRUKTURA SKELETA	*** */

#container {
	width: 977px;  /* this will create a container 80% of the browser width */
	margin: 10px auto;
	text-align: left;
	overflow: hidden;
} 



#header {
	background: url(../images/header2.gif) no-repeat;
	height: 124px;
	margin: 0;
	padding: 0;
	overflow: hidden;
} 




#middle {
	clear: both;
	margin: 10px 0;
	padding: 0;
	overflow: hidden;
}




#mainBox { 
	float: left;
	display:inline; /* bug double margin FIX - IE(5,6,7) float-margin bug FIX */
	overflow: hidden;
	margin: 0;
	padding: 0;
}
#sidebarBox {
	float: left;
	display:inline; /* bug double margin FIX - IE(5,6,7) float-margin bug FIX */
	overflow: hidden;
	margin-left: 5px;
}



#footer {
	clear: both;
	height: 30px;
	margin: 0;
	padding: 10px;
	overflow: hidden;
	background:#474747 url(../images/footer.gif) no-repeat;
	color: #FFFFFF;
	font-size: 11px;
} 





#mainContentBox {
	background: transparent url(../images/content-horizontal_line_4.jpg) repeat-y 0 0;
	width: 796px; /* sirina - dimenzija pazadinske horizontalna linija - NE MENJATI */
	min-height: 600px;
	margin: 0;
	padding: 0px;
	overflow: hidden;
} 
#mainContentBoxBottomLine {
	clear: both;
	background: transparent url(../images/content-bottom_line.jpg) no-repeat;
	height: 20px;
	margin:0;
	padding: 0
	overflow: hidden;
	display: block;
	width: 796px;
}





#mainContent {
	overflow: hidden;
}
#mainContentFrontBox {
	/* FRONT total WIDTH = 466px = margin + padding + width */
	width: 446px;
	margin: 10px 10px;
	padding: 0px;
	float: left;
	overflow: hidden;
	display:inline; /* bug double margin FIX - IE(5,6,7) float-margin bug FIX */
}
#mainContentAktuellBox {
	/* AKTUELL total WIDTH = 328px = margin + padding + width */
	width: 308px;
	margin: 10px 10px;
	padding: 0px;
	float: left;
	overflow: hidden;
	display:inline; /* bug double margin FIX - IE(5,6,7) float-margin bug FIX */
}