/*
 * writen by Rivendel Kft.
 * http://www.rivendel.hu
 */

html, body {
	margin:0;
	padding:0;
	width:100%; 
	height:100%;
	}
html {
	}
body {
	font-family: sans-serif;
	font-size: 12px;
	line-height:125%;
	color: #667592;
	/* background: #ffffff url(../images/body_bg.gif) repeat-y top center; */
	}

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

br.class,
br.clear,
.clear{
	clear: both;
	}

a{
	color: #0e2242;
	text-decoration: none; 
	}
	a:hover{
		text-decoration: underline;
		}
	
#headcontainer{
	width: 100%;
	margin: 0;
	padding: 0;
	background: #063263 url(../images/headcontainer_bg.png) bottom center repeat-x;
	overflow: hidden;
	border-top: 3px solid #c9080d;
	border-bottom: 3px solid #c9080d;
	position: relative;
	}
	
#maincontainer{
	width: 100%;
	margin: 0;
	padding: 0;
/*	background-color: #ecebe7;*/
	overflow: hidden;
	}

#header{
	width: 1200px;
	height: 349px;
	margin: 0 auto;
	padding: 0;
	overflow: visible;
	background: transparent url(../images/logo_bg.jpg) no-repeat top left;
	background-position: -50px 0;
	}
	#header a.logo{
		float: left;
		width: 275px;
		text-align: left;
		margin: 0;
		padding: 55px 0 0 25px;
		display: block;
		color: #ffffff;
		height: 18px;
		position: absolute;
		top: -42px;
		z-index: 100;
		font-size: 24px;
		line-height: 32px;
		border: none;
		}
	#header a.logo img{
	border: none;h
	}
		#header a.logo span{
			display: none;
			}
		#header a.logo:hover{
			text-decoration: none;
		}
	#headcontainer div.addresscontainer{
		width: 100%;
		background: #063263;
		height: 42px;
		padding: 2px 0;
		border-bottom: 1px solid #1589ff;
	}
	#headcontainer div.address{
		width: 1100px;
		height: 42px;
		line-height: 42px;
		text-align: left;
		margin: 0 auto;
		padding: 0 0 0 100px;
		display: block;
		color: #ffffff;
		background-color: #063263;
		font-family: sans-serif;
		font-size: 10px;
		}
	#headcontainer .address span a,
	#headcontainer .address span{
		color: #d3d3d3;
		display: block;
		height: 42px;
		}
	#headcontainer .address span a{
		background: transparent url(../images/top_selector.gif) no-repeat top left;
		padding: 0 8px;
		float: left;
		}
	#headcontainer .address span a.first{
		background: none;
		}
	#headcontainer .address span{
		color: #d3d3d3;
		position: relative;
		z-index: 1000;
		}
	#headcontainer .address span a:hover{
		text-decoration: none;
		color: #ffffff;
	}
  #headpic{
		background: #27589d url(../images/headpic_000.jpg) no-repeat top left;
		width: 1060px;
		height: 350px;
		padding: 0;
		margin: 0 0 0 300px;
		position: relative;
		overflow: hidden;
  }
  #headpic2{
		width: 1060px;
		height: 350px;
		padding: 0;
		margin: 0;
		position: relative;
		overflow: hidden;
		top: -226px;
  }
  .slogan_box,
	.slogan_text{
		width: 1060px;
		height: 100px;
		padding: 0;
		margin: 0;
		position: relative;
		overflow: hidden;
		font-family: serif;
  }
  .slogan_box{
		background-color: #000000;
		-moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;
		top: 250px;
  }
  .slogan_text{
		color: #ffffff;
		top: 150px;
		padding: 26px 0 0 45px;
  }
	#headpic span{
		display: block;
		color: white;
		font-family: serif;
		font-size: 42px;
		font-style: italic;
		margin: 0;
		padding: 252px 0 0;
		text-align: right;
		width: 100%;
		-moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;
	}
	#headpic .slogan_text span,
	#headpic2 .slogan_text span{
		display: block;
		font-family: serif;
		font-style: italic;
		font-size: 12px;
		margin: 0;
		padding: 0;
		text-align: left;
	}


