/* start of changes for API-Modules */
@import "api_bundle.css";
/* end of changes for API-Modules */	

/* B A S E  L A Y O U T */
html, body {
	height: 100%;
	margin: 0px;
	padding: 0px;
}

div.level1 {
	top: 0px;
	left: 0px;
	right: 0px;
	width: 780px;
	margin: auto;
}

body {
	background: url('./img/backgr.jpg') center 244px repeat-y;
	background-color: #101F5A;
}

div.header {
	background: url('./img/header.jpg') no-repeat;
	width: 1024px;
	height: 244px;
	margin: auto;
}

div.left {
	float:left;
	width: 170px;
	margin-left: 10px;
}

div.content {
	float: left;
	width: 410px;
	margin-top: 25px;
	margin-right: 15px;
}

div.right {
	float: left;
	width: 165px;
}

div.bottom {
	clear: both; 
	text-align: center;
}


/* T O P  M E N U */
div.header ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	margin-left: 550px;
	padding-top: 210px;
}

div.header ul li {
	float: left;
	margin-left: 15px;
	padding: 0px;
}


/* L E F T  M E N U */
div.left ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div.left ul li { 
	margin: 0px;
	padding: 0px;
	padding-left: 25px;
	line-height: 22pt;
	background: url('./img/key.gif') no-repeat;
}

div.left ul li ul {
	margin-left: 10px;
} 

div.left ul li ul li {
	line-height: 15pt;
	padding: 0px;
	background: none;
} 


/* R I G H T  M E N U */
div.right div.emptybox {
	background: url('./img/button_leer.jpg') no-repeat;
	width: 153px;
	height: 130px;
}

div.right div.emptybox img {
	margin-top: 2px;
	margin-left: 2px;

}


div.copyright {
	text-align: center;
}