body {
	margin: 0 auto;
	padding: 0;
	background-image: url(images/background.jpg);
	background-repeat: repeat-x;
	background-color: #000;

}

html, body {
	height: 100%;
}

#intro {
	margin: 0 auto;
        position: relative;
        top: 100px;
	width: 600px;
	height: 300px;
	padding: 0;
	background-color:transparent; 
}

#intro_content1 {
        display: inline;
        float: left;
        margin: 0 10px 0 39px;
	width: 251px;
	height: 300px;
        background-color: transparent;
        
}

#intro_content2 {
        display: inline;
        float: left;
        margin: 0 39px 0 10px;
	width: 251px;
	height: 300px;
        background-color: transparent;
        
}

#header {
	margin: 0 auto;
	width: 990px;
        height: 189px;
	background-color: transparent;

	
}

#logo {
	
	display: inline;
	float: left;
	margin: 0;
	width: 251px;
	height: 189px;
	padding: 0;
	background-color: transparent;
	
	
}



#content_container {
	height: 100%;
	margin: 0 auto;
	width: 980px;
	background-color: transparent;
}

#main{
	display: inline;
	float: left;
	margin: 0;
	height: auto;
	width: 600px;
	background-color: transparent;
}

.main_2col{
	display: inline;
	float: left;
	margin: 0;
	height: auto;
	width: 300px;
	background-color: transparent;
}

.main_3col{
	display: inline;
	float: left;
	margin: 0;
	height: auto;
	width: 200px;
	background-color: transparent;
}

#sidebar {
	display: inline;
	float: right;
	margin: 0;
	height: auto;
	width: 360px;
	background-color: transparent;
}

.main_otsikko {
	display: inline;
	float: left;
	margin: 0 0 10px 0;
	height: 67px;
	width: 600px;
	background: url(images/background_paaotsikko.png);
	background-repeat: no-repeat;
	background-color: transparent;
}

.main_otsikko_orange{
	display: inline;
	float: left;
	margin: 4px 0 10px 0;
	height: 45px;
	width: 600px;
	background: url(images/background_otsikko_1col_orange.png);
	background-repeat: no-repeat;
	background-color: transparent;
}

.main_otsikko_blue{
	display: inline;
	float: left;
	margin: 4px 0 10px 0;
	height: 45px;
	width: 600px;
	background: url(images/background_otsikko_1col_blue.png);
	background-repeat: no-repeat;
	background-color: transparent;
}

.main_content{
	display: inline;
	float: right;
	margin: 0 0 28px 0;
	height: auto;
	width: 520px;
	background-color: #fff;
	padding: 30px 0 20px 60px;
}

.main_otsikko_2col_black{
	display: inline;
	float: left;
	margin: 0 0 10px 0;
	height: 45px;
	width: 300px;
	background: url(images/background_otsikko_2col_black.png);
	background-repeat: no-repeat;
	background-color: transparent;
}

.main_otsikko_2col_orange{
	display: inline;
	float: left;
	margin: 0 0 10px 0;
	height: 45px;
	width: 300px;
	background: url(images/background_otsikko_2col_orange.png);
	background-repeat: no-repeat;
	background-color: transparent;
}

.main_otsikko_2col_blue{
	display: inline;
	float: left;
	margin: 0 0 10px 0;
	height: 45px;
	width: 300px;
	background: url(images/background_otsikko_2col_blue.png);
	background-repeat: no-repeat;
	background-color: transparent;
}

.main_content_2col{
	display: inline;
	float: left;
	margin: 0 0 28px 20px;
	height: auto;
	width: 280px;
	background-color: #fff;
	padding: 20px 0 20px 0;
}

.main_content_3col{
	display: inline;
	float: left;
	margin: 0 0 10px 20px;
	height: 180px;
	width: 160px;
	background: url(images/background_3col.png);
	background-repeat: no-repeat;
	background-color: transparent;
	padding: 10px 20px 10px 0;
}

.sidebar_otsikko_orange{
	display: inline;
	float: right;
	margin: 0 0 10px 0;
	height: 40px;
	width: 360px;
	background: url(images/background_sidebarotsikko_oranssi.png);
	background-repeat: no-repeat;
	background-color: transparent;
}

