/* written by The Shadowhand Company (www.shadowhand.hu), copyright 2007 */

/***********************************************/

/* HTML tag styles                             */

/***********************************************/ 
body {
	background: url(../images/bg_grad.jpg) repeat-x top left;
	background-color: #eeefef;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
}
body, td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
a:link {
	color: #333333;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #666666;
}
a:hover {
	text-decoration: none;
	color: #af0c42;
}
a:active {
	text-decoration: underline;
	color: #666666;
}
/***********************************************/

/* Layout Divs                                 */

/***********************************************/

#position {
	position: relative;
	margin: 0 auto;
	width: 900px;
}
#corners_top {
	position: relative;
	padding-top:10px;
	background-image: url(../images/corners_top.gif);
	background-repeat: no-repeat;
}
#header {
	position: relative;
	height: 126px;
	background-image: url(../images/bg_line.gif);
	background-repeat: repeat-y;
	padding-left: 30px;
	padding-top: 40px;
}
#webmail {
	width: 170px;
	position: absolute;
	top: 10px;
	right: 16px;
	padding-left: 28px;
	padding-top: 28px;
	background: url(../images/webmail_title.gif) no-repeat left top;
}
#menu {
	padding-left: 16px;
	padding-right: 16px;
	padding-bottom: 10px;
	background-image: url(../images/bg_line.gif);
	background-repeat: repeat-y;
}
#actual {
	padding-left: 16px;
	padding-right: 16px;
	background-image: url(../images/bg_line.gif);
	background-repeat: repeat-y;
}
#content {
	position: relative;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 10px;
	background-image: url(../images/bg_line.gif);
	background-repeat: repeat-y;
}
#corners_bottom {
	height: 10px;
	background-image: url(../images/corners_bottom.gif);
	background-repeat: no-repeat;
}
#footer {
	position: relative;
	text-align: center;
	width: 868px;
	height: 35px;
	margin-top: 10px;
	border-top: dashed 1px;
}
#footer2 {
	position: relative;
	text-align: center;
	width: 868px;
	height: 35px;
	margin-top: 10px;
	border-top: dashed 1px;
}
#copy {
	position: relative;
	height: 15px;
	text-align: center;
}
.clearfix {
	clear: both;
}
.line {
	height: 33px;
	padding-top: 8px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: dashed 1px;
}
.breadcrumb {
	text-align: left;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: dashed 1px;
	border-bottom: dashed 1px;
}
#flashcontent {
	border: solid 1px #c3c4c4;
	width: 868px;
	height: 400px;
	float: left;
	margin: 0px 0px;
}
/***********************************************/

/* Components                                  */

/***********************************************/


.partners {
	position: relative;
	line-height: 1.4;
}
.left {
	position: relative;
	float: left;
	width: 217px;
	margin-top: 10px;
padding: 0;
	text-align: center;
	margin-bottom: 20px;
	line-height: 1.4;
}
.rightimage {
	float: right;
	width: 260px;
	margin-top: 10px;
}
.collumleft {
	float: left;
	width: 429px;
	padding-right: 10px;
	padding-bottom: 20px;
	line-height: 1.4;
}
.collumright {
	float: right;
	width: 429px;
	padding-bottom: 20px;
	line-height: 1.4;
}
#szolgaltat {
	height: 800px;
	line-height: 1.4;
}
#ceg {
	line-height: 1.6;
	padding-bottom: 10px;
}
#tech {
	line-height: 1.4;
	padding-bottom: 10px;
}
#kapcsolat {
	line-height: 1.4;
	padding-bottom: 10px;
}
#terkep {
	line-height: 1.4;
	height: 400px;
}
/************** # styles ***************/



.listmain li {
	text-indent: 15px;
	list-style: none;
	background:url(../images/bullet_dot.gif) no-repeat 0px 6px;
}
.commentlist {
	padding-left: 15px;
	font-style: italic;
}
/************** #webmail styles ***************/



.small {
	font-size: 10px;
	font-weight: bold;
	line-height: 1.4;
}
.comment {
	font-size: 10px;
	color: #666666;
	line-height: 1.4;
}
.field {
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid #e3e3e3;
	background: url(../images/field_bg.gif) repeat-x;
	padding: 2px 3px 2px 3px;
	width: 160px;
	color: #333333;
	font-weight: bold;
}
.field:hover {
	border: 1px solid #af0c42;
}
/************** #packages styles ***************/





