body{
		background: #eee;
		font: 13px 'trebuchet MS', Arial, Helvetica;
	} 
	h1 { margin-top:1px; font: 25px Arial, Helvetica; color:#005eff;
		
	}
	
	h2, p {
		text-align: center;
		color: #444;
		text-shadow: 0 1px 0 #fff;	
	}
	
	a {
		color: #2A679F;
	}
	
	/* You don't need the above styles, they are demo-specific ----------- */ 
	.text_ges {
		text-align: left;			
	}
	
	#text {font: bold 20px Arial, Helvetica; color:#F5FFFA;text-indent:150px; padding-top:2px;padding-right:8px;} 
	#text_1 {font: bold 20px Arial, Helvetica; color:#F5FFFA;text-indent:8px; padding-top:15px;padding-right:8px;}  
	#text-footer {font: 12px Arial, Helvetica; color:#F5FFFA; } 
	.text_i{font: 14px Arial, Helvetica; color:#000fff;} 
	.text_rot{color:#ff0000;}
	
	/*LINIE*/
    #hr {
  background:red;/* Firefox, Opera*/
  color:blue; /* IE */
  border:0px;
  height:1px; /* IE, Firefox, Opera */
  clear:both;
}
#text_con {font: bold 14px Arial, Helvetica; color:#000000;padding:8px;text-align:justify;

}
#text_tab { text-align:left;}
#text_tab1 { text-align:left;font: bold 14px Arial, Helvetica; color:#0000ff;} 
#text_tab2 { text-align:left;font: bold 12px Arial, Helvetica; color:#00d700;}


/*------------------------*/
div.hr hr {display:none;}
div.hr {
  border-top:1px #ccc solid;
  height:1px;font-size:0px;
  line-height:0px;
  margin-bottom:-1px;
  clear:both;
}
	#menu, #menu ul {
		margin: 0;
		padding: 0;
		list-style: none;
	} 
   /*LINIE_END*/	
	
	#menu {
		width: 100%;
		
		border: 1px solid #222;
		background-color: #111;
		background-image: -moz-linear-gradient(#444, #111); 
		background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));	
		background-image: -webkit-linear-gradient(#444, #111);	
		background-image: -o-linear-gradient(#444, #111);
		background-image: -ms-linear-gradient(#444, #111);
		background-image: linear-gradient(#444, #111);
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
		-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
		box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
	} 
	
		#footer {
		width: 100%;
		
		border: 1px solid #222;
		background-color: #111;
		background-image: -moz-linear-gradient(#444, #111); 
		background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));	
		background-image: -webkit-linear-gradient(#444, #111);	
		background-image: -o-linear-gradient(#444, #111);
		background-image: -ms-linear-gradient(#444, #111);
		background-image: linear-gradient(#444, #111);
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
		-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
		box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
	}
	
	#menu:before,
	#menu:after {
		content: "";
		display: table;
	}
	
	#menu:after {
		clear: both;
	}
	
	#menu {
		zoom:1;
	}
	
	#menu li {
		float: left;
		border-right: 1px solid #222;
		-moz-box-shadow: 1px 0 0 #444;
		-webkit-box-shadow: 1px 0 0 #444;
		box-shadow: 1px 0 0 #444;
		position: relative;
	}
	
	#menu a {
		float: left;
		padding: 22px 30px;/* menu breit*/
		color: #999;
		text-transform: uppercase;
		font: bold 12px Arial, Helvetica;
		text-decoration: none;
		text-shadow: 0 1px 0 #000;
	}
	
	#menu li:hover > a {
		color: #fafafa;
	}
	
	*html #menu li a:hover { /* IE6 only */
		color: #fafafa;
	}
	
	#menu ul {
		margin: 20px 0 0 0;
		_margin: 0; /*IE6 only*/
		opacity: 0;
		visibility: hidden;
		position: absolute;
		top: 68px;/* abstand von oben, für 2 menu*/
		left: 0;
		z-index: 9999;    
		background: #444;
		background: -moz-linear-gradient(#444, #111);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
		background: -webkit-linear-gradient(#444, #111);    
		background: -o-linear-gradient(#444, #111);	
		background: -ms-linear-gradient(#444, #111);	
		background: linear-gradient(#444, #111);
		-moz-box-shadow: 0 -1px rgba(255,255,255,.3);
		-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);
		box-shadow: 0 -1px 0 rgba(255,255,255,.3);	
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;  
	}

	#menu li:hover > ul {
		opacity: 1;
		visibility: visible;
		margin: 0;
	}
	
	#menu ul ul {
		top: 0;
		left: 176px;
		margin: 0 0 0 20px;
		_margin: 0; /*IE6 only*/
		-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
		-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
		box-shadow: -1px 0 0 rgba(255,255,255,.3);		
	}
	
	#menu ul li {
		float: none;
		display: block;
		border: 0;
		_line-height: 0; /*IE6 only*/
		-moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
		-webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
		box-shadow: 0 1px 0 #111, 0 2px 0 #666;
	}
	#menu ul li.text {
		float: none;
		display: block;
		border: 0;
		_line-height: 0; /*IE6 only*/
		-moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
		-webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
		box-shadow: 0 1px 0 #111, 0 2px 0 #666;
	}
	#menu ul li:last-child {   
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;    
	}
	
	#menu ul a {    
		padding: 10px;
		width: 150px;
		_height: 10px; /*IE6 only*/
		display: block;
		white-space: nowrap;
		float: none;
		text-transform: none; 
		margin: 10 0 0;
	}
	
	#menu ul a:hover {
		background-color: #0186ba;
		background-image: -moz-linear-gradient(#04acec,  #0186ba);	
		background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
		background-image: -webkit-linear-gradient(#04acec, #0186ba);
		background-image: -o-linear-gradient(#04acec, #0186ba);
		background-image: -ms-linear-gradient(#04acec, #0186ba);
		background-image: linear-gradient(#04acec, #0186ba);
	}
	
	#menu ul li:first-child > a {
		-moz-border-radius: 3px 3px 0 0;
		-webkit-border-radius: 3px 3px 0 0;
		border-radius: 3px 3px 0 0;
	}
	
	#menu ul li:first-child > a:after {
		content: '';
		position: absolute;
		left: 40px;
		top: -6px;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-bottom: 6px solid #444;
	}
	
	#menu ul ul li:first-child a:after {
		left: -6px;
		top: 50%;
		margin-top: -6px;
		border-left: 0;	
		border-bottom: 6px solid transparent;
		border-top: 6px solid transparent;
		border-right: 6px solid #3b3b3b;
	}
	
	#menu ul li:first-child a:hover:after {
		border-bottom-color: #04acec; 
	}
	
	#menu ul ul li:first-child a:hover:after {
		border-right-color: #0299d3; 
		border-bottom-color: transparent; 	
	}
	
	#menu ul li:last-child > a {
		-moz-border-radius: 0 0 3px 3px;
		-webkit-border-radius: 0 0 3px 3px;
		border-radius: 0 0 3px 3px;
	}  
	#menu.f{ text-indent:150px; }
	#fixed-nav{ z-index: 9999; position: fixed; left: 0; top: 0; }  
	
	#ugolkrug{
  width:270px; /* Длина фигуры */
