/* CSS Document */

body {
	background-color:#3B3B3D;
}
a:link {
	color: #666666;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #666666;
}
a:hover {
	text-decoration: none;
	color: #cccccc;
}
a:active {
	text-decoration: none;
	color: #666666;
}


#horizon {
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	height: 1px;
}
#content {
	position: relative;
	width:800px;
	height:500px;
	top:-250px;
	left: 50%;
	margin-left: -400px;
/*	border:1px solid #8A8A8A;	*/
	text-align:left;
	background-color:#FFFFFF
}
#link {
	position: relative;
	width:800px;
	top:510px;
	left: 50%;
	margin-left: -400px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}
#menu {
	position:absolute;
	left:0px;
	width:181px;
	height:100%;
	background-color:#FFFFFF;
}
#submenu {
	position:absolute;
	left:181px;
	width:126px;
	height:500px;
	height:100%;
	background-color:#F0F0F0;
}

#sub_scrollUp {
	position:absolute;
	left:0px;
	top:2px;
	width:126px;
	text-align:center;
}

#sub_scrollDown {
	position:absolute;
	left:0px;
	top:483px;
	width:126px;
	text-align:center;
}


#foto {
	position:absolute;
	left:307px;
	width:493px;
	height:100%;
	background-color:#D6D5D5;
	text-align:center;
}

.sub_section {
	position:absolute;
	left:0px;
	top:18px;
	text-align:center;
	visibility:hidden;
	overflow:hidden;
	height:462px;
}

.legend {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
}
.text {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:20px;
	text-align:left
}



.but_menu {
	height:25px;
}

a {	/* get rid of link outlines in firefox */
	outline-color: invert;
	outline-style: none;
	outline-width: medium;
}
a:focus {
	outline:none
}