/*------------------------------------------------------------------------------------------------------*/
/* Styles Allgemein */

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	color:#000;
}

p{
	margin:9px 0 9px 0;
	line-height: 1.5em
}

li { list-style-type:none; }

* {
	padding:0; 
	margin:0;
}


h1 {
	font-size:15px;
	color:#0c5c25;
	font-weight:bold;
	padding:0 0 6px 0;

}

h2 {
	font-size:13px;
	color:#0c5c25;
	font-weight:bold;
	padding:0 0 6px 0;
}

h3 {
	font-size:13px;
	font-weight:bold;
	padding-bottom:0;

}

a {
	color:#0c5c25;
	text-decoration:underline;
	font-weight:bold;
}

a:visited {
	color:#0c5c25;
	text-decoration:underline;
}

a:hover {
	color:#0c5c25;
	text-decoration:underline;
}

a:active {
	color:#0c5c25;
	text-decoration:underline;
}

img{
	margin:0;
	padding:0;
}
/*------------------------------------------------------------------------------------------------------*/
/* hacks */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

  /* essential for Safari browser !! */
.clearfix { 
	display: block; 
	height: 1%;
}


/*------------------------------------------------------------------------------------------------------*/
/* Styles Structure */

#header {
	height:216px;
	width:955px;

}
.header_index{
	background-image:url(../images/header_index.jpg);
	background-repeat:no-repeat;
}
.header_nachhaltigkeit{
	background-image:url(../images/header_nachhaltigkeit.jpg);
	background-repeat:no-repeat;
}
.header_energie_wasser{
	background-image:url(../images/header_energie.jpg);
}
.header_naturschutz{
	background-image:url(../images/header_naturschutz.jpg);
}
.header_land{
	background-image:url(../images/header_land.jpg);
}
.header_waterdrop{
	background-image:url(../images/header_waterdrop.jpg);
}

#wrapper{

	margin:12px 0 0 12px;
	width:955px;

}

#main{

	/*margin:12px 9px 0 0;*/
	width:714px;
}

#leftbar{
	width:231px;
	position:absolute;
	margin:9px 0 0 0;
	
	/*float:left;*/
	/*margin-right:9px;*/

}

#content{
	position:absolute;
	margin:9px 0 0 240px;
	width:474px;
	position:absolute;
	/*float:right;*/

}

#rightbar{

	width:232px;
	position:absolute;
	margin:9px 0 0 723px;
	/*float:right;
	margin:9px 0 0 0;*/
}

/*------------------------------------------------------------------------------------------------------*/
/* Styles Navigation */

/* hauptnavigation*/

#nav_main{
	width:100%;
	height:20px;
	padding:180px 0 0 0;
	position:relative;
	font-weight:bold;
}

#nav_main a, #nav_main a:visited{
	text-decoration:none;
	font-weight:bold;
	color:#000;
	
}

#nav_main a:hover, #nav_main a:active{
	text-decoration:none;
	font-weight:bold;
	color:#FF0000;
}


#nav_main ul{
	text-align:center;
	padding:1px;
}

#nav_main ul li { display:inline; }


#nav_main a:hover{
	text-decoration:none;
	font-weight:bold;
	color:#FF0000;
}

.nav_main_yellow ul{
	background-color:#fff9c6;
	text-align:center;
}

.nav_main_blue ul{
	background-color:#e0f2fb;
	text-align:center;
}

.nav_main_green ul{
	background-color:#edf4ea;
	text-align:center;
}
.nav_main ul{
	background-color:#edf4ea;
	text-align:center;
}

#nav_main ul li.current a,
#nav_main ul li.current a:visited,
#nav_main ul li.current a:hover,
#nav_main ul li.current a:active{
	color:#FF0000;
	text-decoration:none;
}

/********************************/

#breadcrumbs{
	display:inline; 
	float:left;
	font-size:11px;
	font-weight:bold;
	color:#0c5c25;
	margin-bottom:6px;

}

#breadcrumbs a, #breadcrumbs a:visited, #breadcrumbs a:hover, #breadcrumbs a:active{
	color:#000;
}

#nav_meta{
	/*float:right;*/
	float:right;
	font-size:10px;
	font-weight:bold;
	padding:0;


}

#nav_meta a{
	color:#000;
	text-decoration:underline;
	font-weight:bold;

}

#nav_meta a:visited {
	color:#000;
	text-decoration:underline;
	font-weight:bold;
}

#nav_meta a:hover {
	color:#000;
	text-decoration:underline;
}

#nav_meta a:active {
	color:#000;
	text-decoration:underline;
}
#nav_sub{
	font-weight:bold;
	width:100%;
	font-size:14px;
	overflow:hidden;
}
#nav_sub ul { margin:0; padding: 0;}
#nav_sub li {
	color: #000;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