/* height:100px; *//* Высота фигуры */
 color: #0000; /* цвет текста */
 background:#FFFFFF; /* фон блока */
 border: 3px #CCCCCC solid; /* стили рамки */
 -moz-border-radius: 10px; /* закругление для старых Mozilla Firefox */
 -webkit-border-radius: 10px; /* закругл. для старых Chrome и Safari */
 -khtml-border-radius:10px; /* закругл. для браузера Konquerer системы Linux */
 border-radius: 10px; /* закругление углов для всех, кто понимает */
 padding: 5px; /* внутренние отступы */ 
 margin-top: 50px;
 font: 15px Arial, Helvetica; color:#000059;

} 
#ugolkrug1{
  width:211px; /* Длина фигуры */
/* height:100px; *//* Высота фигуры */
 color: #0000; /* цвет текста */
 background:#FFFFFF; /* фон блока */
 border: 3px #CCCCCC solid; /* стили рамки */
 -moz-border-radius: 10px; /* закругление для старых Mozilla Firefox */
 -webkit-border-radius: 10px; /* закругл. для старых Chrome и Safari */
 -khtml-border-radius:10px; /* закругл. для браузера Konquerer системы Linux */
 border-radius: 10px; /* закругление углов для всех, кто понимает */
 padding: 5px; /* внутренние отступы */ 
 margin-top: 50px;
 font: 15px Arial, Helvetica; color:#000059;
} 

 .boxShadowkrug { 
  margin: 2.5em auto 1em;
  padding: 1em;
  border: 1px solid #ccc;
  box-shadow: 0px 3px 10px 5px rgba(0, 0, 0, .2);
}  
 .vertical{vertical-align: top;}

.fixed-nav{ z-index: 9999; position: fixed; left: 0; top: 0; width: 100%;} 
/*Tabelle_Inhalt*/

/*Tabelle_Inhalt_END*/
/*BORDER*/
a img {
 
    border: none; /* Убираем рамку */ /* Рамка вокруг изображения-ссылки */
   }         
 
   #img-radius {
 border:3px solid #85A0C9;
 border-radius: 30px;
 -webkit-border-radius: 30px;
 -moz-border-radius: 30px;
}  

