/*
 * Default values
 */
html, body, input, textarea, text, form {
  width: 100%;
  height: 100%;
  vertical-align: baseline;
  background-color: #f2f8f2;
  font-family: Comic Sans MS, Arial;
  font-size: 15px;
  font-style:  normal;
  font-weight: normal;
  text-decoration: none;
  text-align: center;
  padding: 0px;  
  margin: 0px;
  color: black;
  line-height: 130%;
  border-style: none;
  border-width: 0px;
}
div {
  overflow: visible;
  text-align: center;
  vertical-align: top;
}
p {
  text-indent: 15px;
  margin: 10px;
  text-align: justify;
}
form {
  background: transparent;
  width: auto;
}

/* main site blocks settings */

.pageAnchor {
  padding: 0px;
  margin: 0px;
  width: 100%;
  border: none;
  height: 0px;
  overflow: hidden;
}

#siteOutlineLeft {
  text-align: center;
  width:0px;
  position: absolute;
  top: 0px;
  padding: 0px;
  margin: 0px;
}

#siteOutlineCenter {
  text-align: left;
  width: 580px;
  position: absolute;
  top: 0px;
  padding: 0px;
  margin: 0px;
}

#siteOutlineRight {
  text-align: center;
  width: 160px;
  position: absolute;
  top: 0px;
  padding: 0px;
  margin: 0px;
}

#siteHelperPanel {
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 4;
  overflow: hidden;
  vertical-align: top;
  height: 110px;
  width: 100%;
  padding: 0px;
  margin: 0px;
  background: #ffffff;
}

#siteHelperPanel table{
  border-style: solid;
  border-color: #dddddd;
  border-width: 2px 0px 0px 0px;
  overflow: hidden;
}

#siteHelperPanel table td{
  vertical-align: top;
}

#siteHelperPanel table table{
  overflow: hidden;
  border: none;
  padding: 2px;
  height: auto;
}

/* IE does not support > symbol addressing and fixed positioning,
 so turing it on for FireFox and other good browsers * /
body > #siteHelperPanel {
  position: fixed;
}

/* controls settings */

