@charset "utf-8";
/* CSS Document */

	
	/* COMMON LAYOUT STYLESHEETS ********************/
	html {
	height: 100%;
	}
	
	body {
		background: url(img/bg_head.jpg) repeat-x;
		background-color: #EBEBED;
		font-family:  Arial, Helvetica, sans-serif;
		color:#333;
		height: 100%;
		margin:0;
	   	padding:0;
		font-size: 80%;
 	}

	#page {
		width: 1024px;
		height: 100%;
		position: relative;
		/*border: 1px solid #009;*/
	}

	#bg_head {
		background: url(img/head.jpg) right no-repeat;
		height: 192px;
		width: 1024px;
		margin-left:auto; 
		margin-right:0;

		position: relative;

	}

	#bg_head .header {
		float: left;
		position:relative;
		width: 680px;
		/*margin-left: 224px;
		margin-right: 90px;*/
		height: 192px;
	}

	#bg_head .box {
		background: url(img/bg_internal.jpg) right no-repeat;
		float: left;
		position:relative;
		width: 224px;
		height: 192px;
		text-align:right;
		padding-left: 0;
}
	
	#bg_head .box .content {
		padding-top: 58px;
		padding-right: 4px;
	}

	#bg_head .box .content .title {
		font-weight: bold;
		color:#FFF;
	}

	#bg_head .box .content ul {
		margin-top: 5px;
		padding: 0;
		color: #60ae24;
		width: 95px;
		margin-left: auto;
		margin-right: 0px;
	}

	#bg_head .box .content ul li {
		list-style: none;
		text-decoration:none;
		margin-top: 8px;
		margin-bottom: 4px;
	}

	#bg_head .box .content ul hr {
		border: none;
		border-top: 1px solid #60ae24;
	}

	/*#content .navi ul.two li {
		font-weight: normal;
		text-decoration:none;
		font-size: 100%;
		list-style: none;
		margin-bottom: 5px;
	}*/


	#bg_head .box .content a {
		color: #60ae24;
		text-decoration: none;
		margin-top: 5px;
		font-size: 100%;
	}

	#bg_head .box .content a:hover {
		color: #FC0;
	}

	#bg_head .box .content a.two {
		font-size: 90%;
	}

	#bg_head .no_box {
		float: left;
		position:relative;
		width: 224px;
		height: 192px;
		text-align:right;
		padding-left: 0;
	}		
	
	#bg_head .header .info {
		position: absolute;
		padding: 7px 5px;
		color: #CCC;
		left: 0px;
		right: 0px;
		position:absolute;
	}
	
	#bg_head .header .info a {
		color: #CCC;
		text-decoration: none;
	}	

	#bg_head .header .info span.left {
		width: 48%;
		float: left;
		text-align: left;
		vertical-align:middle;
	}
	
	#bg_head .header .info span.right {
		width: 48%;
		float: right;
		text-align: right;
	}
	
	#bg_head .header .navi {
		position: absolute;
		bottom: 0px;
		padding: 3px;
		height: 25px;
		width: 100%;
		left: 0px;
		right: 0px;
		color:#FFF;
		text-align:center;
		font-weight: bold;
	}

	#bg_head .header .navi a {
		color: #FFF;
		text-decoration: none;
	}

	#bg_head .header .navi a.selected {
		color: #F00;
		text-shadow: #030 2px 2px 2px;
	}
	
	#bg_head .header .navi a.selected:hover {
		color: #F00;
	}	

	#bg_head .header .navi a:hover {
		color: #FC0;
		text-shadow: #030 2px 2px 2px;
	}

	#bg_head .header .navi a:focus {
		color: #FC0;	
	}

	#bg_head .header .navi a:active {
		color: #FC0;	
	}

	#bg_head .header .navi .item1 {
		background: url(img/sep.jpg) repeat-y right;
		float: left;
		height: 100%;
		padding-left: 16px;
		padding-right: 15px;
		margin:0;
	}
	
	#bg_head .header .navi .item2 {
		float: left;
		height: 100%;
		padding-left: 16px;
		padding-right: 15px;
		margin:0;
	}	

	#bg_head .header .navi .inactive {
		background: url(img/sep.jpg) repeat-y right;
		float: left;
		height: 100%;
		padding-left: 14px;
		padding-right: 14px;
		margin:0;
		color: #999;		
	}	

	#content {
		background: url(img/bg_content.jpg) right repeat-y;
		background-color: #EBEBED;
		width: 1024px;
		margin-left:auto; 
		margin-right:0;
		overflow: auto;
		min-height: 100%;
		margin-bottom: 0;
	}

	#content .navi {
		float: left;
		position:relative;
		width: 213px;
		text-align:right;
		padding: 10px;
		padding-left: 0;
	}
	#content .navi p {
		font-weight: normal;
	}

	#content .navi ul {
		margin-top: 5px;
		padding: 0;
		color: #60ae24;
	}

	#content .navi ul.one li {
		font-weight: bold;
		font-size: 110%;
		list-style: none;
		margin-top: 10px;
		
	}

	#content .navi ul.two li {
		font-weight: normal;
		text-decoration:none;
		font-size: 100%;
		list-style: none;
		margin-bottom: 5px;
	}

	#content .navi a {
		color: #60ae24;
		text-decoration: none;
		margin-top: 5px;
		font-size: 100%;
	}

	#content .navi a:hover {
		color: #FC0;
	}

	#content .navi a.two {
		font-size: 90%;
	}

	#content .navi .point {
		margin-left:auto; 
		margin-right:0;
		border: #60ae24 10px solid;	
		width: 20px;
		height: 20px;		
	}

	#content .main {
		float: left;
		position:relative;
		width: 666px;
		padding: 10px;
		text-align:justify;
		min-height: 100%;
		height: 100%;
		margin-bottom: 0px;

	}
	
	#content .progress {
		float: left;
		position:relative;
		width: 80px;
		text-align:center;
		height: 468px;
		background: url(img/bg_progress.jpg) no-repeat;
		/*height: 510px;
		background: url(img/bg_progress2.jpg) no-repeat;*/
	}
	
	#content .rightpanel {
		float: left;
		position:relative;
		width: 80px;
		padding: 0px;
		/*text-align:center;*/
		/*background: url(img/bg_counter.jpg) no-repeat;*/
		/*height: 510px;
		background: url(img/bg_progress2.jpg) no-repeat;*/
	}	
	
	#content .rightpanel .top {
		width: 100%;
		height: 23px;
		background: url(img/bg_rightpanel_top.jpg) no-repeat;
	}		

	#content .rightpanel .center {
		width: 100%;
		background: url(img/bg_rightpanel_center.jpg) repeat-y;
	}		

	#content .rightpanel .bottom {
		width: 100%;
		height: 24px;
		background: url(img/bg_rightpanel_bottom.jpg) no-repeat;
	}		

	#content .rightpanel .center .title {
		margin: 0;
		/*padding-top: 20px;*/
		/*height: 20px;*/
	}
	
	#content .rightpanel .center a {
		color: #60ae24;
		text-decoration:none;
	}	
	
	#content .rightpanel .center .visitors {
		font-weight: bold;
		font-family:"Courier New", Courier, monospace;
		font-size:110%;
		margin-bottom: 10px;
	}	
	
	#content .rightnavi {
		float: left;
		position:relative;
		width: 80px;
		text-align:right;
	}
	
	#content .rightnavi a {
		padding-left: 5px;
		color: #999;
		text-decoration: none;
	}	
	
	#content .progress .title {
		margin: 0;
		padding-top: 20px;
		height: 35px;
	}
	
	#content .progress .title a {
		color: #60ae24;
		text-decoration:none;
	}

	#content .progress .bar {
		float: none;
		width: 13px;
		height: 350px;
		margin-left: 22px;
		margin-top: 0px;
		vertical-align: bottom;
		position:relative;
	}
	
	#content .progress .bar .per {
		bottom: 0;
		width: 100%;
		background: #de0b1a;
		position:absolute;
	}

	#content .main .image-left, .image-right .caption {
		font-style:italic;
		padding-top: 5px;
		font-size: 90%;
	}

	#content .main .error {
		color:#F00;
		background:#FFF;
		border: #F00 1px solid;
	}
	
	#content .main .message {
		color:#60ae24;
		background:#FFF;
		border: #60ae24 1px solid;
	}	

	#content .main .image-left {
		float: left;
		border: none;
		margin-right: 10px;
		margin-bottom: 10px;
	}

	#content .main .image-right {
		float: right;
		border: none;
		margin-left: 10px;
		margin-bottom: 10px;
	}


	#content .main .logos {
		text-align: left;
	}
	
	#content .main img.standard {
		border: 0;
	}
	
	#content .main .logos img {
		border: none;
	}	
	
	#content .main .logos a {
		padding: 2px;
		border: none;
		text-decoration: none;
	}

	#content .main .logos ul {
		padding: 0;
		margin: 0;
		list-style:none;
	}


	#content .main hr {
		border: 0px;
		border-bottom: 1px solid #60ae24;
	}

	#content .main table {
		font-size: 100%;
	}

	#content .main tr.one {
		background: #DDD;
	}

	#content .main tr.two {
		background: #EEE;
	}

	#content .main td {
		text-align: left;
		vertical-align: top;
	}

	#content .main td {
		text-align: left;
		vertical-align: top;
	}

	#content .main a {
		color: #60ae24;
		text-decoration: none;
	}
	
	#content .main ul.cite {
		list-style: none;
		margin-left: 0;
		padding-left: 0;
	}	

	#content .main h1 {
		position: relative;
		background-color: #60ae24;
		font-size: 140%;
		color: #FFF;
		margin-top: 0;
		height: 33px;
		padding-left: 5px;
		padding-top: 7px;
		padding-bottom: 0;
	}

	#content .main h2 {
		color: #60ae24;
		font-size: 120%;
	}

	#content .main h3 {
		color: #60ae24;
		font-size: 110%;
	}

	#content .main p.contact {
		border: 1px solid #CCC;
		background: #EEE;
		white-space:pre;
		padding: 5px;
		overflow: auto;
	}
	
	#content .main img.contact {
		float: left;
		margin-right: 5px;
	}

	#content .main img.logo {
		float: right;
		margin-left: 5px;
	}
	
	#content .main .logo {
		float: right;
		margin-left: 5px;
	}
	

	#content .main .left {
		float: left;
		width: 380px;
		padding-right: 10px;
		border-right: 1px #aaa solid;
		min-height: 100%;
	}
	
	#content .main .right {
		float: right;
		padding-left: auto;
		padding-right: 0;
		text-align:left;
	}	

	#content .main .textnavigation {
		float: right;
		margin: 10px;
		padding: 10px;
		border: 1px solid #999;
	}
	
	#content .main .textnavigation ul {
		list-style: none;
		margin:0;
		padding:0;
		padding-top:5px;
	}

	#content .main .textnavigation li {
		padding-bottom:5px;
	}

	#content .main .right img {
		padding-bottom: 5px;
		border: none;
	}
	#content .main ol {
		white-space:pre;
		margin-left: 0;
	}

	#content .main .news {
		margin-left: 0;
		border: 1px solid #60ae24;
		border-left: 5px solid #60ae24;
		padding: 5px;
		margin-bottom: 20px;
		white-space:pre-wrap;
	}
	
	#content .main .news img.news {
		margin-right: 5px;
		margin-bottom: 5px;
		border: 0;
		float: left;
	}	
	
	#content .main .news h2 {
		color: #60ae24;
		font-size: 120%;
		margin: 0;
	}	
	
	#content .main .news .category {
		color:#999;
		font-size: 80%;
	}

	#content .main .news .info {
		color:#999;
		font-size: 80%;
		margin-bottom: 5px;
	}

	#content .main .news .comment {
		margin-left: 0;
		white-space:pre-wrap;
		font-size: 90%;
	}		

	#content .main .news .comment hr {
		border: 0px;
		border-top: 1px solid #60ae24;
		border-collapse: collapse;
	}	

	#content .main .news .comment p {
		margin-left: 0;
		margin-bottom: 3px;
	}	

	#content .main .news .comment .info {
		color:#60ae24;
		font-size: 100%;
	}
	
	#content .main .event {
		margin-left: 0;
		border: 1px solid #60ae24;
		border-left: 5px solid #60ae24;
		padding: 5px;
		margin-bottom: 20px;
		white-space:pre-wrap;
	}	

	#content .main .event h2 {
		color: #60ae24;
		font-size: 120%;
		margin: 0;
	}	

	#content .main .event .info {
		color:#999;
		font-size: 80%;
		margin-bottom: 5px;
	}
	
	#bg_head, #content {
		width: 1000px;
		/*/*border: 1px solid;*/*/
	}
	
	#footer {
		position:absolute;
		margin-bottom: 0;
	}
	
	/*Formular data*/
	input.login { background-color:#60ae24; width:80px; border:1px solid #CCC; }
	
	.valuetable {
		border: 0px;
		font-size: 90%;
		padding: 0;
		margin: 0;
		margin-top: 5px;
		margin-bottom: 5px;
		width: 100%;
		white-space: pre-wrap;
	}

	.valuetable .form_addinfo {
		font-size: 90%;	
	}

	* html .valuetable { width: 95%;}
	
	/*.valuetable a {
		text-decoration: none;
		color:#6666cc;
	}*/
	
	.valuetable tr.firstline { 
		font-weight: bold;
		background: #eee;
	}
	
	.valuetable tr.defaultline_0 { 
		background: #eee;
	}

	.valuetable tr.defaultline_1 { 
		background: #fff;
	}

	.valuetable tr.mouseover { 
		background: #dfd;

	}
	
	.valuetable td { 
		padding: 5px;
	}


	.textfield, .password, .textarea, .selectfield {
		border: 1px solid #60ae24;
		width: 100%;
	}

	#content .file h2 {
		color: #60ae24;
		font-size: 120%;
		margin: 0;
	}	

	#content .main ol.question {
		margin-top: 5px;
		/*color: #60ae24;*/
		width: 620px;
		white-space:pre;
		border:1px solid #000;
	}

	#content .main ol.question li {
		/*list-style: none;*/
		text-decoration:none;
		margin-top: 8px;
		margin-bottom: 4px;
		width: 100%;
		border: 1px solid #000;
	}

	#content .main .news {
		margin-left: 0;
		border: 1px solid #60ae24;
		border-left: 5px solid #60ae24;
		padding: 5px;
		margin-bottom: 20px;
		white-space:pre-wrap;
	}
	
	#content .main .news img.news {
		margin-right: 5px;
		margin-bottom: 5px;
		border: 0;
		float: left;
	}	
	
	#content .main .news h2 {
		color: #60ae24;
		font-size: 120%;
		margin: 0;
	}	
	
	#content .main .question .number {
		color:#999;
		font-size: 80%;
	}

	#content .main .question .answer {
		margin-left: 0;
		white-space:pre-wrap;
		font-size: 90%;
	}		

	#content .main .question .answer p {
		margin-left: 0;
		margin-bottom: 3px;
	}	

	#content .main .question .answer .info {
		color:#60ae24;
		font-size: 100%;
	}
	
	.submitbutton {
		background-color: #eee; 
		color: #60ae24;
		border: 1px solid #60ae24;
		vertical-align:top;
	}
	
	.download_button {
		color: #60ae24;
		height: 26px;
		border: 1px solid #60ae24;
		margin: 5px;
		vertical-align:top;
		background: url(img/icon_download.png) 3px no-repeat #eee;
		padding-left: 16px;
		margin-left: 260px;
	}	
	
	#content .main .forum p {
		width: 100%;
		white-space: pre-wrap;	
	}

	#content .main .people h2 {
		color: #60ae24;
		font-size: 120%;
		margin: 0;
		margin-bottom: 3px;
	}	
	
	#content .main .people {
		margin-left: 0;
		padding: 5px;
		margin-bottom: 10px;
		white-space:pre-wrap;
	}
	#content .main .people .info {
		color:#999;
		font-size: 80%;
		margin-bottom: 5px;
	}
	
	#content .main .people .function {
		color:#999;
		font-size: 80%;
	}	

	a.tooltip {text-decoration:none;}
	.tooltip span.info{display:none;}
	.tooltip:hover span.info{display:block;position:absolute; height:auto; background:#fff;  border: #000 thin solid; color:#000; padding-left: 5px; padding-right: 5px; font-size: 12px; font-weight: normal}