@charset "utf-8";

*html .header {
    position: absolute;
    left: expression( ( 0   ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) )   'px' );
    top: expression( ( 0   ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) )   'px' );
}

*html .rightcont {
    position: absolute;
    left: expression( ( 0   ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) )   'px' );
    top: expression( ( 0   ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) )   'px' );
}

html, body {
	height: 100%;
	padding: 0; margin: 0;
	background: url(image/bg_body.jpg) fixed;
}

body {
	overflow-x: hidden;
	width: 100%;
	margin: 0 auto;
	font: 15px Verdana,Arial,Helvetica,sans-serif;
	color: #876f40
}

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

.header {
	position: fixed;
	top: 0;
	height: 110px;
	width: 100%;
	background: url(image/bg_header.jpg) repeat-x bottom;
}

.menu {
	position: relative;
	float: left;
	text-align: center;
    height: 110px;
	width: 950px;
	left: 50%;
	margin: 0 0 0 -475px;
	background: url(image/bg_menu.jpg) no-repeat;
}

.logo {
	float: left;
	height: 110px;
	width: 250px;
	background: url(image/logo.jpg);
}

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

.container {
	position: relative;
	height: 100%;
	width: 950px;
    margin: 0 auto;
}

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

.leftcont {
	float: left;
	width: 700px;
	padding-top: 130px;
}

.photo {
	height: 300px;
	width: 700px;
}

.text {
	font: 15px Verdana,Arial,Helvetica,sans-serif;
	color: #6c6049;
	height: 230px;
	width: 680px;
	padding-right: 20px;
}

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

.rightcont {
	position: fixed;
	float: left;
	margin-top: 110px;
	width: 250px;
	margin-left: 700px;
	background: url(image/bg_right.jpg) no-repeat top right;
}

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

.footer {
    clear: both;
	text-align: center;
	height: 50px;
	width: 950px;
}

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

a.menu1 { background: }
a.menu2:hover { background: url(image/m_balaton.jpg) }
a.menu3:hover { background: url(image/m_galeria.jpg) }
a.menu4:hover { background: url(image/m_programok.jpg) }

a.menu1, a.menu2, a.menu3, a.menu4 {
	float: left;
	display: block;
    text-decoration: none;
	text-align: center;
	color: #eadcaa;
	height: 110px;
	width: 175px;
	line-height: 110px;
	background:;
}

a.menu2:hover, a.menu3:hover, a.menu4:hover {
    text-decoration: none;
	font: 15px Verdana,Arial,Helvetica,sans-serif;
	color: #d40000;
    height: 110px;
	line-height: 110px;
}

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

.menu_footer {
	float: left;
    height: 30px;
	width: 660px;
	margin: 20px 0 0;
}

a.footmenu1, a.footmenu2, a.footmenu3, a.footmenu4 {
	float: left;
	display: block;
	font: 14px Verdana,Arial,Helvetica,sans-serif;
	color: #6c6049;
    text-decoration: none;
	text-align: center;
	line-height: 30px;
	height: 28px;
	width: 164px;
	border-left: 1px dotted #876f40;
	border-top: 1px dotted #876f40;
	border-bottom: 1px dotted #876f40;
}

a.footmenu1:hover, a.footmenu2:hover, a.footmenu3:hover, a.footmenu4:hover {
	color: #d40000;
    height: 29px;
	line-height: 30px;
}

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

#top {
	float: left;
	font: 14px Verdana,Arial,Helvetica,sans-serif;
	color: #876f40;
    text-decoration: none;
    height: 50px;
	width: 40px;
}

#toptop {
	float: left;
    height: 28px;
	width: 39px;
	margin-top: 20px;
	border-left: 1px dotted #876f40;
	border-top: 1px dotted #876f40;
	border-bottom: 1px dotted #876f40;
}

#copyright {
	float: left;
	font: 14px Verdana,Arial,Helvetica,sans-serif;
	color: #876f40;
    text-decoration: none;
	text-align: center;
	height: 28px;
	width: 249px;
	line-height: 30px;
	margin: 20px 0 0;
	border-right: 1px dotted #876f40;
	border-top: 1px dotted #876f40;
	border-bottom: 1px dotted #876f40;
}

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

.icon_box { height: 40px; width: 220px; margin: 0 10px 0 20px; }

#icon2, #icon3, #icon4, #icon5 {
    margin-left: 5px;
}

#icon1, #icon2, #icon3, #icon4, #icon5 {
    float: left;
	text-align: center;
    height: 20px;
	width: 20px;
	padding: 10px;
	background:;
}

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

.link_box { height: 430px; width: 220px; margin: 0 10px 0 20px; }

#link0 { height: 10px; width: 220px; }

a.link1, a.link2, a.link3, a.link4, a.link5, a.link6 {
    float: left;
	text-decoration: none;
	font: 15px Verdana,Arial,Helvetica,sans-serif;
	color: #876f40;
	text-align: left;
    height: 60px;
	width: 180px;
	line-height: 60px;
	padding-left: 10px;
	margin: 10px 15px 0;
    background: url(image/link1.jpg) no-repeat left;
}

a.link1 { background: url(image/link1.jpg); }
a.link2 { background: url(image/link2.jpg); }
a.link3 { background: url(image/link3.jpg); }
a.link4 { background: url(image/link4.jpg); }
a.link5 { background: url(image/link5.jpg); }
a.link6 { background: url(image/link6.jpg); }

a.link1:hover { background: url(image/link1_h.jpg); color: #FFF; }
a.link2:hover { background: url(image/link2_h.jpg); color: #FFF; }
a.link3:hover { background: url(image/link3_h.jpg); color: #FFF; }
a.link4:hover { background: url(image/link4_h.jpg); color: #FFF; }
a.link5:hover { background: url(image/link5_h.jpg); color: #FFF; }
a.link6:hover { background: url(image/link6_h.jpg); color: #FFF; }


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

.kiemelt {
	font: 20px Verdana,Arial,Helvetica,sans-serif;
	color: #af000f;
	list-style: none;
}