﻿/* XHTML 1.0 Strict */
/*Logo-Gruen # 0 0 8 2 0 0;*/
/*Logo-Gruen-dimmed # C F E 6 C F /*
/*Logo-Rot # E C 2 A 2 4;*/

/*2008_04_16 RV*/
/*Gruen RGB 0,153,51 # 0 0 9 9 3 3 */
/*Helles Gruen RGB 139,194,124  # 8 B C 2 7 C */
/*Rot RGB 230,62,42    # E 6 3 E 2 A  */


/* Remove unwanted vertical space between divs    */
*  {margin:0; padding:0}

img {
	border: none;
}

.clearing {
	height: 0;
	clear: both;
}



.invisible {
	position: absolute;
	left: -1000px;	
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
}

body, html {
	height: 100%;
	max-width: 880px; 
	min-width: 650px;  /*Set Minimum width Firefox OK, IE6 not respected, IE7 OK */	
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #009933;
	background-color: white;
}




/*Shortcuts are not visible in layout */
#shortcuts {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
}
#shortcutsbottom {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
}


#header {

	height: 132px;
	background-image: url('../img/top-bg.jpg');
	background-color: transparent; /*#009933;*/
	
	background-repeat:no-repeat;
/*background-attachment:fixed;*/
background-position: 267px 0px;

		margin-bottom: 20px;
margin-left: 45px;
}

#logo {
	position: absolute;
	left: 45px;
	top: 16px;
}

#backnavigation {
	background-color: white;
	color: #009933;
	font-size:12px;
	font-weight: normal;
	height: 1.4em;  /*Passt sich Benutzer-Schriftgrösse an*/
	padding-top: 0.2em; 
	
	white-space: nowrap;
	overflow: hidden;	
	text-align: right;
	
	position: absolute;  /*In Header-Bereich schieben */
	top: 0px; 
	left: 45px;
	margin-right: 10px;
	width: 95%;
	max-width: 850px;  /* Gleich wie max-width des Body, damit von IE7 aktzeptiert */
	border-top: 0px solid #009933;
	border-bottom: 0px solid #009933;
	border-right: 0px solid #009933;
	
}
#backnavigation ul li {
	color: #009933;
	display: inline;
	background: transparent url(../img/breadcrumb_dot.gif) no-repeat center left;
	padding-left: 10px; /*adjust bullet image padding*/
	padding-right: 10px; /*adjust bullet image padding*/
}
#backnavigation p {
	text-decoration: none;
}
#backnavigation a {
	border-left: 1px solid white;
	border-right: 3px solid white;
	text-decoration: none;
	color: #009933;
}
#backnavigation a:hover {
	border-left: 3px solid white;
	border-right: 1px solid white;
	text-decoration: none;
	color: #009933;
}

#outer_wrapper{
	background-color: transparent;	
	/*background: url(../img/bg_rcol.gif) repeat-y right; */  /*Faerbt die rechte Spalte vertikal füllend ein */
}

#wrapper{
	background-color: transparent;
	margin-right:0px;
	/*background: url(../img/bg_rcol.gif) repeat-y right;  */  /*Faerbt die rechte Spalte vertikal fuellend ein */
	
}

#container{
	background-color: transparent;
	/*background: url(../img/bg_rcol.gif) repeat-y right; */	
	width: 100%;
	float: left;	
	margin-right: -176px;  /*-160px; */
	margin-top: 0px;	
	margin-bottom: 20px;	
	

}

#content{
	background-color: transparent;
  /*Faerbt die linke und mittlere Spalte */
    color: black;
	padding-left:0px;
	margin-right: 150px;
	padding-top: 0px;
	padding-right: 10px;
	
}

#content H1 {	
	font-size: 14px;
	font-weight: normal;
	
	border-left: 0px solid #E63E2A;
	border-top: 0px solid #E63E2A;  
	padding-left: 6px;
	padding-bottom: 2px;
	margin-bottom: 18px;
	
	color: white; 
	background-color: #E63E2A; 
}

#content H6 {	

	font-size: 20px;
	font-weight: normal;
	
	border-left: 0px solid #E63E2A;
	border-top: 0px solid #E63E2A;  
	padding-left: 6px;
	padding-bottom: 2px;
	margin-bottom: 20px;
	
	color: white; 
	background-color: #E63E2A; 
}