#nav_sub a,
#nav_sub a:visited {
	color: inherit;
	display: block;
	font-weight: bold;
	padding: 3px 0 3px 0;
	text-decoration: none;
}

#nav_sub a:focus,
#nav_sub a:hover,
#nav_sub a:active{
	color:#FF0000;
}
#nav_sub li ul li { padding:0 0 0 20px;}

/* 1 level */
#nav_sub ul li.current {
	color: #f00;
}

/* 2 level */
#nav_sub ul li ul li {
	color: #000;
	font-size: 12px;
}

#nav_sub ul li ul li.current {
	color: #f00;
}
/* 3 level */

#nav_sub ul li ul li ul li {
	font-size: 12px;
	color: #000;
}

#nav_sub ul li ul li ul li.current {
	color: #f00;
}
/*------------------------------------------------------------------------------------------------------*/
/* Right bar 19em breit (davon 1 em margin) */

#search{
	width:216px;
	margin:9px 0 0 0;
	height:29px;
}

#search input{
	border:1px solid #9c9d9f;
	width:120px;
	margin:0 4px;
}
#search input.tx-indexedsearch-searchbox-button {
	font-size: 13px;
	width:60px;
	margin:0;
	display:inline;
	font-weight: bold;
	padding-bottom: 0pt;
	border:0;
	background:none;
}
#search img{
	padding:1px 6px 0 0;

}

#search h3{
	display:inline;
	padding:0 0 0 6px;

}

#search a, #search a:visited, #search a:hover, #search a:active{
	text-decoration:none;
	color:#000;
}

#search .input_search_fields {
 float: left;
}

#newsletter{
	width:232px;
	height:83px;
	font-weight:bold;
	background:url(../images/newsletter.jpg) no-repeat left top;
	position:absolute;
	margin:9px 0 9px 0;
}
#newsletter h3{
	font-size:15px;
	padding:48px 0 12px 12px;
	
}
#newsletter a{
	text-decoration:none;
	font-weight:bold;
	color:#000;
	font-size:15px;
	display: block;
	height:83px;
	width:232px;
}
#spenden{
	width:232px;
	height:93px;
	font-weight:bold;
	background:url(../images/spenden.jpg) no-repeat left top;
	margin:0;

}
#spenden h3{
	font-size:15px;
	padding:48px 0 12px 12px;

}
#spenden a{
	text-decoration:none;
	font-weight:bold;
	color:#000;
	font-size:15px;
	display: block;
	width:232px;
	height:93px;
}

/*------------------------------------------------------------------------------------------------------*/
/* Startseite boxen */

.box_index_1 {
	background:url(../images/index_box1.jpg) no-repeat;
	width:222px;
	height:216px;
	position:absolute;
	margin:230px 0 0 0;
	/*margin:0 0 10px 0;*/
	/*float:left;*/
	padding:12px 15px 10px 10px;
	overflow:hidden;

}

.box_index_1 p, .box_index_1 h1, .box_index_1 h2, .box_index_1 h3{
	/*width:210px;*/
}

.box_index_2 {
	background:url(../images/index_box2.jpg) no-repeat;
	width:222px;
	height:216px;
	padding:12px 5px 10px 10px;
	position:absolute;
	margin:230px 0 0 241px;
	/*float:right;
	margin:0 -27px 0 0;*/
}

.box_index_3 {
	background:url(../images/index_box3.jpg) no-repeat;
	width:222px;
	height:216px;
	position:absolute;
	margin:100px 0 0 0;
	padding:12px 5px 10px 10px;
}






/*------------------------------------------------------------------------------------------------------*/
/* Runde Ecken Box Meta #e3efe0 - grün */
	
	
.box_nav_meta {

	background-color:#e3efe0;
	width:474px;
	position:absolute;
	margin:0;

}

.box_top {
	width:100%;
	height:8px;
	background:url(../images/nav_meta_top.gif) no-repeat left top;
}
.box_top span {
	display:block;
	position:relative;
	height:8px;
	background:url(../images/nav_meta_top_right.gif) no-repeat right top;
}

.box_content_meta { overflow:hidden; padding:0 9px 0 9px; }
.box_content { 	padding:9px 9px 0 9px; line-height:1.5em; }

.box_content_meta ul li { 
	list-style-image: url(../images/list.gif);
	margin-left:15px;

}
.box_content ul li { 
	list-style-image: url(../images/list.gif);
	margin-left:15px;

}

	

/*------------------------------------------------------------------------------------------------------*/
/* Runde Ecken Box Top Cut #e3efe0 - grün */
	
	
.box_top_cut_index {
	background-color:#e3efe0;
	margin:37px 0 0 0;
	line-height:1.5em;
	background:url(../images/box_top_cut.gif) no-repeat;
	/*width:100%;*/
	height:185px;
	position:absolute;
	padding:12px 10px 10px 10px;



}
.box_top_cut {
	background-color:#e3efe0;
	display:block;
	line-height:1.5em; 
	margin:37px 0 0 0;
	width:100%;
	position:absolute;

}



