/*
   sötétzöld : #056C16
 világoszöld : #A9D297
 világoszöld : #81B46B
     narancs : #fc6
     
sötétzöld  2B7737
középzöld  2AAA49
világoszöld  88C539
sárga  EBE700
narancssárga  ED962C     

   STYLES - Liget Sziget Stílusok
    Piczege - Westar 2009.08.30.
         Ver 2010.04.20.

*/
     
body {
      margin : 0;
     padding : 0;
  text-align : center;
  background : #FFFFFF;
   font-size : 14px; 
}

#container {
      margin : 0 auto;
       width : 800px;
  background : #FFFFFF;
}

/* ----------- fejléc ----------- */
#header {
       width : 800px;
      height : 200px;
      margin : 0 auto;
  background : transparent url('images/mainpict.jpg') no-repeat top left;
}

#header img {
  border : none;
}

/* ----------- keresősáv ----------- */

#search {
	float: right;	
	width: 310px;
	height: 30px;
	padding: 0;
}

#search form {
	height: 30px;
	margin: 0;
	padding: 10px 0 0 0;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search-text {
	float: left;
	width: 190px;
	height : 14px;
	padding: 5px 5px 4px 5px;
	border: 1px solid #A9D297;
	margin-top : 2px;
	background: #FFFFEB;
	text-transform: lowercase;
	font: normal 12px Arial, sans-serif;
	color: #000000;
}

/* ----------- felső menüsor ----------- */

#bottomheader {
      background : #FFFFFF;
         padding : 5px;
  padding-bottom : 10px;
} 

#navcontainer
{
    font-family : Arial,Sans-Serif;
         margin : 0 auto;
  border-bottom : 1px solid #ddd;
}

#navlist
{
       text-align : right;
           margin : 0 auto;
          padding : 0;
      text-indent : 0;
  list-style-type : none;
}

#navlist li
{
      padding : 0;
       margin : 0;
  text-indent : 0;
      display : inline;
}

#navlist li a
{
   letter-spacing : -1px;
  text-decoration : none;
            color : #81B46B;
        font-size : 14px;
          padding : 0 2px;
}

#navlist li a:hover,#navlist a#current
{
       color : #056C16;
  border-top : none;
   font-size : 22px;
}

#navlist a#current { color : #fc6; }


/* ----------- bal sáv ----------- */

#leftcolcontainer {
       width : 220px;
       float : left;
  background : #FFFFFF;
}

#leftcol {
  padding : 10px;
}	

div.inputbox {
  float       : right;
  font-size   : 12px;
  font-family : Arial,sans-serif;
}

.call a{
  text-decoration : none;	
  color : #056C16;
}

.call img{	
  border : none;	
}

/* ----------- jobb sáv ----------- */

#rightcolcontainer {
 margin-left : 220px;
}

#rightcol {	
  padding : 20px 10px 10px 10px;
  float : right;	
}

#rightcol a {
  text-decoration : none;
  }

.newsboxcontainer {	
       width : 550px; 
 padding-top : 10px; 
      margin : 0;   
}

.newsboxheader {
  background : url('images/newsheader.jpg') no-repeat bottom right;  
      height : 50px;
     padding : 0;
      margin : 0;
}

.newsboxheader#law {
  background : url('images/newsheader2.jpg') no-repeat bottom right;  
      height : 50px;
     padding : 0;
      margin : 0;
}

.newsboxheader#desc {
  background : url('images/newsheader3.jpg') no-repeat bottom right;  
      height : 50px;
     padding : 0;
      margin : 0;
}

.newsboxheader h2 {
  padding-left : 80px;
     font-size : 18px;
    text-align : left;
         color : #056C16;
        margin : 0;
}	

.newsboxheader h3 {
  padding-left : 80px;
     font-size : 12px;
    text-align : left;
         color : #81B46B;
        margin : 0;
}

.newsboxcontent {
      font-size : 14px;
     text-align : justify;
          color : #000000;
         margin : 0;          
        padding : 1px 10px 1px 10px;
}

.newsboxcontent img{
         float : right;	
        border : none;
  padding-left : 10px;	
}	


.newsboxcontent .floatimage{
        border : none;
  padding-left : 5px;
}

.newsboxcontent a{
 text-decoration : none;
       font-size : 14px;
     font-weight : bold;      
           color : #fc6;
}

