/*
Theme Name: Froschblog
Theme URI:
Description: Theme des Werner & Mertz Frosch-Blog
Version: 1.5
Author: Jens Grochtdreis, netz98 GmbH
Author URI: http://netz98.de/

*/

/* ======== Basis-Formatierung ============== */
    body { 	font-size: 62.5%; background-color: rgb(194,228,153);	color: #000;  }
    * { margin: 0; padding: 0; font-size: 1em; font-weight: normal;	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;  }

    a { color: #000;}
    a:hover { text-decoration: none;}
    a img, img { border: 0 !important;}

    strong, b { font-weight: bold;}
    em, i { font-style: italic;}

    .skip, .hideme, .print { position: absolute; top: -5000em; left: -5000em; height: 1px;	width: 1px;	}

	.previous a, .next a {color: #007E3A;}
	.bild_in_neue_zeile { clear: both;}
    html body #content img.noborder {border: 0px solid !important; float: none;}
    .noborder { border: 0px !important; }
/* ======== clearfix =============== */
	/* ==== http://jassesnee.de/easyclear/ ===== */
	/* ==== http://www.yaml.de/de/dokumentation/grundlagen/allgemeines.html ==== */
	.clearfix:after, .subscribe-to-comments:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.clearfix {display: inline-table;}
	/* Hides from IE-mac \*/
	* html .clearfix, * html .subscribe-to-comments {height: 1%;}
	.clearfix, .subscribe-to-comments {display: block;}
	/* End hide from IE-mac */

/* =================================== */
	#wrapper { position: relative; width: 995px; background: rgb(211,244,146) url(images/hg_breit.gif) repeat-y top left; }

/* ============ Der Kopfbereich ============= */
	#header { position: relative; height: 210px;}
	#metanavigation { position: absolute; top: 12px; right: 30px; color: rgb(0,126,58); }
		#metanavigation a {color: rgb(0,126,58); text-decoration: none; margin: 0 4px;}
		#metanavigation a:hover {color: #fff;}
	#Map { display: none;}
	#home #homelink { color: #fff; text-decoration: none; }

	#froschlogo { position: absolute; top: 120px; left: 340px; }
	#froschlogo img { border: 0;}

/* ============ Randspalte =============== */
	#navigation { float: left; width: 340px; background: url(images/navibg.jpg) no-repeat top left; -margin-top: -2px;}
	.sidebox { font-size: 1.1em; background-color: rgb(0,126,58); width: 183px; margin: 0 0 14px 81px; border-top: 5px solid rgb(0,126,58); border-bottom: 5px solid rgb(0,126,58); }
	.sidebox h3 {padding: 3px 0 3px 20px; color: #fff; font-weight: bold; border-top: 2px solid #fff; border-bottom: 1px solid #fff;}
	.sidebox ul {background-color: rgb(164,215,103); list-style-type: none; }
	.sidebox li { border-bottom: 1px solid #fff; padding: 3px 0 3px 20px;}
	.sidebox li a { color: rgb(0,126,58); text-decoration: none; }

	.sidebox form {margin: 0; height: 39px; border-bottom: 1px solid #fff; background-color: rgb(164,215,103);}
	.inputtext { width: 123px; height: 17px; margin: 9px 4px 6px 18px;}
	* + html .inputtext { margin-bottom: 1px;}
	* html .inputtext { margin-bottom: 0 !important;}

	.teaserbild {margin: 0 0 14px 81px; width: 180px; border: 1px solid rgb(0,126,58); }
	.teaserbild a, .teaserbild img { display: block;}

/* ============ Kategorien =============== */
	#kategorien li { background: url(images/aufzaehlungspunkt.gif) no-repeat 20px 6px; color: #52aa50;}
	#kategorien li a { margin-left: 20px; color: rgb(0,126,58);}

/* ============ Suche =============== */
	input.sendbutton { margin-top: -4px;}

/* ============ letzte Kommentare =============== */
	#recent_comments li { background: url(images/icon_neuer_kommentar.gif) no-repeat 20px 3px; padding: 2px 5px 2px 35px; font-size: 0.9em;}

/* ============ letzte Beitr�ge =============== */
	#neue_beitraege li {background: url(images/icon_neuer_beitrag.gif) no-repeat 20px 3px; padding: 2px 5px 4px 35px; font-size: 0.9em;}

/* ============ RSS-Buttons =============== */
	#rss li a { margin-left: 0px;  }
	#rss li a img { margin-right: 5px; vertical-align: middle; }

/* ============= Beitr�ge per E-Mail abonnieren ============ */
	#email_abo li { padding-left: 0;}
	#email_abo li p { padding: 0 5px 0 20px;}
	#email_abo form { height: 25px;}
	#email_abo form .inputtext { margin-top: 0;}

/* ============ Die Inhaltsspalte =============== */
	#content { float: right; width: 655px;}
	#content img { border: 1px solid rgb(14,134,64;)}
	.bildlinks { float: left; margin: 0 10px 10px 0;}

/* ============ Die Postings =============== */
	.posting { width: 590px; clear: both; }
	.posting div img { border: 1px solid rgb(0,126,58) !important; float: left; margin: 0 10px 10px 0;  }

	.post-date { width: 45px; height: 49px; float:left; background: url(images/icon_kalender.gif) no-repeat; }
	.post-month {  text-transform: uppercase; color: #FFFFFF; text-align: center; display:block; line-height: 11px; padding-top: 9px; margin-left: -6px; }
	.post-day { font-size: 1.8em; text-transform: uppercase; color: #999999; text-align: center; display:block; line-height: 18px; padding-top: 3px; margin-left: -6px; }
	.post-title { float: left; margin-left: 10px; width: 530px; margin-bottom: 15px; }
	.post-cat { background: url(images/icon_kategorie.gif) no-repeat;	padding-left: 20px; float:left; line-height:1.6;	}
	.post-comments { padding-left: 20px; float: right; }
	.post-cat, .post-cat a, .post-comments a {color: #007E3A; } /* #52AA50 */
	#content .posting .post-comments img { border: 0 !important; text-decoration: none;}

	.posting h2 { margin-bottom: 5px; font-size: 1.4em; font-weight: bold; color: rgb(0,126,53); border-bottom: 1px solid #fff; padding-bottom: 5px; }
	.posting h2 a { text-decoration: none; font-weight: bold; color: rgb(0,126,53);}
	.posting h2.success { border-bottom: 0; margin-top: 20px;}
	.posting p { font-size: 1.1em; margin-bottom: 20px; line-height: 1.3; }
	.posting p a {font-weight: bold; color: rgb(0,126,53); text-decoration: none;}
	.posting p a:hover, .posting h2 a:hover { text-decoration: underline;}

	.posting div.clearfix { margin-bottom: 10px;}
	.posting div.clearfix ul { list-style-type: disc;}
	.posting div.clearfix ol { list-style-type: decimal;}

	.posting ul.articlemetadata {list-style-type: none; padding-bottom: 53px; background: url(images/abschlussbogen.gif) no-repeat bottom left; margin-bottom: 12px; clear: both;}
		.posting ul.articlemetadata li{float: left; display: inline; position:relative; bottom:10px; width: 33%;}
		.posting .articlemetadata img { border: 0 !important; margin-right: 10px;}
		.posting .articlemetadata li, .posting .articlemetadata a { color: rgb(0,126,58);}
		.posting .articlemetadata a:hover { text-decoration: none;}
		.commentcount {}
		.author { text-align: center;}
		.permalink { text-align: right;}

	 .mailkommunikation h2 { margin-bottom: 5px; font-size: 1.4em; font-weight: bold; color: rgb(0,126,53); border-bottom: 1px solid #fff; padding-bottom: 5px; }
	 .mailkommunikation p { font-size: 1.1em; margin-bottom: 20px; line-height: 1.3; }
/* ============ Footer =============== */
	#footer { clear: both; width: 995px; background: url(images/footer_hg.jpg); height: 89px; position: relative;}
	#footer p { position: absolute; right: 20px; bottom: 30px; color: #fff;}
	#footer p a { color: #fff;}

/* ============ Kommentarformular =============== */
	#comments { width: 530px;}

	#comments h2 { margin-bottom: 15px; font-size: 1.4em; font-weight: bold; color: rgb(0,126,53);}
	#comments h2 a { font-size: 0.8em; color: rgb(0,126,53); margin-left: 10px;}
	#comments ul { list-style-type: none; padding-bottom: 35px; background: url(images/abschlussbogen.gif) no-repeat bottom left; }
	#comments li { background: url(images/bg_comment-box.gif) repeat-x top left; margin-bottom: 10px; padding: 10px;} /* background-color: #c2e499; */

	#comments li.adminkommentar { background: url(images/bg_comment-box-reply.gif) no-repeat top left; margin-bottom: 10px; padding: 10px;}
	#comments li.adminkommentar p { margin-right: 75px;}

	#comments .editlink { color: rgb(0,126,53);}

	#comments p.header {  margin-bottom: 5px;}
	#comments li p { font-size: 1.1em; line-height: 1.3;}

	#head_kommentarformular { margin-top: 10px;}
	#commentform { background-color: #c2e499; padding: 10px; color: #000; }
	#commentform p {clear: both; font-size: 1.1em; margin-bottom: 10px; color: #000;}
	#comnmentform p em { color:  rgb(0,126,58); }
		#commentform input { border: 1px solid rgb(0,126,58); width: 250px; height: 16px;}
	#commentform textarea {border: 1px solid rgb(0,126,58); width: 400px;}
	#commentform label { width: 120px; margin-right: 10px; float: left; display: inline;}

	p#absenden input.button { width: 100px; height: 20px; background-color: rgb(0,126,53); color: rgb(211,244,146); font-size: 1.2em; line-height: 20px; margin: 0 auto; padding: 0; }
	p#erlaeuterung, #trackback_rss {background-color: #c2e499; color: #000;  padding: 10px;} /* color:  rgb(0,126,58); */

	#trackback_rss a {text-decoration: none;  }
	#trackback_rss a:hover {text-decoration: underline; }

	#kommentarfeld label, #kommentarfeld textarea { display: block; margin: 5px 0; float: none;}
	#absenden { text-align: center; width: 400px;} /* Breite der Textarea */

    input#subscribe {float: left; margin-right: 5px;}
	.subscribe-to-comments label { width: auto !important;}

/* ============ PSX-Mailformular Verbraucherberatung =============== */
	div.error_msg { font-size: 1.1em; line-height: 1.3em; font-weight: bold; margin-bottom: 20px; }
	#verbraucherberatung { font-size: 1.1em; line-height: 1.3em; }
	#verbraucherberatung p { margin-bottom: 5px;}
	#verbraucherberatung br { display: none;}
	#verbraucherberatung label { width: 110px; text-align: right; float: left; display: inline; margin-right: 20px;}
	#verbraucherberatung select { width: 60px;}
	#verbraucherberatung .inputtext { width: 270px; margin: 0;}
	#verbraucherberatung textarea { width: 270px; height: 120px; margin-bottom: 10px;}
	#abschliessender_hinweis { margin: 10px 0; font-size: 1.3em; font-weight: bold; color: rgb(0,126,53); clear: both; }
	#absenden2 { width: 60px; text-align: center; float: right; margin: 10px 190px 10px 0; }
	#verbraucherberatung .pxs_css_spamcheck { display: none !important; }

/*  ===== Sonderbehandlung für IE6 und IE7, Gründe des Bugs sind unklar ========= */
* html #navigation, * html #content { margin-top: -2px;}  /* -14px */
*+html #navigation, *+html #content { margin-top: 0px;}  /* -12px */