body {
	background-color: #333;
	text-align: center;
	font-size: 100%;
	font-family: helvetica, arial, sans-serif;
	line-height: 140%;
	color: #333;
	padding: 0;
	border-top: #00ffff 3px solid;
}

#container {
	position: relative;
	width: 900px;
	margin: 0 auto 20px auto;
	background-color: white;
	text-align: left;	
	border: 3px solid #ff33cc;
	padding: 0 30px 0 30px;
}

a {
	color: #ff33cc;
}

p {
	margin: 0 0 .6em 0;
}

#header {
	padding: 35px 30px 40px 30px;
	position: relative;
	width: 900px;
	margin: 0 auto;
	background: transparent;
}

h1 span, #rss span, #friends li a span, #days li a span, #getInfo li a span {
	margin-left: -9999px;
}

h1 {
width: 309px;
height: 70px;
background: url(../img/ungarikino_neg_300.png) no-repeat 0px 0px;
	float: left;
}

h3 {
	padding-top: 1em;
	font-size: 130%;
	margin-bottom: .85em;
}

h4 {
	padding: 0 0 0 0;
	font-size: 110%;
	margin-bottom: .85em;
}

h5 {
	padding-top: 1em;
	font-size: 100%;
	margin-bottom: .85em;
}


#getInfo {
	float: right;
	padding-top: 18px;
	background: transparent;
	margin-right: 12px;
}

#getInfo li {
	width: 36px;
	height: 36px;
	overflow: hidden;
	display: block;
	float: right;
	margin-left: 12px;	
}

#getInfo li a {
	display: block;
	width: 36px;
	height: 36px;
}


#rss {
width: 132px;
height: 36px;
background: url(../img/contact.png) no-repeat 0px 0px;
	background-position: 0 0;
}	

#ics {
width: 132px;
height: 36px;
background: url(../img/contact.png) no-repeat 0px 0px;
	background-position: -96px 0;
}	

#mail {
width: 132px;
height: 36px;
background: url(../img/contact.png) no-repeat 0px 0px;
	background-position: -48px 0;
}	


#days {
	border-bottom: 3px solid #ff33cc;
	padding-bottom: 10px;
	background: transparent;	
}


#days li {
	display: block;
	float: left;
	width: 93px;
	height: 200px;
	text-align: center;
	letter-spacing: -.15em;
	background-position: center;
	background-repeat: no-repeat;
	margin-left: 108px;
}

#days li:first-child {
	margin-left: 0px;
}

#days li a {
	display: block;
	width: 100%;
	height: 100%;
}

#days li.okt13 {
background-image: url(../img/days/okt13.png);}
#days li.okt16 {
background-image: url(../img/days/okt16.png);}
#days li.okt14 {
background-image: url(../img/days/okt14.png);}
#days li.okt15 {
background-image: url(../img/days/okt15.png);}
#days li.okt17 {
background-image: url(../img/days/okt17.png);}
#days li.filmioo {
background-image: url(../img/days/filmioo.png);}
#days li.okt13_over {
background-image: url(../img/days_over/okt13.png);}
#days li.okt16_over {
background-image: url(../img/days_over/okt16.png);}
#days li.okt14_over {
background-image: url(../img/days_over/okt14.png);}
#days li.okt15_over {
background-image: url(../img/days_over/okt15.png);}
#days li.okt17_over {
background-image: url(../img/days_over/okt17.png);}
#days li.filmioo_over {
background-image: url(../img/days_over/filmioo.png);}

#days li a {
	font-color: #333;
}

#content {
	padding: 0 0 100px 0;
}

#main { 
	width: 650px;
	float: left;
}

#main a:hover {
	text-decoration: underline;
}

#right {
	margin-left: 680px;		
	padding-left: 30px;
}	

#nav {
	margin-bottom: 20px;
}

#nav li {
	font-size: 130%;
	padding: .5em 0;
	border-top: 3px solid #ff33cc;
	text-align: right;
	text-transform: lowercase;
	letter-spacing: .1em;
}

#nav li:first-child {
	border-top: none;
}

#nav li.active a,
#nav li.active a:hover {
	background: #eee;
	color: #333;	
}

#nav li a {
	color: #333;
	padding: .5em .3em;
}

#nav li a:hover {
	color: #00ffff;
	background-color: #efffff;
}

#facebook {
	width: 180px;
height: 45px;
background: url(../img/facebook.png) no-repeat 0px 0px;
 	
}

	#facebook a {
		text-indent: -9999px;
		width: 100%;
		height: 100%;
		display: block;
	}


#friends {
	clear: both;
	padding: 0 0 30px 0;
}

#friends li {
	float: left;
	display: block;
	overflow: hidden;
	margin-right: 13px;
}