#content H6 a{	

	color: white; 
	background-color: #E63E2A; 
}

#content H6 a:hover{	

	color: white; 
	background-color: #E63E2A; 
}

#content H6 a:active{	

	color: white; 
	background-color: #E63E2A; 
}

#content H2 {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #009933;
	
	margin-bottom: 8px;
	margin-top: 10px;	
}

#content H3 {
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #009933;
	margin-bottom: 8px;	
	margin-top: 10px;	
}

#content p {

/*overflow: auto; Wegen IE7 Bug mit Text italic, fuehrt zu Umbruchproblem mit Bildern*/
#overflow: auto;

	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	padding-right: 5px;
	margin-bottom: 12px;	
}



#content ul li{
	margin-top: 3px;
	margin-left: 16px;
	font-size: 12px;
	line-height: 16px;	
	list-style-type: square;
	list-style: outside;
}


#content a{
	color: #009933;  
	text-decoration: none;
}

#content a:hover{
	color: #009933;    
	text-decoration: underline;	
}



#main {
	
	/* Kann nur fuellen oder muss mit Bild linke Spalte koordiniert werden, wird von anderen abgedeckt.*/
	background-color: white;
	margin-left:  15px; 
	margin-right: 0px; 
	margin-top: 0px;
	margin-bottom: 0px;
	
	margin-left: 45px; 
	margin-right: 30px;
	padding-bottom: 0px;
	padding-top: 0px;
}



#sidebar{
	/*background-color: darkgoldenrod;*/
	width: 176px;  /*160px; */  /* 149px; */  /*Fuer IE7 ist breite ohne border anzugeben*/
	float: right;
	margin-top: 0px;
	
	display: block;

	font-size: 14px;
	background-color: white;
	font-size:14px;
	/*height: 1.6em;  *//*Passt sich Benutzer-Schriftgrösse an*/
	/*padding-top: 0.2em; */
	
	font-weight: normal;
	text-align: left;

	text-decoration: none;
	color:black;
}



#mainmenu{
	background-color: white;  /* #86BBFF;	*/
	margin-top:0px;
	padding: 0px;
}


.navigbar  { 
	font-size: 14px;
}

.navigbar  p{ 

}

.navigbar ul {
	list-style: none;
}

.navigbar ul li p {
	padding-left: 3px;
}

.navigbar ul li a {
	font-size: 14px;
	background-color: #009933;
	color: white; 
	border-top: 0px solid #009933;
	
	border-left: 0px solid #009933;
	border-right: 2px solid #009933;
	
	text-decoration: none;
	
	display: block;
	
	margin-top:0px;
	margin-bottom: 3px;	
	padding-top: 0px;
	padding-bottom: 3px;
	padding-left: 3px;

}

.navigbar ul li a:hover {
	font-size: 14px;
	background-color: #009933;
	color: white; 
	border-top: 0px solid #009933;
	
	border-left: 2px solid #009933;
	border-right: 0px solid #009933;
	
	text-decoration: none;
	
	display: block;
	
	margin-top:0px;
	margin-bottom: 3px;	
	padding-top: 0px;
	padding-bottom: 3px;
	padding-left: 3px;

}


.navigbar ul ul li{
	/*#margin-top: -0px;	IE Hack*/
	font-size: 12px;
}
.navigbar ul ul li a {
	font-size: 12px;
	background-color: #8BC27C;
	border-left: 0px solid #8BC27C;
	border-right: 2px solid #8BC27C;
	padding-left:5px;
	border-top: 0px solid #8BC27C;
}


.navigbar ul ul li a:hover {
	font-size: 12px;
	background-color: #8BC27C;
	border-left: 2px solid #8BC27C;
	border-right: 0px solid #8BC27C;
	padding-left:5px;
	border-top: 0px solid #8BC27C;
}

.navigbar ul ul ul li{
	font-size: 10px;
	/*IE #margin-top: -0px;	Hack*/
	/*padding-left: 16px;*/
}


.navigbar ul ul ul ul li{
	border-top: 0px solid #EC2A24;
	font-size: 10px;	
	/*#margin-top: -0px;	IE Hack*/
	/*padding-left: 20px;*/
}


#main dl {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}

#main dl dt{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 2px;
}	

