* {margin: 0; padding: 0;}
html, body {height: 100%; }
body {background: #5a88ba; color: #000; font-family: arial; font-size: 12px;}

img, fieldset {border: 0;}
input, textarea, select, object, embed, table, tr, th, td {border-spacing: 0px; border-collapse: collapse;}
input, textarea, select {border: solid 1px #5e82a3; outline: none; background: #eef1fa; font-family: arial; font-size: 12px;}
.checkbox {border: 0 !important; width: 13px; height: 13px; display: block; float: left;}


form#ecard {padding: 10px 0;}
.frow {clear: both; overflow: hidden; _height: 1%; margin-bottom: 3px;}
input, textarea  {display: block; float: left; }
label {display: block; float: left; width: 136px; font-weight: bold;}
.size1 {width: 256px; padding: 0 2px}
textarea.size1 { height: 100px;}


form#berel label {width: 260px;}
form#berel .size1 {width: 320px;}
form#berel a#btn-send {margin-left: 260px;}

h1 {font-size:14px; }
h2 {font-size:12px;}
a {text-decoration: none; color: #5e82a3;}
a:hover {text-decoration: underline;}
#header a, #outter-footer a  {color: #fff; }
.introslink a {color: #5e82a3;}
.visszalink a {color: #a32638;}
a#btn-send {margin-left: 136px; display: block; width: 59px; height: 23px; line-height: 23px; text-align: center; background: url(../images/btn_elkuld.gif) no-repeat; color: #fff; text-decoration: none;}



/**/

#outter-page {background: url(../images/bg_outter_page.gif) left bottom repeat-x;}
	#page{width: 948px; margin: 20px auto 0 auto; position: relative;}
		#header {position: relative; font-size: 11px; width: 948px; height: 108px; background: url(../images/bg_header.gif) no-repeat; clear: both; overflow: hidden;}
		#body {width: 938px; background: #fff url(../images/bg_body.gif) repeat-y; padding: 0 4px 0 0; border-left: solid 5px #fff; border-right: solid 1px #e1e5f1;}
			.content {padding: 0px 28px 5px 28px; }
			#ivg {background: #ebeff0 url(../images/bg_sdivg.gif); }
				#ivg h2, #ivg h2 span {display: none; width: 83px; height: 52px; background: url(../images/ivg_logo.gif) no-repeat;}
				#ivg h2 {position: relative; text-align: center;}
				#ivg h2 a {font-size: 9px; color: #b0bb9d; width: 83px; height: 52px; display: block; overflow: hidden;}
				#ivg h2 span {position: absolute; top: 0; left: 13px; *cursor: pointer;}

#outter-footer {width: /*948*/920px; height: 32px; padding: 7px 0 20px 28px; margin: 0 auto; background: url(../images/bg_footer.gif) no-repeat; }



/*header-logo*/
h1#header-logo, h1#header-logo span {width: 228px; height: 89px; background: url(../images/header_logo.gif) no-repeat;}
h1#header-logo {position: relative; text-align: center; top: 19px;}
h1#header-logo a {line-height: 89px;  font-size: 11px; color: #b0bb9d;}
h1#header-logo span {position: absolute; top: 0; left: 0; *cursor: pointer;}

h2#ivg-logo, h2#ivg-logo span {position: absolute; width: 129px; height: 89px; background: url(../images/ivg_logo.gif) no-repeat; overflow: hidden; }
h2#ivg-logo {bottom: 0; right: 0; text-align: center; top: 19px;}
h2#ivg-logo a {line-height: 89px;  font-size: 11px; color: #b0bb9d;}
h2#ivg-logo span {top: 0; left: 0; *cursor: pointer;}

/*langs*/
	ul#langs {position: absolute; top: 3px; right: 0; width: 129px; height: 19px; text-align: center;}
	ul#langs li {border-color: #98b6d3;}
	ul#langs a {color: #fff;}

/*Mainmenu*/
ul#mainmenu {list-style: none; width: 938px; height: 39px; background: #5e82a3 url(../images/bg_mainmenu.gif) no-repeat; border-top: solid 2px #fff; border-bottom: solid 4px #fff;}
ul#mainmenu li, ul#mainmenu li a, ul#mainmenu li span {display: block; height: 39px; overflow: hidden;}
ul#mainmenu li {position: relative; float: left; border-right: solid 1px #fff;}
ul#mainmenu li a {line-height: 42px; text-align: center; color: #fff; font-size: 14px;}
ul#mainmenu li a:hover {background: #fff; color: #5e82a3; text-decoration: none;}
ul#mainmenu li span {position: absolute; top: 0; left: 0; *cursor: pointer;}

li#mp1, li#mp1 a, li#mp1 a span {width: 140px;}
li#mp2, li#mp2 a, li#mp2 a span {width: 167px;}
li#mp3, li#mp3 a, li#mp3 a span {width: 115px;}
li#mp4, li#mp4 a, li#mp4 a span {width: 90px;}
li#mp5, li#mp5 a, li#mp5 a span {width: 140px;}
li#mp6, li#mp6 a, li#mp6 a span {width: 165px;}
li#mp7, li#mp7 a, li#mp7 a span {width: 115px; border-right: 0 !important;}

ul#mainmenu li.active a {background: #fff !important; color: #5e82a3 !important;}


/*falsh*/
#flash {width: 938px; height: 269px; border-bottom: solid 5px #fff; background: #fff; }
span#corner {position: absolute; top: 140px; left: 459px; display: block; width: 42px; height: 13px; background: url(../images/corner.png) no-repeat;  font-size: 10px; line-height: 13px;}
	* html span#corner {
		background-image: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="templates/images/corner.png", sizingMethod="noscale");
	}

h1#title {color: #5e82a3; height: 45px; line-height: 40px; padding-left: 35px; background: url(../images/bg_title.png) no-repeat; overflow: hidden; *position: relative; *z-index: 2;}
	* html h1#title{
		background-color: #000;
		back\ground-color: transparent;
		background-image: url(blank.gif);
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="templates/images/bg_title.png", sizingMethod="scale");
	}


/*content*/
.content h2 {padding: 5px 0;}
.content a {color: #a32638;}
.content p {padding: 5px 0;}
.content table {margin-top: 5px;}
.content th {background: #a0b4d5; color: #fff;}
.content th, .content td {padding: 5px 15px; border: solid 1px #a0b4d5;}
.content ul {margin: 0 0 0 30px;}
.content ul li {padding: 1px 0;}

.zoldbox {background: #e6e8e8; padding: 10px; margin-top: -8px; }
.floatbox {clear: both; overflow: hidden; _height: 1%;}
.setcol {width: 50%; float: left; margin-top: 5px;}
.setcol img {display: block;}

h2.zoldcim {background: #7e9ec7 url(../images/bg_h2_jellemzok.gif) right top no-repeat; color: #fff; padding: 5px 10px; margin-bottom: 5px;}

.intros {float: left; width: 284px; margin: 5px 15px 0 0; overflow: hidden; position: relative; border-bottom: solid 20px transparent; _border-bottom: solid 20px #fff;}
.intros h2 {margin-bottom: 5px; padding: 0 0 0 35px; height: 29px; line-height: 31px; border-top: solid 1px #e3e8e1; border-bottom: solid 1px #e3e8e1; background: #fff url(../images/bg_h2.gif) no-repeat; overflow: hidden;}
.intros p {padding: 40px 10px 20px 145px;}
.intros .lyrics {min-height: 206px; _height: 206px;}
.intros .introslink {position: absolute; bottom: 5px; right: 10px;}
#intro1 .lyrics {background: #e6e8e8 url(../images/bg_intro1.gif) left top no-repeat;}
#intro2 .lyrics {background: #e6e8e8 url(../images/bg_intro2.gif) left top no-repeat; }
#intro3 .lyrics {background: #e6e8e8 url(../images/bg_intro3.gif) left top no-repeat; }
#intro3 {margin-right: 0 !important;}

table#berbead {width: 100%;}

.visszalink {text-align: right; margin-top: 10px;}

.grow {clear: both; overflow: hidden; _height: 1%;  }
.gpics {float: left; width: 883px; border-bottom: solid 2px #dde4dc; padding-bottom: 5px;}
.gpic, .gpic span {width: 141px; height: 94px;}
.gpic {float: left; position: relative; margin: 5px 0 0 5px;}
.gpic img {displaY: block; margin: 3px 0 0 4px;}
.gpic span {position: absolute; top: 0; left: 0; *cursor: pointer; background: url(../images/gpic_border.gif) no-repeat;}
.grow .first {margin-left: 0 !important;}

#terkep1 {width: 317px; float: left; margin-right: 10px; padding-top:10px;}
#terkep1 h2 {padding-bottom: 8px;}
#terkep2 {width: 555px; float: left; padding-top: 10px;}
#terkep2 img {margin-top: 10px;}

#ecardpics {width: 467px; height: 314px; float: left; margin: 10px 15px 10px 0; position: relative; overflow: hidden;}
#ecardpics img {display: block;}
#ecardtext {width: 400px; float: left; margin: 35px 0;}
.ecard-btn, .ecard-btn span {position: absolute; width: 48px; height: 48px;}
.ecard-btn span {position: absolute; top: 0; left: 0; *cursor: pointer;}
#btn-prev {right: 68px; top: 20px;}
#btn-next {right: 20px; top: 20px;}
#btn-prev span {background: url(../images/btn_ecard_prev.png) no-repeat; _background-image: url(../images/btn_ecard_prev.gif);}
#btn-next span {background: url(../images/btn_ecard_next.png) no-repeat; _background-image: url(../images/btn_ecard_next.gif);}
	/*
	* html #btn-prev span {background-color: #000;	back\ground-color: transparent; background-image: url(blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="templates/images/btn_ecard_prev.png", sizingMethod="scale");}
	* html #btn-next span {background-color: #000; back\ground-color: transparent;	background-image: url(blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="templates/images/btn_ecard_next.png", sizingMethod="scale");}
	*/
#ecardlinkbox {width: 720px; margin: 10px auto; clear: both; overflow: hidden; _height:1%; position: relative;}
#choosenpic {float:left; width: 467px; height: 314px;}
#messagebox {float:left; position: absolute; bottom: 0; left: 477px; }
#messagebox h2 {font-size: 14px;}

#kapcsolat {background: url(../images/bg_kapcsolat.gif) no-repeat !important;}
#kapcsolat .zoldbox {background: #ced6de;}
	#kfloat {background: url(../images/bg_kfloat.png) no-repeat; margin-top: 10px;}
		* html #kfloat {background-color: #000;	back\ground-color: transparent; background-image: url(blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="templates/images/bg_kfloat.png", sizingMethod="scale");}
	#kgallery {float: left; width: /*151*/141px; margin: 0px 4px 0 0 ; padding: 0 5px;}
	#kgallery h2 {margin-top: 5px; text-align: center;}
	#kgallery .gpic { margin: 0 0 5px 0 !important;}
	#ktext {float: left; width: /*727*/667px; padding: 30px;}
		#knauer {padding-top: 20px;}
		#knauer p {width: auto !important;}
	#ktext form {margin-top: 10px;}
	#bemutat {padding: 20px 0; text-align: justify;}
	
ul#sitemap {padding: 20px 30px;}
ul#sitemap li {padding: 5px 0;}

ul.pipa {list-style: none;}
ul.pipa li {padding-left: 23px; background: url(../images/ico_listapipa.gif) 0 3px no-repeat;}
ul.pipa ul li {background: none; padding-left: 0;}

/*Inlinemenu*/
	.inlinemenu li {display: inline; padding: 0px 5px 0 3px; *padding: 0px 3px 0px 5px; border-right: 1px solid #5e82a3; list-style: none; }
	.noborder {border: 0 !important;}
	.nomargin {margin: 0 !important;}
	
	/* HR - vonal */
	.hr {background: #DBE2E8; margin-top: 10px; height: 1px; font-size: 1px; line-height: 1px; clear: both;}
	.hr hr {display: none;}
	
	/**/

	.fleft {float: left !important;}
	.fright {float: right !important;}
	.img-left {float: left !important; margin-right: 10px;}
	.img-right {float: right !important; margin-left: 10px;}
	.right {text-align: right !important;}
	.left {text-align: left !important;}
	.center {text-align: center !important;}
	.clear {clear: both; overflow: hidden;}
	.bold {font-weight: bold !important;}
	.hidden {display: none;}
	.piros {color: #f00 !important; }
	.italic {font-style: italic !important;}
	.clearer {clear: both; overflow: hidden; /*visibility: hidden;*/ height: 12px; padding: 12px 0 3px 0; background: url(../images/hr_shadow.gif) 0 14px repeat-x;}

	.gmaps {clear:both;}
	.gmaps iframe {border:1px solid #366183;}
	
	
	#lightbox{
		background-color: #222;
		padding: 0px;
		border: 5px solid #fff;
		}
	/*lightbox
	#lightboxDetails{
		color: #aaa;
		font: normal 9px verdana;
		padding-top: 0.4em;
		}
	#lightboxCaption{ float: left; }
	#keyboardMsg{ float: right; }*/
	#lightbox img{ border: 0; display: block;}
	#overlay img{ border: none; }
	#overlay{ background-image: url(../images/overlay.png); }
	* html #overlay{
		background-color: #000;
		back\ground-color: transparent;
		background-image: url(blank.gif);
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="templates/images/overlay.png", sizingMethod="scale");
	}