.sidebar_otsikko_blue{
	display: inline;
	float: right;
	margin: 0 0 10px 0;
	height: 40px;
	width: 360px;
	background: url(images/background_sidebarotsikko_sininen.png);
	background-repeat: no-repeat;
	background-color: transparent;
}

.sidebar_otsikko_badge_facebook{
	display: inline;
	float: right;
	margin: 0 10px 0 0;
	height: 40px;
	width: 40px;
	background: url(images/badges/badge_facebook.png);
	background-repeat: no-repeat;
	background-color: transparent;
}

.sidebar_otsikko_badge_twitter{
	display: inline;
	float: right;
	margin: 0 10px 0 0;
	height: 40px;
	width: 40px;
	background: url(images/badges/badge_twitter.png);
	background-repeat: no-repeat;
	background-color: transparent;
}

.sidebar_otsikko_badge_youtube{
	display: inline;
	float: right;
	margin: 0 10px 0 0;
	height: 40px;
	width: 40px;
	background: url(images/badges/badge_youtube.png);
	background-repeat: no-repeat;
	background-color: transparent;
}


.sidebar_content_header{
	display: inline;
	float: right;
	margin: 0 0 0 0;
	height: 22px;
	width: 360px;
	background: url(images/background_sidebar_content_header.png);
	background-repeat: no-repeat;
	background-color: transparent;
}

.sidebar_content{
	display: inline;
	float: right;
	margin: 0 0 28px 0;
	height: auto;
	padding: 0 20px 20px 20px;
	width: 300px;
	background-color: #fff;
}

.sidebar_content_transparent{
	display: inline;
	float: right;
	margin: 0 0 28px 0;
	height: auto;
	padding: 0 40px 20px 0px;
	width: 300px;
	background-color: transparent;
}

#footer_container {
	display: inline;
	float: left;
	width: 100%;
	height: 160px;
	margin: 0 auto;
	background: url(images/background_footer.png);
	background-repeat: repeat-x;
	background-color: transparent;
	
}

#footer {
	margin: 0 auto;
	width: 980px;
	height: 160px;
	background-color: transparent;
	
}

#logo_footer {
	display: inline;
	float: left;
	width: 110px;
	height: 160px;
	background: url(images/logo_footer.png);
	background-repeat: no-repeat;
	background-color: transparent;
}

#logo_footer_kulttuuriareena {
	display: inline;
	float: left;
	width: 110px;
	height: 160px;
	background: url(images/logo_footer_kulttuuriareena.png);
	background-repeat: no-repeat;
	background-color: transparent;
}

#footer_content_col{
	display: inline;
	float: left;
	width: auto;
	margin: 22px 30px 20px 0;
	height: 118px;
	background-color: transparent;
}




.clear1 { display: block; width: 100px; height: 30px; clear: both;}

.clear2 { display: block; width: 100px; height: 10px; clear: both;}


img {

	border: none;
        display: inline;
        float: left;
        margin: 10px 10px 0 0;

}

.main_content img {

	border: none;
        margin: 0 10px 20px 0;


}

.at img {

	border: none;
        float: none;
        margin: 0;


}



.main_content hr {
        width: 460px;
        margin: 30px 0 0 60px;
        border: 0;
        color: #5B747F;
        background-color: #5B747F;
        height: 1px;
    
}



/* Tekstityylit */

.main_content p {

	font-family: 'LatoRegular', sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.7em;
	color: #666666;
	width: 460px;
	text-align: left;
	margin: 0 0 15px 0px;
	

}




.main_content ul {
    
    margin: 0 0 30px 80px;
}

.main_content li {

	font-family: 'LatoRegular', sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.2em;
	color: #666666;
	width: 420px;
	text-align: left;
        margin: 0 0 10px 0;
	

}



#intro_content1 p, #intro_content2 p  {

	font-family: 'LatoRegular', sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.3em;
	color: #ddd;
	width: 220px;
	text-align: left;
	margin: 0 0 25px 10px ;
	

}


.main_content h1 {

	font-family: 'ActorRegular', sans-serif;
	font-size: 1.4em;
	color: #5B747F;
	text-transform: uppercase;
	text-align: left;
        width: 460px;
	margin: 0 0 10px 0px;

}

