/*********************************/
/*  Hauptcontainer/Layout 	     */
/*********************************/

*{
	padding:0;
	margin:0;
}
 body {
	/*Hintergrundfarbe der Seite*/
	 font-size:62.5%;
	background-color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	 } 
.page_cont {
	/*Container fuer die gesamte Seite*/
	width:900px; 
	margin:0px auto; 
	margin-top:10px; 
	margin-bottom:10px; 
	border:solid 1px rgb(150,150,150);  /*rahmen*/
	font-size:1.0em;
	}
.header {
	width:900px; 
	font-family:"trebuchet ms",arial,sans-serif;
	}
.header-top {
	width:900px;
	height:80px;
	background:rgb(240,240,240) url(bg_head_top.jpg); 
	overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
	}
.gruene-logo {
	width:80px; 
	height:60px; 
	position:absolute; 
	z-index:1; 
	margin:10px 0 0 10px; 
	background:url(head_logo.jpg); 
	}	
.header-middle {
	width:900px; 
	height:132px;
	background:rgb(230,230,230) url(bg_banner.jpg); 
	overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;}
.main {
	/*Hauptteil der Seite (navbar links/rechts und platz für content*/
	clear:both; 
	width:900px; 
	padding-bottom:30px; 
	background:transparent url(bg_main.jpg) top left repeat-y;
	}	
	/*Fußleiste*/
.footer {
	clear:both; 
	width:900px; 
	padding:1.0em 0 1.0em 0; 
	background:rgb(225,225,225) url(bg_foot.jpg) no-repeat; 
	font-size:1.0em; 
	overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
	}
	
/* BUTTONS */

.sb_1 {
	width:34px;
	height:34px;
	position:absolute;
	z-index:1;
	margin:9px 0 0 6px;
	background:url(/uploads/buttons/facebook_link.png);
	}	
		
.sb_1:hover {background:url(/uploads/buttons/facebook_hover.png);}
.sb_1:active {background:url(/uploads/buttons/facebook_pressed.png);}

.sb_2 {
	width:34px;
	height:34px;
	position:absolute;
	z-index:1;
	margin:9px 0 0 45px;
	background:url(/uploads/buttons/youtube_link.png);
	}	

.sb_2:hover {background:url(/uploads/buttons/youtube_hover.png);}
.sb_2:active {background:url(/uploads/buttons/youtube_pressed.png);}

.sb_3 {
	width:34px;
	height:34px;
	position:absolute;
	z-index:1;
	margin:9px 0 0 84px;
	background:url(/uploads/buttons/twitter_link.png);
	}	

.sb_3:hover {background:url(/uploads/buttons/twitter_hover.png);}
.sb_3:active {background:url(/uploads/buttons/twitter_pressed.png);}

.sb_4 {
	width:34px;
	height:34px;
	position:absolute;
	z-index:1;
	margin:9px 0 0 123px;
	background:url(/uploads/buttons/flickr_link.png);
	}	

.sb_4:hover {background:url(/uploads/buttons/flickr_hover.png);}
.sb_4:active {background:url(/uploads/buttons/flickr_pressed.png);}


.sb_5 {
	width:34px;
	height:34px;
	position:absolute;
	z-index:1;
	margin:9px 0 0 161px;
	background:url(/uploads/buttons/rss_link.png);
	}	

.sb_5:hover {background:url(/uploads/buttons/rss_hover.png);}
.sb_5:active {background:url(/uploads/buttons/rss_pressed.png);}

/*********************************/
/*  Navigation rechts CONTAINER  */
/*********************************/

.main-navigation {
	display:inline /*Fix IE floating margin bug*/;
	float:right;
	width:200px;
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE6*/;
	border-bottom: solid 1px rgb(200,200,200);
}

/*LINKS HERVORHEBEN*/

.main-navigation a:hover{
	text-decoration: underline;
}
.main-navigation a:active{
	text-decoration: underline;
}

/*NAVIGATION RECHTS*/

