@charset "utf-8";
* {
  margin: 0;
  padding: 0;
  }

body{
  color: #000;
  background:#eee url(graph/headerfon.jpg) repeat-x; 
/*  background:#eee url(graph/sneg.png) repeat; */
  font: 1em Arial, Helvetica, sans-serif;
  }

.blockclear{
  clear: both;
  }

a{
    text-decoration: none;
  }
a:hover{
    text-decoration: none;
  }
a:active, a:focus, img {
  outline: 0;
  }

.underline {color:#000000;
            text-indent:20px;
            display:block;width:200px;
}

.underline:hover{
  text-decoration: underline;
  }
.through{
  text-decoration: line-through;
  }
img{
  border:0;
  }
.right{
  float:right;
  }
li{
    list-style: none;
  }
.table {
    margin:0 auto;
    background:#eeeeee;
}
.member_table td{
  padding:0 5px;
  height:30px;
  vertical-align:middle;
  }
.top_background{
  height:250px;
  width:1000px;
}

.bottom_background
{
background:#2e8409 repeat-x;
height:40px;
vertical-align:top;
font-family: trebuchet MS, sans-serif;  
padding-left:10px;
padding-top:20px;
font-size: 13px;
color:#ffffff;
text-decoration:none;
}
.bottom_background a
{
font-family: trebuchet MS, sans-serif;  
font-size: 13px;
color:#ffffff;
}
.logo
{
  
}

.buttonscontainer {width: 100%; }
.buttons a {
            height:36px;
            width:250px;
            background-image:url(graph/button.png);
            background-repeat:no-repeat;
            font-family: trebuchet MS, sans-serif;  
            color:#a0d688;
            text-decoration:none;
            display: block;
            
            vertical-align:middle;
            text-align: left;
            padding-left:20px;
            font-size: 16px;
      font-weight: bold;
      line-height: 36px;
}
.buttons a:hover 
{
    background-image: url(graph/button_h.png);
    font-weight:bold;
    padding-left:20px;
    color:white;
}
.buttons_b a {
            height:19px;
            width:180px;
            background-image:url(graph/boxgrey.gif);
            background-repeat:no-repeat;
            background-position: left;
            font-family: trebuchet MS, sans-serif;  
            font-size: 13px; /*11_16*/
            color:#000000;
            text-decoration:none;
            display: block;
            vertical-align:middle;
            text-align:left;
            padding-left:10px;
            margin-left:20px;
            margin-bottom:4px;
}
.buttons_b a:hover 
{
    background-image: url(graph/boxgreen.gif);
    padding-left:10px;
    margin-left:20px;
}
.splitter 
{
    background-color: #49b11a;
    color: #fff;
    text-decoration: none;
    background-image: url(graph/point.jpg);
    background-repeat: repeat-y;
    background-position:right;

}
.splitter-x
{
    background-color: #49b11a;
    color: #fff;
    text-decoration: none;
    background-image: url(graph/point.jpg);
    background-repeat: repeat-x;
    background-position:right;

}
.picture
{
    width:130px;
    height:170px;
    padding-left:10px;
    padding-top:4px;
    
    background-image: url(graph/picture_border.gif);
    background-repeat: no-repeat;
    background-position: top;
}
.text_gren {
            font-family: trebuchet MS, sans-serif;  
            font-size: 13px; /*11_16*/
            color:#49B11A;
            text-decoration:none;
            font-weight:bold;
}
.text_gren_big {
            font-family: trebuchet MS, sans-serif;  
            font-size: 16px; /*11_16*/
            color:#49B11A;
            text-decoration:none;
            font-weight:bold;
}       
.text {
            font-family: trebuchet MS, sans-serif;  
            font-size: 13px; /*11_16*/
            color:#000000;
            text-decoration:none;
}
.text a {
            font-family: trebuchet MS, sans-serif;  
            font-size: 13px; /*11_16*/
            
}
.text_b {
            font-weight:bold;
            font-family: trebuchet MS, sans-serif;  
            font-size: 13px; /*11_16*/
            color:#000000;
}

.text #b1 {background: url(/images/ico/l.gif) no-repeat;}
.text #b2 {background: url(/images/ico/c.gif) no-repeat;}
.text #b3 {background: url(/images/ico/g.gif) no-repeat;}
.text #b4 {background: url(/images/ico/f.gif) no-repeat;}


.zagl {
            font-family: trebuchet MS, sans-serif;  
            font-size: 25px; /*11_16*/
            color:#000000;
            text-decoration:none;
            padding-left:20px;
}

.login {width:150px;}
.text2 {
        margin: 0 auto 2em auto;
        font-family: trebuchet MS, sans-serif;  
}
.text2 a {
           display:block;float:left;width:250px;
            font-family: trebuchet MS, sans-serif;  
}

/*HEADER*/
.header{
  height:250px;
  width:1000px;
  background:#2e8409 url(graph/header.png) no-repeat;
  position:relative;
}
h1{
  font-weight: bold;
  font-size: 40px;
  position:relative;
  top:190px;
  left:80px;
  width: 330px;
  z-index:20;
  }
.white{
  color:#fff;
  }
.grey{
  color:#a0d688;
  }
.red{
  color:red;
  }
.description{
  color: #fff;
  font-size: 26px;
  font-weight: bold;
  position:relative;
  top:-30px;
  left:600px;
  width: 360px;
  }

.img1 a{
  z-index:10;
  border:1px solid #000;
  width:110px;
  height:165px;
  position:absolute;
  top:50px;
  left:180px;
  cursor:pointer;
  }
.img1 a:hover{
  z-index:100;
  border:1px solid #fff;
  width:120px;
  height:180px;
  position:absolute;
  top:45px;
  left:175px;
  }
.img2 a{
  z-index:11;
  border:1px solid #000;
  width:120px;
  height:180px;
  position:absolute;
  top:20px;
  left:270px;
  cursor:pointer;
  }
.img2 a:hover{
  z-index:100;
  border:1px solid #fff;
  width:130px;
  height:195px;
  position:absolute;
  top:15px;
  left:265px;
  }
.img3 a{
  z-index:10;
  border:1px solid #000;
  width:100px;
  height:150px;
  position:absolute;
  top:40px;
  left:380px;
  cursor:pointer;
  }
.img3 a:hover{
  z-index:100;
  border:1px solid #fff;
  width:130px;
  height:195px;
  position:absolute;
  top:25px;
  left:365px;
  }
.img4 a{
  z-index:11;
  border:1px solid #000;
  width:120px;
  height:180px;
  position:absolute;
  top:70px;
  left:470px;
  cursor:pointer;
  }
.img4 a:hover{
  z-index:100;
  border:1px solid #fff;
  width:130px;
  height:195px;
  position:absolute;
  top:65px;
  left:465px;
  }
.img5 a{
  z-index:10;
  border:1px solid #000;
  width:100px;
  height:150px;
  position:absolute;
  top:80px;
  left:580px;
  cursor:pointer;
  }
.img5 a:hover{
  z-index:100;
  border:1px solid #fff;
  width:130px;
  height:195px;
  position:absolute;
  top:45px;
  left:565px;
  }

.hot_summer {text-align:center;}
.hot_summer a {font-size:2em;font-weight;bold;color:red;text-decoration:underline;}
.hot_summer a:hover {color:#d00;text-decoration:none;}