body{
	background-color: #001534;
	font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
	font-size: 13px;
	padding: 5px;
}

.outher {
	border: 0px;
	width: 760px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}

.top {
 	float: left;
	padding: 0px;
	border: 0px;
}

.header {
	background-image: url(../images/header.png);
	padding: 0px;
	margin: 0px;
}

.logo {
	float: left;
	padding-left: 5px;
	padding-bottom: 3px;
	margin: 0px;
}

.date {
	color: #001534;
	text-align: right ;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 13px;
	float: right;
}

.time {
	padding-bottom: 0px;
	margin-bottom: 10px;
}

.date form {
	padding: 0px;
	margin: 0px;
	text-align: right;
}

.search {
	background-color: #001534;
	color: #ffffff;
	border: 1px solid red;
	padding: 2px 1px 1px 5px;
	font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
	font-size: 13px;
	font-weight: normal;
}

.button {
	background-color: #cccccc;
	border: 0px;
	padding: 2px 7px 1px 7px;
	margin-left: 3px;
	font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
	font-size: 13px;
	font-weight: normal;
}

.result {
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 15px;
}

.search_title a {
	color: #551a8b;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}

.search_text {
	background-color: #001534;
	padding: 1px 3px 1px 3px;
}



.head_menu {
	clear: both;
	background-image: url(../images/head_menu_bg.png);
	background-repeat: no-repeat;
	height: 36px;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 2px;
	padding-bottom: 3px;
	text-align: center;
}

.head_menu span {
	margin-left: 4px;
	margin-right: 3px;
	vertical-align: top;
}

.head_menu img {
	border: 0px;
	margin: 0px;
	vertical-align: top;
}

.head_menu a {
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 14px;
}

.o_nama a {
	background-image: url(../images/o_nama.png);
	background-repeat: no-repeat;
}

.o_nama a:hover {
	background-image: url(../images/o_nama_hover.png);
	background-repeat: no-repeat;
}

.aboutus a {
	background-image: url(../images/aboutus.png);
	background-repeat: no-repeat;
}

.aboutus a:hover {
	background-image: url(../images/aboutus_hover.png);
	background-repeat: no-repeat;
}

.vijesti a {
	background-image: url(../images/vijesti.png);
	background-repeat: no-repeat;
}

.vijesti a:hover {
	background-image: url(../images/vijesti_hover.png);
	background-repeat: no-repeat;
}

.news a {
	background-image: url(../images/news.png);
	background-repeat: no-repeat;
}

.news a:hover {
	background-image: url(../images/news_hover.png);
	background-repeat: no-repeat;
}

.festival a {
	background-image: url(../images/festival.png);
	background-repeat: no-repeat;
}

.festival a:hover {
	background-image: url(../images/festival_hover.png);
	background-repeat: no-repeat;
}

.veceri a {
	background-image: url(../images/veceri.png);
	background-repeat: no-repeat;
}

.veceri a:hover {
	background-image: url(../images/veceri_hover.png);
	background-repeat: no-repeat;
}

.movies a {
	background-image: url(../images/movies.png);
	background-repeat: no-repeat;
}

.movies a:hover {
	background-image: url(../images/movies_hover.png);
	background-repeat: no-repeat;
}

.izdavastvo a {
	background-image: url(../images/izdavastvo.png);
	background-repeat: no-repeat;
}

.izdavastvo a:hover {
	background-image: url(../images/izdavastvo_hover.png);
	background-repeat: no-repeat;
}

.publishing a {
	background-image: url(../images/publishing.png);
	background-repeat: no-repeat;
}

.publishing a:hover {
	background-image: url(../images/publishing_hover.png);
	background-repeat: no-repeat;
}

.kampanja a {
	background-image: url(../images/kampanja.png);
	background-repeat: no-repeat;
}

.kampanja a:hover {
	background-image: url(../images/kampanja_hover.png);
	background-repeat: no-repeat;
}

.queeroteka a {
	background-image: url(../images/queeroteka.png);
	background-repeat: no-repeat;
}

.queeroteka a:hover {
	background-image: url(../images/queeroteka_hover.png);
	background-repeat: no-repeat;
}

.foto a {
	background-image: url(../images/foto.png);
	background-repeat: no-repeat;
}

.foto a:hover {
	background-image: url(../images/foto_hover.png);
	background-repeat: no-repeat;
}

.photo a {
	background-image: url(../images/photo.png);
	background-repeat: no-repeat;
}

.photo a:hover {
	background-image: url(../images/photo_hover.png);
	background-repeat: no-repeat;
}

.english a {
	background-image: url(../images/english.png);
	background-repeat: no-repeat;
}

.english a:hover {
	background-image: url(../images/english_hover.png);
	background-repeat: no-repeat;
}

.hrv a {
	background-image: url(../images/hr.png);
	background-repeat: no-repeat;
}

.hrv a:hover {
	background-image: url(../images/hr_hover.png);
	background-repeat: no-repeat;
}

.banner {
	padding: 1px 0px 5px 0px;
	text-align: center;
}

.content {
	background-image: url(../images/tile.jpg);
	border: 0px;
	padding: 0px;
}

.news_title {
	float: left;
	padding: 0px;
	border: 0px;
	margin: 0px;
}

.main {
	width: 580px;
 	float: left;
}

#home {
	font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
	color: #cccccc;
	border: 0px;
	padding-top: 10px;
	padding-bottom: 1px;
	padding-left: 45px;
	padding-right: 20px;
}

