@charset "utf-8";
dfn,mark{font-style:italic}b,mark,strong{font-weight:700}hr,ol,ul{margin:1em 0}fieldset,hr,img,legend{border:0}.hidden,.invisible{visibility:hidden}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block}[hidden],audio:not([controls]){display:none}.ir,hr{display:block}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button,html,input,select,textarea{font-family: 'Roboto', sans-serif;color:#222}body{margin:0;font-size:1em;line-height:1.4;}ins,mark{color:#000}a:focus{outline:dotted thin}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}blockquote{margin:1em 40px}hr{height:1px;border-top:1px solid #ccc;padding:0}ins{background:#ff9;text-decoration:none}mark{background:#ff0}code,kbd,pre,samp{font-family: 'Roboto', sans-serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:"";content:none}small{font-size:85%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}ol,ul{padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ol,nav ul{list-style:none;margin:0;padding:0}img{-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}figure,form{margin:0}fieldset{margin:0;padding:0}legend{padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}td,textarea{vertical-align:top}button,input{line-height:normal}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;resize:vertical}.ir,.visuallyhidden{border:0;overflow:hidden}input:invalid,textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}.ir{text-indent:-999em;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr}.ir br{display:none}.hidden{display:none!important}.visuallyhidden{clip:rect(0 0 0 0);height:1px;margin:-1px;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}@media print{blockquote,img,pre,tr{page-break-inside:avoid}*{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;-ms-filter:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999}thead{display:table-header-group}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}
img, object, embed, video { max-width: 100%; }
.ie6 img { width: 100%; }

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		3;
	dw-num-cols-tablet:		5;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	20;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/*
font-family: 'Roboto', sans-serif;
Light 300
Light 300 Italic
Bold 700

font-family: 'Roboto Condensed', sans-serif;
Normal 400
Bold 700
*/

.fluid { clear: both; margin-left: 0; width: 100%; float: left; display: block; }
.fluidList { list-style: none; list-style-image: none; margin: 0; padding: 0; }

/*
kék					1c4d9c
logó kékje			223d85
sárga				fff300
kétharmados szürke	a9a9a9
világos szürke		cecece
majdnem fehér		eeeeee
*/

/* Mobile Layout: 639px and below. */

body {background-color:#262626; color:#FFF}
a { color:#000; }
a:hover { color:#FFF; }.gridContainer { margin-left: auto; margin-right: auto; width: 94.4444%; padding-left: 2.7777%; padding-right: 2.7777%; clear: none; float: none; background-color:#585858 }
#slogan { font-weight:700; text-align:center; padding:7px 0; color:#fff300 }
#mainnav { width: 100%; }
#mainnav a, #mainnav a:visited, .current { background-image:url(../cgi/linksarok.png); background-repeat:no-repeat; background-position:right bottom; display: block; text-decoration:none; text-align:center; font-weight:700; background-color:#1c4d9c; color:#fff; margin-bottom:2px; padding:5px 0; }
#mainnav a:hover, .current { background-color:#fff; color:#000; }
.slider { width: 100%; margin-left: 0; clear: both; outline:1px #fff solid; }
.slider > * { margin-left:15px; margin-right:15px; text-align:justify; }
form input[type=submit] { margin-top:15px; margin-bottom:15px; }
#rightbar { width: 100%; margin-left: 0; clear: both; }
#featurettes { font-weight:700; text-align:center; padding: 8px 0;}
.features { width: 100%; clear: both;  margin-left: 0; }
.features p strong { font-weight:normal; }
.feature { width: 100%; margin-left: 0; clear: both; }
.feature p { text-align:justify; }
#content2 {  width: 100%; }
#jopofa { width: 100%; margin-left: 0; clear: both; background-image:url(../cgi/bg5.png)}
#foot { text-align:center; padding:7px 0}
#foot a { color:#c0c0c0; text-decoration:none; padding:3px; font-size:80%; }
#foot a:hover { color:#fff; }
#telbtn, #formbtn, #anfragebtn { text-align:center; margin-bottom:40px; }
#telbtn a, #formbtn a, #anfragebtn a { font-weight:700; font-size:125%; text-decoration:none; display:block; padding-top:60px; background-repeat:no-repeat; background-position:top center; }
#telbtn a { background-image:url(../cgi/phone.png); }
#telbtn a:hover { background-image:url(../cgi/phone-w.png); }
#formbtn a { background-image:url(../cgi/form.png); }
#formbtn a:hover { background-image:url(../cgi/form-w.png); }
#anfragebtn a { background-image:url(../cgi/ersatzwagen.png); }
#anfragebtn a:hover { background-image:url(../cgi/ersatzwagen-w.png); }
.zeroMargin_mobile {margin-left: 0;}
.hide_mobile {display: none;}

/* Tablet Layout: 640px to 1023px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 640px) {
.gridContainer { width: 96.6666%; padding-left: 1.6666%; padding-right: 1.6666%; clear: none; float: none; margin-left: auto; }
#slogan { font-size:150%; }
#mainnav { width: 37.931%; }
#mainnav a, .current { font-size:110%; margin-bottom:1px; padding:5px 0; }
.slider { width: 58.6206%; clear: none; margin-left: 3.4482%; }
#rightbar { width: 100%; clear: both; margin-left: 0; }
#rightbar div {float:left; width:33%; clear:none; }
.features { width: 100%;  margin-left: 0; }
.feature { width: 47.826%; clear: none; margin-left: 4.3478%; }
#content2 {  width: 79.3103%; }
#jopofa { width: 17.2413%; clear: none; margin-left: 3.4482%; }
#telbtn, #formbtn, #anfragebtn { margin-top:25px; margin-bottom:20px; }
.hide_tablet {display: none;}
.zeroMargin_tablet {margin-left: 0;}
}

/* Desktop Layout: 1024px to a max of 1280px. Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 1024px) {
.gridContainer { width: 88.5%; max-width: 1280px; padding-left: 0.75%; padding-right: 0.75%; margin: auto; clear: none; float: none; margin-left: auto; }
#slogan { font-size:200%; }
#mainnav { width: 18.644%; }
#mainnav a, .current { font-size:100%; margin-bottom:3px; padding:8px 0; }
.slider { width: 59.322%; clear: none; margin-left: 1.6949%; }
#rightbar { width: 18.644%; clear: none; margin-left: 1.6949%; }
#rightbar div {float:none; width:100%; clear:both; }
.features { width: 100%;  margin-left: 0; }
.feature { width: 48.9361%; clear: none; margin-left: 2.1276%; }
#content2 {  width: 79.661%; }
#jopofa { width: 18.644%; clear: none; margin-left: 1.6949%; }
#telbtn, #formbtn, #anfragebtn { margin-top:0; margin-bottom:40px; }
.zeroMargin_desktop {margin-left: 0;}
.hide_desktop {display: none;}
}
/* ACTION POPUP */
.hover_bkgr_fricc{
    background:rgba(0,0,0,.4);
    cursor:pointer;
    display:none;
    height:100%;
    position:fixed;
    text-align:center;
    top:0;
    width:100%;
    z-index:10000;
}
.hover_bkgr_fricc .helper{
    display:inline-block;
    height:100%;
    vertical-align:middle;
}
.hover_bkgr_fricc > div {
    background-color: #fff;
    box-shadow: 10px 10px 60px #555;
    display: inline-block;
    height: auto;
    max-width: 750px;
    min-height: 100px;
    vertical-align: middle;
    width: 80%;
    position: relative;
    border-radius: 8px;
    padding: 12px;
}
.popupCloseButton {
    background-color: #fff;
	color: #333;
    border: 3px solid #999;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -12px;
    right: -12px;
    font-size: 35px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
}
.popupCloseButton:hover {
    background-color: #ccc;
}
.trigger_popup_fricc {
    cursor: pointer;
    font-size: 20px;
    margin: 20px;
    display: inline-block;
    font-weight: bold;
}