@import url(content.css);

body {
	color:#333333;
	/*font-family: Tahoma, "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;*/
	font-family: Arial,Verdana, Helvetica,sans-serif;
	font-size: 12px; 
	margin:0;
	padding:0;
	position:relative;
}

img	{ border:0; }
ul	{ list-style-image: url(../images/li.png); }
.clearFloat	{ clear: both; float:none; }


h1 { color: #103366; font-size:18px; font-weight:normal; margin:0; padding:0; }
h2 { color: #103366; font-size:15px; font-weight:normal; margin:0; padding:0; }
h3 { color: #333333; font-size:12px; font-weight:bold; margin:0; padding:0; }
h4 { color: #103366; font-size:12px; font-weight:normal; margin:0; padding:0; }

a { color:#103366; text-decoration:none; }
a:hover, a:focus { text-decoration:underline; }
a:hover h1, a:focus h1	{ text-decoration:underline; }
a:hover h2, a:focus h2	{ text-decoration:underline; }
a:hover h3, a:focus h3 	{ text-decoration:underline; }
a:hover h4, a:focus h4 	{ text-decoration:underline; }

div.headline	{ background-color:#f2f2f2; border-bottom:1px dotted #c3d3e3; border-top:1px dotted #c3d3e3; margin:20px 0 0 0;  width:100% }
	.headline div.inner	{ border-right: 1px dotted #c3d3e3; margin: 0 auto 0 auto; width: 861px; }
		.headline .inner a	{ border-left: 1px dotted #c3d3e3; color:#103366; float:right; margin:0; padding:8px 12px 8px 12px; text-decoration:none; }
		.headline .inner a:hover,
		.headline .inner a:focus	{ background-color:#c3d3e3; text-decoration:none; }
		
div.page	{ margin: 25px auto 0 auto; width: 861px; }

	.page div.header	{ height:160px; margin:15px 0 0 0; position:relative; }
		.page .header div.slogan	{ background: url(../images/slogan.png); color:#ffffff; float:left; height:160px; padding:0 10px 0 20px; text-align:left; width:170px; }
			.page .header .slogan table	{ margin:0; padding:0; width:180px; }
			.page .header .slogan td	{ font-family: "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif; font-size:14px; height:156px; vertical-align: middle; width:100%; }
		
		.page .header div.image		{ float:left; height:160px; left:200px; margin:0 0 0 1px; position:absolute; width:660px; }
		
		
	.page ul.topmenu		{ background-color: #c3d3e3; font-family: Tahoma, "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif; font-size: 11px; height:30px; list-style-type:none; margin:1px 0 0 0; padding:0; position:relative; }
		.page .topmenu	li		{ border-left:1px solid #ffffff; display:inline; float:left; height:30px; }
		.page .topmenu	li.info	{ border-left:0; width: 200px; }		
			.page .topmenu li a			{ color: #103366; display: block; height: 23px; padding: 7px 15px 0 15px; text-decoration: none; }
			.page .topmenu li a:hover,
			.page .topmenu li a:focus	{ background-color: #9ab9d9; outline: none; }
			
			.page .topmenu li.selected a		{ background-color: #103366; color: #ffffff; }
			.page .topmenu li.selected a:hover,
			.page .topmenu li.selected a:focus	{ background-color: #103366; }
			
			.page .topmenu	li div.language { position:absolute; right:15px; display:none; }
				.page .topmenu	li .language div{ color:#103366; float:left; font-size:10px; font-weight:bold; margin:8px 0 0 0; }
				.page .topmenu	li .language a	{ background-color: transparent; display:inline; font-weight:normal; height:auto; padding:0;  }
				.page .topmenu	li .language a:hover,
				.page .topmenu	li .language a:focus	{ background-color: transparent; text-decoration:underline; }
			
	.page div.content	{ min-height:400px; margin:1px 0 0 0; position:relative; }
		.page .content div.menu_area	{ background-color: #f3f3f3; float:left; padding:20px 15px 15px 15px; width:170px; position:absolute; bottom:0; top:0; }
			.page .content .menu_area div.title	{ color:#103366; font-size:18px; width:100%; }
			
			.page .content .menu_area ul.menu	{ font-size:1.1em; margin:5px 0 0 0; padding:0 0 0 15px; }
				.page .content .menu li		{ margin:15px 0 0 0; }
				.page .content .menu li a		{ color: #103366; text-decoration: none; left:-4px; position:relative; }
				.page .content .menu li a:hover,
				.page .content .menu li a:focus	{ text-decoration:underline; }
				
				.page .content .menu li.selected a	{ font-weight:bold; }
				
				.page .content .menu li.lvl2		{ margin:5px 0 10px 15px; }
			
			.page .content div.menu_area div.info		{ margin:54px 0 0 0; }
				
		.page .content div.inner	{ float:left; margin:0 0 0 210px; padding:20px 15px 15px 15px; width: 420px; }
		
		.page .content div.info_right	{  border-right: 1px dotted #dedede; float:right; padding:15px; width:170px; position:absolute; top:0; right:0; bottom:0; }
			.page .content .info_right .inside		{ border-left: 1px dotted #999999; padding:5px 15px 5px 15px; position:absolute; top:20px; bottom:15px;}
				.page .content .info_right .inside ul 	{ padding:0 0 0 15px; }
					.page .content .info_right .inside ul li{ margin:0 0 4px 0; }
			
div.footer	{ border-top:1px dotted #dedede; color: #333333; padding:5px 0 10px 0; text-align:left; }
	.footer div.inner	{ border-right: 1px dotted #c3d3e3; margin: 0 auto 0 auto; width: 861px; }
		.footer .inner a 	{ border-left:1px dotted #dedede; color:#333333; float:left; padding:4px 12px 4px 12px; text-decoration:none; }
		.footer .inner a:hover,
		.footer .inner a:focus	{ text-decoration:underline; }
		
		.footer .inner div		{ float:left; padding:4px 12px 4px 0; }