#container{
	width: 1200px;
	margin: 0 auto;
	padding: 0;
/*	background: transparent url(../images/container_bg.jpg) bottom right no-repeat;*/
}
	#navigation{
		width: 300px;
		overflow: hidden;
		float: left;
		margin: 0;
		padding: 0;
		background: transparent url(../images/navigation_bg.gif) no-repeat top right;
		text-align: right;
		}
		#navigation ul{
			margin: 0;
      padding: 10px 0 0;
      width: 300px;
			overflow: hidden;
			font-size: 14px;
      line-height: 20px;
			border-bottom: 1px solid #dfdfdf;
			min-height: 240px;
			}
			#navigation ul li{
				width: 300px;
				height: auto;
				margin: 0;
				padding: 0;
				list-style: none;
				white-space: nowrap;
  			border-top: 1px solid #dfdfdf;
				}
				#navigation li a{
					width: 280px;
					background: none;
				/*	height: 22px; */
					display: block;
					margin: 0;
					padding: 2px 20px 2px 5px;
					color: #555555; 
					text-decoration: none;
					}
				#navigation li#open a{
					color: #1f6db5; 
					}
				#navigation li a:hover,
				#navigation li#open a:hover{
					background-color: #1f6db5;
					color: #ffffff;
					text-decoration: none;
					}
			#navigation ul li ul{
		/*		display: none; */
				padding: 0 0 6px 8px;
				width: 147px;
				}
				#navigation ul li#openroot ul,
				#navigation ul li.open ul{
					display: block;
					}
			#navigation ul li ul li{
				height: auto;
				width: 147px;
				margin: 0;
				padding: 0;
				white-space: nowrap;
				text-transform: none;
				line-height: 12px;
				overflow: visible;
				border: none;
				background: transparent;
				}
				#navigation li ul li a{
					border: none;
					}
				#navigation li ul li a:hover{
					background-color: transparent;
					color: #3F7CB9;
					text-decoration: underline;
					}
	#navigation div.top{
		width: 100%;
		height: 5px;
		background: transparent url(../images/navigation_top.gif) top left no-repeat;
	}
	#navigation div.bottom{
		width: 100%;
		height: 4px;
		background: transparent url(../images/navigation_bottom.gif) top left no-repeat;
	}
	
	
#banner{
	width: 194px;
	float: left;
}
	#banner .title{
		width: auto;
		height: 25px;
		overflow: hidden;
		white-space: nowrap;
		margin: 0 0 40px 0;
		padding: 30px 6px 2px 22px;
		text-align: left;
		color: #0E2242;
		font-size: 24px;
		border-bottom: 1px solid #ffffff;
		}
		#banner .lang{
			margin-bottom: 100px;
		}
		#banner .lang a{
			padding: 2px 0;
		}
		#banner .lang a:hover{
			text-decoration: none;
			color: #A5C5C9;
		}
  #banner .partners{
		text-align: center;
	}
  #banner .partners a{
		padding: 0;
	}
  #banner .partners img{
		border: none;
	}
	
	#headcontainer .lang{
		float: right;
		padding: 0px 0 0 0;
	}
	#headcontainer .lang a{
		color: #b7c3cf;
	}
	#headcontainer .lang a:hover{
		color: #ffffff;
		text-decoration: none;
	}
#content{
	float: left;
	margin: 1px 0 0 0;
	padding: 10px 10px 0 4px;
	width: 690px;
	color: #5d769f;
  background: transparent url(../images/content_bg.png) repeat-y top right;
	}

#content_body hr{
	color: #3F7CB9; 
	background-color: #3F7CB9;
	width: 100%;
	height: 1px;
	border: none;   
	margin: 6px 0;
	}
#content hr{
	color: #063263; 
	background-color: #063263;
	width: 100%;
	height: 2px;
	border: none;   
	margin: 6px 0;
	}
#content_body .news_date{
	font-size: 10px;
	color: #666666;
	}
