body {
margin: 0;
padding: 0;
border: 0;
overflow: auto;
height: 100%; 
max-height: 100%; 
min-width: 800px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-style: normal;
  text-decoration: none;
background-color: #dddddd;
color: #ffffff;
}

#container {
display: block;
margin-left: auto;
margin-right: auto;
/*margin: 0 auto;*/
width: 800px;
background: #ffffff;
}

#sidebar {
float:left; 
min-width: 200px;

/*height: auto;*/
/*overflow: auto;*/
background-color: white;
color: black;
min-height: 300px;
border-right: 0px solid #dddddd;
}

#sidebar h5 {
margin-left: 5px;
}

#header {
position: relative;
width: 100%;

background-color: #999999;
color: white;
border-bottom: 5px solid #00ffff;
padding-bottom: 50px;
font-size: 80%;
}

#content{
float:right;
/*height: auto;*/
width: 600px;
/*overflow: auto;*/
background-color: white;
font-size: 11px;
text-align: center;
/*border-left: 1px solid #75f8fb;*/
}

.section {  
margin:10px;
color: #000000;
background: #ffffff;
}

.section_uutinen {  
margin:10px;
color: #000000;
border-bottom: 1px solid #666666;
background: #ffffff;
}



a:link {color: #999999; text-decoration: underline; }
a:active {color: #999999; text-decoration: underline; }
a:visited {color: #999999; text-decoration: underline; }
a:hover {color: #444444; text-decoration: none; }

#footer {
clear: both;
color: #000000;
background-color: #999999;
font-size: 80%;
padding-top: 5px;
padding-bottom: 5px;
border-top: 1px solid #00ffff;
padding-left: 10px;
}

/* header list */
#header ul {
position: absolute;
bottom: 0px;

margin-bottom: 0px;
/*margin-left: auto;
margin-right: auto;
*/
}

#header li {
display: inline;

}

#header li a:link, #header li a:visited, #header li a:active {
display: block;
background-color: #666666;
color: #ffffff;
padding-top: 10px;
padding-bottom: 10px;
padding-left:  10px;
padding-right: 10px;
line-height: 30px;
float: left;
width: 100px;
height: 30px;

text-decoration: none;
text-align:center;
/*border-left:1px solid #333333;*/
/*border-bottom: 5px solid #00ffff;*/
}

#header li a:hover {
color: #00ffff;
}

#header_link a:link, #header_link a:active, #header_link a:visited, #header_link a:hover {
display: block;
text-align: left;
background-color: #999999;
color: #999999;
border: 0px solid #999999;
border: none;
}

#header_link a img {
border: none;
}

a img {
border: 1px solid #ffffff;text-decoration: none;
}

a:hover img{
border: 1px solid #666666;
}

/* sidebar list */
#sidebar a {
background-color: #666666;
color: #FFFFFF;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-style: normal;
  text-decoration: none;
}
#sidebar a:hover {
background-color: #444444;
color: #FFFFFF;
}

#sidebar ul {
list-style: none;
margin: 0;
padding: 0;
}
#sidebar li {
/*border-bottom: 1px solid #222222;*/
border-bottom-color: #666666;
border-bottom-width: 1px;
border-bottom-style: dashed;                                     
}
#sidebar li a:link, #sidebar li a:visited, #sidebar li a:active {
font-size: 90%;
display: block;
padding: 0.4em 0 0.4em 0.5em;
background-color: #ffffff;
color: #000000;
text-decoration: none;
}
#sidebar li a:hover {
color: #00ffff;
background-color: #ffffff;
}

body.etusivu_class a#etusivu {
color: #00ffff;
background-color: #333333;
}
body.uutiset_class a#uutiset {
background-color: #333333;
color: #00ffff;
}
body.pentuja_class a#pentuja {
background-color: #333333;
color: #00ffff;
}
body.omatkoirat_class a#koirat {
background-color: #333333;
color: #00ffff;
}
body.pentueet_class a#pentueet {
background-color: #333333;;
color: #00ffff;
}
body.jalostuskoirat_class a#jalostuskoirat {
background-color: #333333;;
color: #00ffff;
}
body.hevoset_class a#hevoset {
background-color: #333333;
color: #00ffff;
}