h1 { font: 15px Verdana,Tahoma,Arial,sans-serif; font-weight: bold; color: #A71056; line-height:19px; margin-bottom: 19px; text-decoration: underline; }
h2 { font: 13px Verdana,Tahoma,Arial,sans-serif; font-weight: bold; color: #00000; line-height:17px; margin-bottom: 17px; }
h3, h4, h5, h6 { font: 11px Verdana,Tahoma,Arial,sans-serif; font-weight: bold; color: #00000; line-height:15px; margin-bottom: 15px; }

p {
	margin-bottom: 20px;
}

a {
	color: #A71056;
	text-decoration: none;
}

a:hover {
	color: #A71056;
	text-decoration: underline;
}

#wrap {
}

#mainContainer {
	background-image: url('../public/Images/bodyback.jpg');
	background-position: center top;
	background-repeat: repeat-x;
	background-color: #FCFCFC;
	margin-top: 22px;
}

	#box {
		width: 700px;
		padding: 10px;
		background-color: #FFFFFF;
		margin-left: auto;
		margin-right: auto;
	}
	
		#header {
			height: 285px;
			border-bottom: 1px solid #000000;
		}
		
			#header .left {
				float: left;
				width: 280px;
				background-image: url('../public/Images/logo.png');
				background-position: left top;
				background-repeat: no-repeat;
				padding-top: 100px;
				font: 12px Verdana,Tahoma,Arial,sans-serif;
				font-weight: bold;
				color: #A71056;
			}
			
			#header .right {
				float: right;
				text-align: right;
				margin-left: 10px;
				width: 400px;
			}
			
		#contents {
			margin-top: 10px;
		}
		
			#contents .left {
				float: left;
				width: 154px;
				/*
				background-image: url('../public/Images/freesia.png');
				background-position: bottom;
				background-repeat: no-repeat;
				*/
				border-right: 1px solid #000000;
				padding-bottom: 90px;
			}
			
				/* päävalikko, taustavärillä */
				#mainmenu {
					padding: 0;
					margin: 0;
				}
				
				.mainmenu {
					list-style: none;
					display: inline;
				}

				.mainmenu .menu {
					color: #000000;
					height: 23px;
					padding:0;
					margin:0;
				}

				.mainmenu .menu li {
					display: block;
					background-color: #FFFFFF;
					float:left;
					clear:left;
				}
				
				li.menu a {
					color: #000000;
					line-height: 23px;
					padding-left: 10px;
					font-weight: bold;
					text-decoration:none;
					display:block;
				}
				
				li.selected a{
					color: #A71056;
					background-color: #DB9FBB;
				}
				
				li.menu a:hover, li.selected a:hover {
					text-decoration:underline;
				}
				
				/* päävalikon tyylit */			
			
			#contents .right {
				float: right;
				width: 515px;
				margin-left: 10px;
			}

#footer {
	margin: 0;
	background-image: url('../public/Images/footerb.png');
	background-position: left top;
	background-repeat: repeat-x;
	background-color: #4A494C;
}

	#footer-contents {
		width: 700px;
		margin-left: auto;
		margin-right: auto;
	}

	#footer-contents .top {
		height: 22px;
		line-height: 22px;
		vertical-align: middle;
		text-align: center;
		color: #FFFFFF;
		font-size: 12px;
		font-weight: bold;
	}
	#footer-contents .bottom {
		height: 150px;
		color: #FFFFFF;
	}
	
		#footer-contents .bottom  table {
			border: 0;
			border-spacing: 0;
			border-collapse: collapse;
		}

		#footer-contents .bottom table td {
			font-size: 11px;
			color: #FFFFFF;
			line-height: 16px;
			padding: 4px;
			vertical-align: top;
		}
		
		#footer-contents .bottom a {
			font-size: 12px;
			font-weight: bold;
			text-decoration: none;
		}
		
		#footer-contents .bottom a:hover {
			font-size: 12px;
			font-weight: bold;
			text-decoration: underline;
		}


/* lomake-editorin muotoilut */
fieldset.custom {
  background-color: #FFFFFF;
  border: 1px dotted #DCA2BB;
  text-align: left;
  font: 12px Verdana,Tahoma,Arial,sans-serif; font-weight: normal; color: #00000; line-height:16px;
  padding: 10px;
}

fieldset.custom  div {
	margin-left: 200px;
}

fieldset.custom legend {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #8E0101;
	padding: 0 0 10px 0;
}

fieldset.custom label {
  font-family: Verdana, Arial, Tahoma;
  text-align: left;
  float: left;
  width: 200px;
}