#home form {
	font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
}

#home input, #home textarea {
	font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
	font-size: 13px;
	border: 1px solid #ffffff;
	background-color: #fbb4d9;
	color: #000000;
	padding: 2px;
	margin-bottom: 5px;
}

#home a {
	color: #551a8b;
	text-decoration: none;
}

.titles {
	margin-bottom: 10px;
}

.title a {
	color: #551a8b;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}

#home a:hover, .title a:hover, .search_title a:hover, .archive a:hover, .send_print a:hover {
	color: #cccccc;
}

.created {
	color: #808080;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	margin-top: 2px;
}

#home p {
	color: #cccccc;
	padding-top: 0px;
	padding-bottom: 15px;
}

.thumb {
	width: 150px;
	text-align: center;
	margin-top: 10px;
	margin-right: 10px;
	float: left;
}

.dno_clanka {
	padding: 0px;
}

.back_button {
	font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
	background-color: #001534;
	color: #cccccc;
	font-size: 13px;
	text-align: center;
	padding: 3px;
	border: 1px solid #000000;
	float: left;
}

.send_print {
	color: #000000;
	font-size: 11px;
	text-align: right;
	padding-top: 7px;
}

.send_print img {
	margin-right: 5px;
	margin-left: 5px;
	vertical-align: top;
}

.send_print a {
	color: #551a8b;
	text-decoration: none;
	margin-right: 5px;
}

.both {
	clear: both;
}

.right {
	width: 180px;
	float: right;
}

.right img {
	padding: 0px;
}

.menu_top {
	margin-left: 5px;
	margin-bottom: -4px;
	border: 0px;
	padding: 0px;
/*	float: left;*/
}

.menu {
	background-image: url(../images/menu_tile.png);
	background-repeat: repeat-y;
	padding: 5px 5px 0px 5px;
	margin-right: 41px;
	margin-left: 5px;
}

.menu img {
	border: 0px;
	padding: 0px;
	margin: 0px;
	margin-top: 3px;
	margin-bottom: 3px;
	vertical-align: middle;
}

.menu a {
	border: 0px;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 6px;
}

.arh_top {
	position: relative;
	top: -5px;
	left: -5px;
}

.arh_bottom {
	position: relative;
	bottom: -5px;
	left: -5px;
}

 /* Het 100% CSS menu */

 ul, li {
  margin:0;
  padding:0;
  display:block;
 }  

#meni ul {
	background-image: url(../images/menu_tile.png);
	background-repeat: repeat-y;
	padding: 0px 5px 0px 5px;
}

  #meni, #meni ul {
  list-style:none;
  width:124px;
/*   padding:0px; */
  border:0px solid black;
 } 

  #meni li {
  position:relative;
  padding:0px;
  border:0px solid #fffcf0;
  z-index:9;
 }

 
  /* decoratieve hover */

 #meni li:hover {
   border:0px solid green;
   z-index:15;
  }

 /* Alle subnavigatie verbergen */
  #meni ul ul, #meni ul {
  position:absolute;
  display:none;
  left: -120px;
  top: 4px;
 }
  
  /* :hover, met specificity */
  
  #meni li:hover ul ul {
   display:none;
  }

  #meni li:hover li:hover ul, #meni li:hover ul {
   display:block;
  }

