body {
	margin: 0;
	padding: 0;
	background: #DBE6AB;
	text-align: justify;
	font-family: "Arial black", Trebuchet MS, Helvetica, sans-serif;
	font-size: 11px;
	color: #8F8F8F;
}

h2, h3, h4, h5, h6 {
	margin: 0;
} 

h2 {
	text-transform: normal;
	letter-spacing: 0px;
	font-size: 15px;
	font-weight: bold;
	color: #575657;
  font-family: "Arial", Trebuchet MS, Helvetica, sans-serif;
}

h2 em {
	font-weight: bold;
	font-style: normal;
}

h3 {
	height: 25px;
	background: #779A66 left bottom;
	padding: 13px 0 0 20px;
	text-transform: normal;
	font-size: 11px;
	color: #FFFFFF;
} 

p, ol, ul {
	line-height: 180%;
}

ul {
	margin-left: 0;
	padding-left: 0;
	list-style-position: inside; 
}

a {
	color: #406339;
}
a:hover {
  color: #5AC040;      
        }
a:active {
	color: #FF9300;
}

.image {
	float: left;
	margin: 0 20px 0 0;
}

.bg1 {
	padding: 0 20px 0 20px;
	border-top: 0px solid #4DD046;
	background: transparent;
}

.bg2 {
	padding: 20px;
	border-top: 1px solid #4DD046;
	background: #FFFFFF url() repeat-x;
}

/* Header */

#header {
	width: 100%;
	height: 50px;
	margin: 0 auto; 
  background: #EDFFEA url() repeat-x;
 }

#header * {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
  color: #5C6557;
}

#header h1 {
	float: left;
	padding: 20px 0 0 150px;
	font-size: 20px;
}

#header h2 {
	float: left;
	padding: 1px 0 0 10px; 
	font-size: 13px;
	font-weight: normal;
}

#header ul {
	float: right;
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
}

#header li {
	display: inline;
}

#header a {
	display: block;
	float: left;
	height: 25px;
	margin: 0 0 0 8px;
	padding: 12px 20px 0 20px;
	background: #ABBA47 url(images/img2.gif) repeat-x;
	text-decoration: none;
	font-weight: bold;
}

/* Content */

#content {
	width: 100%;
	margin: 0 auto;
	padding: 5px 0 5px 10px;
}

#colOne {
	float: left;
	width: 180px;
  padding: 12px 20px 20px 50px;
  background: transparent;
  }

#colOne ul {
	padding-left: 0;
	list-style: none none outside;
}

#colOne li {
	padding: 5px 0;
	
}

#colOne li.first {
	background: none;
}

#colTwo {
	float: left;
	width: 750px;
  } 

#colTwo img {
  width: 100px;
  height: auto;
	border: 0px solid #FFA157;
} 




#sse50 
{
    border: solid 1px #9AA8A3;
    background:#7B7D69 url(mb50_2.gif) repeat-x;
    padding:0px;/*changing its value will give menu margins to its container*/
    text-align:center;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
#sses50
{
    margin:0 auto;/*If you don't want the menu center aligned, remove this line and above text-align:center*/
    font-size:0;
} 
        
#sses50 ul, #sses50 li
{
    display: inline;
    list-style-type: none;padding: 0;margin: 0;border:0;background-image:none;
}
        
#sses50 a
{
    text-align: center;
    display: inline-block;
    font: normal 12px Arial;
    background: url('mb50_2.gif') no-repeat left top;
    padding: 10px 20px;/*This defines the size of each menu item*/
    color: #82DF7C;
    text-decoration: none;
}
        
#sses50 a:hover, #sses50 a.current
{
    background-position: 0% -60px;
    color: #FFA045;
}
#sses50 a.end
{
    width:2px;
    padding-left:0;padding-right:0;
}

 

/* CSS3 oldalmenu */
	background-image:-moz-radial-gradient(center -100px 45deg, circle farthest-corner, #444 150px, #111 300px);
	background-image:-webkit-gradient(radial, 50% 0, 150, 50% 0, 300, from(#444), to(#111));
	
	font-family:Arial, Helvetica, sans-serif;
}

#navigationMenu li{
	list-style:none;
	height:39px;
	padding:2px;
	width:40px;
}

#navigationMenu span{
	/* Container properties */
	width:0;
	left:38px;
	padding:0;
	position:absolute;
	overflow:hidden;

	/* Text properties */
	font-family: 'Arial', Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	letter-spacing:0.6px;
	white-space:nowrap;
	line-height:39px;
	
	/* CSS3 Transition: */
	-webkit-transition: 0.25s;
	
	/* Future proofing (these do not work yet): */
	-moz-transition: 0.25s;
	transition: 0.25s;
}

#navigationMenu a{
	background:url('img/navigation.jpg') no-repeat;

	height:39px;
	width:38px;
	display:block;
	position:relative;
}

/* General hover styles */

#navigationMenu a:hover span{ width:auto; padding:0 20px;overflow:visible; }
#navigationMenu a:hover{
	text-decoration:none;
	
	/* CSS outer glow with the box-shadow property */
	-moz-box-shadow:0 0 5px #9ddff5;
	-webkit-box-shadow:0 0 5px #9ddff5;
	box-shadow:0 0 5px #9ddff5;
}

/* Green Button */

#navigationMenu .home {	background-position:0 0;}
#navigationMenu .home:hover {	background-position:0 -39px;}
#navigationMenu .home span{
	background-color:#9DDB77;
	color:#544F4D;
	text-shadow:1px 1px 0 #CDFFC6;
}

/* Blue Button */

#navigationMenu .about { background-position:-38px 0;}
#navigationMenu .about:hover { background-position:-38px -39px;}
#navigationMenu .about span{
	background-color:#9DDB77;
	color:#544F4D;
	text-shadow:1px 1px 0 #CDFFC6;
}

/* Orange Button */

#navigationMenu .services { background-position:-76px 0;}
#navigationMenu .services:hover { background-position:-76px -39px;}
#navigationMenu .services span{
	background-color:#9DDB77;
	color:#544F4D;
	text-shadow:1px 1px 0 #CDFFC6;
}

/* Yellow Button */

#navigationMenu .portfolio { background-position:-114px 0;}
#navigationMenu .portfolio:hover{ background-position:-114px -39px;}
#navigationMenu .portfolio span{
	background-color:#9DDB77;
	color:#544F4D;
	text-shadow:1px 1px 0 #CDFFC6;
}

/* Purple Button */

#navigationMenu .contact { background-position:-152px 0;}
#navigationMenu .contact:hover { background-position:-152px -39px;}
#navigationMenu .contact span{
	background-color:#9DDB77;
	color:#544F4D;
	text-shadow:1px 1px 0 #CDFFC6;
}

/* tevékenység Button */

#navigationMenu .tev { background-position:-190px 0;}
#navigationMenu .tev:hover { background-position:-190px -39px;}
#navigationMenu .tev span{
	background-color:#9DDB77;
	color:#544F4D;
	text-shadow:1px 1px 0 #CDFFC6;
}

/* javitas Button */

#navigationMenu .jav { background-position:-228px 0;}
#navigationMenu .jav:hover { background-position:-228px -39px;}
#navigationMenu .jav span{
	background-color:#9DDB77;
	color:#544F4D;
	text-shadow:1px 1px 0 #CDFFC6;
}

/* Footer */

#footer {
	clear: both;
	width: 100%;
	margin: 0 auto;
	padding: 1px 0;
  border-top: 2px solid #4DD046;
	background: transparent;
}

#footer p {
	margin: 0;
	text-align: center;
	
}