/*
 * written by Rivendel Kft
 * http://www.rivendel.hu
 * ThermalPark
 */

html, body {
	margin: 0;
	padding: 0;
	width: 100%; 
	height: 100%;
	}
body {
	font-family: verdana, arial, sans-serif;
	font-size: 78%;
	color: #79b30b;
	margin: 0;
	padding: 0;
	background: url(../images/bcg_body.gif) repeat-x 0px 97px;
	}

:-moz-any-link:focus {
	outline: none;
}

h1, h2, h3, h4, h5, h6{
 font-weight: bold;
 color:  #0048d8;
 margin-top: 0.4em;
 margin-bottom: 0.6em;
 letter-spacing: 0.06em;
 text-transform: none;
 text-align:  left;
 padding:0;
}		
h1 {
 font-size: 140%;
}
h2 {
 font-size: 130%;
}
h3 {
 font-size: 120%;
}
h4 {
 font-size: 110%;
}
h5 {
 font-size: 100%;
 color: #79b30b;
}
h6 {
 font-size: 125%;
 color: #79b30b;
}
p {
 font-size: 100%;
 margin-bottom: 0.8em;;
}
td, th {
 padding: 4px 4px 4px 4px;
}

ol{
padding-left: 24px;
margin: 0;
}

ul{
padding-left: 20px;
margin: 0;
}
/********************************************************
* Site
********************************************************/
div#container{
	width: 778px;
	margin: 0 auto;
	padding: 0;
	}
	div#main_content{
		width: 778px;
		padding: 0;
		background: url(../images/content_bcg.gif) repeat-y top left;
		}
		div#top{
			width: 772px;
			height: 97px;
			padding: 0;
			margin: 0px 3px 0px 3px;
			background: white url(../images/top_bcg.gif) no-repeat top right;
			}
			div#logo{
				width: 300px;
				height: 97px;
				background: white url(../images/logo_thermalpark.gif) no-repeat 10px 10px;
				}
	div#head{
		width: 778px;
		height: 207px;
		padding: 0;
		background: url(../images/head_thermalpark_hu.jpg) no-repeat top left;
		}
	div#head_hu{
		width: 778px;
		height: 207px;
		padding: 0;
		background: url(../images/head_thermalpark_hu.jpg) no-repeat top left;
		}
	div#head_en{
		width: 778px;
		height: 207px;
		padding: 0;
		background: url(../images/head_thermalpark_en.jpg) no-repeat top left;
		}
	div#head_de{
		width: 778px;
		height: 207px;
		padding: 0;
		background: url(../images/head_thermalpark_de.jpg) no-repeat top left;
		}
/********************************************************
* Menu
********************************************************/		
div#menu{
	display: inline;
	float: left;
	width: 217px;
	padding: 0;
	margin: -44px 0 0 3px;
	}
	#menu ul {
			    margin: 0;
			    padding: 0;
			    list-style:none;
			    }
				#menu li {
					margin: 0;
					padding: 0;
					list-style:none;
					}
				#menu a {
					display: block;
					color: white;
					text-decoration: none;
					font-weight: bold;
					background: white url(../images/button_bcg.gif) repeat-x;
					margin: 0;
					padding: 6px 0px 0px 8px;
					height: 21px;
					}
					#menu li ul a {
						height: 14px;
						color: #a6c72d;
						background: none;
						padding: 2px 0px 2px 14px;
						}
						#menu li ul li ul a{
							padding-left: 20px;
							}
							#menu li ul li ul li ul a{
								padding-left: 26px;
								}
					#menu li ul a:hover {
						color: #a6c72d;
						border-right: 3px solid #a6c72d;
						}			
					#menu a.act {
						color: #ffa424;
						border-right: 6px solid #ffa424;
						}
					#menu a.act:hover {
						color: #ffa424;
						border-right: 6px solid #ffa424;
						}	
						
			#menu .selector span{
				height: 21px;
				display: block;
				color: white;
				font-weight: bold;
				background: white url(../images/button_bcg.gif) repeat-x;
				margin: 0;
				padding: 6px 0px 0px 8px;
				}
				div#menu ul li ul li.selector span{
					padding-left: 14px;
					}
					div#menu ul li ul li.selector ul li.selector span{
						padding-left: 20px;
						}
						div#menu ul li ul li.selector ul li ul li.selector span{
							padding-left: 26px;
							}
