/*
 * written by Rivendel Kft.
 * http://www.rivendel.hu
 * Rádió Eger
 */

html, body {
	margin:0;
	padding:0;
	width:100%; 
	height:100%;
	}
body {
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #363636;
	background-color: white;
	}

:-moz-any-link:focus {
	outline: none;
}
/* Site ********************************************************/
div#topbar {
	height: 39px;
	width: 966px;
	background-color: white;
}
div#datebox {
	width: 206px;
	height: 23px;
	padding-top: 10px;
	float: left;
	}
	span#date, span#nameday {
		display: block;
		padding: 0 5px 0 0;
		margin: 0;
		height: 13px;
		font-size: 12px;
		font-weight: bold;
		color: #525250;
		text-align: right;
		}
	span#nameday {
		color: #ef1f41;
		}
div#topmenu {
	width: 555px;
	height: 39px;
	float: left;
	position: relative;
	top: 3px;
}
div#topmenu ul {
margin: 0;
padding: 0;
list-style: none;
}
div#topmenu ul li ul{
display: none;
}
div#topmenu ul li:hover ul{
display: block;
}
div#topmenu ul li ul li{
background-color: none;
height: 24px;
text-align: left;
padding-left: 6px;
height: 24px;
line-height: 0;
width: 300px;
}
div#topmenu ul li ul li a{
height: 24px;
width: 300px;
}

div#topmenu ul li {
margin: 0;
padding: 0 0 0 1px;
list-style: none;
float: left;
width: 184px;
height: 39px;
background: transparent url(../images/top_btn.gif) bottom left no-repeat;
text-align: center;
}
div#topmenu ul li a {
display: block;
margin: 0;
padding: 13px 0 0 0;
text-decoration: none;
color: white;
font-weight: bold;
width: 184px;
height: 26px;
}
div#address {
	width: 210px;
	height: 20px;
	float: left;
	padding: 12px 0px 0px 0px;
	font-size: 12px;
	font-weight: bold;
	color: #525250;
}
div#maincontainer{
	width: 966px;
	margin: 0 auto;
	background: white url(../images/maincontainer_bcg.gif) top left repeat-y;
	}
	div#left_bar{
		width: 208px;
		float: left;
		}
	div#midle_bar {
		width: 550px;
		float: left;
		}
	div#right_bar {
		width: 208px;
		clear: right;
		float: right;
		}
	.clear {
		clear: both;
	}
/* Left Bar ********************************************************/
/* Menu **************************************************/
ul.menu, ul.menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	ul.menu li ul{
		display: none;
		}
	ul.menu li#openroot ul,
	ul.menu li.openmenu ul{
		display: block;
		}
	ul.menu li, ul.menu li li {
		list-style: none;
		margin: 0;
		padding: 0;
		}
		/* Root Menu ************************************/
		ul.menu li.first a, ul.menu li.first span, ul.menu li a, ul.menu li span  {
			display: block;
			padding: 14px 0px 0px 30px;
			margin: 0;
			height: 28px;
			width: 178px;
			color: white;
			font-weight: bold;
			font-size: 16px;
			text-decoration: none;
			background: transparent url(../images/selector_menu_left_bcg.gif) top right no-repeat;
			}
			
		ul.menu li a, ul.menu li span {
			background: transparent url(../images/selector_menu_left_bcg.gif) 0px -46px no-repeat;
			}
		/* Sub Menu ************************************/
		ul.menu li li a, ul.menu li.first li a, ul.menu li.selector ul li a {
			height: 18px;
			width: 168px;
			padding: 3px 0px 0px 40px;
			margin: 0;
			color: #c62c34;
			font-weight: normal;
			font-size: 13px;
			background: transparent url(../images/menu_btn.gif) top right no-repeat;
			}
		/* Sub Sub Menu ************************************/
		ul.menu li li.selector a, ul.menu li li.selector span {
			display: block;
			padding: 10px 0px 0px 40px;
			margin: 0;
			height: 27px;
			width: 168px;
			font-size: 14px;
			background: transparent url(../images/selector_menu_left_bcg.gif) 0px -90px no-repeat;
			cursor: hand;
			}
		/* Sub Sub Sub Menu ************************************/
		ul.menu li li.selector li a , ul.menu li li.selector li a {
			height: 18px;
			width: 158px;
			padding: 3px 0px 0px 50px;
			background: transparent url(../images/menu_btn.gif) top right no-repeat;
			}