/*
  To use inputs surround it with divs or tds of classes textinput,
  buttoninput, etc. They are listed below
  If you want, the autologin work in IE, you can use tables inside
  form, but never surround login and password inputs with divs
*/
input, textarea {
  text-align: left;
  vertical-align: top;
  background: transparent; 
  line-height: 110%;
  border-style: none;
/*
   A small hack to make IE and Opera inputs lood almost like FireFox's ones
   Removing the border (there's no way to make them treat borders
   similar, but if you'll paint borders around using other tag, they
   will look the same
*/
  margin: -1px 1px -1px 0px;
}
textarea{
  /*scroll-vertical: auto;*/
}
input[type], textarea[type]{
/*
   when focused, in IE input becomes 2 pixels wider, so to make
   it look similar (and allow to see cropped edges faster while
   designing and corredt it), adding right margin for FireFox
   and Opera
*/
  margin: 0px 0px 0px 1px;
}
input[type=password]{
  font-size: 23px;
}
.textinput, .multilinetextinput{
  background-color: #fefaf0;
  border: 1px;
  border-color: black;
  border-style: solid;
}
.textinput{
  height: 22px;
}
.uploadframe {
  border: none;
  width: 430px;
  height: 35px;
  background: transparent;
  overflow: hidden;
}
.buttoninput, .buttoninputicon{
  border: 1px;
  height: 24px;
  border-style: outset;
  border-color: #eeeeee #aaaaaa #aaaaaa #eeeeee;
  background-color: #f0f0f0;
}
.buttoninput{
  padding: 0px 5px 0px 5px;
}
.buttoninput input, .buttoninputicon input{
  text-align: center;
  width: 100%;
  height: 100%;
}
.buttoninput input[type], .buttoninputicon input[type]{
  padding: 0px 0px 4px 0px;
}
.buttoninputicon{
  width: 44px;
  height: 44px;
  background-repeat:no-repeat;
  background-position:center;
}
/*
  an IE hack - takin into account the difference
  in dimensions calculations when IE calculates
  them including borders and FireFox and Opera
  does not
*/
.buttoninputicon[class]{
  width: 40px;
  height: 40px;
}
.textinput[class]{
  height: 20px;
}
.buttoninput[class]{
  height: 20px;
}
.radioinput, .checkboxinput{
  text-align: left;
}
.radioinput input, .checkboxinput input{
  width: 20px;
  height: 20px;
  margin: -3px 0px -3px 0px;
}
.radioinput input[type], .checkboxinput input[type]{
  width: 12px;
  height: 12px;
  margin: 0px 6px 3px 6px;
}
ul, ol {
  text-indent: 0px;
  margin: 10px;
  padding: 0px;
  text-align: justify;
}
li {
  line-height: 100%;
  margin: 5px 10px 5px 10px;
  padding: 0px;
  list-style-position: outside;
}
ul li {
  list-style-type: disc;
}
ol li {
  list-style-type: decimal;
  margin: 5px 20px 5px 20px;
}
ul {
  padding-left: 20px;
}
/*
  A little big :) hack to make Opera and FireFox display
  lists in the same way as IE does
*/
ol {
  counter-reset: numericcounter;
}
ul > li, ol > li {
  list-style-type: none;
}
ul li:before {
  display: block;
  content: "\2022";
  font-size: 28px;
  padding: 0px;
  margin: -2px 0px -14px -20px;
}
ol li:before {
  content: counter( numericcounter, decimal ) ".";
  counter-increment: numericcounter;
  display: block;
  width: 3em;
  margin: -2px 0px -15px -63px;
  text-align: right;
  padding: 0px;
}
/*
  The table's characteristics, that are set in CSS-file could be overridden
only in that file, so if there's any characteristic, that should be overriden,
don't set it here at all. But there is another possibility to set some of
defaults: if you'll set this value for <table>, but woun't do it for <td>
or <tr>, it will be possible to set them in html-file for <td>, <tr> or others,
but not for <table>. And be careful: the inherited settings are not overriden
too. (For tables, I mean... Who knows, why?..)
*/
table {
  border-style: hidden;
  font-size: 15px;
  vertical-align: middle;
  text-align: center;
  padding: 0px;
  margin: 0px auto 0px auto;
}                 
td {
  padding: 0px;
  overflow: hidden;
}
th {
  padding: 0px;
  color: black;
  font-weight: bold;
}
strong {
  color: black;
}
big {
  font-size: 30px;
  line-height: 100%;
}
small {
  font-size: 11px;
}
q {
  font-weight: normal;
  font-style: italic;
}
h1 {
  font-size: 20px;
  font-weight:bold;
  text-align: center;
  color: #f678d6;
  line-height: 100%;
  text-indent: 0px;
  padding: 0px;  
  margin: 20px 50px 20px 50px;
}
h2 {
  font-size: 15px;
  font-weight:bold;
  text-align: left;
  color: #f678d6;
  line-height: 100%;
  text-indent: 0px;
  padding: 0px;  
  margin: 20px 50px 20px 50px;
}
h3 {
  font-size: 15px;
  font-style:  italic;
  font-weight: bold;
  text-align: center;
  color: #f678d6;
  line-height: 100%;
  text-indent: 0px;
  padding: 0px;  
  margin: 10px;
}
pre {
  overflow: auto;
  width: 95%;
  text-align: left;
  padding: 10px;
  /* I.E.6 doesn't support the CSS2 property max-height */
  max-height: 600px;
} 
img{
  border: 0;
  padding: 0px;
  margin: 0px;
  vertical-align: baseline;
}