#friends li.kulka {
width: 67px;
height: 43px;
background: url(../img/friends/kulka.png) no-repeat 0px 0px;
}
#friends li.maailmafilm {
width: 52px;
height: 43px;
background: url(../img/friends/maailmafilm.png) no-repeat 0px 0px;
}
#friends li.poff {
width: 26px;
height: 43px;
background: url(../img/friends/poff.png) no-repeat 0px 0px;
}
#friends li.ungarikook {
width: 30px;
height: 43px;
background: url(../img/friends/ungarikook.png) no-repeat 0px 0px;
}
#friends li.mogyi {
width: 114px;
height: 43px;
background: url(../img/friends/mogyi.png) no-repeat 0px 0px;
}
#friends li.kultuuriaken {
width: 193px;
height: 43px;
background: url(../img/friends/kultuuriaken.png) no-repeat 0px 0px;
}
#friends li.filmunio {
width: 43px;
height: 41px;
background: url(../img/friends/filmunio.png) no-repeat 0px 0px;
}
#friends li.ungariinstituut {
width: 144px;
height: 33px;
background: url(../img/friends/ungariinstituut.png) no-repeat 0px 0px;
}
#friends li.genklubi {
width: 45px;
height: 43px;
background: url(../img/friends/genklubi.png) no-repeat 0px 0px;
}
#friends li.sygispaevad {
width: 32px;
height: 43px;
background: url(../img/friends/sygispaevad.png) no-repeat 0px 0px;
}

#nav li a,
#friends li a {
	display: block;
	height: 100%;
}

#content, 
#footer {
	clear: both;
}

#calendar .vevent abbr {
	border: 0;
}

#calendar .vevent abbr.dtstart {
	font-weight: bold;
	font-size: 160%;
	display: block;
	float: left;
	width: 2.25em;
	text-align: right;
	padding-bottom: .2em;
	border-bottom: 10px solid #ff33cc;
}

#calendar .vevent abbr.kava {
	font-weight: normal;
	border: none;	
	font-size: 130%;
	width: 2.7em;

}

#calendar .vevent abbr.dtstart span {
	font-weight: normal;
	font-size: 85%;
	margin-left: .1em;
}

#calendar .vevent abbr.kava span.date {
	font-weight: normal;
	font-size: 100%;
	border-bottom: 3px solid #ff33cc;	
	padding-bottom: 0;
	margin-bottom: .2em;
	display: block;
	color: #aaa;
	font-variant: small-caps;
}

#calendar .vevent abbr.kava span.min {
	font-weight: normal;
	font-size: 100%;
	padding-bottom: 0;
	margin-bottom: .2em;
}


.over {
	color: #ccc;
}

.over a {
	color: #f8d4ef;
}

#calendar .over abbr.dtstart {
	border-bottom: 10px solid #f8d4ef;
}

#calendar li {
	clear: both;
	padding: .8em 1.2em 1.4em 1.2em;
	background: transparent;
}	

#calendar li h4 {
	text-transform: uppercase;	
}	

#calendar dl {
	margin: 0 0 0 5.5em;
}

#calendar dd {
	margin: 0 0 0 .1em;
}

#calendar .summary {
	font-size: 136%;
}	

#calendar dd.description {
	margin-top: .5em;
}


#calendar .liBlock {
	background: #efffff;
}

#calendar .blockFirst {
	border-top: 3px #00ffff solid;
}

#calendar .blockLast {
	margin-bottom: 1em;
}

.liBlock h4 {
	color: #00ffff;
	font-size: 100%;
	margin: 0 0 1em 0;
	padding: 0 0 .3em 0;
	text-align: right;
}

.location,
.description,
.block {
	display: none;
}

#dekaart {
	font-size: 8px;
	text-align: center;
	color: #ccc;
	width: 100%;
}

#dekaart p {
	background: url(../img/dekaart_333.png) right center no-repeat;
	width: 13em;	
	height: 35px;
	text-align: left;
	padding-top: 15px;
	margin: 0 auto;
}

#dekaart a {
	color: #ccc;
}

.footnote {
	font-size: 80%;
/*	border-top: 1px solid #aaa;*/
	padding-top: 1em;
/*	margin: 5em 0 0 6.5em;*/
/*	width: 450px;*/
	margin: 0 0 0 0;
}

.footnote_link {
	font-size: 120%;
}

.footnote_link:hover {
	text-decoration: none;
}

ul.list {
	margin-left: 1em;
}

.clear {
	clear:both;
	margin-top:-1px;
	height:1px;
	overflow:hidden;
} 

.readmore {
	color: #ff33cc;
	cursor: pointer;
}

#viktoriin li {
	margin-bottom: 1em;
}	

#viktoriin li .radio {
	display: block;	
	float: left; 
}

#viktoriin li dd label {
	display: block; 
	margin-left: 23px;
}

#viktoriin dd {
	float: none;
	clear: both;
	margin-bottom: .2em; 
}

#viktoriin dt {
	margin-bottom: .3em;
	font-size: 110%;
}

#viktoriin dt span {
	font-weight: bold;	
}

#viktoriin img {
	display: block;
	margin: .6em 0 1em 0;
	padding: 10px;
	background: #fff;
	border: 1px solid #ddd;
}

.mangija label {
	width: 10em;
	padding-top: 2px;
	display: block; 
	float: left; 
}

.text {
	border: #bbb solid 1px;	
	padding: 2px;
}

.submit {
	background: #ff33cc;
	border: none;
	color: white;
	padding: .3em 2em;
}

img {
/*	padding: 4px;	*/
	border: 1px solid #ccc;
}