*
{
//font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
//font-family: "Verdana", Verdana, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
}
html
{
background-color: #57abd1;
//background-color: #57ccd1;
//background: #dcfcf7; /* Old browsers */
//background: -moz-linear-gradient(top,  #dcfcf7 0%, #68e4e7 25%, #0a77d5 50%, #172ce8 79%, #4207ff 100%); /* FF3.6+ */
//background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dcfcf7), color-stop(25%,#68e4e7), color-stop(50%,#0a77d5), color-stop(79%,#172ce8), color-stop(100%,#4207ff)); /* Chrome,Safari4+ */
//background: -webkit-linear-gradient(top,  #dcfcf7 0%,#68e4e7 25%,#0a77d5 50%,#172ce8 79%,#4207ff 100%); /* Chrome10+,Safari5.1+ */
//background: -o-linear-gradient(top,  #dcfcf7 0%,#68e4e7 25%,#0a77d5 50%,#172ce8 79%,#4207ff 100%); /* Opera 11.10+ */
//background: -ms-linear-gradient(top,  #dcfcf7 0%,#68e4e7 25%,#0a77d5 50%,#172ce8 79%,#4207ff 100%); /* IE10+ */
//background: linear-gradient(to bottom,  #dcfcf7 0%,#68e4e7 25%,#0a77d5 50%,#172ce8 79%,#4207ff 100%); /* W3C */
//filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcfcf7', endColorstr='#4207ff',GradientType=0 ); /* IE6-9 */

//background: #fac695; /* Old browsers */
//background: -moz-linear-gradient(top, #fac695 0%, #f5ab66 29%, #eda15a 100%); /* FF3.6+ */
//background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fac695), color-stop(29%,#f5ab66), color-stop(100%,#eda15a)); /* Chrome,Safari4+ */
//background: -webkit-linear-gradient(top, #fac695 0%,#f5ab66 29%,#eda15a 100%); /* Chrome10+,Safari5.1+ */
//background: -o-linear-gradient(top, #fac695 0%,#f5ab66 29%,#eda15a 100%); /* Opera 11.10+ */
//background: -ms-linear-gradient(top, #fac695 0%,#f5ab66 29%,#eda15a 100%); /* IE10+ */
//background: linear-gradient(to bottom, #fac695 0%,#f5ab66 29%,#eda15a 100%); /* W3C */
//filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fac695', endColorstr='#eda15a',GradientType=0 ); /* IE6-9 */
}

h1
{
color:black;
text-align:center;
font-size:32px;
}

h2
{
color:black;
text-align:center;
font-size:26px;
}

h3
{
color:black;
text-align:center;
font-size:20px;
}

h4
{
color:black;
text-align:left;
font-size:10px;
}

h5
{
color:black;
text-align:center;
font-size:16px;
margin-top:12px;
margin-bottom:12px;
}

#paaheader
{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 12px;
	font-size:32px;
}

#container
{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid black;
	font-size:10px;
}

#header
{
}

