@charset "utf-8";
/* CSS Document */
/**************************************************************************************/
/* Layout Data for the homepage NGO Watch Germany */
/**************************************************************************************/
/* author: 			Bernhard Lehner */
/* organization:	C5 Group AG */

/**************************************************************************************/
/* description:		Styles, Classes and IDs for the main apperance of the page */
/**************************************************************************************/

body {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
	font-family:Verdana, Geneva, sans-serif;
	font:Verdana;
	font-size:12px;
	background-color:#ffffff;
	background:url(layout_FILES/background.gif) repeat;
}

img{
border:0px;
}
td a{
	font-family:Verdana, Geneva, sans-serif;
	font:Verdana;
	font-size:10px;
	color:#507f31;
	text-decoration:none;
}

a {
	font-family:Verdana, Geneva, sans-serif;
	font:Verdana;
	font-size:12px;
	color:#507f31;
	text-decoration:none;
	font-weight:bold;
}
table{
margin-left:6px;
}
#centerColumn td {
	font-family:Verdana, Geneva, sans-serif;
	font:Verdana;
	font-size:10px;
	color:#666666;
}
#centerColumn table.contenttable tr td p{
padding:0px;
margin:0px;
}
dd.csc-textpic-caption{
font-family:Verdana, Geneva, sans-serif;
	font:Verdana;
	font-size:10px;
	color:#666666;
}

h2 {
	font-family:Verdana, Geneva, sans-serif;
	font:Verdana;
	font-size:14px;
	color:#666666;
	padding-left:4px;

}

#pageContainer {
	position:relative;
	display:block;
	width:940px;
	padding:0px;
	margin:0px 0px 0px -470px;
	left:50%;
	top:0px;
	background-color:#ffffff;
}

/***********************************************************************************/
	/*******************************************************************************/
	/* Header Area */
	/*******************************************************************************/
	#header {
		display:block;
		width:100%;
		margin:0px;
		border-bottom:1px solid #507F31;
		height:130px;
		padding-bottom:15px;
	}
		/***************************************************************************/
		/* LOGO */
		/***************************************************************************/
		#logo {
			position:relative;
			display:block;
			font-size:26px;
			width:500px;
			font-weight:bold;
			color:#f0f0f0;
			margin:0px;
			padding:70px 0px 10px 10px;
		}
		#logoImage {
			position:absolute;
			width:940px;
			height:130px;
			display:block;
			background:url(layout_FILES/Holz-Terassen-Boeden.jpg) left top no-repeat;
			left:0px;
			top:2px;
		}
		/***************************************************************************/
		/* Header Navigation ../IMG/Holz-Terassen-Böden.gif */
		/***************************************************************************/
		#headerNavi {
			position:absolute;
			left:600px;
			top:102px;
		}
			#headerNavi ul {
				list-style:none;
				display:block;
				width:230px;
				height:100%;
				margin:0px;
				padding:0px;
			}
				#headerNavi ul li{
					display:block;
					float:left;
					margin:0px;
					padding:0px;
				}
				#headerNavi ul li a, #headerNavi ul li a:visited {
					display:block;
					text-decoration:none;
					color:#acacac;
					font-weight:normal;
					font-size:10px;
					margin-top:6px;
					padding:1px 6px 0px 6px;
				}
				#headerNavi ul li a:hover,
				#headerNavi ul li a.aktiv,
				#headerNavi ul li a.aktiv:visited,
				#headerNavi ul li a.aktiv:hover {
					color:#507F31;
					text-decoration:underline;
				}
		/***************************************************************************/
		/* Quick Search Panel */
		/***************************************************************************/
		#searchPanel {
			position:absolute;
			display:block;
			width:224px;
			margin:0px;
			padding:5px 6px 7px 6px;
			background:url(../IMG/quickSearch_BG.gif) left top repeat-x;
			border-left:1px solid #b7b7b7;
			border-right:1px solid #b7b7b7;
			right:0px;
			top:0px;
		}
			#searchPanel form {
				display:block;
				margin:0px;
				padding:0px;
			}
			#searchPanel form input.quickSearchPanel {
				display:block;
				width:150px;
				margin:0px 4px 0px 0px;
				padding:2px 2px 2px 5px;
				font-size:10px;
				font-weight:normal;
				color:#666666;
				background:#ffffff;
				border:1px solid #b7b7b7;
				
				float:left;
			}
			#searchPanel form input.quickSearchPanel_BTN {
				display:block;
				margin:0px;
				padding:0px;
				border:none;
				cursor:pointer;
				border:1px solid #b7b7b7;
				font-size:10px;
				font-weight:normal;
				color:#666666;
				margin:0px;
				padding:1px 10px 1px 10px;
			}
			
		/***************************************************************************/
		/* Language Navi */
		/***************************************************************************/
		#languageNavi {
			position:absolute;
			top:23px;
			left:52px;
			height:34px;
			margin:0px;
			padding:3px 0px 0px 0px;
			float:right;
		}
			#languageNavi ul{
				list-style:none;
				display:block;
				width:100%;
				height:100%;
				margin-top:10px;
				padding:0px 1px 0px 0px;
				background:url(../IMG/headerNaviList_BG.gif) left top repeat-x;
			}
				#languageNavi ul li{
					display:block;
					float:left;
					margin:0px;
					padding:0px;
					background:url(../IMG/langNaviList_BG.gif) left top repeat-x;
				}
				#languageNavi ul li.firstElement {
					border:none;
				}
				#languageNavi ul li a, #languageNavi ul li a:visited {
					display:block;
					text-decoration:none;
					color:#acacac;
					font-weight:normal;
					font-size:10px;
					margin:0px 0px 0px 1px;
					padding:8px 14px 14px 14px;
					background-color:#ffffff;
				}
				#languageNavi ul li a:hover,
				#languageNavi ul li a.aktiv, 
				#languageNavi ul li a.aktiv:visited, 
				#languageNavi ul li a.aktiv:hover{
					color:#507F31;
					background:url(../IMG/langNaviAnker_BG.gif) left top repeat-x;
				}
		
