@charset "utf-8";



/* layout css */





/*-----------------------------------

		BASIC ELEMENTS

-----------------------------------*/



	html

	{

		/*Mozilla zeigt dann immer die Scrollleiste*/

		/*overflow: -moz-scrollbars-vertical;*/

		height:100%;

	 	padding-bottom:0.07em; 

	}

#contentAreaContentElements {

  font-size: 1.3em;

font-family: verdana;

color: #000;

  }

	

	body {

		margin: 100;

		padding: 0;

		font-family:Verdana, Geneva, sans-serif;

		color: #000000;

		font-size: 0.8em;

		font-weight: normal;

                background-align: left;

		background-position: top left;

		background: url(../layout/rainforest4.jpg) no-repeat fixed center top;

                



	}	



	#sup4uArea

	{

		width: 900px;

		padding:2px 0px 8px 0px;

		margin: 0px auto 0px auto;

		text-align:left;

	}

	

	#sup4uArea a, #sup4uDiv a:link, #sup4uArea a:visited, #sup4uArea a:hover, #sup4uArea a:active

	{

		font-family:Verdana, Arial, Helvetica, sans-serif;

		font-size:10px;

		color:#DDDDDD;

		font-weight:bold;

		text-decoration:none;

	}

	

	.clearDiv {

		clear: both;

		margin: 0;

		padding: 0;

		width: 0;

		height: 0;

		line-height: 0;

		font-size: 0em;

	}



	#pageArea

	{

		/*width:1050px;*/

		width:900px;

		margin: 0px auto 0px auto;

		padding:0px;

	}

	

	#documentArea

	{

		width: 900px;

		margin: 0px;

		padding: 0px;		

		float:left;		

	}

	

	#documentContent

	{

		margin: 0px;

		padding: 0px;

	}	

	

	#mainArea

	{

		margin: 0px;

		padding: 0px;

                opacity: .7;

	}

	



/*-----------------------------------

		HEADER LOGO ELEMENTS

-----------------------------------*/



	#headerLogoArea

	{

		#margin: 0px;

		#padding: 0px;

	}

	#headerLogoArea p

	{

		#margin: 0px;

		#padding: 0px;

	}

	

	#headerLogoContent

	{

		#margin: 0px;

		#padding: 0px;

	}

		 

	#headerLogoImage

	{

		#margin: 0px;

                position: absolute 100px;

		#padding: 0px 0px 0px 0px;

		font-family:Arial, Georgia, "Times New Roman", Times, serif;

		font-size:28pt;

		text-decoration: none;

		color:#fff;

		width:300px;

		float:left;

position:absolute;

top:16px;

	}

	#headerLogoImage a

	{

		text-decoration: none;

		color:#FFFFFF;

	}

	

	#headerLogoSlogan

	{

	                position: absolute;

	                left: 550px;

		margin: 0px;

		padding:130px 0 0;

		float: right;

		font-family:Arial, Georgia, "Times New Roman", Times, serif;

		font-size:18pt;

		text-decoration: none;

		color:#99CC33;

	}

	