/* Right Bar *********************************************************************************************/
/* Presenter ********************************************************/
div#presenter {
	height: 228px;
	color: white;
	font-weight: bold;
	}
	div#presenter span {
		display: block;
		padding: 14px 0px 0px 10px;
		margin: 0;
		height: 28px;
		font-size: 16px;
		background: transparent url(../images/selector_menu_right_bcg.gif) top right no-repeat;
	}
	div#presenter_name {
		margin: 164px 0px 0px 0px;
		font-size: 13px;
		padding-top: 2px;
		background: none;
		text-align: center;
		height: 22px;
	}
	div#presenter_img {
		margin: 0px 14px 0px 0px;
		padding-top: 1px;
		float: right;
		height: 185px;
		width: 193px;
		background: white url(../images/presenter/nobody.jpg) bottom right no-repeat;
		overflow: hidden;
	}
div#history {
	color: #333333;
	overflow: hidden;
	display: none;
}
	div#history img{
		float: left;
		margin-right: 10px;
		}
	div#history div{
		clear: both;
		border-bottom: 1px solid #dddddd;
		padding: 6px 0 10px 6px;
		width: 189px;
		overflow: hidden;
		}
	div#history span.title{
		color: #3A53A3;
		font-size: 120%;
		font-weight: bold;
		padding-left: 10px;
		}
		
/* Weather ********************************************************/
	div#facebook span, div#address span, div#banner_right span, div#partnerbanner span, div#playingnow span, div#games span , div#share span {
		clear: both;
		display: block;
		padding: 11px 0px 0px 10px;
		margin: 0;
		height: 29px;
		font-size: 16px;
		color: white;
		font-weight: bold;
		background: transparent url(../images/selector_menu_right_bcg.gif) 0px -46px no-repeat;
		text-align: left;
	}
	div#weather span, div#request span {
		clear: both;
		display: block;
		padding: 11px 0px 0px 10px;
		margin: 0;
		height: 29px;
		font-size: 16px;
		color: white;
		font-weight: bold;
		background: transparent url(../images/selector_menu_left_bcg.gif) 0px -46px no-repeat;
	}
	ul#weather_data {
		clear: both;
		margin: 0;
		padding: 0 20px 0 0;
		list-style: none;
		font-size: 12px;
		text-align: right;
		line-height: 1.2;
		}
		.winfo {
			float: left;
			width: 60%;
			}
		.wdata {
			width: 38%;
			float: left;
			}
		ul#main_weather_data, ul#main_weather_data li {
			color: #ea223e;
			font-weight: bold;
			margin: 0;
			padding: 0;
			margin-bottom: 5px;
			list-style: none;
			}
			ul#main_weather_data li {
				float: left;
				width: 95px;
				overflow: hidden;
				}
				ul#main_weather_data li ul {
					margin: 0;
					padding: 0;
					float: none;
					text-align: center;
					font-size: 12px;
				}
				li#weather_degre {
					font-size: 38px;
					height: 42px;
				}
div#request label {
	text-align: left;
	width: 100%;
	margin-left: 24px;
}
div#request input, div#request textarea {
	width: 85%;
	margin-left: 24px;
}
div#request button {
margin-right: 5px;
}
#sendreq_error{
	margin-left: 10px;
	padding-top: 2px;
	padding-left: 22px;
	height: 15px;
	background: url(../images/error.gif) no-repeat center left;
	font-size: 12px;
	font-weight: bold;
	color: red;
}
#sendreq_ok{
	margin-left: 10px;
	padding-top: 2px;
	height: 15px;
	font-size: 12px;
	font-weight: bold;
	color: #ed2041;
}

div#radiostat{
	text-align: center;
	padding-top: 20px;
	clear: both;
}
div#radiostat img{
	border: none;
}

div#partnerbanner {
	padding-top: 20px;
}
div#partnerbanner a {
	display: block;
	float: left;
	padding: 10px 0 0 20px ;
	width: 162px;
	height: 110px;
	line-height: 110px;
	overflow: hidden;
	text-align: center;
	}
	div#partnerbanner img, div#facebook img, div#address img, div#banner_right img, div#social_icons img, div#games img {
		border: none;
	}
	div#banner_right{
		text-align: center;
	}
	div#facebook div,
	div#address div{
		width: 190px;
		padding-left: 12px;
	}
	div#facebook{
		padding-top: 4px;
	}
	div#facebook a{
		padding-left: 5px;
	}
	div#games{
		font-size: 16px;
		text-decoration: none;
	}
	div#games a{
		padding: 5px;
		text-decoration: none;
		color: #ed2041;
	}
	div#games a:hover{
		text-decoration: underline;
	}