#packages {
	position: relative;
	height: 220px;
}
.pack_s {
	position: relative;
	float: left;
	width: 219px;
	height: 207px;
	margin-top: 10px;
	background-image: url(../images/bg_pack_s.jpg);
	background-repeat: no-repeat;
}
.pack_g {
	position: relative;
	float: left;
	width: 219px;
	height: 207px;
	margin-top: 10px;
	background-image: url(../images/bg_pack_g.jpg);
	background-repeat: no-repeat;
}
.pack_p {
	position: relative;
	float: left;
	width: 219px;
	height: 207px;
	margin-top: 10px;
	background-image: url(../images/bg_pack_p.jpg);
	background-repeat: no-repeat;
}
.pack_ps {
	position: relative;
	float: left;
	width: 209px;
	height: 207px;
	margin-top: 10px;
	background-image: url(../images/bg_pack_ps.jpg);
	background-repeat: no-repeat;
}
.packtitle {
	position: absolute;
	top: 16px;
	left: 40px;
	font-size: 17px;
	font-weight: bold;
	color: #af0c42;
	line-height: 15px;
}
.packtitle_special {
	font-size: 12px;
	font-style: italic;
}
.packtextholder {
	position: absolute;
	top: 40px;
	left: 0px;
}
.packtext {
	width: 180px;
	margin: 13px 0 0 0;
	padding: 0 0 0 25px;
	font-size: 11px;
	list-style-type: none;
	list-style-image: url(../images/bullet_dotsmall.gif);
}
.packprice {
	position: absolute;
	left: 49px;
	top: 167px;
	font-size: 14px;
	font-weight: bold;
	color: #af0c42;
}
.packprice_special {
	position: absolute;
	left: 47px;
	top: 167px;
	font-size: 12px;
	font-weight: bold;
	color: #af0c42;
	line-height: 17px;
}
.packmore {
	overflow: hidden;
	position: absolute;
	left: 138px;
	top: 180px;
	width: 66px;
	height: 30px;
	display: block;
	background: url(../images/pack_more.gif) 0 0 no-repeat;
}
.packmore a {
	display: block;
	width: 66px;
	height: 30px;
	text-indent: -100px;
	background: url(../images/pack_more.gif) 0 0 no-repeat;
}
.packmore a:hover {
	display: block;
	width: 66px;
	height: 30px;
	background: url(../images/pack_more.gif) -66px 0px no-repeat;
}
.btn_tovabb {
	overflow: hidden;
	width: 63px;
	height: 30px;
	display: block;
	background: url(../images/btn_tovabb.gif) 0 0 no-repeat;
	position: absolute;
	left: 65px;
	top: 30px;
}
.btn_tovabb a {
	display: block;
	width: 63px;
	height: 30px;
	text-indent: -100px;
	background: url(../images/btn_tovabb.gif) 0 0 no-repeat;
}
.btn_tovabb a:hover {
	display: block;
	width: 63px;
	height: 30px;
	background: url(../images/btn_tovabb.gif) -63px 0px no-repeat;
}
/************** #packzoom styles ***************/

#packzoom {
	position: relative;
	top: 10px;
}
.pink {
	color: #af0c42;
}
.packpic {
	position: absolute;
	top: 120px;
	right: 110px;
}
.infotable {
	margin-left: -3px;
}
.contacttable {
	margin-left: 5px;
}
.tablehead {
	background-color: #EFEFEF;
	background-image: url(../images/title_bg.gif);
	background-repeat: no-repeat;
	height: 34px;
	font-weight: bold;
	color: #af0c42;
}
.tablerow {
	background-color: #EFEFEF;
}
.order {
	overflow: hidden;
	width: 95px;
	height: 30px;
	display: block;
	background: url(../images/order.gif) 0 0 no-repeat;
}
.order a {
	display: block;
	width: 95px;
	height: 30px;
	text-indent: -100px;
	background: url(../images/order.gif) 0 0 no-repeat;
}
.order a:hover {
	display: block;
	width: 95px;
	height: 30px;
	background: url(../images/order.gif) -95px 0px no-repeat;
}
/************** #content styles ***************/