.main_content h2 {

	font-family: 'ActorRegular', sans-serif;
	font-size: 1.1em;
	color: #5B747F;
	text-transform: uppercase;
	text-align: left;
        width: 460px;
	margin: 0 0 5px 0px;

}


.main_otsikko_orange h1, .main_otsikko_blue h1 {

	font-family: 'ActorRegular', sans-serif;
	font-size: 1.8em;
	color: #fff;
	text-transform: uppercase;
	text-align: left;
	margin: 8px 0 0 40px;

}

.main_otsikko_2col_black h2, .main_otsikko_2col_orange h2, .main_otsikko_orange h2, .main_otsikko_2col_blue h2, .main_otsikko_blue h2  {

	font-family: 'ActorRegular', sans-serif;
	font-size: 1.4em;
	color: #fff;
	text-transform: uppercase;
	text-align: left;
	margin: 10px 0 0 40px;

}

.main_content_2col p {

	font-family: 'LatoRegular', sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.7em;
	color: #666666;
	width: 200px;
	text-align: left;
	margin: 0 0 15px 40px;
	

}

.main_content_2col strong, .main_content_2col b {

	font-family: 'LatoBold', sans-serif;
	
}

.main_content_2col i {

	font-family: 'LatoItalic', sans-serif;
}

.main_content_2col h1 {

	font-family: 'ActorRegular', sans-serif;
	font-size: 1.1em;
	color: #5B747F;
	text-transform: uppercase;
	text-align: left;
	margin: 0 0 5px 40px;

}

.main_content_2col h2 {

	font-family: 'ActorRegular', sans-serif;
	font-size: 0.9em;
	color: #5B747F;
	text-transform: uppercase;
	text-align: left;
	margin: 0 0 5px 40px;

}

.main_content_3col p {

	font-family: 'LatoRegular', sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.7em;
	color: #666666;
	width: 160px;
	text-align: left;
	margin: 0 0 15px 20px;
	

}

.main_content_3col strong, .main_content_3col b {

	font-family: 'LatoBold', sans-serif;
	
}

.main_content_3col i {

	font-family: 'LatoItalic', sans-serif;
}

.main_content_3col h1 {

	font-family: 'ActorRegular', sans-serif;
	font-size: 0.7em;
	color: #5B747F;
	text-transform: none;
	text-align: left;
	margin: 0 0 0px 20px;

}

.main_content_3col h2 {

	font-family: 'ActorRegular', sans-serif;
	font-size: 0.9em;
	color: #5B747F;
	text-transform: uppercase;
	text-align: left;
	margin: 0 0 5px 20px;

}


.sidebar_otsikko_orange h2, .sidebar_otsikko_blue h2 {

	width: 280px;
	overflow: hidden;
	font-family: 'ActorRegular', sans-serif;
	font-size: 1.4em;
	color: #fff;
	text-transform: uppercase;
	text-align: left;
	margin:8px 0 0 15px;

}

.sidebar_content p {

	font-family: 'LatoRegular', sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.7em;
	color: #666666;
	width: 300px;
	text-align: left;
	margin: 0 0 20px 0;
	

}

.sidebar_content strong, .sidebar_content b {

	font-family: 'LatoBold', sans-serif;
	
}

.sidebar_content i {

	font-family: 'LatoItalic', sans-serif;
}

.sidebar_content h1 {

	font-family: 'ActorRegular', sans-serif;
	font-size: 1.1em;
	color: #5B747F;
	text-transform: uppercase;
	text-align: left;
	margin: 0 0 5px 0;

}

.sidebar_content h2 {

	font-family: 'ActorRegular', sans-serif;
	font-size: 0.9em;
	color: #5B747F;
	text-transform: uppercase;
	text-align: left;
	margin: 0 0 5px 0;

}


#footer_content_col p {

	font-family: 'LatoRegular', sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	line-height: 1.4em;
	color: #fff;
	text-align: left;
	margin: 0 0 0 0;
	

}

.small p  {

	font-size: 0.6em;
        margin-bottom: 0px;
}

a {
	font-family: 'LatoBold', sans-serif;
	text-decoration: none;
	color: #F6921E;
}

a:hover {

	
	color: #995920;
	

}

.main_content h1 a, .main_content_2col h1 a, .main_content_3col h1 a {
	
	text-decoration: underline;
	color: #F6921E;
}