/* Midle Bar ******************************************************************************************/
div#onair {
	height: 38px;
	width: 550px;
	margin: 4px 0px 1px 0px;
	background: #5a5a5a url(../images/onair_bcg.gif) top left no-repeat;
	overflow: hidden;
	}
	#onair_data {
		padding: 20px 5px 0px 5px;
		color: white;
		font-size: 12px;
	}
div#logo {
	width: 199px;
	height: 215px;
	margin-left: 20px;
	position: absolute;
	top: 84px;
}

div#head_img {
	height: 185px;
	width: 550px;
	margin-bottom: 1px;
	background: white url(../images/h04.jpg) top left no-repeat;
	}
/* Citation ********************************************************/
	div#citation {
		width: 550px;
		height: 48px;
		margin-top: -48px;
		overflow: hidden;
		}
		ul.citation, ul.citation li {
			display: block;
			margin: 0;
			padding: 0;
			list-style: none;
			color: white;
			font-size: 12px;
			}
			ul.citation li ul {
			width: 320px;
			padding: 0;
			padding-left: 225px;
			padding-right: 5px;
			}
			li.citation_author {
			text-align: right;
			font-style: italic;
			}

div#textset ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
	position: relative;
	top: 4px;
}
div#textset ul li {
	float: left;
}
div#textset ul li a {
	display: block;
	width: 30px;
	height: 22px;
	text-decoration: none;
}
a#normal {
	background: transparent url(../images/icons.gif) top left no-repeat;
}
a#large {
	background: transparent url(../images/icons.gif) -30px 0px no-repeat;
}
a#larger {
	background: transparent url(../images/icons.gif) -60px 0px no-repeat;
}
a#print {
	background: transparent url(../images/icons.gif) top right no-repeat;
}
/* Content ********************************************************/
div#content_title {
	border-top: 3px solid #ff4e00;
	border-bottom: 3px solid #ed2041;
	background: transparent url(../images/content_title_bcg.gif) bottom left repeat-x;
	color: #3a53a3;
	padding: 28px 5px 0px 7px;
}
div#content_body {
	overflow: hidden;
}
div#content h1 {
	font-size: 170%;
	padding: 0;
	margin: 0;
}
div#content_body p {
	padding: 2px 6px 2px 6px;
}
div#content_body h2 {
	font-size: 140%;
}
div#content_body h3 {
	font-size: 120%;
}
div#content_body h4 {
	font-size: 100%;
}
div#content_body h2, h3, h4 {
	color: #ee2044;
	padding: 2px 3px 2px 3px;
}
div#content_body hr {
	clear: both;
	border: 0;
	color: #9E9E9E;
	background-color: ##ED2041;
	height: 1px;
	width: 100%;
	text-align: left;
}
div#content a {
	color: #3a53a3;
}
div#content ul {
	padding-left: 20px;
	font-size: 12px;
}
div#content ol {
	padding-left: 25px;
	font-size: 12px;
}
div#content table {
	margin: 3px;
  border: 1px solid #ccc;
	border-width: 1px 0px 0px 1px;
	border-spacing: 0;
	border-collapse: collapse;
}
div#content th, div#content td {
	padding: 4px;
	border: 1px solid #ccc;
	border-width: 0px 1px 1px 0px;
}
div#content ol ol, div#content ul ul{
	border-left: none;
}
		div#content img.center, 
		div#content img.right, 
		div#content img.left{
			border: 1px solid #fc7d00;
			background-color: white;
			}
		div#content img.left, 
		div#content img.left_nb{
			margin: 8px;
			padding: 3px;
			float: left;
			}
		div#content img.right,
		div#content img.right_nb{
			margin: 8px;
			padding: 3px;
			float: right;
			}
		div#content img.center, 
		div#content img.center_nb{
			margin: 8px;
			margin-left: auto;
			margin-right: auto;
			display: block;
			padding: 3px;
			}

		div#content .quotecenter, div#content .quoteleft, div#content .quoteright {
			margin: 8px;
			display: block;
			padding: 10px;
			color: #181818;
			background: #f6f6f6 url(../images/quote_bcg.gif) top left no-repeat;
			}
		div#content .quoteleft {
			width: 40%;
			float: left;
			margin-left: 2px;
			}
		div#content .quoteright {
			width: 40%;
			float: right;
			margin-right: 2px;
			}
		div#content .importantcenter, div#content .importantleft, div#content .importantright {
			margin: 8px;
			display: block;
			padding: 10px;
			color: #181818;
			border-left: 4px solid #ff1919;
			border-right: 4px solid #ff1919;
			background: #f6f6f6;
			}
		div#content .importantleft {
			width: 40%;
			float: left;
			margin-left: 2px;
			}
		div#content .importantright {
			width: 40%;
			float: right;
			margin-right: 2px;
			}
