/*		by shuster 2008		*/
/*		general style		*/
body {
	font: small/1.5 "Tahoma", "Arial", "Helvetica", sans-serif;
	text-align: center;
	background: #F0F0F0;
	color: #000;
}
* html body { font-size: x-small; }
* html body td, * html body th { font-size: x-small; }

/* all elements but OL, UL */
body, p, h1, h2, h3, h4, h5, img, dl, form, fieldset, legend, input {
	border:  0px none;
	margin:  0px;
	padding: 0px;
}
ul, ol, dl { padding-top: 0; margin-top: 0; }
dt { font-weight: bold; }

ol.a li { list-style-type: lower-alpha; }
ol.i li { list-style-type: lower-roman; }

/* LAYOUT */
#container { width: 1000px; margin: 5px auto; }

#top-gfx01 { display: table; width: 100%; height: 26px; background: url("../gfx/top-gfx-01.png") left top no-repeat; }
#top-gfx01 h1 { font-size: 1em; line-height: 26px; }
#top-gfx01 h1 a { width: 100%; height: 100%; display: block; text-decoration: none; }
#top-gfx01 h1 span { visibility: hidden; }
#top-gfx01 .x1 { display: table-row; float: left; width: 240px; margin-left: 20px; }
* html #top-gfx01 .x1 { margin-left: 10px; } /* IE6 */
#top-gfx01 .x2 { display: table-row; float: right; width: 460px; height: 100%; line-height: 26px; margin-right: 60px; font-size: 86%; text-align: right; }
* html #top-gfx01 .x2 { margin-right: 30px; }

#top-gfx02 { height: 145px; background: url("../gfx/top-gfx-02.png") left top no-repeat; }
#top-gfx02 .x1 { height: 125px; margin-left: 20px; }
#top-gfx02 .x1a a { width: 80px; height: 75px; float: left; text-decoration: none; }
#top-gfx02 .x1a a span { visibility: hidden; }
#top-gfx02 .x2 { height: 20px; display: table; width: 100%; }

#flagbox1 { width: 128px; float: right; padding-top: 6px; }
#flagbox1 ul { margin: 0; padding: 0; }
#flagbox1 ul li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: block;
	float: right;	/* flags dispalyed in reverse order */
}
#flagbox1 ul li a {
	display: block;
	width: 22px;
	line-height: 18px;
	margin-right: 4px;
	text-decoration: none;
}
#flagbox1 ul li a:focus { border: 1px solid #FA0 }
#flagbox1 ul .en a { background: url("../gfx/flag-en.png") center no-repeat; }
#flagbox1 ul .de a { background: url("../gfx/flag-de.png") center no-repeat; }
#flagbox1 ul .ru a { background: url("../gfx/flag-ru.png") center no-repeat; }
#flagbox1 ul .hu a { background: url("../gfx/flag-hu.png") center no-repeat; }
#flagbox1 ul li a span { visibility: hidden; }

#marquee-1 { padding: 0 10px; line-height: 20px; }

#mid1a {
	width: 100%; /* IE kurvaFix */
	background: #FFF url("../gfx/bg-1.gif") top left repeat-y;
}
#mid1b {
	width: 100%; /* IE kurvaFix */
	background: url("../gfx/bg-2.gif") top right repeat-y;
}

#col-a {
	float: left;
	width: 160px;
	text-align: left;
}

#col-b {
	float: right;
	width: 840px;
	text-align: left;
}

#col-c {
	float: right;
	width: 200px;
	text-align: left;
	padding-top: 5px;
}

#col-c2 {
	float: right;
	width: 180px;
	text-align: left;
	padding-top: 5px;
}

#col-d {
	float: left;
	width: 640px;
	text-align: left;
}

#col-d2 {
	float: left;
	width: 680px;
	text-align: left;
}

#foot1 {
	background: #BF0606; color: #FFF; font-size: 86%; padding: 2px; font-weight: bold;
}
#foot1 a, #foot1 a:visited { color: #FFF; text-decoration: none; }
#foot1 a:hover, #foot1 a:focus { text-decoration: underline; }

.clr {
	border:  0px none;
	margin:  0px;
	padding: 0px;

	float: none;
	clear: both;

	width: 100%;
	height: 0;
	line-height: 0;
	font-size: 0;
}

#menu0 {
	width: 158px;
	padding: 0;
	margin-left: 2px;
	margin-bottom: 1em;
}

#menu0 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

#menu0 li {
	border-bottom: 1px solid #FFC6C6;
	margin: 0;
}

#menu0 li a, #menu0 li a:visited {
	display: block;
	width: "100%";					/* quotes IE 8 fix */
	padding: 5px 5px 5px 0.5em;
	border-left: 5px solid #8B0000; /*#FF9090;*/
	background-color: #BF0606; /*#FFB4B4;*/
	color: #EFA; /*#8B0000;*/
	text-decoration: none;
}

