@charset "utf-8";
html  {
	overflow: -moz-scrollbars-vertical; 
	html  overflow-x: auto;
	overflow-y:scroll;
}

body {
	background-color: #232323;
	font: verdana,tahoma,arial;
}

.hand a:focus,a:hover,a,a:active {
	cursor: pointer;
}

a:active {
	outline:0;
}

a:focus {
	outline:0;
}

#otsikko1 {
	font:bold 16px verdana,tahoma,arial;
	color: white;
	height: 22px;
	background-color: #db56b5;
	text-align: center;
	position: relative;
	top: -12px;
	padding:0px;
}
#otsikko2 {
	font:bold 14px verdana,tahoma,arial;
	color: white;
	height: 20px;
	background-color: #db56b5;
	text-align: center;
	position: relative;
	top: -13px;
	padding:0px;
}

#banner {
	margin: auto;
	height: 188px;
	width: 100%;
	top: 0px;
	padding:0px;
}

#banner-dim-L {
	position: absolute;
	padding: 0px;
	background-image: url(images/banner_dim_L.png);
	width: 400px;
	height: 188px;
	left:0px;
	z-index: 20;
}

#banner-L {
	position: absolute;
	padding: 0px;
	left: 0px;
	width: 9px;
	height: 188px;
	background-image: url(images/banner_L.png);
}

#banner-dim-R {
	position: absolute;
	background-image: url(images/banner_dim_R.png);
	width: 400px;
	height: 188px;
	right:0px;
	z-index: 20;
	padding: 0px;
}

#banner-R {
	position: absolute;
	right: 0px;
	width: 9px;
	height: 188px;
	padding: 0px;
	background-image: url(images/banner_R.png);	
}

#banner-image-wrapper {
	height: 188px;
	width: 572px;
	margin:auto;
}

#banner-image {
	height: 188px;
	position:absolute;
	top: 45px;
}

#banner-bg {
	width: 100%;
	height: 188px;
	background-color: #ec5dc3;
}

#menu-bg {
	position: absolute;
	left: 0px;
	margin: auto;
	width: 100%;
	height: 35px;
	background-image:url(images/menu_bg.png);
}

#menu-wrapper {
	left: 25px;
	width: 530px;
	position:relative;
	margin:auto;
}

#menu {
	position: absolute;
	top: 6px;
}


#container {
	position:relative;
	margin: auto;
	width: 980px;
	top: 50px;
}


#left-margin {
	background-color:white;
	position: absolute;
	width: 170px;
	left: 30px;
	top: 10px;
	overflow: visible;
}


#middle-margin-wrapper {
	width: 500px;
	margin: auto;
}

#middle-margin-top {
	width: 500px;
	height: 12px;
}

#middle-margin {
	width: 500px;
	background-color:#FFF;
	position:absolute;
}

#middle-margin-content {
	padding-top: 12px;
}

#middle-margin-bottom {
	width: 500px;
	height: 12px;
	background-image:url(images/content_bottom.png);
}


#right-margin {
	background-color:white;
	position: absolute;
	width: 170px;
	right: 30px;
	top:10px;
}

#side-margin-top {
	width: 170px;
	height: 21px;
}

#side-margin-seperator {
	width: 170px;
	height: 33px;
}

#side-margin-bottom {
	width: 170px;
	height: 8px;
	background-image:url(images/sidebox_bottom.png);
}

.keikkaotsikko {
color: black;
font-weight: bold;
text-decoration: underline;

}

.rektum b {
	color: #db56b5;
    font: bold 10px verdana,tahoma,arial;
	padding-right: 10px;
}

.rektum {
  background: white;
  font: normal 10px verdana,tahoma,arial;
  padding: 20px;
  }
  
.rektum h4 {
  margin-bottom: 10px;
  text-transform: uppercase;
  }

.rektum table {
  margin: 5px;
  padding: 2px;
}

.rektum td {
  margin: 5px;
  padding: 2px;
}

.rektum tr {
  margin: 5px;
  padding: 2px;}
  
  .rektum a, 
	.rektum a:link, 
	.rektum a:visited {
  color: #db56b5;
  }
  
  .rektum a:hover {
  color: black;
  }

  .rektum hr {
	width:95%;
	color: white;
	height:1px;
	border-top:1px solid silver;
	border-left: 1px solid white;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	clear:both;
	}