/*
Layout
*/

html {
	padding: 0; margin: 0;
}

body {
	padding: 0; margin: 0;
}


#header {
	width: 100%; height: 85px;
	padding: 0; margin: 0;
}

/* placeholder for image in the upper right corner */
#headerRight {
	position: absolute;
	right: 0px;
	
	width: 447px; height: 85px;
}

/* placeholder for image in the upper left corner */
#headerLeft {
	position: absolute;
	left: 0px; top: 0px;
	
	width: 231px; height: 85px;
	background: url('grafika/headerSkola.jpg') no-repeat;
}

h1 {
	position: absolute;
	top: 41px; left: 250px;	
}

#menubar {
	height: 22px;
	margin: 0; padding: 0;
}

#content {
	width: 100%;
	padding: 0; margin: 0;	
}

#leftPanel {
	width: 225px;
	margin: 0;	padding: 0;
	
	float: left;
}

#rightPanel {
  	padding: 0; margin: 0 0 0 225px;
}

hr.cleaner {
	clear: both;
	visibility: hidden;
}

/*
Common visual styles
*/

body {
	/* 2 cols layout without tables */
	background: url('grafika/pageBackground.gif') repeat-y;
	
	font: smaller sans-serif;
	font-weight: bolder;
	line-height: 120%;
}

/* ----- Header ----- */
#header {
	background: url('grafika/headerGradient.gif') 231px 0px repeat-y #b85700;
}

h1 {
	font: lighter 18px "Arial Black", sans-serif;
	color: #FFDB85;
}
#header-a {
  text-decoration: none;
}
/* ----- Menubar ----- */
#menubar {
	background: #FFDB85;	
	
	border: solid #000000;
	border-width: 1px 0px;
}

#menu {
	padding-top: 2px;
	float: right;
	
	color: #FFA10C;	
}

#menu a {
	margin-right: 15px;
	
	color: #FFA10C;
	text-decoration: none;
}

#menu a:hover {
	text-decoration: underline;
}

/* ----- Leftpanel ----- */
#leftPanel {
	background: #BFBFBF;
}

#leftPanel ul {
	margin: 2em 0 0 3em;
	padding: 0;
}

#leftPanel li {
	list-style-image: url('grafika/list.png');
	
	line-height: 2em;
}

#leftPanel li.orange {
	list-style-image: url('grafika/list-orange.png');
	
	line-height: 2em;
}

#leftPanel li.orange a {
	color: #F07800;
}

#leftPanel li a {
	position: relative;
	top: -0.25em;
	
	padding-left: 0.5em;
	
	text-decoration: none;
	color: #7B7B7B;
}

#leftPanel li a:hover {
	text-decoration: underline;
}

/* selected left menu item */
#leftPanel li#active {
	list-style-image: url('grafika/listA.png');
}

#leftPanel li#active a {
	color: #0CA01A;
}

#counter {
  position: realtive;
  left: 2.5%;
  
  width: 95%;
  
  text-align: center;
}

#counter {
  margin-top: 25px;
  
  font-weight: bold;
  color: #7B7B7B;
}

#counter span {
  font-weight: normal;
}
/* ----- Rightpanel ----- */
#rightPanel {
	color: white;
}