/*                                                                                                                          
Theme Name: Buergerhaushalt.org
Theme URI: http://buergerhaushalt.org/
Description: A four column theme for Wordpress
Version: 1.0                                                                                                                
Author: kikkerbillen / Vektorfabrik / S. Koenigsmann
Author URI: 
*/                             

/*
-----------------------------------------------
kikkerbillen / buergerhaushalt
em-based screen style
final
author:   stefan bruemmer, www.vektorfabrik.de
version:  260407
----------------------------------------------- */


/* general */
*{margin:0;padding:0;}
html{font-size: 100%; /* IE hack */ }


body { min-height: 100%; margin-bottom: 1px; }


/* tags */
a, a:link, a:visited {
	color:#326291;
	text-decoration: none;
	font-weight: bold;
}

a:active, a:hover {
	color:#c03;
}

abbr, acronym {
	font-variant: small-caps;
}

body {
	color:#036;
	background: #d1e0f0 url("images/hintergrundlinien.gif") left top no-repeat;
	padding:44px 62px;
	font:.75em verdana, arial, helvetica, sans-serif;
	}

dl {
	margin: 1em 0;
	
}

dt {
	float: left;
	width: 49%;
	margin-right: .5em;
	text-align: right;
	line-height: 1.3em;
	
}

dd {
	line-height: 1.3em;
}

h1 {
	padding: 2px 10px 4px 10px;
	color:#fff;
	font-size: .9em;
	text-transform:uppercase;
	background: #69c;	
}

hr {
	clear:both;
	visibility:hidden;
}

li {
	list-style: none;
	text-indent:0;
}


/* 3-column layout */
#block_1
	{
	float: left;
	width: 43em;
	margin-left: 15em;
	}
* html #block_1
	{
	display: inline;
	}
#block_2
	{
	float: left;
	width: 15em;
	margin-left: -58em;
	}
#block_3
	{
	float: left;
	width: 17em;
	}
#wrapper
	{
	width: 75em;
	}
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#wrapper
	{
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of wrapper too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */
	float/**/: none;
	}
/* easy clearing */
#wrapper:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#wrapper {
	display: inline-block;
	}
/*\*/
#wrapper
	{
	display: block;
	}
/* end easy clearing */
#footer
	{
	clear: both;
	}
#header, #footer
	{
	width: 75em;
	}
	
/* styling for layout boxes */

#wrapper{
	 margin-top: 10px;
}

#block_3 {
	background: #fff;
}

#block_3 div {
	border:1px solid #69c;
}

#block_3 h4 {
	padding: 2px 10px 4px 10px;
	color:#fff;
	font-size: .9em;
	text-transform: uppercase;
	background: #69c;
	border-bottom: 1px solid #69c;
}


#footer {
	margin-top:10px;
	text-align: center;
}

#footer p {
	display: inline;
	font-size: .8em;
	padding: 2px 4px;
	background: #fff;
}


/* navigation block_2 & block_3 */

ul.navLinks, ul.navRechts {
	margin:0;
}

ul.sponsors {
	margin:0;
	padding-top:20px;
}

ul.navLinks li, ul.navRechts li {
	margin-bottom: 4px;
	padding: 0;
}

ul.navLinks li.divider, ul.navLinks li a { 
	display: block;
	padding: 4px 8px;
	font-size: .9em;
	color: #036;
	text-transform:uppercase;
	border: 1px solid #69c;
	background: #fff;
	overflow:hidden;
}

ul.navLinks li a:hover, ul.navLinks li a:active{
	color:#fff;
	border-color:#c03;
	background:#c03;
}

ul.navLinks li.current-cat a {
	color:#fff;
	border-color:#c03;
	background:#c03;
}

ul.navLinks li.current_page_item a {
	color:#fff;
	border-color:#c03;
	background:#c03;
}

ul.navLinks li.divider {
	background: #fff url("images/pattern02.gif") 0 0 repeat;
}

ul.sponsors li {
	margin: 10px 0;
}

