@charset "utf-8";
/* CSS Document */

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background:url(images/background.png);
	background-position:top center;
	background-repeat:no-repeat;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	
}
img {
    border: 0px none;
}
.box1 {
	position: relative;
	width: 359px;
}
.box1 .bg {
	position: relative;
	display: inline-block;
	width: 319px;
	background-image:url(images/box1content.png);
    background-repeat:repeat-y;
	padding-left: 20px;
	padding-right: 20px;
	text-align:justify;
	color: #afb5bf;
}

.box2 {
	position: relative;
	width: 527px;
}
.box2 .bg {
	position: relative;
	display: inline-block;
	width: 487px;
	background-image:url(images/box2content.png);
    background-repeat:repeat-y;
	padding-left: 20px;
	padding-right: 20px;
	text-align:justify;
	color: #afb5bf;
}

.box3 {
	position: relative;
	width: 338px;
}
.box3 .bg {
	position: relative;
	display: inline-block;
	width: 298px;
	background-image:url(images/box3content.png);
    background-repeat:repeat-y;
	padding-left: 20px;
	padding-right: 20px;
	text-align:justify;
	color: #afb5bf;
}


#outercontainer {
	position:relative;
	width: 1000px;
	margin-left: auto;
	margin-right:auto;
	background-color: none;
	
}

/*
*	LOGO
*/
#outercontainer #logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 320px;
	height: 106px;
	background: url(images/logo.png);
}

#outercontainer #topbanner {
    position: absolute;
	top: 40px;
	left: 450px;
	width: 468px;
	height: 60px;
	background-color: red;
}

#outercontainer #cimke2 {
	position: absolute;
	width: 204px;
	height: 215px;
	right: 10px;
	top: 400px;
	z-index:10000;

}

#outercontainer #cimke1 {
	position: absolute;
	width: 360px;
	height: 210px;
	left: 11px;
	top: 440px;
	z-index:10000;
	/*background-color:#FF0;*/

}

/*
*	MENUCONTAINER
*/

#outercontainer #menucontainer {
	
	width: 	940px;
	height: 40px;
	padding-top: 135px;
	margin-left: 30px;
	/*background-color: #0F0;*/
	border-left: 2px solid white;
	border-right: 2px solid white;
	clear: both;
}
#outercontainer #menucontainer a img {
	float: left;	
	border: 0px none;
}
#outercontainer #menucontainer a {

}
#outercontainer #fejleckep {
	margin-left: 30px;
	width:940px;
	height: 416px;
	clear: both;
	background:url(images/fejleckep.jpg);
	border-left: 2px solid white;
	border-right: 2px solid white;
}

#outercontainer #content {
	position: relative;
	display:inline-block;
	margin-left: 30px;
	width:940px;
	clear: both;
	background-color:#486490;
	border-left: 2px solid white;
	border-right: 2px solid white;

	
}






/**
*   LÁBLÉC
*/

#outercontainer #footer {
    position: relative;
	margin-left: 30px;
	width:940px;
	height: 390px;
	clear: both;
	background:url(images/lablec_background.png);
	border-left: 2px solid white;
	border-right: 2px solid white;
}

#outercontainer #footer #kiemelt {

    position: absolute;
    top: 200px;
    left: 697px;
}

#outercontainer #footer #bannersor1 {

    position: absolute;
    top: 200px;
    left: 30px;
}

#outercontainer #footer #banner {

    position: absolute;
    top: 10px;
    left: 170px;
}

#outercontainer #footer #copyright_szoveg {
    position: absolute;
    top: 330px;
    left: 20px;
    width: 180px;
    height: 30px;
    color: white;
}
#outercontainer #footer #footermenu {
    position: absolute;
    top: 310px;
    left: 220px;
    width: 600px;
    height: 30px;
    color: #3c5173;

}
#outercontainer #footer #footermenu a {
    color: white;
    text-decoration: none;
}
#outercontainer #footer #footermenu span {
   display: inline-block;
   width: 20px;
   text-align: center;
}
#outercontainer #footer #footermenu_right {
    position: absolute;
    top: 310px;
    right: 20px;
    width: 160px;
    height: 30px;
    color: #3c5173;

}
#outercontainer #footer #footermenu_right a {
    color: white;
    text-decoration: none;
}
#outercontainer #footer #footermenu_right span {
   display: inline-block;
   width: 20px;
   text-align: center;
}


/**
*   FŐOLDAL
*/
#outercontainer .content_fooldal {

	background-image:url(images/contentbg_fooldal.jpg);
	background-position: top center;
	background-repeat:no-repeat;
}

