* { padding: 0; margin: 0; }
body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background:#fff;
}
#wrapper { 
 margin: 0 auto;
 width: 1000px;
}
#header {
 color: #333;
 width: 1000px;
 float: left;
 height: 100px;
 margin: 0px 0px 0px 0px;
 background:url(images/headbg.jpg);
 background-repeat:repeat-x;
}

#header a img.logo{
margin-left:10px;
float:left;
border:none;
}

#header a {
text-decoration:none;
border:none;

}

#header a  img.banner{
float:right;
margin: 10px 0px 10px 0px;
border:none;
}
#search{
float:right;
margin-top:75px;
margin-left:0px;
}
#search input.input{
width:90px;
color:lightblue;
}

#header p {
 color: #fff;
 font-weight:bold;
 margin:10px;

}

#navigation {
 float: left;
 width:1000px;
 height:60px;
 color: #333;
 border-bottom: 1px solid #ccc;
 border-top: 1px solid #ccc;
 margin: 0px 0px 0px 0px;
 background: #f5eee6;
}

#navigation ul{
	padding: 5px;
	margin: 0px 0;
	list-style: none;
	margin-top: 30px;
	}

#navigation ul li{
	margin: 0;
	list-style: none;
	height:40px;
	display:inline;
	}


#navigation ul  li a {
	text-decoration: none;
	color: #645e58;
	padding: 10px 4px 10px 4px;
	margin-right:5px;
	font: 11px Tahoma, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	background-image:url(images/ab_bg.jpg);
	background-repeat:repeat;
	height:40px;	
}

#navigation ul  li a:hover{
	background-image:url(images/ab_bg_on.jpg);
	background-repeat:repeat;
	color:#00048;
}


#navigation ul  li .first{
	margin-left:20px;
	
}


#bigbox {
 float: left;
 width: 1000px;
 height:300px;
 color: #333;
 margin: 0px 0px 0px 0px;
 background:#2e3438;
 border-bottom:1px solid black;
 border-top:8px solid #d6cdc0;
 margin-top:1px;
}

#leftcolumn { 
 color: #333;
 margin: 0 auto;
 width: 1000px;
 float: left;
}


#cont_left{
min-height:900px;
overflow:auto;
width:800px;
float:left;
border-top:7px solid #ccc;
}

#cont_right{
min-height:1221px;
width:193px;
overflow:auto;
float:left;
background:#f3f2e8;
border-top:7px solid #ccc;
overflow:hidden;
}


#r1{
float:left;
width:183px;
height:350x;
}

#r1 a img{
float:left;
width:183px;
height:350x;
border:none;
}

#r2{
float:left;
margin-top:20px;
width:193px;
height:400px;
}
#r2 ul{
margin-left:25px;
margin-top:25px;
list-style-image:url("images/vsz_logo1.gif");
list-style-type:square;
}

#r2 ul li{
margin-bottom:10px;
}

#r2 ul li a{
color:#03889c;
text-decoration:none;
font-weight:normal;
}
#r1 img{
margin-left:5px;
}
#r2 img{
margin-left:5px;
}
#footer { 
 height:80px;
 width: 1000px;
 clear: both;
 color: #333;
 border-top:1px solid #dfdeda;
 background: #f2f2e8;
 margin: 0px 0px 0px 0px;

}
/*slide*/
 #s3{
	height:280px;
	width:183px;
	margin-top:0px;
	margin-left: 7px;
	padding-top:3px;
	padding-bottom:2px;
}

 #s3slider {
   width: 175px; /* important to be same as image width */
   height: 270px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   padding-top:0px;
   margin-left:0px;
   margin-top:0px;
 }
 
#s3slider ul {
list-style:none;
margin:0;
 }
 
#s3sliderContent {
   width: 175px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}
 
.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}
.s3sliderImage a img{
	text-decoration:none;
	border:none;
}
 
.s3sliderImage span {
   position: absolute; /* important */
   font: 10px/15px Arial, Helvetica, sans-serif;
   width: 0px;
   height: 0px;
   background-color: #f3f2e8;
   filter: alpha(opacity=100); /* here you can set the opacity of box with text */
   -moz-opacity: 0; /* here you can set the opacity of box with text */
   -khtml-opacity: 0; /* here you can set the opacity of box with text */
   opacity: 0; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;
     /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}
#s3.clear { clear: both; }
.label{
	text-transform:uppercase;
 }
/*slide1*/
 #s31{
	height:280px;
	width:183px;
	margin-top:0px;
	padding-top:3px;
	padding-bottom:2px;
}

 #s31slider{
   width: 175px; /* important to be same as image width */
   height: 270px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   padding-top:0px;
   margin-left:0px;
   margin-top:0px;
 }
 