/*-----------------------------------

		MAIN MENUE

-----------------------------------*/

	#mainMenueArea {

		height: 40px;

		position:relative;

		z-index:100;

		background-color: #a2d53d;

		margin: 0px;

		padding: 0px;

	}

	

	ul#mainMenueList {

		list-style-type: none;

		margin: 0;

		padding: 0;

		height: 40px;

		float: right;

	}

	ul#mainMenueList li {

		display: block;

		float: left;

		padding-left: 10px;

		padding-right: 10px;

		height: 40px;

	}

	ul#mainMenueList li a, ul#mainMenueList li a:link, ul#mainMenueList li a:visited {

		color: #ffffff;

		font-family: font-family:Verdana,Geneva,sans-serif;

		font-size: 13px;

		text-align: center;

		padding-top: 19px;
		padding-left:0px;
		font-weight:bold;
	

		width: 100%;

		display: block;

		text-decoration: none;

	}

	ul#mainMenueList li a:focus, ul#mainMenueList li a:hover, ul#mainMenueList li a:active {

		color: #FFF;

	}

	

	/* common styling */

	#mainMenueArea ul li {position:relative;}

	#mainMenueArea ul li ul {display: none; background-color:#a2d53d; padding: 0; width: 149px;}

	

	/* specific to non IE browsers */

	#mainMenueArea ul li:hover ul {display:block; position:absolute; top:40px; left:-20px; background-color:#a2d53d; border: none; padding: 0;}

		

	ul#mainMenueList li ul

	{

		background-color: #6E9BC8;	

	}

	

	ul#mainMenueList li ul {

		margin: 0px;

		padding: 0px;

	}

	

	ul#mainMenueList li ul li {		

		height: 22px;

		line-height: 22px;

		float:none;			

		padding: 0px;

	}

	

	ul#mainMenueList li ul a, ul#mainMenueList li ul a:link, ul#mainMenueList li ul a:visited

		{

		font-size:11px;

		text-align:left;

		background-image: url();

		margin:0px;

		padding:0px;

		height: 22px;

		line-height: 22px;

		color: #222222; /*color:#333333;*/

		font-weight:normal;

		padding-left:4px;		

	}

	

	ul#mainMenueList li ul a:focus, ul#mainMenueList li ul a:hover, ul#mainMenueList li ul a:active

		{

		color: #FFF; /* color:#000000; */

		background-image: url();

		padding-left:8px;

	}



/*-----------------------------------

		HEADER IMAGE ELEMENTS

-----------------------------------*/



	#headerImageArea

	{

		margin:0px;

		padding:1px 0px 10px 0px;

	}

	

	#headerImageContent

	{

		margin:0px;

		padding:0px;

	}

	

/*-----------------------------------

		LEFT BOX ELEMENTS

-----------------------------------*/



	#leftBoxContentArea

	{

		margin: 0px;

		padding: 0px;

                background-color: #ffffff;

                



	}

	#leftArea #leftBoxContentArea p, #rightArea #rightBoxContentArea p, #rightArea #newsAreaContent p

	{		

		padding: 4px 10px 10px 10px;		

	}	

	

	#leftBoxAdressArea

	{

		margin: 0px;

		padding:0px 10px px 10px;

	}

	.leftBoxHead, .rightBoxHead

	{

		margin: 0px;

		padding: 0px 0px 0px 10px;

		height: 25px;

		line-height:25px;

		background-color: #a2d53d;

		display: block;

		text-align: left;

		font-family: Verdana, "Times New Roman", Times, serif;

		color:#222222;

		font-size:10pt;

		font-weight:bold;		

	}

	

    #leftBoxAdressContent

	{

		margin: 0px;

		padding: 0px 10px 0px 10px;

	}

	

	#leftArea p

	{	

		margin: 0px;

		padding:4px 0px 4px 0px;

	}

	

	#leftArea

	{

		width: 174px;

		float: left;

		margin: 0px;

		padding: 0px;

	}

	#leftArea a, #leftArea a:link, #leftArea a:visited

	{

		color: #000099; /*3E6D3E*/ /*#E3001C;*/

		text-decoration: none;

		font-weight:bold;

	}

	#leftArea a:focus, #leftArea a:hover, #leftArea a:active

	{

		color: #000099; /*3E6D3E*/ /*#E3001C;*/

		text-decoration: underline;

	}