.newsboxcontent .data{
  background : #81B46B;
  height : 20px;
  margin-bottom : 2px;
  margin-right : 110px;
  padding-left : 10px;
  color : #FFFFFF;
}	

.newsboxcontent .referencwidth{	
  width : 500px;	
}
	
.floatright
{
   float : right;
  margin : 10px;
  width : 120px;
}

/* ----------- lábléc ----------- */
#footer {
  clear: both;
  text-align : center;
  background : transparent url('images/bottompict.jpg') no-repeat bottom right;
  height : 150px;  
}

#footer img {
  border : none;
}


/* ----------- Form tartalom ----------- */

.formdat{
background:#FFFFFF;
font-family:"Arial, Helvetica, sans-serif";
font-size:12px;
}

.formdat h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}

.formdat p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #A9D297;
padding-bottom:10px;
}

.formdat label{	
display:block;
text-align:right;
width:60px;
float:left;
padding-top : 5px;
}

.formdat .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}

.formdat input{
float:left;
background: #FFFFEB;
font-size:14px;
padding:4px 2px;
border:solid 1px #A9D297;
width:120px;
height : 14px;
margin:3px 0 3px 10px;
}

.formdat input#_search {
float:left;
background: #FFFFEB;
font-size:14px;
padding:2px 2px;
border:solid 1px #A9D297;
width:180px;
height : 18px;
margin:5px 0 3px 10px;
}

.formdat select {
float:right;
background: #FFFFEB;
font-size:14px;
padding:2px 2px;
border:solid 1px #A9D297;
width:180px;
height : 22px;
margin:5px 0 3px 10px;
}

.formdat .buttonwrapper{
  clear : both;	
  height : 26px;
  padding-top : 5px;
  padding-bottom : 5px;  
}

.formdat .lefttext{
    font-size : 14px;
        color : #056C16;
   text-align : left;   
   padding-left : 10px;
}

.formdat .righttext {	
  text-align : right;
  padding-bottom : 5px;
  margin-bottom : 10px;
  border-bottom : 1px solid #A9D297;
}
		
.formdat .righttext a {	
  text-decoration : none;
  font : bold 12px arial;	
  color : #2B7737;  
}

/* ----------- zöld gomb ----------- */

a.buttongreen {
      background : transparent url('images/buttona.gif') no-repeat scroll top right;
           color : #444;
         display : block;
           float : right;
            font : normal 12px arial, sans-serif;
          height : 24px;
    margin-right : 6px;
     margin-left : 10px;
   padding-right : 18px; 
 text-decoration : none;
}

a.buttongreen span {
  background : transparent url('images/buttons.gif') no-repeat;
     display : block;
 line-height : 14px;
     padding : 5px 0 5px 18px;
} 

a.buttongreen:active {
 background-position : bottom right;
               color : #000;
             outline : none; /* hide dotted outline in Firefox */
}

a.buttongreen:active span {
 background-position : bottom left;
             padding : 6px 0 4px 18px; /* push text down 1px */
} 


/* ----------- szürke gomb ----------- */

a.button {
      background : transparent url('images/greybuttona.gif') no-repeat scroll top right;
           color : #444;
         display : block;
           float : right;
            font : normal 12px arial, sans-serif;
          height : 24px;
    margin-right : 6px;
     margin-left : 10px;
   padding-right : 18px; 
 text-decoration : none;
}

a.button span {
  background : transparent url('images/greybuttons.gif') no-repeat;
     display : block;
 line-height : 14px;
     padding : 5px 0 5px 18px;
} 

a.button:active {
 background-position : bottom right;
               color : #000;
             outline : none; /* hide dotted outline in Firefox */
}

a.button:active span {
 background-position : bottom left;
             padding : 6px 0 4px 18px; /* push text down 1px */
} 

/* ----------- doboz ----------- */
* html .boxhead h2 {height: 1%;} /* csak IE 5 PC */