div#foto{
height: 222px;
}							
.foto_title{
	width: 210px;
	display: block;
	padding: 6px 0px 7px 7px;
	margin: 0;
	font-weight: bold;
	color: white;
	background: white url(../images/button_bcg.gif) repeat-x;
	}
	div#foto label{
		color: #a6c72d;
		font-weight: bold;
		float: left;
		width: 40%;
		text-align: right;
		margin-top: 7px;
		margin-right: 2px;
	}
	input.text_input{
		width: 55%;
		border: 1px solid #a6c72d;
		margin-top: 5px;
	}
	form{
	padding: 0;
	margin: 0;
	}
	.foto_login{
	width: 56%;
	padding: 0;
	margin: 0;
	height: 18px;
	margin-left: 91px;
	margin-top: 4px;
	border: 1px solid #a6c72d;
	color: white;
	font-weight: bold;
	background: #a6c72d;
	text-decoration: none;
	display: block;
	}
	div#foto a.foto_reg{
	display: block;
	text-decoration: none;
	text-align: center;
	width: 55%;
	padding: 0;
	margin: 0;
	height: 18px;
	margin-left: 91px;
	margin-top: 4px;
	border: 1px solid #a6c72d;
	color: white;
	font-weight: bold;
	background: #a6c72d;
	}
/********************************************************
* Content
********************************************************/
	div#content{
		float: right;
		width: 550px;
		padding: 4px;
		background: url(../images/bcg_content.gif) no-repeat 0px 50px;
		}
		div#title{
			float: left;
			width: 460px;
			font-weight: bold;
			color: #0048d8;
			font-size: 140%;
			padding: 0 0 20px 30px;
			}
		div#langset{
			float: none;
			width: auto;
			height: 20px;
			text-align: right;
			font-weight: bold;
			padding-right: 7px;
			}
			div#langset a{
				display: inline;
				padding: 0;
				margin: 0;
				font-size: 12px;
				text-decoration: none;
				color: #aecc3f;
				}
		div#fontsize{
			float: left;
			width: 52px;
			height: 17px;
			text-align: right;
			font-weight: bold;
			padding-right: 7px;
			}
			div#fontsize a{
				padding: 0;
				margin: 0;
				text-decoration: none;
				color: #0048d8;
				}
			div#fontsize a#normal {
				font-size: 12px;
				}
			div#fontsize a#large {
				font-size: 14px;
				}
			div#fontsize a#larger {
				font-size: 16px;
				}
		div#real_content{
			clear: both;
			width: 528px;
			padding: 10px;
			}
		div#content img.left{
			margin: 10px;
			margin-left: 0px;
			padding: 2px;
			border: 1px solid #f18f2e;
			background-color: white;
			float: left;
			}
		div#content img.right{
			margin: 10px;
			margin-right: 0px;
			padding: 2px;
			border: 1px solid #f18f2e;
			background-color: white;
			float: right;
			}
		div#content img.content_img{
			margin-left: auto;
			margin-right: auto ;
			display: block;
			padding: 2px;
			border: 1px solid #f18f2e;
			background-color: white;
			}
	div#clear{
		clear: both;
		}
/********************************************************
* News
********************************************************/
div#news ul{
	padding: 0;
	list-style: none;
	}
	div#news ul li{
		padding-bottom: 10px;
		background: url(../images/bcg_content.gif) no-repeat right bottom;
		}
		div#news ul li h3{
			padding: 0;
			margin: 0;
			}
div#news .date{
	display:block;
   	font-size: 10px;
   	font-weight: bold;
	text-align: right;
   	color: #aecc3f;
	padding-bottom: 5px;
	}
	
.news_more{
	display:block;
	text-align: right;
	padding-top: 10px;
	padding-right: 10px;
}
a.news_more {
	font-weight: bold;
	text-decoration: none;
}
/********************************************************
* Footer
********************************************************/
	div#footer_container{
		clear: both;
		width: 100%;
		height: 81px;
		margin: 0;
		padding: 0;
		background: white url(../images/footer_bcg.gif) repeat-x left top;
		}
		div#footer{
			width: 778px;
			height: 81px;
			margin: 0 auto;
			padding: 0;
			background: url(../images/bcg_licence.gif) no-repeat 603px 6px;
			}
			div#licence_left{
				float: left;
				width: 3px;
				height: 81px;
				background: url(../images/bcg_licence_left.gif) no-repeat left top;
						}
			div#licence_right{
				float: right;
				width: 3px;
				height: 81px;
				background: url(../images/bcg_licence_right.gif) no-repeat right top;
				}
			div#licence{
				float: left;
				width: 740px;
				height: 81px;
				padding: 0;
				margin: 0;
				color: white;
				font-size: 11px;
				font-weight: bold;
				}
				div#licence p{
					margin: 0;
					padding: 5px 0px 0px 7px;
					}
				div#licence a{
					text-decoration: none;
					color:  white;
					font-weight: bold;
					font-size: 11px;
					}
				div#licence span{
					color:  white;
					}
