
* {
margin: 0;
padding: 0;
border: 0;
}


body {
padding: 2px 0 0;
font:  14px/18px Arial, Verdana, sans-serif;
background: #fff url(img/.jpg)repeat-x;
color:#333;
}

#container {
width: 1024px;
margin: 0 auto;
}

#header {
background: #09f url(img/headpic.jpg) no-repeat;
width: 1024px;
height: 150px;
}


#logo{
width: 1024px;
height: 60px;
font-size: 80%;
border: 0px #000 solid;
background: #fff;
}

#logo a{
color: #0099ff;
}

#logo p{
color: #000;
float: left;
text-align: center;
width: 200px;
}


#logo p.left{
margin: 0 0 0 10px;
color: #000;
float: left;
text-align: left;
width: 300px;
}

#logo p.right{
color: #000;
text-align: left;
float: right;
width: 285px;
position: relative;
margin-top: -18px;
}


#nav{
background: url("img/.jpg") repeat-x;
color: #f00;
font-size: 11px;
font-weight: bold;
line-height: 1.7em;
text-align: left;
}

#nav ul{
list-style-type: none;
}

#nav li{
display: inline;
margin: 0 15px;
}

#nav li a{
color: #000;
}

#nav li a:hover{
color: #f00;
}

.in10 {

}

.in11 {
     
      background:#fff url(img/bb7.jpg) no-repeat;
      height:20px;
}


.in12 {color: #000;
      background:url(img/bb8.jpg) top right no-repeat;
     
}



a{
text-decoration: none;
}


.anima{
text-align: center;
}


#text {
background: #09f url("img/background9.jpg") repeat-y;
width: 790px;
font-size: 14px;
margin: 8px auto;
float: left;
height: 100%;
}

#text h1{
color: #333;
font-size: 17px; 
font-weight: bold;
text-indent: 20px;
text-decoration: underline;
padding: 10px 15px;
background: url(img/marker3.png) no-repeat 10px 10px;
}

#text h1.blue{
color: #0099ff;
font-size: 16px; 
text-indent: 20px;
text-decoration: underline;
padding: 10px 15px;
background: url(img/marker3.png) no-repeat 10px 10px;
}

#text h2{
color: #333;
font-size: 14px; 
font-weight: bold;
text-indent: 20px;
text-decoration: underline;
padding: 9px 20px;
background: url(img/marker3.png) no-repeat 10px 10px;
}

#text h3{
color: #333;
font-size: 14px; 
font-weight: bold;
text-indent: 20px;
text-decoration: underline;
padding: 9px 20px;
background: url(img/marker8.png) no-repeat 8px 7px;
}


#text p{
text-align: justify;
text-indent: 10px;
color: #ooo;
margin: 0 20px 0 15px;
padding: 4px 15px;

}

#text ol {
color: #333;
font-size: 14px;
margin: 10px;
padding: 0 25px;
list-style-type: circle;
}

#text li {
margin: 0 5px;
}



#text a{
color: #fff;
}

#text a:hover{
color: #f36;
}

.mini{
font-size:11px;
font-style: bold;
}


.img1 {
width: 250px;
height: 170px;
margin: 0 12px 0 15px;
float:left;
border: 1px #fff solid;
}

.img2 {
width: 90px;
height: 45px;
behavior:url("iepngfix.htc")
}

.img3 {
width: 34px;
height: 19px;
margin: 0 2px 0 0;
float:right;
}

.img4 {
width: 170px;
height: 170px;
margin: 0 0 0 23px;
}

.img5 {
width: 500px;
height: 289px;
margin: 0 12px 0 145px;
float:left;
border: 1px #fff solid;
}


.venzel {
width: 520px;
height: 2px;
margin: 10px 200px 0 9px;
float:left;
}



.in1 {

}

.in2 {
     
      background:#0099ff url(img/bb1.jpg) no-repeat;
      height:20px;
      
}


.in3 {color: #fff;
      background:url(img/bb2.jpg) top right no-repeat;
     
}


#members {
background:#fff;
width: 790px;
height:100%;
float: left;
color: #000;
}


#members h1{
color: #0099ff;
font-size: 16px; 
text-indent: 20px;
text-decoration: underline;
padding: 10px 15px;
background: url(img/marker2.jpg) no-repeat 10px 10px;
}

#members p{
text-align: justify;
text-indent: 10px;
color: #000;
margin: 10px;
padding: 4px 15px;
}

table{width: 100%;
height: 200px;
}

td{

text-align: center;
border: #09f 1px solid;
padding: 0px;
}


.line {
width: 770px;
height: 13px;
float: right;
}

#news{
background: #fff url(img/background5.jpg)  no-repeat;
width: 223px;
height: 1000px;
color: #333;
margin: 10px 0 0 5px;
float: right;
font-weight: normal;
}


#news h3{
background: #666 url(img/verh1.jpg) repeat-x;
color: #fff;
font-size: 115%;
font-weight: bold;
text-align: center;
padding: 0px 0 2px 0;
margin: 0 0 10px 0;
}

#news h2{
color: #09f;
font-size: 90%;
font-weight: bold;
text-align: center;
padding: 0px 4px 2px 1px;
margin: 0 0 2px 0;
}

#news p{
font:  10px/13px Verdana, sans-serif;
padding: 1px 10px 5px 10px;
text-align: left;

}

#news ul{
list-style: none;
}

#news li{
font-size: 110%;
padding: 0 0 1px 10px;
color: #0066cc;

}

#news a{
text-decoration: underline;
font-weight: normal;
font-size: 70%;
color: #333;
}

#news a:hover{
color: #0066cc;
text-decoration: none;
}


.news1{
width: 223px;
margin: 10px 0 0 0 ;
border: 0;

}

.in4 {

}

.in5 {
     
      background: url(img/bb3.jpg) no-repeat;
      height:20px;
}


.in6 {color: #000;
      background:url(img/bb4.jpg) top right no-repeat;
     
}


#footer{
width: 1024px;
height: 88px;
color: #333;
font-size: 80%;
clear: both;
border-top: 2px solid #0099ff;
background: #fff;
}

#footer a{
color: #0099ff;
}

#footer a:hover{
text-decoration: underline;
color: #f00;
}

#footer p{
color: #000;
padding: 10px 0 0 0;
text-align: center;

}

.clearfloat{
clear: both;
}

#footer p.left{
color: #333;
width: 120px;
padding: 2px;
float: left;
text-align: center;
}

#footer p.right{
color: #333;
float: right;
width: 400px;
padding: 5px 0;
text-align: left;
text-indent: 0px;
}