.main-navigation h1.first {
	clear:both;
	margin:0px;
	padding:4px 20px 3px 20px;
	background-color:rgb(190,190,190);
	font-family:"trebuchet ms",arial,sans-serif;
	color:rgb(255,255,255);
	font-weight:bold;
	font-size:150%;
}
.main-navigation h1 {
	clear:both;
	padding:4px 20px 0px 20px;
	background:rgb(190,190,190);
	font-family:"trebuchet ms",arial,sans-serif;
	color:rgb(255,255,255);
	font-weight:bold;
	font-size:150%;
	text-align: center;
}
.main-navigation h2 {clear:both; margin:20px 10px 10px 20px; font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:150%;}
.main-navigation h3 {clear:both; margin:10px 10px 5px 20px; color:rgb(80,80,80); font-weight:bold; font-size:110%;} 
/* Note: h2 not existent, to make identical to formats for main-navigation for easier exchange */
.main-navigation p {clear:both; margin:0 10px 10px 20px; color:rgb(80,80,80); line-height:1.3em; font-size:110%;}
.main-navigation p.center {text-align:center;}
.main-navigation p.right {text-align:right;}

.main-navigation ul {list-style:none; margin:0.5em 10px 1.0em 20px;}
.main-navigation ul li {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:url(bg_bullet_full_1.gif) no-repeat 0 0.4em;
	line-height:2em;
	font-size:110%;
}
.main-navigation ol {margin:0.5em 10px 1.0em 40px !important /*Non-IE6*/; margin:0.5em 10px 1.0em 45px /*IE6*/;}
.main-navigation ol li {list-style-position:outside; margin:0 0 0.4em 0; font-size:110%;}

/***********************/
/*  navigation rechts  */
/***********************/

.social-buttons {height:50px;}

.nav3-grid {width:199px; border-bottom:solid 1px rgb(200,200,200);}
.nav3-grid dt a, .nav3-grid dt a:visited {display:block; min-height:2.0em /*Non-IE6*/; height:auto !important; height:2.0em /*IE6*/; line-height:2.0em; padding:0px 10px 0px 20px;  border-top: solid 1px rgb(200,200,200); text-decoration:none; color:rgb(148,185,40); font-weight:bold; font-size:120%;}
.nav3-grid dd a, .nav3-grid dd a:visited {display:block; min-height:1.7em /*Non-IE6*/; height:auto !important; height:1.7em /*IE6*/; line-height:1.7em; padding:0px 10px 0px 40px; border:none; font-weight:normal; text-decoration:none; color:rgb(148,185,40); font-size:120%;}
.nav3-grid dt a:hover, .nav3-grid dd a:hover {
	background-color:rgb(225,225,225);
	color:#94b928;
	text-decoration:none;
}

.nav3-bullet {width:170px; margin:10px 0 0 20px;}
.nav3-bullet dt a, .nav3-bullet dt a:visited {line-height:2.0em; padding:0 0 0 10px; background:url(bg_bullet_full_1.gif) no-repeat 0px 50%; text-decoration:none; color:rgb(70,122,167); font-weight:bold; font-size:120%;}
.nav3-bullet dd a, .nav3-bullet dd a:visited {line-height:1.7em; margin:0 0 0 15px; padding:0 0 0 10px; background:url(bg_bullet_half_1.gif) no-repeat 0px 50%; text-decoration:none; color:rgb(70,122,167); font-weight:normal; font-size:120%;}
.nav3-bullet dt a:hover {background:url(../img/bg_bullet_full_2.gif) no-repeat 0px 50%; text-decoration:underline; color:rgb(42,90,138);}
.nav3-bullet dd a:hover {background:url(../img/bg_bullet_half_2.gif) no-repeat 0px 50%; text-decoration:underline; color:rgb(42,90,138);}

.nav3-nobullet {width:170px; margin:10px 0 0 20px;}
.nav3-nobullet dt a, .nav3-nobullet dt a:visited {line-height:2.0em; text-decoration:none; color:rgb(70,122,167); font-weight:bold; font-size:120%;}
.nav3-nobullet dd a, .nav3-nobullet dd a:visited {line-height:1.7em; margin:0 0 0 15px; text-decoration:none; color:rgb(70,122,167); font-weight:normal; font-size:120%;}
.nav3-nobullet dt a:hover, .nav3-nobullet dd a:hover {text-decoration:underline; color:rgb(42,90,138);}

/**********************/
/*  Navigation links */
/**********************/

.main-leftbar {
	display:inline /*Fix IE floating margin bug*/;
	float:left;
	width:160px;
	margin:0 0 0 0;
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE6*/;
}
.subcontent {
	margin:20px 0 0 0;
	width:160px;
	}
	

/**********************/
/*  CONTENT			  */
/**********************/

.main-content {
	display:inline; /*Fix IE floating margin bug*/
	;
	float:left;
	width:480px;
	margin:0 0 0 30px;
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE6*/;
}

.grey_box{
	background-color: #EDECF1;
	padding: 5px 5px 5px 5px;
	border-bottom: solid 1px rgb(200,200,200);
	border-right: solid 1px rgb(200,200,200);
}