.alivalikko
{

background: #00b7ea; /* Old browsers */
background: -moz-linear-gradient(top,  #00b7ea 0%, #00f4c7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#00f4c7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #00b7ea 0%,#00f4c7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #00b7ea 0%,#00f4c7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #00b7ea 0%,#00f4c7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #00b7ea 0%,#00f4c7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#00f4c7',GradientType=0 ); /* IE6-9 */

color: green;
float: left;
width: 12.5%;
}

#header
{

}


.column_left
{
float:left;
display:inline;
width:25%;
font-size: 12px;
}

.left_content
{
	background-image: url('backgrounds/leather_1.png');
	position:relative;
	left:10px;
	color: black;
	float:left;
	border:1px solid black;
	border-radius: 5px;
	margin-top:20px;
	margin-left:2px;
	margin-right: 2px;
	width:100%;
	text-align: center;
	height:auto;
}

.news_content
{
	position:relative;
	color: black;
	height:auto;
	margin-top:10px;
	margin-left:8px;
	margin-right: 8px;
	margin-bottom: 8px;
	// background-image: url('backgrounds/pikkukala_tausta_222wid.png');
	border: 1px solid black;
	border-radius: 5px;
}

.news_textframe
{
	text-align: left;
	height:auto;
	margin-top: 6px;
	margin-left: 6px;
	margin-right: 6px;
	margin-bottom: 6px;
}

#turskan_joulu
{
	background-image: url('backgrounds/turskan_joulutoivotus.png');
	position:relative;
	left:10px;
	float:left;
	border:1px solid black;
        border-radius: 5px;
	margin-top:20px;
	margin-left:2px;
	margin-right: 2px;
	width:100%;
        text-align: center;
        color: white;
	height:266px;
}

#vuokon_uusivuosi
{
	background-image: url('backgrounds/vuokko_uusivuosi.png');
	position:relative;
	left:10px;
	float:left;
	border:1px solid black;
        border-radius: 5px;
	margin-top:20px;
	margin-left:2px;
	margin-right: 2px;
	width:100%;
        text-align: center;
        color: white;
	height:182px;
}


.bordered_text_centered
{
	position:relative;
	color: black;
	text-align: center;
	height:auto;
	border: 1px solid black;
	margin-top:10px;
	margin-left:8px;
	margin-right: 8px;
	margin-bottom: 8px;
}

.frontpage_videolink_area
{
	float: left;
	width: 95%;
	text-align: center;
	font-size: 12px;
	margin-top:20px;
	margin-left:24px;
	position:relative;
}

.frontpage_videothumb_background
{
    float: left;
    width: 438px;
    height: 380px;
    background-image: url('backgrounds/leather_1.png');
    position:relative;
    color: black;
    border:1px solid black;
    border-radius: 5px;
    box-shadow: 3px 2px 2px #888888;
    margin-top: 18px;
    margin-left: 8px;
    margin-right: 8px;
}

.mainpage_eventcolumn
{
    float: left;
    width: 70%;
    text-align: center;
    font-size: 12px;
    margin-top:20px;
    margin-left:40px;
    position:relative;
}

.picturepage_eventcolumn
{
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 12px;
}

.event_content_mainpage
{
	background-image: url('backgrounds/vesitekstuuri3.png');
	position:relative;
	color: black;
	border:1px solid black;
        border-radius: 5px;
}

#site_latest_update
{
	width:99%;
	margin-top: 4px;
	margin-left: auto;
        margin-right: auto;
	text-align: center;
	font-size: 10px;
	border:1px solid black;
        border-radius: 5px;
}

.leather_bkgnd_bordered
{
	background-image: url('backgrounds/leather_1.png');
	position:relative;
	color: black;
	border:1px solid black;
        border-radius: 5px;
}

.border_me
{
	position:relative;
	border:1px solid black;
        border-radius: 5px;
}


.text12_align_left
{
	font-size: 12px;
        text-align: left;
}

.text12_align_center
{
	font-size: 12px;
        text-align: center;
}

.text16_align_center
{
	font-size: 16px;
        text-align: center;
}

.center_95percent
{
    margin-left: auto;
    margin-right: auto;
    width: 95%;
}

.center_75percent
{
    margin-left: auto;
    margin-right: auto;
    width: 75%;
}

.center_50percent
{
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}
	

.column_right
{
	background-image: url('backgrounds/leather_1.png');
	float: right;
	width: 18%;
	border: 1px solid black;
	text-align: left;
	font-size: 12px;
	margin-top:170px;
	margin-right: 10px;
	position:relative;
}


.register_content
{
	//float:left;
	text-align: left;
	color: black;
	height:auto;
	margin-top:10px;
	margin-left:8px;
	margin-right: 8px;
	margin-bottom: 8px;
	font-size:12px;
}	

.image 
{
float:right;
width:110px;
height:90px;
margin:5px;
}

#picture
{
position:relative;
margin-bottom:auto;
margin-right:20px;
bottom: 350px;
left: 650px;
}

.clearer
{
	clear:both;
}

#footer
{
	border:1px solid black;
	margin-top:20px;
	text-align: center;
	background-color: gray;
}

.column_filtered_videos
{
	width: 50%;
	text-align: center;
	font-size: 12px;
	margin-top:20px;
	position:relative;
	left:240px;
}

#paluunappi
{
	background-image: url('backgrounds/leather_1.png');
	position:relative;
	border:1px solid black;
        border-radius: 5px;
	margin-top:20px;
	text-align: center;
	width: 192px;
	left: 384px;
}

#navibar
{
	background-image: url('backgrounds/leather_1.png');
	position:relative;
	float: right;
	border:1px solid black;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:12px;
	margin-right:12px;
	text-align: center;
	width: 192px;
}

.message_style
{
    background-image: url('backgrounds/leather_1.png');
    font-size: 16px;
    border:1px solid black;
    margin-top:20px;
    text-align: center;
    width: 50%;
    float: left;
}
.message_style_ok
{
    background-color: greenyellow;
    font-size: 16px;
    border:1px solid black;
    margin-top:20px;
    text-align: center;
    width: 50%;
    float: left;
}
.message_style_nok
{
    background-color: orange;
    font-size: 16px;
    border:1px solid black;
    margin-top:20px;
    text-align: center;
    width: 50%;
    float: left;
}
.message_centerer
{
    margin-top:20px;
    text-align: center;
    width: 25%;
    float: left;
}

.videocolumn_center
{
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	text-align: center;
        font-size: 12px;
	margin-top:20px;
	margin-bottom:20px;
}

.video_placeholder
{
	background-image: url('backgrounds/leather_1.png');
	border:1px solid black;
	margin-top: 20px;
	margin-bottom: 40px;
}

.newsform_center
{
    margin-left: auto;
    margin-right: auto;
    width: 75%;
    text-align: left;
    font-size: 12px;
    margin-top:20px;
    margin-bottom:20px;
    font-size:12px;
}
.newslist_style
{
    font-size:12px;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    text-align: center;
}

.thumbnail_list_style
{
    float: left;
    margin-left: 22px;
    margin-right: 26px;
    margin-top: 12px;
    margin-bottom: 12px;
    font-size:12px;
    text-align: center;
    width: 270px;
    height: 200px;
    border: 1px solid black;
}

.thumbnail_mainpage_list_style
{
    background-image: url('backgrounds/leather_1.png');
    float: left;
    margin-left: 20px;
    margin-top: 12px;
    margin-bottom: 12px;
    font-size:12px;
    text-align: center;
    width: 300px;
    height: 200px;
    border: 1px solid black;
    border-radius: 5px;
}

.display_image
{
    background-image: url('backgrounds/leather_1.png');
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    position:relative;
    color: black;
    border:1px solid black;
    border-radius: 5px;
    margin-top:18px;
    text-align: center;
}

#logon_background
{
	background-image: url('backgrounds/logon_background.png');
        width: 960px;
        height: 721px;
}

.oik_yla_kisufisu
{
    float: right;
    top: 0px;
    width: 400px;
    height: 300px;
    background-image: url('backgrounds/kissakala_tsa_OikYla.png');
}

.floating33percent
{
    width: 33%;
    float: left;
}

.txt_a_left
{
    text-align: left;
}
.txt_a_right
{
    text-align: right;
}

.txt_fontsize_10
{
	font-size:10px;
}