/*-----------------------------------------------
Mediakortti
-----------------------------------------------*/
#mediakortti h1,
#mediakortti h2,
#mediakortti h3,
#mediakortti h4 {
color: #2986B0;
}

#mediakortti div.container {
position: relative;
background: none;
margin: 0 auto;
width: 980px;
}

ul#navigation_mediakortti {
position: absolute;
color: #000;
cursor: pointer;
left: 297px;
top: 105px;
width:500px;
} 

ul#navigation_mediakortti li {
position: relative;
float: left;
display: block;
margin-right: 15px;
width: auto;
}

ul#navigation_mediakortti a {
color: #000;
}

div#header_mediakortti {
position: relative;
float: left;
clear: both;
display: inline;
background: #fff url(../i/rantapallo_mediakortti_header.jpg) 0 0 no-repeat;
height: 320px;
width: 980px;
}

#mediakortti div#wrapper {
position: relative;
float: left;
background: #fff;
clear: both;
display: inline;
margin: -60px 15px 20px;
width: 950px;
}

div#column_main_content {
position: relative;
float: left;
clear: left;
display: inline;
margin: 20px;
width: 490px;
}

div#column_wide_content {
position: relative;
float: left;
clear: left;
display: inline;
margin: 20px;
width: 910px;
}

div#column_side_content {
position: relative;
float: right;
clear: right;
display: inline;
margin: 20px 20px 20px 0;
width: 400px;
}

#mediakortti div#footer {
position: relative;
float: left;
clear: both;
background: #fff;
display: inline;
padding: 20px;
margin: 10px 0 20px 15px;
width: 910px;
}

#mediakortti div#wrapper ul li{
list-style: disc;
margin-left: 30px;
}

#mediakortti div#wrapper table{
border-left: 1px solid #f0f0f0;
margin-bottom: 20px;
}

#mediakortti div#wrapper th{
background: #99CC33;
border-top: 1px solid #f0f0f0;
border-right: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
color: #fff;
font-weight: bold;
padding: 10px 5px;
text-align: left;
}

#mediakortti div#wrapper td{
border-right: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
padding: 10px 5px;
}

.alt {
background: #f5f5f5;
}