ul.sponsors li a {
	display: block;
	overflow:hidden;
	height: 71px;
	text-indent: -2000px;
	background: url("images/bpb.gif") right top no-repeat;
}

ul.sponsors li a#service {
	height: 45px;
	margin: 20px 0 30px 0;
	background-image: url("images/servicestelle.gif");
}

ul.sponsors li a#inwent {
	background-image: url("images/inwent.gif");
	height: 86px;
}


/* nav-listen in block_3 */

ul.navRechts {
	padding: 1em 0;
}

ul.navRechts li a {
	display: block;
	margin:0 10px;
	padding: 2px 4px 2px 15px;
	font-size: .8em;
	color: #036;
	background: url("images/bg-navRechts.gif") 4px .5em no-repeat;
}

ul.navRechts li a span, a.a-category{
	text-transform: uppercase;
	font-weight: normal;
}

ul.navRechts li a:hover {
	color:#c06;
	background: url("images/bg-navRechts-over.gif") 4px .5em no-repeat;
}

#tags ul.navRechts li a {
	font-weight:normal;
	background: url("images/bg-navRechts2.gif") 4px .5em no-repeat;
}

#tags ul.navRechts li a:hover {
	color:#fff;
	background-color:#c03;
}

/* content sections in block_1 */

#content {
	margin: 0 10px;
}

.mainSection {
	clear: both;
	position:relative;
	margin-bottom: 7px;
	border: 1px solid #69c;
	background: #fff;
}

.subSectionHeader {
	background: transparent url("images/pattern01.gif") 0 0 repeat;
}

.map .subSectionHeader {
	margin-bottom:1em;
}

.subSectionHeader h2 {
	margin:0;
	padding: 4px 10px 4px 30px;
	font-size: .8em;
	line-height: 1.2em;
	/*background: transparent url("images/0_pfeil_unten.gif") 10px 4px no-repeat;*/
}

.subSectionHeader h2 span {
	padding: 0 2px;
	background: #fff;
}

.entry {
	padding:20px;
}

#content h3 {
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 1em;
}

.artikel #content h3 {
	font-size: 1.2em;
	line-height: 1.7em;
	margin-bottom: 1em;
}


#content h4 {
	font-size: .9em;
	margin-bottom: 1em;
}

.entry p {
	margin-bottom: 1em;
	font-size: .9em;
	line-height: 1.6em;
}

 p.entry-footer {
 	margin-bottom:0;
	padding: 10px 0;
	font-size: .8em;
	border-top: 1px solid #d1e0f0;
	border-bottom: 1px solid #69c;
	clear:left;
}

p.entry-comments {
	margin-bottom: 0;
	padding: 10px 0;
	font-size: .8em;
	border-top: 1px solid #d1e0f0;
}

.commentlist li, #commentform input, #commentform textarea {
	font-size: 0.9em;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	padding-top: 5px;
}

div.respond {
	padding-top: 10px;
	border-top: 1px solid #d1e0f0;
}

.commentlist li {
	font-weight: normal;
}

.commentlist cite, .commentlist cite a {
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
}

#content div.mainSection div.subSection div.entry ul.stprelated {

}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
}

#commentform p {
	padding-top: 5px;
}

.commentmetadata {
	font-weight: normal;
}

li.entry-comments {
	margin-bottom:0;
	padding: 10px 0;
	font-size: .8em;
	border-top: 1px solid #d1e0f0;
}

p.leader {
	font-size: 1em;
	font-weight:bold;
}

p.entry-footer a, p.entry-comments a, p.entry-category a {
	font-weight:normal;
	color: #036;
}

p.entry-footer a:hover, p.entry-comments a:hover a:hover {
	color: #c03;
}


/* two columns */

.twoColumns {
	width: 100%;
	overflow:hidden;
	background: transparent url("images/bg-twoCols.gif") center top repeat-y;
}

 .half {
	float:left;
	width: 50%;
	margin-bottom: -1000px;
	padding-bottom: 1000px;
}

.scale-image {
	position:relative;
	margin-bottom: 1em;
	background: #d1e0f0;
}

