﻿/* *************************
	ie png fix
************************* */

#navigation li a {behavior: url("pngfix/iepngfix.htc");}

/* *************************
	general
************************* */

html, body {

	width:100%;
	min-width:1000px;
	background:#ffffff; 
	min-height:550px;

}

p {

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#444444;
	
}

strong {

	font-weight:bold;
	
}

hr {

	background: transparent; 
	border: none; 
	border-top: solid 1px #cccccc;
	
}

.clear { clear:both; }

.spacer { clear:both; display:block; height:20px; }

	
#wrapper {

	position:absolute;
	background:#ffffff;
	min-height:100%;
	width:100%;
	min-width:1000px;

}

#container {

	position:absolute;
	background:#ffffff;
	min-height:100%;
	width:100%;
	
}

#header {

	display:none;
	height:210px;
	width:100%;
	background:url(../images/headBg-about.jpg) center no-repeat #ffffff;
	border-bottom:1px solid #000000;

}

#headContent {
	
	margin-left:auto;
	margin-right:auto;
	height:210px;
	width:940px;
	
}

#index #header {

	height:330px;
	width:100%;
	background:url(../images/headBg.jpg) center no-repeat #ffffff;
	border-bottom:1px solid #000000;

}

#index #headContent {
	
	margin-left:auto;
	margin-right:auto;
	height:330px;
	width:940px;
	
}

#headContent .logo {

	
	float:left;
	margin-top:15px;
	width:94px;
	height:69px;
	background:url(../images/logo.jpg) no-repeat;
	clear:both;
	
}

#navigation {

	position:absolute;
	top:100px;
	left:50%;
	margin:0 0 0 -470px;
	float:right;
	width:940px;
	height:48px;
	background:transparent;

}


#navigation li {

	width:93px;
	height:48px;
	float:left;
	margin-right:1px;
	overflow:hidden;
	
}

#navigation li.last {

	margin:0;
	
}

#navigation li a {

	display:block;
	width:83px;
	height:41px;
	padding:7px 5px 0 7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	background:#00964c;
	text-align:left;
	text-decoration:none;
	overflow:hidden;
	
}

#navigation li span {

	font-size:11px;
	
}

#navigation li a:hover {

	background:#5b913b;
	text-decoration:none;
	
}

#navigation li.active a {

	background:#5b913b;
	
}

#navigation li ul { visibility:hidden; }

#navigation li.active ul {

	visibility:visible;
	position:absolute;
	margin-top:1px;
	right:0px;
	height:30px;
	width:940px;
	background:#97063D;
	
}

#navigation li.active ul li {

	height:30px;
	width:auto;
	_width:169px;
	float:left;
	margin-right:1px;
	
}

#navigation li.active ul li a {

	display:block;
	height:25px;
	width:auto;
	_width:149px;
	overflow:visible;
	padding:7px 10px 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-align:left;
	text-decoration:none;
	overflow:hidden;
	border-right:1px solid #ffffff;
	background:#97063D;
	
}

#navigation li.active ul li a:hover {

	background:#CF173D;

}

#navigation li.active ul li.active a {

	background:#CF173D;
	
}

#navigation li.active ul li ul{ visibility:hidden; }

#navigation li.active ul li.active ul{

	visibility:visible;
	position:absolute;
	right:20px;
	top:105px;
	width:199px;
	visibility:visible;
	margin-top:-1px;
	min-height:200px;
	background:transparent;
	


}

#navigation li.active ul li.active ul li {

	float:left;
	clear:left;
	height:auto;
	width:199px;
	background:#5B913B;
	margin-bottom:2px;
	border:0;
	border-bottom:1px solid #ffffff;

	
}

#navigation li.active ul li.active ul li a {

	background:url(../images/subnav-bg.jpg) left repeat-x;
	padding:7px 10px 7px 10px;
	margin:0;
	height:auto;
	color:#ffffff;
	width:189px;

}

#navigation li.active ul li.active ul li a:hover {

	background:url(../images/subnav-bg_over.jpg) left repeat-x #97063D;
	color:#ffffff;

}