/*
*	JELENTKEZÉS OLDAL
*/
#outercontainer .content_jelentkezes_bg1 {
	height: 1370px;
    background-image:url(images/contentbg_jelentkezes.jpg);
	background-position: top center;
	background-repeat:no-repeat;
}

#outercontainer .content_jelentkezes_bg2 {
	height: 714px;
    background-image:url(images/contentbg_jelentkezes2.jpg);
	background-position: top center;
	background-repeat:no-repeat;
}

#outercontainer .content_jelentkezes #rozsaszin {
	position: absolute;
	color: white;
	width: 359px;
	height: 282px;
	text-align: justify;
    background: url(images/rozsaszin.png);
	top: 160px;
	left: 30px;

}

#outercontainer .content_jelentkezes #rozsaszin2 {
	position: absolute;
	color: white;
	width: 359px;
	height: 382px;
	text-align: justify;
    background: url(images/rozsaszin2.png);
	top: 160px;
	left: 30px;

}

#outercontainer .content_jelentkezes #urlap {
	position: absolute;
	color: white;
	width: 320px;
	height: 370px;
	text-align: justify;
	top: 125px;
	left: 50px;

}

#outercontainer .content_jelentkezes #urlap form p {
	clear:both;
	margin-top:5px;
    margin-bottom:0px;
}

#outercontainer .content_jelentkezes #urlap form label {
	display:block;
	float:left;
	padding-top:3px;
	width:130px;
}

#outercontainer .content_jelentkezes #szoveg_zold {
	position: absolute;
	color: #293a00;
	font-size: 14px;
	width: 360px;
	height: 100px;
	text-align: justify;
	top: 230px;
	left: 510px;
	
}

#outercontainer .content_jelentkezes #szoveg_zold .szoveg1 {
	font-size: 18px;
	font-weight:bold;
}

#outercontainer .content_jelentkezes #szoveg_rozsaszin {
	position: absolute;
	color: white;
	font-size: 14px;
	width: 360px;
	height: 100px;
	text-align: justify;
	top: 360px;
	left: 520px;
}

#outercontainer .content_jelentkezes #szoveg_rozsaszin .szoveg1 {
	font-size: 18px;
	font-weight: bold;
}
#outercontainer .content_jelentkezes #szoveg_rozsaszin .szoveg2 {
	text-decoration:line-through;
}

#outercontainer .content_jelentkezes #szoveg_kek {
	position: absolute;
	font-size: 14px;
	color: white;
	width: 360px;
	height: 100px;
	text-align: justify;
	top: 470px;
	left: 500px;
	
}

#outercontainer .content_jelentkezes #szoveg_kek .szoveg1 {
	font-size: 15px;
	font-weight: bold;
}

#outercontainer .content_jelentkezes #szoveg_kek .szoveg2 {
	font-size: 18px;
	font-weight: bold;
}
#outercontainer .content_jelentkezes #szoveg_kek .szoveg3 {
	text-decoration:line-through;
}

#outercontainer .content_jelentkezes #szoveg_jelentkezes {
	position: absolute;
	color: #afb5bf;
	width: 320px;
	height: 220px;
	text-align: justify;
	top: 850px;
	left: 50px;
    background: url(images/negyzetbox.png) no-repeat;
    padding: 20px;
    padding-bottom:45px;
	
}



#outercontainer .content_jelentkezes #tovabbi1 {
	position: absolute;
	color: #afb5bf;
	width: 400px;
	height: 125px;
	text-align: justify;
	top: 1245px;
	left: 50px;
    z-index: 20;
	
}

#outercontainer .content_jelentkezes #tovabbi2 {
	position: absolute;
	color: #afb5bf;
	width: 380px;
	height: 125px;
	text-align: justify;
	top: 1245px;
	left: 500px;
    z-index: 20;
	
}


#outercontainer .content_jelentkezes #tovabbibg {
	position: absolute;
	color: #afb5bf;
	width: 900px;
	height: 225px;
	text-align: justify;
	top: 1150px;
	left: 30px;
    z-index: 10;
    background:url(images/teglalapbox.png) no-repeat;

}



/*
*	FELTÉTELEK OLDAL
*/
#outercontainer .content_feltetelek {
	height: 908px;
    background-image:url(images/feltetelek/feltetelek_hatter.jpg);
	background-position: top center;
	background-repeat:no-repeat;
}

#outercontainer .content_feltetelek #b1 {

	position: relative;
	top: 150px;
	left: 40px;

}

#outercontainer .content_feltetelek #b2 {

	position: relative;
	top: 180px;
	left: 40px;

}

#outercontainer .content_feltetelek #jelentkezes {

	position: absolute;
	width: 215px;
	height: 100px;
	top: 700px;
	left: 600px;

}