hr{
  border-color: gray; 
  border-style: solid;
}
a, a h1, a h2, a h3 {
  color: #648ebd;
  font-weight: bold;  
  text-decoration: none;
  background-color: transparent;
}
a:hover, a:hover h1, a:hover h2, a:hover h3{
  color:red;
  font-weight: bold;  
  background-color: transparent;
}
a.nonhighlightable:hover, a.nonhighlightable:link, a.nonhighlightable:visited {
  color: #f678d6;
  background-color: transparent;
  font-weight: normal;  
}

.highlighted
{
  background-color: #d0ffe5
}

/*
 * navigation box settings
 */
 
#navigationBox {
  border: solid 1px black;
  overflow: auto;
  line-height: 120%;
}

#navigationBox ul {
  padding: 0px;
  margin: 0px;
  overflow: visible;
}

#navigationBox li {
  padding: 0px;
  margin: 0px 0px 0px 25px;
}

#navigationBox td {
  text-align: left;
}
#navigationBox table {
  margin: 0px auto 0px 0px;
}

.bluredSiteMapItem ul li {
  list-style-type: none;
}
 
.bluredSiteMapItem ul li:before {
  display: none;
}
 
.highlightedSiteMapItem div, .bluredSiteMapItem div {
  text-align: left;
  padding: 0px;
  margin: 0px 0px 1em 0px;
}

.highlightedSiteMapItem {
  font-size: 15px;
  line-height: 17px;
}

.highlightedSiteMapItem .bluredSiteMapItem {
  font-size: 12px;
  line-height: 14px;
}
 
.bluredSiteMapItem .bluredSiteMapItem  {
  font-size: 8px;
  line-height: 9px;
}

.bluredSiteMapItem .bluredSiteMapItem  .bluredSiteMapItem {
  font-size: 3px;
  line-height: 4px;
}

.currentUrlSiteMapItem a {
  color: #667788;
  font-size: 15px;
  text-decoration: underline;
  line-height: 17px;
}

.foundSiteMapItem a {
  color: #668877;
  font-size: 15px;
  text-decoration: underline;
}

.currentUrlSiteMapItem a:hover, .foundSiteMapItem a:hover {
  color: red;
  font-size: 15px;
}

/*
 * menu settings
 */
 
div.mainmenu {
  text-align: center;
  padding-bottom: 5px;
  padding-top: 15px;
}
div.mainmenu img {
  vertical-align: text-bottom;
}
div.submenu {
  width: 250px;
  font-size: 13px;
  line-height: 100%;
  text-indent: 0px;
  margin: 0px;
  padding: 0px;
  text-align: left;
  background-color: #eaeaff;
  border-color: #999999;
  border-style: solid;
  border-width: 2px;
  z-index: 10;
}
div.submenu h1{
  font-size: 15px;
  padding: 5px;
  margin: 0px;
}
div.submenu ul{
  font-size: 13px;
  margin-left: 0px;
  text-align: left;
}
div.submenu ul li:before {
  margin-bottom: -12px;
}
.firstlevelmenu, .firstlevelmenu td {
  background-color: transparent;
  border-color: #999999;
  border-style: solid;
  border-width: 1px;
}
.firstlevelmenu {
  margin: 20px 0px 20px 0px;
}
.firstlevelmenu td {
  padding: 5px;
}
  
/*
 * top navigation bar settings
 */
 
.topnavigation{
  text-align: left;
  padding-bottom: 0px;
}

/*
 * bottom navigation links settings
 */
 
.bottomnavigation{
  text-align: left;
  padding: 5px;
}

/*
 * buttons panel table settings
 */
 
.buttonspanel{
  margin: 0px auto 0px 0px;
}

/*
 * languages box settings
 */
 
.languagesbox{
  margin: 5px;
}

/*
 * themes box settings
 */
 
.themesbox{
  margin: 5px;
}

/*
 * hints
 */