.title {
	padding-left: 6px;
	font-size: 16px;
	font-weight: bold;
	color: #af0c42;
}
.more {
	overflow: hidden;
	width: 66px;
	height: 30px;
	display: block;
	background: url(../images/more.gif) 0 0 no-repeat;
}
.more a {
	display: block;
	width: 66px;
	height: 30px;
	text-indent: -100px;
	background: url(../images/more.gif) 0 0 no-repeat;
}
.more a:hover {
	display: block;
	width: 66px;
	height: 30px;
	background: url(../images/more.gif) -66px 0px no-repeat;
}
.back {
	overflow: hidden;
	width: 66px;
	height: 30px;
	display: block;
	background: url(../images/back.gif) 0 0 no-repeat;
}
.back a {
	display: block;
	width: 66px;
	height: 30px;
	text-indent: -100px;
	background: url(../images/back.gif) 0 0 no-repeat;
}
.back a:hover {
	display: block;
	width: 66px;
	height: 30px;
	background: url(../images/back.gif) -66px 0px no-repeat;
}
.top {
	overflow: hidden;
	width: 95px;
	height: 30px;
	display: block;
	background: url(../images/top.gif) 0 0 no-repeat;
}
.top a {
	display: block;
	width: 95px;
	height: 30px;
	text-indent: -100px;
	background: url(../images/top.gif) 0 0 no-repeat;
}
.top a:hover {
	display: block;
	width: 95px;
	height: 30px;
	background: url(../images/top.gif) -96px 0px no-repeat;
}
.pdf {
	overflow: hidden;
	width: 159px;
	height: 30px;
	display: block;
	background: url(../images/pdf.gif) 0 0 no-repeat;
}
.pdf a {
	display: block;
	width: 159px;
	height: 30px;
	text-indent: -800px;
	background: url(../images/pdf.gif) 0 0 no-repeat;
}
.pdf a:hover {
	display: block;
	width: 159px;
	height: 30px;
	background: url(../images/pdf.gif) -159px 0px no-repeat;
}
/************** #help styles ***************/

.helplist {
	list-style-type: decimal;
}
.linklist {
	line-height: 2;
	list-style-type: none;
}
/************** #kapcsolat styles ***************/

.contactlist ul {
	list-style: none;
}
/*.emaillink {
	padding-left: -40px;
	line-height: 2;
	text-indent: 20px;
	list-style-type: none;
	background:url(../images/bullet_email.gif) no-repeat 2px 7px;
}
.phonelink {
	padding-left: -40px;
	line-height: 2;
	text-indent: 20px;
	list-style-type: none;
	background:url(../images/bullet_phone.gif) no-repeat 2px 7px;
}*/
/************** #footer, copy styles ***************/


.footertext {
	font-size: 10px;
	display: inline-table;
	line-height: 15px;
	/*	color: #e3e3e3;*/

	color: #666666;
}
.footertext a {
	padding: 2px 3px;
	/*border: 1px solid #fff;*/

	text-decoration: none;
}
.footertext a:hover {
	padding: 2px 3px;
	/*	border: 1px solid #333333;*/

	background-color: #e3e3e3;
	color: #333333;/*	#af0c42; #e3e3e3*/
}
.footertext a:visited {
	color: #333333;
	text-decoration: none;
}
.footertext a:active {
	color: #333333;
	text-decoration: none;
}
.copytext {
	padding: 2px 3px;
	font-size: 10px;
	color: #666666;
}
.copytext a {
	padding: 2px 3px;
	font-size: 10px;
	color: #666666;
}
.copytext a:hover {
	padding: 2px 3px;
	background-color: #e3e3e3;
	color: #666666;
	text-decoration: underline;
}
/************** #aszf styles ***************/



.indent {
	margin-left: 15px;
}
.subtitle {
	font-size: 14px;
}
.smalltitle {
	font-weight: bold;
}
.contentlist {
	list-style-type: decimal;
	font-weight: bold;
	line-height: 2;
}
/*************** webmail ************/

#webmail_aplusnet {
	width: 430px;
	padding: 0;
	margin:  0;
	float: left;
}
#webmail_aircom {
	width: 430px;
	padding: 0;
	margin:  0;
	float: right;
}
.belepes {
	background: url(../images/belepes.gif) 0 0 no-repeat;
	display: block;
	height: 30px;
	width: 63px;
	margin: 5px 0 0 0;
	padding: 0;
	border: 0;
	text-indent: -9999px;
	cursor: pointer;
	float: right;
}
.belepes:hover {
	background: url(../images/belepes.gif) no-repeat -63px 0px;
	height: 30px;
	width: 63px;
	cursor: pointer;
}
.webmail_title {
	width: 405px;
	background-image: url(../images/title_bg.gif);
	background-repeat: no-repeat;
	margin:  10px 0 20px 0;
	padding: 10px;
	font-weight: bold;
	color: #af0c42;
}
.form_holder {
	width: 170px;
	margin: 0 auto;
	padding: 0;
}
#webmail_holder {
	position: absolute;
	right: 0;
	top: 50px;
}