html>body #menu0 li a { width: auto; }

#menu0 li a:hover, #menu0 li a:focus {
	border-left: 5px solid #BF0606;
	background-color: #8B0000;
	color: #FFF;
}


/*********** TOP MENU ***********/
#menu1 {
	/*
	height: ??;
	Since we are floating all LIs, then you need to set height in the make-up part, if you want to place some background on the menu
	*/
	display: block;
}

#menu1 ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
}

#menu1 li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
	position: relative;
}

#menu1 a {
	display: block;
}

* html #menu1 li a {
	position: relative; /* Fix IE6's inability to expand clickable area */
}

#menu1 li ul {
	visibility: hidden;
	position: absolute;
	z-index: 10;
}

/* using display is better (no scrollbars when page loads), but IE can't handle it, so only good browsers should see this */
html>body #menu1 li ul {
	display: none;
}

#menu1 li li {
	width: 100%;
}

/* fix the position */
#menu1 li li ul {
	top: 0;
	left: 100%;
}

/* simulate child selector for IE */
div#menu1 li:hover ul,
#menu1 li:hover li:hover ul,
#menu1 li:hover li:hover li:hover ul,
div#menu1 li:focus ul,
#menu1 li:focus li:focus ul,
#menu1 li:focus li:focus li:focus ul {
	visibility: visible;
}
div#menu1 li:hover li ul,
#menu1 li:hover li:hover li ul,
#menu1 li:hover li:hover li:hover li ul,
div#menu1 li:focus li ul,
#menu1 li:focus li:focus li ul,
#menu1 li:focus li:focus li:focus li ul {
	visibility: hidden;
}

/* do the normal show, with increased specificity, for good browsers */
#menu1 ul.menulist li:hover>ul,
#menu1 ul.menulist li:focus>ul {
	display: block;
	visibility: visible;
}


/*		------   Make-up	--------			*/
#menu1 {
	display: table;
	width: 100%;
	height: 25px;	/* 	Height mentioned above	 */
	z-index: 100;
	position: relative;
}

#menu1 ul ul a {
	text-decoration: none;
	text-align: center;
	color: #000;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 9px;
	padding-right: 9px;
}

#menu1 ul ul li {
	margin: 1px;
	padding: 1px;
}
#menu1 ul ul li:hover, #menu1 ul ul li:focus {
	background-color: #FFDADA; /*#FFB4B4;*/
	color: #FFF;
}

#menu1 li li {
	width: 185px;	/* 	we can't use 100% because LIs have margin and padding (although latter is more important) */
}

#menu1 li ul {
	background-color: #FFF2F2; /*#FFE4E4;*/
	border: 1px solid #F1A3BC;
	width: 190px;
}
#menu1 li ul a {
	text-align: left;
	padding-left: 9px;
}
#menu1 li ul li ul {
	margin-top: 3px;
	margin-left: 0px; /*-2px*/

}
#menu1 li ul a.sub {
	background: url("../gfx/arrow1.gif") no-repeat right center;
}
.menulist {
	position: absolute;
}

/*		------   Specific fixes	(thank to W3C for these) --------			*/
/* 
		I'm gonna move the submenus 5px up
		5px works fine here and it is roughly calculated as:
			padding-bottom + margin-bottom + border-bottom of the LI
			+
			*-top values of the LI
			
		Mostly it needs a bit of trial and error.
		Basic idea is to remove the scrollbar when menu re-positioning is perfomed. Of course, script could take care of that, but that takes too much code - this is easier.
*/
#menu1 li li ul {
	margin-top: -5px;
}

menu1 span, #menu1 span b { display: block; line-height: 25px; height: 25px; border: 0; margin: 0; padding: 0;  text-align: center; }

#menu1 a.slot-a { padding: 0; line-height: 25px; display: block; text-decoration: none; }
#menu1 a.slot-a span { display: block; width: 160px; height: 25px; cursor: pointer; cursor: hand; background: #F6DA69; }
#menu1 li a.slot-a span { color: #000; }
#menu1 li:hover a.slot-a span, #menu1 li:focus a.slot-a span { background: #EFBC2C; color: #FFF; }

#menu1 a.slot-b { padding: 0; line-height: 25px; display: block; text-decoration: none; }
#menu1 a.slot-b span { display: block; width: 160px; height: 25px; cursor: pointer; cursor: hand; background: #AEC277; }
#menu1 li a.slot-b span { color: #000; }
#menu1 li:hover a.slot-b span, #menu1 li:focus a.slot-b span { background: #789538; color: #FFF; }