#s31slider ul {
list-style:none;
margin:0;
 }
 
#s31sliderContent {
   width: 175px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}
.s31sliderImage a img{
	text-decoration:none;
	border:none;
}
.s31sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}
 
.s31sliderImage span {
   position: absolute; /* important */
   font: 10px/15px Arial, Helvetica, sans-serif;
   width: 0px;
   height: 0px;
   background-color: #f3f2e8;
   filter: alpha(opacity=100); /* here you can set the opacity of box with text */
   -moz-opacity: 0; /* here you can set the opacity of box with text */
   -khtml-opacity: 0; /* here you can set the opacity of box with text */
   opacity: 0; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;
     /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}
#s31.clear { clear: both; }
.label{
	text-transform:uppercase;
 }
.text{
text-align:justify;} 

.text p img{
float:left;
border:2px solid #dfdeda;
height:20%;
width:20%;
}
.cim a{
font-size:24px;
color:#03889c;
font-family:"times new roman",arial,verdana,tahoma;
font-weight:bold;
}
.cim {
margin-bottom:15px;
margin-top:8px;
}

.htext{
text-align:justify;
font-family:verdana,tahoma,arial;
font-weight:normal;
font-size:14px;
line-height:20px;
margin-top:20px;
}

p.htext a{
color:#03889c;
font-size:14px;
}
.ktext{
text-align:center;
font-family:verdana,tahoma,arial;
font-weight:normal;
font-size:14px;
line-height:20px;
margin-top:20px;
}
.ktext img{
text-align:center;
font-family:verdana,tahoma,arial;
font-weight:normal;
font-size:14px;
line-height:20px;
margin-top:20px;
margin-left:200px;
}

.lead_ex{
text-align:justify;
font-family:verdana,tahoma,arial;
font-weight:bold;
font-style:oblique;
font-size:14px;
line-height:20px;
margin-top:20px;
}
.lead{
float:left;
text-align:justify;
background-image:url(images/leadnyil.jpg);
background-repeat:no-repeat;
background-position:top-left;
text-indent:20px;
font-family:verdana, arial;
font-size:10px;
}
.label{
font-family:tahoma, verdana;
text-transform:uppercase;
color:#fff;
font-weight:bold;
margin:5px;
text-align:center;
background-image:url(images/label2.jpg);
background-repeat:no-repeat;
display:block;
height:30px;
padding-left:38px;
padding-top:5px;
}
.quote{
text-align:center;
float:left;
background:#fff;
margin:20px 20px 20px 20px;
height:auto;
padding:10px 10px 10px 10px;
font-size:16px;
font-weight:bold;
border:2px solid lightblue;
font-style:oblique;
width:640px;
}
.detail{
font-size:9px;
font-style:oblique;
margin-top:-10px;
margin-bottom:10px;
}

.quote_auth{
float:right;
font-size:8px;
font-style:oblique;
}

#cikk{
float:left;
width:510px;
height:400px;
margin-right:0px;
clear:both;
border-bottom:7px solid #ccc;
}

#cikk_kep{
width:500px;
float:left;
margin-left:45px;
}

#cikk_kep img{
border:10px solid #f3f2e8;
}


#cikkek{
width:540px;
float:left;
margin:0px 0px 0px 0px;
}
#hirek_tov{
height:1221px;
background:#f3f2e8;
float:right;
width:190px;
margin-left:5px;
margin-right:5px;
padding:0;}


/*a tov hireint kinézete ul-li a*/
#hirek_tov ul{
margin-left:25px;
margin-top:8px;
list-style-image:url("images/vsz_logo1.gif");
list-style-type:square;
}

#hirek_tov ul li{
margin-bottom:10px;
}

#hirek_tov ul li a{
color:#03889c;
text-decoration:none;
font-weight:normal;
}
#cikk_ex{
width:700px;
min-height:1221px;
float:left;
padding-right:10px;
padding-left:10px;
}
#cikk_ex p.pimg img{
margin-left:240px;
border:none;
/*border:1px solid gray;*/
}

.ajanlo{
margin-top:10px;
margin-bottom:10px;
font-weight:bold;
color:#03889c;
}
ul.cim2 {
margin-left:20px;
list-style-image:url("images/vsz_logo1.gif");
list-style-type:square;
}
ul.cim2 li a{
font-size:14px;
color:#03889c;
font-family:"times new roman",arial,verdana,tahoma;
font-weight:normal;
}