.boxShadow2 {
  margin: 10px auto;
  padding: 1em;
  box-shadow:
   0 1px 4px rgba(0, 0, 0, .3),
   -23px 0 20px -23px rgba(0, 0, 0, .8),
   23px 0 20px -23px rgba(0, 0, 0, .8),
   0 0 40px rgba(0, 0, 0, .1) inset;
} 
.boxShadow3 {
  margin: 10px auto;
  padding-top: 2px ;/*1em*/
  padding-bottom: 5px;
  padding-left: 12px;
  padding-right: 12px; 
  box-shadow:
   0 1px 4px rgba(0, 0, 0, .3),
   -23px 0 20px -23px rgba(0, 0, 0, .8),
   23px 0 20px -23px rgba(0, 0, 0, .8),
   0 0 40px rgba(0, 0, 0, .1) inset;
} 

IMG.fig {
    float: left; /* Обтекание картинки по левому краю */
    padding-left: 1px; /* Отступ слева */
    padding-bottom: 1px; /* Отступ снизу */
   }  
    IMG.verh {position:fixed; top:1px; left:50px;}
   .photo2 {
    display: inline-block; /* ???????-??????? ??????? */
    position: relative; /* ????????????? ???????????????? */
   } 
    
   }
    .photo2 {
    display: inline-block; /* ???????-??????? ??????? */
    position: relative; /* ????????????? ???????????????? */
   } 

   .photo2:hover::after {
    content: attr(data-title); /* ??????? ????? */
    position: absolute; /* ?????????? ???????????????? */
    left: 0; right: 0; bottom: 15px; /* ????????? ????????? */
    z-index: 1; /* ?????????? ????????? ?????? ?????? ????????? */
    background: rgba(0,42,167,0.6); /* ?????????????? ???? ???? */
    color: #fff; /* ???? ?????? */
    text-align: center; /* ???????????? ?????? ?? ?????? */
    font-family: Arial, sans-serif; /* ????????? ?????? */
    font-size: 10px; /* ?????? ?????? ????????? */
    padding: 3px 3px; /* ???? */
    border: 1px solid #333; /* ????????? ????? */
   }  
   .photo1{
    display: inline-block; /* ???????-??????? ??????? */
    position: relative; /* ????????????? ???????????????? */
   } 
 .photo1:hover::after {
    content: attr(data-title); /* ??????? ????? */
    position: absolute; /* ?????????? ???????????????? */
    left: 0; right: 0; bottom: 30px; /* ????????? ????????? */
    z-index: 1; /* ?????????? ????????? ?????? ?????? ????????? */
    background: rgba(0,42,167,0.6); /* ?????????????? ???? ???? */
    color: #fff; /* ???? ?????? */
    text-align: center; /* ???????????? ?????? ?? ?????? */
    font-family: Arial, sans-serif; /* ????????? ?????? */
    font-size: 10px; /* ?????? ?????? ????????? */
    padding: 3px 3px; /* ???? */
    border: 1px solid #333; /* ????????? ????? */
   }
   A {
 color: #000000; /* Öâĺň îáű÷íîé ńńűëęč */ 
 text-decoration: none; /* Óáčđŕĺě ďîä÷ĺđęčâŕíčĺ ó ńńűëîę */
}
A:visited {
 color:#000000; /* Öâĺň ďîńĺůĺííîé ńńűëęč */
} 
A:hover {
 color: #ff0000; /* Öâĺň ńńűëęč ďđč íŕâĺäĺíčč íŕ íĺĺ ęóđńîđŕ ěűřč */ 
 /*text-decoration: underline ;*/ /* Äîáŕâë˙ĺě ďîä÷ĺđęčâŕíčĺ */ 
 } 
/*POdskazka*/
.tooltip {
			border-bottom: 1px; color: #000000; outline: none;
			cursor: help; text-decoration: none;
			position: relative;
		}
		.tooltip span {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; left: 15em; top: 0em; z-index: 99;
			margin-left: 0; width: 200px;
		}
		.tooltip:hover img {
			border: 0; margin: -5px 15 0 -10px;
			float: left; 
		}
		.tooltip:hover em {
			font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
			display: block; padding: 0.2em 0 0.6em 0;
		}
		.classic { padding: 0.8em 1em; }
		.custom { padding: 0.5em 0.8em 0.8em 2em; }
		* html a:hover { background: transparent; }
		.classic {background: #E7E7E7; border: 1px solid #f3edff; }
		.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
		.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.warning { background: #FFFFAA; border: 1px solid #FFAD33; } 
		/*TABELLE*/ 
		.demotable {
  /*border-collapse: collapse;*/
 /* border: 2px solid;*/
}
.demotable th, .demotable td {
 /* border: 1px solid;*/
}
.demotable td:empty {
  background: #ccc;
}
.demotable th {
  background: #f5f8ec;
}
.demotable tr:hover td:not(:empty) {
  background: #B8B8B8;
}
.demotable tr:nth-child(n+2):hover th {
  background: #d5e0cc;
}
		/*TABELLE_END*/ 
		/*BORDER*/
.bord  { border: 1px solid #333;}	
             /*BORDER_END*/