.main_content h1 a:hover, .main_content_2col h1 a:hover, .main_content_3col h1 a:hover {

	
	color: #995920;
	

}


/* Ylänavigaatio ylioppilasmedialle ja kulttuuriareenalle*/

#navi, #navi_kulttuuriareena {

height: 39px;
width: 662px;
display: inline;
float: left;
margin-top: 79px;
right: 0px;

}


#navi ul, #navi_kulttuuriareena ul {
position: relative;
margin: 0;
padding: 0 0 0 0;
list-style: none;
left: 0px;
font-family: Georgia, Times;
}

#navi li, #navi_kulttuuriareena li {
float: left;
height: 39px;
margin: 0px;
padding: 0px 0px 0px 0px;
white-space: nowrap;
display: inline;
overflow: hidden;
outline:0;
}

#navi li a, #navi_kulttuuriareena li a {
float: left;
display: block;
height: 39px;
width: 100%;
overflow: hidden;
outline:0;
text-indent: -9999px;
text-decoration: none;
}

	

#n1, #n1 a { background:transparent url("images/navi.png") 0 0 no-repeat; width:61px;}
#n2, #n2 a { background:transparent url("images/navi.png") -61px 0 no-repeat; width:108px; }
#n3, #n3 a { background:transparent url("images/navi.png") -169px 0 no-repeat; width:97px; }
#n4, #n4 a { background:transparent url("images/navi.png") -266px 0 no-repeat; width:135px; }
#n5, #n5 a { background:transparent url("images/navi.png") -401px 0 no-repeat; width:73px; }
#n6, #n6 a { background:transparent url("images/navi.png") -474px 0 no-repeat; width:188px; }
#n7, #n7 a { background:transparent url("images/navi.png") 0 -39px no-repeat; width:66px; }
#n8, #n8 a { background:transparent url("images/navi.png") -66px -39px no-repeat; width:91px; }
#n9, #n9 a { background:transparent url("images/navi.png") -157px -39px no-repeat; width:88px; }
#n10, #n10 a { background:transparent url("images/navi.png") -245px -39px no-repeat; width:54px; }
#n11, #n11 a { background:transparent url("images/navi.png") -299px -39px no-repeat; width:39px; }


#n1a, #n1a a, #n1 a:hover { background:transparent url("images/navi.png") 0 -78px no-repeat; width:61px; }
#n2a, #n2a a, #n2 a:hover { background:transparent url("images/navi.png") -61px -78px no-repeat; width:108px;}
#n3a, #n3a a, #n3 a:hover { background:transparent url("images/navi.png") -169px -78px no-repeat; width:97px; }
#n4a, #n4a a, #n4 a:hover { background:transparent url("images/navi.png") -266px -78px no-repeat; width:135px;}
#n5a, #n5a a, #n5 a:hover { background:transparent url("images/navi.png") -401px -78px no-repeat; width:73px; }
#n6a, #n6a a, #n6 a:hover { background:transparent url("images/navi.png") -474px -78px no-repeat; width:188px;}
#n7a, #n7a a, #n7 a:hover { background:transparent url("images/navi.png") 0 -117px no-repeat; width:66px;}
#n8a, #n8a a, #n8 a:hover { background:transparent url("images/navi.png") -66px -117px no-repeat; width:91px;}
#n9a, #n9a a, #n9 a:hover { background:transparent url("images/navi.png") -157px -117px no-repeat; width:88px; }
#n10a, #n10a a, #n10 a:hover { background:transparent url("images/navi.png") -245px -117px no-repeat; width:54px;}
#n11a, #n11a a, #n11 a:hover { background:transparent url("images/navi.png") -299px -117px no-repeat; width:39px; }
	

