@import url(formular.css);
/*********************************************************************************

	Project		:	PA-Future
	Copyright	:	Design - NIZ - www.niz.de

**********************************************************************************/
a:link,a:visited { text-decoration:none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }
table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }
legend { display:none; }
div, p, li, a {background-repeat:no-repeat; }

/* ### reset some basic style ################################################### */

dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p			{margin-bottom: 0em;}

ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0;}
ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1.2em; }
a:hover { text-decoration:none; }

/* ### Headlines ###################################################################### */
h1{ color:#2e2d2d;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold;margin:0 0 10px 0;}
h2{ color:#308fb6;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold;margin:0 0 10px 0;}
h3{ color:#2e2d2d;font-weight:bold; font-size:14px;}
h4{ color:#308fb6;font-weight:bold; font-size:14px;}
h5{ color:#2e2d2d; }
h6{ color:#308fb6; }
/* ### HTML ###################################################################### */

html {min-height: 101%;}

/* ### BODY ###################################################################### */
body {	font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#000;
		line-height:22px;
		background:url(bg.jpg) repeat-x #fff;}

#site { width:990px; margin:0 auto;}

#header {background:url(header.jpg) no-repeat; width:990px; height:163px;}

/* Startnavigation */
#navi {width:990px; height:38px; background:url(navi.jpg) top no-repeat; margin:0 auto;}
	#navi ul { float:left;}
	#navi ul li { float:left; list-style:none;}
		#navi ul li a{ height:0px; overflow:hidden; padding:38px 0 0 0; display:block;}
	
	#navi ul li#menu1{ width:218px;}
		#navi ul li#menu1 a:hover{ background:url(navi.jpg) no-repeat; background-position:0 -38px;}
		#navi ul li#menu1 .active{ background:url(navi.jpg) no-repeat bottom; background-position:0 -38px;}
	#navi ul li#menu2{ width:203px;}
		#navi ul li#menu2 a:hover{ background:url(navi.jpg) no-repeat; background-position:-218px -38px;}
		#navi ul li#menu2 .active{ background:url(navi.jpg) no-repeat bottom; background-position:-218px -38px;}
	#navi ul li#menu3{ width:200px;}
		#navi ul li#menu3 a:hover{ background:url(navi.jpg) no-repeat; background-position:-421px -38px;}
		#navi ul li#menu3 .active{ background:url(navi.jpg) no-repeat bottom; background-position:-421px -38px;}
	#navi ul li#menu4{ width:41px;}
		#navi ul li#menu4 a:hover{ background:url(navi.jpg) no-repeat; background-position:-621px -38px;}
		#navi ul li#menu4 .active{ background:url(navi.jpg) no-repeat bottom; background-position:-621px -38px;}
	#navi ul li#menu5{ width:30px;}
		#navi ul li#menu5 a:hover{ background:url(navi.jpg) no-repeat; background-position:-662px -38px;}
		#navi ul li#menu5 .active{ background:url(navi.jpg) no-repeat bottom; background-position:-662px -38px;}


	/*	#navi ul li ul { display:none;}
		#navi ul li:hover ul { 	display:block;
								position:absolute;
								background:#fff;
								padding:0;
								border:1px solid #ccc;
								z-index:200;}
								#navi ul li:hover ul li ul { display:none;}
								#navi ul li ul li:hover ul {
								display:block;
								position:absolute;
								margin:-32px 0 0 200px;
								background:#fff;
								padding:0;
								border:1px solid #ccc;}
		#navi ul li:hover ul li {display:block; float:none;}
		#navi ul li ul li a{ 	color:#000;
								width:170px;
								text-shadow: none;
								font-size:12px;
								padding:3px 15px;
								border-bottom:1px solid #ccc;
								font-family: Helvetica, sans-serif;
								height:auto;
								display:block;}
		#navi ul li#menu2 ul li a:hover{ background:#b7c9cf;}
		#navi ul li#menu2 ul li .active{ background:#b7c9cf;}
		#navi ul li#menu3 ul li a:hover{ background:#b7c9cf;}
		#navi ul li#menu3 ul li .active{ background:#b7c9cf;}
		#navi ul li#menu4 ul li a:hover{ background:#b7c9cf;}
		#navi ul li#menu4 ul li .active{ background:#b7c9cf;}
		#navi ul li#menu5 ul li a:hover{ background:#b7c9cf;}
		#navi ul li#menu5 ul li .active{ background:#b7c9cf;}
		#navi ul li#menu6 ul li a:hover{ background:#b7c9cf;}
		#navi ul li#menu6 ul li .active{ background:#b7c9cf;}*/
#image { width:825px; height:150px; background:url(img.png) no-repeat center;padding:79px 163px 0 0; color:#fff;line-height:24px;}
#image ul { margin:0 0 15px 0;}
#image ul li { list-style:url(list.png); font-size:13px;}
#image ul li a{ color:#fff;}
#image ul li a:hover { color:#d9eaf2;}

.main-content { width:990px;background:url(main.jpg) repeat-y;clear:both; min-height:200px; margin:3px 0 0 0;}
#main{ background:url(main-top.jpg) no-repeat; min-height:400px;	
		margin:0 auto;
		width:870px;
		padding:60px;}
		
		#main .bloc { background:#d9eaf2;border-radius:10px 10px 10px 10px; padding:10px;}
		

#w_info { float:right; width:250px; margin:0 10px 20px 20px;}
#w_info .w_info { color:#0076a7; font-weight:bold;}
#w_info .w_info td { padding:8px 3px 8px 0px;}
.hr { border-bottom:1px solid #ccc;}

		
	#main #sitemap ul{ margin:0 0 0 25px; background:url(bg_border.gif) repeat-y left; padding:0 0 0 0;}
	#main #sitemap ul li{ background:url(bg_sitemap.gif) no-repeat; padding:0 0 0 13px;list-style:none; list-style-image:none;}
	#main #sitemap ul li a{ color:#222; text-decoration:none;}
	#main #sitemap ul li a:hover{ color:#666; text-decoration:underline;}
	
	
	a.fancygroup .image{ float:right; margin:5px 10px 0 10px;
		box-shadow:0 0 8px #ccc;border-radius:5px 5px 5px 5px; border:1px solid #bcbcbc; padding:8px; background:#f2f2f2;}
	
	
	
	#main p{ margin:0 0 15px 0;}	
	#main ul{ margin:0 0 5px 25px;}
	#main ul li{ list-style:url(list.gif);}
	#main ul.small li{ font-size:11px;}
	#main ol{ margin:5px 0 5px 25px;}
	#main ol li{ list-style:decimal;}
	#main a {color:#308fb6; text-decoration:none; }
	#main a:hover {color:#666; }
	
	

#footer { clear:both;background:url(footer.jpg) repeat-x #515151; width:100%; min-height:150px; color:#fff; padding:0 0 30px 0;}
#footer .footer-content { width:870px; margin:0 auto; padding:30px 60px 0 60px; text-align:right;}
	#footer ul li { display:inline; float:left;}
	#footer a { color:#fff; text-decoration:none; border-right:1px solid #fff;padding:0 19px 0 9px;}
		#footer li#menu5 a { border:none; }
		#footer .email { background:none; padding:0;border-right:none;}
	#footer a:hover { color:#d9eaf2;}
	#footer .active { color:#d9eaf2;}



.table { background:#fafafa;border-left:1px solid #ccc;border-top:1px solid #ccc;}
.table td {padding:5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}


		hr { border:none; border-bottom:1px solid #ccc; height:1px; margin:8px 0 16px 0;}
		div.clear{ clear:both; height:0px;}
		.title { color:#308fb6;}
		.clear{ clear:both;}
		.middle{ vertical-align:middle;}
		.bottom { vertical-align:bottom;}
		.flright { float:right;}
		.flleft{ float:left;}
		.txright { text-align:right;}
		.txleft { text-align:left;}
		.txcenter { text-align:center;}
		.pdf { background:url(kl_pdf.gif) no-repeat; padding:0 0 5px 40px; min-height:30px; display:block;}
		
		.img {box-shadow:0 0 8px #ccc;border-radius:5px 5px 5px 5px; border:1px solid #bcbcbc; padding:8px; background:#f2f2f2;}
		.imgleft { float:left;margin:8px 8px 8px 0;
		box-shadow:0 0 8px #ccc;border-radius:5px 5px 5px 5px; border:1px solid #bcbcbc; padding:8px; background:#f2f2f2;}
		.imgright { float:right; margin:8px 0 8px 8px;
		box-shadow:0 0 8px #ccc;border-radius:5px 5px 5px 5px; border:1px solid #bcbcbc; padding:8px; background:#f2f2f2;}
		a.fancygroup .img {box-shadow:0 0 8px #ccc;border-radius:5px 5px 5px 5px; border:1px solid #ccc; padding:8px; background:#f2f2f2;}
		a.fancygroup .imgleft{ float:left;margin:8px 8px 8px 0;
		box-shadow:0 0 8px #ccc;border-radius:5px 5px 5px 5px; border:1px solid #bcbcbc; padding:8px; background:#f2f2f2;}
		a.fancygroup .imgright{ float:right; margin:8px 0 8px 8px;
		box-shadow:0 0 8px #ccc;border-radius:5px 5px 5px 5px; border:1px solid #bcbcbc; padding:8px; background:#f2f2f2;}
		a.fancygroup .bdgreen{border:1px solid #6c7810; padding:1px;}

		.w100 { width:100%;}
		.w50 { width:50%;}
		.border { border:1px solid #aaa; padding:2px; background:#fafafa;}
		



	

