/* CSS Document */



body {
	margin:0px;
	background-image: url(images/background.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#header {
	margin: 0px;
	padding: 0px;
	height: 59px;
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
	background-position: 35px 0px;
}
.sidebar {
	padding:0px;
	margin:0px;
	width: 152px;
}
#content {
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	
}

.footerwrapper #footer {
	margin: 0px;
	height: 61px;
	background-image: url(images/footerbg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	display: block;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.footerwrapper #bottomlinks {
	margin: 0px;
	background-image: url(images/bottomlinksbg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 170px;
	background-color: #023B4C;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 180px;
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.footerwrapper #bottomlinks .bottomlinkwrapper #bottomlinkcell .hlink {
	color: #B8DEE6;
	text-decoration: none;
	font-weight: normal;
}
.footerwrapper #bottomlinks .bottomlinkwrapper {
}
.footerwrapper #bottomlinks .bottomlinkwrapper #bottomlinkcell .hlink:hover {
	color: #FFFFFF;
}
.footerwrapper #bottomlinks .bottomlinkwrapper {
	display: block;
	margin: 10px;
	padding: 5px;
}
.footerwrapper #bottomlinks .bottomlinkwrapper #bottomlinkcell .bottomBigText {
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
}
.footerwrapper #footertext {
	margin: 0px;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: #FFFFFF;
}
.footerwrapper #footer #footertext img {
	position: relative;
	float: left;
}
#header, #sidebar {
	padding-left: 35px;
}
#sidebar {
	background-image: url(images/bg_menu.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#sidebar #Menu {
	display: block;
}
.tartalom {
	float: left;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
/* gombok */

a.kezdolap {
	position:relative;
	float:left;
	width:152px;
	height: 26px;
	background: url(images/kezdolap.png) repeat-x 50% top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
}
a.kezdolap:hover {
	position:relative;
	float:left;
	width:152px;
	height: 26px;
	background: url(images/kezdolaph.png) repeat-x 50% top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
}
a.hireink {
	position:relative;
	float:left;
	width:152px;
	height: 26px;
	background: url(images/hireink.png) repeat-x 50% top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
}
a.hireink:hover {
	position:relative;
	float:left;
	width:152px;
	height: 26px;
	background: url(images/hireinkh.png) repeat-x 50% top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
}
a.szolgaltatasaink {
	position:relative;
	float:left;
	width:152px;
	height: 26px;
	background: url(images/game-serverh.png) repeat-x 50% top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
}
a.szolgaltatasaink:hover {
	position:relative;
	float:left;
	width:152px;
	height: 26px;
	background: url(images/game-server.png) repeat-x 50% top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
}
a.megrendeles {
	position:relative;
	float:left;
	width:152px;
	height: 26px;
	background: url(images/megrendeles.png) repeat-x 50% top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
}
a.megrendeles:hover {
	position:relative;
	float:left;
	width:152px;
	height: 26px;
	background: url(images/megrendelesh.png) repeat-x 50% top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
}
a.kapcsolatfelvetel {
	position:relative;
	float:left;
	width:152px;
	height: 26px;
	background: url(images/kapcsolatfelvetel.png) repeat-x 50% top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
}
a.kapcsolatfelvetel:hover {
	position:relative;
	float:left;
	width:152px;
	height: 26px;
	background: url(images/kapcsolatfelvetelh.png) repeat-x 50% top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
}
a.adatvedelem {
	position:relative;
	float:left;
	width:152px;
	height: 26px;
	background: url(images/adatvedelem.png) repeat-x 50% top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
}
a.adatvedelem:hover {
	position:relative;
	float:left;
	width:152px;
	height: 26px;
	background: url(images/adatvedelemh.png) repeat-x 50% top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
}

a.audiovideostreaming {
	position:relative;
	float:left;
	width:152px;
	height: 26px;
	background: url(images/audiovideostreaming.png) repeat-x 50% top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
}
a.audiovideostreaming:hover {
	position:relative;
	float:left;
	width:152px;
	height: 26px;
	background: url(images/audiovideostreamingh.png) repeat-x 50% top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
}

a.virtualisszerver {
	position:relative;
	float:left;
	width:152px;
	height: 26px;
	background: url(images/virtualisszerver.png) repeat-x 50% top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
}
a.virtualisszerver:hover {
	position:relative;
	float:left;
	width:152px;
	height: 26px;
	background: url(images/virtualisszerverh.png) repeat-x 50% top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
}

a.letoltesek {
	position:relative;
	float:left;
	width:152px;
	height: 26px;
	background: url(images/letoltesek.png) repeat-x 50% top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
}
a.letoltesek:hover {
	position:relative;
	float:left;
	width:152px;
	height: 26px;
	background: url(images/letoltesekh.png) repeat-x 50% top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
}
a.egyebhosting {
	position:relative;
	float:left;
	width:152px;
	height: 26px;
	background: url(images/egyebhostingh.png) repeat-x 50% top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
}
a.egyebhosting:hover {
	position:relative;
	float:left;
	width:152px;
	height: 26px;
	background: url(images/egyebhosting.png) repeat-x 50% top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
}
a.arajanlat {
	position:relative;
	float:left;
	width:152px;
	height: 26px;
	background: url(images/arajanlat.png) repeat-x 50% top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
}
a.arajanlat:hover {
	position:relative;
	float:left;
	width:152px;
	height: 26px;
	background: url(images/arajanlath.png) repeat-x 50% top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
}
a.pcszerviz {
	position:relative;
	float:left;
	width:152px;
	height: 26px;
	background: url(images/pcszerviz.png) repeat-x 50% top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
}
a.pcszerviz:hover {
	position:relative;
	float:left;
	width:152px;
	height: 26px;
	background: url(images/pcszervizh.png) repeat-x 50% top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
}
a.kellekek {
	position:relative;
	float:left;
	width:152px;
	height: 26px;
	background: url(images/infokellekekh.png) repeat-x 50% top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
}
a.kellekek:hover {
	position:relative;
	float:left;
	width:152px;
	height: 26px;
	background: url(images/infokellekek.png) repeat-x 50% top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
}
a.domain {
	position:relative;
	float:left;
	width:152px;
	height: 26px;
	background: url(images/domain.png) repeat-x 50% top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
}
a.domain:hover {
	position:relative;
	float:left;
	width:152px;
	height: 26px;
	background: url(images/domainh.png) repeat-x 50% top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
}
a.webhosting {
	position:relative;
	float:left;
	width:152px;
	height: 26px;
	background: url(images/webhosting.png) repeat-x 50% top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
}
a.webhosting:hover {
	position:relative;
	float:left;
	width:152px;
	height: 26px;
	background: url(images/webhostingh.png) repeat-x 50% top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
}
a.szerverberles {
	position:relative;
	float:left;
	width:152px;
	height: 26px;
	background: url(images/szerverberles.png) repeat-x 50% top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
}
a.szerverberles:hover {
	position:relative;
	float:left;
	width:152px;
	height: 26px;
	background: url(images/szerverberlesh.png) repeat-x 50% top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
}
a.szerverhosting {
	position:relative;
	float:left;
	width:152px;
	height: 26px;
	background: url(images/szerverhosting.png) repeat-x 50% top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
}
a.szerverhosting:hover {
	position:relative;
	float:left;
	width:152px;
	height: 26px;
	background: url(images/szerverhostingh.png) repeat-x 50% top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
}
a.referenciak {
	position:relative;
	float:left;
	width:152px;
	height: 26px;
	background: url(images/referenciak.png) repeat-x 50% top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
}
a.referenciak:hover {
	position:relative;
	float:left;
	width:152px;
	height: 26px;
	background: url(images/referenciakh.png) repeat-x 50% top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
}
a.webdesign {
	position:relative;
	float:left;
	width:152px;
	height: 26px;
	background: url(images/webdesign.png) repeat-x 50% top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
}
a.webdesign:hover {
	position:relative;
	float:left;
	width:152px;
	height: 26px;
	background: url(images/webdesignh.png) repeat-x 50% top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
}
a.grafikaimunkak {
	position:relative;
	float:left;
	width:152px;
	height: 26px;
	background: url(images/grafikaimunkak.png) repeat-x 50% top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
}
a.grafikaimunkak:hover {
	position:relative;
	float:left;
	width:152px;
	height: 26px;
	background: url(images/grafikaimunkakh.png) repeat-x 50% top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* IE 5.x */
}
/* bal oldali boxok */



.topWebmail {
	width: 147px;
	background: url(images/topWebmail.png) no-repeat left top;
	padding: 60px 0 0 5px;
	color: #313131;/*border: 1px solid #000000;*/

}
.topHirlevel {
	width: 147px;
	background: url(images/topHirlevel.png) no-repeat left top;
	color: #313131;
	float: left;
	padding-top: 60px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;	/*border: 1px solid #000000;*/
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.topUgyfelszolgalat {
	width: 147px;
	background: url(images/topUgyfelszolgalat.png) no-repeat left top;
	color: #313131;
	float: left;
	padding-top: 60px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;	/*border: 1px solid #000000;*/
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
.topRolunkirtak {
	width: 147px;
	background: url(images/topRolunkirtak.png) no-repeat left top;
	color: #313131;
	float: left;
	padding-top: 60px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;	/*border: 1px solid #000000;*/
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
.topUgyfeleinknek {
	position:relative;
	float:left;
	display: table;
	width: 147px;
	height:80px;
	background: url(images/topUgyfeleinknek.png) no-repeat left top;
	padding: 60px 0 0 5px;
	color: #313131;/*border: 1px solid #000000;*/

}
.topRolunkirtak {
	position:relative;
	float:left;
	display: table;
	width: 147px;
	height:80px;
	background: url(images/topRolunkirtak.png) no-repeat left top;
	padding: 60px 0 0 5px;
	color: #313131;/*border: 1px solid #000000;*/

}
.topTarhelycsomag {
	position:relative;
	display: table;
	/*width: 768px;*/

	height:110px;	/*background: url(../images/topTarhelycsomag.png) no-repeat left top;*//*padding: 60px 0 0 10px;*/

	/*border: 1px solid #000000;*/

}
.topLegHirek {
	position:relative;
	float:left;
	display: table;
	width: 768px;
	height:80px;
	background: url(images/topLegHirek.png) no-repeat left top;
	padding: 60px 0 0 25px;
	color: #313131;/*border: 1px solid #000000;*/

}
.topTartalom {
	position:relative;
	float:left;
	display: table;
	width: 730px;
	height:80px;
	/*background: url(../images/topLegHirek.png) no-repeat left top;*/

	margin: 4px 0 0 15px !important;
	margin: 0 0 0 0;
	color: #313131;
	line-height:16px;
	text-align: justify;/*border: 1px solid #000000;*/

}
.topKeret {
	position:relative;
	float:left;
	display: table;
	width: 730px;
	height:80px;
	/*background: url(../images/topLegHirek.png) no-repeat left top;*/

	padding: 60px 0 0 2px;
	color: #313131;
	line-height:16px;
	text-align: justify;/*border: 1px solid #000000;*/

}
.topBejelentkezes {
	float:left;
	width: 147px;
	display:table;
	background: url(images/topWebmail.png) no-repeat left top;
	color: #313131;
	padding-top: 60px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;	/*border: 1px solid #000000;*/
	margin-top: 70px;
}
.topSzerverek {
	float:left;
	width: 147px;
	background: url(images/topSzerverek.png) no-repeat left top;
	color: #313131;
	margin-bottom: 40px;
	padding-top: 60px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;	/*border: 1px solid #000000;*/
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.topTarhelycsomag {
	position:relative;
	float:left;
	display: table;
	/*width: 768px;*/

	height:110px;/*background: url(../images/topTarhelycsomag.png) no-repeat left top;*/

	/*padding: 60px 0 0 10px;*/

	/*border: 1px solid #000000;*/

}
div#boxKozepes {
	position:relative;
	float:left;
	display: table;
	width: 220px;
	height: 295px;
	background: url(images/boxKozepes.png) no-repeat left top;
	padding: 45px 10px 0 20px;
	font-family: verdana, arial, sans-serif;
	font-size: 7pt;
	color: #303030;
	line-height: 16px;
}
div#boxExtra {
	position:relative;
	float:left;
	display: table;
	width: 220px;
	height: 295px;
	background: url(images/boxExtra.png) no-repeat left top;
	padding: 45px 10px 0 20px;
	font-family: verdana, arial, sans-serif;
	font-size: 7pt;
	color: #303030;
	line-height: 16px;
}
div#boxAlap {
	position:relative;
	float:left;
	display: table;
	width: 220px;
	height: 330px;
	background: url(images/boxAlap.png) no-repeat left top;
	padding: 45px 10px 0 20px;
	font-family: verdana, arial, sans-serif;
	font-size: 7pt;
	color: #303030;
	line-height: 16px;/*border: 1px solid #000000;*/

}