.piilotettu {
	display: none;
}

.tekstikentat {
	background-color: #FFFFFF;
	border: 1px solid #B6B6B6;
	width: 220px;
	font: 12px Verdana,Tahoma,Arial,sans-serif; font-weight: normal; color: #00000; line-height:16px;
}

.tekstikentat:focus {
	background-color: #FFFCE0;
}

.tekstikentat_p{
	background-color: #FFFFFF;
	background-image: url('../public/Images/huutomerkki.gif'); background-repeat: no-repeat; background-position: right;
	border: 1px solid #DCA2BB;
	width: 200px;
	font: 12px Verdana,Tahoma,Arial,sans-serif; font-weight: normal; color: #00000; line-height:16px;
	padding-right: 20px;
}

.tekstikentat_p:focus {
	background-color: #FFFCE0;
	padding-right: 20px;
}

.virhe {
  text-align: left;
  font-size: 12px;
  font-weight: normal;
  color: #EE0000;
  line-height: 20px;
  margin-left: 200px;
}

/* lomake-editorin muotoilut */

/* tapahtumakalenterin muotoilut */

.calendar-left {
	float: left;
	width: 305px;
	margin-right: 10px;
}

.calendar-right {
	float: left;
	width: 200px;
	margin-top: 9px;
}

table.calendar-events {
}

table.calendar-events a, table.calendar-events a:hover {
	color: #000000;
}

table.calendar-events th {
	background-color: #E0E0E0;
	height: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding: 4px;
	text-align: center;
}

table.calendar-events td {
	background-color: #EEEEEE;
	width: 120px;
	height: 50px;
	text-align: center;
	vertical-align: top;
	font-size: 14px;
	padding: 12px;
	border-right: 1px solid #DADADA; border-bottom: 1px solid #DADADA;
}

table.calendar-events td.empty {
	background-color: #FFFFFF;
	border: 0;
}

table.calendar-events td.reserved {
	background-color: #F96464;
	text-align: center;
	vertical-align: top;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	padding: 12px;
}

table.calendar-events .highlight {
	background-color: #DB0F0F;
}

table.calendar-events td.today {
	text-align: center;
	vertical-align: top;
	font-size: 14px;
	font-weight: bold;
	color: #0097B5;
	padding: 12px;
}

table.calendar-events td p {
	background-color: #DF4747;
	color: #FFFFFF;
	margin-bottom: 0;
}

/* tapahtumakalenterin muotoilut */

.calendar-title {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
}

/* tapahtumakalenterin (pikkuikkuna) muotoilut */
table.calendar-events-smaller {
}

table.calendar-events-smaller a {
	font: 12px Verdana,Tahoma,Arial,sans-serif; font-weight: bold; color: #A71056; text-decoration: none;
}
table.calendar-events-smaller a:hover {
	text-decoration: underline;
}

table.calendar-events-smaller th {
	background-color: #E0E0E0;
	height: 30px;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	padding: 5px;
	text-align: center;
}

table.calendar-events-smaller td {
	background-color: #EEEEEE;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	padding: 5px;
	border-right: 1px solid #DADADA; border-bottom: 1px solid #DADADA;
}

table.calendar-events-smaller td.empty {
	background-color: #FFFFFF;
	border: 0;
}

table.calendar-events-smaller td.reserved {
	background-color: #DCA2BB;
	text-align: center;
	vertical-align: middle;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	padding: 5px;
}

table.calendar-events-smaller .highlight {
	background-color: #DB0F0F;
}

table.calendar-events-smaller td.today {
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
	color: #0097B5;
	padding: 10px;
}

table.calendar-events-smaller td p {
	background-color: #DF4747;
	color: #FFFFFF;
	margin-bottom: 0;
}

/* tapahtumakalenterin (pikkuikkuna) muotoilut */

/* ######################################################### */
/* älä muokkaa tietoja jotka on syötetty tästä eteenpäin     */
/* ######################################################### */

/* TinyMCE */
body.mceContentBody {
  background-color: #FFF;
  font: 12px Verdana,Tahoma,Arial,sans-serif; font-weight: normal; color: #00000; line-height:16px;
}

.mceContentBody a {
  font: 12px Verdana,Tahoma,Arial,sans-serif;
  text-decoration: none;
  color: #A71056 !important;
  line-height: 16px;
}

.mceContentBody a:hover {
  text-decoration: underline;
}

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

.mceContentBody table td {
	font-size: 12px;
	color: #000000;
	line-height: 16px;
	padding: 4px;
}