tyyli.css

body, html 	{width: 100%; height: 100%; color: #343434; font-family: trebuchet ms; background:url('../img/tausta.png') repeat-x #fff; margin: 0px;}
#header		{width: 970px; height: 52px; margin: 0 auto;}
#logo		{width: 255px; height: 52px; float: left;}
#login		{width: 400px; height: 23px; float: right; margin-top: 15px;  color:#fff;}
.form		{background:url('../img/input.png') no-repeat; width: 130px; height: 23px; color:#fff; border:0px;padding-left: 10px;}
.button		{background:url('../img/button.png') no-repeat; width: 100px; text-align: center; border:0px; height:23px;color:#fff; padding:0px;}
.button:hover	{background:url('../img/button2.png') no-repeat; cursor:pointer;}
#wrapper	{width: 970px; margin: 0 auto;}
#navigation	{margin: 15px 0px; height: 33px; width: 100%;}
#navigation ul	{list-style-type:none; margin: 0px; padding: 0px;}
#navigation ul li {float: left; margin-right: 10px;}
#navigation ul li a {display: block; height: 33px; padding: 0px 10px; line-height: 33px; text-decoration: none; font-weight: bold; color: #0073bc;}
#navigation ul li a:hover, .active {background:#fff; border-radius: 5px; border: 1px solid #c0c0c0; color:#7dac0c !important;}
a		{color: #0037bc;}
a:hover		{color: #7dac0c;}
#container	{width: 100%; background:url(../img/container.png) repeat-y; font-size: 13px;}
#container #left {padding: 10px 20px;}
#left h1	{color:#7dac0c; font-size: 24px; padding-top:0px; margin-top: 0px;}
#left h2	{color:#7dac0c; font-size: 18px;}
#left h3	{color:#7dac0c; font-size: 16px;}
#right		{float:right; border-left: 1px dotted #c0c0c0; padding: 10px 20px; width: 200px;}
#right h1, #right h1 a	{color:#7dac0c; font-size: 18px; padding-top: 0px; margin-top:0px; text-decoration:none;}

#container.top	{width: 100%; background:url(../img/container-top.png) no-repeat; height: 15px;}
#container.bottom	{width: 100%; background:url(../img/container-bottom.png) no-repeat; height: 16px;}

.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}