BODY {
	BACKGROUND: url(../Images/bg_b.gif) #EEEEEE repeat-x center top;
}

TD {
	FONT-SIZE: 12px; COLOR: #444444; FONT-FAMILY: Verdana, Tahoma,  Arial
}
A:link {
	FONT-SIZE: 12px;
	COLOR: #7830FF;
	FONT-FAMILY: Verdana, Tahoma,  Arial;
	TEXT-DECORATION: none;
}	
A:visited {
	FONT-SIZE: 12px;
	COLOR: #7830FF;
	FONT-FAMILY: Verdana, Tahoma,  Arial;
	TEXT-DECORATION: none;
}

A:active {
	FONT-SIZE: 12px;
	COLOR: #FF00AE;
	FONT-FAMILY: Verdana, Tahoma,  Arial;
	TEXT-DECORATION: none;
}

class1 A:link {
	text-decoration: none;
	color: #7830FF;
}
.class1 A:visited {text-decoration: none}
.class1 A:active {text-decoration: none; color: red;}
.class1 A:hover {text-decoration: underline; color: red;}



class2 A:link {text-decoration: underline overline}
.class2 A:visited {text-decoration: underline overline}
.class2 A:active {text-decoration: underline overline}
.class2 A:hover {text-decoration: underline; color: green;}


class3 A:link {text-decoration: none}
.class3 A:visited {text-decoration: none}
.class3 A:active {text-decoration: none}
.class3 A:hover {font-size:16; font-weight:bold; color: red;}

class4 A:link {background: #FFCC00; text-decoration: none}
.class4 A:visited {background: #FFCC00; text-decoration: none}
.class4 A:active {background: #FFCC00; text-decoration: none}
.class4 A:hover {background: #FFCC00; font-weight:bold; color: red;}




H1 {
	FONT-SIZE: 16px;
	MARGIN: 0px;
	COLOR: Teal;
	FONT-FAMILY: Verdana, Tahoma,  Arial;
}
FORM {
	MARGIN: 0px
}
.aut_text {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, Tahoma,  Arial
}
.link A:link {
	FONT-SIZE: 11px; COLOR: #FFFFFF; FONT-FAMILY: Verdana, Tahoma,  Arial; TEXT-DECORATION: none
}
.link A:visited {
	FONT-SIZE: 11px; COLOR: #FFFFFF; FONT-FAMILY: Verdana, Tahoma,  Arial; TEXT-DECORATION: none
}
.link A:hover {
	FONT-SIZE: 11px; COLOR: #399bde; FONT-FAMILY: Verdana, Tahoma,  Arial; TEXT-DECORATION: none
}
TABLE {
	BORDER-COLLAPSE: collapse
}
.aut_link A:link {
	FONT-SIZE: 10px;
	COLOR: #6b6b6b;
	FONT-FAMILY: Verdana, Tahoma,  Arial;
	TEXT-DECORATION: underline;
}
.aut_link A:visited {
	FONT-SIZE: 10px; COLOR: #6b6b6b; FONT-FAMILY: Verdana, Tahoma,  Arial; TEXT-DECORATION: underline
}
.aut_link A:hover {
	FONT-SIZE: 10px; COLOR: #6b6b6b; FONT-FAMILY: Verdana, Tahoma,  Arial; TEXT-DECORATION: underline
}
.button {
	BORDER-RIGHT: #cccccc 1px double; BORDER-TOP: #cccccc 1px double; SCROLLBAR-FACE-COLOR: #eeeeee; FONT-SIZE: 11px; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; BORDER-LEFT: #cccccc 1px double; SCROLLBAR-SHADOW-COLOR: #cccccc; SCROLLBAR-3DLIGHT-COLOR: #cccccc; SCROLLBAR-ARROW-COLOR: #cccccc; SCROLLBAR-TRACK-COLOR: #eeeeee; BORDER-BOTTOM: #cccccc 1px double; FONT-FAMILY: Helvetica, Tahoma, Verdana; SCROLLBAR-DARKSHADOW-COLOR: #cccccc; BACKGROUND-COLOR: #ffffff
}
.search-form {
	WIDTH: 100px; COLOR: #000000; HEIGHT: 20px; BACKGROUND-COLOR: #ffffff
}
.aut-form {
	WIDTH: 100px; COLOR: #000000; HEIGHT: 20px; BACKGROUND-COLOR: #ffffff
}
 .menu DIV {
	float: left; /* Состыковка с соседней вкладкой */
	width: 151px; /* Ширина вкладки */
	height: 40px; /* Высота вкладки */
	margin-right: 10px; /* Расстояние между вкладками */
	text-align: center; /* Выровнять надпись по центру */

}

 .menu A {
  display: block;		/* Ссылка как блочный элемент */
  width: 100%;			/* Ссылка на всю ширину вкладки */
  height: 100%;			/* Ссылка на всю высоту вкладки */
  padding: 12px 0px		/* Поля для размещения текста по центру */
}
 .menu A:hover {

   -151px			/* Сдвигаем фон влево */
   0px				/* По вертикали оставляем на месте */
   no-repeat			/* Отображать фон без повторений */
}
#springen {
position:absolute;
top:220px;
left:280px;
z-index:2;
}
#map a {
display:block;
color:#FFFFFF;
text-decoration:none ;
font-family:"Trebuchet MS",Tahoma,Arial,Helvetica;
text-transform:none;
font-size: 12px;
cursor: hand;
border: 1px solid #FFFFFF;
width:157px;
padding-top: 3px;
padding-bottom: 3px;
margin:0px;
text-align: center;
}

#map a:visited{
display:block;
color:#FFFFFF;
text-decoration:none ;
font-family:"Trebuchet MS",Tahoma,Arial,Helvetica;
text-transform:none;
font-size: 12px;
cursor: hand;
border: 1px solid #FFFFFF;
width:157px;
padding-top: 3px;
padding-bottom: 3px;
margin:0px;
text-align: center;
}

#map a:active{
	display: block;
	color: #FFFFFF;
	background-color: InactiveCaptionText;
	text-decoration: none;
	font-family: "Trebuchet MS",Tahoma,Arial,Helvetica;
	text-transform: none;
	font-size: 12px;
	cursor: hand;
	border: 1px solid #FF0000;
	width: 157px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
}