/***********************************************************************************/
	/*******************************************************************************/
	/* Navigation Area */
	/*******************************************************************************/
	#navigation {
		position:relative;
		display:block;
		width:100%;
		margin:0px ;
		padding:0px;
		z-index:3;
	}
		
		/***************************************************************************/
		/* Main Navi */
		/***************************************************************************/
		#mainNavi {
			position:relative;
			display:block;
			margin:0px 0px 0px 0px;
			padding:0px;
			border-bottom:1px solid #507F31;
		}
		*html #mainNavi {
					position:static;margin:0px;padding:0px;
				}
			#mainNavi ul{
				position:relative;
				list-style:none;
				display:block;
				margin:0px;
				padding:0px;
			}
			
			#mainNavi ul li{
				display:block;
				float:left;
				margin:0px;
				padding:0px;
			}
			#mainNavi ul li a, #mainNavi ul li a:visited {
				display:block;
				text-decoration:none;
				color:#acacac;
				text-decoration:none;
				font-weight:bold;
				font-size:11px;
				text-transform:uppercase;
				margin:0px;
				padding:8px 10px 8px 10px;
			}
			#mainNavi ul li a:hover {
				color:#507F31;
				background:#ffffff;
			}
			#mainNavi ul li a.aktiv, #mainNavi ul li a.aktiv:visited{
				color:#507F31;
				background:url(../IMG/mainNaviAktiv_BG.gif) right bottom repeat-x;
				border-top:2px solid #ffffff;
				padding:6px 10px 8px 10px;
			}		
		/***************************************************************************/
		/* CUSTOMER LOGIN */
		/***************************************************************************/
		#customerLogin {
			position:absolute;
			width:376px;
			display:block;
			margin:2px 0px 2px 0px;
			padding:3px 6px 3px 6px;
			background-color:#ebebeb;
			right:0px;
			top:0px;
		}
			#customerLogin h3 {
				position:absolute;
				display:block;
				top:-28px;
				font-size:10px;
				font-weight:normal;
				color:#cccccc;
				padding:0px 0px 0px 6px;
			}
			#customerLogin form {
				display:block;
				margin:0px;
				padding:0px;
			}
			#customerLogin form input.textInput {
				display:block;
				width:150px;
				margin:0px 4px 0px 0px;
				padding:1px 2px 3px 5px;
				font-size:10px;
				font-weight:normal;
				color:#666666;
				background:#ffffff;
				border:1px solid #b7b7b7;
				
				float:left;
			}
			#customerLogin form input.loginButton {
				display:block;
				margin:0px;
				padding:0px;
				border:none;
				cursor:pointer;
				border:1px solid #b7b7b7;
				font-size:10px;
				font-weight:normal;
				color:#666666;
				margin:0px;
				padding:0px 10px 2px 10px;
			}

		/*******************************************************************************/
		/* Breadcrumb Navi */
		/*******************************************************************************/
		#breadcrumb {
			display:block;
			margin:0px;
			padding:5px 10px 6px 0px;
			border-bottom:1px solid #507F31;
		}
			#breadcrumb ul {
				list-style:none;
				display:block;
				margin:0px;
				padding:0px;
				float:left;
			}
			#breadcrumb ul li {
				display:block;
				margin:0px;
				padding:0px;
				font-size:9px;
				font-weight:normal;
				color:#acacac;
				float:left;
			}
			#breadcrumb ul li a, #breadcrumb ul li a:visited {
				display:block;
				font-size:9px;
				font-weight:normal;
				color:#666666;
				text-decoration:none;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 10px;
			}
			#breadcrumb ul li a:hover {
				color:#507F31;
			}
			#breadcrumb ul li a.aktiv,
			#breadcrumb ul li a.aktiv:visited,
			#breadcrumb ul li a.aktiv:hover {
				color:#507F31;
			}
			
		/*******************************************************************************/
		/* Sub Navi */
		/*******************************************************************************/
		#subNavi {
			display:block;
			margin:0px;
			padding:0px;
			border-left:1px solid #507F31;
			border-right:1px solid #507F31;
			background:#ffffff;
			z-index:99
		}
			#subNavi ul {
				list-style:none;
				display:block;
				margin:0px;
				padding:2px 2px 0px 2px;
				background:#ffffff;
			}
				#subNavi ul li {
					position:relative;
					display:block;
					margin:0px 2px 0px 0px;
					padding:0px;
					float:left;
					z-index:10;
					border-bottom:2px solid #ffffff;
				}
				#subNavi ul li a, #subNavi ul li a:visited {
					display:block;
					font-size:11px;
					font-weight:normal;
					color:#666666;
					text-decoration:none;
					margin:0px;
					padding:4px 8px 0px 8px;
					height:18px;
				}
				#subNavi ul li a:hover {
					color:#666666;
					background:#ececec;
					padding:4px 8px 0px 8px;
				}
				#subNavi ul li a.aktiv, #subNavi ul li a.aktiv:visited{
					color:#ffffff;
					background:#507F31;
					padding:4px 8px 0px 8px;
				}
				/******************************************************************/
				/* Drop Down */
				/******************************************************************/
			
				/**************************/
				/***	2nd Level 	***/
				
				#subNavi ul ul {
					list-style:none;
					padding:1px 1px 0px 1px;
					margin:-3px 0px 0px -3px;
					width:160px;
					background:#ececec;
					z-index:100;
				}
				#subNavi ul ul li {
					display:block;
					padding:0px 0px 0px 0px;
					margin:0px 0px 1px 0px;
					float:left;
					border:none;
				}
				*html #subNavi ul ul {
					left:0px;
				}
				#subNavi ul ul a,#subNavi ul ul a:visited, #subNavi ul ul li a.aktiv{
					display:block;
					font-size:11px;
					font-weight:normal;
					text-decoration:none;
					text-transform:none;
					padding:7px 10px 5px 10px !important;
					color:#666666;
					background-color:#FFFFFF;
					margin:0px 0px 0px 0px;
					width:140px;
					border:none;
					z-index:105;
				}
				
				*html #subNavi ul ul a, * html #subNavi ul ul a:visited{
					float:none;
					border:none;
				}
				
				/**************************/
				/***	Hide Event		***/
				#subNavi ul ul{
					visibility:hidden;
					position:absolute;
					top:26px;
				}
				
				/**************************/
				/***	Mouse Event		***/
				#subNavi ul ul a:hover{
					background:#507F31;
					color:#ffffff;
					border:none;
					padding:7px 10px 5px 10px;
				}
				#subNavi ul ul :hover > a {
					background:#507F31;
					color:#ffffff;
				}
				
				#subNavi ul li:hover ul,
				#subNavi ul a:hover ul{
					visibility:visible;
				}
				
				#subNavi ul :hover ul ul{
					visibility:hidden;
				}
				
				#subNavi ul :hover ul :hover ul {
					visibility:visible;
				}
				
				/**/
				/**************************/
				/***	3rd Level 	***/
				
				#subNavi ul ul ul{
					list-style:none;
					padding:1px 1px 0px 1px;
					margin:-1px 0px 0px -1px;
					width:200px;
					background:#ececec;
					z-index:110;
				}
				#subNavi ul ul ul li {
					display:block;
					padding:0px 0px 0px 0px;
					margin:0px 0px 1px 0px;
					float:left;
					border:none;
				}
				*html #subNavi ul ul ul {
					left:0px;
				}
				#subNavi ul ul ul a, #subNavi ul ul ul a:visited{
					display:block;
					font-size:11px;
					font-weight:normal;
					text-decoration:none;
					text-transform:none;
					padding:7px 10px 5px 10px;
					color:#666666;
					background:#C1E0B2;
					margin:0px 0px 0px 0px;
					width:200px;
					border:none;
				}
				* html #subNavi ul ul ul a, * html #subNavi ul ul ul a:visited{
					float:none;
					border:none;
				}
				
				#subNavi ul ul ul{
					visibility:hidden;
					position:absolute;
					top:0px;
					left:160px;
				}
				
				#subNavi ul ul ul a:hover {
					background:#507F31;
					color:#ffffff;
					border:none;
					padding:7px 10px 5px 10px;
				}
				#subNavi ul ul ul :hover > a {
					background:#507F31;
					color:#ffffff;
				}
				
				#subNavi ul li:hover ul,
				#subNavi ul a:hover ul{
					visibility:visible;
				}
				
				#subNavi ul :hover ul ul {
					visibility:hidden;
				}
				
				#subNavi ul :hover ul :hover ul ul{
					visibility:visible;
				}
				/**/
				
				
				*html #subNavi li ul {display:none;}
				*html #subNavi li:hover ul {display:block;}
				*html #subNavi li:hover ul ul {display:none;}
				*html #subNavi li:hover ul ul ul{display:none;}
				*html #subNavi li:hover ul li:hover ul {display:block;}
		
