@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800italic,800,700italic,700,600italic,600,400italic,300italic,300);

@import url("reset.css");
@import url("menu_de.css");
@import url("buttons.css");

p { padding: 0; margin: 0 0 15px 0; }
br { margin: 0; padding: 0; }

a { outline: none; color: #1a7fad; text-decoration: underline; }
a:hover { outline: none; color: #000; text-decoration: underline; }
a:focus { outline:none; }

.clearfix {
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	font-size: 0;
	height: 0;
}
/***********************************************/
/* Basic                                       */
/***********************************************/
body {
	margin: 0;
	padding: 0;
	font-family: "Segoe Ui", Arial, Tahoma;
	font-size: 12px;
	line-height: 16px;
	background: url(../images/bg.gif) center top no-repeat #344248;
	color: #303030;
}
#container {
	width: 100%;
}
#container #header {
	width: 100%;
	height: 100px;
	background: url(../images/header.gif) left top repeat-x #344248;
}
#container #header .content {
	width: 940px;
	height: 100px;
	margin: 0 auto;
	position: relative;
}
#container #header .content h1 {
	width: 420px;
	height: 27px;
	display: block;
	position: absolute;
	top: 15px;
	left: 13px;
	text-indent: -9999px;
	background: url(../images/logo_de.gif) left top no-repeat;
}
#container #header .content h1 a,
#container #header .content h1 a:hover {
	width: 395px;
	height: 27px;
	display: block;
	text-indent: -9999px;
}
#container #header .content #menu {
	width: 940px;
	height: 39px;
	position: absolute;
	bottom: 0;
	left: 0;
}
#container #header .content #lang {
	width: 78px;
	height: 31px;
	position: absolute;
	top: 15px;
	right: 3px;
}
#container #header .content .badge {
	width: 251px;
	height: 63px;
	position: absolute;
	top: 0;
	right: 100px;
	background: url(/images/img_badge_de.png) left top no-repeat;
}
#container #cover {
	width: 940px;
	height: 364px;
	margin: 0 auto;
	background: url(../images/cover.gif) left top repeat-x;
	position: relative;
}
#container #cover .item {
	width: 634px;
	height: 364px;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
#container #cover .info {
	width: 256px;
	height: 324px;
	padding: 20px 25px;
	color: #fff;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 14px;
	line-height: 18px;
}
#container #cover .info h2 {
	width: auto;
	font-size: 30px;
	line-height: 30px;
	font-weight: normal;
	margin: 0 0 14px 0;
}
#container #cover .info .navigation {
	width: 256px;
	text-align: center;
	position: absolute;
	bottom: 20px;
	left: 25px;
}
#container #cover .info .navigation img {
	margin: 0 1px;
}
#container #main {
	width: 940px;
	margin: 0 auto;
	padding: 0 0 0 0;
	background: #f5f7f5;
}
#container #main .head {
	width: 910px;
	padding: 0 15px;
	margin: 0 0 20px 0;
	background: url(../images/main_head.gif) left top repeat-x;
}
#container #main .nomargin {
	margin: 0;
}
#container #main .head h2 {
	width: auto;
	color: #fff;
	font-family: 'Open Sans';
	font-weight: 800;
	text-transform: uppercase;
	font-size: 18px;
	height: 64px;
	line-height: 64px;
}
#container #main .head h2 span {
	font-size: 14px;
}
#container #main .tags {
	width: 900px;
	padding: 20px 20px 10px 20px;
	margin: 0 0 20px 0;
	background: #f4f0e9;
	border-bottom: 1px solid #d6dad9;
}
#container #main .tags h4 {
	color: #f78e01;
	font-size: 14px;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px dotted #c4c4c1;
}
#container #main .tags a,
#container #main .tags a:hover {
	margin: 0 15px 0 0;
	padding: 0 0 0 11px;
	color: #344248;
	text-decoration: none;
	line-height: 25px;
	background: url(../images/bull_tag.gif) left 4px no-repeat;
}
#container #main .tags a:hover {
	text-decoration: underline;
}

#container #main .images {
	width: 900px;
	margin: 0 auto;
}
#container #main .images .box {
	width: 196px;
	height: 196px;
	padding: 6px;
	border: 1px solid #b1c0b4;
	float: left;
	margin: 0 20px 20px 0;
	background: #fff;
}
#container #main .images .no {
	margin: 0 0 20px 0;
}
#container #main .images table {
	width: 196px;
	height: 196px;
	font-size: 0;
	line-height: 0;
	background: #f0f0f0;
}