.hireximg{
border:1px solid black;
margin-left:150px;
}

#ajanlo{
margin-top:8px;
border-bottom:7px solid #ccc;
}

#slider_hirex{
background:#eee;
}

/*uj slide*/

#slideshow {
	margin:0 auto;
	margin-top:20px;
	width:640px;
	height:263px;
	background:transparent url(img/bg_slideshow.jpg) no-repeat 0 0;
	position:relative;
}

#slideshow #slidesContainer {
  margin:0 auto;
  width:560px;
  height:263px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:540px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:263px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}

#leftControl {
  top:0;
  left:0;
  background:transparent url(img/control_left.jpg) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(img/control_right.jpg) no-repeat 0 0;
}

/** 
 * Style rules for Demo page
 */

a {
  color: #fff;
  font-weight:bold;
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}

#pageContainer {
  margin:0 auto;
  width:960px;
}
#pageContainer h1 {
  display:block;
  width:960px;
  height:114px;
  background:transparent url(img/bg_pagecontainer_h1.jpg) no-repeat top left;
  text-indent: -10000px;
}
.slide h2 {
  margin:5px;
  margin-top:0px;
  color:#fff;
  text-align:justify;
}

.slide p {
  margin:0px;
  color:#ccc;
  font-style:oblique;
  text-align:justify;
  margin-left:10px;
}

.slide h2 {
  font:italic 24px Georgia, "Times New Roman", Times, serif;
  color:#ccc;
  letter-spacing:-1px;
}

.slide img {
  float:right;
  margin:0 15px;
  border:2px solid #fff; /*important! IE miatt*/
}

/*szavazás*/

#szavazas{
margin-top:0;
margin-bottom:0;
margin-left:20px;
color:#03889c;
}

#szavazas p{
font-weight:bold;
margin-bottom:0px;
}

/*kapcsolat*/

#cont{
margin-top:15px;
float:left;
margin-left:240px;
text-align:center;
font-weight:bold;
font-family:verdana,arial,tahoma;
}


#cont p a{
color:black;
}
#mail{
margin-top:50px;
float:left;
margin-left:130px;
width:400px;
background:lightblue;
padding-left:60px;
padding-bottom:20px;
border:1px solid blue;
}

#mail p{
margin-top:10px;
margin-bottom:30px;
font-size:14px;
font-weight:bold;
color:blue;
}
#errmsg{
background:red;
color:yellow;
width:220px;
}

#msgform input,textarea{
background:lightyellow;
border:1px solid #000;
}
#msgform input{
background:lightyellow;
border:1px solid #000;
width:320px;
}

#cikk_ex  object{
margin-left:120px;
margin-bottom:15px;
}

#szav_er{
margin-top:-30px;
margin-bottom:15px;
display:none;
}

#szav_er p {
font-family:verdana, arial, tahoma;
font-weight:normal;
color:#03889c;
margin-left:10px;
}
#szav_er p.szavcim {
margin-bottom:15px;
font-weight:bold;
}
#szav_er p.bar {
width:50px;
background:blue;
}

#vote{
margin-top:-30px;
margin-bottom:15px;
}
#vote p{
color:#03889c;
margin-bottom:15px;
font-weight:bold;
}

#vote li label{
color:#03889c;
}
#hide {
width:0px;
}

/*dialog*/
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}
#boxes #dialog a {
color:black;
}

#boxes #dialog {
  width:375px; 
  height:203px;
  padding:10px;
  background-color:#ffffff;
}
#dialog{
background-image:url(img/popupbg.jpg);
background-position:top;
background-repeat:repeat-x;
}

#dialog img{
margin:-10px;
float:left;
}

#dialog p{
margin-left:55px;
color:#fff;
font-size:14px;
font-weight:bold;
}
#dialog p a{
margin-left:100px;
color:#fff;
font-size:12px;
font-weight:normal;
}
#dialog form{
margin-top:30px;
}

#dialog form input.button{
margin-top:10px;
}
#dialog p.newstext{
font-size:11px;
font-family:verdana,tahoma;
text-align:justify;
margin:5px;
color:black;
font-weight:normal;
margin-bottom:10px;
}
#dialog p.newst_kieg{
font-size:8px;
font-family:verdana,tahoma;
text-align:justify;
margin:5px;
color:black;
font-weight:normal;
margin-top:10px;
}


#dialog form input.newsl{
background:lightyellow;
border:1px solid orange;
width:200px;
height:25px;
color:black;
font-size:15px;
font-weight:bold;
font-family:verdana,tahoma;
}
/*dialog end*/