@charset "utf-8";

/* <------------ Browser Reset ---------- */
@import url(reset.css);

html {
	background: #dcd5c7 url(images/bg.jpg) top left repeat-x;
}

body {
	width: 100%;
  	display: table;
    background: url(images/background.jpg) top center no-repeat;
    text-align: center;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    line-height: 1.3em;
}

	#body_impressum {
		background: none;
	}
	
		#body_impressum ul {
			font-size: 0.75em;
			margin: 0;
		}

p {
	margin: 0 0 10px 0;
	font-size: 0.75em;
}

p a,
#wrapper_footer a {
	color: #000;
	text-decoration: none;
	border-bottom: 1px dotted #000;
}

	a:hover {
		text-decoration: none;
		border-bottom: none;
	}

cite {
	font-family: "Georgia", Times, serif;
	font-style: italic;
}

	#li_idee cite {
		color: #d2632e;
	}
	
	#li_ziel cite {
		color: #577224;
	}
	
	#li_aktion cite {
		color: #2b80a3;
	}
	
	#li_schaf cite {
		color: #c39c00;
	}
		
	#wrapper {
		width: 795px;
		height: 680px;
		margin: 170px auto 0;
		text-align: left;
	}
	
	#body_impressum #wrapper {
		width: 450px;
		margin: 20px;
	}
	
	#list_menu {
		float: left;
		width: 795px;
		height: 55px;
		margin: 1px 0 0 7px;
		background: url(images/sprite_mainmenu.jpg) 0 0 no-repeat;
	}
	
		#list_menu li {
			float: left;
		}
	
		#list_menu a {
			height: 55px;
			display: block;
			overflow: hidden;
			text-indent: -99999px;
		}
		
			#menu_idee a {
				width: 138px;
				margin: 0 0 0 23px;
				background: url(images/sprite_mainmenu.jpg) -23px 0 no-repeat;
			}
			
				#menu_idee a:hover,
				#menu_idee a.active {
					background: url(images/sprite_mainmenu.jpg) -23px -55px no-repeat;
				}
				
			#menu_ziel a {
				width: 150px;
				margin: 0 0 0 35px;
				background: url(images/sprite_mainmenu.jpg) -196px 0 no-repeat;
			}
			
				#menu_ziel a:hover,
				#menu_ziel a.active {
					background: url(images/sprite_mainmenu.jpg) -196px -55px no-repeat;
				}
				
			#menu_aktion a {
				width: 170px;
				margin: 0 0 0 41px;
				background: url(images/sprite_mainmenu.jpg) -387px 0 no-repeat;
			}
			
				#menu_aktion a:hover,
				#menu_aktion a.active {
					background: url(images/sprite_mainmenu.jpg) -387px -55px no-repeat;
				}
				
			#menu_schaf a {
				width: 160px;
				margin: 0 0 0 35px;
				background: url(images/sprite_mainmenu.jpg) -592px 0 no-repeat;
			}
			
				#menu_schaf a:hover,
				#menu_schaf a.active {
					background: url(images/sprite_mainmenu.jpg) -592px -55px no-repeat;
				}
	
		
		#content {
			float: left;
			width: 785px;
			height: 375px;
			margin: 10px 0 0 7px;
			overflow: hidden;
		}
		
			#list_content li {
				float: left;
				width: 785px;
				height: 350px;
			}
			
				.content_text {
						float: left;
						width: 415px;
					}
				
				#li_idee {
					background: url(images/img_idee.jpg) 0 0 no-repeat;
				}
				
					#li_idee .content_text {
						float: left;
						width: 415px;
						margin: 145px 0 0 35px;
					}
					
						.content_text img {
							visibility: hidden;
							float: left;
							margin: 0 15px 0 0;
						}
			
				#li_ziel {
					background: url(images/img_ziel-100.jpg) 0 0 no-repeat;
				}
				
					#li_ziel .content_text {
						float: left;
						width: 415px;
						margin: 135px 0 0 35px;
					}
				
				#li_aktion {
					background: url(images/img_aktion.jpg) 0 0 no-repeat;
				}
					
					#li_aktion .content_text {
						float: left;
						width: 415px;
						margin: 175px 0 0 35px;
					}	
				
				#li_schaf {
					background: url(images/img_schaf.jpg) 0 0 no-repeat;
				}
					
					.left {
						float: left;
						width: 350px;
						margin: 130px 0 0 30px;	
					}
				
						.left p,
						.right p {
							margin: 0 0 4px 0;
						}
					
					.right {
						float: left;
						width: 350px;
						margin: 110px 0 0 20px;	
					}

						
		#wrapper_social {
			float: left;
			width: 785px;
			height: 90px;
			margin: 65px 0 0 15px;
		}
			
			#wrapper_social a {
				float: left;
				height: 35px;
				display: block;
				text-indent: -99999px;
			}
			
				#a_taf {
					width: 230px;
					margin: 45px 0 0 20px;
				}
				
				#a_fb {
					width: 220px;
					margin: 50px 0 0 50px;
				}
				
				#a_twitter {
					width: 220px;
					margin: 50px 0 0 30px;
				}
		
		#wrapper_footer {
			float: left;
			width: 785px;
			height: 35px;
			margin: 65px 0 0 0;
		}
		
			#wrapper_footer a:hover {
				border: none;
			}
		
			#a_impressum {
				width: 70px;
				height: 22px;
				display: block;
				text-indent: -99999px;
				margin: 0 0 0 250px;
			}