body {
	background:#ABADB1 url(../images/shared/body.jpg) top left repeat-x;
	padding:0px;
	margin:0px;
	font-family:Tahoma, Arial;
	text-align: left;
	font-size: 12px;
	color:#000000;
	line-height:20px;
}

/* LAYOUT */
#maincontainer{
width: 1011px; /*Width of main container*/
margin: 0; /*Center container on page*/
}

#topsection{
height: 292px; /*Height of top section*/
}

#line1 {
height:54px;
background:url(../images/shared/line1.jpg) top left no-repeat;
}

#line2 {
height:175px;
background:url(../images/shared/line2.jpg) top left no-repeat;
}

#szlogen {
float:left;
width:658px;
padding: 115px  0 0 40px;
color:#FFFFFF
}

.dualp_link a{
color:#FFFFFF;
text-decoration:none;
letter-spacing:1px;
/*font-weight:bold;*/
}

.dualp_link a:hover{
text-decoration:none;
}

#line3 {
height:63px;
background:url(../images/shared/line3.jpg) top left no-repeat;
}

#contentwrapper{
float: left;
width: 100%;
background:#E7E7E7
}

#contentcolumn{
margin-left: 300px; /*Set left margin to LeftColumnWidth*/
background:#E7E7E7 url(../images/shared/pattern.jpg) top right repeat-y;
}


#contentcolumn a:link {
	color: #0000FF;
	text-decoration: none;
}
#contentcolumn a:visited {
	text-decoration: none;
	color: #0000FF;
}
#contentcolumn a:hover {
	text-decoration: underline;
	color: #0000FF;
}
#contentcolumn a:active {
	text-decoration: none;
	color: #0000FF;
}

#leftcolumn{
float: left;
width: 300px; /*Width of left column*/
margin-left: -1011px; /*Set left margin to -(MainContainerWidth)*/
}

#footer{
clear: left;
width: 100%;
height:53px;
background:url(../images/shared/footer.jpg) top left repeat-x;
color:#FFFFFF;
}

.content{
padding:10px 60px 10px 10px;
}

/**/


/* MAIN MENU */

#invertedtabs{
margin-left: 300px;
padding: 0;
padding-top:3px;
width: 650px;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
}

#invertedtabs ul{
font-weight:bold;
margin:0;
padding:0;
list-style:none;
}

#invertedtabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
line-height: 30px;
}


#invertedtabs a{
float:left;
color: white;
background: #ABACB1 url(../images/shared/color_tabs_left2.gif) no-repeat left bottom;
margin:0 5px 0 0;
padding:0 0 0 3px;
text-decoration:none;
letter-spacing: 1px;
}

#invertedtabs a span{
float:left;
display:block;
background: transparent url(../images/shared/color_tabs_right2.gif) no-repeat right bottom;
padding:3px 9px 3px 6px;
}

#invertedtabs a span{
float:none;
}


#invertedtabs a:hover{
background-color: #E7E7E7;
}

#invertedtabs a:hover span{
background-color: #E7E7E7;
color:#000000;
}

#invertedtabs #current a, #invertedtabs #current span{ /*currently selected tab*/
background-color: #303030;
color:#FFFFFF
}


/**/

/* SUB MENU */
.arrowlistmenu{
width: 280px; /*width of menu*/
background:#FAFAFA;
border:1px solid #CCCCCC;
border-left:none;
padding-bottom:7px;
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(../images/shared/titlebar.png) repeat-x center left;
margin:0;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/

}

.arrowlistmenu ul li a{
color: #0A2864;
background: url(../images/shared/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
width:226px;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
margin-left:35px;
border-bottom: 1px solid #CCCCCC;
}

.arrowlistmenu ul li a:visited{
color: #0A2864;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #0A2864;
background-color: #F3F3F3;
}

/**/

/* BOX */
.box {
width:280px;
border:1px solid #CCCCCC;
border-left:none;
background:#FAFAFA;
margin:10px 0;
}

.boxheader {
border-bottom:1px solid #CCCCCC;
background:#EEEEEE;
padding:4px 15px;
/*text-transform:uppercase;*/
}

/**/
h1, h2, h3, h4, h5 {font-weight:bold; margin:0;}
h1 {font-size:16px;}
h2 {font-size:14px;}
h3 {font-size:13px;}
h4 {font-size:12px;}
h5 {font-size:11px;}


/* Hírek box */
.news_deatels{
margin:5px 0;
padding:5px 10px;
}

.newsline {
border-bottom:1px solid #CCCCCC;
}

.news_deatels a {
color:#0A2864;
text-decoration:none;
}

.news_deatels a:hover {
text-decoration:underline;
}

/* Keresés */
#searchBox{
float:right;
background:#EEEEEE url(../images/shared/magnifying-glass.gif) right no-repeat;
border:1px solid #60676B;
color:#303030;
margin:10px 55px 0 0;
}