#outercontainer .content_feltetelek #alsoszoveg {

	position: absolute;
	width: 444px;
	height: 80px;
	top: 800px;
	left: 450px;
	color: #afb5bf;

}

#outercontainer .content_feltetelek #alsoszoveg a {

	color: #baf337;
	font-weight: bold;
	text-decoration: none;

}


/*
*	STÁB OLDAL
*/
#outercontainer .content_stab {
    background-image:url(images/stab/stab_hatter.png);
	background-position: top center;
	background-repeat:no-repeat;
    background-color: #486490;
}

#outercontainer .content_stab #ritterdoron {
    position: absolute;
    width: 270px;
    height: 290px;
    top: 580px;
    left: 298px;
    color: #afb5bf;
}

#outercontainer .content_stab #ritterdoron a {
    font-weight: bold;
    color: #baf337;
    text-decoration: none;
}

#outercontainer .content_stab #jelentkezes {
    position: absolute;
    width: 275px;
    height: 250px;
    top: 648px;
    left: 620px;
    color: #afb5bf;
}

#outercontainer .content_stab #jelentkezes p {
    margin-top: 5px;
    margin-bottom: 5px;
}

#outercontainer .content_stab #jelentkezes img {
    margin-left: 30px;
    border: 0px;
}

#outercontainer .content_stab #jelentkezes .kiemelt {
    color: white;
    font-weight: bold;
}

#outercontainer .content_stab #jelentkezes a {
    font-weight: bold;
    color: #baf337;
    text-decoration: none;
}

#outercontainer .content_stab #referenciak {
    margin-top: 960px;
    width: 100%;
    /*height: 500px;*/
    padding-left: 40px;

}

#outercontainer .content_stab #referenciak .kep {
    display: inline-block;
    background: url(images/stab/kiskep_hatter.png);
    background-position: top left;
    background-repeat: no-repeat;
    width: 127px;
    height: 184px;
    margin-left: 12px;
}
#outercontainer .content_stab #referenciak .kep img {
    margin-left: 6px;
    margin-top: 6px;
    border: 0px none;
}


/*
*	REFERENCIÁK OLDAL
*/
#outercontainer .content_referenciak {
    background-image:url(images/referenciak/referenciak_hatter.png);
	background-position: top center;
	background-repeat:no-repeat;
    background-color: #486490;
}

#outercontainer .content_referenciak #referenciak {
    margin-top: 0px;
    width: 100%;
    /*height: 500px;*/
    padding-left: 40px;

}

#outercontainer .content_referenciak #referenciak2 {
    margin-top: 40px;
    width: 500px;
    /*height: 500px;*/
    padding-left: 40px;

}

#outercontainer .content_referenciak .kep {
    display: inline-block;
    background: url(images/stab/kiskep_hatter.png);
    background-position: top left;
    background-repeat: no-repeat;
    width: 127px;
    height: 184px;
    margin-left: 12px;
    vertical-align:top;
    text-align:center;
    margin-bottom: 15px;
}
#outercontainer .content_referenciak .kep img {
    /*margin-left: 6px;*/
    margin-top: 6px;
    border: 0px none;
}

#outercontainer .content_referenciak #szoveg1 {
    position: absolute;
    width: 350px;
    height: 100px;
    text-align: justify;
    top: 215px;
    left: 510px;
    font-size: 14px;
}

#outercontainer .content_referenciak #szoveg2 {
    position: absolute;
    width: 400px;
    height: 100px;
    top: 310px;
    left: 490px;
    font-size: 14px;
    text-align: justify;
}

#outercontainer .content_referenciak #szoveg3 {
    position: absolute;
    width: 300px;
    height: 100px;
    top: 395px;
    left: 540px;
    font-size: 14px;
    text-align: justify;
}


/*
*	FELTÉTELEK OLDAL
*/
#outercontainer .content_gyik {
	
    background-image:url(images/gyik/gyik_hatter.png);
	background-position: top center;
	background-repeat:no-repeat;
	background-color: #486490;
	padding-top: 150px;
}

#outercontainer .content_gyik #b1 {

	position: relative;
	font-size: 12px;
	margin-left: 30px;
	color: #afb5bf;

}

#outercontainer .content_gyik #b1 a {
	color: #afb5bf;
	text-decoration: none;
}

#outercontainer .content_gyik #b1 .bg span {

	display: inline-block;
	float: left;
	width: 25px;
	color: white;
	font-weight:bold;

}

#outercontainer .content_gyik #b2 {

	position: relative;
	font-size: 12px;
	margin-left: 40px;
}

#outercontainer .content_gyik #b2 .title {
	font-weight: bold;
	color: white;
}

#outercontainer .content_gyik #b2 .bg span {

	display: inline-block;
	float: left;
	width: 25px;
	color: white;
	font-weight:bold;

}