#content_body .news_link{
	text-align: right;
	}

	#content_title{
		height: 35px;
		margin: 0;
		padding: 11px 12px 11px 0;
		}
		#content_title h1{
			height: 35px;
			line-height: 35px;
			margin: 0;
			padding: 0;
			color: #111111;
			font-size: 200%;
			font-weight: normal;
			}
		#content_title.infobox_detail{
			height: 20px;
		}
		#content_title.infobox_detail h1{
			height: 20px;
			line-height: 20px;
			margin: 0;
			padding: 0;
			background-color: #ECEDF2;
			color: #14183B;
			font-size: 90%;
			letter-spacing: 0.1px;
			font-family: Georgia, serif;
			font-weight: normal;
		}
		#content_title.infobox_detail h1 span{
			color: #64677F;
		}
		#infobox_detail div.intro{
			color: #333333;
			padding: 6px 0 0 0;
			font-style: italic;
		}

#content.news{
	background: none;
	margin-left: 0;
	}
	#content.news.news #content_title{
		display: none;
		}
	#content.news #content_body{
		width: 610px;
		background: none;
		padding: 0;
		margin: 0;
		}
		#content.news ul,
		#content.news li{
			list-style: none;
			padding: 0;
			margin: 0;
			}
		#content.news li.headline{
			width: 285px;
			margin: 0 0 20px 20px;			
			padding: 0;
			display: inline;
			float: left;
			}
			#content.news li.headline li{
				width: 265px;
				margin: 0;
				padding: 2px 10px 10px 10px;
				}
			#content.news li.headline li.news_title {
				width: 285px;
				height: 28px;
				margin: 0;
				padding: 0;
				overflow: hidden;
				}
			#content.news li.headline li.news_title h2{
				height: 24px;
				margin: 0;
				padding: 4px 0 0 10px;
				color: #3F7CB9;
				font-size: 120%;
				}
			#content.news li.headline li.news_date{
				color: #CCCCCC;
				margin-top: 10px;
				}
			#content.news li.headline li.news_content{
				height: 120px;
				overflow: hidden;
				}
			#content.news li.headline li.news_link{
				float: right;
