/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

html
{
overflow-y: scroll;
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
}

body{
	padding:0;
	margin:0;
	width:100%;
	height:100%;
	font: 0.8em Arial, Verdana, sans-serif;
	color: #000;
	background: #666666;
    overflow: auto;
/*   scrollbar-base-color: #ff6600; */
}

a:link    { color:  #5a0504; text-decoration: none; }
a:visited { color:  #5a0504; text-decoration: none; }
a:active  { color:  #5a0504; text-decoration: none; }
a:hover   { color:  #fff; text-decoration: underline; }

h1
 { font-size: 1.3em; }

h2
 { font-size: 1.3em; }
 
 h3
 { font-size: 1.3em;
   margin:6px 0 4px 0;
 }
 
 #mastermenu {
	padding: 0;
	margin: 10px auto 0 auto;
	width: 755px;
/* 	background-image: url("http://kelemenistvan.hu/images/headpic.jpg");
	background-repeat: no-repeat;
	background-position: right top; */
}

#main {
	padding: 0 0 0 0;
	margin: 0 auto 0 auto ;
	width: 755px;
	height: 318px;
	top:50px;
	background: #666666;
	color:#000000;
/* 	background-image: url("http://kelemenistvan.hu/images/headpic.jpg");
	background-repeat: no-repeat;
	background-position: right top; */
}


#kelemenistvan {
	float:left;
	left:0px;
	top:0px;
	width:226px;
	height:318px;
}

.karinthy {
color: #ccc;
font: 1.2em Arial, Verdana, sans-serif;
}

#szurkehatter {
	left:226px;
	float:left;
	top:0px;
	width:430px;
	height:112px;
	margin:0;
	padding:0;
}

#szinhaz-fuggony {
	float:right;
	top:0px;
	width:99px;
/* 	height:318px; */
}


#elsooldalkozepe {
	float:left;
	left:226px;
	top:0px;
	width:430px;
	height:318px;
	margin:0;
	padding:0;
}


#udvozlet {
	float:left;
	left:226px;
	top:112px;
	width:430px;
	height:91px;
	margin:0;
	padding:0;
}

#spaceunder {
	float:left;
	left:226px;
	top:203px;
	width:430px;
	height:115px;
	background: #e5e5e5;
	margin:0;
	padding:0;
}

#mondas {
	float:left;
	left:226px;
	top:500px;
	width:756px;
	height:100px;
	background: #e5e5e5;
}



#szinhaz-fuggony-bal {
	float:left;
	left:0px;
	top:0px;
	width:117px;
/*	height:318px; */
}

#fenykepkozep {
	float:left;
	width:539px;
	height:318px;
	background-image: url("../images/fenykepek_hatter.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	
}

#hangminta {
	float:left;
	width:539px;
	height:318px;
	background-image: url("../images/fenykepek_hatter.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	
}

#mesebolt {
	float:left;
	width:539px;
	background-image: url("../images/fenykepek_hatter.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	
}

#fenykepkozep img {
margin-top:40px;
	
}

#kozep {
	float:left;
	width:539px;
	background: #e5e5e5;
	height:1120px;
}

#kozepeletrajz {
	float:left;
	width:539px;
	background: #e5e5e5;
	height:1300px;
}

#kozepmesebolt {
	float:left;
	width:539px;
	background: #e5e5e5;
	height:1280px;
}


input {
	background-color: #EDF0B5;
}

textarea {
	background-color: #EDF0B5;
}



/************** #MENU **************/

/* 

 margin: #                     #=All margins
 margin: #1 #2              #1=top & bottom, #2=right & left
 margin: #1 #2 #3         #1=top, #2=right & left, #3=bottom
 margin: #1 #2 #3 #4    #1=top, #2=right, #3=bottom, #4=left

*/




#menu {
	left:0;
	width:99%;
	margin: 0;
	height: 25px;
	padding-top:4px;
	padding-left: 0px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	overflow:hidden;
}

#menu ul, #menu li	{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

/* padding  #1=top, #2=right, #3=bottom, #4=left */
	
#menu a:link, #menu a:visited	{
	/* background: #E8EBF0;*/
	border: 1px solid #ccc;
	color: #fff;
	float: left;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	margin-right: 6px;
	padding: 2px 6px 2px 6px;
	text-decoration: none;
}

#menu a:link.active, #menu a:visited.active	{
	/* background: #e0edfc;*/
	color: #000;
}

#menu a:hover	{
	color: #ededed;
	background: #7e7e7e;
}

body.section-1 #menu li#nav-1 a, 
body.section-2 #menu li#nav-2 a,
body.section-3 #menu li#nav-3 a,
body.section-4 #menu li#nav-4 a,
body.section-5 #menu li#nav-5 a,
body.section-6 #menu li#nav-6 a,
body.section-7 #menu li#nav-7 a,
body.section-8 #menu li#nav-8 a {
/* 	background: #e0edfc; */
/* 	border-bottom: 1px solid #ccc; */
	color: #5a0504;
	font-size: 12px;
}

 #menu ul a:hover {
	color: #5a0504 !important;
}




/* menu2 */

#menu2 {
	left:0;
	width:99%;
	margin: -18px 0 0 28px;
	padding-top:0px;
	padding-left: 13px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	overflow:hidden;
}

#menu2 ul, #menu2 li	{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

/* padding  #1=top, #2=right, #3=bottom, #4=left */
	
#menu2 a:link, #menu2 a:visited	{
	color: #fff;
	float: left;
	font-size: 12px;
	line-height: 14px;
	margin-right: 6px;
	padding: 2px 6px 2px 6px;
	text-decoration: none;
}

#menu2 a:link.active, #menu2 a:visited.active	{
	/* background: #e0edfc;*/
	color: #000;
}

#menu2 a:hover	{
	color: #ededed;
	background: #7e7e7e;
}


 #menu2 ul a:hover {
	color: #5a0504 !important;
}

.imgRight {
	float: right;
	margin: 2px 10px 0.9em 0.9em;
	vertical-align: text-top;
}

.imgLeft {
	float: left;
	margin: 2px 0.9em 0.9em 0;
	vertical-align: text-top;
}


/* clearfix hack
----------------------------------------------- */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-table;
}