#map a:hover {
display:block;
color:#000000;
background-color:#FFFFFF;
text-decoration:none ;
font-family:"Trebuchet MS",Tahoma,Arial,Helvetica;
text-transform:none;
font-size: 12px;
cursor: hand;
border: 1px solid #FF0000;
width:157px;
padding-top: 3px;
padding-bottom: 3px;
text-align: center;
}

#map
{
color: #009F00;
text-decoration:none ;
font-family:"Trebuchet MS",Tahoma,Arial,Helvetica;
font-size: 12px;
}





#mapv a {
display:block;
color:#000000;
text-decoration:none ;
font-family:Verdana;
font-size: 11px;
width:250px;
background: url(../dropdow/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
background-color:#FFFFFF;
padding: 4px 0 4px 20px; /*header text is indented 10px*/
border-top:solid 1px #CFCFCF;
letter-spacing: 1 px;
text-transform: none;
}

#mapv a:visited{
	color: #000000;
	text-decoration: none;
	font-family: Verdana;
	font-size: 11px;
	width: 250px;
	background-color: #FFFFFF;
	border-top: solid 1px #DFDFDF;
}

#mapv a:active{
color:#000000;
text-decoration:none;
font-family:Verdana;
font-size: 11px;
width:250px;
background-color:#CAE4FF;
border-top:solid 1px #FFFFFF;
}


#mapv a:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Verdana;
	font-size: 11px;
	width: 250px;
	background-color: #FFD5AE;
	border-top: solid 1px #FFFFFF;
}











#mapch a {
display:block;
color:#000000;
text-decoration:none ;
font-family:Verdana;
font-size: 11px;
width:250px;
background: url(../Images/sheck/check66.jpg) no-repeat center left; /*custom bullet list image*/
background-color:#FFFFFF;
padding: 4px 0 4px 20px; /*header text is indented 10px*/
border-top:solid 1px #CFCFCF;
letter-spacing: 1 px;
text-transform: none;
}

#mapch a:visited{
	color: #000000;
	text-decoration: none;
	font-family: Verdana;
	font-size: 11px;
	width: 250px;
	background-color: #FFFFFF;
	border-top: solid 1px #DFDFDF;
}

#mapch a:active{
color:#000000;
text-decoration:none;
font-family:Verdana;
font-size: 11px;
width:250px;
background-color:#CAE4FF;
border-top:solid 1px #FFFFFF;
}


#mapch a:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Verdana;
	font-size: 11px;
	width: 250px;
	background-color: #FFD5AE;
	border-top: solid 1px #FFFFFF;
}


.arrowlistmenu{
width: 180px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: black url(../dropdow/m11.jpg) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(../dropdow/m11.jpg);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
	color: #00008B;
	background: url(../dropdow/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
	display: block;
	padding: 2px 0;
	padding-left: 19px; /*link text is indented 19px*/
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #dadada;
	font-size: 110%;
}

.arrowlistmenu ul li a:visited{
	color: #00008B;
}

.arrowlistmenu ul li a:hover{
	color: #990000;
	background-color: #F3F3F3;
}
#titel {
	margin-left: 45px;
	/* [disabled]font-size: 15px; */
	color: black;
	margin-top: 20px;
}
#titel a {
 font-size: 15px;
}

#contents {
	font-size: 16px;
}
.button{
    font:15px Calibri, Arial, sans-serif;
 
    /* Полупрозрачная тень текста */
    text-shadow:1px 1px 0 rgba(255,255,255,0.4);
 
    /* Подчёркиваем ссылки */
    text-decoration:none !important;
    white-space:nowrap;
 
    display:inline-block;
    vertical-align:baseline;
    position:relative;
    cursor:pointer;
    padding:10px 20px;
 
    background-repeat:no-repeat;
 
    background-position:bottom left;
    background-image:url('button_bg.png');
 
    /* Цвет фонового изображения */
 
    background-position:bottom left, top right, 0 0, 0 0;
    background-clip:border-box;
 
    /* Закругленные углы кнопок 8px */
 
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
 
    /* Подсветка кнопки */
 
    -moz-box-shadow:0 0 1px #fff inset;
    -webkit-box-shadow:0 0 1px #fff inset;
    box-shadow:0 0 1px #fff inset;
 
    /* Анимация фонового изображения с CSS3 */
    /* В настоящее время работает только в Safari/Chrome */
 
    -webkit-transition:background-position 1s;
    -moz-transition:background-position 1s;
    -o-transition:background-position 1s;
    transition:background-position 1s;
}
 
