/*----------------------------------------------------------------------------
 styles for specific classes and ids
----------------------------------------------------------------------------*/


/*-- global container ------------------------------------------------------*/

#container {
   position: relative;
	padding: 0;
	margin: 0 auto;
	text-align: left;
	width: 740px;	
}

html>body #container {
	width: 740px;
}

/*-- main container: contains all between header and footer ----------------*/

#main_container {
   clear: both;
	padding: 0;
	margin: 0;

}

/*--- the main container is devided in sub containers ----------------------*/

#sub_container1 {
	margin: 0 0 0 0;
	padding: 0;
}

#left_column_container {
	margin: 0;
	padding: 0;
	width: 160px;
 	float: left;	
}

#sub_container2 {
 	float: left; 
	margin: 0;
	padding: 5px 0 5px 20px;
	width: 450px;
	text-align: left;
}

#content_container {
  overflow: hidden;
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: left;			
}

/*--- header ---------------------------------------------------------------*/

#header	{
	position: relative; 
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;	
	width: 740px;
	height: 200px;
}


/*--- key visual -----------------------------------------------------------*/

#key_index {
  position: relative;
	top: 0;
	left: 0;
	width: 740px;
	height: 150px;
}

#key_geography {
  position: relative;
	top: 0;
	left: 0;
	width: 740px;
	height: 150px;
}

#key_society {
  position: relative;
	top: 0;
	left: 0;
	width: 740px;
	height: 150px;
}

#key_history {
  position: relative;
	top: 0;
	left: 0;
	width: 740px;
	height: 150px;
}

#key_politics {
  position: relative;
	top: 0;
	left: 0;
	width: 740px;
	height: 150px;
}

#key_economy {
  position: relative;
	top: 0;
	left: 0;
	width: 740px;
	height: 150px;
}

#key_culture {
  position: relative;
	top: 0;
	left: 0;
	width: 740px;
	height: 150px;
}

#key_tourism {
  position: relative;
	top: 0;
	left: 0;
	width: 740px;
	height: 150px;
}

#key_science {
  position: relative;
	top: 0;
	left: 0;
	width: 740px;
	height: 150px;
}

#key_gallery {
  position: relative;
	top: 0;
	left: 0;
	width: 740px;
	height: 150px;
}

#key_maps {
  position: relative;
	top: 0;
	left: 0;
	width: 740px;
	height: 150px;
}

#key_addresses {
  position: relative;
	top: 0;
	left: 0;
	width: 740px;
	height: 150px;
}

#key_links {
  position: relative;
	top: 0;
	left: 0;
	width: 740px;
	height: 150px;
}

#key_literature {
  position: relative;
	top: 0;
	left: 0;
	width: 740px;
	height: 150px;
}

#key_sitemap {
  position: relative;
	top: 0;
	left: 0;
	width: 740px;
	height: 150px;
}

#key_contact {
  position: relative;
	top: 0;
	left: 0;
	width: 740px;
	height: 150px;
}

#key_aboutus {
   position: relative;
	top: 0;
	left: 0;
	width: 740px;
	height: 150px;
}
/*--- logo -----------------------------------------------------------------*/

#logo {
	width: 185px;
	height: 64px;
	position: absolute;
	top: 78px;
}

/*--- caption (as text or background image) --------------------------------*/

#text_caption {
	position: relative;
	margin: 10px 0 0 0;
	width: 740px;
	text-align: left;
}

#topbanner {
  position: absolute;
	top: 167px;
	left: 0;
	width: 740px;
	height: 20px;
}

/*--- main navigation ------------------------------------------------------*/
#main_nav_container {
	margin: 0;
	padding: 0;
	z-index: 1;
	position: relative;
	float: left;
}

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

#main_nav_list li {
	font-size: 100%;
	margin: 0;
	padding: 0;
}

#main_nav_list a {
	display: block;
	text-decoration: none;
	text-align: left;
	line-height: 20px;
	height: 20px;
	width: 150px;
	padding: 2px 0 0 20px;
	margin: 1px 0 0 0;
	overflow: hidden;
}

html>body .main_nav_list a {
  	width: 150px;
}

#main_nav_list a.main_nav_item:hover {
	text-decoration: none;
}

/*--- container for the subnavigation --------------------------------------*/

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

/*--- subnavigation --------------------------------------------------------*/

#main_nav_list .sub_nav_list {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#main_nav_list .sub_nav_list li {
	clear: both;
	font-size: 100%;
	margin: 0;
	padding: 0;
}

#main_nav_list .sub_nav_list a {
	text-decoration: none;
	text-align: left;
	line-height: 20px;
	height: 20px;
	width: 150px;
	padding: 0 0 0 20px;
	margin: 0 0 0 0;
	display: block;
	overflow: hidden;
}

#main_nav_list .sub_nav_list a:hover {
	text-decoration: none;
}

/*--- upper navigation ------------------------------------------------------*/

#upper_nav_container {
	z-index: 1;
	position: absolute;
	top: 152px;
	width: 740px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	voice-family: "\"}\"";
	voice-family: inherit;
}

html>body #upper_nav_container {
	width: 740px;
}

#upper_nav_list {
	position: relative;
	height: 20px;
	margin: 0;
	padding: 0 0 0 0;
	float: right;
	list-style-type: none;
}

#upper_nav_list li {
	float: left;
	margin: 0;
	padding: 0;
}

#upper_nav_list a {
	font-family: Tahoma,Verdana, Arial, sans-serif;
	background: transparent;
	margin: 0 0 0 0;
	padding-top:1px;
	padding-bottom:0;
	padding-right:20px;
	padding-left:0; 	
   display: block;
   float: left;
	height: 25px;
	font-size: 80%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	voice-family: "\"}\"";
	voice-family: inherit;
}

html>body #upper_nav_list a {
	height: 20px;
}

#upper_nav_list a:hover {
	background: transparent;
	text-decoration: none;
}


a.upper_nav_active_item {
	text-decoration: none;
}

/*--- container for the subnavigation --------------------------------------*/

.sub_nav_container {
	/*margin: 10px;*/
	margin: 0;	
	padding: 0;
	width: 150px;
}

/*--- subnavigation --------------------------------------------------------*/

.sub_nav_list {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.sub_nav_list li {
	clear: both;
	/*--- change the margin to get more space between the buttons----------------*/
	margin: 2px 0 2px 0;
	padding: 0;
}



/*--- footer ---------------------------------------------------------------*/
#footer {
	margin: 0;
	padding: 0;
	/*width: 792px;*/
	width: 100%;
	height: 70px;
	clear: both;
}

#footer_text {
	padding: 10px 0 0 0;
	margin: 0 0 0 0;
	text-align: center;
	font-size: 100%;
	height: 30px;	
	width: 100%;
}

#footer_text2 {
	padding: 10px 0 0 0;
	margin: 0 0 0 0;
	text-align: center;
	font-size: 100%;
	height: 30px;
	width: 100%;
}

html>body #footer {
	width: 740px;
}



/*--- tables ---------------------------------------------------------------*/

#content_container table {
	border-style:solid;
	border-color:#FFFF00;	
	border-width: 0;
	border-spacing: 0;
}

#content_container tr.odd {
	font-size: 90%;
}

#content_container tr.even {
	font-size: 90%;
}

/*--- forms ----------------------------------------------------------------*/

fieldset {
	padding: 15px;
	border-style: solid;
	border-width: 1px;
}

input {
	border-style: solid;
	border-width: 1px;
}

textarea {
	border-style: solid;
	border-width: 1px;
}

/*--------------------------------------------------------------------------*/