body {
	padding: 0;
	margin: 0;
	border: 0;
	background: #242424;
	width: 100%;
	height: 100%;
}

#mainframe {
	width: 100%;
	background: url(/kuvat/tausta.png);
	border-bottom: 1px solid #353535;
}

#topframe {
	width: 100%;
	background: url(/kuvat/tausta_pelle.png) left top no-repeat;
	border-bottom: 1px solid #252525;
}

#centerframe {
	width: 1000px;
	position: relative;
	margin: 0 auto;
	padding: 150px 0 30px 0;
}

#logo {
	width: 380px;
	height: 428px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 120;
}

#navigation {
	width: 835px;
	height: 26px;
	background: url(/kuvat/tausta_navigointi.png);
	padding: 16px 25px 0 25px;
	margin: 0 auto;
}

#navigation div.item {
	float: left;
	padding-right: 10px;
	position: relative;
}

#navigation a {
	outline: none;
}

#navigation img {
	border: 0;
}

#navigation div.subnavi {
	display: none;
	position: absolute;
	top: 25px;
	left: 0;
	z-index: 860;
	font-size: 11px;
	font-family: Verdana, sans-serif;
}

#navigation div.sub {
	background: #242424;
	padding: 5px 7px;
	width: 120px;
}

#navigation div.sub a {
	color: #ffc635;
	text-decoration: none;
}

#navigation div.sub a:hover {
	color: #757575;
	text-decoration: underline;
}

#navigationpath {
	width: 815px;
	padding: 5px 20px;
	background: #242424;
	margin: 0 auto;
	text-align: left;
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	color: #757575;
}

#container {
	width: 855px;
	margin: 10px auto 0 auto;
}

#container div.blocks {
	float: left;
	margin-left: 5px;
}

#container div.sponsors {
	float: left;
	width: 100px;
}

#content {
	background: url(/kuvat/tausta_sisalto.png);
	padding: 10px 25px;
	font-family: Trebuchet Ms, sans-serif;
	font-size: 12px;
	color: #FFF;
}

#container div.topm {
	position: relative;
	background: url(/kuvat/tausta_sisalto.png);
	margin: 0 10px;
	height: 10px;
}

#container div.topl {
	position: absolute;
	height: 10px;
	width: 10px;
	top: 0;
	left: -10px;
	background: url(/kuvat/sisalto_ylav.png);
}

#container div.topr {
	position: absolute;
	height: 10px;
	width: 10px;
	top: 0;
	right: -10px;
	background: url(/kuvat/sisalto_ylao.png) top right;
}

#container div.bottoml {
	position: absolute;
	height: 10px;
	width: 10px;
	bottom: 0;
	left: -10px;
	background: url(/kuvat/sisalto_alav.png) bottom left;
}

#container div.bottomr {
	position: absolute;
	height: 10px;
	width: 10px;
	bottom: 0;
	right: -10px;
	background: url(/kuvat/sisalto_alao.png) bottom right;
}

#content h1, 
#footer h1 {
	font-size: 19px;
	font-family: Arial, sans-serif;
	font-weight: normal;
	margin: 0;
/*	border-bottom: 2px solid #ffc635;*/
	border-bottom: 1px solid #202020;
}

#content h2 {
	font-size: 15px;
	font-family: Arial, sans-serif;
	font-weight: normal;
	margin: 0;
	border-bottom: 1px solid #202020;
	padding: 3px 0;
}

#content h3 {
	font-size: 13px;
	font-family: Arial, sans-serif;
	font-weight: normal;
	margin-top: 0;
}

#content div.news-separator {
	border-top: 1px dotted #333333;
}

#content p b, 
#content div.row b {
	color: #ffc635;
}

#content div.row {
	padding: 3px 0;
	font-size: 11px;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #202020;
}

#content div.subnavi {
	border-bottom: 1px solid #333333;
	line-height: 150%;
}

#content div.subnavi a {
	font-size: 11px;
	outline: none;
}

    div.subnavi div.active {
        background: url('/kuvat/bg-active.png') top left repeat-x #ffbc0f;
        padding: 3px 5px !important;
    }
    
    div.subnavi div.active a {
        color: #242424 !important;
        text-decoration: none;
    }

    div.subnavi div.active a:hover {
        color: #000;
        text-decoration: none;
    }

#content div.start {
	border-left: none;
	border-top: none;
}

#content div.end {
	border-right: none;
	border-bottom: none;
}

#content span.date {
	color: #757575;
	font-weight: bold;
}

#content span.date-separator {
	color: #ffc635;
}

#content div.text {
	border-top: 1px solid #333333;
	padding: 10px 0 0 0;
	line-height: 150%;
	text-align: justify;
}