#navigation li.active ul li.active ul li.active a {

	background:url(../images/subnav-bg_over.jpg) left repeat-x #97063D;
	color:#ffffff;

}


#content {

	margin-left:auto;
	margin-right:auto;
	width:940px;
	min-height:300px;
	background:#ffffff;
	padding:0 0 20px 0;
	
}

#content .main {

	float:left;
	width:680px;
	min-height:350px;

}

#content .main  h1 {

	margin-top:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:normal;
	color:#444444;

}

#content .main h2 {	

	margin-top:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#444444;
	
}

#content .main h2 span {

	font-size:30px;
	color:#5A913D;
	float:right;
	margin-top:-32px;
	
}

#content .main h3 {

	margin-top:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#5A913D;

}

#content .main p {

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#444444;
	margin:15px 0 15px 0;
}

#content .main p strong {

	font-weight:bold;
	
}

#content .main .big {

	font-size:20px;
	color:#5A913D;
	
}

#content .main a.big {

	font-size:20px;
	color:#5A913D;
	text-decoration:none;

}

#content .main a.big:hover {

	text-decoration:underline;
	
}

#content .main ul { 

	margin:15px 0 15px 0;
	
}

#content .main li {

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	background:url(../images/bullet.png) left top no-repeat;
	background-position:0 5px;
	padding-left:15px;
	margin:5px 0 5px 0;

}

#content .main li strong {

	font-weight:bold;
	color:#5A913D;

}

#content .textLeft {

	float:left;
	margin-top:40px;
	width:440px;
	
}

#content .textLeft p {

	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#555555;

}

#content .greenBlockRight {	

	float:left;
	margin:40px 0 0 40px;
	width:200px;
	background:#5a913d;

}

#content .greenBlockRight h2 {	

	margin:10px 10px 10px 10px;
	padding:0 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	text-align:right;
	color:#ffffff;
	border-bottom:1px solid #ffffff;

}

#content .greenBlockRight p {	

	padding:0px 10px 10px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#ffffff;

}

#content .greenBlockRight p small {	

	font-size:11px;
	font-style:italic;
	
}

#content .greenBlockRight p strong {

	font-weight:bold;

}	

#content .greenBlockRight a {	

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;

}

#content .greenBlockRight a.report {

	display:block;
	padding:10px;
	background:#426F29;
	
}

#content .greenBlockRight a.report:hover {

	background:#ffffff;
	color:#5A913D;

}

#content .greenBlockRight .inactive {
	color:#8AA97A;
}

#content .blockRight {

	float:left;
	margin:40px 0 0 40px;
	width:200px;
	
}

#content .blockRight h2 {

	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	font-weight:normal;
	color:#000000;

}

#content .blockRight h3 {

	margin-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#00964c;

}

#content .blockRight ul li {

	width:200px;
	height:17px;
	border-bottom:1px solid #000000;
	padding:5px 0 5px 0;
	
}

#content .blockRight ul li a {

	display:block;
	width:200px;
	height:17px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000000;
	text-decoration:none;
	
}

#content .blockRight ul li a:hover {

	text-decoration:none;
	color:#999999;
	
}

#content .blockRight p {

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#444444;
	margin-top:5px;
	
}

#content .blockRight a.line {

	display:block;
	width:190px;
	height:17px;
	padding:0px 10px 0 0;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#00954b;
	text-decoration:none;
	text-align:right;
	background:url(../images/arrow.jpg) right center no-repeat;
	border-bottom:1px solid #000000;

}

#content .blockRight a.line:hover {

	color:#666666;

}

#content .boardMember {

	float:left;
	width:320px;
	padding:15px 0 15px 0;
	margin-right:15px;

}

#content .boardMember h2 {

	margin:0;
	padding:0;
	font-size:14px;
	font-weight:bold;
	
}

#content .boardMember p {

	color:#999999;
	
}

#content .boardMember img {

	float:right;
	filter:alpha(opacity=50);
	opacity:0.5;
	margin-left:15px;
	
}