/*				background: transparent url(../images/next_icon.gif) 60px 7px no-repeat; */
				width: 60px;
				margin: 10px 0 0 0;
				}
			#content.news li.headline li.news_link a{
				float: right;
				display: block;
				background: transparent url(../images/next_icon.gif)  right 5px no-repeat;
				padding-right: 20px;
				width: 80px;
				text-align: right;
				margin: 0;
				}

	#content_body{
		margin: 0;
		padding: 2px 0px 10px 0px;
		min-height: 300px;
		overflow: hidden;
		}
	#content,
	#content li,
	#content p{
		background-color: transparent;
    color: #000000;
    font-family: sans-serif;
    font-size: 13px;
    line-height: normal;
    outline-width: 0;
    vertical-align: baseline;
	}
	#content_body a{
		color: #3F7CB9;
		text-decoration: none;
		}
	#content_body a:hover{
		text-decoration: underline;
		}
	#infobox_detail p,
	#infobox_items p,
	#content_body p{
		padding: 6px 0 10px 0;
		margin: 0;
		}
	#infobox_detail h2,
	#infobox_items h2,
	#content_body h2{
		font-size: 140%;
		font-weight: bold;
		padding: 2px 0;
		margin: 0 0 6px 0;
		background: transparent url(../images/h2_bg.gif) bottom left no-repeat;
		color: #174984;
		}
	#infobox_detail h2 a,
	#infobox_items h2 a,
	#content_body h2 a{
		color: #174984;
		}
	#infobox_detail h3,
	#infobox_items h3,
	#content_body h3{
		font-size: 160%;
		font-weight: normal;
		padding: 0;
		margin: 0 0 6px 0;
		color: #2e6fcd;
		}
	#infobox_detail h3 a,
	#infobox_items h3 a,
	#content_body h3 a{
		color: #2e6fcd;
		}
	#infobox_detail h4,
	#infobox_items h4,
	#content_body h4{
		font-size: 120%;
		color: #960e22;
		font-weight: bold;
		padding: 0;
		margin: 0 0 6px 0;
		}
	#infobox_detail h5,
	#infobox_items h5,
	#content_body h5{
		font-size: 100%;
		font-weight: bold;
		padding: 0;
		margin: 0 0 6px 0;
		color: #555555;
		}
	#infobox_detail h5 a,
	#infobox_items h5 a,
	#content_body h5 a{
		color: #555555;
		}
	#infobox_detail h6,
	#infobox_items h6,
	#content_body h6{
		font-size: 100%;
		font-weight: bold;
		font-style: italic;
		padding: 0;
		margin: 0 0 6px 0;
		color: #174984;
		}
	#infobox_detail h6 a,
	#infobox_items h6 a,
	#content_body h6 a{
		color: #174984;
		}
	#infobox_detail ul,
	#infobox_detail ol,
	#infobox_items ul,
	#infobox_items ol,
	#content_body ul,
	#content_body ol{
		padding-left: 30px;
		}

		div#content img.center, 
		div#content img.right, 
		div#content img.left{
			border: 1px solid ##960e22;
			background-color: #ffffff;
			}
		div#content img.left, 
		div#content img.left_nb{
			margin: 0 20px 8px 8px;
			margin-left: 0px;
			padding: 3px;
			float: left;
			}
		div#content img.right,
		div#content img.right_nb{
			margin: 0 8px 20px 8px;
			margin-right: 0px;
			padding: 3px;
			float: right;
			}
		div#content img.center, 
		div#content img.center_nb{
			margin: 0 8px 8px 8px;
			margin-left: auto;
			margin-right: auto;
			display: block;
			padding: 3px;
			float: none;
			}

		div#content .quotecenter, div#content .quoteleft, div#content .quoteright {
			margin: 0 20px 8px 8px;
			margin-left: auto;
			margin-right: auto;
			display: block;
			padding: 10px;
			color: white;
			background: #646464 url(../images/quote_bcg.gif) top left no-repeat;
			}
		div#content .quoteleft {
			width: 40%;
			float: left;
			margin: 8px;
			margin-left: 0px;
			}
		div#content .quoteright {
			width: 40%;
			float: right;
			margin: 0 8px 8px 8px;
			margin-right: 0px;
			}
		div#content .importantcenter, div#content .importantleft, div#content .importantright {
			margin: 0 8px 8px 8px;
			margin-left: auto;
			margin-right: auto;
			display: block;
			padding: 10px;
			color: #333333;
			font-weight: bold;
			line-height:140%;
			border-top: 4px solid #e0e0e0;
			border-bottom: 4px solid #e0e0e0;
			background-color: #fcfcfc;
			}
		div#content .importantleft {
			width: 40%;
			float: left;
			margin: 0 8px 8px 8px;
			margin-left: 0px;
			}
		div#content .importantright {
			width: 40%;
			float: right;
			margin: 0 8px 8px 8px;
			margin-right: 0px;
			}

#footercontainer{
	background-color: #ffffff;
	border-top: 1px solid #aaaaaa;
	width: 100%;
}
#footer{
	width: 1200px;
	height: 140px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	overflow: hidden;
	}
	#footer .footer_address{
		float: left;
		color: #b3b3b3;
		padding-left: 10px;
		width: 310px;
		overflow: hidden;
		font-size: 10px;
	}
	#footer .footer_address span.title{
		color: #aaaaaa;
	}
	div#footer img {
		border: none;
		}
		div#rivendel_logo {
			float: left;
			line-height: 30px;
			vertical-align: middle;
			display: none;
			}
		div#w3c_logo {
			float: right;
			display: none;
			}
		div#licence {
			display: none;
			float: left;
			line-height: 16px;
			width: 200px;
			}
		div#licence a {
			color: #b0b0b0;
			text-decoration: none;
		}

div#newsletter{
	width: 180px;
	float: right;
	overflow: hidden;
	border-bottom: 1px solid #D1D3D4;
	background-color: #eff1f0;
	height: 120px;
	font-size: 10px;
	}
	div#newsletter span.newsletter_title{
		font-size: 11px;
		font-weight: bold;
		line-height: 20px;
		}
	div#newsletter label{
		width: 80px;
		margin: 2px 6px 2px 0;
		padding: 0;
		line-height: 18px;
		height: 18px;
		}
	div#newsletter input{
		width: 80px;
		margin: 2px 6px 2px 0;
		padding: 0;
		height: 18px;
		line-height: 18px;
		border: none;
		font-size: 11px;
		text-align: left;
		background-color: #FAFAFF;
		}
	div#newsletter input.nl_button{
		width: 80px;
		padding: 0 0px 0 0;
		margin: 4px 6px 0 0;
		height: 20px;
		line-height: 20px;
		border: none;
		background-color: #989a9f;
		color: white;
		font-size: 11px;
		text-align: center;
		}	

