/** htc fájl útvonala statikus lett, mert valamiért nem szerette az eredetit **/


/* reset */
html, body {height: 100%;}

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; vertical-align: baseline; }
a img, :link img, :visited img { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

/*global */
body {color: #222; font: 10pt/1.4em arial, sans-serif; background: #f2f2f2 url(../image/background.body.png) repeat-x 0 0; min-height: 100%; height:100%; /* ie */ _behavior: url('/theme/ad2009/css/csshover3.htc'); }

a { font-weight: bold; text-decoration: underline; color: #1087d6; }
a:hover { text-decoration: none; }

input, button, select, textarea { font: 10pt/1.4em arial, sans-serif; }

br.clear { clear: both; }

#wrapper-outer { width: 1010px; margin: 0 auto; padding: 0 10px; background: url(../image/background.header2.png) no-repeat 0 0; }
#wrapper {width: 930px; margin: 0 auto; position:relative; padding: 0 30px; background: #fff url(../image/background.header4.png) no-repeat -10px 0;  min-height: 100%; height: auto !important; height: 100%; position:relative;  }
.kalk2012 {background: #fff url(../image/background.header8.png) no-repeat -10px 0 !important;}

/* vissza kell majd tenni header 4-re!!!! #wrapper {width: 930px; margin: 0 auto; padding: 0 30px; background: #fff url(../image/background.header4.png) no-repeat -10px 0; } */


/* header */
#header { height: 155px; }
.kalk2012 #header {height: 115px;}

#header img {float:left; margin: 20px 0 -30px 209px;}
#header h1, #header p#logo { float: left; width: 232px; padding: 45px 0 0 0; }
.kalk2012 #header h1, .kalk2012 #header p#logo  {padding: 33px 0 0 0 !important;}
#header h1 a, #header p#logo a { position: relative; display: block; height: 53px;}
#header h1 span, #header p#logo span { position: absolute; left: 0; width: 100%; top: 0; height: 100%; background: url(../image/logo.png) no-repeat 0 0;  /* ie */ _cursor: pointer; }
#header img.kalk {position: absolute; top: 34px; left: 390px; margin: 0 0 0 0!important;}

#header .chat {font-family: Tahoma, Arial, sans-serif; float: left; margin: 40px 0 0 245px; font-size: 11px; width: 200px;}
#header .chat a { line-height: 25px; font-size: 18px; color: #f04c00; font-family: 'Century Gothic', Arial, sans-serif; text-decoration: none;}
#header .chat a:hover {text-decoration: underline;}

div#call {font-size: 11px; display: table-row; vertical-align: bottom; float: left;  width: 250px; height: 30px; overflow: hidden; margin: 40px 0 0 0; _display: inline; }
div#call p {padding: 0 18px 2px 0; text-align: right; font-family: Tahoma, Arial, sans-serif; }
div#call p strong {font-weight: bold; line-height: 25px; font-size: 18px; color: #0C78CE; font-family: 'Century Gothic', Arial, sans-serif;}
div#call p small {color: #888; font-size: 10px;}
div#call form {width: 220px; height: 23px; background: url(../image/background.search.png) 30px 3px no-repeat; position: relative; margin: 15px 0 0 0; padding: 4px 0 0 30px;}
div#call form input.text {position: absolute; top: 5px; left: 32px; width: 140px; height: 16px; border: none; background: none;}
div#call form input.gomb {position: absolute; top: 0; right: 0; width: 70px; height: 23px; border: none; background: none; cursor:pointer;}

ul#menu { float: right; width: 327px; margin: 0 11px 0 0; /* ie */ _display: inline; }
ul#menu li { position: relative; float: left; z-index: 21; }
ul#menu li.b { width: 109px; }
ul#menu li.n { width: 110px; }
ul#menu li.h { width: 108px; }
ul#menu h2 { position: relative; display: block; height: 115px;   }
ul#menu span {cursor:pointer;   position: absolute; left: 0; width: 100%; top: 0; height: 100%; background: url(../image/background.menu.png) no-repeat; }
ul#menu li.b span { background-position: 0 0; }
ul#menu li.b:hover span { background-position: 0 -115px; }
ul#menu li.n span { background-position: -109px 0; }
ul#menu li.n:hover span { background-position: -109px -115px; }
ul#menu li.h span { background-position: -219px 0; }
ul#menu li.h:hover span { background-position: -219px -115px; }
ul#menu li div,
ul#menu li ul { display: none; }
ul#menu li:hover div,
ul#menu li:hover ul { display: block; }
ul#menu li div,
ul#menu li ul { position: absolute; left: -45px;  background: url(../image/background.submenu.png) no-repeat; z-index: 10; /* ie */ _background: url(../image/background.submenu.gif) no-repeat; }
ul#menu li div { width: 200px; top: 115px; height: 17px; background-position: 0 -60px; }
ul#menu li ul { width: 188px; top: 132px; padding: 0 10px 25px 2px; background-position: 0 bottom; }
ul#menu li li { float: none; height: 30px; border-bottom: 1px solid #e2e2e2; }
ul#menu li li.first { border-top: 1px solid #c2c2c2; }
ul#menu li li a { display: block; height: 10px; line-height: 10px; border-bottom: 1px solid #c2c2c2; padding: 10px 0 10px 25px; text-decoration: none; color: #000; background: url(../image/background.submenu.png) no-repeat 0 0; /* ie */ _padding: 8px 0 8px 25px; _background: transparent; }
ul#menu li li strong { font-weight: normal; }
ul#menu li li.first a { border-top: 1px solid #e2e2e2; }
ul#menu li li a:hover { background-position: 0 -30px; /* ie */ background: url(../image/background.submenu.png) no-repeat 0 -30px; }

p#path { width: 800px; float: left; line-height: 34px; margin: 2px 11px 0 0; font-size: 8pt; color: #222; /* ie */ _display: inline; }
p#path strong { padding: 4px 0 0 22px; font-weight: normal;}
p#path span { color: #000; }
p#path a {font-weight: normal;}

/* content */
#content { float: left; width: 700px; padding: 20px 0 0; height: 100%; height: auto !important; position:relative; margin-bottom: 130px; }
.kalk2012 #content {padding: 10px 0 0 0; width: 930px;}
#content h2.cim { height: 59px; line-height: 59px; padding: 0 ; font-size: 220%; font-weight: bold;  color: #0c78ce; }
#content h3.alcim { height: 30px; line-height: 30px; padding: 0 ; font-size: 150%; font-weight: bold;  color: #0c78ce; }
#content p.bev {font-size:10pt;line-height:20px;margin:0 10px 10px 0;text-align:justify;}
#content p.bev strong {font-weight:bold;}

.helpme {position:relative; width: 319px; z-index: 49; }
.baloldalt {background: url(../image/helpnyil.png) no-repeat 0 0; height: 24px; width: 30px; position:relative; top: 45px; left: -21px; _background: url(../image/helpnyil.gif) no-repeat 0 0;}
.balfent {background: url(../image/helpnyil2.png) no-repeat 0 0; height: 24px; width: 30px; position:relative; top: 9px; left: 20px; _background: url(../image/helpnyil2.gif) no-repeat 0 0;}
.jobbfent {background: url(../image/helpnyil2.png) no-repeat 0 0; height: 24px; width: 30px; position:relative; top: 9px; left: 275px; _background: url(../image/helpnyil2.gif) no-repeat 0 0;}
.jobboldalt {background: url(../image/helpnyil3.png) no-repeat 0 0; height: 24px; width: 30px; position:relative; top: 45px; left: 310px; _background: url(../image/helpnyil3.gif) no-repeat 0 0;}
.helpmetop {background: url(../image/helpbg.png) no-repeat 0 top; height: 20px; _background: url(../image/helpbg.gif) no-repeat 0 top; }
.helpmebody {background: url(../image/helpbg.png) repeat-x 0 bottom; _background: url(../image/helpbg.gif) repeat-x 0 bottom;}
.helpmebody p {padding: 0 20px 20px 20px; font-size: 12px; line-height: 18px; text-align: justify; }


/* SÜSÜ conf - start */
div.AEGONdirekt_Container p.error { width: 499px; height: 20px; line-height: 20px; margin: 0 0 15px; padding: 16px 15px 8px 65px; font-weight: bold; color: #fff; background: url(../image/background.calculate.png) no-repeat -610px 0; }
/* SÜSÜ conf - end */

#content form#calculate { width: 610px; }



#content .eredm_szoveg p {line-height: 18px; padding-bottom: 15px;}
#content .eredm_szoveg strong {font-weight: bold; line-height: 18px;}

#content .error {width: 610px; margin: 0 auto 10px auto; line-height: 18px; font-weight: bold; color: #fff; background: url(../image/background.error.png) no-repeat 0 2px; }
#content .error p { margin: 0 0 0 15px; padding: 15px 15px 10px 70px;}
#content .error .alja { margin-top:-10px; width: 610px; height: 15px; display: block; background: url(../image/background.error.png) no-repeat bottom left;}
#content .error .felkialtojel {position: absolute; background: url(../image/background.error2.png) no-repeat top left; width: 48px; height: 44px; margin: 0 0 0 15px; padding: 0;}

#content .landing { width: 940px; margin: 0 auto 0;  _width: 930px; position: relative;  }
#content .landing img { float: left; margin: 0 10px 15px 0; /* ie */ _display: inline; }
#content .landing h2 { margin: 0 10px 25px 0; font-size: 220%; font-weight: bold;  color: #0c78ce; /* ie */ _display: inline; }
#content .landing h2 b, #content .landing h2 strong {font-weight: bold; font-size: 24px; color: #444444; line-height: 36px; padding-bottom: 10px; }
#content .landing p {text-align: justify; padding-bottom: 15px; line-height: 20px;}
#content .landing p strong{ font-weight:bold; line-height: 18px; }
#content .landing p a {font-weight: normal;}
#content .landing p small {font-size: 12px; color: #666; line-height: 16px; }
#content .landing .gomb {margin: 10px 12px 10px 50px; width: 338px; display:block; float:left;}
#content .landing .bigbutton2 a {float:left; color: #fff; font-size: 16px; font-weight: bold; width: 285px; display:block; height: 36px; margin: 30px 18px 20px 0;  background: url(../image/bigbutton4.png) top center no-repeat; text-align: center; padding-top: 15px;}
#content .landing .center {float: none; text-align:center; margin: 0 auto 0 auto;}
#content .landing a.more {  margin: auto ; padding: 0;  background: url(../image/bigbutton3.png) no-repeat top center; /* ie */   }
#content .landing a.more span {text-align: center; display: block; height: 50px; padding: 25px 5px 2px 0; font-size: 22px; color: #fff; background: url(../image/bigbutton3.png) no-repeat 0 0; /* ie */ cursor: pointer; _white-space: nowrap; _margin: 0 auto 0 auto; text-decoration:underline;}
#content .landing a:hover.more span { text-decoration: none; color: #fff; }
#content .landing .oszlop {width: 290px; float:left; display:block; padding-right: 15px; margin-top: 30px;}
#content .landing .oszlop img {margin:auto;}
#content .landing .nobg {background: none;}
#content .landing ul {margin: 20px 0 10px 20px; }
#content .landing ul li {padding: 0 0 5px 35px; font-size: 14px; background: url(../image/tick.png) no-repeat 0 0; line-height: 26px;}
#content .landing ul li p {line-height: 20px; }
#content .landing ol  {margin: 10px 0 10px 25px;}
#content .landing ol li  {padding: 0 0 0 5px; line-height: 20px; list-style-type: disc;  }
#content .landing ol.szam li  { list-style-type: decimal; padding-bottom: 15px; }
#content .landing h3 {font-weight: bold; font-size: 15px; color: #ff5400; /* i */ _display: inline; padding: 10px 0 12px 0;  }
#content .landing form input.gombblank {background: url(../image/button.kisebb.png) top left no-repeat; width:171px; height:26px; border: none; text-align: center; color: #fff; font-weight: bold; font-size: 14px; cursor: pointer;}
#content .landing form p {background: url("../image/background.article.png") repeat-x 0px -195px; padding: 20px 0;}

/* sidebar */
#sidebar { float: right; width: 200px; margin-bottom: 110px; }
#sidebar .pbox { width: 200px; margin: 20px auto; background: url(../image/background.pboxl.png) no-repeat 0 bottom; }
#sidebar .pbox h2 { position: relative; height: 57px; }
#sidebar .lepes h2 span { position: absolute; left: 0; width: 50%; top: 0; height: 100%; background: url(../image/background.pboxl.png) no-repeat; }
#sidebar .lepes h2 b, #sidebar .lepes h2 strong { position: absolute; right: 0; width: 50%; top: 0; height: 100%; background: url(../image/background.pboxl.png) -100px 0 no-repeat; }
#sidebar .nincsvideo h2 span { position: absolute; left: 0; width: 100%; top: 0; height: 100%; background: url(../image/background.pboxl.png) 0 -114px no-repeat;}
#sidebar .video h2 span { position: absolute; left: 0; width: 50%; top: 0; height: 100%; background: url(../image/background.pboxl.png) 0 -57px no-repeat; }
#sidebar .video h2 b, #sidebar .video h2 strong { position: absolute; right: 0; width: 50%; top: 0; height: 100%; background: url(../image/background.pboxl.png) -100px -57px no-repeat; }
#sidebar .kartya h2 {height: 40px;}
#sidebar .kartya h2 span { position: absolute; left: 0; width: 100%; top: 0; height: 100%; background: url(../image/background.pboxl.png) -470px 0 no-repeat;}
#sidebar .pbox.l2 ol { width: 172px; margin: 0 0 0 15px; padding: 0 0 15px 0; }
#sidebar .pbox.l2 li { padding: 5px 0 5px 0; }
#sidebar .pbox.l2 a { font-weight: normal; text-decoration: underline; color: #2665b7; cursor: pointer;}
#sidebar .pbox.l2 ul { padding: 0 15px 10px 15px; font-size: 12px;}
#sidebar .pbox.l2 ul li {line-height: 18px; padding: 0 0 5px 0;}

ul#steps_201201 {width: 910px; height: 57px; margin-left: 10px }
ul#steps_201201 li {width: 100px; height: 57px; border-left: 1px solid #dfdfdf; border-right: 1px solid #ffffff; float:left; font-size: 11px; text-align: center;}
ul#steps_201201 li.active {background: url(../image/background.stepboxli-active.png) top repeat-x; color: #fff;}
ul#steps_201201 li.finished {background: url(../image/background.stepboxli-finished.png) top center no-repeat;}
ul#steps_201201 li span.number {background: url(../image/background.lepesek2.png) no-repeat; display: block; width: 17px; height: 17px; margin: 10px auto 5px auto;}
ul#steps_201201 li span.label { display: block; width: 100px; clear: both; margin: 5px auto 3px auto; text-align: center;}
ul#steps_201201 li.clickable {cursor:pointer;}
ul#steps_201201 li.k1a, ul#steps_201201 li.k1 {border-left: none;}
ul#steps_201201 li span.k1 {background-position: 0 0;}
ul#steps_201201 li span.k2 {background-position: 0 -17px;}
ul#steps_201201 li span.k3 {background-position: 0 -34px;}
ul#steps_201201 li span.k4 {background-position: 0 -51px;}
ul#steps_201201 li span.k5 {background-position: 0 -68px;}
ul#steps_201201 li span.k6 {background-position: 0 -85px;}
ul#steps_201201 li span.k7 {background-position: 0 -102px;}
ul#steps_201201 li span.k8 {background-position: 0 -119px;}
ul#steps_201201 li span.k9 {background-position: 0 -136px;}
ul#steps_201201 li span.kf1 {background-position: 0 0;}
ul#steps_201201 li span.kf2 {background-position: 0 -17px;}
ul#steps_201201 li span.kf3 {background-position: 0 -34px;}
ul#steps_201201 li span.kf4 {background-position: 0 -51px;}
ul#steps_201201 li span.kf5 {background-position: 0 -68px;}
ul#steps_201201 li span.kf6 {background-position: 0 -85px;}
ul#steps_201201 li span.kf7 {background-position: 0 -102px;}
ul#steps_201201 li span.kf8 {background-position: 0 -119px;}
ul#steps_201201 li span.kf9 {background-position: 0 -136px;}
ul#steps_201201 li span.k1a {background-position: -17px 0;}
ul#steps_201201 li span.k2a {background-position: -17px -17px;}
ul#steps_201201 li span.k3a {background-position: -17px -34px;}
ul#steps_201201 li span.k4a {background-position: -17px -51px;}
ul#steps_201201 li span.k5a {background-position: -17px -68px;}
ul#steps_201201 li span.k6a {background-position: -17px -85px;}
ul#steps_201201 li span.k7a {background-position: -17px -102px;}
ul#steps_201201 li span.k8a {background-position: -17px -119px;}
ul#steps_201201 li span.k9a {background-position: -17px -136px;}

ul#steps_201201 li.li_cnt_1 {width: 910px;}
ul#steps_201201 li.li_cnt_2 {width: 453px;}
ul#steps_201201 li.li_cnt_3 {width: 301px;}
ul#steps_201201 li.li_cnt_4 {width: 225px;}
ul#steps_201201 li.li_cnt_5 {width: 180px;}
ul#steps_201201 li.li_cnt_6 {width: 149px;}
ul#steps_201201 li.li_cnt_7 {width: 128px;}
ul#steps_201201 li.li_cnt_8 {width: 111px;}
ul#steps_201201 li.li_cnt_9 {width: 99px;}

div.calculate {margin-left: -20px; padding-bottom: 15px;}

ol.calculate li.clickable {cursor: pointer;}
ol.calculate li {color: #2665b7; line-height: 20px;}
ol.calculate li.active {font-weight: bold;}
ol.calculate li.finished {color: #bbb;}
ol.calculate li.clickable {cursor:pointer;}
ol.calculate li span.number {background: url(../image/background.lepesek.png) no-repeat; display: inline-block; clear: both; float:left; width: 20px; height: 20px; margin-right:5px;}
ol.calculate li span.finished {background-position: -40px 0;}
ol.calculate li span.label { display: inline-block; line-height: 20px; width: 140px; }

ol.calculate li span.k1 {background-position: 0 0;}
ol.calculate li span.k2 {background-position: 0 -20px;}
ol.calculate li span.k3 {background-position: 0 -40px;}
ol.calculate li span.k4 {background-position: 0 -60px;}
ol.calculate li span.k5 {background-position: 0 -80px;}
ol.calculate li span.k6 {background-position: 0 -100px;}
ol.calculate li span.k7 {background-position: 0 -120px;}
ol.calculate li span.k8 {background-position: 0 -140px;}
ol.calculate li span.k9 {background-position: 0 -160px;}
ol.calculate li span.k10 {background-position: 0 -180px;}

ol.calculate li span.k1a {background-position: -20px 0;}
ol.calculate li span.k2a {background-position: -20px -20px;}
ol.calculate li span.k3a {background-position: -20px -40px;}
ol.calculate li span.k4a {background-position: -20px -60px;}
ol.calculate li span.k5a {background-position: -20px -80px;}
ol.calculate li span.k6a {background-position: -20px -100px;}
ol.calculate li span.k7a {background-position: -20px -120px;}
ol.calculate li span.k8a {background-position: -20px -140px;}
ol.calculate li span.k9a {background-position: -20px -160px;}
ol.calculate li span.k10a {background-position: -20px -180px;}



/* footer */
#footer { clear: both; padding: 0 0 5px; background: #fff url(../image/background.footer.png) no-repeat 0 bottom;  position:absolute; bottom: 0; width: 950px;}
#footer .hatter { padding: 17px 0 0; background:url(../image/background.footer.links.png) no-repeat 0 -68px; /* ie */ _margin: 17px 0 0; _padding: 0; _border-top: 5px solid #e5e5e5; _background: #fff; }



ul#sitemap { height: 20px; line-height: 20px; padding: 20px 0 0 20px; font-size: 12px; }
ul#sitemap li { display: inline; margin: 0 7px 0 0;  padding: 0 0 0 7px; background: url(../image/background.footer.links.png) no-repeat -200px 7px; /* ie */ _background: transparent; }
ul#sitemap a { font-weight: normal; text-decoration: underline; color: #000; cursor:pointer; }
ul#sitemap a:hover { text-decoration: none; }

ul#copyright {padding-bottom: 10px; height: 48px; }
ul#copyright li { float: left; }
ul#copyright li.c1 { padding: 10px 5px 0 0; font-size: 10px; margin:10px 0 0 5px; }
ul#copyright li.c1 a { position: relative; display: block; width: 100px; height: 37px; }
ul#copyright li.c1 span { position: absolute; left: 0; width: 100%; top: 0; height: 100%; background: url(../image/background.footer.aegon.png) no-repeat 0 0; /* ie */ _cursor: pointer; }
ul#copyright li.c2 { width: 330px; padding: 15px 0 0;  }
ul#copyright li.c2 p {  padding: 0 0 0 25px; line-height: 16px;}
ul#copyright li.c3 { width: 480px; padding: 15px 0 0;  }
ul#copyright li.c3  p {border-left: 1px solid #e5e5e5; padding: 0 20px; line-height: 16px; }
ul#copyright li.c4 {float:right; padding: 0 40px 0 0; }
ul#copyright li.c4 a { position: relative; display: block; width: 74px; height: 68px; margin-top:-25px; }
ul#copyright li.c4 span { position: absolute; left: 0; width: 100%; top: 0; height: 100%; background: url(../image/background.footer.links.png) no-repeat -600px 0; /* ie */ _cursor: pointer; }