.button:hover{
 
    background-position:top left;
    background-position:top left, bottom right, 0 0, 0 0;
}
.button.big        { font-size:30px;}
.button.medium    { font-size:18px;}
.button.small    { font-size:13px;}
 
/* Скругленные углы кнопок */
 
.button.rounded{
    -moz-border-radius:4em;
    -webkit-border-radius:4em;
    border-radius:4em;
}
/* Гоубая кнопка */
 
.blue.button{
    color:#0f4b6d !important;
 
    border:1px solid #84acc3 !important;
 
    /* Резервный цвет фона */
    background-color: #48b5f2;
 
    background-image:    url('button_bg.png'), url('button_bg.png'),
                        -moz-radial-gradient(    center bottom, circle,
                                                rgba(89,208,244,1) 0,rgba(89,208,244,0) 100px),
                        -moz-linear-gradient(#4fbbf7, #3faeeb);
 
    background-image:    url('button_bg.png'), url('button_bg.png'),
                        -webkit-gradient(    radial, 50% 100%, 0, 50% 100%, 100,
                                            from(rgba(89,208,244,1)), to(rgba(89,208,244,0))),
                        -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4fbbf7), to(#3faeeb));
}
 
.blue.button:hover{
    background-color:#63c7fe;
 
    background-image:    url('button_bg.png'), url('button_bg.png'),
                        -moz-radial-gradient(    center bottom, circle,
                                           rgba(109,217,250,1) 0,rgba(109,217,250,0) 100px),
                        -moz-linear-gradient(#63c7fe, #58bef7);
 
    background-image:    url('button_bg.png'), url('button_bg.png'),
                        -webkit-gradient(    radial, 50% 100%, 0, 50% 100%, 100,
                                            from(rgba(109,217,250,1)), to(rgba(109,217,250,0))),
                        -webkit-gradient(linear, 0% 0%, 0% 100%, from(#63c7fe), to(#58bef7));
}

#first a:link {
	FONT-SIZE: 12px;
	COLOR: #7830FF;
	FONT-FAMILY: Verdana, Tahoma,  Arial;
	TEXT-DECORATION: none;
}	
#first a:active {
	FONT-SIZE: 12px;
	COLOR: #FF00AE;
	FONT-FAMILY: Verdana, Tahoma,  Arial;
	TEXT-DECORATION: none;
}
#first a:hover {
	FONT-SIZE: 12px;
	COLOR: #FF00AE;
	FONT-FAMILY: Verdana, Tahoma,  Arial;
	TEXT-DECORATION: none;
}	
#first a:visited {
	FONT-SIZE: 12px;
	COLOR: #7830FF;
	FONT-FAMILY: Verdana, Tahoma,  Arial;
	TEXT-DECORATION: none;
}		

a.button {
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  width: 8%;
  text-shadow: rgba(255,255,255,.5) 0 -1px 0, rgba(0,0,0,.2) 0 .18em .15em;
  text-decoration: none;
  user-select: none;
  margin: .5em;
  margin-left: 37px;
  padding: .5em .6em .4em .6em;
  border-radius: 8px;
  border-top: 1px solid rgba(255,255,255,.1);
  border-bottom: 1px solid rgba(0,0,0,.1);
  outline: none;
  background: #a2cf70 radial-gradient(rgba(255,255,255,0), rgba(255,255,255,.5));
  box-shadow:
   inset rgba(255,255,255,.6) 0 .3em .3em,
   inset rgba(0,0,0,.2) 0 -.1em .3em,
   rgb(128,161,103) 0 7px 1px,
   rgba(0,0,0,.2) 0 .5em 5px;
  transition: background .2s ease-in-out;
}
a.button:hover {
  background-color: hsl(88, 70%, 75%);
}
a.button:active {
  top: .2em;
  color: rgba(254,255,255,.9);
  text-shadow: rgba(0,0,0,.2) 0 1px 2px;
  box-shadow:
   inset rgba(255,255,255,.6) 0 .3em .3em,
   inset rgba(0,0,0,.2) 0 -.1em .3em,
   rgba(0,0,0,.4) 0 .1em 1px,
   rgba(0,0,0,.3) 0 .2em 6px;
}
a.button:after {
  content:  "";
  position:  absolute; 
  width:   90%;
  height:  60%;
  top:   0;
  left:   5%;    
  border-radius:    .5em .5em 1em 1em / .5em .5em 2em 2em;
  background-image: linear-gradient(rgba(255,255,255,.55), rgba(255,255,255,.3)); 
}
.button:active:after {
  opacity: .6;
}