/**********************************************************************************/
	/******************************************************************************/
	/* Content Container */
	/******************************************************************************/
	#contentContainer {
		position:relative;
		display:block;
		width:100%;
		min-height:250px;
		margin:2px 0px 0px 0px;
		padding:0px;
		background:url(../IMG/content_BG.gif) left top repeat-x;
	}
	/* 	LEFT COLUMN ***************************************************************/
	#leftColumn {
		position:relative;
		display:block;
		width:190px;
		min-height:250px;
		margin:0px;
		padding:0px;
		float:left;
	}
			
		
	
	/*	CENTER COLUMN ************************************************************/
	#centerColumn {
		position:relative;
		display:block;
		width:935px;
		height:auto !important;
		min-height:300px;
		margin:0px;
		padding:5px 0px 5px 0px;
		float:right;
		background:url(../IMG/c5content/content_BG.gif) left top no-repeat;
	}
		#centerColumn h1 {
			position:relative;
			display:block;
			margin:0px 0px 5px 0px;
			padding:4px 5px 7px 5px;
			width:925px;
			font-size:14px;
			font-weight:bold;
			color:#507F31;
		}
		#centerColumn h5 {
			font-size:12px;
			font-weight:bold;
			color:#666666;
		}
		#centerColumn p {
			font-size:12px;
			position:relative;
			display:block;
			padding:5px 15px 5px 5px;
			color:#666666;
			margin:0px;
		}
		#centerColumn td {
			font-size:10px;
			position:relative;
			padding:0px;
			color:#666666;
			margin:0px;
		}
		
		/*************************************************************************/
		/* CONTENT ELEMENTS*/
		/*************************************************************************/
		#teaserNews {
			position:relative;
			display:block;
			width:600px;
			margin:0px 0px 10px 0px;
			padding:0px 0px 10px 0px;
		}
		#teaserNews a, #teaserNews a:visited, #teaserNews a:hover {
			text-decoration:none;
		}
			#teaserNews h1 {
				position:relative;
				display:block;
				margin:0px 0px 5px 0px;
				padding:4px 5px 7px 5px;
				width:170px;
				border:1px solid #ccc;
				background-color:#507F31;
				font-size:14px;
				font-weight:bold;
				color:#fff;
			}
			#teaserNews .news {
				position:relative;
				display:block;
				width:580px;
				height:156px;
				float:left;
				border:1px solid #ccc;
				padding:0px;
				margin:0px 5px 10px 0px;
				
				/*background-color:#fff;*/
			}
				#teaserNews .news h3 {
					font-size:10px;
					font-weight:bold;
					position:relative;
					display:block;
					/*background-color:#507F31;*/
					background:#fff;
					border-bottom:1px solid #ccc;
					color:#507F31;
					padding:5px 5px 8px 5px;
					margin:0px 0px 0px 0px;
				}
				#teaserNews .news p {
					font-size:10px;
					position:relative;
					display:block;
					padding:5px;
					color:#666666;
					margin:0px;
				}
				#teaserNews .news p .date {
					position:relative; 
					display:block;
					text-align:right;
					margin:10px 0px 0px 0px;
					left:0px;
				}
				#teaserNews .news a, #teaserNews .news a:visited {
					text-decoration:none;
				}
				#teaserNews .news a:hover {
					text-decoration:none;
				}
				#teaserNews .newsImage_1,
				#teaserNews .newsImage_2,
				#teaserNews .newsImage_3,
				#teaserNews .newsImage_4,
				#teaserNews .newsImage_5 {
					position:relative;
					display:block;
					width:170px;
					height:120px; 
					margin:5px;
					float:left;
				}
				#teaserNews .newsImage_1 {
					background:url(../IMG/corny.jpg) left top no-repeat;
				}
				#teaserNews .newsImage_2 {
					background:url(../IMG/Windenergie.jpg) left top no-repeat;
				}
				#teaserNews .newsImage_3 {
					background:url(../IMG/Bay-Landtag.jpg) left top no-repeat;
				}
				#teaserNews .newsImage_4 {
					background:url(../IMG/Mini-e.jpg) left top no-repeat;
				}
				#teaserNews .newsImage_5 {
					background:url(../IMG/Herzinfarkt.jpg) left top no-repeat;
				}
		/**************************************************************************/
		/* Special Content Navigation */
		/**************************************************************************/
		#analysenContainer {
			display:block;
			position:absolute;
			right:-14px;
			top:5px;
			width:350px;
			margin:0px 0px 10px 0px;
			padding:0px 0px 10px 0px;
		}
		#analysenContainer a, #analysenContainer a:visited, #analysenContainer a:hover {
			text-decoration:none;
		}
			#analysenContainer h1 {
				position:relative;
				display:block;
				margin:0px 0px 5px 0px;
				padding:4px 5px 7px 5px;
				width:170px;
				border:1px solid #ccc;
				background-color:#507F31;
				font-size:14px;
				font-weight:bold;
				color:#fff;
			}
			#analysenContainer .analyse {
				position:relative;
				display:block;
				width:330px;
				float:left;
				border:1px solid #ccc;
				padding:0px;
				margin:0px 5px 10px 0px;
				
				/*background-color:#fff;*/
			}
				#analysenContainer .analyse h3 {
					font-size:10px;
					font-weight:bold;
					position:relative;
					display:block;
					/*background-color:#507F31;*/
					background:#fff;
					border-bottom:1px solid #ccc;
					color:#507F31;
					padding:5px 5px 8px 5px;
					margin:0px 0px 0px 0px;
				}
				#analysenContainer .analyse p {
					font-size:9px;
					background:url(../IMG/footer_BG.gif) left top repeat-x;
					/*border-top:1px solid #ccc;*/
					position:relative;
					display:block;
					width:320px;
					height:80px;
					padding:5px;
					color:#666666;
					margin:0px;
				}
				#analysenContainer .analyse p .date {
					background-color:#ececec;
					position:absolute; 
					display:block;
					text-align:center;
					margin:10px 0px 0px 0px;
					width:100%;
					left:0px;
					bottom:0px;
				}
				#analysenContainer .analyse a, #analysenContainer .analyse a:visited {
					text-decoration:none;
				}
				#analysenContainer .analyse a:hover {
					text-decoration:none;
				}
			
