@charset "UTF-8";
/* CSS Document */

/* ########  Tag-Styles  ######## */

	* {
		margin:0;
		padding:0;
		font-size: 12px;
	}
	
	body { 
		background-color:#fff;
		font:12px Arial, sans-serif;
		color:#BB2606;
		line-height:16px;
	}
		
	h1 {
		font:bold 18px Arial, sans-serif;
		margin-bottom:30px;
	}
	
	h2 {
		font:bold 16px Arial, sans-serif;
	}
	
	h4 {
		font:bold 12px Arial, sans-serif;
	}
	
	#header #nav ul li a {
		 text-indent:0;
		 text-decoration:none;
		 float:left;
		 height:46px;
	 }
			 
	 #header #nav ul li a span {
			   
		 font-size:16px;
		 float: left;
		 padding-top: 10px;
		 cursor: pointer;
		 letter-spacing: 1px;
	 }
			 
	 #header #nav ul li.active a, #header #nav ul li.inactive a:hover {
		 color: #BB2606;
		 padding-left:10px;
		 background: white url(/appl/images/eiw/bg_left.gif) left top no-repeat;
	 }
			 
	 #header #nav ul li.active a span {
		 background: white url(/appl/images/eiw/bg_right.gif) right top no-repeat;
		 padding-right:10px;
	 }
			 
	 #header #nav ul li.inactive a:hover span {
		 background: white url(/appl/images/eiw/bg_right.gif) right top no-repeat;
		 padding-right:10px;
	 }
			 
	 #header #nav ul li.inactive a span {
		 padding-right:10px;
	 }
			 
	 #header #nav ul li.inactive a {
		 color: white;
		 padding-left:10px;
	 }
			 
	 #header #user {
		 width: 570px;
		 text-align: right;
		 padding:10px 10px 0 0;
	 }
	 
	 #header #user a, #header #user a:visited {
	   color: white;
		 font-size: 10px;
		 font-weight: bold;
		 text-decoration: none;
	 }
	 
	 #header #user a#login {
		 padding-left:20px;
	 }
	
	
	
	
	
	
	
	.bold {
		font-weight:bold;
	}
	
	/* für Content Links */
	
	a, a:visited, a:active, a:hover {
		color: #BB2606;
		text-decoration:none;
	}
	
	a:hover {
		text-decoration:underline;
	}
	
	.a_content { 
		color:#BB2606;
		text-decoration:none;
	}
	
	.a_content:hover { 
		text-decoration:underline;
	}
	
	.a_content2 { 
		color:#BB2606;
		font-weight:bold;
		text-decoration:none;
	}
	
	.a_content2:hover { 
		text-decoration:underline;
	}
	
	.a_content3 { 
		color:#BB2606;
		text-decoration:underline;
	}

	/* für alle Standard Listen */
	
	.ul_content {
		padding-top:12px;
		padding-left:24px;
	}

	/* für alle Standard Links */
	
	.a_link a {
		font-weight:bold;
		color:#BB2606;
		text-decoration:none;
	}
	
	.a_link a:hover {
		text-decoration:underline;
	}
	
	/* für alle mailto Links */
	
	.a_mail a {
		color:#BB2606; 
		textdecoration:underline;
		font-weight:normal;
	}


/* ########  #wrapper  ######## */

#wrapper {
	width:960px;
	margin:0 auto;
}

/* IE 6 spezifisch */

*html #wrapper { 
	width:996px;
}

/* ########  #left  ######## */

#left {
	width:160px;
	height:100%;
	float:left;
}

	/* #logo */
	
	#logo {
		background-image:url(/appl/images/eiw/logo_red.jpg);
		width:160px;
		height:134px;
		margin-bottom:20px;
	}
	
	#logo img {
		border:none;
		width:160px;
		height:134px;
	}
	
	/* #sub_nav */
	
	#sub_nav {
		width:160px;
		height:100%;
		padding-top:24px;
		padding-left:3px;
		padding:right:20px
		padding-bottom:20px;
	}
		
	#sub_nav ul {
		list-style-type:none;
	}		
		
		#sub_nav li {
			margin-bottom:16px;
		}
	
		#sub_nav a { 
			font:12px Arial, sans-serif;
			color:#BB2606;	
			text-decoration:none;
		}
		
		#sub_nav a:hover {
		}
		

/* ########  #middle ######## */