#content .boardMember:hover img {

	filter:alpha(opacity=100);
	opacity:1.0;

}

#content .boardMember h2 span {

	font-size:10px;
	color:#5A913D;
	clear:both;
	float:none;

	
}

#content .video {
	width:350px;
	float:left;
	margin-top:15px;
	
}

#content .videoText {

	width:300px;
	float:left;
	margin-top:15px;
	
}

#content .videoText ul {

	margin:0 0 10px 10px;
	
}

#content .videoText p {

margin:0 0 10px 10px;

}

#content .newsItem {

	width:auto;
	margin:20px 10px 10px 0;
	min-height:100px;
	border-bottom:1px dotted #cccccc;

}

#content .newsItem h3 {

	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#5A913D;
	
}

#content .newsItem h3 span {

	color:#333333;
	font-size:18px;
	margin-top:-20px;

}

#content table td h2 {	

	background:#efefef; 
	padding:10px;
	margin:0 10px 0 0;	
}

#content table td:hover h2 {

	background:#5A913D;
	color:#FFFFFF;
	
}

#index #footer {

	margin:0;
	
}

#footer {

	clear:both;
	margin-top:15px;
	width:100%;
	height:140px;
	background:url(../images/footBg.jpg) repeat-x top #ffffff;
	
}

#footContent {

	margin-left:auto;
	margin-right:auto;
	width:940px;
	height:140px;
	
}

#footContent p {

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#676767;
	
}

#footContent a {

	color:#676767;
	text-decoration:none;

}

#footContent a:hover {

	text-decoration:underline;

}

#footContent .nav {

	float:left;
	margin-top:15px;

}

#footContent .lang {

	float:right;
	margin:15px 15px 0 0;
	
}

#footContent .contact-btn {

	display:none;

}

.contact-btn a img {

	filter:alpha(opacity=100);
	opacity:1.0;
	
}

.contact-btn a:hover img {

	filter:alpha(opacity=100);
	opacity:1.0;
	
}

ul#sprachwahl li { 

	float:left; 
	margin-right:10px; 

}

ul#sprachwahl li a { 

	color:#676767; 
	text-decoration:none; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#676767;

}

ul#sprachwahl li.active a {

	filter:alpha(opacity=50);/* for IE 7+ */
	opacity:0.5;
	
}

table.key td {

	padding:5px;
	width:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#333333;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	
}

table.key .last {

	border-right:0;
	
}

table.key tr.last td {

	border-bottom:0;

}
	

table.programme {

	width:940px;
	margin-top:20px;

}

table.programme td strong {

	font-weight:bold;
	
}

table.programme tr.active2 td {

	background:#DCEFD1;
	
}

table.programme tr.active2:hover td {

	background:#C5DFB5;

}


table.programme tr.active2 td.last {

	width:70px;
	border-right:0;
	background:#A12252;
	color:#FFFFFF;
	
}

table.programme tr.active2:hover td.last {

	background:#6F1438;

}

table.programme tr.active td {

	background:#FEFFBF;
	
}

table.programme tr.active:hover td {

	background:#EEEF95;

}


table.programme tr.active td.last {

	width:70px;
	border-right:0;
	background:#A12252;
	color:#FFFFFF;
	
}

table.programme tr.active:hover td.last {

	background:#6F1438;

}

table.programme td {	

	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#333333;
	padding:5px;
	border-right:1px solid #bbbbbb;
	border-bottom:1px solid #bbbbbb;
	
}

table.programme td.last {

	width:70px;
	border-right:0;
	background:#A12252;
	color:#FFFFFF;
	
}

table.programme tr.divider td {

	background:#bbbbbb;
	color:#FFFFFF;
	border:0;
	
}

table.programme tr.total td {

	border:0;
	height:5px;
	padding:20px;
	background:#efefef;
	
}



table.programme tr.space td {

	border:0;
	height:5px;
	padding-bottom:10px;
	
}

table.programme tr.space td.last {

	width:70px;
	border:0;
	background:#ffffff;
	color:#A12252;
	
}


