@charset "utf-8";
/* ----------- Class selector ------------------------
	Can apply to any HTML element - begins with a "." 
	Pl. .greenText vagy .highlight
	Can be only 1 word!

/* ----------- ID selector ------------------------
	Applies to only one HTML element - begins with a "#"
	Div tag-ek formájában jelenik meg a HTML-ben
	Tipikusan oldal szerkezeti elemek, területek kijelölésére van.

/* ----------- Tag (element) selector ------------------------
	Redefines an HTML element - body,tr,td,h1,h2,h3,h4,p,address,ul ... etc 

/* ----------- Compound (descendent) selector ------------------------
	based on your selection - #id_name own_name 
	Alárendelt stílus

/* ------------ Box modell ------------------------------------------
	Width * Height - only the content
	+ Padding
	+ Border
	+ Margin
*/
/* -- generic styles ------------------------*/
html, body, div, h1, h2, h3, h4, h5, h6, p, pre, address, blockqoute, span, dl, dd, dt, img, form, fieldset, input {	
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px; /* elemeken belul */
	margin: 0px; /* elemek kozott */
}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, em, th {
	font-weight: normal;
	font-size: 1em;
	font-style: normal;
}
ul, ol {
	/*
	list-style: none;
	*/
}
fieldset, img {
	border-top-style: none; border-right-style:none; border-left-style:none; border-bottom-style:none; 
}
caption, th {
	text-align: left;
}
table {
	BORDER-COLLAPSE: collapse; 
	border-spacing: 0;
	border:none;
}
.table_cell{
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-align:right;
}	
/* -- generic styles ------------------------*/
body  {
	color: #000;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	margin: 0;
	padding: 0;
	text-align: left;
}
#page {
	width:100%;
	height:auto !important;
	background-color:#FFF;	
	background-image:url(images/background.jpg);
	background-repeat:no-repeat;
}   
#cms {
	width:750px;
	height:auto;
	background-color:#FFF;
	margin:10px 10px 10px 10px;	
}   
#wrapper {
	width: 946px;
	height: auto;
	height: 100%;
	margin:0px auto 10px 0px;
}   
#header{
	height:86px;
	/* position: relative;	*/
}
#welcome{
	height:187px;
	/* position: relative;	*/
}
#container{
	height:auto;
	/* position: relative; */	
}
#footer{
	/*
	CLEAR:
	left - No floating elements allowed on the left side 
	right - No floating elements allowed on the right side 
	both - No floating elements allowed on either the left or the right side 
	none - Default. Allows floating elements on both sides 
	*/
	clear:both;
	height:auto;
}
/* ------- FOOTER STYLES ----------*/
#footer #copyright
{
	float:left;
	width:316px;
	height:52px;
	background-image:url(images/footer_copyright_back.gif);
}
#footer #copyright p
{
	padding: 18px 0px 0px 30px;
	color: #666666;	
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: .6em;	
}
#footer #footer_menu
{
	padding: 20px 0px 0px 30px;
	background-image:url(images/footer_back.jpg);
	background-repeat:no-repeat;
	float:left;	
	width:600px;
	height:32px;	
}
#footer #footer_menu p
{
	padding: 0px 0px 0px 10px;
	color: #fff;	
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: .7em;
	float:left;
}
#footer #footer_menu a:link,#footer #footer_menu a:visited{
	color: #fff;		
	text-decoration:underline;
}
#footer #footer_menu a:hover,#footer #footer_menu a:active{
	color: #fff;	
	text-decoration:none;
}
/* ------- HEADER STYLES ----------*/
#header #logo
{
	float:left;
	width:316px;
	height:84px;
}
#header #main_menu
{
	float:left;	
	width:630px;
	height:84px;	
}
#header #main_menu img
{
	padding-top:34px;
}
#header img {
	/* 
	display: block;
		
	none -  The element will not be displayed 
	block - The element will be displayed as a block-level element, with a line break before and after the element 
	inline - Default. The element will be displayed as an inline element, with no line break before or after the element 		
	*/
}
/*
#header #contactButton {
	background: url(../_images/contact_icon.gif);
	position: absolute;
	height: 29px;
	width: 86px;
	left: 650px;
	top: 0px;
}
#header #contactButton a {
	text-indent: -1000em;
	display: block;
}
*/
/* ------- WELCOME STYLES ----------*/
#welcome #pic
{
	float:left;
	width:316px;
	height:187px;
}
#welcome #welcome
{
	background-color:#fff9d3;
	background-image:url(images/welcome_back.jpg);
	padding:20px 24px 15px 150px;	
	float:left;	
	width:456px;
	height:152px;	
}
#welcome #welcome h1{

}
#welcome #welcome h2{
	color: #2c4459;	
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: .7em;
	font-weight:bold;
	padding:10px 0px 8px 0px;
}
#welcome #welcome p{	
	padding: 0px 0px 0px 0px;
	color: #666666;	
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: .7em;
	text-align:justify;
}
#welcome #welcome .thumb{
	margin:0px 8px 0px 0px;
	padding:2px 2px 2px 2px;
	border-color:#dcdcdc;
	border-style:solid;
	border-width:1px;
	float:left;
}
#welcome #welcome .bovebben{	
	padding: 5px 0px 0px 0px;
	color: #2c4459;	
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: .6em;
	text-align:right;
}
#welcome #welcome .bovebben a:link,#welcome #welcome .bovebben a:visited{
	color: #2c4459;		
	text-decoration:underline;
}
#welcome #welcome .bovebben a:hover,#welcome #welcome .bovebben a:active{
	color: #2c4459;		
	text-decoration:none;
}
#welcome #welcome .bovebben img{
	vertical-align:bottom;
}
/* ------- CONTAINER STYLES ----------*/
#container #sidebar_left{
	background-color:#FFF;
	float:left;
	padding:20px 24px 15px 28px;
	width:264px;
	height:auto;
    /* display: inline; /* Ha Float balra és bal margó is van, akkor IE6 bug miatt kell ez a sor! */
}
#container #sidebar_left h1{

}
#container #sidebar_left h2{
	color: #2c4459;	
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: .7em;
	font-weight:bold;
	padding:10px 0px 8px 0px;
	clear:both;
}
#container #sidebar_left p{	
	padding: 0px 0px 0px 0px;
	color: #666666;	
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: .7em;
	text-align:justify;
}
#container #sidebar_left .bovebben{	
	padding: 5px 0px 0px 0px;
	color: #2c4459;	
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: .6em;
	text-align:right;
}
#container #sidebar_left .bovebben a:link,#container #sidebar_left .bovebben a:visited{
	color: #2c4459;		
	text-decoration:underline;
}
#container #sidebar_left .bovebben a:hover,#container #sidebar_left .bovebben a:active{
	color: #2c4459;		
	text-decoration:none;
}
#container #sidebar_left .bovebben img{
	vertical-align:bottom;
}
#container #sidebar_left .thumb{
	margin:0px 8px 0px 0px;
	padding:2px 2px 2px 2px;
	border-color:#dcdcdc;
	border-style:solid;
	border-width:1px;
	float:left;
}
#container #content{
	 float:left;
	 width:630px;
 	 height:auto;
	 background-image:url(images/main_content_section_back.gif);
    /* display: inline; /* Ha Float balra és bal margó is van, akkor IE6 bug miatt kell ez a sor! */	 
}
#container #content #highlight{
	padding:20px 24px 15px 28px;
	height:123px;
	background-image:url(images/highlight_back.gif);
}
#container #content #highlight h1{

}
#container #content #highlight h2{
	color: #2c4459;	
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: .7em;
	font-weight:bold;
	padding:10px 0px 8px 0px;
}
#container #content #highlight p{	
	padding: 0px 0px 0px 0px;
	color: #666666;	
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: .7em;
	text-align:justify;
}
#container #content #highlight .thumb{
	margin:0px 8px 0px 0px;
	padding:2px 2px 2px 2px;
	border-color:#dcdcdc;
	border-style:solid;
	border-width:1px;
	float:left;
}
#container #content #highlight .bovebben{	
	padding: 5px 0px 0px 0px;
	color: #2c4459;	
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: .6em;
	text-align:right;
}
#container #content #highlight .bovebben a:link,#container #content #highlight .bovebben a:visited{
	color: #2c4459;		
	text-decoration:underline;
}
#container #content #highlight .bovebben a:hover,#container #content #highlight .bovebben a:active{
	color: #2c4459;		
	text-decoration:none;
}
#container #content #highlight .bovebben img{
	vertical-align:bottom;
}
#container #content #long_text{
	padding:20px 24px 30px 28px;
	background-image:url(images/main_content_section_back2.gif);
	height:auto;
}
#container #content #long_text h1{
	color: #496074;	
	font-family: Arial, Tahoma, sans-serif, Helvetica;
	font-size: .9em;
	font-weight:bold;
}
#container #content #long_text h1 img{
	vertical-align:bottom;
	padding-right:8px;
}
#container #content #long_text h2{
	color: #2c4459;	
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: .7em;
	font-weight:bold;
	padding:10px 0px 3px 0px;
}
#container #content #long_text a:link,#container #content #long_text a:visited{
		color: #2c4459;			
	text-decoration:underline;
}
#container #content #long_text a:hover,#container #content #long_text a:active{
		color: #2c4459;		
	text-decoration:none;
}