/* News ********************************************************/
div#news ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	div#news ul li {
		float: left;
		width: 177px;
		margin: 1px;
		height: 254px;
		padding: 2px;
		overflow: hidden;
		}
		div#news ul ul {
			width: 177px;
			list-style: none;
			}
		div#news ul li ul li {
			float: none;
			margin: 0;
			padding: 0;
			height: auto;
			}
			div#news li.news_img {
				height: 104px;
				overflow: hidden;
				}
			li.news_img img {
				border: 1px solid #d1d1d1;
				padding: 5px;
				height: 88px;
				width: 165px;
				}
			div#news li.news_title,
			div#news li.news_title a {
				color: #ee2044;
				font-weight: bold;
				padding: 1px;
				height: 16px;
				overflow: hidden;
				text-decoration: none;
				}
			div#news li.news_content {
				font-size: 11px;
				height: 114px;
				margin-bottom: 3px;
				padding: 1px;
				overflow: hidden;
				}
			div#news li.news_date {
				color: #fc5000;
				font-weight: bold;
				padding: 1px;
				font-size: 10px;
				width: 60px;
				float: left;
				}
			div#news li.news_more, .listlink {
				color: #3a53a3;
				font-weight: bold;
				float: right;
				width: 80px;
				font-size: 11px;
				text-align: right;
				}

.infobox_detail img {
	border: 1px solid #d1d1d1;
	padding: 5px;
	float: left;
	margin: 5px 5px 3px 0px;
}
.infobox_detail i {
	display: block;
	padding: 3px 10px 5px 0px;
}
.infobox_content {
	clear: both;
	padding: 2px 6px 2px 6px;
}
.listlink { 
padding: 5px; 
}
/* Footer ********************************************************/
div#footer {
	background: white url(../images/footer_bcg.jpg) top center no-repeat;
	padding-top: 120px;
	clear: both;
	margin: 0px 14px 0px 14px;
/*	border-top: 4px solid #ff4e02; */

	height: 58px;
	font-size: 10px;
	}
div#footer img {
		border: none;
		}
	div#rivendel_logo {
		margin-top: 10px;
		padding: 4px 16px 0px 26px;
		float: left;
		}
	div#w3c_logo {
		padding: 4px 15px 0 14px;
		margin-top: 10px;
		float: left;
		}
	div#licence {
		padding: 13px 0 0 0;
		float: left;
		line-height: 11px;
		}
		div#licence a {
			color: #ea223e;
			text-decoration: none;
		}
		
/* Advert ********************************************************/
div#advert {
	background: white;
	height: 90%;
	margin: 0px 14px 0px 14px;
	padding: 40px 0 50px 0;
}
div#advert h1 {
	display: block;
	margin: 0 auto;
	padding: 0;
	font-size: 14px;
}
div#advert a {
	display: block;
	margin: 0 auto;
	padding: 12px 0 0 7px;
	font-size: 12px;
	width: 196px;
	height: 29px;
	background: #5a5a5a url(../doc/kepek/login_btn.jpg) top left no-repeat;
	color: white;
	font-weight: bold;
	text-decoration: none;
}
div#advert img {
	margin: 8px auto;
	display: block;
	padding: 3px;
}
div#share{
	padding-top: 90px;
	}
div#social_icons{
	width: 200px;
	padding: 4px 12px 10px 10px;
	float: right;
	text-align: center;
	}
div#social_icons img{
	margin: 0 5px;
	}


.hirdetes p{
  margin: 4px 15px 4px 10px;
}

.hirdetes ul li{
	margin-left: 20px;
}