.sidebox {
	clear : both;
	margin: 0 auto; /* center for now */
	width: 200px; /* ems so it will grow */
	background: url(images/sbbody-r.gif) no-repeat bottom right;
	font-size: 15px;
}
.boxhead {
	background: url(images/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 20px 10px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 18px; 
	line-height: 20px;
}
.boxbody {
	background: url(images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 1px 25px 15px;
/*	text-align: justify; */
}

.boxbody .vote{
  font-size : 10px;	
}


/* ----------- Katalógus-tábla ----------- */

#catalogtable
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 25px;
	width: 520px;
	text-align: left;
	border-collapse: collapse;
}
#catalogtable th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #81B46B;
	border-top: 4px solid #E1F0D1;
	border-bottom: 1px solid #fff;
	color: #FFF;
}
#catalogtable td.name
{
	padding: 2px;
	padding-left:10px;
	background: #E1F0D1; 
	border-bottom: 1px solid #fff;
	border-top: 1px solid transparent;
}
#catalogtable td.name a
{
	font-size: 12px;
	font-weight: bold;	
	color: #2B7737;
	text-decoration:none;
}
#catalogtable td.size
{
	padding: 2px;
	background: #E1F0D1; 
	border-bottom: 2px solid #fff;
	font-size: 12px;
	font-weight: normal;	
	color: #2B7737;
	border-top: 1px solid transparent;
	width:100px;
}
#catalogtable td.price
{
	padding: 2px;
	padding-right:10px;
	background: #E1F0D1; 
	border-bottom: 2px solid #fff;
	font-size: 12px;
	font-weight: normal;	
	color: #2B7737;
	text-align:right;
	border-top: 1px solid transparent;
	width:100px;
}
#catalogtable tr:hover td
{
	background: #EBE700;
	color: #000;
}


#username a{
float:right;	
text-align:right;	
color:#ED962C;
font-size : 18px;
font-weight : bold;
text-decoration : none;
}


/* ----------- Súgó ----------- */
#helpcontainer {
      margin : 0 auto;
       width : 600px;
  background : #FFFFFF;
}
#helpcontent {
       padding : 10px 5px 0 5px;
 border-bottom : 1px solid #D85D39;
}

#helpcontent h1 {
   font-size : 16px;
 font-weight : bold;      
       color : #000000;	
 padding-top : 5px;      
}

#helpcontent p {
       font-size : 12px;
           color : #000000;	
      text-align : justify;
         padding : 10px;
}

#helpcontent a {
	   font-size : 12px;
 text-decoration : none;
     font-weight : bold;
           color : #056C16;
}



/* ----------- szavazás ----------- */

#votecontainer {
  font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  font-size: 12px;	
  width : 200px;
  border : 1px solid #A9D297;
  margin-bottom:20px;    
}	

#voteheader {
  background : #81B46B;
  font-weight : bold;
  color : #FFFFFF;
  height : 25px;  
  padding-top:5px;
}

#votecontent {
 font-size: 11px;	
 background: #FFFFEB;
 padding : 5px 0 5px 2px;	
 text-align:left;
}

#votecontent label{
  font-size: 11px;	
  font-weight : normal;
  color : #000000;
  border-bottom : 1px solid #A9D297;  
}

#votecontent .buttonwrapper{
  clear : both;	
  height : 26px;
  padding-top : 10px;
}

#votecontent .righttext {	
  text-align : right;
  padding-top : 10px;
  padding-right : 5px;
}
		
#votecontent .righttext a {	
  text-decoration : none;
  font : bold 12px arial;	
  color : #2B7737;  
}

.votetext {
 width : 250px;	
 text-align : left;
 height : 25px;
 padding-right : 20px; 
 color : #2B7737;
 font-weight : bold;
 float:right;
}

.voteimagecontainer {
 width : 250px;	
 float : left;
}

.voteimage {
  border : none;
  height : 20px;
  margin-bottom : 5px;
}

/* ----------- általános ----------- */

.clearboth { clear : both; }

.whiteboldnormal a{
    font-size : 14px;
        color : #FFFFFF;
  font-weight : bold;
  text-decoration : none;
}

.greenboldnormal{
       font-size : 14px;
           color : #056C16;
     font-weight : bold;
 text-decoration : none;
}

.greensmallnormal{
       font-size : 12px;
           color : #056C16;
 text-decoration : none;
      text-align : justify;
}

.greenboldbig{
    font-size : 18px;
        color : #056C16;
  font-weight : bold;
  text-decoration : none;
}

.greyboldbig{
       font-size : 18px;
           color : #888888;
     font-weight : bold;
 text-decoration : none;
}

.redboldnormal{
       font-size : 14px;
           color : #D85D39;
     font-weight : bold;
 text-decoration : none;
}