/*-----------------------------------

		LEFT BOX MENUE

-----------------------------------*/

	#leftBoxMenue

	{

		margin: 0px;

		padding: 0px 0px 10px 0px;

		background-color: #ffffff;		

	}

	

	#leftBoxMenue ul

	{

		margin: 0px;

		padding: 0px;

		font-weight: bold;		

	}

	#leftBoxMenue li

	{

		margin: 0px;

		padding: 0px;		

		list-style-type:none;		

	}

	

	#leftBoxMenue a, #leftBoxMenue a:link, #leftBoxMenue a:visited

	{		

		color: #333;

		display: compact;

		text-decoration: none;

		padding-left: 10px;

		text-align: left;

		height: 20px;

		line-height:25px;

	}

	#leftBoxMenue a:focus, #leftBoxMenue a:hover, #leftBoxMenue a:active

	{

		border-left: 3px solid #8D6238;

	}

	

	#leftBoxMenue li ul

	{

		padding-left:10px;

		font-weight:normal;

	}	

	



/*-----------------------------------

		CENTER BOX ELEMENTS

-----------------------------------*/

	#contentArea

	{

		width: 542px;

		float: left;

		font-size:10px;

		padding: 0px;

		margin:  0px 5px 0px 5px;

	}

	

	#centerTop

	{

		height: 1px;

		font-size:1px;

		margin: 0px;

		padding: 0px;

	}

	

	#content {

		min-height: 473px;

		background: #fff;

		margin: 0px;

		padding: 0px;

	}

	

	#centerBottom {

		height: 1px;

		font-size:1px;

		margin: 0px;

		padding: 0px;

	}

	



/*-----------------------------------

		RIGHT BOX ELEMENTS

-----------------------------------*/



	#rightArea

	{

		width: 174px;

		float: left;

		margin: 0px;

		padding: 0px;

	}

	

	.rightBoxHead

	{

		/* SET ABOVE */

	}

	

	#newsAreaContent

	{

		margin: 0px;

		padding: 0px;

	}

	

	#rightBoxContentArea

	{

		margin: 0px;

		padding:0px 10px px 10px;

	}

	

	

	#rightArea img, .newsImage

	{

		float: left;

		margin-right: 5px;

		margin-top: 5px;

	}

	

	#rightArea h1 {

		font-size: 1.2em;

		margin:0px;

		padding:0px;

	}

	

	#rightArea h2  {

		font-size: 1.2em;

		margin:0px;

		padding:4px 0px 0px 10px;

	}

	

	#rightArea  p

	{

		margin:0px;

		padding:4px 0px 4px 0px;

	}

	

	#rightArea img, .columnMiddle {

		padding:0px 4px 0px 4px;

	}

	

	#rightArea a, #rightArea a:link, #rightArea a:visited

	{

		color: #669900; /*3E6D3E*/ /*#E3001C;*/

		text-decoration: none;

		font-weight:bold;

	}

	#rightArea a:focus, #rightArea a:hover, #rightArea a:active

	{

		color: #669900; /*3E6D3E*/ /*#E3001C;*/

		text-decoration: underline;

	}

	

	.news-single-img

	{

		margin-left: 10px;

	}

	

	.newsContent

	{

		padding-left: 10px;

	}

	

	#rightBoxSearchArea

	{

		margin:0px;

		padding:0px;

	}



	.newsAreaContentElement

	{

		margin:0px;

		padding:0px 0px 0px 10px;

		background-color: #FFFFFF;

	}

/*-----------------------------------

		ADDITIONAL ELEMENTS

-----------------------------------*/



        #contentAreaContentElements 

        {

                                

        } 



 	#contentAreaContentElements .tx-indexedsearch

 	{

		margin:0px; 	

		padding: 0px 10px 10px 10px;

	}	



