/* CSS Document */

body {
	margin:0px;
	padding:0px;
	background:url(../images/bg.gif) repeat-x top;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:1.5em;
	font-size:0.8em;
}

.container_12	{background:url(../images/bgC.gif) repeat-y left; }
#cont 			{background:url(../images/bgCI.gif) repeat-y left; }
img, div 		{behavior: url(iepngfix.htc);}
.grid_9 img 	{padding:2px; margin:4px; border:#33ccff solid 1px;}


/** layout **/
#header{background:url(../images/bgH.jpg) no-repeat center bottom;}
#footer {background:url(../images/bgH.jpg) no-repeat center bottom #66ccff; text-align:center; color:#FFFFFF; font-family:Tahoma; font-size:0.85em; height:25px; padding-top:10px; width:100%; margin-top:5px; }
	#footer a {color:#ffffff; text-decoration:none;}
	#footer a:hover {color:#3399cc; }
	
	#header-left { float:left; width:400px; margin-top:-345px;}
		#logo { height:93px; margin-top:10px;}
		
	#banner { position:relative; margin-left:395px; top:0; width:310px; height:345px; background:url(../images/banner.png) no-repeat top; }
		#banner span { display:block; padding:30px 30px 0px 0px; text-align:right; font-family:Tahoma; color:#006699; font-weight:bold; }
		#banner span b, #banner span strong {color:#ff9933;}
	
	#header-right {float:right; width:255px; margin-top:-345px;}
		#icons { height:43px; margin-top:50px; margin-left:50px;}
	

#cont-left, #cont-right {margin-top:20px;}
#cont-right {text-align:right;}
#cont-left {padding:0px 20px 0px 40px;}


/** accordion **/
#acc{ background:url(../images/bgNa.png) no-repeat; position:absolute; width:50px; height:345px; z-index:5; }
dl { margin:0px; padding-left:40px;}
dt, dd {font-family:Tahoma; color:#FFFFFF; }
dt {font-size:1.3em; font-weight:bold; height:26px; padding:7px 0px 0px 15px; text-transform:uppercase;}
dt a {color:#FFFFFF; text-decoration:none;}
dt a:hover { color:#FFFFFF;}
* html dt a:hover { color:#666666; }
dd {font-size:0.85em; margin-left:0px; padding-left:15px;}
.n1 { background:url(../images/bgLi.gif) top repeat-x #33ccff;}	
.n1c{ background:url(../images/bgU.jpg) top repeat-x #33ccff;}
.n2 { background:url(../images/bgLi.gif) top repeat-x #ff0033;}
.n2c { background:url(../images/bgT.jpg) top repeat-x #ff0033;}
.n3 { background:url(../images/bgLi.gif) top repeat-x #ff9933;}
.n3c { background:url(../images/bgS.jpg) top repeat-x #ff9933;}
.n4 { background:url(../images/bgLi.gif) top repeat-x #33cc66;}
.n4c { background:url(../images/bgN.jpg) top repeat-x #33cc66;}
.n1:hover, .n2:hover, .n3:hover, .n4:hover { background:url(../images/bgLi.gif) top repeat-x #3399cc;}



/** navigation **/
a {color:#3399cc;}
a:hover {text-decoration:none; color:#66ccff;}	


/** I taseme menüü + akkordioni pealkirjad **/
#nav-I, #nav-II  {
	font-family:Tahoma;
	font-size:0.85em;
	font-weight:bold;	
	text-align:right; 
	text-transform:uppercase;
}
	#nav-I li {margin-left:-30px; list-style:none; height:25px; background:url(../images/bgLi.png) no-repeat bottom right ; padding-top:5px;}	
		#nav-I li a {color:#FFFFFF; padding-right:40px; text-decoration:none;}
		#nav-I li:hover, #nav-I li.active {background:url(../images/bgLi.gif) repeat-x bottom #3399cc; }
	* html #nav-I li {background:url(../images/bgLi.gif) no-repeat bottom right ;}
	* html #nav-I li a:hover, * html #nav-I li .active {color:#3399cc;}

/** II taseme menüü **/
	#nav-II {margin-bottom:30px;}
	#nav-II li {margin-left:-30px; list-style:none; height:25px; background:url(../images/bgLiB.png) no-repeat bottom right; padding-top:5px;}	
		#nav-II li a {color:#66ccff; padding-right:40px; text-decoration:none;}
		#nav-II a:hover, #nav-II a.active {color:#3399cc; }
	* html #nav-II li, #nav-II li:hover {background:url(../images/bgLiB.gif) no-repeat bottom right ;}
	* html #nav-II li a:hover, * html #nav-II li .active {color:#3399cc;}


/** II taseme menüü akkordeonis **/
.nav-aII {font-family:Tahoma; font-size:0.85em; font-weight:bold; text-transform:uppercase; padding-top:3px;}
	.nav-aII a {color:#FFFFFF; text-decoration:none; background:url(../images/nli.png) no-repeat left; padding:0px 0px 0px 20px; margin-right:20px; width:125px; height:20px; display:block; float:left;}
	* html .nav-aII a {color:#FFFFFF; text-decoration:none; background:url(../images/nli.gif) no-repeat left; padding:0px 0px 0px 20px; margin-right:20px; width:120px; height:20px; display:block; float:left;}
	.nav-aII a:hover {background:#FFFFFF; color:#666666; }


#breadcrumbs {font-size:0.8em;}
	#breadcrumbs a {background:url(../images/brdcmb.jpg) no-repeat right; padding-right:15px; padding-left:2px;}



/** boxes **/
.news {margin-bottom:25px;}
	.news img {border:0px}
	.head, .news h3 { font-family:Tahoma; color:#3399cc; font-weight:bold; font-size:1.1em; margin-bottom:0px; padding-bottom:0px; }
		.head a, .news h3 a {background:url(../images/more.jpg) no-repeat right; padding-right:30px; text-decoration:none;}	
		.head a:hover, .news h3 a:hover {	background:url(../images/moreh.jpg) no-repeat right; color:#66ccff;}
	.kuup, .date { font-family:Tahoma; color:#66ccff; font-size:0.8em; margin:-2px 0px 3px 0px;}
	.cont { line-height:1.25em;}


#club { text-align:center; margin-bottom:10px;}
	#club img {border:0px; clear:both;}
	#club a {font-size:0.8em; background:url(../images/dots.gif) no-repeat right; padding:0px 7px 0px 5px;}
	
	
#calendar {margin-top:20px; font-family:Tahoma; color:#FFFFFF; }
	#calendar #selected-weekday {font-size:0.85em; color:#3399cc; text-align:center; }
	#calendar #selected-day 	{font-size:1.2em; font-weight:bold; color:#ff9933; text-align:center; margin:-20px 0px -30px 0px;}
	#calendar #blue 	{background: #33ccff; margin:10px; padding:0px 10px;}
	#calendar #red		{background: #ff0033; margin:10px; padding:0px 10px;}
	#calendar #orange	{background: #ff9933; margin:10px; padding:0px 10px;}
	#calendar #green	{background: #33cc66; margin:10px; padding:0px 10px;}
	#calendar .item 	{background:url(../images/bgLi.gif) repeat-x bottom; padding:3px 0px; font-size:0.85em; text-align:left;}
	#calendar .item em 	{font-style:normal; font-weight:bold; padding-right:20px;}
	#calendar .item a 	{background:url(../images/bron.png) no-repeat; width:16px; height:16px; margin-top:1px; border:0px; display:block; float:right;}
	#calendar .item a:hover	{background:url(../images/brono.png) no-repeat;}
	#calendar .blue {color:#33ccff;}
	#calendar .red	{color: #ff0033;}
	#calendar .orange{color: #ff9933;}
	#calendar .green	{color: #33cc66;}

/** buttons **/
.next a {
	display:block;
	position: relative;
	top:13px;
	left:200px;
	width: 22px;
	height:18px;
	background: url(../images/dayNext.jpg) 0 0 no-repeat;
}
.prev a {
	display:block;
	position: relative;
	top:0px;
	left:80px;
	width: 22px;
	height:18px;
	background: url(../images/dayPrev.jpg) 0 0 no-repeat;
}
.mnth a {
	display:block;
	position: relative;
	top:-8px;
	left:265px;
	width: 14px;
	height:18px;
	background: url(../images/month.jpg) 0 0 no-repeat;
}
.home a, .mail a, .search a { display:block; width: 68px; height:16px; float:left; }
.home a		{ background: url(../images/home.gif) 0 0 no-repeat;}
.mail a 	{ background: url(../images/mail.gif) 0 0 no-repeat;}
.search a 	{ background: url(../images/search.gif) 0 0 no-repeat;}
.next a:hover, .next a:active, .prev a:hover, .prev a:active, .mnth a:hover, .mnth a:active,
.home a:hover, .home a:active, .search a:hover, .search a:active, .mail a:hover, .mail a:active { background-position:bottom;}


/** typografy **/
h1 {
	font-family:Tahoma;
	font-size:1.3em;
	color:#66ccff;
	text-transform:uppercase;
}

h2 {font-family: Tahoma; color: #3399cc; font-weight: bold; font-size: 1.2em;}
h3 {font-family: Tahoma; color: #3399cc; font-weight: bold; font-size: 1.0em;}
h5 {margin: 15px 0 -5px 20px; padding-bottom: 0; line-height:0.8em;}

p {margin-top: 5px;}

#pageContentContainer table th {
  text-align: left;
}

#open  { 
  height: 70px;
  margin-top: 22px;
  margin-left: 50px;
  text-align: right;
  font-family: Tahoma;
  color: #3399cc;
  font-weight: bold;
  font-size: 0.8em;
}
#open h3 {
  color: #ff9933;
  margin-bottom: 0;
}

/* tables */
#pageContentContainer table   { border: #3399cc dotted 0; margin-bottom: 20px; }
#pageContentContainer tr      { background: url(../images/bgLiB.gif) repeat-x bottom; }
#pageContentContainer th, td  { padding: 5px; }
#pageContentContainer th      { color: #ffffff; text-transform: uppercase; font-size: 0.85em; background: url(../images/bgU.jpg) repeat-x #66ffff; }
/* // tables */