/**********************************************************************************/
	/******************************************************************************/
	/* Footer */
	/******************************************************************************/
	#footer {
		position:relative;
		display:block;
		width:100%;
		height:100%;
		margin:0px;
		padding:6px 0px 0px 0px;
		float:none;
		clear:both;
		border-top:1px solid #507F31;
		border-bottom:1px solid #507F31;
		background:url(../IMG/footer_BG.gif) left top repeat-x;
	}
		#footer #footerNavi_1c,
		#footer #footerNavi_2c,
		#footer #footerNavi_3c,
		#footer #footerNavi_4c{
			position:relative;
			float:left;
			margin-left:10px;
			height:100%;
		}
		
		
		/****************************************************/
		
			#footer #footerNavi_1c h5,
			#footer #footerNavi_2c h5,
			#footer #footerNavi_3c h5,
			#footer #footerNavi_4c h5{
				position:relative;
				display:block;
				font-size:10px;
				font-weight:normal;
				text-transform:uppercase;
				color:#acacac;
				margin:0px;
				padding:8px 20px 8px 0px;
			}
			#footer #footerNavi_1c ul,
			#footer #footerNavi_2c ul,
			#footer #footerNavi_3c ul,
			#footer #footerNavi_4c ul{
				list-style:none;
				position:relative;
				display:block;
				margin:0px;
				padding:0px;
				height:100%;
			}
			#footer #footerNavi_1c ul li,
			#footer #footerNavi_2c ul li,
			#footer #footerNavi_3c ul li,
			#footer #footerNavi_4c ul li{
				position:relative;
				float:left;
				margin-right:5px;
				padding:0px;
			}
			#footer #footerNavi_1c ul li a, #footer #footerNavi_1c ul li a:visited,
			#footer #footerNavi_2c ul li a, #footer #footerNavi_2c ul li a:visited,
			#footer #footerNavi_3c ul li a, #footer #footerNavi_3c ul li a:visited,
			#footer #footerNavi_4c ul li a, #footer #footerNavi_4c ul li a:visited{
				position:relative;
				display:block;
				color:#507F31;
				font-size:10px;
				height:15px;
				font-weight:normal;
				text-decoration:none;
			}
			#footer #footerNavi_1c ul li a:hover,
			#footer #footerNavi_2c ul li a:hover,
			#footer #footerNavi_3c ul li a:hover,
			#footer #footerNavi_4c ul li a:hover{
				color:#acacac;
				/*text-decoration:underline;*/
			}
			
			/* defining different width parameter for the blocks */
			#footer #footerNavi_1c {
				height:100px;
				width:215px;
				border-right:1px dotted #507F31;
				margin-right:20px;
			}
			#footer #footerNavi_2c,
			#footer #footerNavi_3c,
			#footer #footerNavi_4c{
				/*width:235px;*/
				margin-right:50px;
			}
			#footer  a.toTheTop {
				margin-top:28px;
				padding-left:40px;
			}
		

/**********************************************************************************/		
	/******************************************************************************/
	/* Copyright */
	/******************************************************************************/
	#copyright {
		position:relative;
		display:block;
		width:100%;
		float:none;
		clear:both;
		top:11px;
		margin:0px;
		padding-bottom:20px;
		font-size:10px;
		color:#666666;
		text-align:center;
	}	
/**********************************************************************************/
	/******************************************************************************/
	/* Cleaner */
	/******************************************************************************/
	.cleaner {
		position:relative;
		display:block;
		clear:both;
		float:none;
		width:100%;
		height:0px;
	}

	

#666666