/* ------------------------------- :::: revier GmbH 2007 :::: ------------------------------- */
body {
	margin : 0;
	padding : 0;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #6B6B6B;
	background: url(images/body-bg.jpg) repeat-x #FAF4C2;
}

/* = = = = = = = = = = ALLGEMEINE DEFINITIONEN S T A R T = = = = = = = = = = */
a:link, a:visited {
	text-decoration : none;
	color : #007610;
}
a:hover {
	text-decoration : none;
	color : #76A47A;
}
ul {
	margin : 0;
	padding : 8px 0 0 16px;
}
li {
	padding : 0 0 4px 0;
} 
p {
	margin : 0 0 20px 0;
}
.clear {
	clear : both;
}
.clear-klein {
	height: 1px; line-height: 1px; font-size: 0px; clear: both;
}
h1 {
	margin : 0;
	padding : 0;
	font-size : 16px;
	color : #007610;
}
hr {
	height : 0;
	border-top : 0;
	border-bottom : 1px dotted #B3B3B3;
}
.valign {
	vertical-align : middle;
}
form {
	margin: 0;
	padding: 0;
}
.druck {
	display: none;
}
/* = = = = = = = = = = ALLGEMEINE DEFINITIONEN E N D E = = = = = = = = = = */

/* = = = = = = = = = = = = = = = =  GRUNDAUFBAU  S T A R T = = = = = = = = = = = = = */
.zentriert {
	margin : 0;
	width: 950px;
	background: url(images/header-bg.jpg) top no-repeat;
	padding: 0;
}

/* = = = = = = = = HEADER ANFANG = = = = = = = = */
.header {
	padding: 47px 0 0 390px;
}
* html .header {
	padding: 49px 0 0 390px;
}
.header img {
	border: none;
}
.ferien-obst {
	padding: 4px 0 0 61px;
}
/* = = = = = = = = CONTENT ANFANG = = = = = = = = */
.container-verlauf {
	margin: 0;
	padding: 0 0 0 39px;
	float:left;
	width: 911px;
	background: url(images/bg-mitte.gif) 40px 0 repeat-y;
}
.content { 
	width: 430px;
	padding: 14px 37px 0 50px;
	float: left;
	background:  url(images/header-mitte-bg.jpg) top left no-repeat;

}

.content-head {
	border-bottom:solid 1px #96BA9B;
	padding: 0;
	margin: 0 0 40px 0;
}
.topnav {
	float:left;
	padding: 8px 0 10px 33px;
}
.start { width: 112px; background: url(images/nav-startseite.gif) no-repeat; }
.www { width: 102px; background: url(images/nav-www.gif) no-repeat; }
.rss { width: 92px; background: url(images/nav-rss.gif) no-repeat; }

/* = = = = = = = = POST ANFANG = = = = = = = = */
.post {
	margin: 0 0 30px 0;
}
.date {
	padding: 2px 0 8px 0;
	background: url(images/dot.gif) 0 bottom repeat-x;
}
.entry {
	padding: 10px 0 10px 0;
}
#info {
        border-top: 1px solid #96BA9B;
        border-bottom: 1px solid #96BA9B;
        background: #E1F6E3;
        padding: 4px 0 4px 5px;
}
/* = = = = = = = = SIDEBAR  ANFANG = = = = = = = = */
.sidebar {
	float: left;
	width: 394px;
        color: #fff;
}
.top-navigation {
	height:222px; 
	background: url(images/top-navigation-bg.jpg);
}

.container-rechts {
	width: 214px;	
	padding: 10px 30px 0 12px;
	background: url(images/nav-bg.gif) repeat-y;
}
.nav-footer {
	width: 232px;
	height: 14px;
	background: url(images/nav-footer.gif) right bottom no-repeat;
}
.suche { 
	width: 192px;
	margin: 0 0 0 26px;
	padding: 0 0 6px 0; 
	background: url(images/dot2.gif) 0 bottom repeat-x;
	font-size: 16px; 
	font-weight:lighter;
}
.suche input {
	width : 110px;
	margin : 0 0 2px 0;
	padding: 2px;
	background: #BADCBF;
	color : #007610;
	font-size: 9px;
	border: solid 1px #007610;
}

.sidebar h2 {
	margin: 0 0 10px 0;
	padding: 0 0 6px 0; 
	font-size:16px;
	font-weight:lighter;
	background: url(images/dot2.gif) 0 bottom repeat-x;
}
.kategorien {
	margin: 25px 0 0 0;
	padding: 8px 0 8px 26px;
	width: 192px;
}
.kategorien ul, .kategorien li {
	margin : 0;
	padding : 0;
	list-style: none;
}
.kategorien a:link, .kategorien a:visited {
	color: #fff;
	padding: 0 0 0 9px;
	background: url(images/list-plus.gif) no-repeat;
}
.kategorien a:hover { color: #ccc;}

.tagcloud {
	margin: 20px 0 0 0;
	padding: 8px 0 8px 26px;
	width: 192px;
}
.tagcloud a:link, .tagcloud a:visited {
	color: #fff;
}
.tagcloud a:hover { color: #ccc;}

.footer {
	clear:left;
	height: 37px;
	color: #007610;
	background: url(images/footer-bg.jpg) no-repeat;
	margin: 0 0 0 40px;
	padding: 4px 0 0 48px;
	font-size:9px;
}

/* Begin Images */

p img {

	padding: 0;

	}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left

	}

/* End Images */