/* CSS Document */

body, html {
	background: #ECEDE8; 
	background: #ECEDE8;
	margin: 0;
	padding: 0;
}

#doc4 {
	background: #FFFFFF;
}

.leipateksti h1{
	color: #307EAC;
	font-weight:bold;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 146.5%;

}

.leipateksti h2{
	color: #307EAC;
	font-weight:bold;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 131%;

}

.leipateksti strong {
	font-weight:bold;
}

.leipateksti p{
	padding-bottom: 10px;
	font-size: 100%;
}

.leipateksti ul {
	margin-bottom: 7px;
	font-size: 100%;
}

.leipateksti li {
	list-style:disc inside;
	padding-left: 15px;
	font-size: 100%;
}

.leipateksti_pieni {
	font-size: 77%;
}

/* HEADER */
#header {
	background:url(../images/layout/ylapalkki.jpg) no-repeat center left;
	height: 120px;
	margin-left: 10px;
	margin-right: 10px;
}

#header_logo{
	padding-top: 15px;
	padding-left: 15px;
}

#header_text {
	color: #FFFFFF;
	text-align: right;
	padding-right: 25px;
	padding-top: 40px;
	letter-spacing: 1px;
	white-space: nowrap;
}

#header_text a:link, #header_text a:visited, #header_text a:active {
	color: #FFFFFF;
	text-decoration: none;
}
#header_text a:hover, #header_text a:hover.aktiivinen {
	color: #FFFFFF;
	text-decoration: underline;
}
#header_text a.aktiivinen {
	color: #307EAC;
}

.header_space {
	padding-left: 5px;
	padding-right: 5px;
}

/* MAIN */
#main {
	margin-left: 25px;
	margin-right: 10px;
}

#main_left, #main_right1 {
	margin-top: 15px;
}


#main_left {
	border-right: #ECEDE8 solid 10px;
	padding-right: 15px;
}

#main_left p{
	margin-bottom: 10px;
}

p#main_slogan1{
	color: #307EAC;
}
p#main_slogan1, p#trooli_tarjoaa {
	font-weight: bold;
	font-size: 153.9%;
}
p#main_slogan2{
	font-weight: bold;
}

p#main_slogan3, p#main_slogan4 {
	text-align: justify;
	font-size:93%
}

p#main_slogan4 {
	padding-bottom: 20px;
}

p#trooli_tarjoaa, #main_right1 li {
	color: #5A5538;
}

#main_right1 {
	margin-left: 20px;
}

#main_right1 li {
	list-style: inside disc;
	padding-left: 15px;
	margin-bottom: 5px;
}

#main_right1 p {
	margin-bottom: 10px;
}

#main_right2 {
	text-align: right;
}

#main_right2 p {
	text-align: left;
}

/* KUVA OIKEALLE */
.float_container {
	width: 100%;
}
.spacer {
	clear:both;
	margin: 0px;
	padding:0px;
}
.float_right {
	float:right;
	text-align:right;
	clear:right;
}

/* TAPAHTUMA */
#TapahtumaKuvat {
	padding-right: 15px;
	padding-left: 15px;
}
/* KUMPPANIT */
.kumppani_logo {
	padding-left: 15px;
	padding-top: 15px;
}
.kumppani_kuvaus {
	width: 850px;
}

#ajankohtaista_tab, #optional_right_col {
	text-align: left;
	padding-left: 100px;
}
#ajankohtaista_ta_tab, #optional_right_col {
	text-align: left;
	padding-left: 25px;
}
#ajankohtaista_tab li, #ajankohtaista_ta_tab li, #optional_right_col li {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 85%
}

#ajankohtaista_tab a:link, #ajankohtaista_tab a:visited, #ajankohtaista_tab a:active, #ajankohtaista_tab a:hover,
#optional_right_col a:link, #optional_right_col a:visited, #optional_right_col a:active, #optional_right_col a:hover,
#ajankohtaista_ta_tab a:link, #ajankohtaista_ta_tab a:visited, #ajankohtaista_ta_tab a:active, #ajankohtaista_ta_tab a:hover,
.leipateksti a:link, .leipateksti a:visited, .leipateksti a:active, .leipateksti a:hover {
	color: #307EAC;
}

.read_more a:link, .read_more a:visited, .read_more a:active, .read_more a:hover,
#etusivulle a:link, #etusivulle a:visited, #etusivulle a:active, #etusivulle a:hover {
	font-size: 85%;
	color: #307EAC;
}

#tapahtuma_lista {
	font-size: 116%;
}

#kumppanit, #tapahtumakalenteri, #yhteystiedot, #tapahtuma, #tyonantajille, #palaute {
	margin-top: 5px;
}



/* FOOTER */
#footer {
	background: #307EAC;
	color: #FFFFFF;
}

#footer p {
	padding-left: 25px;
	padding-top: 10px;
	padding-bottom: 15px;
}

#footer a:link, #footer a:visited, #footer a:active, #footer a:hover {
	color: #FFF;
}


/* SEKALAISIA */
.hidden {
	visibility:hidden;
	display:none;
}

.pal_lom_col1 {
	width: 150px;
	text-align: right;
	padding: 4px;
	vertical-align: top;
}

.pal_lom_col2 {
	width: 100px;
	text-align: center;
	padding: 4px;
	vertical-align: top;
}

.pal_lom_col {
	text-align: left;
	padding: 4px;
	margin-right: 4px;
	vertical-align: top;
}

.pal_lom_tk {
	width: 420px;
	height: 50px;
}

.lom_rivi {
	background: #FFFFFF;
	padding: 5px;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
}

.tyonantajat_tbl_col {
	width: 325px;
	text-align: left;
	vertical-align: top;
}

div.leipateksti ul {
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

div.leipateksti li {
	margin: 4px 6px 4px 0px;
	padding: 0px;
	list-style: outside disc;
}