/* --------------------------------------------------------------- */
/* Sunayna Weboldala / Website of Sunayna                          */
/* Suni Engine version 1.00                                        */
/* Keszitette / Made by: Ujszaszi Tamas (tamas.ujszaszi@gmail.com) */
/* Minden jog fenntartva. / All rights reserved.                   */
/* --------------------------------------------------------------- */

/* HTML TAG RESET */

html, body, 
h1, h2, h3, h4, 
p, ul, li, 
form {
   border:0;
   margin:0px;
   padding:0px;
}


/* HTML TAG DEFINITION */

html {
   overflow-y: scroll;
}


html, body {
   margin:0;
   padding:0;
   height:100%;
   color:#000000;
   font-family: book antiqua,palatino;
   font-size:14px;
}


form, input {
   color:#000000;
   font-family: book antiqua,palatino;
   font-size:12px;
}

h1 {font-size:24px; }
h2 {font-size:22px; }
h3 {font-size:18px; font-style:bold; }
h4 {font-size:16px; }

a:link, a:visited {color:#CC99FF;}
a:hover {color:#B66DFF; background-color:transparent; text-decoration:none; background:transparent;}
a:hover img {background-color:transparent; text-decoration:none;}


/* BUTTONS, INPUT   --  */


	INPUT.LOGIN1{ 
	  font-weight:bold; 
	  background-color:000000; 
	  border-color:AAAAAA; 
	  border-style:inset; 
	  border-width:1px; 
	  color:FFFFFF; 
	  width:120px;
	  height:20px;
	  margin-bottom:5px;
	}

	INPUT.LOGIN2{ 
	  font-weight:bold; 
	  background-color:000000; 
	  border-color:AAAAAA; 
	  border-style:inset; 
	  border-width:1px; 
	  color:FFFFFF; 
	  width:90px;
	  height:20px;
	  margin-bottom:5px;
	}


	INPUT.LOGIN3{ 
	  font-weight:bold; 
	  background-color:000000; 
	  border-color:AAAAAA; 
	  border-style:inset; 
	  border-width:1px; 
	  color:FFFFFF; 
	  width:150px;
	  height:20px;
	  margin-bottom:5px;
	}

	SELECT.SEL1{ 
	  font-weight:bold; 
	  background-color:000000; 
	  border-color:AAAAAA; 
	  border-style:inset; 
	  border-width:1px; 
	  color:FFFFFF; 
	  height:20px;
	  margin-bottom:5px;
	}

	LABEL.LABEL1{ 
	  font-weight:bold; 
	  color:#FFFFFF;
	}

	INPUT.SUBMIT1{ 
	  font-weight:bold; 
	  text-align:center;
	  background-color:000000; 
	  border-color:AAAAAA; 
	  border-style:inset; 
	  border-width:1px; 
	  color:FFFFFF; 
	  width:60px;
	  height:20px;
	}


/* registration POPUP   --  */

	#blanket {
	  background-color:#111;
	  opacity: 0.65;
	  filter:alpha(opacity=65);
	  -moz-opacity: 0.65;
	  position:absolute;
	  z-index: 9001;
	  top:0px;
	  left:0px;
	  width:100%;
	  height:100%;
	}

	#popupbox {
	  position:absolute;
	  background:url(images/opacity80.png);
	  width:480px;
/*	  height:360px;*/
	  z-index: 9002;

	  margin-left:auto;
	  margin-right:auto;

	  border-color:AAAAAA; 
 	  border-style:outset; 
 	  border-width:1px; 
	  padding:5px;
	  text-align:right;

 	}	




/* MENU   --  opacity*/

	.cssnav {
	   position:relative;
	   background:url(images/button_bg.png);
	   filter:alpha(opacity=100);
	   -moz-opacity: 1.00;
	   opacity: 1.00;
	   display: block;
	   width: 140px;
	   height: 28px;
	   z-index: 0;
   	   margin-left:auto;
   	   margin-right:auto;
	}

	.cssnav a {
	   display:block;
	   width: 140px;
	   height: 28px;
	}

	.cssnav img {width: 100%; height: 100%; border: 0; }
/*
	* html a:hover {
	   background-color: #FFFFFF;
	   z-index: 2;
	   filter:alpha(opacity=70);
	   -moz-opacity: 0.70;
	   opacity: 0.70;
	}
*/
	.cssnav a:hover img{
	   background:url(images/button_bg.png);
	   z-index: 2;
	   filter:alpha(opacity=70);
	   -moz-opacity: 0.70;
	   opacity: 0.70;
 	}

	.cssnav span {
	   position:absolute;
	   cursor: pointer;
	}


/* MENU   --  rolloverclass 2-3 images in one*/

	.rollover a {
	   display:block;
	   width: 140px;
	   height: 28px;
	   background: url("images/button0.jpg") 0 0 no-repeat;
	   text-decoration: none;
	}

	.rollover a:hover { 
	   background-position: 0 -28px;
	}

	.rollover a:active {
	}