.box_bottom_top_cut {
	height:6px;
	background:url(../images/cut_top_bottom.gif) no-repeat left bottom;
}
.box_bottom_top_cut span{
	display:block;
	position:relative;
	height:6px;
	background:url(../images/cut_top_bottom_right.gif) no-repeat right top;
}




/*------------------------------------------------------------------------------------------------------*/
/* Runde Ecken #fff - weiss */

#news_on_subpages{
	margin:100px 0 0 0;
}

.box_rounded_white {
	width:231px;
	margin-bottom: 9px;
	background-color:#fff;
	background:#fff url(../images/box_rounded_white_left.gif) repeat-y left top;
	display:block; 
}

.box_top_rounded_white {
	width:100%;
	height:8px;
	background:url(../images/box_rounded_white_top.gif) no-repeat left top;
}
.box_top_rounded_white span {
	display:block;
	position:relative;
	height:8px;
	background:url(../images/box_rounded_white_top_right.gif) no-repeat right top;
}

.box_bottom_rounded_white {
	height:8px;
	background:url(../images/box_rounded_white_bottom.gif) no-repeat left bottom;
}
.box_bottom_rounded_white span{
	display:block;
	position:relative;
	height:8px;
	background:url(../images/box_rounded_white_bottom_right.gif) no-repeat right top;
}

.box_content_white {
	background:url(../images/box_rounded_white_right.gif) repeat-y right top;
	padding:12px;
}

.uwd_logo{
	padding:35px 0 40px 50px;

}


/*------------------------------------------------------------------------------------------------------*/
/* Runde Ecken #fff - eu */
	
	
.box_eu {
	width:231px;
	height:67px;
	background-color:#fff;
	margin:-2px 0 0 0;

	

}

/*------------------------------------------------------------------------------------------------------*/
/* Runde Ecken #fff - cipra */
	
	
.box_cipra {
	width:231px;
	height:67px;
	margin:7px 0 0 0;


}

/*------------------------------------------------------------------------------------------------------*/
/* Runde Ecken #fff - forum */
	
	
.box_forum {
	width:231px;
	height:67px;
	background-color:#fff;
	margin:7px 0 0 0;

}


/* Runde Ecken #hellgrün #f2f7f1 */
/*------------------------------------------------------------------------------------------------------*/

.box_rounded_1 {
	/*width:20em;*/
	width:240px;
	background-color:#f2f7f1;
	margin:0 0 10px 0;
	float:left;
}

.box_top_rounded_1 {
	width:100%;
	height:8px;
	background:url(../images/box_rounded_1_top.gif) no-repeat left top;
}
.box_top_rounded_1 span {
	display:block;
	position:relative;
	height:8px;
	background:url(../images/box_rounded_1_top_right.gif) no-repeat right top;
}

.box_bottom_rounded_1 {
	height:6px;
	background:url(../images/box_rounded_1_bottom.gif) no-repeat left bottom;
}
.box_bottom_rounded_1 span {
	display:block;
	position:relative;
	height:6px;
	background:url(../images/box_rounded_1_bottom_right.gif) no-repeat right top;
}


	
/* Runde Ecken #dunkelgrün #c4dec0 */
/*------------------------------------------------------------------------------------------------------*/

.box_rounded_2 {
	/*width:20em;*/
	width:240px;
	background-color:#c4dec0;
	margin:0 -10px 0 0;
	float:right;

}

.box_top_rounded_2 {
	width:100%;
	height:8px;
	background:url(../images/box_rounded_2_top.gif) no-repeat left top;
}
.box_top_rounded_2 span {
	display:block;
	position:relative;
	height:8px;
	background:url(../images/box_rounded_2_top_right.gif) no-repeat right top;
}

.box_bottom_rounded_2 {
	height:6px;
	background:url(../images/box_rounded_2_bottom.gif) no-repeat left bottom;
}
.box_bottom_rounded_2 span {
	display:block;
	position:relative;
	height:6px;
	background:url(../images/box_rounded_2_bottom_right.gif) no-repeat right top;
}
	
/* Runde Ecken #lachs #f5d7c8 */
/*------------------------------------------------------------------------------------------------------*/

.box_rounded_3 {
	width:216px;
	margin-bottom: 9px;
	background-color:#f5d7c8;
}

.box_top_rounded_3 {
	width:100%;
	height:8px;
	background:url(../images/box_rounded_3_top.gif) no-repeat left top;
}
.box_top_rounded_3 span {
	display:block;
	position:relative;
	height:8px;
	background:url(../images/box_rounded_3_top_right.gif) no-repeat right top;
}

