@import URL("../css/xhtml.css");

@media screen {

	body {
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 12px;
	 font-style: normal;
	 font-weight: normal;
	 font-variant: normal;
	 text-transform: none;
	 color: black;
	 background-color: #FFFFF0;
	}

	/**
	 * Positioning
	 */

	#page {
	 position: absolute;
	 top: 2%;
	 left: 2%;
	 width: 850px;
	 height: 540px;
	}

	#region-before {
	 position: absolute;
	 top: 190px;
	 right: 80px;
	 height:50%;
	 width: 250px;
	}

	#region-body {
	 position: absolute;
	 top: 120px;
	 left: 0px;
	 width: 500px;
	 height: 370px;
	 overflow: auto;
	}

	#region-body div {
	 margin-top: 10px;
	 margin-left: 10px;
	 margin-right: 10px;
	}

	#region-after {
	 position: absolute;
	 bottom: 5px;
	 left: 10px;
	 width: 40%;
	}

	#region-start {
	 position: absolute;
	 bottom: 5%;
	 right: 0px;
	 width: 200px;
	 height: 180px;
	}

	#region-navigation {
	 position: absolute;
	 bottom: 0%;
	 right: 10px;
	 width: 200px;
	 height: 20px;
	}

	#region-end {
	 position: absolute;
	 top: 7%;
	 right:0%;
	 width: 20%;
	 height: 60%;
	}

	/**
	 * Menu
	 */

	.menu {
	 padding-left: 10px;
	 padding-top: 5px;
	 padding-bottom: 5px;
	 font-size: 12px;
	 font-weight: 600;

	 border-color: #826347;
	 border-bottom-style: solid;
	 border-width: 1px;

	}

	.submenu {
	 padding-right: 10px;
	 padding-top: 5px;
	 padding-bottom: 5px;
	 font-size: 12px;
	 font-weight: 600;

	 text-align: right;
	}

	.menu-item:link, .menu-item:visited, .menu-item:active {
	 text-decoration:none;
	 color: white;
	}

	.menu-item:hover {
	 color: #A2E4F0;
	}
	
	.mailto:link, .mailto:visited, .mailto:active {
	 color: #2664AD;
	 text-decoration:none;
	}
	
	.mailto:hover {
	 color: #000000;
	}

	/**
	 * Navigation
	 */

	.navigation {
	 position: absolute;
	 left: 10px;
	}

	.navigation .preceding {
	 position: absolute;
	 bottom: 0px;
	 left: 0px;
	}

	.navigation .following {
	 position: absolute;
	 bottom: 0px;
	 left: 150px;
	}

}