/* sendmail ********************************************************/
div#sendmail_bg {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
	background-color: #79b30b;
	-moz-opacity: 0.6;
	opacity: 0.6;
	z-index: 999;
	}
div#sendmail {
	display: none;
	position: absolute;
	top: 210px;
	left: 103px;
	width: 600px;
	height: 360px;
	background-color: #434343;
	color: #ffffff;
	border: 2px solid #ffffff;
	z-index: 1000;
	padding: 0;
	}
	div#sendmail a {
		color: #666666;
		}		
		div#sendmail a:hover {
			color: #79b30b;
			}
	span#showemail {
			display: block;
			margin: 0;
			padding: 0;
			padding-top: 6px;
		}
	#sendmailheader {
		width: 600px;
		height:27px;
		margin: 0 0 6px 0;
		background-color:#e8e8e8;
		font: 12px Arial, Helvetica, sans-serif;
		color: #333333;
		border: none;
		}
		#sendmailtitle{
			float:left;
			padding:7px 0 5px 10px;
			margin-bottom:1px;
			}
		#sendmailclose {
			padding:5px 10px 7px 0;
			margin-bottom:1px;
			text-align:right;
			float:right;
			}
	
a, 
span.email {
	color: #79b30b;
	text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
		}
/********************************************************
* pagination
********************************************************/
.pagination{
	padding: 2px;
	font-family: verdana,arial, sans-serif;
	font-size: 12px;
	text-align: center;
	clear: both;
	}
	div#content .pagination span{
		font-size: 10px;
		}
	div#content .pagination ul{
		margin: 0;
		padding: 0;
		padding-top: 5px;
		padding-bottom: 5px;
		text-align: center;
		}
		.pagination li{
			list-style-type: none;
			display: inline;
			padding-bottom: 1px;
			}
	.pagination a, .pagination a:visited{
		padding: 0 5px;
		border: 1px solid #a9d44e;
		text-decoration: none; 
		color: #5aac22;
		}
	.pagination a:hover, .pagination a:active{
		border: 1px solid #5aac22;
		color: #5aac22;
		background-color: white;
		}
	.pagination li.disablepagestep{
		padding: 0 5px;
		border: 1px solid #c9e968;
		color: #c9e968;
		}
	.pagination li.enablepagestep{
		font-weight: bold;
		}
	* html .pagination, * html .pagination li.disablepagestep{
		margin-right: 5px;
		padding-right: 0;
		}
	.pagination strong{
		padding-right: 32px;
		}

/********************************************************
* infobox
********************************************************/
div#infobox_items{
	clear: both;
	margin: 0;
	padding: 0;
	}
	div.infobox_item{
		margin: 0;
		padding: 10px 0px 10px 0px;
		background: url(../images/bcg_content.gif) no-repeat right bottom;
		}
		div.infobox_item img.highlight{
			float: right;
			border: none;
			margin: 0;
			padding: 0;
			}
		div.infobox_item img{
			margin: 10px;
			margin-left: 0px;
			padding: 2px;
			border: 1px solid #f18f2e;
			background-color: white;
			float: left;
			}
		div#infobox_detail img{
			margin: 10px;
			margin-left: 0px;
			padding: 2px;
			border: 1px solid #f18f2e;
			background-color: white;
			float: left;
			}
		div#infobox_detail div.listlink,
		div.infobox_item div.listlink{
			clear: both;
			margin: 0;
			padding: 6px 10px 0 0;
			text-align: right;
			font-weight: bold;
			}
		div.infobox_content{
			clear: both;
			}
div#infobox_index{
	margin: 0;
	padding: 0;
	}
	div#infobox_index ul{
		margin: 0;
		padding: 0;
		list-style: none;
		}
	div#infobox_index ul li{
		font-size: 10px;
		float: left;
		margin: 0;
		padding: 0;
		padding-right: 7px;
		}


#interestingform_error{
	margin-left: 37%;
	padding-top: 5px;
	padding-left: 5%;
	height: 15px;
	background: url(../images/error.gif) no-repeat center left;
	font-size: 12px;
	font-weight: bold;
	color: red;
}
#interestingform_message{
	margin-left: 37%;
	padding-top: 5px;
	padding-left: 5%;
	height: 15px;
	font-size: 12px;
	font-weight: bold;
	color: green;
}

#interestingform ul li span{
	float: left;
	clear: both;
	text-align: right;
	width: 160px;
	margin: 6px 10px 0 0;
	padding: 0;
	}

#interestingform span.requiedmark{
	float: none;
	clear: none
	text-align: left;
	width: 10px;
	margin: 0;
	padding: 0;
	color: red;
	}
#interestingform label{
	float: left;
	clear: both;
	font-weight: bold;
	text-align: right;
	width: 160px;
	}