.sitaatti span {font-size: 24px; font-style: italic; letter-spacing: 1px; color: #666666; padding-bottom: 5px;}
.sitaatti_alateksti span {font-size: 14px; letter-spacing: 1px; color: #666666}

.sitaatti {font-size: 24px; font-style: italic; letter-spacing: 1px; color: #666666; padding-bottom: 5px;}
.sitaatti_alateksti {font-size: 14px; letter-spacing: 1px; color: #666666}


/* SIVUPOHJAT  */



div.cf_wrapper {
			position: absolute; 
			left: 0px;
			top: 110px;
				}
div.cf_element 
        {

                height: 100%;
                left: 0px;
     }
        
        div.cf_element div.content
        {

        }

        div.cf_element div.content h3
        {
                padding-top: 0;
                margin-top: 0;
        }


.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/* TOP.AsP-tyylit */

.username {font-size: 11px; color: black; font-weight: bold}
.time { font-size: 11px; color: white; font-weight: normal}
.toplinks {font-size: 15px; color: #013895; text-decoration: none;}
.detail {font-size: 11px; color: black;}
.toplinks:hover {font-size: 11px; color: black; font-weight: normal}
.clickedlink {background-color: yellow;}

#oikopolut {} 
#oikopolku {} 

#sisaltoalue tr, td, p, th,  h1,h2,h3,h4,h5,h6, li, ul, ol, span, font, a
{
	font-family: Georgia, Trebuchet MS, Verdana; 

}

#sisaltoalue tr, td, p, ul, ol, div, span, font
{
font-size: 11px;

}

#sisaltoalue a, li
{
font-size: 10px;

}

minileipis, .minicursive
{
	font-family: Georgia, Trebuchet MS, Tahoma; 
	
}

p
{
margin-top: -2px;
}


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

a:hover
{
	color: #CC3333;
}



	
.bigtitle, h2, h1
{
	font-size: 15px;
	text-decoration: none;
	color: black;
	font-weight: normal;
}

.mediumtitle, H3
{
	font-size:13px;
	text-decoration: none;
	color: black;
	font-weight: normal;
}

.minititle, .cursive, h4
{
	font-size: 11px;  
	text-decoration: none;
	color: black;
	font-weight: bold;
}

.leipis, P, .bigcursive,td, .editor p, span
{
	font-size: 10px;
	text-decoration: none;
	color: Black;
}


.minileipis, h5, .minicursive
{
	font-size: 10px;
	text-decoration: none;
	color: black;
	font-weight: normal;

}

.minicursive
{
	font-weight: bold;
}

#tablemenu a {color: black; font-size: 11px;}
#tablemenu a:hover {color: #CC3333;}
#backki a {color: #666666}
#backki a:hover {color: #CC3333;}


div.scrollable
        {
            position: relative;
            overflow: hidden;
			width: 287px;
            height: 406px;
         
        }
        div.scrollable div.items
        {
            width: 20000em;
            position: absolute;
           
        }
        div.scrollable div.items div
        {
            float: left;
        }

        div.scrollablecontent
        {
            width: 287px;
            height: 406px;
            background-position: center top;
            background-repeat: no-repeat;
			text-align: center;
			cursor: pointer;
        
        }
        a.prevPage
        {
		margin-right: 10px;
        display: inline;
        }
        a.nextPage
        {
		margin-left: 10px;
        display: inline;
        }
		a.imagelink
        {
		display: block;
		height: 332px;
		width: 287px;
		}

        p.scrollabletext
        
        {
        	/*width: 170px;*/
        	display: block;
        	position: relative;
        	font-size: 20px;
			font-weight: normal;
			font-family: Calibri, Arial;
        	padding-left: 10px;
        	
        	font-weight: normal;
        	margin: 0 auto;
			
			/* padding: 140px 10px 10px 10px; */
		   /*border: 1px solid red;*/
        }
        
        p.scrollabletext a {
		font-weight: normal!important;
		color: black !important;
		text-decoration: none;
		font-size: 16px;
		font-style: italic;
	}
	
	p.scrollabletext a:hover {
		font-weight: normal;
		color: #CC3333 !important;
	}