html, body {height: 100%;}

body {background: #000; position: relative; font-family: Arial, sans-serif; font-size: 14px; line-height: 24px; color: #ccc;}

.container {margin: 0 auto; position: relative; width: 1000px;}
	
#top {min-height: 100%; z-index: 1; position: relative; height: auto !important; height: 100%;}
#push {height: 208px; position: relative;}
#btm {height: 208px; margin-top: -208px; z-index: 2; position: relative;}
	#footer {position: relative;}
		#gray_footer {height: 132px; position: relative; background: #242424;}
			#logo2 {display: block; position: absolute; left: 20px; top: 22px; width: 267px; height: 69px;  background: url('../img/logo2.png') no-repeat;}
			.fooblo {position: absolute; line-height: 30px; top: 20px;}
				.fooblo_1 {left: 403px;}
				.fooblo_2 {left: 649px;}
				.fooblo_3 {left: 960px; width: 20px; top: 31px;}
					.soc {display: block; cursor: pointer; margin-bottom : 5px; float: left; width: 20px; height: 20px; background: #f65c18;}
						.soc_fb {background: url('../img/soc/fb.png') no-repeat;}
						.soc_gp {background: url('../img/soc/gp.png') no-repeat;}
						.soc_tw {background: url('../img/soc/tw.png') no-repeat;}
		#black_footer {font-size: 12px; line-height: 14px; padding-top: 28px; display: flex; flex-direction: row; justify-content: space-between;}
			#black_footer img {margin: 0 10px; position: relative; top: 4px;}
			#black_footer a {color: #444; text-decoration: none;}
			#black_footer a:hover {color: #ff6600;}
			#footer_menu {padding-top: 16px;}
			#footer_menu ul {display: flex; flex-direction: row; justify-content: space-between; list-style: none outside none; padding: 0; margin: 0;}
			#footer_menu li {padding: 0; margin: 0 30px 0 0;}

#languages {position: absolute; top: 15px; left: 20px;}
	#languages a {display: block; float: left; opacity: 0.6; border: 1px solid #7D7D7D; width: 16px; overflow: hidden; text-indent: -100px; height: 12px;}
		#languages a:hover, #languages a.crnt {opacity: 1;}
	#languages span {display: block; float: left; width: 10px; height: 14px; overflow: hidden; text-indent: -100px;}
	.flag_de {background: url('../img/lang/de.gif') no-repeat;}
	.flag_en {background: url('../img/lang/en.gif') no-repeat;}
	.flag_ru {background: url('../img/lang/ru.gif') no-repeat;}

.smallvisual {width: 100%; min-width: 1000px; position: relative; height: 257px; overflow: hidden;}
	.smallvisual .pane {height: 257px; background-position: center 107px; background-repeat: no-repeat;}

.bigvisual {width: 100%; min-width: 1000px; position: relative; height: 617px; overflow: hidden;}
	.bigvisual .pane {height: 617px; background-position: center center; background-repeat: no-repeat;}
	#logo {display: block; position: absolute; top: 15px; right: 0; width: 238px; height: 151px; background: url('../img/logo.png') no-repeat;}
	#mainmenu {position: absolute; top: 75px; left: 20px; width: 650px;}
		#mainmenu table {width: 100%;}
		#mainmenu td {width: 1px; white-space: nowrap; text-transform: uppercase; line-height: 14px;}
		#mainmenu td.dlm {width: auto;}
		#mainmenu a {color: #fff; text-decoration: none;}
		#mainmenu a:hover, #mainmenu a.crnt {color: #ff6600;}

.bigvisual .pane_nr {background-position: center 107px;}
	.bigvisual .pane_nr #logo, .smallvisual .pane #logo {background-color: #000;}

#searchform {background: #242424; line-height: 14px; height: 19px; padding: 7px 0;}
	#search_cap {padding-top: 2px; color: #ff6600; font-size: 16px; display: block; float: left; width:256px; margin-left: 20px;}
	.rmark {padding: 2px 0; width: 103px; display: block; float: left; margin-right: 12px; text-align: right; overflow: hidden;}
	#searchform .field { display: block; float: left; width: 155px;}
		#searchform .field input { background: #fff url('../img/cal.gif') no-repeat 134px 4px; color: #646464; padding: 3px 30px 3px 10px; width: 115px;}
	#searchform button {cursor: pointer; margin: -7px 0 -7px 24px; padding: 8px 0 9px 0; width: 160px; text-align: center; line-height: 16px; font-size: 16px; background: #ff6600;}

#sidemenu {position: absolute; width: 238px; top: 182px; right: 0;}
	#sidemenu ul {list-style: none outside none; padding: 0; margin: 0;}
	#sidemenu li {padding: 0; margin: 0 0 4px 0;}
	#sidemenu a {display: block; background: rgba(255,255,255,0.8); color: #000; padding: 13px 20px; line-height: 14px; text-transform: uppercase; text-decoration: none;}
		#sidemenu a.crnt, #sidemenu a:hover {color: #ed4800;}

#oversg {margin-top: -16px; position: relative; top: 16px;}
#sidegallery {margin: 0 -16px 0 0;}
	#sidegallery a {display: block; float: left; margin: 0 16px 16px 0; width: 238px; height: 238px;}

#main {padding: 16px 0;}
#maintext {padding: 0 20px;}
.text_blk {padding: 16px 0 16px 0;}
.wrp {width: 100%;}
	.left {width: 492px; background: #242424;}
	.right {width: 492px;}
		.right .dlm {height: 16px; overflow: hidden;}

#overzkz {margin: 15px 0; background: #242424; padding: 0 20px;} 
	#overzkz .text_blk {width: 600px;}

.angebot {width: 100%}
	.angebot td {font-size: 12px;}
	.headerr {background: #9a9a9a;}
		.headerr td {color: #000; line-height: 12px;  font-weight: bold; padding: 6px 20px;}
		.col2, .col3 {width: 1px; white-space: nowrap; text-align: center; padding-top: 15px;}
			.col2 {}
		.angebot_image {padding: 10px 10px 10px 20px; width: 117px; float: left; min-height: 80px;}
		.angebot_text {padding: 10px 10px 10px 0; line-height: 16px; float: left; width: 515px; min-height: 80px;}
			.angebot_text h2 {cursor: pointer; margin-top: -5px; position: relative; color: #ff6600; line-height: 30px; font-family: Arial, sans-serif; font-size: 22px; padding: 0 0 5px 0;}
			.angebot_text h2 img {position: absolute; left: -22px; top: 5px;}
			.angebot_text h2 span {position: relative; top: -2px;}
		.smallinfo {font-size: 11px; line-height: 14px; color: #8a8a8a; padding: 0; }
		.angebot_images {padding: 0 0 0 20px; }
			.angebot_images a {display: block; min-height: 20px; float: left; margin-right: 10px;}
			.angebot_fulltext {clear: both; padding: 10px 0;}

.angebot_price {font-size: 22px; line-height: 22px; color: #ff6600;}
.angebot_baseprice {color: #f60;}
.angebot_form select {border: 1px solid #dfdfdf; width: 60px; background: #fff;}
.angebot_forbutton {text-align: right; padding: 30px 0 70px 0;}
	.angebot_forbutton button, #anfragebutton button {cursor: pointer; min-width: 200px; color: #000; background: #f60; font-size: 16px; line-height: 16px; padding: 7px 20px; font-weight: bold; font-family: Arial, sans-serif; text-align: center; white-space: nowrap;}


.nobo td {border-width: 0; line-height: 14px;}
.nobo thead td {padding-bottom: 10px; font-weight: bold; padding-right: 20px;}
.nobo_cap {padding-right: 70px; white-space: nowrap;}
.over_addr_left {padding: 20px;}
#addr_left {float: left; width: 410px; min-height: 100px;}
.addr_right {padding-left: 430px; position: relative;}
.addr_right button {position: absolute; right: 0; top: -24px;}
.over_addr_left input, .over_addr_left textarea  {background: #525252; border: 1px solid #9a9a9a; color: #fff; padding: 2px 0;}
    .over_addr_left p {padding:5px 0 0 0; line-height: 20px; }
    .over_addr_left select {background: #525252;}
.fl {float: left}
.w200 {width: 200px}
.w60 {width: 60px}
    .w200 input {width: 198px;}
    .w60 input {width: 58px;}
    .w300 input {width: 298px;}
    .w100 input {width: 98px;}
    .w410 input, .w410 textarea {width: 408px;}
    .w410 textarea {height: 100px;}
.r10 {float: left; width: 10px; height: 10px;}
.error {color: #f00;}
.addr2cap {width: 133px;}
.dick {padding: 5px 0;}
.monselect_area {float: left; border: 1px solid #9a9a9a; width: 48px;}
.yearselect_area {float: left; border: 1px solid #9a9a9a; width: 68px;}
.cardtypeselect_area {float: left; border: 1px solid #9a9a9a; width: 198px;}
.yearselect_area select, .monselect_area select, .cardtypeselect_area select {color: #fff; width: 100%; height: 18px;}
.over_addr_left p.addr2message {padding: 20px 0 10px 0;}
.last_text {width: 100%;}

.success_over {margin-top: 20px; padding-bottom: 70px;}

.frm {float: left; width: 452px;}
.frm p {color: #ff6600; line-height: 14px; padding: 9px 0 3px 0;}
.frm input, .frm select {width: 280px; padding: 3px 5px; color: #fff; border: 1px solid #868686; background: transparent;}
	.frm_dfrom, .frm_dto {width: 112px; padding-right: 22px;}
		.frm_dfrom input, .frm_dto input {width: 100px;}
	.frm_plz {width: 98px; padding-right: 22px;}
		.frm_plz input {width: 88px;}
	.frm_ort {width: 168px;}
		.frm_ort input {width: 158px;}

.frm select {width: 294px; padding: 1px;}

.frm_comment {width: 100%;}
	.frm_comment textarea {width: 440px; height: 128px; padding: 3px 5px; color: #fff; border: 1px solid #868686; background: transparent;}

#anfragebutton {clear: both; text-align: right; padding: 21px 0 0 0;}
.err input {border-color: #f33;}


/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

/* custom fancybox */
.fancybox-title-float-wrap {right:auto; bottom: 0; left: 0; margin-bottom:0;}
.fancybox-title-float-wrap .child {margin: 0; background: transparent; padding: 0 0 10px 29px; line-height: 12px; font-size: 11px; font-weight: normal; text-shadow: none; color: #000; font-family: Arial, sans-serif;}
.fancybox-prev {left: -29px;}
.fancybox-next {right: -29px;}

/* custom UI */
.ui-widget {font-family: Arial, sans-serif; font-size: 12px; line-height: 12px;}
.ui-widget td {font-size: 12px;}