body {
  margin: 0 auto;
  padding: 0;
  font-size: 100%;
  text-align: center;
  background: url(/sys_images/body_back1.png) left top repeat-x #fff;
  font-family: Arial;
  }

div#banner {
  width: 980px;
  height: 100px;
  margin: 0 auto;
  padding: 0;
  background: url(/sys_images/banner10.png) left top no-repeat #013C68;
  }

/* === tab styling - black tab right under the banner image - START ============= */
div#tab {
  width: 980px;
  height: 35px;
  margin: 1px auto 0 auto;
  padding: 0;
  background: url(/sys_images/tab_back3.png) left -5px repeat-x #333;
  }
div#tabInner {
  margin: 0;
  padding: 8px 30px 0 0;
  text-align: right;
  }

div#tabLinksWrap {
  width: 20em;
  margin: 0;
  padding: 0;
  text-align: right;
  float: right;
  }

div#tabInner a,
div#tabInner a:visited {
  display: block;
  padding: 3px 10px;
  color: #bbb;
  text-decoration: none;
  font-size: 70%;
  float: right;
  letter-spacing: 1px;
  }

div#tabInner a:hover {
  text-decoration: underline;
  }
  
div#tabInner a#rss,
div#tabInner a#rss:visited {
  display: block;
  width: 20px;
  padding: 0;
  margin: 0 0 0 10px;  
  float: right;
  }

div#tabInner a#rss img {
  border: 3px solid #444;
  margin: 0;
  padding: 0;
  }

/* === tab styling - black tab right under the banner image - END ============= */

div#content {
  width: 980px;
  margin: 1px auto 0 auto;
  padding: 0;
  background-color: #14507E;
  }

div#left {
  width: 200px;
  margin: 0 0 10px 0;
  padding: 0;
  background:;
  float: left;
  }

div#center {
  width: 578px;
  margin: 0 0 10px 1px;
  padding: 0;
  float: left;
  }

div#right {
  width: 200px;
  margin: 0 0 10px 0;
  padding: 0;
  float: right;
  }

div.archiveWrap {
  margin: 10px 10px 0 0;
  background: #1F345D;
  }

div.archiveWrap a,
div.archiveWrap a:visited {
  display: block;
  padding: 4px 0;
  color: #bbb;
  background: #1F345D;
  font-size: 100%;
  font-weight: bold;
  text-decoration: none;
  font-family: Verdana, Arial, sans-serif;
  }

div.archiveWrap a:hover {
  color: #fff;
  }

/* === footer1 - start =============== */    
div#footer1 {
  width: 980px;
  height: 40px;
  margin: 20px auto 0 auto;
  padding: 0;
  background: url(/sys_images/tab_back3.png) left -3px repeat-x #333;
  clear: both;
  border-top: 1px solid #fff;
  }

ul#footerNavi {
  list-style: none;
  margin: 10px 0 0 0;
  padding: 0;
  color: #ccc;
  }

ul#footerNavi li {
  display: inline;
  margin: 2px 5px;
  font-size: 80%;
  font-family: Verdana, Arial, sans-serif;
  }
  
ul#footerNavi li a,
ul#footerNavi li a:visited {
  margin: 0 9px 0 0;
  text-decoration: none;
  color: #dedede;
  }

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

span.underline {
  text-decoration: underline;
  font-weight: bold;
  }

/* === footer2 - start =============== */  
div#footer2 {
  width: 980px;
  height: 40px;
  margin: 0 auto;
  padding: 5px 0 0 0;
  background: #fff;
  font-size: 70%;
  color: #555;
  }

div#copyRight {
  width: 30em;
  padding: 0;
  text-align: left;
  float: left;
  }

div#madeBy {
  width: 18em;
  margin: 0;
  float: right;
  text-align: right;
  }
  
div#madeBy img {
  border: none;
  }

div#madeBy a,
div#madeBy a:visited {
  text-decoration: none;
  color: #444;
  font-weight: bold;
  }

div#madeBy a:hover {
  text-decoration: underline;
  }
  


/* === pageCount styling - START ======================== */

div.pageCountWrapAll {
  height: 20px;
  margin: 10px;
  padding: 2px 0 0 0;
  background: #1E3C73;
  font-family: Verdana;
  font-weight: bold;
  font-size: 80%;
  }

div.pageCount_Pages {
  width: 15em;
  float: left;
  color: #bbb;
  
  }

div.pageCount_ulWrap {
  width: 21.7em;
  float: right;
  }

ul.pageCount {
  list-style: none;
  margin: 0;
  padding: 0;
  float: right;
  }

ul.pageCount li {
  float: left;
  background: #666;
  }

ul.pageCount li a, 
ul.pageCount li a:visited {
  display: block;
  width: 24px;
  height: 18px;
  margin: 0 1px 0 0;
  background: #1F345D;
  text-decoration: none;
  color: #c0c0c0;
  }