#container #content #long_text .press_date{
	float:right;	
	text-align:right;
	padding:10px 0px 8px 0px;
	color: #666666;	
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: .7em;
}
#container #content #long_text p{	
	padding: 10px 0px 0px 0px;
	color: #666666;	
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: .7em;
	text-align:justify;
}
#container #content #long_text ul{	
	padding: 10px 0px 0px 0px;
	color: #666666;	
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-align:justify;
}
#container #content #long_text ol{	
	padding: 0px 0px 0px 10px;
	color: #666666;	
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: .7em;
	text-align:justify;
}
#container #content #long_text thumb2{
	margin:0px 8px 0px 0px;
	padding:2px 2px 2px 2px;
	border-color:#dcdcdc;
	border-style:solid;
	border-width:1px;
	float:left;
}	
#container #content #long_text .bovebben{	
	padding: 5px 0px 0px 0px;
	color: #2c4459;	
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: .6em;
	text-align:right;
	clear:both;
}
#container #content #long_text .bovebben a:link,#container #content #long_text .bovebben a:visited{
	color: #2c4459;		
	text-decoration:underline;
}
#container #content #long_text .bovebben a:hover,#container #content #long_text .bovebben a:active{
	color: #2c4459;		
	text-decoration:none;
}
#container #content #long_text .bovebben img{
	vertical-align:bottom;
}
#container #content #long_text .thumb{
	margin:0px 8px 8px 0px;
	padding:2px 2px 2px 2px;
	border-color:#dcdcdc;
	border-style:solid;
	border-width:1px;
	float:left;
}
#container #content #long_text .thumb2{
	margin:9px 9px 0px 0px;
	padding:2px 2px 2px 2px;
	border-color:#dcdcdc;
	border-style:solid;
	border-width:1px;
	float:left;
}
#container #content #section{
	padding:20px 24px 15px 28px;
	width:263px;
	float:left;
}
#container #content #section h1{

}
#container #content #section h2{
	color: #2c4459;	
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: .7em;
	font-weight:bold;
	padding:10px 0px 8px 0px;
}
#container #content #section p{	
	padding: 0px 0px 0px 0px;
	color: #666666;	
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: .7em;
	text-align:justify;
}
#container #content #section .thumb{
	margin:0px 8px 0px 0px;
	padding:2px 2px 2px 2px;
	border-color:#dcdcdc;
	border-style:solid;
	border-width:1px;
	float:left;
}
#container #content #section .bovebben{	
	padding: 5px 0px 0px 0px;
	color: #2c4459;	
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: .6em;
	text-align:right;
}
#container #content #section .bovebben a:link,#container #content #section .bovebben a:visited{
	color: #2c4459;		
	text-decoration:underline;
}
#container #content #section .bovebben a:hover,#container #content #section .bovebben a:active{
	color: #2c4459;		
	text-decoration:none;
}
#container #content #section .bovebben img{
	vertical-align:bottom;
}
/* -Form Styles- */
#frmEmail fieldset {
	margin-bottom: 20px;
	background: #B9C5C5;
	border-right: 1px solid #729E91;
	border-bottom: 1px solid #729E91;
	border-top-style: none;
	border-left-style: none;
	padding: 20px 0;
}
#frmEmail input.text {
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 12px;
	width: 200px;
}
#frmEmail textarea.mess {
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 12px;	
	width: 200px;
	height:100px;
}
/* --------- MAIN CONTENT STYLES -------------*/
/*
#mainContent {
	margin: 0;
	padding: 0;
	width: 480px;
	float: left;
} 
#mainContent h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	color: #1B9D95;
	margin: .6em 0 .4em 0;
	padding-left: 20px;
}
#mainContent p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.9em;
	line-height: 1.4em;
	color: #000;
	margin-bottom: 1.4em;
	margin-left: 20px;
}
#mainContent ul {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-left: 40px;
	font-size: 0.9em;
	margin-bottom: 1.4em;
}
#mainContent li {
	margin-left: 15px;
	margin-bottom: .6em;
}

#mainContent form {
	margin-left: 20px;
}
#mainContent #frmRegister fieldset {
	margin-bottom: 20px;
	background: #B9C5C5;
	border-right: 1px solid #729E91;
	border-bottom: 1px solid #729E91;
	border-top-style: none;
	border-left-style: none;
	padding: 20px 0;
}
#mainContent #frmRegister legend {
	background: #B9C5C5;
	margin-top: -5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding: 5px 10px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
/*
#mainContent #frmRegister input.text {
	width: 200px;
}
#mainContent #frmRegister input.text:focus , #mainContent #frmRegister textarea:focus{
	background: #EDDAB1;
	border: 1px solid #9D6124;
}

#mainContent #frmRegister p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #444;
}

#mainContentSingle {
	margin: 0;
	padding: 0;
	clear: both;
} 

table#boardCompare {
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #8C5306;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	border-collapse: collapse;
	margin-bottom: 30px;
}
table#boardCompare caption {
	font-size: 1.2em;
	font-weight: bold;
	color: #1B9D95;
	padding-bottom: 10px;
	margin: 0 auto;
}
table#boardCompare thead {
	background: url(../_images/header_background.jpg) no-repeat right top;
	height: 30px;
}
table#boardCompare th {
	color: #FFF;
	font-size: 1em;
	font-weight: normal;
	text-align: left;
	padding-left: 10px;
	line-height: 30px;
}
#boardLength,#boardThick,#boardSkill {
	background: #F5D3A5;
}
#boardWidth,#boardWave {
	background: #BDD5DD;
}
table#boardCompare td {
	line-height: 20px;
	border-right: 1px solid #8C5306;
	border-bottom: 1px solid #8C5306;
	border-left: 1px solid #8C5306;
	padding-left: 10px;
}
table#boardCompare tr:hover {
	color: #FFF;
	background: #41637b;
}
table#boardCompare thead tr:hover {
	background: transparent;
}
#boardName {
	background: #41637b;
}
*/
/* ---------- TABLE hover ------------------*/
table#boardCompare td { /* Itt <table border="0" cellpadding="0" cellspacing="0" id="boardCompare"> */
	line-height: 20px;
	border: 1px solid #fff;
	padding-left: 10px;
}
table#boardCompare tr:hover {
	color: #FFF; 
	background: #707E89;
}