#container #main .navigation {
	width: 900px;
	padding: 15px 20px;
	border-top: 1px solid #d6dad9;
	overflow: hidden;
	font-size: 10px;
}
#container #main .navigation a.page,
#container #main .navigation a:hover.page {
	width: 22px;
	height: 20px;
	margin: 0 10px 0 0;
	padding: 2px 0 0 0;
	display: block;
	float: left;
	color: #858585;
	text-decoration: none;
	text-align: center;
	background: url(../images/pages.gif) left top no-repeat;
}
#container #main .navigation a:hover.page {
	background: url(../images/pages.gif) left -22px no-repeat;
}
#container #main .navigation a.on,
#container #main .navigation a:hover.on {
	width: 22px;
	height: 20px;
	margin: 0 10px 0 0;
	padding: 2px 0 0 0;
	display: block;
	float: left;
	text-decoration: none;
	text-align: center;
	color: #fff;
	background: url(../images/pages.gif) left bottom no-repeat;
}

#container #main .ajanlat {
	width: 940px;
	background: url(../images/ajanlat.gif) left top repeat-y;
}
#container #main .ajanlat .form {
	width: 520px;
	float: left;
	padding: 20px;
}
#container #main .ajanlat .form .line {
	width: auto;
	font-size: 0;
	line-height: 0;
	border-bottom: 1px dotted #adadad;
	margin: 0 0 15px 0;
}
#container #main .ajanlat .form .item {
	width: 520px;
	margin: 0 0 15px 0;
	overflow: hidden;
}
#container #main .ajanlat .form .item label {
	width: 95px;
	padding: 4px 20px 0 0;
	display: block;
	float: left;
	text-align: right;
}
#container #main .ajanlat .form .item span {
	color: #fe4e04;
}
#container #main .ajanlat .form .item input.input {
	width: 276px;
	height: 27px;
	padding: 0 10px;
	float: left;
	display: block;
	border: 0;
	color: #555;
	font-family: "Segoe Ui", Arial, Tahoma;
	background: url(../images/input.gif) left top no-repeat;
}
#container #main .ajanlat .form .item .textfield {
	width: 276px;
	height: 137px;
	padding: 10px;
	float: left;
	display: block;
	border: 0;
	color: #555;
	font-family: "Segoe Ui", Arial, Tahoma;
	background: url(../images/textarea.gif) left top no-repeat;
}
#container #main .ajanlat .form .item .note {
	width: 254px;
	float: left;
	font-size: 10px;
	font-style: italic;
	margin: 5px 0 0 0;
}
#container #main .ajanlat .info {
	width: 340px;
	float: right;
	padding: 20px;
}
#container #main .ajanlat .info {
	width: 340px;
	float: right;
	padding: 20px;
}
#container #main .ajanlat .info h3 {
	width: auto;
	font-size: 14px;
	text-transform: uppercase;
	margin: 0 0 15px 0;
}

#container #main .contact {
	width: 940px;
}
#container #main .contact .map {
	width: 360px;
	height: 387px;
	padding: 10px;
	background: #fff;
	float: right;
}
#container #main .contact .map div {
	width: auto;
	padding: 5px 0 0 0;
}
#container #main .contact .data {
	width: 260px;
	margin: 20px 0 0 20px;
	float: left;
	font-size: 14px;
	line-height: 20px;
}
#container #main .contact .data ul {
	width: 260px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#container #main .contact .data ul li {
	margin: 0 0 12px 0;
	padding: 0 0 0 13px;
	background: url(../images/bull_orange_2.gif) left 6px no-repeat;
}
#container #main .contact .data ul li span {
	width: auto;
	font-weight: bold;
	display: block;
}

#container #main .actions,
#container #main .services {
	width: 900px;
	margin: 0 auto;
	min-height:200px;
	height:auto !important;
	height:200px;
}
#container #main .services .box {
	width: 210px;
	height: 210px;
	float: left;
	margin: 0 20px 20px 0;
	font-size: 0;
	line-height: 0;
	position: relative;
}
#container #main .services .no {
	margin: 0 0 20px 0;
}
#container #main .services .box .round {
	width: 210px;
	height: 210px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/round.png) left top no-repeat;
}
#container #main .services .box .btn_ref {
	width: 210px;
	height: 42px;
	display: block;
	font-size: 0;
	line-height: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../images/buttons/btn_ref.png) left top no-repeat;
}
#container #main .services .box .title {
	width: 200px;
	height: 42px;
	padding: 0 0 0 10px;
	display: block;
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	color: #fff;
	display: table;
	position: absolute;
	bottom: 0;
	left: 0;
}
#container #main .services .box .title div {
	display: table-cell;
	text-align: left;	
	vertical-align: middle;
	padding: 0 20px 0 0;
}