.green ul li {list-style-image: url(green_dot.gif);}

.green p.bodytext i{
	color:#94b928;
}

.size_18 p.bodytext{
	font-size:18px;
}
.size_14 p.bodytext{
	font-size:14px;
}
/********************/
/*  header nav	    */
/********************/

.nav1 {
	width:350px;
	position:absolute;
	z-index:3;
	margin:45px 0 0 410px;
	}
.nav1 ul {
	float:right; 
	padding:0 15px 0 0; 
	font-weight:bold;
	}	
.nav1 li {
	display:inline; 
	list-style:none;
	}
.nav1 li a {
	display:block; 
	float:left;
	padding:2px 5px 2px 5px;
	color:rgb(179,179,179) ;
	text-decoration:none; 
	font-size:120%;
	}
.nav1 a:hover {
	text-decoration:none; 
	color:rgb(125,125,125);
	}

/************************/
/*  Hauptnav + DropDown */
/************************/

/*Drop-down menu*/
.nav2 {float:left; width:900px; border:none; background:rgb(220,220,220) url(bg_head_nav.jpg) no-repeat; color:rgb(75,75,75); font-size:130%;} /*Color navigation bar normal mode*/
.nav2 ul {list-style-type:none;}
.nav2 ul li {float:left; position:relative; z-index:100 !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px rgb(175,175,175);}
.nav2 ul li a {float:left; display:block; height:3.1em; line-height:3.1em; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color: rgb(100,100,100);}
.nav2 ul li ul {display:none; border:none;}

/*Non-IE6 hovering*/
.nav2 ul li:hover a {background-color:rgb(210,210,210); text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.0em; margin-top:0.1em; left:0;}
.nav2 ul li:hover ul li a {display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/

/*IE6 hovering*/
.nav2 table {position:absolute; top:0; left:0; border-collapse:collapse;}
.nav2 ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.1em; t\op:3.0em; left:0; marg\in-top:0.1em;}
.nav2 ul li a:hover ul li a {display:block; w\idth:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li a:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/
	
/********************/
/*  FOOTER          */
/********************/
.footer p {
	line-height:1.3em;
	text-align:center; 
	color:rgb(125,125,125); 
	font-weight:bold;
	font-size:110%;
	}
.footer p.credits {
	font-weight:normal;
	}
.footer a {
	text-decoration:underline; 
	color:rgb(125,125,125);
	}
.footer a:hover {
	text-decoration:none; 
	color:rgb(0,0,0);
	}
.footer a:visited {
	color:rgb(0,0,0);
	}

/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after, .header:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after, .main-content div:after, .main-subcontent:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-border:after, .subcontent-unit-noborder:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-border-blue:after, .subcontent-unit-border-green:after, .subcontent-unit-border-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-noborder-blue:after, .subcontent-unit-noborder-green:after, .subcontent-unit-noborder-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width:440px; height:0.1em; border:none; background:rgb(210,210,210); color:rgb(210,210,210);}
	
/* CONTENT FORMATIERUNG */

.main-content ul{
	padding-left: 13px;
}

.main-content li{
	font-size: 12px;
}

/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/

@media print {
	.header-top {
		width:900px; 
		height:80px;
		background:rgb(240,240,240); 
		overflow:visible !important /*Firefox*/; 
		overflow:hidden /*IE6*/;
		}
	}
@media print {
	.header-breadcrumbs {
		width:900px; 
		background:transparent;
		}
	}
@media print {
	.nav2 {
		float:left;
		width:900px;
		border:none; 
		background:rgb(240,240,240); 
		color:rgb(75,75,75);
		font-size:1.0em;
		font-size:130%;
		}
	}
@media print {
	.main {
		clear:both;
		width:900px;
		padding-bottom:30px;
		background:transparent;
		}
	}
@media print {
	.main-navigation {
		display:inline /*Fix IE floating margin bug*/;
		float:left;
		width:199px;
		border-right:solid 1px rgb(200,200,200); 
		border-bottom:solid 1px rgb(200,200,200); 
		background-color:rgb(240,240,240); 
		overflow:visible !important /*Firefox*/; 
		overflow:hidden /*IE*/;
		}
	}
@media print {
	.footer {
		clear:both;
		width:900px;
		height:3.7em;
		padding:1.1em 0 0;
		background:rgb(240,240,240);
		font-size:1.0em; 
		overflow:visible !important /*Firefox*/;
		overflow:hidden /*IE6*/;
		}
	}