table#boardCompare thead tr:hover {
	background: transparent; /* A táblázat fej háttérszíne nem fog hover-re változni */
}
/* ---------- CSS image rollover ------------*/
/*
#header {
	padding: 0;
	height: 110px;
	margin: 0;
	position: relative;
}
#header #contactButton {
	position: absolute;
	/*
	static Default. An element with position: static always has the position the normal flow of the page gives it (a static element ignores any top, bottom, left, or right declarations) 
	relative - An element with position: relative moves an element relative to its normal position, so "left:20" adds 20 pixels to the element's LEFT position. De document_flow szempontjából, olyan, mintha a helyén maradt volna.
	absolute -  An element with position: absolute is positioned at the specified coordinates relative to its containing block. The element's position is specified with the "left", "top", "right", and "bottom" properties. Kiszedi az elemet a normal flow-ból.
	fixed -  An element with position: fixed is positioned at the specified coordinates relative to the browser window. The element's position is specified with the "left", "top", "right", and "bottom" properties. The element remains at that position regardless of scrolling. Works in IE7 (strict mode) 
	
	left: 650px;
	top: 0px;
}
#header #contactButton a:link,#header #contactButton a:visited{
	text-indent: -1000em;
	display: block;
	background: url(../_images/contact_icon_dual.gif) no-repeat left top;
	height: 29px;
	width: 86px;
}
#header #contactButton a:hover,#header #contactButton a:active{
	background-position: left bottom;
	border: none;
}

/* ---------- CSS image rollover N2 ------------
#header #mainNav li a:link, #header #mainNav li a:visited {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #fff;
	text-decoration: none;
	padding: 0 15px 0 30px;
	margin-right: 10px;
	display: block;
	line-height: 25px;
	background-image: url(file:///C|/usr/bin/html/budopest/images/nav_rollover.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#header #mainNav li a:hover {
	color: #f8b449;
	border: none;
	background-position: left top;
}
*/
/* ---------- Floating ------------*/
/*
.floatRight {
	float: right;
	margin-left: 10px;
}
.floatLeft {
	float: left;
	margin-right: 10px;
}
*/
.clearFloat { 
	clear:both;
}
.clearLeft {
	clear: left;
}
.clearRight {
	clear: right;
}
/****** FCK EDITOR **/
A.fck_link:link, A.fck_link:visited, A.fck_link:active { 
	text-decoration: none;
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	COLOR: #0046D5; 
	FONT-FAMILY: verdana, helvetica, arial, sans-serif;
}