#middle {
	width:580px;
	height:100%;
	margin-left:170px;
	margin-right:210px;
}

	/* #header */
	
	#header {
		background-image:url(/appl/images/eiw/header_bk.jpg);
		width:580px;
		height:134px;
		margin-bottom:20px;
	}
		
		/* nav */
		
		#nav {
			padding-top:92px;
			padding-left:0px;
		}
			
			#nav ul {
				list-style-type:none;
			}
				
				#nav li {
					margin-left:10px;
					float:left;
				}
							
					/* nav_but[n] */	
				
					#nav li a {
						display:block; 
						background-position:left top;
						text-indent: -9999px;
						height:42px;
					}
	
					/* INSTITUT */
				
					#nav_but1 {
						width:135px;
						background-image:url(/appl/images/eiw/institut.gif);
					}
	
					#nav_but1:hover {
						background-position:left bottom;	
					}
					
					#nav_but1_sl {
						width:135px;
						display:block; 
						background-position:left bottom;
						text-indent: -9999px;
						height:42px;
						background-image:url(/appl/images/eiw/institut.gif)
					}
					
					/* PROJEKTE */
					
					#nav_but2 {
						width:100px;
						background-image:url(/appl/images/eiw/projekte.gif)
					}
	
					#nav_but2:hover {
						background-position:left bottom;	
					}
					
					#nav_but2_sl {
						width:100px;
						display:block; 
						background-position:left bottom;
						text-indent: -9999px;
						height:42px;
						background-image:url(/appl/images/eiw/projekte.gif)
					}
					
					
					/* ENERGIEBERATER */
					
					#nav_but3 {
						width:165px;
						background-image:url(/appl/images/eiw/energieberater.gif);
					}
	
					#nav_but3:hover {
						background-position:left bottom;	
					}
					
					#nav_but3_sl {
						width:165px;
						display:block; 
						background-position:left bottom;
						text-indent: -9999px;
						height:42px;
						background-image:url(/appl/images/eiw/energieberater.gif)
					}
					
					/* NETZWERK */
					
					#nav_but4 {
						width:105px;
						background-image:url(/appl/images/eiw/netzwerk.gif);
					}
	
					#nav_but4:hover {
						background-position:left bottom;	
					}
					
					#nav_but4_sl {
						width:105px;
						display:block; 
						background-position:left bottom;
						text-indent: -9999px;
						height:42px;
						background-image:url(/appl/images/eiw/netzwerk.gif)
					}

	/* #content */
	
	#content {
		/*padding:20px;*/
		padding: 20px 20px 60px;
		padding-bottom:60px;
		width:540px;
		height:100%;
		background-color:#f2f2f2;
	}
	
		#content table {
					width:540px;
				}
				
					#content td {
						vertical-align:top;
					}
					
					/* content_left */
					
					#content_left {
						width:260px;
						margin-right:10px;
					}
					
					/* #content_right */
					
					#content_right {
						width:260px;
						margin-left:10px;
					}
		
		
	/* --- allgemeine Tags #content --- */
	
		/* Teaser-Modul - .teaser_modul */
		
		#content .teaser_modul {
			border-bottom:1px solid #e4a89b;
		}
		
		#content .no_border {
			border-top:none;
		}
		
		/* Bilder */
		
		#content img { 
			/*width:260px;*/
			/* height:163px; */
			border:none;
		}
		
		/* .mehr_link */
		
		#content .mehr_link {
			padding-left:8px;
		}
		
		/* ---- #content 1 spaltig ---- */
		
		#content .bild_textflow {
			float:left;
			margin:0 20px 10px 0;
		}
		
		*html #content_einspaltig {
			width:540px;
		}

/* Impressum */

#waldegg {
	padding:10px 0 0 20px;
	color:#999;
}

#waldegg a {
	text-decoration:none;
	color:#999;
}

#waldegg a:hover {
	text-decoration:underline;
}


/* ######## #right  ######## */

#right {
	width:200px;
	height:100%;
	float:right;
}
*html #right {
	width:203px;
}

	/* #second_nav */
	
	#second_nav {
		background-image:url(/appl/images/eiw/sec_bk.jpg);
		background-repeat:no-repeat;
		width:160px;
		padding:20px;
		height:94px;
		margin-bottom:20px;
	}
		
		#second_nav table {
			margin-top:45px;
			width:160px;
		}
		
		/* IE 6 sprezifisch */
		
		*html #second_nav table {
			margin-top:60px;
		}
			
			#second_nav td {
				width:80px;
				height:18px;
			}
			
				#second_nav a {
					color:#fff;
					text-decoration:none;
				}
	
	/* #contact */
	
	#contact {
		/*width:156px;*/
		border: 2px solid #cecece;
		padding: 25px 20px 20px 20px;
	}
	
		.contact_hl {
			font:bold 15px Helvetica, sans-serif;
		}
		
		/* 
		a[href^="http:"] {
			background: transparent
			url('/appl/images/eiw/extlink.gif') 100% 50% no-repeat;
			padding-right: 16px;
		}
		
		a[href^="http://energieinstitut.net"],
			a[href^="http://www.energieinstitut.net"]
			{
			background: transparent;
			padding-right: 0px;
		}
		*/		
	
	
	#reg table.td {
  	padding:5px;
  }
  
  #reg table input {
  	border: 1px solid #BB2606;
  }