ul.pageCount li a:hover {
  color: #CD853F;
  background: #041942;
  text-decoration: none;
  }

ul.pageCount li a img, 
ul.pageCount li a:visited img {
  border: none;
  margin: 4px 0 0 0;
  }



/* === pageCount styling - END ======================== */


/* =========================================================*/

div.whiteBoxLeft {
  margin: 10px 0 0 10px;
  padding: 0;
  background: #eee;
  }

div#BannerTop {
  height: 100px;
  margin: 10px ;
  padding: 0;
  background: #1F345D;
  }

div.articleBox {
  margin: 10px;
  padding: 0;
  background: #fff;
  }
  
div.whiteBoxText {
  height: 100px;
  margin: 10px;
  padding: 0;
  background: #fff;
  }

div.thumbs {
  padding: 20px 0;
  background: #fff;
  }

div.thumbs a img,
div.thumbs a:visited img {
  padding: 1px;
  border: 1px solid #eee;  
  }

div.thumbs a ,
div.thumbs a:visited {
  text-decoration: none;  
  }


/* === search styling - START ======================= */

div#searchWrapAll {
  margin: 10px 10px 0 0;
  padding: 10px 0;
  background: #ddd;
  border: 1px solid #fff;
  }
  
div#searchWrapAllInner form {
  margin: 0;
  padding: 0;
  }
  
input#search {
  width: 110px;
  margin: 0 2px 0 0;
  padding: 1px 2px;
  border: 1px solid #aaa;
  }

input#button {
  border: 1px solid #999;
  font-size: 70%;
  font-weight: bold;
  color: #444;
  height: 20px;
  }

label.searchOptions {
  color: #343434;
  font-size: 80%;
  }

span#abonamentTitel {
  font-size: 75%;
  color: #5C6C7C;
  font-weight: bold;
  text-align: left;
  }
 
div#abonamentAll form {
  margin: 20px 0 0 0;
  padding: 0;
  
  }

div#abonamentAll form label{
  width: 45px;
  padding: 2px 0 0 0;
  float: left;
  font-size: 80%;
  text-align: right;
  }
  
input#ime, 
input#email {
  width: 130px;
  margin: 0 0 1px 0;
  padding: 1px 2px;
  border: 1px solid #bbb;
  }

/* === search styling - END ======================= */  

div.whiteBoxRight {
  margin: 10px 10px 0 0;
  padding: 0;
  background: #eee;
  text-align: center;
  }

div.whiteBoxLeft img,  
div.whiteBoxRight img {
  margin: 5px 0;
  }

/* --- article titles ------- */
div.articleTitle {
  padding: 15px 5px 5px 10px;
  font-size: 100%;
  font-weight: bold;
  text-align: left;
  color: #777/*#55780D*/;
  background: url(/sys_images/art_back6.png) left top repeat-x #fff;
  }

div.articleTitle a,
div.articleTitle a:visited {
  color: #666;
  text-decoration: none;
  }

div.articleTitle a:hover {
  color: #CD853F;
  text-decoration: none;
  }


/* --- article text --------- */

div.articleText {
  color: #343434;
  font-size: 80%;
  text-align: justify;
  padding: 10px;
  }

/* --- read more links*/
div.readMoreLinks {
  text-align: right;
  padding: 0 10px 20px 0;
  }

div.readMoreLinks a,
div.readMoreLinks a:visited {
  padding: 2px 5px;
  text-decoration: none;
  font-size: 80%;
  border-left: 20px solid #f5f5f5;
  color: #777 /*olivedrab*/;
  background: #fafafa;
  }

div.readMoreLinks a:hover {
  border-left: 20px solid #CD853F;
  background: #f8f8f8;
  color: #CD853F;
  }

/* ============== navigation ================== */

ul#leftNavi {
  margin: 10px 0 0 10px;
  padding: 0;
  list-style: none;
  background: #eee;
  font-family: Arial;
  }  
  
ul#leftNavi li {
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-family: Arial;
  } 

ul#leftNavi li a,
ul#leftNavi li a:visited {
  display: block;
  margin: 0;
  padding: 8px 4px 7px 7px;
  text-decoration: none;
  background: url(/sys_images/navi_back8.png) left top repeat-x #f6f6f6;
  text-align: left;
  font-size: 75%;
  font-family: Arial;
  color: #444;
  border-bottom: 1px solid #f8f8f8/*#972D20*/; 
  }

* html ul#leftNavi li a,
* html ul#leftNavi li a:visited {
  width: 100%;
  padding: 8px 0 6px 0;
  margin: 0;
  text-indent: 7px;
  font-family: Arial;
  }
     
ul#leftNavi li a:hover {
font-family: Arial;
  color: #000;
  background: url(/sys_images/navi_back9.png) left top repeat-x #f1f1f1;
  }