.scale-image img {
	width:100%;
	max-width: 453px;
	margin:0;
}

.pic {
	margin-top: -2px;
	background: transparent url("images/pattern03.gif") 0 0 repeat;
}

.scale-image p {
	margin:0;
	padding: 4px 10px 4px 30px;
	font-size: .8em;
	background: transparent url("images/0_pfeil_oben.gif") 10px 7px no-repeat;
}

.scale-image p span {
	background: #fff;
}

a.icon {
	display:block;
	float: left;
	width: 20px;
	height: 15px;
	margin-right: .5em;
	overflow:hidden;
	text-indent:-200px;
	background-position: 0 0;
	background-repeat: no-repeat;
}


#a-comment {
	background-image:url("images/a-comment.gif");
}

#a-mail {
	background-image:url("images/a-mail.gif");
}

#a-print {
	background-image:url("images/a-print.gif");
}

#a-comment:hover {
	background-image:url("images/a-comment-over.gif");
	color: #c03;
}

#a-mail:hover  {
	background-image:url("images/a-mail-over.gif");
	color: #c03;
}

#a-print:hover  {
	background-image:url("images/a-print-over.gif");
	color: #c03;
}

a.download, a.order-mail, a.order-phone {
	padding: 4px 0 4px 22px;
	margin-right: .5em;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url("images/a-download.gif");
}

a.download:hover {
	background-image:url("images/a-download-over.gif");
	color: #c03;
}

a.order-mail {
	background-image:url("images/a-mail.gif");
}

a.order-phone {
	background-image:url("images/a-fon.gif");
}

a.order-mail:hover {
	background-image:url("images/a-mail-over.gif");
	color: #c03;
}

a.order-phone:hover {
	background-image:url("images/a-fon-over.gif");
	color: #c03;
}


.tabs {
	border-bottom:1px solid #69c;
	background: #fff url("images/pattern02.gif") 0 0 repeat;
}

.tabs p {
	font-size:.9em;
	line-height: 1.6em;
}

.tabs a {
	display:block;
	float:left;
	position:relative;
	width: 11em;
	height: 1.6em;
	padding: 0 10px;
	color:#fff;
	text-transform:uppercase;
	background: #69c;	
	}

.tabs a:hover {
	background:#c03;
	color:#fff;
}

.tabs a.active, .tabs a.active:hover {
	color:#c03;
	background: #fff;
	border-bottom: 1px solid #fff;
}

/* general classes */

.small {
	font-size: .9em;
}

.list.entry img {
	border: 1px solid #d1e0f0;
}

/* some strange pixel-jogging that needs compensation */
.twoColumnskarte img {
	border: 0;
}

.twoColumnskarte {
	width: 100%;
	overflow:hidden;
}

.map.subSectionHeader {
	margin-top: 1em;
	margin-right: -20px;
	margin-left: -20px;
}

img.left {
	float: left;
	margin: 0 20px 7px 0;
	position:relative;
}


/* zerschiesst leider rechte spalte beim IE5 und wird momentan nicht benutzt */
#comment { width: 100%; }

/* individual IDs */

#news.mainSection {
	background: #E6F0F8;
}

a#home {
	display: block;
	overflow: hidden;
	width: 289px;
	height: 47px;
	text-indent: -2000px;
	background: url("images/bg-home.gif") left top no-repeat;
}

#helpBox {
	float: right;
	width:17em;
	height: 49px;
	border:1px solid #69c;
	background: #fff url("images/pattern02.gif") 0 0 repeat;
}

#helpBox p {
	font-size: .8em;
}

#helpBox form, #helpBox form input {
	display:inline;
}

#extraNav {
	color: #69c;
	text-align: right;
	line-height: 17px;
	border-bottom:1px solid #69c;
	background: #fff;	
}

#extraNav a{
	padding:0 6px;
	color:#036;
	text-transform:uppercase;
	font-weight:normal;
}

#extraNav a:hover{
	color:#c03;
}

#extraNav input{
	margin: 0;
}