#content p {
	padding: 0 0 10px 0;
	margin: 0;
}

#content p a, 
#content div.subnavi a, 
#content div.text a {
	color: #ffc635;
	font-weight: bold;
	text-decoration: none;
	outline: none;
}

#content p a:hover, 
#content div.subnavi a:hover, 
#content div.text a:hover {
	color: #757575;
	font-weight: bold;
	text-decoration: underline;
}

#sponsors {
	float: left;
	padding-top: 170px;
}

#sponsors img {
	border: 0;
}

#sponsors a {
	outline: none;
}

#footer {
	width: 835px;
	padding: 5px 25px;
	margin: 0 auto;
	text-align: left;
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	color: #757575;
}

#footer div.item {
	float: left;
	padding: 7px 15px;
	font-weight: bold;
	position: relative;
}

#footer div.sub {
	background: #292929;
}

#footer div.subs {
	border-top: 5px solid #292929;
}

#footer div.item ul {
	padding: 10px 0 10px 15px;
	margin: 0;
	border: 0;
	font-weight: normal;
}

#footer div.item li {
	list-style-type: square;
}

#footer a, #navigationpath a {
	color: #757575;
	text-decoration: none;
	outline: none;
}

#footer a:hover, #navigationpath a:hover {
	color: #FFF;
	text-decoration: underline;
}

/* ------------- loginform */

#loginform {
	display: none;
	position: absolute;
	width: 200px;
	height: 120px;
	padding: 15px;
	left: -1px;
	top:-150px;
	color: #FFF;
	background: #292929;
	z-index: 9999;
	font-weight: normal;
	border-left: 1px solid #242424;
	border-top: 1px solid #242424;
	border-right: 1px solid #242424;
}

#loginsubmitform {
	border-top: 1px solid #333333;
	padding-top: 15px;
}

#loginform #loginerror {
	display: none;
	color: #ff0000;
	padding: 0 0 10px 0;
}

#loginform input.inputsubmit, div.forumPostBox input.inputsubmit, 
div.forumTopicBox input.inputsubmit, div.setname input.inputsubmit, 
div.calendarAddDateRow input.inputsubmit, div.calendarPostBox input.inputsubmit {
	border-top: 1px solid #353535;
	border-left: 1px solid #353535;
	border-right: 1px solid #191919;
	border-bottom: 1px solid #191919;
	padding: 3px;
	background: #232323;
	color: #ffc635;
}

#loginform input.inputtext, div.setname input.inputtext {
	background: #232323;
	padding: 3px 5px;
	font-family: Tahoma, sans-serif;
	color: #ffc635;
	border: 1px solid #353535;
	float: right;
}

/* ------------------- keskustelu */

div.forumTopicBox {
/*	background: #292929;*/
	padding: 10px;
	margin-bottom: 1px;
}

div.forumPostBox, div.calendarPostBox {
/*	border-top: 1px solid #333333;
	border-bottom: 1px solid #1a1a1a;*/
	background: #202020;
	line-height: 150%;
	font-size: 11px;
	padding: 7px;
	margin-bottom: 1px;
	position: relative;
	font-weight: normal;
}

div.forumPostBox div.forumPostBoxArrow, div.calendarPostBox div.calendarPostBoxArrow {
	background: url(../kuvat/forumPostBoxArrow.png);
	width: 10px;
	height: 10px;
	position: absolute;
	left: 15px;
	top: -10px;
}

div.topicRow, div.eventRow {
	padding: 10px 0;
	font-size: 13px;
	line-height: 130%;
	font-weight: normal;
}

div.topLine {
	border-top: 1px solid #333333;
}

div.bottomLine {
	border-bottom: 1px solid #202020;
}

div.forumPostBox span.sender, div.forumTopicBox span.sender, div.topicRow span.sender, #calendarRightFrame span.sender {
	color: #ffc635;	
	font-weight: bold;
}

div.forumPostBox span.postDate, div.forumTopicBox span.postDate, div.calendarPostBox span.postDate {
	color: #353535;
}

div.topicRow div.postDate, #calendarRightFrame div.postDate {
	color: #5d5d5d;
	font-size: 11px;
	padding: 5px 0 10px 0;
}

div.topicRow a, div.eventRow a {
	color: #ffc635;
	text-decoration: none;
}

div.topicRow a:hover, div.eventRow a:hover {
	color: #ffc635;
	text-decoration: underline;
}

div.forumPostBox input.inputtext, div.forumTopicBox input.inputtext, div.calendarPostBox input.inputtext {
	background: #232323;
	padding: 3px 5px;
	font-family: Tahoma, sans-serif;
	color: #454545;
	font-style: italic;
	border: 1px solid #353535;
}

