@charset "utf-8";
body  {
	margin: 0; /* рекомендуется использовать нулевое значение поля и отступа элемента body, чтобы учесть различные настройки по умолчанию для браузеров. */
	padding: 10px 0;
	text-align: center; /* выравнивает контейнер по центру в браузерах Internet Explorer 5*. Затем для текста задается по умолчанию выравнивание по левому краю в селекторе #container. */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #8992b0;
	font-size: 11pt;
	color: #000000;
}
#container {
	width: 90%;  /* будет создан контейнер размером 80% от ширины окна браузера. */
	min-width: 80%; /* Минимальная ширина контейнера */
	margin: 0 auto; /* автоматические поля (совместно с шириной) выравнивают страницу по центру. */
	text-align: left; /* переопределяет свойство text-align: выравнивание элемента body по центру. */
	background: #ffffff;
}
#top {
	padding: 4px;
  color: #ffffff;
	font-size: 80%;
	text-align: right;
	background: #333366;
  border-bottom: 1px solid #ffffff;
}
#header { 
	height: 140px;
	padding: 0;
	text-align: left; 
  color: #ffffff;
	font-weight: bold;
	background: #333366;
	}
#line {
	padding: 4px;
  color: #ffffff;
	font-size: 80%;
	text-align: right;
	background: #333366;
  border-top: 1px solid #ffffff;
  border-bottom: 8px solid #8992b0;
}
#sidebar1 {
	float: left;
	width: 20%; /* поскольку этот элемент является обтекаемым, необходимо задать ширину. */
	min-width: 200px;
	text-align: center;
	padding: 15px 10px; /* верхний и нижний отступы создают визуальное пространство в этом элементе div.  */
	margin: 10px;
	background: #ffffff;
}
.menu_1 {
	background: #333366;
}
.menu_2 {
	height: 600px;
	background: #333366;

}
/* Советы по элементу mainContent:
1. Пространство между элементами mainContent и sidebar1 создается путем добавления левого поля к элементу mainContent div. Пространство этой колонки сохранится, несмотря на объем содержимого элемента sidebar1 div. Это левое поле можно удалить, чтобы текст элемента #mainContent div заполнял пространство #sidebar1, если содержимое элемента #sidebar1 закончится.
2. Чтобы избежать выпадения потока при поддерживаемом минимальном разрешении 800 x 600, размер элементов в блоке mainContent div не должен превышать 430 пикселов (это относится и к изображениям).
3. В условном комментарии к Internet Explorer ниже свойство zoom используется для присвоения элементу mainContent значения "hasLayout". Это позволяет предотвратить несколько специфичных для Internet Explorer ошибок.
*/
#mainContent {
	min-width: 540px;
	margin: 0 2% 0 24%; /* размер правого поля можно задать в процентах или пикселах. Данное значение создает пространство с правой стороны страницы. */
	padding: 15px 10px;
} 
#footer { 
	padding: 0 10px; /* это значение отступа соответствует выравниванию по левому краю элементов в блоках div, расположенных над ним. */
} 
#footer_p {
	text-align: center;
	font-size: 10px;
	margin: 0; /* нулевые поля первого элемента в нижнем колонтитуле позволят избежать возможного сжатия полей, то есть появления пространства между элементами div. */
	padding: 10px 0; /* добавление отступа к данному элементу создаст пробел (так, как он был бы создан с помощью поля), не вызывая при этом проблемы сжатия полей. */
}
/* Прочие классы для повторного использования */
.fltrt { /* этот класс можно использовать для обтекания элемента справа на странице. Обтекаемый элемент должен предшествовать элементу, рядом с которым он должен размещаться на странице. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* этот класс можно использовать для обтекания элемента слева на странице. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* этот класс нужно применять к элементу div или break; он должен быть последним элементом перед концом контейнера, который должен полностью вмещать поток. */
	clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
}
/* ---------------- Paragraph -------------------------- */
.title {
	font-weight: bold;
	font-size: 110%;
	color: #666699;
}
.bold {
	font-weight: bold;
}
.list {
	padding-left: 10px;
	text-indent: 10px;
}
/* ----------------Immage-------------------------- */
img {
  border: 0px;
}
.label {
  border: 1px solid #8992b0;
}
/* ----------------Links-------------------------- */
.top {
	color: #ffffff;
	text-decoration: none;
}
.title {
	text-decoration: none;
  border-width: 0px;
}
.icon {
	text-decoration: none;
	text-align: left;
	color: #333366;
}
.icon:hover {
	color: #3399cc;
	text-decoration: underline;
}
.go {
	color: #333366;
	text-decoration: none;
}
.go:hover {
	color: #3399cc;
	text-decoration: none;
}
.link {
	text-align: left;
	color: #990000;
}
.link:hover {
	color: #3399cc;
	text-decoration: underline;
}
.menu {
	text-align: left;
	color: #ffffff;
	text-decoration: none;
}
.menu:hover {
	color: #ffffff;
	text-decoration: underline;
	}
.footer {
	text-align: left;
	color: #003366;
	text-decoration: none;
}
/* ---------------- list  -------------------------- */
ul {
  list-style: square inside; /* Квадратные маркеры background: url('/bild/menu.gif');*/
  text-align: justify;
	padding-left: 10px;
}
li {
	padding: 5px 0px;
}
#ul_menu {
  list-style: none;
  color: #003366;
  padding: 20px 2px 20px 10px;
  margin: 0px;
}
/*-----------------       ------------------------------*/
hr {
  color: #333366;
}