/********************************************************
* 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{
			border: none;
			padding: 3px;
			}
		div.infobox_item img{
			margin: 0 10px 10px 0;
			padding: 4px;
			background-color: white;
			float: left;
			}
		div#infobox_detail img{
			margin: 0 10px 6px 0;
			padding: 2px;
			border: 1px solid #9f0d22;
			background-color: white;
			float: left;
			}
		div#infobox_detail img.highlight{
			border: none;
			padding: 3px;
			}

		div#infobox_detail img.left_nb,
		div#infobox_detail img.right_nb,
		div#infobox_detail img.center_nb{
			border: 1px solid #ffffff;
			background-color: white;
		}
		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: 16px 0 20px 4px;
	}
	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;
		}
	div#infobox_index ul li a{
		color: #999999;
		}
  	div#infobox_index ul li a:hover{
	  	color: #555555;
			text-decoration: none;
		  }


#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;
	}
	

#infobox_detail .showhide_button,
#infobox_detail .hideshow_button{
  background-color: #063263;
	color: #ffffff;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
}


div#time_now {
  border-top: 1px solid #bbbbbb;
  clear: both;
  color: #bbbbbb;
  height: 100px;
  margin-top: 80px;
  padding-top: 15px;
  width: 1200px;
}
div#time_now div{
	width: 11%;
	float: left;
	text-align: center;
}

div#linkonbottom{
	font-size: 10px;
	text-align: center;
}

#download_login{
	display: none;
	border: 1px solid #aaaaaa;
	padding: 4px 10px 4px 20px;
	margin: 4px 10px 4px 20px;
	width: 220px;
}
#download_login .error{
	display: none;
	color: #E01111;
}
#download_login label{
	font-weight: normal;
	display: block;
	float: none;
	text-align: left;
}
#download_login input{
	border: 1px solid #1870b7;
	width: 200px;
}
#download_login button{
	background: #1870b7;
	margin: 8px 0;
}
#download_login .container_button{
	text-align: right;
	width: 200px;
}

#download_confidential{
	display: none;
}

/*tervezett projekt helyszínek*/
		div#map_canvas span.country{
			display: block;
			width: 100%;
		}
		
		span.country{
			display: block;
			width: 100%;
			font-weight: bold;
		}
	
    #map_canvas{
      float: left;
      border: 1px solid #aaaaaa;
    }
    #marker_list{
      float: left;
      font-family: sans-serif;
      font-size: 12px;
      border: 1px solid #aaaaaa;
      border-left: none;
      height: 800px;
      overflow: auto;
      width: 697px;
    }
    #marker_list li{
      list-style: none;
      border-bottom: 1px solid #aaaaaa;
      padding: 2px 0 0 0;
      cursor: pointer;
			margin: 0;
    }
    #marker_list li li{
			border: none;
      border-top: 1px solid #aaaaaa;
      padding: 2px 6px;
      cursor: pointer;
    }
    #marker_list li:hover{
      background-color: #eeeeee;
    }
    #marker_list li li:hover{
			background-color: #dddddd;
    }
    #marker_list li span.t0{
      color: #760000;
    }
    #marker_list li span.t1{
      color: #316531;
    }
    #marker_list li span.t2{
      color: #cd6705;
    }
    #marker_list li span.t3{
      color: #0167af;
    }
		#marker_list .projectname{
	/*		width: 30%;
			display: block;*/
	/*		float: left;*/
			padding-right: 10px;
/*			white-space: nowrap;
			overflow: hidden;
*/		}
		#marker_list .projectdata{
/*			display: block;
			white-space: nowrap;
			overflow: hidden;
*/
      color: #555555;
      }
		
#country_list{
	text-align: center;
}
#country_list span{
	cursor: pointer;
	padding: 0 4px;
}
#country_list span:hover{
	text-decoration: underline;
}