#container #main .services .btn_redony,
#container #main .services .btn_reluxa,
#container #main .services .btn_szunyoghalo,
#container #main .services .btn_szalagfuggony,
#container #main .services .btn_napellenzo,
#container #main .services .btn_vaszonrolo,
#container #main .services .btn_kulsozsalu, 
#container #main .services .btn_plisze,
#container #main .services .btn_harmonika,
#container #main .services .btn_biztonsagi {
	width: 210px;
	height: 42px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../images/buttons/btn_redony.jpg) left top no-repeat;
}
#container #main .services .btn_reluxa { background-image: url(../images/buttons/btn_reluxa.jpg); }
#container #main .services .btn_szunyoghalo { background-image: url(../images/buttons/btn_szunyoghalo.jpg); }
#container #main .services .btn_szalagfuggony { background-image: url(../images/buttons/btn_szalagfuggony.jpg); }
#container #main .services .btn_napellenzo { background-image: url(../images/buttons/btn_napellenzo.jpg); }
#container #main .services .btn_vaszonrolo { background-image: url(../images/buttons/btn_vaszonrolo.jpg); }
#container #main .services .btn_kulsozsalu { background-image: url(../images/buttons/btn_kulsozsalu.jpg); }
#container #main .services .btn_plisze { background-image: url(../images/buttons/btn_plisze.jpg); }
#container #main .services .btn_harmonika { background-image: url(../images/buttons/btn_harmonika.jpg); }
#container #main .services .btn_biztonsagi { background-image: url(../images/buttons/btn_harmonika.jpg); }

#container #main .actions .box {
	width: 430px;
	height: 199px;
	float: left;
	padding: 0 0 20px 0;
	margin: 0 40px 20px 0;
	border-bottom: 1px dotted #b1c0b4;
}
#container #main .actions .no {
	margin: 0 0 20px 0;
}
#container #main .actions .last {
	border: 0;
	padding-bottom: 0;
}
#container #main .actions .box .image {
	width: 185px;
	padding: 6px;
	float: left;
	background: #fff;
	border: 1px solid #b1c0b4;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}
#container #main .actions .box .image img {
	width: 185px;
}
#container #main .actions .box .txt {
	width: 216px;
	float: right;
	padding: 2px 0 0 0;
}
#container #main .actions .box .txt h4 {
	width: auto;
	font-size: 15px;
	color: #fe4e04;
	margin: 0 0 3px 0;
}
#container #main .actions .box .txt .price {
	width: auto;
	color: #f78e01;
	margin: 0 0 2px 0;
	font-weight: bold;
}
#container #main .actions .box .txt .date {
	width: auto;
	margin: 0 0 10px 0;
}

#container #main .subpage {
	width: 940px;
}
#container #main .subpage .sidebar {
	width: 280px;
	padding: 10px;
	float: left;
	background: #fff;
	font-size: 0;
	line-height: 0;
}
#container #main .subpage .sidebar img {
	width: 280px;
	height: 280px;
	display: block;
	margin: 0 0 10px 0;
}
#container #main .subpage .sidebar img.last {
	margin: 0 0 0 0;
}
#container #main .subpage .content {
	width: 580px;
	padding: 30px;
	float: right;
}
#container #main .subpage .content h3,
#container #main .contact h3 {
	width: auto;
	font-size: 14px;
	font-weight: bold;
	color: #434343;
	margin: 0 0 20px 0;
	text-transform: uppercase;
}
#container #main .subpage .content h3.action {
	color: #fe4e04;
	margin: 0 0 3px 0;
}

#container #main .subpage .content h1,
#container #main .subpage .content h2,
#container #main .subpage .content h3,
#container #main .subpage .content h4,
#container #main .subpage .content h5,
#container #main .subpage .content h6 {
	width: auto;
	font-size: 14px;
	font-family: 'Open Sans';
	font-weight: 800;
	color: #434343;
	margin: 0 0 20px 0;
	text-transform: uppercase;
}
#container #main .subpage .content ul {
	width: auto;
	margin: 0 0 20px 0;
	padding: 0;
	list-style-type: none;
}
#container #main .subpage .content ul li {
	margin: 0 0 6px 0;
	padding: 0 0 0 13px;
	background: url(../images/bull_orange_2.gif) left 4px no-repeat;
}
#container #main .subpage .content h1 { font-size: 15px; border-bottom: 1px dotted #ccc; padding: 5px 0 10px 0; }
#container #main .subpage .content h2 { font-size: 15px; }
#container #main .subpage .content h3 { font-size: 15px; color: #ffa800; text-transform: none; }
#container #main .subpage .content h4 { font-size: 14px; color: #ffa800; text-transform: none; }
#container #main .subpage .content h5 { font-size: 13px; color: #ffa800; text-transform: none; }
#container #main .subpage .content h6 { font-size: 12px; color: #ffa800; text-transform: none; }

#container #main .subpage .content .price {
	width: auto;
	color: #f78e01;
	margin: 0 0 2px 0;
	font-weight: bold;
}
#container #main .subpage .content .date {
	width: auto;
	margin: 0 0 20px 0;
}

