/*  
Theme Name:Bürgerinitiative Lüchow-Dannenberg
Theme URI:http://www.bi-luechow-dannenberg.de/
Description: Das Theme der Bürgerinitiative Lüchow-Dannenberg
Version: 1.0
Author: Sebastian Vollnhals
Author URI: http://vollnhals.info/
*/

body {
	
	display: block;
	position: relative;
	
	margin: 0px;
	padding: 0px;
	
	font-family: "Trebuchet MS", sans-serif;
	font-size: 1em;
	
	background-color: #eee;
	
}

	#container {
		
		/* the main page boundary */
		
		display: block;
		position: relative;
		
		width: 800px;

		margin: 0px auto;
		padding: 0px;
		
	}
	
		#top {
			
			display: block;
			position: relative;
			
			width: 100%;
			height: 2.2em;
			
		}
		
			#editlink {
			
				display: block;
				position: absolute;
				left: 0px;
				bottom: 3px;
			
			}
			
				#editlink a {
				
					text-decoration: none;
					color: #777;
					padding: 0px 5px 0px 10px;
					text-transform: lowercase;
				
				}

			#lang {
				
				display: block;
				position: absolute;
				right: 0px;
				bottom: 3px;
				
			}
			
				#lang ul {
				
					display: block;
					margin: 0px;
					padding: 0px;
				
				} 
		
				#lang li {
				
					display: inline;
					margin: 0px;
					padding: 0px;
				
				} 
		
				#lang a {
					
					text-decoration: none;
					color: #777;
					padding: 0px 5px 0px 10px;
					text-transform: lowercase;
					
				}
				
				#lang li.active a {
					
					color: #111;
					
				}
				
				#lang a:hover {
					
					color: #111;
					text-decoration: underline;
				}
				
		#head {
			
			position: relative;
			display: block;
			
			width: 100%;
			height: 140px;
			
			background: #580 url(images/head.png) left top repeat;
		}
		
			#logo {
				
				display: block;
				position: absolute;
				
				left: 5px;
				bottom: 0px;
				
			}
			
				#logo a {
					
					text-decoration: none;
					
				}
				
				#logo img {
					
					display: block;
					
					text-decoration: none;
					border: 0px;
					
					margin: 0px;
					padding: 0px;
					
				}
				
				#printlogo {
					
					display: none;
					visibility: hidden;
					
				}
				
			#search {
				
				display: block;
				position: absolute;
				
				right: 20px;
				top: 20px;
								
			}
			
				#searchinput {
					
					display: block;
					position: relative;
					width: 150px;
					height: 19px;
					
				}
				
					#beforesearch {
			
						display: block;
						position: absolute;
						left: 0px;
						top: 0px;
						width: 20px;
						height: 19px;
			
						background: url(images/search-left.png) top left no-repeat !important;
						padding: 0px;
						margin: 0px;
		
					}
			
					#aftersearch {
			
						display: block;
						position: absolute;
						left: 140px;
						top: 0px;
						width: 10px;
						height: 19px;
			
						background: url(images/search-right.png) top left no-repeat !important;
						padding: 0px;
						margin: 0px;
		
					}
			
			
					#searchinput input {
								
						display: block;
						position: absolute;
						left: 20px;
						top: 0px;
						width: 120px;
						height: 16px;

						background: url(images/search-center.png) top left repeat;
						padding: 2px 0px 1px;
						margin: 0px !important;
						border-width: 0px;
						color: #666;
						font-size: .9em;
						font-weight: normal;
				
					}
				
				#search input[type=submit] {
					
					display: none;
					visibility: hidden;
					
				}
			
			#menu {
				
				display: block;
				position: absolute;
				
				right: 0px;
				bottom: 0px;
				
				height: 40px;				
				
			}
			
				#menu ul {
			
					display: block;
					margin: 0px;
					padding: 0px;
			
				} 
	
				#menu li {
			
					display: inline;
					margin: 0px;
					padding: 0px;
			
				}

				#menu a {
					
					display: block;
					position: relative;
					
					float: left;
					
					height: 30px;
					background: #470 url(images/area.png) top left repeat;
					
					color: #fff;
					font-size: 1em;
					/* font-weight: bold; */
					text-decoration: none;
					padding: 10px 10px 0px;
					
				}
				
				#menu a:hover {
					
					background: #360 url(images/area-dark.png) top left repeat;
					text-decoration: underline;
					
				}
				
		#main {
			
			display: block;
			position: relative;
			
			width: 100%;
			min-height: 400px;
			
			background-color: #fff;
			
		}
		
			#content {
			
				display: block;
				position: relative;

				width: 70%;
				min-height: 400px;
			
				float: left;
			
			}
			
				#breadcrumb {
					
					display: block;
					position: relative;
										
					margin: 0px;
					padding: 10px;
					
					font-size: .9em;
					color: #999;
					
				}
				
					#breadcrumb a {
						
						color: #555;
						
					}
					
					#breadcrumb a:hover {
						
						color: #333;
						
					}
				
				#content div.item {
					
					display: block;
					position: relative;
					
					margin: 0px;
					padding: 0px 20px 20px;
					
				}
				
				#content h1 {
					
					display: block;
					position: relative;
					
					color: #580;
					
					margin: 0px;
					padding: 0px 0px;
					
					padding: 10px 0px 5px;
										
				}

				#content h2 {
					
					display: block;
					position: relative;
					
					color: #580;
					
					margin: 0px;
					padding: 10px 0px 5px;
										
				}
				
				#content h3 {
					
					display: block;
					position: relative;
					
					color: #580;
					
					margin: 0px;
					padding: 5px 0px 3px;
										
				}
				
				#content h4 {
					
					display: block;
					position: relative;
					
					color: #580;
					
					margin: 0px;
					padding: 3px 0px 2px;
							
					font-size: 1em;
										
				}
				
				#content .smallitem h4 {
					
					margin: 0px !important;
					padding: 0px !important;
					
				}
				
				#content p {
					
					line-height: 1.6em;
					color: #555;
					text-align: justify;
					margin: 0px;
					padding: 0px 0px 4px;
					
				}
				
				#content p.date {
					
					line-height: 1.6em;
					color: #777;
					text-align: right;
					font-style: italic;
					font-size: .9em;
					
				}
				
				#content p.small {
					
					line-height: 1.3em;
					color: #777;
					text-align: left;
					font-size: .9em;
					padding-right: 5px;
					margin: 2px 0px 4px;
					
				}
				
				#content p.right {
					
					line-height: 1.6em;
					color: #333;
					text-align: right;
					border-top: 1px dotted #666;
					
				}
				
				#content p.author {
					
					line-height: 1.6em;
					color: #333;
					text-align: right;
					font-style: italic;
					
				}
				
					#content p.author:before {
					
						content: "<";

					}
			
					#content p.author:after {
					
						content: ">";

					}
					
				#content hr {
					
					border-width: 0px;
					border-top: 1px dotted #ccc;
					height: 0px;
					
				}
			
				#content a {
					
					color: #580;
					
				}
				
				#content img[align=center] {
					
					display: block;
					max-width: 95%;
					
					border: 1px solid #ccc;
					background-color: #f6f6f6;
					
					padding: 10px;
					margin: 0px;
					
				}
				
				#content img[align=right] {
					
					display: block;
					max-width: 50%;
					
					float: right;
					border: 1px solid #ccc;
					background-color: #f6f6f6;
					padding: 10px;
					
					margin: 0px 0px 5px 10px;
					
				}
				
				#content img[align=left] {
					
					display: block;
					max-width: 50%;
					
					float: left;
					border: 1px solid #ccc;
					background-color: #f6f6f6;
					padding: 10px;
					
					margin: 0px 10px 5px 0px;
					
				}
				
				#content input[type=text],
				#content textarea {
					
					display: block;
					border: 1px solid #333;
					padding: 2px;
					font-size: .9em;
					font-family: sans-serif;
					
				}
				
				#content input[type=submit] {
					
					display: block;
					border: 1px solid #999;
					border-top: 1px solid #ccc;
					border-left: 1px solid #ccc;
					background-color: #aaa;
					color: #fff;
					font-size: 1em;
					font-weight: bold;
					
				}

				#content label {
					
					display: block;
					font-size: .8em;
					color: #666;
					padding: 0px 0px 5px;
					
				}
	
			#meta {
			
				display: block;
				position: relative;

				width: 30%;
				min-height: 400px;
			
				float: right;
				background-color: #f6f6f6;
			
			}
			
				#meta h2,
				#meta h3 {
					
					display: block;
					position: relative;
					
					color: #580;
					
					margin: 10px 0px;
					padding: 5px 10px;
					
					font-size: 1.2em;
					
					border-top: 1px dotted #ccc;
					border-bottom: 1px dotted #ccc;
					
					background-color: #f9f9f9;
					
				}
				
				#meta div.textwidget,
				#meta div.banner {
					
					display: block;
					position: relative;
					margin: 10px 0px;
					
				}
				
					#meta div.textwidget img,
					#meta div.banner img {
						
						display: block;
						
						margin: 0px auto;
						padding: 0px;
						
						border: 0px;
						
					}
					
					#meta div.textwidget a,
					#meta div.banner a {
						
						display: block;
						padding: 5px;
						
					}
	
					#meta div.textwidget a:hover,
					#meta div.banner a:hover {
						
						display: block;
						background-color: #ddd;
						
					}
			
				#meta #submenu,
				#meta .submenu {
					
					display: block;
					position: relative;
					margin: 10px 0px;	
					border-bottom: 1px dotted #ccc;				
					
				}
				
					#meta #submenu h3 a,
					#meta .submenu h3 a {
						
						color: #580;
						text-decoration: none;
						
					}
				
					#meta #submenu ul,
					#meta .submenu ul {
						
						display: block;
						position: relative;
						
						margin: 0px;
						padding: 0px;
						
						margin: 0px;
						padding: 5px 0px 5px 10px;
						
					}
					
					#meta #submenu ul li,
					#meta .submenu ul li {
						
						display: block;
						position: relative;
						list-style-type: none;
						list-style-position: inline;
						margin: 0px;
						padding: 0px;
						border-bottom-width: 0px !important;
						
					}
				
					#meta #submenu ul li a,
					#meta .submenu ul li a {

						display: block;
						position: relative;

						color: #333 !important;
						line-height: 1.2em;
						padding: 5px 5px 5px 10px;

					}
					
					/* #meta #submenu ul li span.selected:hover,
					#meta .submenu ul li span.selected:hover, */
					#meta #submenu ul li a:hover,
					#meta .submenu ul li a:hover {
					
						background-color: #580;
						color: #fff !important;
						
					}

					#meta #submenu ul li span.selected,
					#meta .submenu ul li span.selected {

						display: block;
						position: relative;

						color: #333;
						
						background-color: #ddd;
						
						font-weight: bold;
						line-height: 1.2em;
						padding: 5px 5px 5px 10px;

					}
					
					/* #meta #submenu ul li span.selected:after {

						content: "\25BA";
						font-size: .8em;
						color: #333;

					} */
					
				#meta .item {
					
					display: block;
					position: relative;
					margin: 10px 0px;
					
				}
				
					#meta h3 a.rsswidget {
					
						text-decoration: none;
						color: #580;
					
					}
					
						#meta h3 a.rsswidget img {

							border-width: 0px;
							float: right;
							padding: 5px;
							background-color: none !important; 

						}
					
					#meta .item ul {
						
						display: block;
						position: relative;
						
						margin: 0px;
						padding: 0px;
						
					}
					
					#meta .item ul li {
					
						display: block;
						position: relative;
						list-style-type: none;
						list-style-position: inline;
						margin: 0px;
						padding: 5px 10px;
						border-bottom: 1px dotted #ccc;
					
					}
						
					#meta div.item ul li a {
					
						display: block;
						position: relative;

						color: #580;
						line-height: 1.2em;
						
						
					}
					
					#meta div.item ul li span.teaser,
					#meta div.item ul li span.rss-date {
						
						color: #666;
						font-size: .9em;
						
					}
					
				#meta form  {
					
					border-bottom: 1px dotted #ccc;
					padding: 5px 10px 20px;
					
				}
				
					#meta form input[type=text] {
						
						width: 50%;
						border: 1px solid #ccc;
						padding: 5px;
						margin: 0px 3px;
						color: #333;
						background-color: #fff;
						
					}
	
		#foot {
			
			display: block;
			position: relative;

			clear: both;
			
			width: 100%;
			
			background-color: #fff;
			border-top: 1px dotted #eee;
			
		}
		
			#foot p {
				
				display: block;
				position: relative;
				
				margin: 0px;
				padding: 3px 10px;
				
				font-size: .9em;
				color: #777;
				
				text-align: center;
				
			}
			
				#foot p a {
					
					color: #333;
					
				}
				
				#foot p a:hover {
					
					color: #111;
					
				}
				
