/*
Theme Name: Dorfgemeinschaft Burgendorf
Theme URI: http://diebesteallerzeiten.de
Version: 1.0
Description: 
Author: Matthias Pestel (Graphik) / Eike Pierstorff (http://www.diebesteallerzeiten.de - Programmierung)
Author URI: http://diebesteallerzeiten.de
*/ /* standard elements */
html {
	min-height: 100%;
}

* {
	margin: 0;
	padding: 0;
}

a {
	text-decoration:none;
}


a img, img  {
	border: none;
}

body {
	background: #42413C;
	color: #737577;
	font: normal 62.5% arial, sans-serif;
}



h1 {
	font: bold 2em arial, sans-serif;
}

h2 {
	font: bold 1.8em arial, sans-serif;
}

h3 {
	font: bold 1.6em arial, sans-serif;
}


/* misc */
.clearer {
	clear: both;
	font-size: 0;
}

.hide {
 display:none;	
}

.left {
	float: left;
}

.right {
	float: right;
}

/* structure */
.inner-container {
	font-size: 1.2em;
	margin: 20px auto 10px auto;
	width: 900px;
}

.outer-container {
	
}

/* header and title */
.header {
	height: 70px;
	width: 900px;
	position: relative;	
	background-image:url(img/verlauf_header.png);
	background-repeat:no-repeat;
	background-position:top right;
}

.header .title {
	color: #FFF;
}



/* main */
.main {
	padding: 0px;
	height: 600px;
	float:left;
	position:relative;
	background: url(img/background-face.jpg);
	background-repeat: no-repeat;
}



/* content */


.content {
		width: 700px;
	height:460px;
	line-height: 1.4em;
	background: url(img/transparent.png);	
	float:left;
			overflow:auto;

}

.content a {
	color:#A1D200;
}

.content a:visited {
	color:#999;
}

.content-empty {
	width: 690px;
	height:360px;
	float:left;
	overflow:hidden;
}

.content .descr {
	color: #664;
	font-size: 0.9em;
	margin-bottom: 6px;
}


/* side-navigation */
#sidebar {
	float: right;
	width: 180px;
	height:460px;
	margin-right:5px;
	overflow:hidden;
	position:relative;
}

.sidebox {
	position:absolute;
	bottom:0px;
}

/* erste Ebene der Subnavigation */
.sidebox ul {
    list-style-type:none;
	padding:0px 0px 0px 5px;
	margin:0px 0px 0px 5px;
}

.sidebox ul.child {
    list-style-type:none;
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 10px;

}

.sidebox ul li {
	padding:0px 0px 0px 5px;
	margin:2px 0px 4px 5px;
}

.sidebox ul li a {
	display:block;
	padding:0px 0px 0px 15px;
	background-image:url(img/list-icon.gif);
	background-repeat:no-repeat;
	font-size: 1.1em;	
	text-decoration: none;
	color:#fff;
	
}

.sidebox ul li a:hover,  .sidebox ul li.current_page_item a, .sidebox ul li.current_page_parent a {
	background-image:url(img/list-icon-active.gif);
}

.sidebox ul li.current_page_item ul li a, .sidebox ul li.current_page_parent ul li a {
	background-image:url(img/list-icon.gif);
}

.sidebox ul li ul li.current_page_item a {
	background-image:url(img/list-icon-active.gif);
}


/* Site-Navigation */
.main-navi {
	position: absolute;
	height: 21px;
	top: 22px;	
	width:100%;
}

.main-navi ul,.main-navi ul li {
	padding: 0px;
	border: 0px;
	margin: 0px;
	display: inline;
}

.main-navi ul li a {
	display: block;
	float: left;
}


/* Meta */ 

#meta-navi {
	position: absolute;
	top: 543px;
	left:700px;	
	height: 21px;

}

#meta-navi ul, #meta-navi ul li {
	padding: 0px;
	border: 0px;
	margin: 0px;
	display: inline;
	list-style-type:none;
}



#meta-navi ul li a {
	display: block;
	float: left;
}

/* not part of the footer ! this sits below the content area */

#banner-bottom {
	position:absolute;
	top:540px;
	height:60px;
	width:630px;
	background-image:url(img/verlauf_footer.png);
	background-repeat:no-repeat;
}


/* posts */


.post h1 a,.post h1 {
 color:#737577;
 margin: 6px 0 2px 10px;
}

.post h2 a,.post h2 {
 color:#737577;
 margin: 6px 10px 2px 10px;
}

.post p {
 color:#737577;
 margin: 6px 10px 2px 10px;
}

.post {
 	margin: 6px 10px 2px 10px;
	display: inline-block;
}

/* We use the comment form as guestbook */

#commentform {
 margin:10px 0px 10px 0px;
 padding:10px 0px 10px 0px;
 border-top:1px solid #ccc;
 border-bottom:1px solid #ccc;
}

.guestbook {
	margin:20px;
}

.guestbook ol {
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 10px;
}

.guestbook ol li {
	margin:10px;
	padding:10px;
}

#author {
	width:450px;
}
#url {
	width:450px;
}

#email {
	width:450px;
}
#commentarea {}
#comment {
	width:450px;
	height:100px;
}