#container #middle {
	width: 100%;
	height: 632px;
	background: url(../images/middle.gif) left top repeat-x;
}
#container #middle #three_box {
	width: 940px;
	height: 459px;
	margin: 0 auto;
	padding: 10px 0;
}
#container #middle #three_box .box {
	width: 306px;
	height: 459px;
	float: left;
	margin: 0 11px 0 0;
	background: url(../images/box.gif) left top no-repeat;
	position: relative;
}
#container #middle #three_box .no {
	margin: 0;
}
#container #middle #three_box .box .head {
	width: 286px;
	height: 30px;
	padding: 12px 10px 0 10px;
	margin: 0 0 10px 0;
	position: relative;
	background: url(../images/head.gif) left top no-repeat;
}
#container #middle #three_box .box .head h3 {
	width: auto;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
}
#container #middle #three_box .box .image {
	width: 272px;
	height: 200px;
	padding: 6px;
	margin: 0 auto 10px auto;
	border: 1px solid #b1c0b4;
	overflow: hidden;
}
#container #middle #three_box .box .image img {
	width: 272px;
}
#container #middle #three_box .box .txt {
	width: 276px;
	padding: 0 15px 0 15px;
	margin: 0 auto;
}
#container #middle #three_box .box .txt h4 {
	width: auto;
	font-size: 15px;
	color: #f78e01;
	margin: 0 0 10px 0;
}
#container #middle #three_box .box .txt h4.action {
	color: #fe4e04;
	margin: 0 0 3px 0;
}
#container #middle #three_box .box .txt .price {
	width: auto;
	color: #f78e01;
	margin: 0 0 2px 0;
	font-weight: bold;
}
#container #middle #three_box .box .txt .date {
	width: auto;
	margin: 0 0 10px 0;
}
#container #middle #three_box .box .txt p.nomargin {
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
}
#container #middle #three_box .box .txt ul {
	width: 137px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	display: block;
	float: left;
	list-style-type: none;
}
#container #middle #three_box .box .txt ul li {
	padding: 0 0 2px 13px;
	margin: 0 0 0 0;
	background: url(../images/bull_orange.gif) left 5px no-repeat;
}
#container #middle #three_box .box .txt ul li a,
#container #middle #three_box .box .txt ul li a:hover {
	color: #303030;
	text-decoration: none;
}
#container #middle #three_box .box .txt ul li a:hover {
	color: #ea7f00;
}
#container #middle #footer {
	width: 940px;
	height: 120px;
	margin: 0 auto;
	background: url(../images/footer.gif) left top no-repeat;
	position: relative;
	overflow: hidden;
}
#container #middle #footer #submenu,
#container #middle #footer #copyright {
	width: 900px;
	padding: 0 20px 0 20px;
	position: absolute;
	top: 62px;
	left: 0;
	color: #cecece;
}
#container #middle #footer a,
#container #middle #footer a:hover {
	color: #cecece;
	text-decoration: none;
	margin: 0 20px 0 0;
}
#container #middle #footer a:hover {
	color: #fff;
	text-decoration: underline;
}
#container #middle #footer #copyright {
	top: 95px;
}

#container #middle #footer #partners {
	width: 760px;
	height: 52px;
	position: absolute;
	top: 0;
	left: 165px;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#container #middle #footer #partners a {
	display: block;
	margin: 0;
}
#container #middle #footer #partners img {
	display: block;
}


.message-wrong,
.message-ok {
	width: auto;
	background: #e8a1a1;
	border: 1px solid #bb3131;
	font-size: 11px;
	font-weight: bold;
	color: #bb3131;
	padding: 10px;
	margin: 0 0 20px 0;
}
.message-ok {
	background: #abeab8;
	border: 1px solid #4da35f;
	color: #2b7e3d;
}
.message-wrong p,
.message-ok p {
	margin: 0 0 5px 0;
	padding: 0;
}

.popup:before {
	width: 100%;
	height: 100%;
	display: block;
	content: ' ';
	font-size: 0;
	line-height: 0;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.5);
}
.popup .data {
	width: 560px;
	background: white;
	border-radius: 4px;
	display: flex;
	align-items: center;
	position: fixed;
	top: 50%;
	left: 50%;
	padding: 30px;
	margin: -120px 0 0 -280px;
}
.popup .data h2 {
	font-size: 34px;
	font-weight: 500;
	color: #FD3001;
	margin: 0 0 10px;
}
.popup .data p {
	font-size: 14px;
	line-height: 22px;
	font-weight: 600;
	color: #303030;
	margin: 0;
}
.popup .data .text {
	padding: 0 0 0 15px;
}
.popup .data .close {
	width: 32px;
	height: 32px;
	display: block;
	position: absolute;
	top: 16px;
	right: 16px;
	background: url(/images/close.svg) center center no-repeat;
}