/* -------------------------------------------------------------------- */
/* created by David Pocivalnik 																					*/
/* Copyleft by David Pocivalnik - www.pocivalnik.com/about/copyleft.php */
/* www.pocivalnik.com 																									*/
/* -------------------------------------------------------------------- */

@media all {
body{ font-family: Georgia, Times, serif; }
img{ border: none; margin-left: 1em; }	
h1,h2,h3,h4,h5{ font-family: Verdana, sans-serif;  /*color: black;*/  padding: 0em 0.5em; }
h1{	font-size: 2em; letter-spacing: 1px; }
h2{	font-size: 1.5em}
h3{	font-size: 1.3em;}
h4{	font-size: 1.0em;}
h5{	font-size: 0.95em;}
p, ul, ol, dl, table { margin-left: 1.1em; font-size: 1em; }
table, dl, p {margin-right: 1.1em; }
a {font-size: 1em;}	
p.important{  color: red; text-align: center; }
.tright p {text-align: right;}
p.lastupdate { text-align: right; font-style: italic; font-size: 0.8em; color: blue;	margin-right: 1em; }
caption {	margin: 1em 0 0 0;}
caption .label { font-weight: bold}
th { text-align: left;}
div.table {	margin: 2em auto 1em auto;}
#important { color: red; }
.spacing {  padding: 1em;  margin: 1em 3em;}
.cols { 
  -moz-column-count: 2; 
  -webkit-column-count: 2; 
  column-count: 2; 
  -moz-column-gap: 2em;
  -webkit-column-gap: 2em;
  column-gap: 2em;
  -moz-column-rule-style: solid;
  -moz-column-rule-color: #999;
  -moz-column-rule-width: 1px;
  -webkit-column-rule-style: solid;
  -webkit-column-rule-color: #999;
  -webkit-column-rule-width: 1px;
  column-rule-style: solid;
  column-rule-color: #999;
  column-rule-width: 1px;
  text-align: justify; font-size: 1em; 
  margin: 0.4em;
}
}

@media screen {
body{ background-color: #8cb6ff; /*#8cb6fb;*/ /*#000066;*/  color: black;}
h1 { text-shadow: 5px 5px 10px #333; }
/*h1 { text-shadow: 0 0 2px #fff, 0 0 5px #ddd, 0 0 10px #ccc; }*/
a { text-decoration: none; }
a:hover{ background-color: #006; color: white;}
figcaption { text-transform: uppercase; font-size: 1.1em; }
.rounded { 
  -webkit-border-radius: 5px; /* 5px / 20px*/ 
  -moz-border-radius: 5px; 
  border-radius: 5px; 
}

#logo { float:left;	width: 16%; }
#whereami{ 
  clear: both;	margin: 0 0 0.5em 0;	color: white;	background: #006;	font-size: 80%; 
  -webkit-box-shadow: 4px 4px 5px #006;
  -moz-box-shadow: 4px 4px 5px #006;
  box-shadow: 4px 4px 5px #006;
	-webkit-border-radius: 5px; /* 5px / 20px*/
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#whereami a {	color: white;	background: #006;}
#whereami a:hover {	color: #006;	background: white;}
#nomainmenu{ float:left; width:12%; margin: 0.5em; }
#mainmenu ul { float:left;	width:10%; }
#mainmenu li { list-style-type: none; }
a.fstLevel {
	display: block;	
	border: 0.1em solid #000;
	padding: 0.1em;	margin: 0.15em;
	text-align: left;
	color: #fff; background-color: #006;
}
a.fstLevel:hover { color: #000; background-color: #fff; }
a.fstLevelActive{
	display: block;	width: 100%;
	border: 0.1em solid #006;
	padding: 0.1em;	margin: 0.15em;
	text-align: left;	color: #006;	background-color: #fff;
}
#content{
	float:left; width:70%; background: #ffc; color: black; font-size: 1em;
	border: 0.15em solid #c30;
  -webkit-box-shadow: 4px 4px 5px #006;
  -moz-box-shadow: 4px 4px 5px #006;
  box-shadow: 4px 4px 5px #006;
	-webkit-border-radius: 5px; /* 5px / 20px*/
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#news { float: left; width: 16%; margin: 0.5em; font-size: 0.8em; }
#footer{ clear: both; padding: 0.2em; font-size: 70%; color: white; text-align: center; }	
}

@media print {
body{ background: #ffffff; color: black; }	
#mainmenu{ display: none; }
#content{ width:64%; color: black; background: white; font-size: 1em; }
#news { display: none; }
#footer{ font-size: 70%; color: black; text-align: center; border-top: 0.05em solid black; }	
}