.index a {
	background-image: url(../images/home.png);
	background-repeat: no-repeat;
}

.index a:hover {
	background-image: url(../images/home_hover.png);
	background-repeat: no-repeat;
}

.press a {
	background-image: url(../images/press_clip.png);
	background-repeat: no-repeat;
}

.press a:hover {
	background-image: url(../images/press_clip_hover.png);
	background-repeat: no-repeat;
}

.zebra a {
	background-image: url(../images/zebra.png);
	background-repeat: no-repeat;
}

.zebra a:hover {
	background-image: url(../images/zebra_hover.png);
	background-repeat: no-repeat;
}

.kampanja a {
	background-image: url(../images/kampanja.png);
	background-repeat: no-repeat;
}

.kampanja a:hover {
	background-image: url(../images/kampanja_hover.png);
	background-repeat: no-repeat;
}

.campaign a {
	background-image: url(../images/campaign.png);
	background-repeat: no-repeat;
}

.campaign a:hover {
	background-image: url(../images/campaign_hover.png);
	background-repeat: no-repeat;
}

.donatori a {
	background-image: url(../images/donatori.png);
	background-repeat: no-repeat;
}

.donatori a:hover {
	background-image: url(../images/donatori_hover.png);
	background-repeat: no-repeat;
}

.donors a {
	background-image: url(../images/donors.png);
	background-repeat: no-repeat;
}

.donors a:hover {
	background-image: url(../images/donors_hover.png);
	background-repeat: no-repeat;
}

.forum a {
	background-image: url(../images/forum.png);
	background-repeat: no-repeat;
}

.forum a:hover {
	background-image: url(../images/forum_hover.png);
	background-repeat: no-repeat;
}

a.arhiva {
	background-image: url(../images/arhiva.png);
	background-repeat: no-repeat;
}

a:hover.arhiva {
	background-image: url(../images/arhiva_hover.png);
	background-repeat: no-repeat;
}

a.archive {
	background-image: url(../images/archive.png);
	background-repeat: no-repeat;
}

a:hover.archive {
	background-image: url(../images/archive_hover.png);
	background-repeat: no-repeat;
}

a.predgrade {
	background-image: url(../images/predgrade.png);
	background-repeat: no-repeat;
}

a:hover.predgrade {
	background-image: url(../images/predgrade_hover.png);
	background-repeat: no-repeat;
}

a.suburbia {
	background-image: url(../images/suburbia.png);
	background-repeat: no-repeat;
}

a:hover.suburbia {
	background-image: url(../images/suburbia_hover.png);
	background-repeat: no-repeat;
}

a.moraghan {
	background-image: url(../images/moraghan.png);
	background-repeat: no-repeat;
}

a:hover.moraghan {
	background-image: url(../images/moraghan_hover.png);
	background-repeat: no-repeat;
}

a.lezzbe {
	background-image: url(../images/lezzbe.png);
	background-repeat: no-repeat;
}

a:hover.lezzbe {
	background-image: url(../images/lezzbe_hover.png);
	background-repeat: no-repeat;
}

a.bartsch {
	background-image: url(../images/bartsch.png);
	background-repeat: no-repeat;
}

a:hover.bartsch {
	background-image: url(../images/bartsch_hover.png);
	background-repeat: no-repeat;
}

a.vijesti_arh {
	background-image: url(../images/vijesti_arh.png);
	background-repeat: no-repeat;
}

a:hover.vijesti_arh {
	background-image: url(../images/vijesti_arh_hover.png);
	background-repeat: no-repeat;
}

a.news_arh {
	background-image: url(../images/news_arh.png);
	background-repeat: no-repeat;
}

a:hover.news_arh {
	background-image: url(../images/news_arh_hover.png);
	background-repeat: no-repeat;
}

a.three_arh {
	background-image: url(../images/2003_arh.png);
	background-repeat: no-repeat;
}

a:hover.three_arh {
	background-image: url(../images/2003_arh_hover.png);
	background-repeat: no-repeat;
}

