/*@import url("layout.css");
------------------------------------------------*/

body {
	background: url('/img/grunge_bg.png') repeat-x white;
	margin:0;
	padding:0;

   font-family: arial, verdana, sans serif;
}

#pagecontainer {
	background:url('/img/content_bg.png') no-repeat top;
	width:100%;

}

#contentcontainer {
	position: relative;
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}

#header h1, #header h2{
	margin:0;
}

#header h1 a {
	display: block;
	width:420px;
	height: 160px;
}

#header h2{
	display: block;
	height:70px;
}

#content {
	display: inline-block;
	margin-left: 200px;
	width: 350px;
	min-height:768px;
}

#content h1,h2,h3{
	margin-bottom: 5px;
}

#content h1 {
	font-size: 28px;
	color: #ff007f;
	padding-bottom: 0px;
	border-bottom: 5px double #00d0ce;
}

#content h1 a{
	color: #ff007f;
	padding-bottom: 0px;
	text-decoration:none;
}

#content h2{
	font-size: 18px;
	font-weight: normal;
	color: #ff007f;
}

#content h2 a{
	color: #ff007f;
	text-decoration: none;
}

#content small {
	font-size: 10px;
}

.entry {
	font-size: 12px;
	line-height: 18px;
}

.entry  img {
	padding: 5px;
	border: 1px solid gray;
	margin-right: 15px;
	margin-bottom: 15px;
	float: left;
}

blockquote {
	margin:0px;
	padding:5px;
	background:lightgray;
	font-style:italic;
}

.postindex .entry  img {
	
	/*width: 100px;*/
	/*height: 70px;*/
}

.morelink  {
	position: relative;
	display: block;
	text-decoration: none;
}

.morelink :hover{
	text-decoration: underline;
}

.morelink  span{
	position: absolute;
	right: 0;
	display: block;
	width: 160px;
	height: 20px;
	background: url('/img/weiter.png') no-repeat left center white;
	padding-left: 40px;
	font-size: 12px;
	line-height: 20px;
	color: black;
}

.einkaufsliste
{
	display: inline-block;
	float: right;
	width: 140px;
	background: #ff007f;
	padding: 0 10px 10px 10px;
	margin-left: 5px;
	font-size: 11px;
	color: white;
}

.einkaufsliste ul
{
  padding: 0 15px 0 0;
  margin: 0 10px 10px 10px;
}

.hr {
	display: block;
	height: 35px;
	margin-top: 20px;
	margin-bottom: 10px;
	background: url('/img/hr.png') no-repeat bottom;
}

.postmetadata_alt {
padding: 10px;
background: lightgray;
border-bottom: 1px solid gray;
border-top: 1px solid gray;
}

hr {
display: none;
}

.invisible {
	display:none;
}


#sidebar {
	position: absolute;
   top:230px;
   display:inline-block;
   width: 180px;
}

#sidebar h2, #right h2{
   font-size:12px;
   font-weight: normal;
   color: #ff007f;
   margin-bottom: 0;
}

#sidebar #home
{
  display: block;
  color: #ff007f;
  text-decoration: none;
  border-bottom: 1px dotted gray;
}

#sidebar #home:hover
{
  text-decoration: underline;
}

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

#sidebar ul li{
   margin-left: 0px;
}

#sidebar ul li ul, #right h2{
	border-bottom: 1px dotted gray;
}

#sidebar ul li ul a{
   padding-left: 15px;
   text-decoration: none;
   font-size: 10px;
   color: gray;
}

#sidebar ul li ul a:active, #right .rss:active{
   color: cyan;
}

#sidebar ul li ul a:hover, #right .rss:hover{
   color: black;
}

#sidebar ul.children li{
	padding-left: 10px;
}

#sidebar ul li ul li ul{
	border-bottom: none;
}

#right {
	position: absolute;
	top:250px;
	right:0;
	display:inline-block;
	width: 150px;
}

#right img {
	border: 0;
}

#right ul,#right li {
    list-style: none;
    margin: 0;
    padding: 0;
}

#right .rss{
   padding: 5px 0 5px 25px;
   text-decoration: none;
   font-size: 10px;
   color: gray;
   background: url('/img/rss-icon.png') no-repeat left;
}

#footer {
	clear: both;
	height: 265px;
	text-align:center;
	background: url('/img/footer.png') no-repeat bottom;
}

#footer p{
	position: relative;
	top: 200px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 11px;
	color: white;
}

#footer a{
	text-decoration: none;
	color: white;
	margin: 0px 10px 0 10px;
}

textarea {
	display: block;
	width: 350px;
	height: 150px;
}

textarea {
	display: block;
	width: 350px;
	height: 150px;
}

.contactright textarea{
	display: block;
	width: 240px;
	height: 150px;
}

#searchform #s {
	font-family: arial, verdana, sans serif;
	font-size: 11px;
	width: 100px;
}

#searchform #searchsubmit {
	font-family: arial, verdana, sans serif;
	font-size: 11px;
	display: inline-block;
	width: 70px;
}

.cat_description {
	font-size: 11px;
}

/* ---Navigation zwischen den Seiten ---*/
.pagebar 
	{ 
		font-size: 11px;
		padding-top: 20px; 
		padding-bottom: 10px; 
	}

.pagebar a, .pageList .this-page 
	{
		padding: 3px 8px; 
		border: solid 1px #00d0ce;
		color: #00d0ce;
		background: #fff; 
		text-decoration: none;
	}

.pagebar a:visited 
	{
		padding: 3px 8px; 
		border: solid 1px #00d0ce; 
		background: #fff;
		color: #00d0ce;	
		text-decoration: none;
	}

.pagebar .break 
	{
			padding: 3px 8px; 
			border: none; 
			background: #fff; 
			text-decoration: none;
	}

.pagebar .this-page 
	{
		padding: 3px 8px; 
		border: 1px solid #00d0ce; 
		vertical-align: top; 
		color: white;
		background: #00d0ce;
	}

.pagebar a:hover 
	{
		color: #fff; 
		background: #00d0ce; 
		border-color: #00d0ce; 
	}
	
/* Kommentare */

.commentlist {
margin: 0px;
padding: 0;
}

.commentlist li
{
	margin-bottom: 20px;
	margin-top: 20px;
	padding-bottom: 30px;


	background: url('/img/hr.png') no-repeat bottom;
	list-style: none;
}

.commentlist li cite
{
  font-size: 16px;
  display: block;
  font-style: normal;
  padding-bottom: 0px;
  border-bottom: 5px double #00d0ce;
  margin-bottom: 0px;
}

.commentlist li cite a
{
	text-decoration: none;
	color: #ff007f;
}

.commentlist li p {
	font-size: 12px;
}

.commentmetadata {
  display: block;
  margin: 3px;
}