@charset "utf-8";
/* CSS Document */
body {
			margin-top: 0px;
			margin-bottom: 0px;
			background-color:#000;
			background-image: url(images/bg_page.jpg);
			background-repeat:repeat-x;
			background-position:top;
}

#wrap { 	
			width:884px;
			margin:0 auto; 
			background-image: url(images/bg_page.jpg);
			background-repeat:repeat-x;
			background-position:top;
			padding-left: 50px;
			padding-right: 50px;
}

#logo {
			width: 884px;
			height: 20px;
}

#menu {
			width: 882px;
			height: 48px;
}

#button {
			height: 48px;
			width: 146px;
			margin: auto;
			padding-top: 1px;
			float: left;
			z-index: 1;
}

#header {
			width: 884px;
			height: 365px;
			background-image:url(images/picture.png);
			background-repeat:no-repeat;
			background-position:center;
			margin-top: -1px;
}

#header2 {
			width: 884px;
			height: 365px;
			background-image:url(images/picture2.jpg);
			background-repeat:no-repeat;
			background-position:center;
			margin-top: -1px;
}

#blok {
			width: 334px;
			height: 117px;
			float: right;
			margin-top: 165px;
}

#blok2 {
			width: 340px;
			height: 146px;
			float: right;
			margin-top: 78px;
}

#content {
			margin-top: 10px;
			width: 884px;
			background-image: url(images/content_bg.jpg);
			background-position:top left;
			background-repeat:no-repeat;
			background-color: #141615;
}

#content_left {
			width: 538px;
			background-image:url(images/content_bg.jpg);
			background-position:top;
			background-repeat:no-repeat;
			background-color: #141615;
			float: left;			
			/*background-color:#FFFFFF;*/
			position: relative;
			left: 2px;
}

#content_left_text {
			width: 497px;
			padding-top: 20px;
			padding-bottom: 20px;
			padding-left: 20px;
			padding-right: 20px;
			color: #7a8c8e;
			font-size: 14px;
			font-family: Arial, Helvetica, sans-serif;
}

#content_right {
			width: 346px;
			float: left;
			background-image:url(images/right_bg_middle_expand.jpg);
			background-repeat:repeat-y;
			background-position:top;
			position: relative;
			left: 2px;
}

#content_right_top {
			width: 346px;
			height: 26px;
			background-image:url(images/right_bg_top.jpg);
			background-position:top;
			background-repeat:no-repeat;
}

#content_right_middle {
			width: 346px;
			background-image:url(images/right_bg_middle.jpg);
			background-position:top;
			background-repeat:no-repeat;
}

#content_right_text {
			width: 311px;
			padding-left: 25px;
			padding-right: 10px;
			text-align: center;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 26px;
			color: #FFF;
}

#content_right_bottom {
			width: 346px;
			height: 38px;
			background-image:url(images/right_bg_bottom.jpg);
			background-position:top;
			background-repeat:no-repeat;
}

#footer {
			width: 884px;
			height: 40px;
			color: #FFF;
			text-align: center;
			padding-top: 5px;
			clear: both;
}

.center {
			text-align: center;
}

.titel {
			font-size: 26px;
			color: #FFF;
}

.right {
			text-align: right;
}

.left {
			text-align: left;
}

ul, li {
	margin:0; 
	padding:0; 
	list-style:none;
}

.menu_class {
	border:0px solid #1c1c1c;
}

.the_menu {
	display:none;
	width:143px;
	border: 1px solid #1c1c1c;
}



.the_menu li {
	background-color: #302f2f;
}

.the_menu li a {
	color:#FFFFFF; 
	text-decoration:none; 
	padding:10px; 
	display:block;
}

.the_menu li a:hover {
	padding:10px;
	font-weight:bold;
	color: #F00;
}

.menu_class1 {
	border:0px solid #1c1c1c;
}

.the_menu1 {
	display:none;
	width:143px;
	border: 1px solid #1c1c1c;
}



.the_menu1 li {
	background-color: #302f2f;
}

.the_menu1 li a {
	color:#FFFFFF; 
	text-decoration:none; 
	padding:10px; 
	display:block;
}

.the_menu1 li a:hover {
	padding:10px;
	font-weight:bold;
	color: #F00;
}

.menu_class2 {
	border:0px solid #1c1c1c;
}

.the_menu2 {
	display:none;
	width:143px;
	border: 1px solid #1c1c1c;
}



.the_menu2 li {
	background-color: #302f2f;
}

.the_menu2 li a {
	color:#FFFFFF; 
	text-decoration:none; 
	padding:10px; 
	display:block;
}

.the_menu2 li a:hover {
	padding:10px;
	font-weight:bold;
	color: #F00;
}

form {
	font-size:1em;
	width: 500px;
	color:#FFFFFF;
	text-align:left;
	margin:1em auto;
	border: none;
}

/* Elements */

form  label,form legend{
	padding:0;
	margin:0.3em 0
}

form fieldset{
	padding:0.7em;
	margin:0 0 0.5em 0
}

form label {
    font-weight:bold
}

form fieldset input {
    width:70%;
    line-height:1.5em;
	padding:0.15em
}

form .radio input,
form .checkbox input {
    width:auto;
    border:none;
    margin:0 1.5em 0 0
 }

form input, form textarea, form select {
    display:block;
    margin-bottom:1em;
    font-size:1em;
    border:1px solid #bbb;
    padding:0.15em;
    margin-right:1em
 }

form .radio label, form .radio input,
form .checkbox label, form .checkbox input {
    display:inline;
    margin:0 1.5em 0 0
}

form .radio input, form .checkbox input {
    margin:0 0.3em 0 0
}

/* Button */

form button {
	margin:0.3em 0;
	border:1px solid #ccc;
	background-color:#eee;
	font-size:1em;
	cursor:pointer;
	padding:0.5em
}

form button:hover {
	background-color:#e6efc2;
	border:1px solid #c6d880;
	color:#529214
}

form button:active {
	background-color:#333;
	color:white;
	border:1px solid #000
}

/* information */

form .formInfo {
    margin-bottom:1em;
    padding-bottom:0.5em;
}

form .formInfo h2 {
	color:#00889e;
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:1em
}

form .formInfo p{
	text-align:justify
}

form .required {
	color:#ff3838;
	font-weight:bold;
	font-size:0.8em
}

input[type="hidden"] {
 	display:none;
}

.message-box { text-align: center; padding: 5px; color:#545454; width:80%;  margin:5px auto; }  

.clean { background-color: #efefef; border-top: 2px solid #dedede; border-bottom: 2px solid #dedede; } 
.info  { background-color: #f7fafd; border-top: 2px solid #b5d3ff; border-bottom: 2px solid #b5d3ff; } 
.ok    { background-color: #d7f7c4; border-top: 2px solid #82cb2f; border-bottom: 2px solid #82cb2f; } 
.alert { background-color: #fef5be; border-top: 2px solid #fdd425; border-bottom: 2px solid #fdd425; } 
.error { background-color: #ffcdd1; border-top: 2px solid #e10c0c; border-bottom: 2px solid #e10c0c; }
 
form .error { border: 2px solid #e10c0c; } /* js error class */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */

.black {
		color:#000000;
}