html {
min-height:101%;
}
body {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #000000;
  background:#c0c0c0;
  margin:0;
  padding:0;
}
#container {
width:1020px;
margin:0 auto;
}
#website {
float:left;
width:1020px;
float:left;
}
#hide {
width:1020px;
height:auto;
position:absolute;
border-bottom:url(../images/hide_line.png) repeat-x;
}
#hide_line {
background:url(../images/hide_bg.png) repeat;
width:1020px;
}
#user1 {
height:84px;
display:none;
width:1000px;
margin-left:10px;
}
#toggle {
background:url(../images/hide_line.png) repeat-x top;
margin:0 auto;
width:1020;
height:13px;
}
#toggle_button {
background:url(../images/hide_toggle.png) no-repeat;
width:59px;
height:12px;
float:left;
margin-left:480px;
cursor:pointer;
margin-top:1px;
}
#top {
background:url(../images/top_bg.jpg) repeat-x;
float:left;
height:100px;
width:1020px;
}
#logo {
float:left;
background:url(../images/logo.jpg) no-repeat;
width:241px;
height:52px;
margin-left:30px;
margin-top:17px;
}
#top_nav {
float:right;
margin-left:30px;
margin-top:17px;
}
#top_nav ul {
margin:0;
padding:0;
list-style:none;
}
#top_nav ul li {
display:inline;
}
#top_nav li a{
line-height:49px;
padding-right:20px;
color:#fff;
font-weight:bold;
font-size:14px;
text-decoration:none;
padding-bottom:20px;
padding-top:20px;
margin-left:20px;
margin-right:20px;
}
#top_nav li a:hover {
color:#6D983F;
}
#top_nav li#current a:hover {
color:#000000;
}
#top_nav li#current a{
background:url(../images/top_menu_right.jpg) right no-repeat;
line-height:49px;
padding-right:20px;
color:#fff;
font-weight:bold;
font-size:14px;
text-decoration:none;
padding-bottom:20px;
padding-top:20px;
}
#top_nav li#current a span {
background:url(../images/top_menu_left.jpg) left no-repeat;
padding-left:20px;
line-height:49px;
padding-bottom:20px;
padding-top:20px;
}
#header {
float:left;
width:1020px;
background:url(../images/header.jpg) no-repeat;
height:307px;
}
.header_template {
width:590px;
margin-left:20px;
margin-top:35px;
color:#fff;
}
img.template {
float:left;
}
.demo {
background:url(../images/button.png) no-repeat;
padding-bottom:4px;
padding-top:5px;
padding-left:35px;
padding-right:40px;
color:#fff;
text-decoration:none;
font-size:11px;
}
.download {
background:url(../images/button.png) no-repeat;
padding-bottom:4px;
padding-top:5px;
padding-left:22px;
padding-right:35px;
color:#fff;
text-decoration:none;
font-size:11px;
}
#user3 {
background:url(../images/user3_bg.jpg) repeat-x;
width:1020px;
height:50px;
float:left;
}
#user3 ul {
margin:0;
padding:0;
list-style:none;
margin-left:18px;
background:url(../images/user3_trenn_line.jpg) left no-repeat;
padding-left:7px;
}
#user3 ul li {
display:inline;
}
#user3 li a {
line-height:50px;
background:url(../images/user3_trenn_line.jpg) right no-repeat;
color:#fff;
text-decoration:none;
padding-left:22px;
padding-right:22px;
padding-bottom:17px;
padding-top:17px;
margin-left:-7px;
}
#user3 li a:hover {
color:#000;
}
#user3 li.active a {
line-height:50px;
background:url(../images/user3_active.jpg) repeat-x;
color:#000;


}
#content {
float:left;
background:#e8e8e8;
width:1020px;
height:auto;
min-height:300px;
}
#user4, #user5, #user6 {
float:left;
background:url(../images/vertikal_line.jpg) repeat-y right;
width:235px;
margin-left:10px;
padding-right:10px;
margin-top:20px;
font-size:14px;
text-align:center;
}
#user4 h2, #user5 h2, #user6 h2 {
color:#81aa48;
}
#user7 {
float:left;
width:235px;
margin-left:10px;
padding-right:10px;
margin-top:20px;
font-size:14px;
text-align:center;
}
#user7 h2 {
color:#81aa48;
}
#line_horisont {
background:url(../images/hirisont_line.jpg) no-repeat;
width:795px;
height:30px;
margin-left:110px;
margin-top:10px;
float:left;
}
#component_container {
float:left;
width:1010px;
margin-left:0px;
background:url(../images/component_bg.png) repeat-y left;
min-height:30px;
margin-bottom:20px;
}
#left {
float:left;
border:0px solid #000;
width:319px;
margin-left:20px;
}
#left h3 {
color:#81aa48;
padding-left:20px;
font-size:18px;
margin:0;
margin-bottom:10px;
}
.contentheading {
color:#81aa48;
font-size:18px;
font-weight:bold;
}
#left ul {
margin:0;
padding:0;
list-style:none;
}
#left ul li {
display:block;

}
#left li a {
display:block;
background:url(../images/menu_bg.png) no-repeat top;
color:#333333;
text-decoration:none;
font-size:14px;
width:300px;
height:20px;
padding-left:19px;
padding-bottom:4px;
padding-top:4px;
}
#left li a:hover, #left li#current a  {
display:block;
background:url(../images/menu_bg.png) no-repeat bottom;
color:#81aa48;
text-decoration:none;
font-size:14px;
width:300px;
height:20px;
padding-left:19px;
padding-bottom:3px;
padding-top:4px;
border-bottom:1px solid #E8E8E8;
}
#left .moduletable {
margin-bottom:20px;
}
#left fieldset {
border:2px medium #D3D3D3;
width:297px;
margin-bottom:5px;
}
input.button {
background:url(../images/button.png) no-repeat;
display:block;
text-align:left;
padding-left:10px;
color:#fff;
border:none;
width:104px;
height:20px;
}
#component {
float:left;
margin-left:40px;
width:620px;
border:0px solid #000;
}
#component_full {
float:left;
margin-left:20px;
width:980px;
}
#user8 {
float:left;
background:url(../images/community_bg.jpg) no-repeat;
width:882px;
padding-top:17px;
height:59px;
margin-left:33px;
margin-bottom:20px;
color:#fff;
padding-left:70px;
}
#user9, #user10, #user11{
background:url(../images/bottom_module_bg.jpg) repeat-x top;
color:#fff;
width:314px;
margin-left:20px;
margin-top:40px;
font-weight:100;
float:left;
}
#user9 h3, #user10 h3, #user11 h3 {
color:#81aa48;
font-size:18px;
margin-bottom:0px;
padding-bottom:0;
}
#bottom {
background:url(../images/bottom_bg.jpg) top repeat-x #202020;
float:left;
width:1020px;
height:auto;
min-height:200px;
}
#footer {
float:left;
width:1020px;
height:57px;
background:url(../images/footer_bg.jpg) repeat-x;
}
#copyright {
width:40%;
float:left;
height:35px;
color:#fff;
font-size:14px;
padding-top:10px;
margin-left:20px;
}
#copyright a {
font-size:11px;
color:#81aa48;
}
#user12 {
float:right;
width:50%;
height:20px;
text-align:right;
padding-right:10px;
padding-top:17px;
color:#fff;
}
#user12 a {
margin-right:10px;
margin-left:10px;
color:#fff;
text-decoration:none;
}
#user12 a:hover {
color:#7A9F40;
}