/* common */

a {
	
	text-decoration: none;
}

a:hover {
	
	text-decoration: underline;
}

.notrans {
	
	background-color: rgba(255,0,0,.1);
	padding: 5px 0px;
	
}
div.toc {
	border: 1px solid #ccc;
	font-size: .75em;
}
div.toc.toc-left {
	max-width: 22em;
	float: left;
	margin: 5px 5px 5px 0;
}
div.toc.toc-right {
	max-width: 22em;
	float: right;
	margin: 5px 0 5px 5px;
}

div.toc a.toc-header {
	display: block;
	background-color: #f8f8ec;
	border-top: 1px solid #fcfcfc;
	border-left: 1px solid #fcfcfc;
	border-bottom: 1px solid #f0f0e0;
	border-right: 1px solid #f0f0e0;
	color: #777;
/** Styling regarding TOC title: **/
	padding: 1px 2px;
	text-align: left;
	font-size: 1.25em;
	font-weight: bold;
}

div.toc a.toc-header:hover {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #fcfcfc;
	border-right: 1px solid #fcfcfc;
}
div.toc ul {
	list-style: none;
	
	margin: 0;
	padding: 5px;
	background-color: #fcfcfc;
	overflow: hidden;
	white-space: nowrap;
}
div.toc.auto-collapse ul {
	display: none;
}

div.toc li a {
	text-decoration: none;
	border: 0 none;
	color: #777;
}
div.toc li.toc-level-1 {
	font-weight: bold;
}
div.toc li.toc-level-2 {
	font-weight: bold;
	padding-left: .25em;
}
div.toc li.toc-level-3 {
	padding-left: .5em;
}
div.toc li.toc-level-4 {
	padding-left: .75em;
}

img.alignleft {
	
	float: left;
	margin: 15px 15px 15px 0px;
	
}

img.alignright {
	
	float: right;
	margin: 15px 0px 15px 15px;
	
}

.aligncenter {
	
	text-align: center;
	margin: 15px auto;

}