#main dl dd{
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 10px;
}	

#main dl dd a{
	/* c olor: #74D50A;*/
}

#main dl dd a:hover{
	/* c olor: #38EEE2;*/
}


.leftnav_1 {
	font-weight: normal;
}

.leftnav_2 {
	font-weight: normal;
}


.leftnav_3 {
	font-weight: normal;
}


.leftnav_4 {
	font-weight: normal;
}



.leftnav_1_CUR {
	font-weight: bold;
}

.leftnav_2_CUR {
	font-weight: bold;
}


.leftnav_3_CUR {
	font-weight: bold;
}


.leftnav_4_CUR {
	font-weight: normal;
}


#sidenews{
	color: white;
	background-color: #009933;
	margin-top:20px;
	padding-left: 0px;
	padding-right: 0px;	
	padding-top: 0px;
	padding-bottom: 5px;
}

#sidenews.navigbar H1{
	color: white;
	background-color: #E63E2A;
	font-size: 14px;
	font-weight: normal;
	padding-left: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#sidenews.navigbar p{
	font-size: 12px;
	font-weight: normal;
	padding: 3px;
}


#login{
	color: #009933;
	background-color: white;  /* #86BBFF;	*/
	margin-top:20px;
	padding-left: 5px;
	white-space: nowrap;
}

#adress{
	color: white;
	background-color: #009933;
	border-top: 0px solid #009933;
	margin-top:20px;
	margin-bottom: 3px;
	padding-top: 3px;
	padding-left: 5px;
	padding-bottom: 3px;
	white-space: nowrap;
	font-size:10px;
}

#adress a{
	color: white;
	text-decoration:none;
}


#contact{
	color: white;
	background-color: #8BC27C;  /*#009933;*/
	border-top: 0px solid #009933;
	margin-top:0px;
	margin-bottom:20px;
	padding-top: 3px;
	padding-left: 5px;
	padding-bottom: 3px;
	white-space: nowrap;
	font-size:10px;
}

#contact a{
	color: white;
	text-decoration:none;
}


#metamenu{

	margin-left: 40px;
	border-top: 0px solid #009933;
	border-bottom: 20px solid white;
	
	background-color: #009933;
	font-size:8px;
	height: 10px;  /*1.2em; */
	padding-top: 0.1em; 
	padding-bottom: 0.1em; 

	white-space: nowrap;

	display:block;
	text-align: left;

}

#metamenu a{

color: white;
	text-decoration: none;
	position: absolute;
	left: -1000px;	
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
/*
	color: white;
	margin-right: 1em;
	padding-left: 6px;
	padding-right: 6px;
	
	border-left: 0px solid #009933;
	border-right: 3px solid #009933;	
	
	text-decoration: none;
*/	
}
#metamenu ul li{
	color: white;
	display: inline;
}
/*
#metamenu a:hover{
	color: white;
	margin-right: 1em;
	padding-left: 6px;
	padding-right: 6px;
	
	border-left: 2px solid #009933;
	border-right: 1px solid #009933;	
	
	text-decoration: none;
}



*/

/*Finetuning CSC*/


#logo .csc-textpic-image {

border-left: 0px solid   #009933; 
border-top: 0px solid  #009933; 
	padding-top: 3px;

 }



#main .csc-textpic-image {
border-left: 0px solid   #009933; 
border-top: 0px solid  #009933; 
	padding-top: 3px;

 }

#main .csc-textpic-caption{

padding-left: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 10px;
color: black; 
background-color:transparent;
border-right: 0px solid  #009933; 
border-top: 1px solid  #009933; 
border-bottom: 1px solid  #009933; 
 }

#main DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {
margin: 0;
padding: 0;
 margin-bottom: 8px;  
 background-color: transparent;
}

/* Add margin from image-block to text (in case of "Text w/ images") */
#main DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
	margin-right: 23px !important; 
}

#main .csc-textpic-imagewrap dt a img
{
margin-right: 20px;
border-right: 10px solid white;
border-left: 10px solid white;
}


/*IE Hacks
.navigbar ul ul li{
	#margin-top: -0px;	
}

.navigbar ul ul ul li{
	#margin-top: -0px;	
}


.navigbar ul ul ul ul li{
	#margin-top: -0px;	
}
*/
