body{
	background-color: #000000;
	font-family: verdana;
	font-size: 12px;
	color: #222222;
 background: url(pictures/bg.png) repeat;
}

.page{
	width: 970px;
	height: auto;
	background-color: #000000;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #c40c0c;
}

div.banner{
	width: 970px;
	height: 250px;
	background-color: #000000;
	float: top;

}
div.logohely{
	width: 187px;
	height: 250px;
	float: right;
	background-color: #1c1818;
	background-image: url('pictures/ceglogo.jpg');
	background-position: center;
	background-repeat: no-repeat;
}


div.dobozmenubanner{
	width: 783px;
	height: 250px;
	background-color: #009900;
	float: right;
}

div.bannerkep{
	width: 783px;
	height: 200px;
	background-color: #1c1818;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(pictures/banner.jpg);
}
div.menudoboz{
	width: 783px;
	height: 50px;
	background-color: #009900;
}

.bevelmenu{
	font: bold 14px arial;
	padding: 10px 0;
	margin: 0;
	width: 783px;
	height: 50px;
	background-color: #000000;
	text-align: center; /*set value to "right" for example to align menu to the right of page*/
}

.bevelmenu li{
list-style: none;
display: inline;
}

.bevelmenu li a{
padding: 3px 0.5em;
text-decoration: none;
color: #FFFFFF;
background-color: #000000;

}

.bevelmenu li a:hover{
color: #c40c0c;
background-color: #000000;
border: 1px solid #c40c0c;
}

html>body .bevelmenu li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}







div.content{
	width: 970px;
	height: auto;
	float: top;
	background-color: #000000;
}

div.menu{
	width: 300px;
	height: 400px;
	float: right;
	background-color: #000000;
	padding: 0 0 0 100;

}

div.szoveg{
	width: 662px;
	height: 400px;
	float: left;
	background-color: #000000;
	border: 1px solid #c40c0c;
	font-family: verdana;
	font-size: 12px;
	padding: 0 0 0 10;
}

div.szoveg a{
	color: #000000;
	text-decoration: none;
	font: bold 13px verdana;
	padding: 0 0 0 10;
}
div.szoveg p{
	margin: 0px;
	padding: 20px 0px 0px 10px;
	font-style:  normal;
	color: #FFFFFF;
	font-size: 14px;
	font-family: verdana;
}


div.footer{
	clear: both;
	width: 970px;
	height: 18px;
	background-color: #000000;
	color: #FFFFFF;
}

div.footer p{
	text-align: left;
	margin: 0px;
	padding: 3px;
	font-size: 10px;
}








#nav {
	width: 300px;
	height: 400px;
	background-color: #000000;
	background-repeat: repeat;
}
#nav ul {padding: 0em; margin: 0em;}
#nav img { border: none; vertical-align: top;}
#nav li { display: inline; list-style:none; }
#nav li a {
	float: left;
	display:  block;
	width: auto px;
	height: 80px;	
}
#nav li a img {  border:none; vertical-align: top; /* for IE6 */}
#nav li a:hover {
	visibility:visible;
	vertical-align: text-bottom;
}

#nav li a:hover img { visibility:visible; vertical-align: top;}
#nav li a:hover img/**/ { visibility:hidden; vertical-align: top; /* hide from IE5.0/win */}
/* ----------------------------- end #nav ----------------------------- */


/* ----------------------------- start #nav ids ----------------------------- */

#one { background:url(pictures/tikkurilahover.jpg) no-repeat left bottom; }
#two { background:url(pictures/tikkurilajubhover.jpg) no-repeat left bottom; }
#three { background:url(pictures/homestarhover.jpg) no-repeat left bottom; }

/* ----------------------------- end #nav ids ----------------------------- */