/*-----------------------------------

		CONTENT ELEMENTS

-----------------------------------*/



	#contentAreaContentElements a, #contentAreaContentElements a:link, #contentAreaContentElements a:visited

	{

		color: #333; /*3E6D3E*/ /*#E3001C;*/

		text-decoration: none;

		font-weight:bold;

	}

	#contentAreaContentElements a:focus, #contentAreaContentElements a:hover, #contentAreaContentElements a:active

	{

		color: #000; /*3E6D3E*/ /*#E3001C;*/

		text-decoration: underline;

	}

	

	#contentAreaContentElements

	{

		margin:0px;

		padding:0px 10px 0px 10px;

	}

	#contentAreaContentElements hr

	{

		margin:4px 0px 4px 0px;

		padding:0px;

		height: 1px;

		border: 0px solid #E5E5E5;

		color: #E5E5E5;

		background-color: #E5E5E5;

	}

	

	#contentAreaContentElements td

	{

		vertical-align:top;	

		padding: 0px;

		padding: 0px 2px 2px 0px;

	}

	form

	{

		margin: 0px;

		padding:0px;

	}

	#contentAreaContentElements form

	{

		margin: 0px 10px 0px 10px;

	}

	

	#contentAreaContentElements p

	{

		margin:0px;

		padding:0px 0px 10px 0px;

	}

	

	#contentAreaContentElements h1

	{

		margin:0px;

		padding:0px 0px 10px 0px;

		font-size: 16pt;

		font-family: Verdana, "Times New Roman", Times, serif;

		color: #333;

		font-weight: normal;

	}

		

	#contentAreaContentElements h2

	{

		color:#000000;

		font-family:Verdana,Geneva,sans-serif;

		font-size: 14pt;

		font-weight:normal;

		font-weight: bold;

		margin:0px;

		padding:0px 0px 6px 0px;

	}

	

	#contentAreaContentElements h3, #contentAreaContentElements h4, #contentAreaContentElements h5, #contentAreaContentElements h6

	{

		color:#000000;

		font-family:Verdana,Geneva,sans-serif;

		font-size: 12pt;

		font-weight:normal;

		font-weight: bold;

		margin:0px;

		padding:0px 0px 2px 0px;

	}

	

	#contentAreaContentElements h4

	{

		color:#000000;

		font-family:Verdana,Geneva,sans-serif;

		font-size:11px;

		font-weight:normal;

		font-weight: bold;

		padding: 0;

		padding-left: 10px;

		margin:0px;

	}

	

	#contentAreaContentElements table

	{

		margin: 0px 0px 10px 0px;

	}





/*-----------------------------------

		FOOTER MENUE AREA

-----------------------------------*/

	#footerMenueArea 

	{		

		text-align: center;

		margin-bottom: 10px;

		margin-top: 10px;

		color: #333;

		background-color: #ececec;

		height: 25px;

		line-height:38px;

		height:40px;

		padding:0;

                opacity: .7;

	}

	#footerMenueContent

	{

		margin: 0px;

		padding: 0px;

	}



	#footerMenueArea a, #footerMenueArea a:link, #footerMenueArea a:visited

	{

		margin-left: 1px;

		margin-right: 5px;

		text-decoration: none;

		color: #333;

		font-weight:bold;

	}

	

	#footerMenueArea a:focus, #footerMenueArea a:hover, #footerMenueArea a:active

	{

		text-decoration: underline;

		color: #666;

	}

/*-----------------------------------

		FORM AREA

-----------------------------------*/



	#searchBoxArea

	{

		margin:0px;

		padding: 0px;	

	}

	#searchBox

	{

		width: 80px;

	}

	#searchBoxLabelText

	{

		font-weight:bold;

		color:#333333;

		padding-right:4px;

	}

	#buttonFormSearchSubmit

	{

		margin: 0px;	

		padding: 0px 0px 0px 4px;

	}

	

	.contactField

	{

		width:340px;

		border:1px solid #999999;	

		background-color: #EEEEEE;		

	}

	textarea.contactField

	{

		height:100px;				

	}

	.contactButton

	{

		

	}

	legend

	{

		display:none;	

	}

	fieldset

	{

		border: 0px solid #FFFFFF;

		margin:0px;

		padding:0px;	

	}

	label

	{

		font-weight:bold;			

		width:108px;

	}

	.csc-mailform-field > label

	{

		float: left;

	}

	.duty

	{

		font-weight:bold;	

		color: #FF0000;	

		font-size:14px;

	}

	

