/* --------------------------------------------------------------- */
/* Kahena  Weboldala / Website of Kahena                           */
/* Suni Engine version 1.1                                         */
/* 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, body, table {
   font-family: georgia,palatino;
   font-size:17px;
   font-style:italic;
}

html, body {
   margin:0;
   padding:0;
   height:100%;
   color:#000000;
   background-color:#FCE5AB;
   text-align:center;
}

form, input {
   color:#000000;
   font-family: georgia,palatino;
   font-size:12px;
   font-style:italic;
}


a:link, a:visited {color:#A10101;}
a:hover {color:#6699FF; background-color:transparent; text-decoration:none; }
a:hover img {background-color:transparent; text-decoration:none;}


/* BUTTONS, INPUT   --  */

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

.rollover1hu a { position:relative; display: block; width: 180px; height: 40px; margin-left:auto; margin-right:auto; line-height: 40px;
   background: url(images/button1_hu.png)  }
.rollover2hu a { position:relative; display: block; width: 180px; height: 40px; margin-left:auto; margin-right:auto; line-height: 40px;
   background: url(images/button2_hu.png); }
.rollover3hu a { position:relative; display: block; width: 180px; height: 40px; margin-left:auto; margin-right:auto; line-height: 40px;
   background: url(images/button3_hu.png); }
.rollover4hu a { position:relative; display: block; width: 180px; height: 40px; margin-left:auto; margin-right:auto; line-height: 40px;
   background: url(images/button4_hu.png); }
.rollover5hu a { position:relative; display: block; width: 180px; height: 40px; margin-left:auto; margin-right:auto; line-height: 40px;
   background: url(images/button5_hu.png); }
.rollover6hu a { position:relative; display: block; width: 180px; height: 40px; margin-left:auto; margin-right:auto; line-height: 40px;
   background: url(images/button6_hu.png); }
.rollover7hu a { position:relative; display: block; width: 180px; height: 40px; margin-left:auto; margin-right:auto; line-height: 40px;
   background: url(images/button7_hu.png); }
.rollover8hu a { position:relative; display: block; width: 180px; height: 40px; margin-left:auto; margin-right:auto; line-height: 40px;
   background: url(images/button8_hu.png); }

.rollover1en a { position:relative; display: block; width: 180px; height: 40px; margin-left:auto; margin-right:auto; line-height: 40px;
   background: url(images/button1_en.png); }
.rollover2en a { position:relative; display: block; width: 180px; height: 40px; margin-left:auto; margin-right:auto; line-height: 40px;
   background: url(images/button2_en.png); }
.rollover3en a { position:relative; display: block; width: 180px; height: 40px; margin-left:auto; margin-right:auto; line-height: 40px;
   background: url(images/button3_en.png); }
.rollover4en a { position:relative; display: block; width: 180px; height: 40px; margin-left:auto; margin-right:auto; line-height: 40px;
   background: url(images/button4_en.png); }
.rollover5en a { position:relative; display: block; width: 180px; height: 40px; margin-left:auto; margin-right:auto; line-height: 40px;
   background: url(images/button5_en.png); }
.rollover6en a { position:relative; display: block; width: 180px; height: 40px; margin-left:auto; margin-right:auto; line-height: 40px;
   background: url(images/button6_en.png); }
.rollover7en a { position:relative; display: block; width: 180px; height: 40px; margin-left:auto; margin-right:auto; line-height: 40px;
   background: url(images/button7_en.png); }
.rollover8en a { position:relative; display: block; width: 180px; height: 40px; margin-left:auto; margin-right:auto; line-height: 40px;
   background: url(images/button8_en.png); }

.rollover1de a { position:relative; display: block; width: 180px; height: 40px; margin-left:auto; margin-right:auto; line-height: 40px;
   background: url(images/button1_de.png); }
.rollover2de a { position:relative; display: block; width: 180px; height: 40px; margin-left:auto; margin-right:auto; line-height: 40px;
   background: url(images/button2_de.png); }
.rollover3de a { position:relative; display: block; width: 180px; height: 40px; margin-left:auto; margin-right:auto; line-height: 40px;
   background: url(images/button3_de.png); }
.rollover4de a { position:relative; display: block; width: 180px; height: 40px; margin-left:auto; margin-right:auto; line-height: 40px;
   background: url(images/button4_de.png); }
.rollover5de a { position:relative; display: block; width: 180px; height: 40px; margin-left:auto; margin-right:auto; line-height: 40px;
   background: url(images/button5_de.png); }
