*
{
	margin:0;
	padding:0;
}

/* Hintergrundgrafik */
body
{
	background-attachment:fixed;
	background-color:#ebebeb;
	background-image:url(http://www.einfachkoestlich.com/wp-content/uploads/Verlaufsw850.jpg);
/* background-image:url(images/Verlaufsw800C.jpg); */
	background-repeat:repeat-X;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:12px;
	margin:0;
	overflow-y:scroll
}

#accessibility
{
	display:none;
}

#frame
{
	background:#cecece url(http://www.einfachkoestlich.com/HeaderOK.jpg) 0 0 no-repeat;
	margin:0 auto;
	text-align:left;
	width:770px;
}

#middle
{
	background:#ececec 0 0 repeat-y;
	overflow:auto;
	width:100%;
}


/* Inhaltsbereich, Position: */

#content
{
	float:left;
	margin:0;
	width:520px;
}


img {
	border: 0px;
}

.bildleiste img {
	margin-left: 25px;

}

/* Inhaltsbereich, Navigationsleiste, Position: */

#sidebar
{
	float:right;
	padding:0 25px;
	padding-top:24px;
	width:195px;
background-color: #fff;
}


/* Kopfzeile, Position: */

#header
{
	height:165px;
}


/* Kopfzeile, �?�?�?�?berschrift: */

#header h1
{
	color:#444;
	float:left;
	font:1.2em/50px Verdana, Helvetica, Arial, sans-serif;
	letter-spacing:.1em;
	padding:13px 0 0 5px;
	width:367px;
}


/* Kopfzeile, Linkbereich, Position: */

#header #nav
{
	float:right;
	text-align:right;
	width:300px;
}


/* Kopfzeile, Linkbereich, Position: */

#header #nav ul
{
	list-style:none;
	padding:36px 20px 0 0;
}



/* Kopfzeile, Linkbereich, Einzellinks, Position: */

#header #nav ul li
{
	float:left;
}



/* Kopfzeile, Linkbereich, Einzellinks, Klickbereiche: */

#header #nav ul li a
{
	color:#333;
	display:block;
	font:.75em/30px Verdana, Helvetica, Arial, sans-serif;
	margin-left:0;
	padding:0 .5em;
	text-decoration:none;
}


/* Kopfzeile, Linkbereich, Einzellinks, Klickbereiche, Linkzust�?�?�?¤nde: */

#header #nav ul li a:hover
{
	background:none;
	color:#fff;
}


/* Kopfzeile, Absatzabst�?�?�?¤nde: */

#header #nav p
{
	clear:left;
	font:.75em/34px Verdana, Helvetica, Arial, sans-serif;
	padding:0 25px 0 0;
}


/* Kopfzeile, Links: */

#header #nav p a
{
	background:url(images/icon_subscribe.gif) right 1px no-repeat;
	color:#444;
	padding:0 16px 0 0;
	text-decoration:none;
}


/* Kopfzeile, Linkzust�?�?�?¤nde: */

#header #nav p a:hover
{
	background-position:right -47px;
	color:#ffd482;
}

#content .post
{
	margin:10px 20px 40px 30px;
}


/* Inhalt, �?�?�?�?berschriften: */

a.more-link { color: #ff0000!important; font-size:12px;	font-weight:600; text-align:right; }

#content h2
{
	color:#555;
	font:24px Verdana, Helvetica, Arial, sans-serif;
	margin:1em 0 .3em;
	text-align:right;
	text-decoration:none;
}


/* Inhalt, �?�?�?�?berschriften, Links: */

#content h2 a
{
	color:#333;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:26px;
	font-weight:400;
	margin-bottom:3px;
	margin-left:55px;
	padding-left:5px;
	text-align:left;
	text-decoration:none;
}


/* Inhalt, �?�?�?�?berschriften, Linkzust�?�?�?¤nde: */

#content h2 a:hover
{
	color:#333;
	cursor:default;
	text-decoration:none;
}


/* Inhalt, �?�?�?�?berschriften: */

#content h3
{
	color:#444;
	font:1em/2em Verdana, Helvetica, Arial, sans-serif;
	font-weight:700;
	margin:1.1em 0 -1.2em 57px;
}


/* Inhalt, �?�?�?�?berschriften: */

#content h4
{
	border-left:1em solid #fff;
	color:#fff;
	font:bold .9em/1em Verdana, Helvetica, Arial, sans-serif;
	margin:1em 0;
	padding:0 0 0 .5em;
}


/* Inhalt, Abs�?�?�?¤tze / Listen / Definitionslisten: */

#content p,#content li,#content dl
{
	color:#444;
	font:12px Arial, Verdana, Helvetica, sans-serif;
	margin:0 0 0 30px;
}

#content p,#content ul,#content ol,#content dl,#content img
{
	margin:0 0 .7em;
	vertical-align:middle;
}


/* Inhalt, Listenelemente: */

#content li
{
	margin:0 0 0 70px;
}


/* Inhalt, Definitions-Listenelemente: */

#content dl dt
{
	font-weight:700;
}

/* Inhalt, Definitions-Listenelemente: */



#content dl dd
{
	margin:0 0 .4em .5em;
}


/* Inhalt, Zitate: */

#content blockquote
{
	border-left:1px dashed #AAA;
	color:#777;
	font:12px/.75em Verdana, Helvetica, Arial, sans-serif;
	margin:0 0 0 .5em;
	padding-left:10px;
}








#content blockquote p
{
	color:#777;
	display:block;
	font:12px/1.5em Verdana, Helvetica, Arial, sans-serif;
}


/* Inhalt, alles mit .post bezieht sich auf Kommentarinformationen, Abs.datum, etc.: */

#content .post ul.post-data
{
	background:#999;
	color:#fff;
	font:.9em/2em Verdana, Helvetica, Arial, sans-serif;
	height:15px;
	list-style:none;
	margin:0;
	padding:.1em 0 .2em;
}

#content .post ul.post-data li
{
	color:#EEE;
}

#content .post ul.post-data a
{
	color:#EEE;
	text-decoration:none;
}

#content .post ul.post-data a:hover
{
	color:#FFF;
	text-decoration:none;
}

#content .post ul.post-data li.comments
{
	display:inline;
	float:right;
	margin:0 .7em 0 0;
}

#content .post ul.post-data li.comments a
{
	border-bottom:1px dashed #EEE;
	padding:0;
}

#content .post ul.post-data li.posted
{
	margin:0 0 0 .7em;
}

#content .post ul.post-data li.posted a
{
	border-bottom:1px dashed #EEE;
	padding:0 -10px 0 0;
}

#content .post ul.post-data li.comments a:hover,#content .post ul.post-data li.posted a:hover
{
	border-bottom:1px solid #FFF;
}


/* Inhalt, alles mit #comments formatiert Eingabefelder: */

#content #comments
{
	margin:0 20px 20px 45px;
}

#content #comments .comment
{
	margin:0 0 2em;
}

#content #comments .comment p,#content #comments .comment li,#content #comments .comment a
{
	color:#a6bcd8;
}

#content #comments .comment p
{
	margin:0 0 .8em;
}

#content #comments .comment .comment-data p
{
	background:url(images/icon_commentdata.gif) 6px 6px no-repeat;
	border-left:1px dashed #4d79b1;
	border-top:1px dashed #4d79b1;
	color:#7a9ac4;
	font:.7em/2em Verdana, Helvetica, Arial, sans-serif;
	margin:1.5em 0 0;
	padding:0 0 0 22px;
}

#content #comments .comment .comment-data p a
{
	color:#7a9ac4;
}

#content #comments form
{
	color:#4447bd;
	font:.75em/1.6em Verdana, Helvetica, Arial, sans-serif;
}

#content #comments form a:hover
{
	color:#fff;
}


/* Navigationsleiste, �?�?�?�?berschriften: */

#sidebar h3
{
	border-bottom:1px solid #CCC;
	color:#333;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight:400;
	margin-bottom:3px;
        margin-top: 12px;
	padding-left:5px;
	text-align:right;
}



/* Navigationsleiste, Listenelemente: */

#sidebar p,#sidebar li
{
	color:#000;
	font:10px/1.5em Verdana, Helvetica, Arial, sans-serif;
	margin:0;
}


/* Navigationsleiste, Listenbereiche: */

#sidebar ul
{
	
	list-style-image: url(http://www.einfachkoestlich.com/wp-content/uploads/listenpfeil.gif);
	margin-bottom:5px;
	margin-left:15px;
	margin-top:5px;
	padding-left:20px;
}


/* Navigationsleiste, Listenelemente: */

#sidebar ul li
{
	padding:0;
}


/* Navigationsleiste, Links: */

#sidebar a
{
	color:#333;
	font-family:verdana, arial,helvetica;
	font-size:10px;
	text-decoration:none;
}


/* Navigationsleiste, Linkzust�?�?�?¤nde: */

#sidebar a:hover
{
	color:#d50d50;
	text-decoration:underline;
}



/* Navigationsleiste, Formularfelder: */

#sidebar input
{
	float:left;
	font-family:verdana, arial,helvetica, sans;
	font-size:10px;
	margin-left:18px;
	padding:1px;
	width:100px;
}

#sidebar input#sidebarsubmit
{
	font-size:10px;
	margin-bottom:10px;
	margin-top:-14px;
	width:50px;
}


/* Fussbereich, Position, Gr�?�?�?¶sse: */

#footer
{
	background:url(images/bg_footer.gif) 0 0 no-repeat;
	clear:left;
	height:71px;
}


/* Fussbereich, Textformat: */

#footer #footertext
{
	color:#666;
	float:none;
	font:10px Verdana, Helvetica, Arial, sans-serif;
	margin:-3px 0;
	padding:36px 30px 0 0;
	text-align:center;
}


/* Fussbereich, Links: */

#footer #footertext a
{
	border-bottom:1px dashed #888;
	color:#888;
	text-decoration:none;
}


/* Fussbereich, Linkzust�?�?�?¤nde: */

#footer #footertext a:hover
{
	border-bottom:1px dashed #AAA;
	color:#AAA;
}


/* Fussbereich, Suchformular: */

#footer #searchform
{
	padding:33px 0 0 30px;
}

#footer #searchform .searchfield
{
	height:16px;
}

#footer #searchform .searchbutton
{
	height:22px;
}



/* Kommentare, Listenelemente: */

#commentlist li
{
	border-bottom:1px solid #700000;
	margin-bottom:1.5em;
	padding-bottom:1em;
}


/* Kommentare, Formular: */

#commentform
{
	background:#fff;
	margin:2em 0 2em 3em;
	width:280px;
}

#commentform textarea
{
	background:#f8f7f6;
	border:1px solid #d6d3d3;
	width:280px;
}

#commentform textarea:hover
{
	background:#fff;
	border:1px solid #d6d3d3;
}

#commentform textarea:focus
{
	background:#fff;
	border:1px solid #939793;
}

#commentform #email:focus,#commentform #author:focus,#commentform #url:focus
{
	background:#FFF;
	border:1px solid #939793;
	font-size:1.1em;
	width:280px;
}

.post
{
	margin:0 0 25px;
}

.post .info
{
	background-color:#21579e;
	border:1px solid #e3e4e4;
	color:#444;
	font-size:.9em;
	padding:2px 3px 3px 8px;
}

#header h1 a,#header h1 a:visited
{
	color:#444;
	text-decoration:none;
}

#header h1 a:hover,#content a
{
	color:#444;
}


/* Inhalt, Linkzust�?�?�?¤nde: */

#content a:hover,#content #comments .comment a:hover,#content #comments .comment .comment-data p a:hover,#content #comments form a
{
	color:#4447bd;
}


/* Navigationsbereich, Abs�?�?�?¤tze/Listen: */

#sidebar p,#sidebar ul,#sidebar ol,#commentform input
{
	margin:0;
}



/* Kommentare, Formatierung Elemente: */

#commentform #email,#commentform #author,#commentform #url,#commentform #email:hover,#commentform #author:hover,#commentform #url:hover
{
	background:#fff;
	border:1px solid #d6d3d3;
	font-size:1.1em;
	width:280px;
}