/*-----------------------------------

		CONTENT " COLS  AREA

-----------------------------------*/



	#contentAreaContentElements .content2Cols

	{

		margin:0px;

		padding:0px;

	}

	

	#contentAreaContentElements .content2Cols_1

	{

		margin:0px;

		padding:0px;

		float: left;

		width: 250px;

	}

	

	#contentAreaContentElements .content2Cols_2

	{

		margin:0px;

		padding:0px;

		float: right;

		width: 250px;

	}



/*-----------------------------------

		SPECIAL FOOTER AREA

-----------------------------------*/	



	#specialFooterArea

	{

		margin:0px;

		padding:0px;

	}

	

	#specialFooterContent

	{

		margin:0px;

		padding:0px;

	}

	

	#specialFooterContent a, #specialFooterContent a:link, #specialFooterContent a:visited 

	{

		

	}

	#specialFooterContent a:focus, #specialFooterContent a:hover, #specialFooterContent a:active 

	{

		

	}



/*-----------------------------------

		SPECIAL RIGHT DOCUMENT AREA

-----------------------------------*/	

	

	#documentRightArea

	{	

		/* FOR GOOGLE ADWORDS */

		display:none;

		width:150px;

		margin: 0px;

		padding: 0px;		

		float:right;

	}

	

	#documentRightContent

	{

		margin: 0px;

		padding: 0px;

	}

	

	#documentRightContent a, #documentRightContent a:link, #documentRightContent a:visited 

	{

		

	}

	#documentRightContent a:focus, #documentRightContent a:hover, #documentRightContent a:active 

	{

		

	}

/*-----------------------------------

		FIX TEMPLATE CHANGES

-----------------------------------*/



	#contentArea.contentNoNews

	{

		width: 710px;

		float:right;

	}



	frame, iframe

	{

		margin: 0px 0px 10px 0px;

		padding:0px;

		border: 1px solid #DDDDDD;

	}

	

	

/*-----------------------------------

		MENUE LEVEL 3

-----------------------------------*/

	#menueLevel3Area

	{

		margin: 0px 0px 10px 0px;

		padding: 4px 0px 4px 0px;

		border: 1px solid #000099;

	}

	#menueLevel3Items

	{

		margin: 0px;

		padding: 0px;

	}

	#menueLevel3Items span

	{

		white-space: nowrap;

		display:block; 

		float:left;

	}

	#menueLevel3Area a, #menueLevel3Area a:link, #menueLevel3Area a:visited 

	{

		font-size: 10px;

		line-height: 16px;

		margin:0px;

		padding: 0px 4px 0px 4px;

		text-decoration:none;

		color: #000099;		

	}

	#menueLevel3Area a:focus, #menueLevel3Area a:hover, #menueLevel3Area a:active 

	{

		text-decoration:underline;

		color: #000099;

	}

		



/*-----------------------------------

		FIX TEMPLATE CHANGES

-----------------------------------*/



	#contentArea.contentNoNews

	{

		width: 710px;

		float:right;

	}



	frame, iframe

	{

		margin: 0px 0px 10px 0px;

		padding:0px;

		border: 1px solid #DDDDDD;

	}

	

	

/*-----------------------------------

		MENUE LEVEL 3

-----------------------------------*/

	#menueLevel3Area

	{

		margin: 0px 0px 10px 0px;

		padding: 4px 0px 4px 0px;

		border: 1px solid #000099;

	}

	#menueLevel3Items

	{

		margin: 0px;

		padding: 0px;

	}

	#menueLevel3Items span

	{

		white-space: nowrap;

		display:block; 

		float:left;

	}

	#menueLevel3Area a, #menueLevel3Area a:link, #menueLevel3Area a:visited 

	{

		font-size: 10px;

		line-height: 16px;

		margin:0px;

		padding: 0px 4px 0px 4px;

		text-decoration:none;

		color: #000099;		

	}

	#menueLevel3Area a:focus, #menueLevel3Area a:hover, #menueLevel3Area a:active 

	{

		text-decoration:underline;

		color: #000099;

	}