.fadecontentwrapper{ /* Total width: 350px+5px+5px=360px Read relative
width relations for the other two containers below! */
position: relative;
width: 770px;
height: 290px; /* Set height to be able to contain height of largest
content shown*/
background: url(../images/box_nagrade.gif);
border: 0px solid maroon;
overflow: hidden;
}
.fadecontent{ /*style for each fade content DIV within wrapper. Total
width: 330px+10px+10px=350px (".fadecontentwrapper" width minus its
padding and borders, if any) */
position: absolute;
background: url(../images/box_nagrade.gif);
padding:25px 10px 10px 10px;
visibility: hidden;
width: 655px;
}
.fadecontentwrapper .fadecontent p{
	padding-left: 20px;
	background: url(../images/bullet.gif) top left no-repeat;
}
.fadecontenttoggler{ /*style for DIV used to contain toggler links.
Total width: 350px+5px+5px=360px */
width: 650px;
border: 0px solid maroon;
border-top-width: 0;
overflow: hidden;
}
.fadecontenttoggler a{ /*style for every navigational link within
toggler */
text-decoration: none;
width: 60px;
height: 18px;
border-right: 0px solid maroon;
padding: 6px 7px 0px 7px;
float: right;
display: block;
background: url(../images/fade_button.gif) no-repeat bottom;
font-weight: bold;
color: white;
}
.fadecontenttoggler a:hover{
background: url(../images/fade_button_hover.gif) no-repeat bottom;
color: #fffc5a;
}
.fadecontenttoggler a.toc{ /*style for individual toggler links (page
1, page 2, etc). ".toc" class auto generated! */
}
.fadecontenttoggler a.prev, .fadecontenttoggler a.next{ /*style for
"prev" and "next" toggler links. ".prev" and ".next" classes auto
generated! */
color: #fffc5a;
}
.fadecontenttoggler a.prev:hover, .fadecontenttoggler a.next:hover{
color: white;
background: black;
}
.fadecontenttoggler a.selected{ /*style for selected page's toggler
link. ".selected" class auto generated! */
padding: 6px 7px 0px 7px;
height: 18px;
background: url(../images/fade_button_toc.gif);
color: white;
}
/******************************************************************************************** za kritike *******************************************************/
.fadecontentwrapper1{ /* Total width: 350px+5px+5px=360px Read relative
width relations for the other two containers below! */
position: relative;
width: 770px;
height: 290px; /* Set height to be able to contain height of largest
content shown*/
background: url(../images/box_kritike.gif);
border: 0px solid maroon;
overflow: hidden;
}
.fadecontent1{ /*style for each fade content DIV within wrapper. Total
width: 330px+10px+10px=350px (".fadecontentwrapper" width minus its
padding and borders, if any) */
position: absolute;
background: url(../images/box_kritike.gif);
padding:25px 10px 10px 10px;
visibility: hidden;
width: 655px;
}
.fadecontentwrapper1 .fadecontent1 p{
	padding-left: 20px;
	background: url(../images/bullet.gif) left no-repeat;
}
.fadecontenttoggler1{ /*style for DIV used to contain toggler links.
Total width: 350px+5px+5px=360px */
width: 650px;
border: 0px solid maroon;
border-top-width: 0;
overflow: hidden;
}
.fadecontenttoggler1 a{ /*style for every navigational link within
toggler */
text-decoration: none;
width: 60px;
height: 18px;
border-right: 0px solid maroon;
padding: 6px 7px 0px 7px;
float: right;
display: block;
background: url(../images/fade_button.gif) no-repeat bottom;
font-weight: bold;
color: white;
}
.fadecontenttoggler1 a:hover{
background: url(../images/fade_button_hover.gif) no-repeat bottom;
color: #fffc5a;
}
.fadecontenttoggler1 a.toc{ /*style for individual toggler links (page
1, page 2, etc). ".toc" class auto generated! */
}
.fadecontenttoggler1 a.prev, .fadecontenttoggler a.next{ /*style for
"prev" and "next" toggler links. ".prev" and ".next" classes auto
generated! */
color: #fffc5a;
}
.fadecontenttoggler1 a.prev:hover, .fadecontenttoggler1 a.next:hover{
color: white;
background: black;
}
.fadecontenttoggler1 a.selected{ /*style for selected page's toggler
link. ".selected" class auto generated! */
background: url(../images/fade_button_toc.gif);
color: white;
}
/******************************************************************************************** za koncerte *******************************************************/
.fadecontentwrapper2{ /* Total width: 350px+5px+5px=360px Read relative
width relations for the other two containers below! */
position: relative;
width: 770px;
height: 290px;
background: url(../images/box_koncerti.gif);
border: 0px solid maroon;
overflow: hidden;
}
.fadecontent2{ /*style for each fade content DIV within wrapper. Total
width: 330px+10px+10px=350px (".fadecontentwrapper" width minus its
padding and borders, if any) */
position: absolute;
background: url(../images/box_koncerti.gif) no-repeat;
padding:25px 10px 10px 10px;
visibility: hidden;
width: 655px;
}
.fadecontentwrapper2 .fadecontent2 p{
	padding-left: 20px;
	background: url(../images/bullet.gif) left no-repeat;
}
.fadecontenttoggler2{ /*style for DIV used to contain toggler links.
Total width: 350px+5px+5px=360px */
width: 650px;
border: 0px solid maroon;
border-top-width: 0;
overflow: hidden;
}
.fadecontenttoggler2 a{ /*style for every navigational link within
toggler */
text-decoration: none;
width: 60px;
height: 18px;
border-right: 0px solid maroon;
padding: 6px 7px 0px 7px;
float: right;
display: block;
background: url(../images/fade_button.gif) no-repeat bottom;
font-weight: bold;
color: white;
}
.fadecontenttoggler2 a:hover{
background: url(../images/fade_button_hover.gif) no-repeat bottom;
color: #fffc5a;
}
.fadecontenttoggler2 a.toc{ /*style for individual toggler links (page
1, page 2, etc). ".toc" class auto generated! */
}
.fadecontenttoggler2 a.prev, .fadecontenttoggler2 a.next{ /*style for
"prev" and "next" toggler links. ".prev" and ".next" classes auto
generated! */
color: #fffc5a;
}
.fadecontenttoggler2 a.prev:hover, .fadecontenttoggler2 a.next:hover{
color: white;
background: black;
}
.fadecontenttoggler2 a.selected{ /*style for selected page's toggler
link. ".selected" class auto generated! */
background: url(../images/fade_button_toc.gif);
color: white;
}
/******************************************************************************************** za dirigente *******************************************************/
.fadecontentwrapper3{ /* Total width: 350px+5px+5px=360px Read relative
width relations for the other two containers below! */
position: relative;
width: 770px;
height: 290px;
background: url(../images/box_dirigenti.gif);
border: 0px solid maroon;
overflow: hidden;
}
.fadecontent3{ /*style for each fade content DIV within wrapper. Total
width: 330px+10px+10px=350px (".fadecontentwrapper" width minus its
padding and borders, if any) */
position: absolute;
background: url(../images/box_dirigenti.gif) no-repeat;
padding:25px 10px 10px 10px;
visibility: hidden;
width: 655px;
}
.fadecontentwrapper3 .fadecontent3 p{
	padding-left: 20px;
	background: url(../images/bullet.gif) left no-repeat;
}
.fadecontenttoggler3{ /*style for DIV used to contain toggler links.
Total width: 350px+5px+5px=360px */
width: 650px;
border: 0px solid maroon;
border-top-width: 0;
overflow: hidden;
}
.fadecontenttoggler3 a{ /*style for every navigational link within
toggler */
text-decoration: none;
width: 60px;
height: 18px;
border-right: 0px solid maroon;
padding: 6px 7px 0px 7px;
float: right;
display: block;
background: url(../images/fade_button.gif) no-repeat bottom;
font-weight: bold;
color: white;
}
.fadecontenttoggler3 a:hover{
background: url(../images/fade_button_hover.gif) no-repeat bottom;
color: #fffc5a;
}
.fadecontenttoggler3 a.toc{ /*style for individual toggler links (page
1, page 2, etc). ".toc" class auto generated! */
}
.fadecontenttoggler3 a.prev, .fadecontenttoggler3 a.next{ /*style for
"prev" and "next" toggler links. ".prev" and ".next" classes auto
generated! */
color: #fffc5a;
}
.fadecontenttoggler3 a.prev:hover, .fadecontenttoggler3 a.next:hover{
color: white;
background: black;
}
.fadecontenttoggler3 a.selected{ /*style for selected page's toggler
link. ".selected" class auto generated! */
background: url(../images/fade_button_toc.gif);
color: white;
}
/***********************************************************	naslovna	**********************************************************************************/
.fadecontentwrapper4{ /* Total width: 350px+5px+5px=360px Read relative
width relations for the other two containers below! */
position: relative;
width: 770px;
height: 290px;
background: url(../images/box_naslovna.gif);
border: 0px solid maroon;
overflow: hidden;
}
.fadecontent4{ /*style for each fade content DIV within wrapper. Total
width: 330px+10px+10px=350px (".fadecontentwrapper" width minus its
padding and borders, if any) */
position: absolute;
background: url(../images/box_naslovna.gif) no-repeat;
padding:65px 10px 10px 10px;
visibility: hidden;
width: 730px;
}
.fadecontentwrapper4 .fadecontent4 p{
	padding: 40px 0 0 60;
	text-align:center;
	margin:auto;
}