div.forumPostBox textarea.forumPostBoxText, div.forumTopicBox textarea.forumTopicBoxText, div.calendarPostBox textarea.calendarPostBoxText {
	width: 400px;
	height: 15px;
	background: #232323;
	padding: 3px 5px;
	font-family: Tahoma, sans-serif;
	color: #454545;
	font-style: italic;
	border: 1px solid #353535;
	font-size: 11px;
}

div.forumPostBox textarea.active, div.forumTopicBox textarea.active, div.calendarPostBox textarea.active {
	color: #ffc635;
	font-style: normal;
}

div.topicHeaders {
	padding: 0 10px 5px 10px;
	font-weight: bold;
}

/* --------------- kalenteri */

#calendarLeftFrame {
	float: left;
	width: 140px;
}

#calendarRightFrame {
	float: left;
	width: 400px;
	padding: 0 15px;
}

div.calendarMonthsRow, div.calendarWeekDayRow, div.calendarWeekRow {
	width: 140px;
	text-align: center;
	font-size: 11px;
	color: #FFF;
}

div.calendarMonthsRow b, div.calendarWeekDayRow b, div.calendarWeekRow b {
	color: #FFF;
}

div.calendarMonthsRow {
	padding: 0 0 5px 0;
	border-bottom: 1px solid #202020;
	color: #FFF;
}

div.calendarMonthsRow a {
	color: #ffc635;
	font-weight: bold;
	text-decoration: none;
}

div.calendarMonthsRow a:hover {
	color: #ffc635;
	text-decoration: underline;
}

div.calendarWeekDay {
	float: left;
	width: 20px;
	text-align: center;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #202020;
	padding: 2px 0;
}

div.calendarDate {
	float: left;
	width: 20px;
	text-align: center;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #202020;
	padding: 2px 0;
	font-size: 10px;
}

div.calendarDate a {
	color: #ffc635;
	text-decoration: none;
}

div.calendarDate a:hover {
	color: #ffc635;
	text-decoration: underline;
}

div.today {
	border-top: 1px solid #ffd97a;
	border-bottom: 1px solid #f0b624;
	background: #ffc635;
	color: #202020;
}

div.calendarLeftNaviItem {
	padding: 5px 0;
	border-top: 1px solid #333333;
	font-size: 11px;
	font-weight: bold;
}

div.calendarLeftNaviItem a {
	color: #FFF;
	text-decoration: none;
}

div.calendarLeftNaviItem a span {
	color: #ffc635;
	text-decoration: none;
}

div.calendarLeftNaviItem a:hover {
	color: #ffc635;
	text-decoration: underline;
}

div.calendarPhaseRow {
	font-size: 12px;
	font-family: Trebuchet Ms, sans-serif;
	margin: 0 0 10px 0;
}

div.calendarPhaseRow div.block {
	float: left;
	padding: 10px 15px;
	margin-right: 1px;
	background: #202020;
	color: #454545;
}

div.calendarPhaseRow div.active {
	color: #ffc635;
}

div.calendarPhaseRow div.done {
	color: #c1962a;
}

div.calendarAddDateRow {
	font-size: 11px;
}

div.calendarAddDateRow div.fileRow {
	border-top: 1px solid #333333;
	border-bottom: 1px solid #202020;
	padding: 2px 0;
}

div.calendarAddDateRow select {
	background: #232323;
	padding: 1px 0 1px 2px;
	font-family: Tahoma, sans-serif;
	color: #ffc635;
	border: 1px solid #353535;
	font-size: 10px;
}

div.eventFileBox {
	float: right;
	width: 100px;
	padding: 10px;
	margin: 0 5px 5px 5px;
	font-size: 10px;
	background: #202020;
}

div.calendarAddDateRow textarea.calendarComment {
	width: 100%;
	height: 150px;
	background: #232323;
	padding: 3px 5px;
	font-family: Tahoma, sans-serif;
	color: #454545;
	font-style: italic;
	border: 1px solid #353535;
	font-size: 11px;
}

div.calendarAddDateRow textarea.active {
	color: #ffc635;
	font-style: normal;
}

/* --------------- leijuva */

div.setname {
	position: absolute;
	width: 200px;
	height: 120px;
	padding: 15px;
	margin-left: -100px;
	margin-top: -60px;
	left: 50%;
	top: 50%;
	color: #FFF;
	background: #292929;
	z-index: 9999;
	font-weight: normal;
	border-left: 1px solid #242424;
	border-top: 1px solid #242424;
	border-right: 1px solid #242424;
	font-family: Tahoma, sans-serif;
	font-size: 11px;
}

div.setname div.title {
	font-family: Arial;
	font-size: 19px;
}

div.setname label {
	padding: 7px 3px 0 3px;
	float: left;
}