.search_head a {
color:#0A2864;
font-size:13px;
font-weight:bold;
text-decoration:none;
}

.search_head a:hover {
text-decoration:underline;
}


/********************************************************/

.topMenu {
float:left;
padding-top:13px;
margin-right:2px;
}

.topMenu a{
display:block;
padding:5px 10px;
color:#E7E7E7;
text-decoration:none;
border-bottom:3px solid #666666;
letter-spacing:1px
}

.topMenu a:hover{
color:#FFFFFF;
background:#666666;
text-decoration:none;
border-bottom:3px solid #666666;
}

.sitemap {
margin:3px 0;
}

.sitemap a {
color:#0A2864;
text-decoration:none;
}

.sitemap a:hover {
text-decoration:underline;
}


/**************************************************************/
/* FORM */

.cssform {
padding:0;
margin:0;
}

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssformSpan {
font-size:11px;
font-weight:normal
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
border:1px solid #7F9DB9;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

#fade1 {
float:right;
width:160px;
font-size:11px;
font-weight:normal;
margin-top: 20px;
white-space:normal
}

.kapcsolatLink a {
text-decoration:none;
color: black;
}
.kapcsolatLink a:hover {
text-decoration:underline;
}

/*************************************************************/
/* WIZARD */

#wizard {
width:256px;
height:120px;
float:left;
margin-top:10px;
background:url(../images/shared/wizard_.gif) top left no-repeat;
}

#wizardContent {
line-height:17px;
margin:40px 15px 0 85px;
text-align:right
}

#wizardContent a {
font-weight:bold;
color: #0A2864;
text-decoration:underline;
}

#wizardContent a:hover {
text-decoration:none;
}

/*************************************************************/
.corner {line-height:18px;}
.corner p {letter-spacing:1px;}
.corner {background: transparent; margin:5px;} 

.corner_top, .corner_bottom {display:block; background: transparent; font-size:1px;}
.corner_b1, .corner_b2, .corner_b3, .corner_b4 {display:block; overflow:hidden;}
.corner_b1, .corner_b2, .corner_b3 {height:1px;}
.corner_b2, .corner_b3, .corner_b4 {border-left:1px solid #0A2864; border-right:1px solid #0A2864; background:#FFFFFF;}
.corner_b1 {margin:0 5px; background:#0A2864;}
.corner_b2 {margin:0 3px; border-width:0 2px;}
.corner_b3 {margin:0 2px;}
.corner_b4 {height:2px; margin:0 1px;}

.corner_cornercontent {
background:#FFFFFF;
display:block; 
border:0 solid #0A2864; 
border-width:0 1px;
padding:2px;
}

/* SLIDE DOWN */
#panel {
	background: #303030;
	height: 180px;
	display: none;
	width:680px;
	border:1px solid white;
}
.slide {
	margin: 0;
	padding: 0;
	/*border-top: solid 4px #422410;*/
	width:550px;
	background: url(../images/shared/btn-slide.gif) no-repeat center top;
}
.btn-slide {
	background: url(../images/shared/white-arrow.gif) no-repeat right -50px;
	text-align: center;
	width: 144px;
	height: 31px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	font-weight:bold;
	font-size:13px;
	color: #fff;
	text-decoration: none;
}
.active {
	background-position: right 12px;
}
/***************************************/
/* SITEMAP                             */
/***************************************/

.sitemapItems{
	float:left;
	padding:5px;
	margin:0 auto;
	margin:5px;
}

.sitemapItems h1 a{
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

.sitemapItems a:link, .sitemapItems a:active, .sitemapItems a:visited {
	display:block;
	font-size:11px;
	text-decoration:none;
	color:#fff;
}

.sitemapItems a:hover{
	text-decoration:underline
}