@-webkit-keyframes animate-rotate-out-right {
0% {
   -webkit-transform: rotate(0deg);
   opacity: 1;
}
100% {
   -webkit-transform: translate(1000px,0px) rotate(360deg);
   opacity: 0;
}
}
@-moz-keyframes animate-rotate-out-right {
0% {
   -moz-transform: rotate(0deg);
   opacity: 1;
}
100% {
   -moz-transform: translate(1000px,0px) rotate(360deg);
   opacity: 0;
}
}
@keyframes animate-rotate-out-right {
0% {
   opacity: 1;
   transform: rotate(0deg);
}
100% {
   opacity: 0;
   transform: translate(1000px,0px) rotate(360deg);
}
}
a {
   color: #0000FF;
   text-decoration: underline;
}
a:visited {
   color: #800080;
}
a:active {
   color: #FF0000;
}
a:hover {
   color: #0000FF;
   text-decoration: underline;
}
input:focus,
textarea:focus,
select:focus {
   outline: none;
}
.visibility-hidden {
   visibility: hidden;
}
a.style1 {
   color: #000000;
   font-style: italic;
   text-decoration: none;
}
a.style1:visited {
   color: #000000;
   font-style: italic;
   text-decoration: none;
}
a.style1:active {
   color: #000000;
   font-style: italic;
   text-decoration: none;
}
a.style1:hover {
   color: #000000;
   font-style: italic;
   text-decoration: none;
}
h1,
.h1 {
   background-color: transparent;
   color: #000000;
   display: inline;
   font-family: Arial;
   font-size: 32px;
   font-weight: bold;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   text-decoration: none;
}
h2,
.h2 {
   background-color: transparent;
   color: #000000;
   display: inline;
   font-family: Arial;
   font-size: 27px;
   font-weight: bold;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   text-decoration: none;
}
h3,
.h3 {
   background-color: transparent;
   color: #000000;
   display: inline;
   font-family: Arial;
   font-size: 24px;
   font-weight: bold;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   text-decoration: none;
}
h4,
.h4 {
   background-color: transparent;
   color: #000000;
   display: inline;
   font-family: Arial;
   font-size: 21px;
   font-style: italic;
   font-weight: bold;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   text-decoration: none;
}
h5,
.h5 {
   background-color: transparent;
   color: #000000;
   display: inline;
   font-family: Arial;
   font-size: 19px;
   font-weight: bold;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   text-decoration: none;
}
h6,
.h6 {
   background-color: transparent;
   color: #000000;
   display: inline;
   font-family: Arial;
   font-size: 16px;
   font-weight: bold;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   text-decoration: none;
}
.CustomStyle {
   background-color: transparent;
   color: #2E74B5;
   font-family: "Courier New";
   font-size: 16px;
   font-weight: bold;
   text-decoration: none;
}
@media only screen and (max-width: 1249px) {
}
div#container {
   margin: 0 auto 0 auto;
   position: relative;
   text-align: left;
   width: 1250px;
}
body {
   background-color: #C9EFE9;
   background-image: url(images/kapcsolat_bkgrnd.png);
   background-repeat: repeat-x;
   color: #000000;
   font-family: Raleway;
   font-size: 13px;
   font-weight: normal;
   line-height: 1.1875;
   margin: 0;
   text-align: center;
}
#wb_Image2 {
   vertical-align: top;
}
#Image2 {
   border: 0px solid #000000;
   height: 100%;
   left: 0;
   margin: 0;
   padding: 0;
   top: 0;
   width: 100%;
}
#wb_Form2 {
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
}
#Editbox6 {
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #CCCCCC;
   border-radius: 4px;
   color: #000000;
   font-family: Arial;
   font-size: 13px;
   font-weight: normal;
   line-height: 35px;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
}
#Editbox6:focus {
   border-color: #008B8B;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(0,139,139,0.60);
   outline: 0;
}
#Editbox7 {
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #CCCCCC;
   border-radius: 4px;
   color: #000000;
   font-family: Arial;
   font-size: 13px;
   font-weight: normal;
   line-height: 35px;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
}
#Editbox7:focus {
   border-color: #008B8B;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(0,139,139,0.60);
   outline: 0;
}
#Editbox8 {
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #CCCCCC;
   border-radius: 4px;
   color: #000000;
   font-family: Arial;
   font-size: 13px;
   font-weight: normal;
   line-height: 35px;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
}
#Editbox8:focus {
   border-color: #008B8B;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(0,139,139,0.60);
   outline: 0;
}
#Editbox9 {
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #CCCCCC;
   border-radius: 4px;
   color: #000000;
   font-family: Arial;
   font-size: 13px;
   font-weight: normal;
   line-height: 35px;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
}
#Editbox9:focus {
   border-color: #008B8B;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(0,139,139,0.60);
   outline: 0;
}
#Editbox10 {
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #CCCCCC;
   border-radius: 4px;
   color: #000000;
   font-family: Arial;
   font-size: 13px;
   font-weight: normal;
   line-height: 35px;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
}
#Editbox10:focus {
   border-color: #008B8B;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(0,139,139,0.60);
   outline: 0;
}
#TextArea2 {
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #CCCCCC;
   border-radius: 4px;
   color: #000000;
   font-family: Arial;
   font-size: 13px;
   font-weight: normal;
   margin: 0;
   overflow: auto;
   padding: 4px 4px 4px 4px;
   resize: none;
   text-align: left;
}
#TextArea2:focus {
   border-color: #008B8B;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(0,139,139,0.60);
   outline: 0;
}
#Button2 {
   -webkit-appearance: none;
   background-color: #008B8B;
   background-image: none;
   border: 1px solid #4A1239;
   border-radius: 4px;
   color: #FFFFFF;
   font-family: Arial;
   font-size: 13px;
   font-weight: normal;
   margin: 0;
}
#wb_Checkbox2 {
   margin: 0;
}
#wb_Checkbox2,
#wb_Checkbox2 *,
#wb_Checkbox2 ::before,
#wb_Checkbox2 ::after {
   box-sizing: border-box;
}
#wb_Checkbox2 input[type='checkbox'] {
   height: 20px;
   left: 0;
   margin: 0;
   opacity: 0;
   padding: 0;
   position: absolute;
   top: 0;
   width: 20px;
   z-index: 1;
}
#wb_Checkbox2 label {
   display: inline-block;
   height: 0;
   left: 0;
   padding: 0;
   position: absolute;
   top: 0;
   vertical-align: middle;
   width: 0;
}
#wb_Checkbox2 label::before {
   background-color: #FFFFFF;
   border: 1px solid #4A1239;
   border-radius: 4px;
   content: "";
   display: inline-block;
   height: 20px;
   left: 0;
   position: absolute;
   top: 0;
   width: 20px;
}
#wb_Checkbox2 label::after {
   display: inline-block;
   height: 20px;
   left: 0;
   line-height: 20px;
   padding: 0;
   position: absolute;
   text-align: center;
   top: 0;
   width: 20px;
}
#wb_Checkbox2 input[type='checkbox']:checked + label::after {
   background-size: 80% 80%;
   background: url('data:image/svg+xml,%3csvg%20height%3d%2220%22%20width%3d%2220%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%3cg%20style%3d%22fill:%23FFFFFF%22%20transform%3d%22scale%280.0112%29%22%3e%0d%0a%3cpath%20transform%3d%22rotate%28180%29%20scale%28%2d1%2c1%29%20translate%280%2c%2d1536%29%22%20d%3d%22M1671%20970q0%20%2d40%20%2d28%20%2d68l%2d724%20%2d724l%2d136%20%2d136q%2d28%20%2d28%20%2d68%20%2d28t%2d68%2028l%2d136%20136l%2d362%20362q%2d28%2028%20%2d28%2068t28%2068l136%20136q28%2028%2068%2028t68%20%2d28l294%20%2d295l656%20657q28%2028%2068%2028t68%20%2d28l136%20%2d136q28%20%2d28%2028%20%2d68z%22/%3e%3c/g%3e%3c/svg%3e') no-repeat center center;
   content: " ";
}
#wb_Checkbox2 input[type='checkbox']:checked + label::before {
   background-color: #4A1239;
   background-image: none;
   border-color: #4A1239;
}
#wb_Checkbox2 input[type='checkbox']:focus + label::before {
   outline: thin dotted;
}
#Text4 {
   border: 0px #000000 solid;
   margin: 0;
}
#wb_Shape2 {
   transform-origin: 50% 50%;
   transform: rotate(0deg);
}
#Shape2 {
   border-width: 0;
   vertical-align: top;
}
#wb_Text1 {
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   margin: 0;
   padding: 0;
   text-align: left;
}
#wb_Text1 {
   color: #000000;
   font-family: Raleway;
   font-size: 35px;
   font-weight: normal;
   line-height: 27px;
}
#wb_Text1 p,
#wb_Text1 ul {
   margin: 0;
   padding: 0;
}
#wb_PanelMenu1 a,
#PanelMenu1_markup li a {
   display: block;
   text-align: center;
   vertical-align: middle;
}
#PanelMenu1_markup {
   display: none;
   margin: 0;
   padding: 0;
}
#PanelMenu1_panel #PanelMenu1_markup {
   display: block;
}
#PanelMenu1_markup ul {
   list-style-type: none;
   list-style: none;
   margin: 0;
   padding: 0;
}
#PanelMenu1_markup li a,
#PanelMenu1_markup li a:hover {
   box-shadow: none;
   padding: 10px 10px 10px 10px;
}
#PanelMenu1_markup .divider {
   background-color: #2E2E2E;
   height: 1px;
   margin: 9px 0;
   overflow: hidden;
}
#PanelMenu1_panel {
   display: none;
   height: 100%;
   position: absolute;
   position: fixed;
   top: 0;
   width: 120px;
   z-index: 9999;
}
#PanelMenu1_markup li a {
   background-color: #B2B3B3;
   border: 0px solid #2E2E2E;
   color: #F7F7F7;
   font-family: "Raleway";
   font-size: 13px;
   font-style: normal;
   font-weight: 500;
   text-decoration: none;
}
#wb_PanelMenu1 a {
   background-color: #3E3E3E;
   border: 0px solid #2E2E2E;
   color: #F7F7F7;
   font-family: "Raleway";
   font-size: 13px;
   font-style: normal;
   font-weight: 500;
   text-decoration: none;
}
#PanelMenu1_markup li a:hover {
   background-color: #4A1239;
   border: 0px solid #2E2E2E;
   color: #FFFFFF;
}
#wb_PanelMenu1 a:hover {
   background-color: #484848;
   border: 0px solid #2E2E2E;
   color: #F7F7F7;
}
#PanelMenu1_panel {
   background-color: #B2B3B3;
   overflow-y: auto;
}
#PanelMenu1 {
   height: 35px;
   line-height: 35px;
   position: absolute;
   width: 60px;
   z-index: 999;
}
#PanelMenu1_markup ul li i {
   font-size: 16px;
   padding: 0px 10px 0px 0px;
   vertical-align: middle;
   width: 16px;
}
#PanelMenu1_markup span {
   display: inline-block;
   height: 16px;
   line-height: 16px;
   vertical-align: middle;
}
#PanelMenu1-footer {
   bottom: 0;
   color: #F7F7F7;
   font-family: "Raleway";
   font-size: 13px;
   font-weight: 500;
   left: 0;
   padding: 0px 0px 13px 0px;
   position: absolute;
   text-align: center;
   width: 100%;
}
#wb_Image1 {
   vertical-align: top;
}
#Image1 {
   border: 0px solid #000000;
   height: 100%;
   left: 0;
   margin: 0;
   padding: 0;
   top: 0;
   width: 100%;
}
#Extension1 {
   line-height: 1;
   margin: 0 auto 3em;
}
#Extension1 *,
#Extension1 ::after,
#Extension1 ::before {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}
#Extension1 {
   -webkit-flex-wrap: wrap;
   display: -webkit-flex;
   display: flex;
   flex-wrap: wrap;
   list-style: none;
   margin: 0;
   padding: 0;
   position: relative;
}
#Extension1 li {
   display: block;
}
#Extension1 li a {
   cursor: pointer;
   display: block;
   font-family: "Raleway";
   font-size: 15px;
   font-style: normal;
   font-weight: 500;
   padding: 10px 10px 10px 10px;
   text-decoration: none;
}
#Extension1 li a:hover,
#Extension1 li a:focus {
   outline: none;
}
#Extension1 li a {
   -webkit-transition: color 300ms;
   color: #000000;
   display: block;
   position: relative;
   text-align: center;
   transition: color 300ms;
}
#Extension1 li a:hover {
   color: #7A7A7A;
}
#Extension1 .active a {
   color: #7A7A7A;
}
#Extension1 li a::before {
   background: #C0C0C0;
   bottom: 0;
   content: "";
   height: 1px;
   left: 0;
   position: absolute;
   transform: scale3d(0, 1, 1);
   transition: transform 0.1s;
   width: 100%;
}
#Extension1 .active a::before {
   -webkit-transform: scale3d(1, 1, 1);
   -webkit-transition-duration: 300ms;
   -webkit-transition-timing-function: linear;
   transform: scale3d(1, 1, 1);
   transition-duration: 300ms;
   transition-timing-function: linear;
}
#wb_Image5 {
   vertical-align: top;
}
#Image5 {
   border: 0px solid #000000;
   height: 100%;
   left: 0;
   margin: 0;
   padding: 0;
   top: 0;
   width: 100%;
}
#wb_Image6 {
   vertical-align: top;
}
#Image6 {
   border: 0px solid #000000;
   height: 100%;
   left: 0;
   margin: 0;
   padding: 0;
   top: 0;
   width: 100%;
}
#wb_ClipArt2 {
   transform-origin: 50% 50%;
   transform: rotate(0deg);
}
#ClipArt2 {
   border-width: 0;
   vertical-align: top;
}
@media only screen and (max-width: 1249px) {
div#container {
   width: 320px;
}
body {
   background-color: #C9EFE9;
   background-image: url(images/kapcsolat_bkgrnd320.png);
   background-repeat: repeat-x;
}
#wb_Image2 {
   display: inline  !important;
   height: 97px  !important;
   left: 2px  !important;
   margin: 0;
   padding: 0;
   top: 248px  !important;
   visibility: visible  !important;
   width: 320px  !important;
}
#wb_Form2 {
   background-color: transparent;
   background-image: none;
   display: inline  !important;
   font-family: Arial;
   font-size: 8px;
   font-style: normal;
   font-weight: normal;
   height: 748px  !important;
   left: 1px  !important;
   text-decoration: none;
   top: 362px  !important;
   visibility: visible  !important;
   width: 322px  !important;
}
#Editbox6 {
   background-color: #FFFFFF;
   background-image: none;
   border-radius: 4px;
   color: #000000;
   display: inline  !important;
   font-family: Arial;
   font-size: 13px;
   font-style: normal;
   font-weight: normal;
   height: 35px  !important;
   left: 8px  !important;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   text-decoration: none;
   top: 25px  !important;
   visibility: visible  !important;
   width: 282px  !important;
}
#Editbox6 {
   line-height: 35px;
}
#Editbox7 {
   background-color: #FFFFFF;
   background-image: none;
   border-radius: 4px;
   color: #000000;
   display: inline  !important;
   font-family: Arial;
   font-size: 13px;
   font-style: normal;
   font-weight: normal;
   height: 35px  !important;
   left: 8px  !important;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   text-decoration: none;
   top: 142px  !important;
   visibility: visible  !important;
   width: 282px  !important;
}
#Editbox7 {
   line-height: 35px;
}
#Editbox8 {
   background-color: #FFFFFF;
   background-image: none;
   border-radius: 4px;
   color: #000000;
   display: inline  !important;
   font-family: Arial;
   font-size: 13px;
   font-style: normal;
   font-weight: normal;
   height: 35px  !important;
   left: 8px  !important;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   text-decoration: none;
   top: 83px  !important;
   visibility: visible  !important;
   width: 282px  !important;
}
#Editbox8 {
   line-height: 35px;
}
#Editbox9 {
   background-color: #FFFFFF;
   background-image: none;
   border-radius: 4px;
   color: #000000;
   display: inline  !important;
   font-family: Arial;
   font-size: 13px;
   font-style: normal;
   font-weight: normal;
   height: 35px  !important;
   left: 8px  !important;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   text-decoration: none;
   top: 201px  !important;
   visibility: visible  !important;
   width: 282px  !important;
}
#Editbox9 {
   line-height: 35px;
}
#Editbox10 {
   background-color: #FFFFFF;
   background-image: none;
   border-radius: 4px;
   color: #000000;
   display: inline  !important;
   font-family: Arial;
   font-size: 13px;
   font-style: normal;
   font-weight: normal;
   height: 35px  !important;
   left: 8px  !important;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   text-decoration: none;
   top: 260px  !important;
   visibility: visible  !important;
   width: 282px  !important;
}
#Editbox10 {
   line-height: 35px;
}
#TextArea2 {
   background-color: #FFFFFF;
   background-image: none;
   border-radius: 4px;
   color: #000000;
   display: inline  !important;
   font-family: Arial;
   font-size: 13px;
   font-style: normal;
   font-weight: normal;
   height: 179px  !important;
   left: 9px  !important;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   text-decoration: none;
   top: 369px  !important;
   visibility: visible  !important;
   width: 281px  !important;
}
#Button2 {
   background-color: #008B8B;
   background-image: none;
   border-radius: 4px;
   color: #FFFFFF;
   display: inline  !important;
   font-family: Arial;
   font-size: 13px;
   font-style: normal;
   font-weight: normal;
   height: 25px  !important;
   left: 106px  !important;
   margin: 0;
   text-decoration: none;
   top: 646px  !important;
   visibility: visible  !important;
   width: 96px  !important;
}
#wb_Checkbox2 {
   display: inline  !important;
   height: 20px  !important;
   left: 38px  !important;
   margin: 0;
   top: 325px  !important;
   visibility: visible  !important;
   width: 20px  !important;
}
#wb_Checkbox2 input[type='checkbox'] {
   height: 20px;
   width: 20px;
}
#wb_Checkbox2 label::before {
   border-color: #4A1239;
   height: 20px;
   width: 20px;
}
#wb_Checkbox2 label::after {
   height: 20px;
   line-height: 20px;
   width: 20px;
}
#wb_Checkbox2 input[type='checkbox']:checked + label::after {
   color: #FFFFFF;
}
#wb_Checkbox2 input[type='checkbox']:checked + label::before {
   background-color: #4A1239;
   background-image: none;
   border-color: #4A1239;
}
#Text4 {
   background-color: transparent;
   background-image: none;
   display: inline  !important;
   left: 68px  !important;
   top: 329px  !important;
   visibility: visible  !important;
}
#wb_Text4 {
   margin: 0;
   padding: 0;
}
#wb_Shape2 {
   display: inline  !important;
   left: 39px  !important;
   margin: 0;
   top: 692px  !important;
   visibility: visible  !important;
}
#wb_Text1 {
   background-color: transparent;
   background-image: none;
   display: none  !important;
   height: 27px  !important;
   left: 498px  !important;
   top: 1495px  !important;
   visibility: hidden  !important;
   width: 250px  !important;
}
#wb_Text1 {
   font-family: Raleway;
   font-size: 35px;
   font-weight: normal;
   line-height: 40px;
   margin: 0;
   padding: 0;
   text-align: left;
}
#wb_PanelMenu1 {
   display: inline  !important;
   height: 35px  !important;
   left: 130px  !important;
   margin: 0;
   top: 185px  !important;
   visibility: visible  !important;
   width: 60px  !important;
}
#PanelMenu1 {
   height: 35px;
   line-height: 35px;
   width: 60px;
}
#PanelMenu1 .line:first-child {
   margin-top: 22px;
}
#wb_Image1 {
   display: inline  !important;
   height: 117px  !important;
   left: 88px  !important;
   margin: 0;
   padding: 0;
   top: 19px  !important;
   visibility: visible  !important;
   width: 144px  !important;
}
#wb_Extension1 {
   display: none  !important;
   height: 53px  !important;
   left: 459px  !important;
   top: 149px  !important;
   visibility: hidden  !important;
   width: 523px  !important;
}
#Extension1 li a {
   font-size: 15px;
}
#wb_Image5 {
   display: inline  !important;
   height: 21px  !important;
   left: 121px  !important;
   margin: 0;
   padding: 0;
   top: 149px  !important;
   visibility: visible  !important;
   width: 21px  !important;
}
#wb_Image6 {
   display: inline  !important;
   height: 21px  !important;
   left: 150px  !important;
   margin: 0;
   padding: 0;
   top: 149px  !important;
   visibility: visible  !important;
   width: 21px  !important;
}
#wb_ClipArt2 {
   display: inline  !important;
   left: 178px  !important;
   margin: 0;
   top: 149px  !important;
   visibility: visible  !important;
}
}