a.four_arh {
	background-image: url(../images/2004_arh.png);
	background-repeat: no-repeat;
}

a:hover.four_arh {
	background-image: url(../images/2004_arh_hover.png);
	background-repeat: no-repeat;
}

a.five_arh {
	background-image: url(../images/2005_arh.png);
	background-repeat: no-repeat;
}

a:hover.five_arh {
	background-image: url(../images/2005_arh_hover.png);
	background-repeat: no-repeat;
}

a.press_arh {
	background-image: url(../images/press_clip.png);
	background-repeat: no-repeat;
}

a:hover.press_arh {
	background-image: url(../images/press_clip_hover.png);
	background-repeat: no-repeat;
}

.kontakt a {
	background-image: url(../images/kontakt.png);
	background-repeat: no-repeat;
}

.kontakt a:hover {
	background-image: url(../images/kontakt_hover.png);
	background-repeat: no-repeat;
}

.contact a {
	background-image: url(../images/contact.png);
	background-repeat: no-repeat;
}

.contact a:hover {
	background-image: url(../images/contact_hover.png);
	background-repeat: no-repeat;
}

.menu_bottom {
	padding: 0px;
	border: 0px;
	margin-left: 5px;
	float: left;
}

#footer {
	position: relative;
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
	height: 435px;
	clear: both;
}

.powered {
	position: absolute;
	bottom: 15px;
	right: 20px;
	color: #cccccc;
	font-family: "arial";
	font-size: 11px;
}

.powered a {
	color: #ffffff;
	text-decoration: line-through;
	padding: 1px;
}

.powered a:hover {
	color: #cccccc;
	text-decoration: none;
	border-top: 0px;
	border-bottom: 0px;
}




#list {
 padding: 0 42px 0 42px;
}

#list p {
margin:  0px;
padding: 0px;
}
#list h4, #list h3 {
  margin:  0px;
  padding: 0px 0 10px 0;
}

#list td {
padding: 3px;
border-bottom: 1px dashed #6E0E55;
height: 35px;
}
#list dd {
 margin: 0px 3px 20px 3px;
}




.arh_top {
	position: relative;
	top: -5px;
	left: -5px;
}

.arh_bottom {
	position: relative;
	bottom: -5px;
	left: -5px;
}

 /* Het 100% CSS menu */

 ul, li {
  margin:0;
  padding:0;
  display:block;
 }  

#meni ul {
	background-image: url(../images/menu_tile.png);
	background-repeat: repeat-y;
	padding: 0px 5px 0px 5px;
}

  #meni, #meni ul {
  list-style:none;
  width:124px;
/*   padding:0px; */
  border:0px solid black;
 } 

  #meni li {
  position:relative;
  padding:0px;
  border:0px solid #fffcf0;
  z-index:9;
 }

 
  /* decoratieve hover */

 #meni li:hover {
   border:0px solid green;
   z-index:15;
  }

 /* Alle subnavigatie verbergen */
  #meni ul ul, #meni ul {
  position:absolute;
  display:none;
  left: -120px;
  top: 4px;
 }
  
  /* :hover, met specificity */
  
  #meni li:hover ul ul {
   display:none;
  }

  #meni li:hover li:hover ul, #meni li:hover ul {
   display:block;
  }

#film {
/* 	float: left; */
}

#tv {background-image: url(../images/tv.jpg); background-repeat: no-repeat; background-position: top right; position: relative; float: right; height: 300px; width: 340px; border: 1px dashed black; margin-left: 5px; }

#klikni {background-image: url(../images/klikni.png); background-repeat: no-repeat;
   position: absolute; bottom: 0px; left: 10px; width: 330px; height: 30px;
   padding: 0px; padding-top: 5px; margin: 0px;
   color: #e72c81; font: 16px Verdana, sans-serif; text-align: center;
}


div#links {width: 38px; height: 300px; font: 1px Verdana, sans-serif; z-index: 100; float: left;}
div#links a.jan {display: block; text-align: center; font: bold 1em sans-serif; 
   padding-top: 15px; padding-bottom: 15px; margin: 2px; border-width: 0; 
   text-decoration: none; color: #FFC; background-image: url(../images/01.png); background-repeat: no-repeat;
   border-right: 0px solid #505050;}