.box_bottom_rounded_3 {
	height:6px;
	background:url(../images/box_rounded_3_bottom.gif) no-repeat left bottom;
}
.box_bottom_rounded_3 span {
	display:block;
	position:relative;
	height:6px;
	background:url(../images/box_rounded_3_bottom_right.gif) no-repeat right top;
}
	

/*------------------------------------------------------------------------------------------------------*/
/* THEMEN - VERSCHIEDENE FARBEN */

/* blau - Menüpunkt: energie & klima; wasser */
	
.box_nav_meta_blue {
	width:474px;
	position:absolute;
	margin:0;
	background-color:#e0f2fb;



}

.box_top_blue {
	width:100%;
	height:8px;
	background:url(../images/nav_meta_top_blau.gif) no-repeat left top;




}
.box_top_blue span {
	display:block;
	position:relative;
	height:8px;
	background:url(../images/nav_meta_top_right_blau.gif) no-repeat right top;
}




.box_top_cut_blue {
	background-color:#e0f2fb;
	display:block; 
	margin:37px 0 0 0;
	width:100%;
	position:absolute;

}

.box_bottom_top_cut_blue {
	height:6px;
	background:url(../images/cut_top_bottom_blau.gif) no-repeat left bottom;
}
.box_bottom_top_cut_blue span{
	display:block;
	position:relative;
	height:6px;
	background:url(../images/cut_top_bottom_right_blau.gif) no-repeat right top;
}


/*------------------------------------------------------------------------------------------------------*/
/* grün - menüpunkt: nachhaltigkeit; ländliche entwicklung*/
	
.box_nav_meta_green {
	background-color:#edf4ea;
	width:474px;
	position:absolute;
	margin:0;

}

.box_top_green {
	width:100%;
	height:8px;
	background:url(../images/nav_meta_top_gruen.gif) no-repeat left top;
}
.box_top_green span {
	display:block;
	position:relative;
	height:8px;
	background:url(../images/nav_meta_top_right_gruen.gif) no-repeat right top;
}



.box_top_cut_green {

	background-color:#edf4ea;
	display:block; 
	margin:37px 0 0 0;
	width:100%;
	position:absolute;

}

.box_bottom_top_cut_green {
	height:6px;
	background:url(../images/cut_top_bottom_gruen.gif) no-repeat left bottom;
}
.box_bottom_top_cut_green span{
	display:block;
	position:relative;
	height:6px;
	background:url(../images/cut_top_bottom_right_gruen.gif) no-repeat right top;
}


/*------------------------------------------------------------------------------------------------------*/
/* gelb - menüpunkt: naturschutz*/
	
.box_nav_meta_yellow {
	background-color:#fff9c6;
	width:474px;
	position:absolute;
	margin:0;

}

.box_top_yellow {
	width:100%;
	height:8px;
	background:url(../images/nav_meta_top_gelb.gif) no-repeat left top;
}
.box_top_yellow span {
	display:block;
	position:relative;
	height:8px;
	background:url(../images/nav_meta_top_right_gelb.gif) no-repeat right top;
}



.box_top_cut_yellow {
	background-color:#fff9c6;
	display:block; 
	margin:37px 0 0 0;
	width:100%;
	position:absolute;


}

.box_bottom_top_cut_yellow {
	height:6px;
	background:url(../images/cut_top_bottom_gelb.gif) no-repeat left bottom;
}
.box_bottom_top_cut_yellow span{
	display:block;
	position:relative;
	height:6px;
	background:url(../images/cut_top_bottom_right_gelb.gif) no-repeat right top;
}

/*------------------------------------------------------------------------------------------------------*/
/* Styles News-Extension  */

.news-latest-item{margin-bottom:12px;}
.news-latest-date {font-weight:bold;}
.news-latest-date {font-weight:bold;}

.news-list-item {margin-bottom: 12px;}
.news-list-item h3 {font-size: 12px;}
.news-list-item img {
	display: block;
	float: left;
	margin-right: 10px;
}
.news-list-date {
	color: #0C5C25;
	font-weight: normal;
}
.news-list-date p {
	display: inline;
	margin: 0;
}
.news-list-browse {text-align: right;}

.news-amenu-container {margin-top: 12px;}
.news-amenu-container a {color: #000}
.news-amenu-item-year {display: none;}

.newsletter-list-item {
	overflow: hidden;
	width: 100%;
}
.newsletter-list-item h3 {margin-bottom: 10px;}
.newsletter-list-item p {margin: 0;}

/*------------------------------------------------------------------------------------------------------*/
/* Diverses  */

.csc-textpic-caption{ font-size:10px; }

div.csc-textpic-intext-left-nowrap {float:left;}