#menu1 a.slot-c { padding: 0; line-height: 25px; display: block; text-decoration: none; }
#menu1 a.slot-c span { display: block; width: 160px; height: 25px; cursor: pointer; cursor: hand; background: #95C7E7; }
#menu1 li a.slot-c span { color: #000; }
#menu1 li:hover a.slot-c span, #menu1 li:focus a.slot-c span { background: #74A4D4; color: #FFF; }

#menu1 a.slot-d { padding: 0; line-height: 25px; display: block; text-decoration: none; }
#menu1 a.slot-d span { display: block; width: 160px; height: 25px; cursor: pointer; cursor: hand; background: #CB5569; }
#menu1 li a.slot-d span { color: #000; }
#menu1 li:hover a.slot-d span, #menu1 li:focus a.slot-d span { background: #A21D2C; color: #FFF; }

/*********** TOP MENU END ***********/


.xsnazzy { margin-bottom: 1em; }
.xtop, .xbottom { display: block; background: transparent; font-size: 1px; }
.xb1, .xb2, .xb3, .xb4 { display: block; overflow: hidden; }
.xb1, .xb2, .xb3 { height:1px;}
.xb2, .xb3, .xb4 { background: #FFF; border-left: 1px solid #000; border-right: 1px solid #000;}
.xb1 { margin: 0 5px; background: #000; }
.xb2 { margin: 0 3px; border-width: 0 2px; }
.xb3 { margin: 0 2px; }
.xb4 { height: 2px; margin: 0 1px; }
.xboxcontent { display: block; border: 0 solid #000; border-width: 0 1px; height: auto; background: #FFF; }
* html .xboxcontent { height: 1px; }

.xbox1 { background: #FFC0C0; padding: 1px; margin-bottom: 1em; }
.xbox1 .x1, .xbox1 .x2 { background: #FFFFF0; padding: 5px; }

.xbox1 dt {
	display: block;
	color: #F00;
	font-weight: bold;
	font-size: 100%;
	padding-left: 28px;
	background: url('../gfx/rose-1.png') left top no-repeat;
}
.xbox1 h3, .xbox1 label {
	display: block;
	width: 100%
	font-weight: bold;
	font-size: 86%;
	padding: 0px 5px 0px 5px;
	text-align: left;
	color: #EFA;
	background: #BF0606;
}
.xbox1 h3 a, .xbox1 h3 a:visited { color: #EFA; }
.xbox1 a { text-decoration: none; }
.xbox1 a:hover, .xbox1 a:focus { text-decoration: underline; }
.xbox1 a:link span { color: #C40A06; }
.xbox1 a:visited span { color: #800080; }
.xbox1 a { color: #000080; }
.xbox1 .date { color: #000; margin-right: 6px; }
.xbox1 .txtblk-1 { background: #F2F2F2; margin-bottom: 4px; }
.xbox1 .txtblk-2 { background: #F2F2F2; }
.xbox1 p { margin: 0; padding: 0; font-size: 86%; text-align: left; }
.xbox1 dd, .xbox1 ul { margin: 0; padding: 0; font-size: 86%; text-align: left; }
.xbox1 .x1 ul { list-style: square; }
.xbox1 .x1 li { margin-left: 1.5em; }
.xbox1 .x2 ul { list-style: none; }

#search_frm-1 { margin-bottom: 1em; text-align: center; }
#search_frm-1 fieldset.x1 { display: table; width: 190px; height: 20px; line-height: 20px; margin: 0 auto; background: url('../gfx/srchbg-1.gif') center no-repeat; }

#search_frm-1 .in-txt1 {
	display: block;
	float: left;
	width: 126px;
	height: 18px;
	line-height: 18px;
	margin-left: 2px;
	margin-top: 1px;
	background: transparent;
}
#search_frm-1 .in-btn1 {
	display: block;
	float: left;
	width: 54px;
	height: 18px;
	line-height: 18px;
	margin-left: 6px;
	margin-top: 1px;
	text-align: center;
	font-weight: bold;
	background: transparent;
	color: #F00;
	font-family: "Trebuchet MS", "Geneva CE", "Helvetica", sans-serif;
	font-size: 86%;
}
* html #search_frm-1 .in-btn1 { margin-left: 2px; } /* IE6 */


#search_frm-1 legend.l1, #search_frm-2 legend.l1 {
	background: url('../gfx/arrow2d.gif') left center no-repeat;
	cursor: pointer;	/* MOZ */
	cursor: hand;		/* IE */
	padding-left: 16px;
	font-size: 86%;
}

#s_extended1 { font-size: 86%; }

.plus { background: url('../gfx/plus.gif') left center no-repeat; padding-left: 16px; font-size: 86%; }

.center { text-align: center; margin: 0 auto; }
.bold { font-weight: bold; }
.nobold, .normal { font-weight: normal; }

.table, .html { display: table; width: 100%; }

.wrap1 { padding: 0 10px 5px 10px; }
.wrap2 { padding: 1px 5px; }
.wrap3 { padding: 4px; }
.wrap4 { padding: 10px; }
.wrap5 { padding: 5px; }
.wrap6a { padding: 1px 3px 1px 4px; }
.wrap6b { padding: 1px 4px 1px 3px; }

.imgl, img.left { float: left; margin: 10px 10px 10px 0; }
.imgr, img.right { float: right; margin: 10px 0 10px 10px; }

table.tab1, table.tab2, table.tab3 {
	border-spacing: 1px;
	margin-top: 0.5em;
	margin-bottom: 1.5em;
	border-collapse: collapse;
	font-size: 12px;
}

.tab1 th, .tab1 td { empty-cells: show; border: 1px solid #000080; padding: 4px; vertical-align: top; }
.tab1 th { background: #7B8DCE; color: #FFF; vertical-align: top; }
.tab1 .left { text-align: left; }
.tab1 .right { text-align: right; }
.tab1 .odd { background: #F1F6FA; }
.tab1 .even { background: #DEECF7; }

.tab3 th, .tab3 td { empty-cells: show; border: 1px solid #AF0202; padding: 4px; vertical-align: top; }
.tab3 th { background: #CF4242; color: #FFF; vertical-align: top; }
.tab3 .left { text-align: left; }
.tab3 .right { text-align: right; }
.tab3 .odd { background: #FAF1F6; }
.tab3 .even { background: #F9E7F1; }

div.right { text-align: right; }
div.left { text-align: left; }

#menu2 ul { padding: 0; margin: 0; text-align: center; }
#menu2 li { display: inline; font-size: 120%; font-weight: bold; }
#menu2 a { padding: 0 8px; text-decoration: none; color: #000; }

#front .article { display: table; width: 100%; margin-bottom: 1em; }
#front .article h2 { font-size: 114%; color: #F00; font-family: "Trebuchet MS", "Geneva CE", "Helvetica", sans-serif; width: 100%; border-bottom: 1px dashed #BF0606; }
#front .article h2 a, #front h2 a:visited { color: #F00; text-decoration: none; }
#front .article h2 a:hover, #front .article h2 a:focus { color: #000080; text-decoration: underline; }
#front .article h2 a:hover span, #front .article h2 a:focus span { color: #F00; }
#front .article p { text-align: justify; }
#front .article .date { font-weight: bold; font-size: 74%; margin-right: 6px; color: #000; font-style: italic }
#front .article .img { float: left; width: 105px; height: auto; min-height: 1em; }

#front img.tnl { float: left; margin: 5px 5px 5px 0; }

#front .bannerbox1 { width: 160px; float: right; padding: 6px 0; margin: 0 auto; text-align: center; }
#front .bannerbox1 img { margin: 6px; }
#front .ablock { width: 480px; float: left; }

#forecast.bgc1 { width: 100%; display: table; background: #FFE8E8; }
#forecast.bgc2 { width: 100%; display: table; }
#forecast .l {
	float: left; width: 40px; padding-top: 8px; overflow: hidden;
}
#forecast .r {
	float: left; width: 98px; height: 56px; margin-left: 2px; line-height: 16px;
	font-family: "Tahoma", "Helvetica", sans-serif; font-size: 11px;
	color: #000; overflow: hidden;
}

#bwsnav1, #bwsnav2 { display: table; width: 100%; }
#bwsnav1 .bwl, #bwsnav2 .bwl { width: 30%; float: left; }
#bwsnav1 .bwr, #bwsnav2 .bwr { width: 70%; float: right; text-align: right; }
#bwsnav1 a, #bwsnav2 a, #bwsnav1 a:visited, #bwsnav2 a:visited  { color: #000080; text-decoration: none; }
#bwsnav2 .txt { width: 32px; border: 1px solid #000; }
#bwsnav2 .btn { border: 1px solid #000; font-weight: bold; }

.ctgnav1 a, .ctgnav1 a:visited { color: #000080; text-decoration: none; }
.ctgnav1 a:hover, .ctgnav1 a:focus { color: #F00; text-decoration: underline; }
.ctgnav1 a:hover span, .ctgnav1 a:focus span { color: #000080; }

a.nav1,  a:visited.nav1 { color: #000080; text-decoration: none; }
a:hover.nav1, a:focus.nav1 { color: #F00; text-decoration: underline; }
a:hover.nav1 span, a:focus.nav1 span { color: #000080; }

#eurocalc1 { text-align: left; }
#eurocalc1 label { width: 32px; float: left; color: #BF0606; height: 18px; line-height: 18px; padding: 1px; background: #FFFFF0; margin-bottom: 2px; }
#eurocalc1 input { width: 100px; border: 1px solid #000; height: 18px; line-height: 18px; padding: 1px; margin-left: 2px; margin-bottom: 2px; }