#m1, #m1 a { background:transparent url("images/navi_kulttuuriareena.png") 0 0 no-repeat; width:61px;}
#m2, #m2 a { background:transparent url("images/navi_kulttuuriareena.png") -61px 0 no-repeat; width:108px; }
#m3, #m3 a { background:transparent url("images/navi_kulttuuriareena.png") -169px 0 no-repeat; width:97px; }
#m4, #m4 a { background:transparent url("images/navi_kulttuuriareena.png") -266px 0 no-repeat; width:135px; }
#m5, #m5 a { background:transparent url("images/navi_kulttuuriareena.png") -401px 0 no-repeat; width:73px; }
#m6, #m6 a { background:transparent url("images/navi_kulttuuriareena.png") -474px 0 no-repeat; width:188px; }
#m7, #m7 a { background:transparent url("images/navi_kulttuuriareena.png") 0 -39px no-repeat; width:66px; }
#m8, #m8 a { background:transparent url("images/navi_kulttuuriareena.png") -66px -39px no-repeat; width:91px; }
#m9, #m9 a { background:transparent url("images/navi_kulttuuriareena.png") -157px -39px no-repeat; width:88px; }
#m10, #m10 a { background:transparent url("images/navi_kulttuuriareena.png") -245px -39px no-repeat; width:54px; }
#m11, #m11 a { background:transparent url("images/navi_kulttuuriareena.png") -299px -39px no-repeat; width:89px; }
#m12, #m12 a { background:transparent url("images/navi_kulttuuriareena.png") -388px -39px no-repeat; width:75px; }


#m1a, #m1a a, #m1 a:hover { background:transparent url("images/navi_kulttuuriareena.png") 0 -78px no-repeat; width:61px; }
#m2a, #m2a a, #m2 a:hover { background:transparent url("images/navi_kulttuuriareena.png") -61px -78px no-repeat; width:108px;}
#m3a, #m3a a, #m3 a:hover { background:transparent url("images/navi_kulttuuriareena.png") -169px -78px no-repeat; width:97px; }
#m4a, #m4a a, #m4 a:hover { background:transparent url("images/navi_kulttuuriareena.png") -266px -78px no-repeat; width:135px;}
#m5a, #m5a a, #m5 a:hover { background:transparent url("images/navi_kulttuuriareena.png") -401px -78px no-repeat; width:73px; }
#m6a, #m6a a, #m6 a:hover { background:transparent url("images/navi_kulttuuriareena.png") -474px -78px no-repeat; width:188px;}
#m7a, #m7a a, #m7 a:hover { background:transparent url("images/navi_kulttuuriareena.png") 0 -117px no-repeat; width:66px;}
#m8a, #m8a a, #m8 a:hover { background:transparent url("images/navi_kulttuuriareena.png") -66px -117px no-repeat; width:91px;}
#m9a, #m9a a, #m9 a:hover { background:transparent url("images/navi_kulttuuriareena.png") -157px -117px no-repeat; width:88px; }
#m10a, #m10a a, #m10 a:hover { background:transparent url("images/navi_kulttuuriareena.png") -245px -117px no-repeat; width:54px;}
#m11a, #m11a a, #m11 a:hover { background:transparent url("images/navi_kulttuuriareena.png") -299px -117px no-repeat; width:89px; }
#m12a, #m12a a, #m12 a:hover { background:transparent url("images/navi_kulttuuriareena.png") -388px -117px no-repeat; width:75px; }

/*  Teemanvaihtonavigaatio */

#switch{
height: 200px;
width: 90px;
position: fixed;
top: 30px;
left: 0px;
}


#switch ul {
position: relative;
margin: 0;
padding: 0 0 0 0;
list-style: none;
left: 0px;
font-family: Georgia, Times;
}

#switch li {
float: left;
height: 200px;
margin: 0px;
padding: 0px 0px 0px 0px;
white-space: nowrap;
display: inline;
overflow: hidden;
outline:0;
}

#switch li a {
float: left;
display: block;
height: 200px;
width: 100%;
overflow: hidden;
outline:0;
text-indent: -9999px;
text-decoration: none;
}	

#switch1, #switch1 a { background:transparent url("images/badges/badge_kulttuuriareena.png") 0 0 no-repeat; width:45px;}

#switch1a, #switch1a a, #switch1 a:hover { background:transparent url("images/badges/badge_kulttuuriareena.png") 0 -200px no-repeat; width:45px; }

#switch2, #switch2 a { background:transparent url("images/badges/badge_ylioppilasmedia.png") 0 0 no-repeat; width:45px;}

#switch2a, #switch2a a, #switch2 a:hover { background:transparent url("images/badges/badge_ylioppilasmedia.png") 0 -200px no-repeat; width:45px; }