#block_3 .searchBox {
	padding: 6px 6px;
	border: 0px;
}

#searchBut {
	width: 51px;
	height: 18px;
}

#searchText {
	width: 133px;
	height: 16px;
	color: #333;
	font-size: 10px;
	border: 1px inset #cecece;
	background: #fff;	
}


/* hacks for IE6 */
* html ul.navLinks li a {
	margin-bottom: -1.2em;
}

* html ul.navRechts li {
	height:1.4em;
}

* html .subSectionHeader {
	margin: 0 0;
}

* html .scale-image img {
	width:99.5%;
}

* html #helpBox {
	width: 21em;
}

/**
 * Style for Simple Tagging Plugin
 * http://sw-guide.de/wordpress/wordpress-plugins/simple-tagging-plugin/
 */ 

/********* Tag Cloud *********/
ul#tagcloud { padding: 1em 0pt; margin: 5pt; text-align:center; list-style:none; }
ul#tagcloud li { display:inline; font-size:100%; color:#003366;}
ul#tagcloud li a, ul#tagcloud li a:link { text-decoration:none; }
ul#tagcloud li a, ul#tagcloud li a:link a:visited { font-weight: bold; }
ul#tagcloud li a:hover { color: #CC0066; }
ul#tagcloud li.t1 a { font-size: 0.8em; }
ul#tagcloud li.t2 a { font-size: 0.9em; }
ul#tagcloud li.t3 a { font-size: 1.0em; }
ul#tagcloud li.t4 a { font-size: 1.1em; }
ul#tagcloud li.t5 a { font-size: 1.2em; }
ul#tagcloud li.t6 a { font-size: 1.3em; }
ul#tagcloud li.t7 a { font-size: 1.4em; }
ul#tagcloud li.t8 a { font-size: 1.5em; }
ul#tagcloud li.t9 a { font-size: 1.6em; }
ul#tagcloud li.t10 a { font-size: 1.7em; }

/********* Related Posts *********/
ul.st-related-posts {
	margin-bottom: 0pt;
	padding: 5px 0pt;
}

ul.st-related-posts li a:hover {
	background: transparent url(images/bg-navRechts-over.gif) no-repeat scroll 4px 0.5em;
	color: #CC0066;
}

ul.st-related-posts li a {
	background: transparent url(images/bg-navRechts.gif) no-repeat scroll 4px 0.5em;
	color: #003366;
	display: block;
	font-size: 0.8em;
	font-weight: normal;
	margin: 0pt 10px;
	padding: 2px 4px 2px 15px;
}

/********* Related Tags *********/
li#relatedtags ul li {
	text-indent: 0;
	list-style:none;
	background: 0 none;
	font-size: 100%;
}
li#relatedtags ul li:before {
	content: "";
}
li#relatedtags ul li span {
	margin-right: .5em;
}

.image img {
border: 0;
}

ul.liste li a {
	display: block;
	margin:0 10px;
	padding: 2px 4px 2px 15px;
	font-size: .8em;
	color: #036;
	background: url("images/bg-navRechts.gif") 4px .5em no-repeat;
}

ul.liste li a span, a.a-category{
	text-transform: uppercase;
	font-weight: normal;
}

ul.liste li a:hover {
	color:#c06;
	background: url("images/bg-navRechts-over.gif") 4px .5em no-repeat;
}

div.publications_title {
	padding: 2px 10px 4px 10px;
	color: #fff;
	font-size: .9em;
	text-transform: uppercase;
	background: #69c;	
}

#related-posts h5 {
	font-weight: normal;
}

#content div.comments h5 {
	font-weight: normal;
}

div.comments {
	padding-top: 10px;
	border-top: 1px solid #D1E0F0;
}

#block_3 div .st-tag-cloud {
	border: 0px;
	text-align: center;
	margin: 4pt;
}

div .st-tag-cloud {
	border: 0px;
	text-align: center;
	margin: 4pt;
}

#login #login_error {
	color: #000;
}

p.entry-category {
	font-size: .8em;	
}

.publications_summary {
	padding-top: 10px;
}