/* PAGE ELEMENTS */






   #frame{
	   width:978px;
	   background:#000000;
	   position:relative;
	   overflow: hidden;
   	   border:0px;
   	   margin-left:auto;
   	   margin-right:auto;
   	   padding:0px;

   }


   #frame .column {
	   padding-bottom: 20001px;  /* X + padding-bottom */
  	   margin-bottom: -20000px;  /* X */
   }


	#logo1a{
	   height:150px;
	   width:180px;
	   color:#FFFFFF;
	   text-align:right;
	   float:left;
	   padding:0px;
	   margin:0px;

	}
	#logo1{
	   background:url(images/logo1b.jpg);
	   height:150px;
	   width:798px;
	   color:#FFFFFF;
	   text-align:right;
	   float:left;

	}
	#logo1_en{
	   background:url(images/logo1b_en.jpg);
	   height:150px;
	   width:798px;
	   color:#FFFFFF;
	   text-align:right;
	   float:left;

	}

	#prev_v_slide{
	   float:left;
	   background:url(images/prev_v_slide.jpg);
   	   font-size:6px;
	   width:160px;
	   height:10px;
	}

	#v_slide{
	   float:left;
	   background:url(images/v_slide.jpg);
   	   font-size:6px;
	   width:818px;
	   height:10px;
	}

	#menucolumn{
	   float:left;
	   background:url(images/menu.jpg);
	   width:160px;
	   color:#FFFFFF;


	}
	#menuitems{
	   margin-top:0px;
	   margin-bottom:0px;
   	   margin-left:auto;
   	   margin-right:auto;
	   width:140px;
	   color:#FFFFFF;

	}


	#h_slide{
	   float:left;
	   background:url(images/h_slide.jpg);
   	   font-size:6px;
	   width:10px;
	}

	#maincolumn{
	   float:left;
	   background:url(images/main.jpg);
	   color:#FFFFFF;
	   width:798px;
	}
	#right_border{
	   float:left;
	   background:url(images/end_slide.jpg);
   	   font-size:6px;
	   width:10px;
	}


	#footer{
	   background:url(images/logo2.jpg);
	   float:left;
	   height:10px;
	   width:978px;
	   color:#FFFFFF;
   	   font-size:6px;

	}

/* CUSTOM CLASSES */


	#loginbox_frame{
	   width:282px;
	   border-color:AAAAAA; 
	   background:url(images/opacity45.png);
 	   border-style:outset; 
 	   border-width:1px; 
	   padding:5px;
	   z-index:4001;
	   position:absolute;
	   text-align:left;
	   float:right;
	   right:75px;
	   top:60px;
	}

	#loginbox{
	   width:282px;
	   font-weight:bold; 
	   color:#FFFFFF;
	   padding:0px;
	   z-index:4002;
	}

/*   --- login_a ---  --- login_b --------------------
     --- login_c ---  --- login_d ---  --- login_e ---
     --- login_f ---  --- login_g -------------------- */

	#login_a{
	   float:left;
	   width:125px;
	   text-align:left;
	   color:#FFFFFF;
	   z-index:4003;
	}
	#login_b{
	   float:left;
	   width:155px;
	   text-align:left;
	   color:#FFFFFF;
	   z-index:4003;
	}
	#login_c{
	   float:left;
	   width:125px;
	   text-align:left;
	   color:#FFFFFF;
	   z-index:4003;
	}
	#login_d{
	   float:left;
	   width:95px;
	   text-align:left;
	   color:#FFFFFF;
	   z-index:4003;
	}
	#login_e{
	   float:left;
	   width:60px;
	   text-align:left;
	   color:#FFFFFF;
	   z-index:4003;
	}
	#login_f{
	   float:left;
	   width:125px;
	   text-align:left;
	   color:#FFFFFF;
	   z-index:4003;
	}
	#login_g{
	   float:left;
	   width:155px;
	   text-align:left;
	   color:#FFFFFF;
	   z-index:4003;
	}
	#login_h{
	   float:left;
	   width:280px;
	   text-align:left;
	   color:#FFFFFF;
	   padding-top:3px;
	   padding-bottom:3px;
	   z-index:4003;
	}

/* Regisztrációs ablak stílusai */



	#regbox{
	   width:480px;
	   font-weight:normal; 
	   color:#FFFFFF;
	   padding:0px;
	   text-align:left;
	   padding-top:5px;
	   padding-bottom:15px;
	   padding-left:30px;
	   padding-right:30px;
	}

	.reg_double{
	   float:left;
	   width:209px;
	   padding-bottom:8px;
	   color:#FFFFFF;

	}
	.reg_double2{
	   float:left;
	   width:239px;
	   padding-bottom:8px;
	   color:#FFFFFF;

	}
	.reg_double3{
	   float:left;
	   width:209px;
	   padding-bottom:8px;
	   color:#FFFFFF;
	   text-align:center;

	}
	.reg_simple{
	   float:left;
	   padding-bottom:8px;
	   width:418px;
	   color:#FFFFFF;
	}
	.reg_error{
	   float:left;
	   text-align:left;
	   padding-bottom:15px;
	   width:418px;
	   padding-left:30px;
	   color:#FF6464;
	}

	.reg_triple{
	   float:left;
	   padding-bottom:8px;
	   width:180px;
	   color:#FFFFFF;
	   margin-bottom:10px;
	}

	.reg_triple2{
	   float:left;
	   padding-bottom:8px;
	   width:109px;
	   color:#FFFFFF;
	}

	.reg_triple3{
	   float:left;
	   padding-bottom:8px;
	   width:139px;
	   color:#FFFFFF;
	}

	/*üzenetablak*/
	.regmsg{
	   float:left;
	   width:418px;
	   color:#FFFFFF;
	   padding-top:15px;
	}
	.regmsg_center{
	   float:left;
	   width:418px;
	   color:#FFFFFF;
	   text-align:center;
	}







/*tartalom*/


.content_box{
   color:#FFFFFF;
   padding:10px;
   text-align:left;
   font-size:14px;
}

.content_box_index{
   color:#FFFFFF;
   padding:0px;
   font-size:14px;
}

.content_box2{
   color:#FFFFFF;
   padding:0px;
   border-color:000000; 
   border-style:inset; 
   font-size:14px;
}

.style_red {color:#FF0000;}
.style_green {color:#00FF00;}