*{
	margin: 0;
	padding: 0;
}

.clearer{
	clear: both;
    display: block;
    height: 0;
    line-height: 1px;
    font-size: 1px;
}

body{
	background-color: #B0B0B0;
	font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;
	padding-top: 15px;
}

/*------------ BASIC GRID ----------------*/

#page{
	width: 960px;
	margin: 0 auto;
	background-color: #333;
}

#header{
	width: 900px;
	padding: 0 15px;
	margin: 0 auto;
	background: url(../pic/topshade.jpg) no-repeat bottom left;
	height: 150px;
	color: #CECECE;
}

#shade{
	width: 930px;
	margin: 0 auto;
	background: url(../pic/shade.jpg) repeat-y;
}

#contentArea{
	width: 900px;
	margin: 0 auto;
}

#leftcol{
	width: 275px;
	float: left;
}

#rightcol{
	width: 625px;
	float: right;
}

#footer{
	width: 900px;
	margin: 0 auto;
	/* height: 50px; */
	color: #CECECE;
	

}

/*----------------- TEMPLATE ELEMENTS -----------------*/

#logo{
	width: 300px;
	float: left;
}

#mainmenu{
	width: 530px;
	float: right;
	margin-top: 17px;
}

#sidebar {}

#tabmenu{
	margin: 25px 20px 15px 0px;
	/* border-bottom: 1px solid #C1CCC3; */
	z-index: 1;
	display: block;
	padding-left: 25px;
}

#tabmenuWrap{
	border-bottom: 1px solid #C1CCC3;
	z-index: 1;
	display: block;
	padding-left: 25px;
}

	#tabmenu .menuitem, #tabmenu .menuitemAct{
	font-size: 0.95em;
	font-weight: bold;
	float: left;
	padding: 4px 12px 6px 12px;
	border: 1px solid #C1CCC3;
	border-bottom: 0px none;
	line-height: 100%;
	margin-right: 7px;
	background:url(../pic/tm_bckg.jpg) top left repeat-x;

}

	#tabmenu .menuitem a{
	color: #333;
	text-decoration: none;	
}

	#tabmenu .menuitemAct a{
	color: #2971a7;
	text-decoration: none;
}

	#tabmenu .menuitemAct{
		border-bottom: 1px solid white;	
		z-index: 2;
		margin-bottom: -1px;
}


#content{
	padding: 20px;
	padding-top: 0px;
}

#bottommenu{
	margin-top: 10px;
	text-align: center;
}

#about{
	color: #CECECE;
	font-size: 11px;
	text-align: center;
	margin-top: 6px;
	padding-bottom: 15px;
}

/*------------------- MENUITEMS --------------------*/

#mainmenu{
	/* letter-spacing: 1px; */
}

#mainmenu .menuitem{
	float: left;
	width: 90px;
	height: 100px;
	padding: 0 7px;
	border-left: 1px solid #474747;
	font-weight: bold;
	
}

#mainmenu .submenu{
	margin-top: 14px;
	font-weight: lighter;
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #CECECE;
}

#mainmenu .submenu a{
	color: #CECECE;
	text-decoration: none;
}

#mainmenu .submenu .menuitem1{
	padding-bottom: 6px;
}

#green, #ink { color:#99CC33; }
#blue, #program { color:#66CCFF; }
#orange, #predstave { color:#FFCC00; }
#purple, #mkfm { color:#9966CC; }
#red, #ulaznice { color:#993366; }

#bottommenu .menuitem{
	/* float: left; */
	display: inline;
	padding-right: 12px;
	font-size: 11px;
}



/*----------------- TYPO ----------------*/


html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size: 1em; font-weight: normal; font-style: normal; }

table { border-collapse: collapse; border-spacing: 0; }

a img {
	border: 0px none;
}

#content a { text-decoration: underline; }
#content p { margin-bottom: 18px; line-height: 150%;}
#content .program p .bodytext { margin-bottom: 0px; margin: 0px; padding: 0px; padding-bottom:0px;}
#content .program h5 { margin-bottom: 0px;  margin-top: 0px; margin: 0px; padding: 0px;}
#content h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px; }
#content h2 { font-weight: bold; font-size: 16px; line-height: 16px; margin-bottom: 18px; }
#content h3 { font-weight: bold; font-size: 13px; line-height: 16px; margin-bottom: 18px; }
#content h4 { font-weight: bold; font-size: 22px; line-height: 16px; margin-bottom: 18px; color: #006699; font-weight: lighter;}
/*
#content h5 { font-weight: bold; font-size: 14px; line-height: 16px; margin-bottom: 18px;
				border-bottom: 1px solid silver;
				padding: 2px 2px;
				  }
*/
#content ul { margin-bottom: 18px; list-style: circle outside; margin-left: 2.2em; line-height: 16px;}
#content li { margin-bottom: 10px;}
#content ol, #content blockquote { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }

#content strong {
	font-weight: bold;
}

 a:link,
a:visited { color: #2971a7; text-decoration: none; }
a:hover { text-decoration: underline; }

#content h1 { font-family: "Geneva", "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;; font-weight: lighter;}
#content h3 { font-size: 13px; color: #333; font-weight: bold; word-spacing: -0.1em; }

#leftCol p,http://www.designer.com.hr/typo3/alt_main.php
#leftCol ul
{ font-size: 11px; line-height: 160%; margin-bottom: 10px; }
#leftCol ul { list-style: circle inside; margin-left: 1.5em; }
#leftCol h1 { font-size: 14px; line-height: 150%; margin-bottom: 18px; }

#sidebar p,
#sidebar h1{
	/* margin-left: 25px; */
}

#sidebar p{
	font-size: 11px;
	line-height: 140%
}

#sidebar h1{
font-size: 13px;
font-weight: bold;
/* margin-top: 20px; */
}

/*---------- content elements --------------- */

.beige, .beige_small{
	background-color: #E6E7B0;
	width: 100%;
	margin-bottom: 18px;
}

.beige td, .beige_small td{
	padding: 2px 12px;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
}

.beige_small{
	width: 70%;
}

.table{
	width: 100%;
	margin-bottom: 18px;
	border-top: 1px solid silver;
	border-left: 1px solid silver;
}

.table td{
	padding: 2px 12px;
	border-bottom: 1px solid silver;
	border-right: 1px solid silver;
}

/*--------- program -------*/


.program{
	background-color: #7EC0E4;
}


.header{
	font-weight: bold;
	text-align: center;
	background: url(../pic/bckg_table_header.jpg) repeat-y #56ABD6;
}


.row{}

.cell, .first_col{
	vertical-align: top;
	padding: 6px 10px;	
	color: white;
	font-size: 11px;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
}


.first_col{
	background-color: #9CD2F0;
	color: #2971a7;
	font-weight: bold;
}


h5{
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
	/* margin-top: 5px; */
	color: #2971a7;
}


/*---------- sitemap menu ----------*/

dl .csc-menu .csc-menu-4{}

dt a{
	font-size: 14px;
}

dt{margin-bottom: 8px;}

dd{margin-bottom: 15px;}


/*--------- other -------*/

/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 0px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; display: none; }




.tx-indexedsearch td {

padding:0 10px 10px 0;

background: transparent;

}



.tx-indexedsearch-title {

font-weight:bold;

}



.tx-indexedsearch-result-number{

display:none;

}



td.tx-indexedsearch-info {

font-size: 11px;

}



.tx-indexedsearch-redMarkup {

font-weight: bold;

color: #333333;

}


.translate {
display:block;
padding-left: 370px;

}