#hintconstrain, #ajaxboxconstrain, #searchresultshintconstrain {
  position: absolute;
  left: -10000px; 
  top: -10000px;
  width: 250px;
  visibility: hidden;
  text-align: left;
  background: transparent;
  z-index: 50;
  padding: 0px;
  margin: 0px;
  border: 0px;
}
#searchresultshintconstrain {
  width: 500px;
}
td.hintcontent {
  font-size: 13px;
  line-height: 100%;
  text-indent: 0px;
  width: auto;
  text-align: left;
}
td.hintcontent h1{
  font-size: 14px;
  padding: 5px;
  margin: 0px;
}
td.hintcontent h2{
  font-size: 14px;
  padding: 2px;
  margin: 0px;
}
td.hintcontent h3{
  font-size: 13px;
  padding: 0px;
  margin: 0px;
}
td.hintcontent p{
  padding: 2px;
  margin: 0px;
}
td.hintcontent ul{
  font-size: 13px;
  margin-left: 0px;
  text-align: left;
}
td.hintcontent ul li:before {
  margin-bottom: -12px;
}

/*
 * resources list box settings
 */
 
.resourceslistbox{
  width: 160px;
  text-align: left;
  background-color: #fefaf0;
  border-width: 1px;
  padding: 0px;
  margin: 0px;
  border-style: solid;
}

.resourceslistitem, .resourceslisthilighteditem{
  width: 158px;
  text-align: left;
  background-color: #fefaf0;
  border-width: 1px;
  font-size: 14px;
  padding: 0px;
  margin: 0px;
  border-style: solid;
}

.resourceslisthilighteditem{
  background-color: #ddaaaa;
}

.resourceslistitem h1{
  font-size: 18px;
  padding: 5px;
  margin: 0px;
}


#resourcesettingsconstrain {
  position: absolute;
  left: -10000px; 
  top: -10000px;
  width: 350px;
  visibility: hidden;
  text-align: left;
  background: transparent;
  z-index: 50;
  padding: 0px;
  margin: 0px;
  border: 0px;
}
#resourcesettingscontent {
  font-size: 13px;
  line-height: 100%;
  text-indent: 0px;
  width: 100%;
  text-align: left;
}
#resourcesettingscontent h1{
  font-size: 15px;
  padding: 5px;
  margin: 0px;
}
#resourcesettingscontent ul{
  font-size: 13px;
  margin-left: 0px;
  text-align: left;
}
#resourcesettingscontent ul li:before {
  margin-bottom: -12px;
}

/*
 * general page content
 */

.pagecontent{
  height: 100%;
  width: 100%;
  overflow: visible;
  text-align: center;
  background-color: #fefaf0;
  border-width: 2px;
  padding: 20px;
  margin: 0px;
  border-style: solid;
  border-color: #e0e0e0;
  vertical-align: top;
  /*
  opacity: 0.85;
  filter: alpha(opacity=85);
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);
  -moz-opacity:0.85;
  -khtml-opacity:0.85;
  */
}
.pagecontent table{
  border-color: black;
  border-collapse: collapse;
  vertical-align: middle;
  text-align: center;
  margin: 5px auto 5px auto;
  padding: 5px;
  border-style: hidden;
}
.pagecontent td{
  border-color: black;
  padding: 5px;
}
.pagecontent th{
  border-color: black;
  padding: 5px;
}
/*
   Some hack to make FireFox and Opera treat tables in the way, almost like
 IE does. Sorry - I had to make it. 
*/
.pagecontent table[border]{
  border-style: solid;
}
.pagecontent table[border] td{
  border-style: solid;
  border-width: 1px;
}
.pagecontent table[border] th{
  border-style: solid;
  border-width: 1px;
}
.pagecontent table[border="0"]{
  border-style: none;
}
.pagecontent table[border="0"] td{
  border-style: none;
}
.pagecontent table[border="0"] th{
  border-style: none;
}
/* end hack ;) */
.pagecontent h1 {
  font-size: 18px;
} 
.pagecontent h2 {
  font-size: 17px;
} 
.pagecontent h3 {
  font-size: 16px;
} 
.pagecontent img {
  margin: 0px;
} 
.pagecontent img.smiley{
  margin: 0px;
}
.pagecontent ul, .pagecontent ol {
}