.rollover6de a { position:relative; display: block; width: 180px; height: 40px; margin-left:auto; margin-right:auto; line-height: 40px;
   background: url(images/button6_de.png); }
.rollover7de a { position:relative; display: block; width: 180px; height: 40px; margin-left:auto; margin-right:auto; line-height: 40px;
   background: url(images/button7_de.png); }
.rollover8de a { position:relative; display: block; width: 180px; height: 40px; margin-left:auto; margin-right:auto; line-height: 40px;
   background: url(images/button8_de.png); }

.rollover1hu a:hover { background-position: 0 -40px; }
.rollover2hu a:hover { background-position: 0 -40px; }
.rollover3hu a:hover { background-position: 0 -40px; }
.rollover4hu a:hover { background-position: 0 -40px; }
.rollover5hu a:hover { background-position: 0 -40px; }
.rollover6hu a:hover { background-position: 0 -40px; }
.rollover7hu a:hover { background-position: 0 -40px; }
.rollover8hu a:hover { background-position: 0 -40px; }
.rollover1en a:hover { background-position: 0 -40px; }
.rollover2en a:hover { background-position: 0 -40px; }
.rollover3en a:hover { background-position: 0 -40px; }
.rollover4en a:hover { background-position: 0 -40px; }
.rollover5en a:hover { background-position: 0 -40px; }
.rollover6en a:hover { background-position: 0 -40px; }
.rollover7en a:hover { background-position: 0 -40px; }
.rollover8en a:hover { background-position: 0 -40px; }
.rollover1de a:hover { background-position: 0 -40px; }
.rollover2de a:hover { background-position: 0 -40px; }
.rollover3de a:hover { background-position: 0 -40px; }
.rollover4de a:hover { background-position: 0 -40px; }
.rollover5de a:hover { background-position: 0 -40px; }
.rollover6de a:hover { background-position: 0 -40px; }
.rollover7de a:hover { background-position: 0 -40px; }
.rollover8de a:hover { background-position: 0 -40px; }


/* PAGE ELEMENTS */

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

#top-cnt {
	min-height: 100%;
   	background-color:#FCE5AB;
	background: url(images/site_bg.jpg)
}

#bottom-cnt {
	height: 80px;
	margin-top: -80px;
	background: url(images/footer_bg.png) -250px 0;
}

#wrapper {
	width: 978px;
	margin: 0 auto;
}

#secondary {
	float: left;
	width: 240px;
}

#primary {
	float: left;
	width: 738px;
}

#bottom-margin {
	display: block;
	height: 81px;
}

#primary_header_top {
	float: left;
	width: 738px;
	height: 30px;
	background: url(images/content_bg_top.png)

}

#primary_logo_hu {
	position: absolute;
	left:0px;
	top:10px;
	background: url(images/logo_hu.png)
}

#primary_logo_de {
	position: absolute;
	left:0px;
	top:10px;
	background: url(images/logo_de.png)
}

#primary_logo_en {
	position: absolute;
	left:0px;
	top:10px;
	background: url(images/logo_en.png)
}

#primary_header {
	float: left;
	width: 738px;
	height: 90px;
	background: url(images/content_bg.jpg)

}

#primary_header_bottom {
	float: left;
	width: 738px;
	height: 30px;
	background: url(images/content_bg_bottom.png)

}

#primary_space {
	float: left;
	width: 738px;
}

#primary_content_top {
	float: left;
	width: 738px;
	height: 30px;
	background: url(images/content_bg_top.png)
}

#primary_content {
	float: left;
	width: 738px;
	min-height: 480px;
	margin-right: -5px;
	background-color:#FFC66E;
	background: url(images/content_bg.jpg)
}

#primary_content_bottom {
	float: left;
	width: 738px;
	height: 30px;
	background: url(images/content_bg_bottom.png)
}

#primary_footer {
	float: left;
	width: 738px;
	height: 30px;
	font-size:14px;
	padding-top:8px;
}


.content_box{
   color:#000000;
   padding-left:20px;
   padding-right:20px;
   text-align:left;
}

.content_box_index{
   color:#FFFFFF;
   padding:0px;
   font-size:12px;
   font-style:italic;
}

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

.content_box_padding{
   color:#FFFFFF;
   padding:10px;
   border-color:000000; 
   font-size:12px;
   font-style:italic;
}


.style_red {color:#FF0000;}
.style_green {color:#207D00;}