body{
	padding:0;
	margin:0;
	font-family:Verdana, "Sans-Serif";
	font-size:66.7%;
}

form{
	padding:0;
	margin:0;
}
span{
	margin:0;
	padding:0;
}

p{
	margin:0;	
	padding:4px;
}

table{
	border-collapse:collapse;
	border-style: hidden;
	border:0;
	width:100px;
}
table tr,
table td{
	border-collapse:collapse;
	border-style: hidden;
	border:0;
}


#site
{	
	display:table-cell;
	vertical-align:middle;
	width:1024px;
	height:768px;	
	margin:auto;
	font-size:1.0em;		
	border:0;	
}

/*Bakcground-schemas*/
body.frontpage{
	background-color:#fae6be;
	background-image:URL(../images/bg_frontpage.jpg);
	background-position:top left;
	background-repeat:repeat-x;	
}

.frontpage #site{ 
	background-image:URL(../images/bg_image_frontpage.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

.frontpage #content{
	display:none;
	visibility:hidden;
}

body.day{
	background-color:#fae5ba;
	background-image:URL(../images/bg_day.jpg);
	background-position:top left;
	background-repeat:repeat-x;	
}

.day #site{ 
	background-image:URL(../images/bg_image_day.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

body.night{
	background-color:#45312b;
	background-image:URL(../images/bg_night.jpg);
	background-position:top left;
	background-repeat:repeat-x;	
}

.night #site{ 
	background-image:URL(../images/bg_image_night.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

/*Position of page elements*/
#menu{
	background-color:Transparent;
	color:#ffffff;
	position:absolute;
	top:154px;
	left:36px;
	width:150px;
}
#content{
	position:absolute;
	top:154px;
	left:200px;
	width:610px;
	height:420px;
	overflow:visible;		
	color:#000000;	
}
#content_admin{
	position:absolute;
	top:154px;
	left:201px;
	width:770px;
	height:600px;
	color:#000000;	
	background-color:#ffffff;
	padding:4px;
}

#infobox{
	background-color:Transparent;
	color:#ffffff;
	position:absolute;
	top:154px;
	left:842px;
	width:150px;
}
#infobox p{
	margin:0;	
	padding:0 0 4px 0;
}
.maincontent{
	display:block;	
	padding:8px;	
	width:613px;
	background-color:white;
	/*Test style scrollbar
	overflow:scroll;
	scrollbar-base-color: Transparent; 
	scrollbar-track-color: Transparent;
	scrollbar-face-color: #53231F;
	scrollbar-highlight-color: Transparent;
	scrollbar-3dlight-color: Transparent;
	scrollbar-darkshadow-color: Transparent;
	scrollbar-shadow-color: Transparent;
	scrollbar-arrow-color: Transparent;
	*/
}

/********************************/
/*Menu							*/
/********************************/
ul.menulevel1{
	padding-bottom:22px;
}

.menulevel1 ,
.menulevel2{
	position:relative;
	display:block;	
	margin:0;
	padding:0;
	list-style: none outside none;
}

.menulevel1 li,
.menulevel2 li{		
	width:150px;
	height:17px;
	line-height:17px;
	background-color:#ffffff;
	margin-top:1px;
	margin-bottom:0;	
}

.menulevel1 li a,
.menulevel2 li a{
	overflow:hidden;
	display:block;
	margin:0;
	padding:0;	
}

.menulevel1 li a{
	margin-left:15px;
}
.menulevel2 li a{
	margin-left:25px;
}

.menulevel1 li.title,
.menulevel2 li.title{
	display:block;
	margin-top:0;
	margin-bottom:2px;	
	background-color:#53231f;
	color:#ffffff;
	text-indent:6px;
	font-weight:bold;
}

.menulevel1 .title a,
.menulevel1 .title a:link,
.menulevel1 .title a:visited,
.menulevel1 .title a:hover,
.menulevel1 .title a:active
{
	background-color:inherit;
	color:#ffffff;
	text-decoration:none;
	margin:0;
}



.menulevel1 a,
.menulevel1 a:link,
.menulevel1 a:visited,
.menulevel1 a:active,
.menulevel2 a,
.menulevel2 a:link,
.menulevel2 a:visited,
.menulevel2 a:active{
	display:block;
	background-color:Transparent;
	color:#432b0c;	
	text-decoration:none;			
}

.menulevel1 a:hover,
.menulevel2 a:hover {
	background-color:Transparent;
	color:#9a0f0f;			
	text-decoration:underline;
}

.menulevel1 .current a,
.menulevel1 .current a:link,
.menulevel1 .current a:visited,
.menulevel1 .current a:hover,
.menulevel1 .current a:active,
.menulevel2 .current a,
.menulevel2 .current a:link,
.menulevel2 .current a:visited,
.menulevel2 .current a:hover,
.menulevel2 .current a:active{
	background-color:Transparent;
	color:#9a0f0f;	
	font-weight:bold;			
}

.menulevel1 li.current,
.menulevel2 li.current {
	background-image:url(../images/current_menuitem.gif);
	background-repeat:no-repeat;	
}
.menulevel1 li.expanded,
.menulevel2 li.expanded {
	/*background-image:url(../images/expanded_menuitem.gif);
	background-repeat:no-repeat;*/	
}

.menulevel1 li.current,
.menulevel1 li.expanded{
	background-position: 7px 5px;
}
.menulevel2 li.current,
.menulevel2 li.expanded{
	background-position: 17px 5px;
}


/********************************/
/*Right side infobox			*/
/********************************/
#infobox .title{
	display:block;
	width:150px;
	height:17px;
	line-height:17px;		
	margin-bottom:2px;	
	background-color:#53231f;
	color:#ffffff;
	text-indent:6px;
	font-weight:bold;
}

#infobox .description{
	display:block;
	width:138px;
	/*height:216px;*/
	background-color:#ffffff;
	color:#432b0c;
	padding-left:6px;
	padding-right:6px;
	padding-top:4px;
	padding-bottom:4px;
}

.infotable {
	width:100%;
}
.infotable td{
	vertical-align:top;
}

/********************************/
/*Content styles				*/
/********************************/
#imageleft{
	position:absolute;
	float:left;
	left: -42px;
	top: 395px;
	cursor:pointer;
}
#imageright{
	position:absolute;
	float:right;
	left: 645px;
	top: 395px;
	cursor:pointer;
}

.hidden{
	display:none;
	visibility:hidden;
}

a,
a:link
{
	color:#9a0f0f;
	text-decoration:underline;
}
a:visited
{
	color:#53231f;
}
a:hover
{
	color:#9a0f0f;
}
a:active
{
	color:#53231f;
}

.Heading1{
	font-weight:bold;
	font-size:1.1em;
	color:#53231f;
}
.Heading2{	
	font-size:1.0em;
	color:#9a0f0f;
}
		
#horizon  {
	background-color: transparent;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	margin-top: -384px;
	text-align: center;
	min-width: 1024px; 
}
#wrapper {
	background-color: transparent;
	position: relative;
	text-align: left;
	width: 1024px;
	height: 380px;
	margin: 0px auto;	
	}