div#links a.feb {display: block; text-align: center; font: bold 1em sans-serif; 
   padding-top: 15px; padding-bottom: 15px; margin: 2px; border-width: 0; 
   text-decoration: none; color: #FFC; background-image: url(../images/02.png); background-repeat: no-repeat;
   border-right: 0px solid #505050;}
div#links a.mar {display: block; text-align: center; font: bold 1em sans-serif; 
   padding-top: 15px; padding-bottom: 15px; margin: 2px; border-width: 0; 
   text-decoration: none; color: #FFC; background-image: url(../images/03.png); background-repeat: no-repeat;
   border-right: 0px solid #505050;}
div#links a.apr {display: block; text-align: center; font: bold 1em sans-serif; 
   padding-top: 15px; padding-bottom: 15px; margin: 2px; border-width: 0; 
   text-decoration: none; color: #FFC; background-image: url(../images/04.png); background-repeat: no-repeat;
   border-right: 0px solid #505050;}
div#links a.may {display: block; text-align: center; font: bold 1em sans-serif; 
   padding-top: 15px; padding-bottom: 15px; margin: 2px; border-width: 0; 
   text-decoration: none; color: #FFC; background-image: url(../images/05.png); background-repeat: no-repeat;
   border-right: 0px solid #505050;}
div#links a.jun {display: block; text-align: center; font: bold 1em sans-serif; 
   padding-top: 15px; padding-bottom: 15px; margin: 2px; border-width: 0; 
   text-decoration: none; color: #FFC; background-image: url(../images/06.png); background-repeat: no-repeat;
   border-right: 0px solid #505050;}
div#links a.jul {display: block; text-align: center; font: bold 1em sans-serif; 
   padding-top: 15px; padding-bottom: 15px; margin: 2px; border-width: 0; 
   text-decoration: none; color: #FFC; background-image: url(../images/07.png); background-repeat: no-repeat;
   border-right: 0px solid #505050;}
div#links a.aug {display: block; text-align: center; font: bold 1em sans-serif; 
   padding-top: 15px; padding-bottom: 15px; margin: 2px; border-width: 0; 
   text-decoration: none; color: #FFC; background-image: url(../images/08.png); background-repeat: no-repeat;
   border-right: 0px solid #505050;}
div#links a.sep {display: block; text-align: center; font: bold 1em sans-serif; 
   padding-top: 15px; padding-bottom: 15px; margin: 2px; border-width: 0; 
   text-decoration: none; color: #FFC; background-image: url(../images/09.png); background-repeat: no-repeat;
   border-right: 0px solid #505050;}
div#links a.oct {display: block; text-align: center; font: bold 1em sans-serif; 
   padding-top: 15px; padding-bottom: 15px; margin: 2px; border-width: 0; 
   text-decoration: none; color: #FFC; background-image: url(../images/10.png); background-repeat: no-repeat;
   border-right: 0px solid #505050;}
div#links a.nov {display: block; text-align: center; font: bold 1em sans-serif; 
   padding-top: 15px; padding-bottom: 15px; margin: 2px; border-width: 0; 
   text-decoration: none; color: #FFC; background-image: url(../images/11.png); background-repeat: no-repeat;
   border-right: 0px solid #505050;}
div#links a.dec {display: block; text-align: center; font: bold 1em sans-serif; 
   padding-top: 15px; padding-bottom: 15px; margin: 2px; border-width: 0; 
   text-decoration: none; color: #FFC; background-image: url(../images/12.png); background-repeat: no-repeat;
   border-right: 0px solid #505050;}
div#links a:hover {color: #411; border-right: 0px double white;}

div#links a img {height: 0; width: 0; border-width: 0;}
div#links a:hover img {position: absolute; top: 29px; left: 166px; height: 165px; width: 118px;}
div#links a span {display: none;}
div#links a:hover span {display: block; background-image: url(../images/klikni.png); background-repeat: no-repeat;
   position: absolute; bottom: 2px; left: 10px; width: 330px; height: 28px;
   padding: 0px; padding-top: 5px; margin: 0px; z-index: 100;
   color: #e72c81; font: 16px Verdana, sans-serif; text-align: center;}