@charset "utf-8";
/* CSS Document */

	html {
		padding: 0px;
		margin: 0px;
	}

/* TEXT STYLES */	
	body {
		background-color: #ffffff;
		font-size: 12px;
		font-family: Arial, Helvetica, sans-serif;
		background: #000000;
		margin: 0px;
		text-align: center;
	}
	
	h1 {
		font-size: 18px;
		margin: 0px 0px 10px 0px;
		color: #000000;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	h2 {
		font-size: 16px;
		font-weight: bold;
		color: #333333;
		text-transform: uppercase;
		margin: 20px 0px 0px 0px;
	}

	h3 {
		color: #000000;
		font-weight: bold;
		text-align: center;
		text-transform: uppercase;
	}
	
	h3 a {
		font-size: 12px;
		color: #000000;
		text-decoration: none;
	}
	
	h3 a:hover {
		color: #ff9900;
	}
	
	p {
		font-size: 12px;
		color: #000000;
		margin-bottom: 10px;
		text-align: justify;
	}
	
	a {
		font-size: 12px;
		color: #000000;
		font-weight: bold;
	}
	
	a:hover {
		color: #FF9900;
	}

/* DIVS */
	#main {
		width: 1000px;
		height: 700px;
		background: #000000;
		vertical-align: middle;
		margin: 0px auto;
		text-align: left;
	}
	
	#header {
		top: 0px;
		left: 0px;
		width: 1000px;
		height: 150px;
		background: url(../images/header.jpg);
	}
	
	#left {
		float: left;
		margin: 0px;
		width: 75px;
		height: 35px;
		background: url(../images/left.jpg);
	}
	
	#right {
		float: right;
		margin: 0px;
		width: 120px;
		height: 87px;
		background: url(../images/right.jpg) no-repeat #000000;
	}
	
	#copyright {
		width: 880px;
		margin: 0px;
		text-align: right;
	}
	
	#copyright a {
		color: #FFFFFF;
		font-size: x-small;
		font-weight: bold;
	}
	
	#wrap {
		float: left;
		width: 805px;
		min-height: 514px;
		margin: 0px;
		overflow: hidden;
	}
	
/* NAVI */	
	#navi {
		float: left;
		margin: 0px;
		width: 175px;		
		background: url(../images/navi_transp_bg.gif) repeat-y #818181;
		margin-bottom: -9999px;
		padding-bottom: 9999px;
	}
	
	#navi p {
		margin: 0px 0px 10px 0px;
	}
	
	.wrap_asuntomenu {
		float: left;
		clear: both;
		margin-bottom: 10px;
	}
	
	.asuntomenu {
		float: left;
		margin-left: 10px;
		margin-top: 20px;
		width: 200px;
	}
	
	.asuntomenu h2 {
		margin: 0px 0px 2px 0px;
		color: #000000;
		border-bottom: 1px #000000 solid;
	}
	
	.asuntomenu p, a {
		margin-top: 2px;
		text-decoration: none;
	}

/* SISÄLTÖ */
	#wrap_content {
		float: right;
		width: 630px;
		margin: 0px;
		background: url(../images/content_bg.jpg) no-repeat #cccccc;
		margin-bottom: -9999px;
		padding-bottom: 9999px;
	}
	
	#content {
		float: left;
		margin: 0px;
		width: 430px;
		margin-bottom: -9999px;
		padding: 10px 25px 9999px 10px;
	}
	
	#sponsors {
		float: right;
		margin: 0px;
		width: 145px;
		margin-bottom: -9999px;
		padding: 45px 10px 9999px 10px;
	}

/* CLASSES */	
	p.language {
		text-align: center;
	}
	
	p.strong {
		font-size: 14px;
		font-weight: bold;
	}
	
	p.notopmargin {
		margin-top: 0px;
	}
	
	p.topbottommargins {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	a.navilink {
		display: block;
		margin: 0px;
		width: 175px;
		height: 21px;
		background: url(../images/link_bg.gif) no-repeat #666666;
		font-size: 15px;
		text-decoration: none;
		font-weight: bold;
		color: #FFFFFF;
		text-align: center;
		padding: 3px 0px 0px 0px;
	}
	
	a.navilink:hover {
		color: #000000;
		background: url(../images/link_hover_bg.gif) no-repeat #FF9900;
	}
	
	a.selected {
		display: block;
		margin: 0px;
		width: 175px;
		height: 21px;
		background: url(../images/link_hover_bg.gif) no-repeat #666666;
		font-size: 15px;
		text-decoration: none;
		font-weight: bold;
		color: #000000;
		text-align: center;
		padding: 3px 0px 0px 0px;
	}
	
	a.selected:hover {
		color: #FFFFFF;
		background: url(../images/link_hover_bg.gif) no-repeat #FF9900;
	}

/* PIDEMMILLE SANOILLE */
	
	a.navilink2 {
		display: block;
		margin: 0px;
		width: 175px;
		height: 21px;
		background: url(../images/link_bg.gif) no-repeat #666666;
		font-size: 13px;
		text-decoration: none;
		font-weight: bold;
		color: #FFFFFF;
		text-align: center;
		padding: 3px 0px 0px 0px;
	}
	
	a.navilink2:hover {
		color: #000000;
		background: url(../images/link_hover_bg.gif) no-repeat #FF9900;
	}
	
	a.selected2 {
		display: block;
		margin: 0px;
		width: 175px;
		height: 21px;
		background: url(../images/link_hover_bg.gif) no-repeat #666666;
		font-size: 13px;
		text-decoration: none;
		font-weight: bold;
		color: #000000;
		text-align: center;
		padding: 3px 0px 0px 0px;
	}
	
	a.selected2:hover {
		color: #FFFFFF;
	}
	
#vocontainer {position:relative;width: 432px; height: 336px;background: #fff url('vuokraovi_alahaive.gif') left bottom no-repeat;}
#vocontainer h2, #vocontainer h3, #vocontainer h4, #vocontainer ul, #vocontainer li, #vocontainer p, #vocontainer img {position:relative;margin:0; padding:0;list-style-type:none;font-family: Arial, sans-serif;font-size: 11px;overflow:hidden;}

#vocontainer h2 {position:relative;width: 432px; height: 70px;margin:0 0 7px;padding:0;background: #fff url('http://www.opiskelijanturku.fi/images/vuokraovi_otsikko.gif') top left no-repeat;}
#vocontainer h2 a {display:block; width: 100%; height: 100%;}
#vocontainer h2 span, #vocontainer h4 span, p#voregister span {display:none;}
#vocontainer a, #vocontainer a:link, #vocontainer a:visited {color: #900;text-decoration:none;}
#vocontainer a:hover {text-decoration:underline;}
#vocontainer a img {border:none;}

#vocontainer ul.voinner {display:block;float:left;width: 205px;height: 45px;padding: 3px 5px;overflow: hidden;border-bottom: 1px solid #c9d1db;}
#vocontainer ul.voinner {_padding: 3px 0 0 5px;_width: 216px;_height: 52px;} /* IE 6 and below HACK */

#vocontainer li {float:left; width: 140px;line-height: 1em;overflow:visible;white-space: nowrap;}

#vocontainer li.vothumbnail {width: 60px; height: 45px;margin-right: 5px;clear:none;background: #dae5ee;overflow:hidden; text-align:center;}
#vocontainer li.vothumbnail img {height: 45px;}

p#voregister {clear:both;position:absolute; left:0px; top: 300px; width: 100%; height: 100%; background: url('http://www.opiskelijanturku.fi/images/jata_ilmoitus_painike.gif') top left no-repeat;}
p#voregister a {display:block;width:100%; height: 100%;}