/*  
Theme Name: Energieausweis Bremen
Description: Wordpress Theme im Auftrag von Birgit Wingrat fuer energieausweis-bremen.de. Autor: Oliver Hulisz, <a href="http://72dpi.de">72dpi.de</a>.
Version: 1.0
Author: Oliver Hulisz
Author URI: http://72dpi.de/
*/

body{
	margin:0;
	padding:0;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	background: #fff;
}

img {
	border: none;
}	

#accessibility {
	display: none;
}

#wrap{
	width: 850px;
	margin: 0 0 50px 0;
	padding: 0 0 50px 0;
}

#header{
	margin: 0;
	padding: 0;
	background: #fff url(images/header_bg.jpg) bottom left no-repeat;
	height: 48px;
}

	#header h1 {
		margin: 0;
		padding: 0;
		text-align: right;
	}
	
		#header h1 img {
			margin: 10px 0 0 0;
			padding: 0;
		}

#content{
	float: right;
	width: 560px;
	margin: 5px 0 0 0;
	padding: 0 3em 0 0;
}

#sidebar{
	padding-left: 30px;
	float: left;
	width: 200px;
}

a:link, a:visited, a:active {
	color: #6F7073;
	text-decoration: none;
}

#content a:link, #content a:visited, #content a:active {
	color: #227F1D;
	text-decoration: none;
}
	
a:hover {
	color: #227F1D;
}

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


/* Visual ----------------------------------------------------------------------- */

#visual {
	height: 350px;
	margin: 0 0 25px 0;
	padding: 0;
	background: #fff url(images/eb_visual.jpg) top right no-repeat;
	border-bottom: 1px solid #999;
}


	#visual h2 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 2.8em;
		font-weight: normal;
		margin: 0 0 2em 0;
		padding: 20px 400px 0 30px;
	}
	
	#visual h2 span {
		color: #227F1D;
		margin-bottom: 0;
		padding-bottom: 0;
	}


/* Content Wrapper -------------------------------------------------------------- */

#contentwrapper {
	margin-bottom: 25px;
	padding-bottom: 15px;
	/*background-color: #f5f5f5;*/
}


/* Content ---------------------------------------------------------------------- */

#content h1 {
	margin: 0 0 .5em 0;
	padding: 0 0 0 0;
	font-size: 2em;
	font-weight: normal;
	color: #227F1D;
}

#content h2 {
	margin: 1em 0 .5em 0;
	padding: 1em 0 0 0;
	font-size: 1.6em;
	font-weight: normal;
	color: #227F1D;
}

#content p, #content li {
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 135%;
}

	#content p.nospace {
		margin-bottom: .2em;
	}
	
	#content p.meta {
		margin: 0 0 3em 0 !important;
		padding: 5px 0 5px 20px;
		font-size: .9em;
		line-height: 130%;
		background: url(images/post.gif) 0 3px no-repeat;
	}
	
	#content p.bu {
		font-size: .9em;
		line-height: 130%;
		color: #999;
	}
	
	#content p.tlink {
		text-align: right;
		font-size: 12px;
	}
	
		#content p.tlink a {
			padding: 0 0 0 11px;
			background: url(images/bullet.gif) 0 3px no-repeat;
		}

#content ul {
	margin: 0 0 1em 0;
	padding: 0;
	list-style-type: none;
}

	#content ul li {
		margin: 0;
		padding: 0 0 .2em 15px;
		background: url(images/bullet.gif) 0 4px no-repeat;
	}
	
	

/* Sidebar ---------------------------------------------------------------------- */

#sidebar {
	font-size: 1.2em;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
}

	#sidebar ul {
		list-style-type:none;
		margin:  0 0 20px 0;
		padding: 0;
	}

	#sidebar ul li {
		margin-bottom: 0.3em;
		padding: 0.5em 0;
		font-size: 1em;
		word-spacing: 3px;
	}
	
	#level1current {
				font-weight: bold;
			}	
			
		a#level1current  {
				color: #227F1D;
			}			
	


/* Formulare
---------------------------------------------------------------------------------- */

form {
	margin: 0;
	padding: 0;
	display: inline;
}

fieldset {
	border: none;
	margin: 0 0 1em 0;
	padding: 0;
}

legend {

}

label {
	display: block;
	padding: 3px 0;
	color: #31363E;
	}

input.text, textarea {
	width: 400px;
	padding: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #ddd;
	background-color: #E8ECF2;
	font-size: 12px;
	}
	
#contactForm, #commentForm {
	padding: 0;
	margin: 0 0 0 10px;
}




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


small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.meta {
	margin-top: 3em !important;
	color: #666;
	font-size: .9em;
}

small.edit {
	/* margin-left: 5px;
	background: url(images/edit.gif) 0 50% no-repeat; */
	padding: 0;
}

	small.edit a {
		background-color: #AF541D !important;
		color: #fff !important;
		padding: 3px;
	}

#browse {
	clear: both;
	height: 15px;
	margin: 0 0 1em 10px;
	border-top: 1px solid #C2CEDD;
	background-color: #F8F8F8;
	padding: 5px;
	font-size: 1em;
	color: #ddd;
	font-family: Arial, Helvetica, sans-serif;
}

.browseLeft {
	float: left;
}

.browseRight {
	float: right;
}


/* Footer ---------------------------------------------------------------------- */

#footer {
	border-top: 1px solid #999;
	clear: both;
}

	#footer p {
		margin: 0;
		padding: 20px 0 0 30px;
		font-size: 1em;
	}
	
	#footer a:link, #footer a:visited, #footer a:active {
		color: #227F1D;
		text-decoration: none;
	}
	
	#footer a:hover {
		color: #227F1D;
	}
	

/* Fixes  ---------------------------------------------------------------------- */	
	
hr.clearfix, br.clearfix {
	visibility: hidden; 
	clear: both; 
	line-height: 0px; 
	background: #fff; 
	height: 0px; 
	font-size: 0px; 
	padding: 0; 
	margin: 0;
}