A.fck_link:hover { 
	text-decoration: underline; 
}
A.fck_link_black:link, A.fck_link_black:visited, A.fck_link_black:active { 
	text-decoration: none;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: black; 
	FONT-FAMILY: verdana, helvetica, arial, sans-serif;
}

A.fck_link_black:hover { 
	text-decoration: underline; 
}
.text_fck {
	text-decoration: none;
	text-align:left;	
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	COLOR: #0046D5; 
	FONT-FAMILY: verdana, helvetica, arial, sans-serif; 
}
.text_fck_kicsi {
	text-decoration: none;
	text-align:left;	
	FONT-WEIGHT: normal; 
	FONT-SIZE: 10px; 
	COLOR: black; 
	FONT-FAMILY: verdana, helvetica, arial, sans-serif; 
}
.textblack_fck {
	text-decoration: none;
	text-align:left;	
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	COLOR: black; 
	FONT-FAMILY: verdana, helvetica, arial, sans-serif; 
}
.textkicsi_fck {
	text-decoration: none;
	text-align:left;	
	FONT-WEIGHT: normal; 
	FONT-SIZE: 10px; 
	COLOR: #0046D5; 
	FONT-FAMILY: verdana, helvetica, arial, sans-serif; 
}
.textcim_fck {
	text-decoration: none;
	text-align:left;	
	FONT-WEIGHT: bold; 
	FONT-SIZE: 16px; 
	COLOR: black; 
	FONT-FAMILY: verdana, helvetica, arial, sans-serif; 
}
.fck_formfield{
  border-style: solid;
  border-width: 1px;
  border-color: #A3A3A3;
  width: 680px;
  height: 22px;
  color: black;
  font-size: 14px;
  font-family: verdana;    
}
.fck_messagefield{
  border-style: solid;
  border-width: 1px;
  border-color: #A3A3A3;
  width: 680px;
  height: 50px;
  color: black;
  font-size: 14px;
  font-family: verdana;    
}
.fck_formfieldshort{
  border-style: solid;
  border-width: 1px;
  border-color: #A3A3A3;
  width: 200px;
  height: 22px;
  color: black;
  font-size: 14px;
  font-family: verdana;    
}
.nyomogomb_fck{
  FONT-WEIGHT: normal;	
  FONT-FAMILY: verdana, helvetica, arial, sans-serif;
  FONT-SIZE: 11px;
  COLOR: black;
  background-color: #F4F4F4; 
  border-style: solid;
  border-width: 1px;
  border-color: #B2B2B2;
  width: 100px;
  height: 22px;
}
.kiskepbalra {
	float: left;
	margin: 0px 10px 5px 0px;
	padding: 0;
}
.kiskepbalra2 {
	float: left;
	margin: 15px 10px 15px 0px;
	padding: 0;
}
.kiskepjobbra {
	float: right;
	margin: 0px 0px 5px 10px;
	padding: 0;
}