/*
 * page header
 */

.pageheader {
  background: none;
  font-size: 12px;
  line-height: 130%;
  margin: 5px 30px 5px 30px;
}
.pageheader h1 {
  margin: 0px 0px 15px 0px;
  font-size: 20px;
}
.pageheader h3 {
  margin: 5px 5px 5px 5px;
  font-size: 11px;
  line-height: 130%;
  text-align: right;
}

.pageheader #documentSign {
  font-style:  italic;
  font-weight: bold;
  margin: 5px 5px 5px 5px;
  font-size: 11px;
  line-height: 130%;
  text-align: right;
}

/*
 * referats settings
 */
 
.referat {
  font-size: 13px;
  margin: 10px 0px 10px 0px;
} 
.referat table {
  font-size: 13px;
  margin: 5px auto 5px auto;
} 
.referat h1 {
  font-size: 15px;
} 
.referat h2 {
  font-size: 14px;
} 
.referat h3 {
  font-size: 14px;
} 
.referat img {
  margin: 5px;
} 
.referat img.smiley{
  margin: 0px;
}
.referat big {
  font-size: 28px;
}
.referat pre {
  /* I.E.6 doesn't support the CSS2 property max-height */
  max-height: 200px;
} 

/*
 * announes settings
 */
 
.announcesbox {
  font-size: 14px;
  font-family: Arial narrow, Arial;
  line-height: 120%;
  border-style: solid;
  border-color: black;
  border-width: 1px;
  background-color: #f2f8f2;
  overflow: hidden;
  margin: 15px 0px 5px 0px;
  padding: 0px;
  width: 100%;
} 
.announce {
  margin: 10px 0px 0px 0px;
  background-color: transparent;
  padding: 0px;
} 
.announcesbox table {
  font-size: 14px;
  margin: 5px auto 5px auto;
  line-height: 120%;
} 
.announcesbox h1 {
  font-size: 16px;
  margin: 5px;
} 
.announcesbox h2 {
  font-size: 15px;
  margin: 5px;
} 
.announcesbox h3 {
  font-size: 14px;
  margin: 5px;
} 
.announcesbox p {
  font-size: 14px;
  margin: 5px;
  text-indent: 0;
  text-align: left;
} 
.announcesbox ul {
  margin: 5px;
} 
.announcesbox img {
  margin: 5px;
  float: left;
} 
.announcesbox img.smiley{
  margin: 0px;
  float: none;
}
.announcesbox big {
  font-size: 20px;
}
.announcesbox small {
  font-size: 8px;
}
.announcesbox ul, .announcesbox ol {
  line-height: 120%;
  text-indent: 0px;
  padding: 0px 0px 0px 20px;  
  margin: 0px;
  text-align: justify;
}
.announcesbox pre {
  /* I.E.6 doesn't support the CSS2 property max-height */
  max-height: 300px;
  width: 120px
}

.resourcetext {
  background: transparent;
  padding: 10px 30px 10px 30px;
  border-color: #e9f0ff;
  border-style: solid;
  border-width: 2px;
}

.loadingcontent {
  opacity: 0.6; 
  filter: alpha(opacity=60); 
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); 
  -moz-opacity:0.6; 
  -khtml-opacity:0.6;
}

/*
 * progress bar
 */
 
.progressBarBackground {
  width: 98px;
  height: 12px;
  overflow: hidden;
  background: transparent;
  border-style: solid;
  border-width: 1px;
  border-color: black;
  text-align: left;
}

.progressBar {
  height: 100%;
  background: #4455ff;
  border: 0px;
}

.setlinks {
  padding-bottom: 30px;
  font-size: 10px;
}

.sape {
  font-size: 10px;
}