/*
      + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      +
      +  DESIGN © BY
      +  www.jentzschdesign.com
      +  Hartmut Jentzsch
      +  Burggraben 1
      +  D-53359 Rheinbach
      +  http://www.jentzschdesign.com
      +
      +  CODE © BY
      +  www.jentzschdesign.com
      +  Christoph Becker
      +
      + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
*/




/* + + + + + + + + + + + + + + + + + + + + + + + + + + + TAGS + + + + + + + + + + + + + + + + + + + + + + + + + + + */
* {
	margin: 0;
	padding: 0;
}

html, body { 
	border: 0 solid;
	padding: 0;
}
	
body { 
	font: 94% Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: #D2D2D2;
}


img { 
	border: none;
	padding: 0; margin: 0;
}

a {
	text-decoration: none;
	color: #444444;
}
a:focus,
a:hover {
	color: #9B7C6A;
}
h1, h2, h3 {
	font-size: 13pt;
	font-weight: bold;
	color: #444444;
	padding-bottom: 10px;
}
li {
	list-style-type: none;
}



/*
========================================================================================================================================
+
+													Allgemeine Angaben für die Darstellung der Auswahllisten befinden sich hier
+
========================================================================================================================================
*/

	/*================================================= Wie groß sollen die Überschriften sein =================================================*/
		.beitrag h1 {										/* Überschrift der Beiträge */
			font-size: 14pt;
			font-weight: bold;
			letter-spacing:1pt;
			line-height:24pt;
		}
		.beitrag .date {									/* Datumsangabe */
			font-size: 8pt;
		}
		.beitrag .autor {									/* Autor Ausgabe */
			font-size: 11pt;
			font-weight: bold;
		}

	/*================================================= Wie groß soll die Schrift und der Einzug der Listenfelder sein =================================================*/
		#recent-comments ul,
		#recent-posts ul,
		#sidebarleft .widget_categories ul,
		#archives ul {
			font-size: 8pt;
			padding-left: 15px;
		}
	
	/*================================================= Wie groß soll der Abstand zwischen den Listenfeldern sein =================================================*/
		#recent-comments ul li,
		#recent-posts ul li,
		#sidebarleft .widget_categories ul li,
		#archives ul li {
			padding-top: 10px;
		}

	/*================================================= Wie groß soll die Schriftgröße der Inhaltsbereiche (Beiträge, Kommentare) sein =================================================*/
		.beitrag .inhalt,
		.beitrag .inhalt .tag_singel,
		#form_comment .commentlist li {
			font-size: 9pt;
			line-height:1.8em;
		}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + Alle Styles für das Layout des Blogs + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */

#alles {
	width: 1184px;
	padding: 0;
	background: #FFFFFF url(images/bg_body.jpg) 0 0 repeat-y;
	margin: 0 auto;
}



#header {
	position: relative;
	width: 1024px;
   height: 368px;
   background: transparent url(images/bg_header.jpg) 0 0 no-repeat;
	margin: 0 80px;	
}

	#top_nav {
		position: relative;
		top: 5px;
		text-align: right;
	   height: 20px;
		margin-right: 280px;
	}
		#top_nav li {
			display: inline;
			list-style-type: none;
		   font-size: 8pt;
			text-transform: lowercase;
			color: #999999;
		}
		#top_nav li b {
			color: #999999;
		}
		#top_nav li a {
			font-weight: normal;
		}
		#top_nav li a:link,
		#top_nav li a:visited {
			color: #999999;
		}
		#top_nav li a:hover,
		#top_nav li a:focus {
			color: #9B7C6A;
		}

		/* + + + + + + + + + + + + + + + + + + + + + + + + + + Home Link-Grafik  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
		#header_text{
			position: absolute;
			top: 268px;
			left: 38px;
		}



#content {
	position: relative;
	width: 1024px;
	margin: 0 80px;
}
	/* + + + + + + + + + + + + + + + + + + + + + + + + + + Zum Blättern innerhalb der Beiträge + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
	.navigation_top {
		font-size: 0.8em;
		padding: 0 10px 30px 0;
	}
		.navigation_top .alignright {			
			float: right;
			padding-right: 45px;
			}
		
		.navigation_top .alignleft {
			float: left;
			padding-left: 45px;
			}
	
	.navigation {
		font-size: 0.8em;
		padding: 20px 10px 0 0;
	}
		.navigation .alignright {			
			float: right;
			padding-right: 45px;
			}
		
		.navigation .alignleft {
			float: left;
			padding-left: 45px;
			}




	#blog {
		position: relative;
		float: left;
	   width: 620px;
		background: transparent;
	   padding: 20px 40px 10px 30px;
	}
	
		/*
		+
		+														Alle Styles bezüglich der Beiträge befinden sich hier
		+
		========================================================================================================================================
		*/
		.beitrag {
			width: 590px;
			margin: 0 0 30px 0;
			padding: 0;
		}
				.beitrag h1 {
					padding: 10px 0 20px 45px;
				}
				
				.beitrag .date {
					background: #336699;
					color: #FFFFFF;
					font-weight: bold;
					padding: 3px 10px;
					margin: 5px 15px 5px 0;
				}

		/* Hier sind die styles für den Inhalt der Beiträge untergebracht*/
				.beitrag .inhalt {
					overflow: hidden;
					margin: 10px 10px 10px 45px;	
				}
				.beitrag .inhalt p {
					line-height: 1.8em;
					padding: 5px 0 5px 0;
				}
				.beitrag .inhalt ol{
					line-height: 1.8em;
					padding: 5px 0 5px 40px;
					list-style:decimal;
				}
				.beitrag .inhalt ol li{
					line-height: 1.8em;
					padding: 5px 0 5px 10px;
					list-style:decimal;
				}
				.beitrag .inhalt ul{
					line-height: 1.8em;
					padding: 5px 0 5px 40px;
					list-style: square;
				}
				.beitrag .inhalt ul li{
					line-height: 1.8em;
					padding: 5px 0 5px 20px;
					list-style: square;
				}
				.beitrag .inhalt small {
					color: #838498;
				}
				.beitrag .inhalt table {
					margin: 8px 0 8px 9px;
				}
				.beitrag .inhalt a:link,
				.beitrag .inhalt a:visited {
					color: #336699;
					font-weight: bold;
				}
				.beitrag .inhalt a:hover,
				.beitrag .inhalt a:focus {
					color: #9B7C6A;
				}
				.beitrag .inhalt p img {
					padding: 0;
					max-width: 100%;
					}
				.beitrag .inhalt img.centered {
					display: block;
					margin-left: auto;
					margin-right: auto;
					}
				.beitrag .inhalt img.alignright {
					padding: 4px;
					margin: 0 0 2px 15px;
					display: inline;
					}
				.beitrag .inhalt img.alignleft {
					padding: 4px;
					margin: 0 15px 2px 0;
					display: inline;
					}
		
				.beitrag .tag_index {
					background: #E0E0E0;
					padding: 1px 5px 3px 5px;
					margin: 0 0 10px 45px;
				}
		
				.beitrag .tag_singel {
					background: #E0E0E0;
					padding: 1px 5px 3px 5px;
					margin: 10px 0 10px 0;
				}
				.beitrag .tag_singel a {
					font-size: 0.8em;
				}

		/* Hier sind die Darstellungen für den Fußbereich der einzelnen Beiträge untergebracht */
				.beitrag .beitrag_foot {
					overflow: hidden;
					margin: 0 0 10px 45px;
				}
						.beitrag .beitrag_foot .beitrag_daten {
							float: left;
							font-size: 7pt;
							color: #999999;
						}
						.beitrag .beitrag_foot .feed_data {
							list-style-type: none;
						}
						.beitrag .beitrag_foot .feed_data a:link,
						.beitrag .beitrag_foot .feed_data a:visited {
							color: #999999;
						}
						.beitrag .beitrag_foot .feed_data a:hover,
						.beitrag .beitrag_foot .feed_data a:focus {
							color: #9B7C6A;
						}
						.beitrag .beitrag_foot .date_feed {
							float: right;
							padding-top: 2px;
							padding-right: 10px; 
						}
							.beitrag .beitrag_foot .bookmark_bar {
								height: 20px;
							}
							.beitrag .beitrag_foot .bookmark_bar a {
								padding: 0;
							}
						/* hier sind die styles für die Toolbar des Obsocialbookmark Plugins*/
							.beitrag .beitrag_foot .bookmarkicon{
								padding: 0;
								margin: 0;
							}
				
		
		

	
	/*
	========================================================================================================================================
	+
	+														Hier befindet sich das Parent Objekt der Sidebars
	+
	========================================================================================================================================
	*/

	#sidebar {
		float: left;
		width: 313px;
		padding: 0;
		margin: 0;
	}
	
	
	/*
	========================================================================================================================================
	+
	+				Alle Styles die zur Spalte 1 der Sidebar gehören wie Suche, Komentare, Kategorien, Beiträge(kurz) befinden sich hier
	+
	========================================================================================================================================
	*/
	#sidebarleft {
		position: relative;
		float: left;
		top: 0;
		width: 283px;
		margin: 0 15px 0 5px;
	}

		/*================================= Alle Styles die zum Feld Suchen gehören befinden sich hier =================================================*/
		#sidebarleft .search {
			height: 25px;
			width: 283px;
			padding: 20px 0 20px 0;
			background: transparent url(images/bg_suchen.jpg) 180px 36px no-repeat;
		}
		#sidebarleft .text_search {
			display: block;
			float: left;
			width: 120px;
			height: 16px;
			padding: 0 2px;
			border: 1px solid #336699;
			margin-top: 2px;
		}
		#sidebarleft .send_button {
			display: block;
			width: 85px;
			height: 22px;
			background: transparent;
			font-size: 13pt;
			font-weight: bold;
			color: #444444;
			border: none;
			padding: 0px 0 0 5px;
		}
		
		
		/*================================= Alle Styles die zum Feld Kommentare gehören befinden sich hier =================================================*/
		#sidebarleft .kommentar,
		#recent-comments {
			color: #444444;
			background: transparent url(images/bg_listen.jpg) 74px 27px no-repeat;
			font-weight: normal;
			padding-top: 10px;
			margin-bottom: 35px;
		}
		#sidebarleft .kommentar img,
		#recent-comments img {
			float: right;
			padding: 4px 45px 0 0;
		}
		#recent-comments h1 {
			padding-bottom: 15px;
		}

		
		
		/*================================= Alle Styles die zum Feld Beitrag gehören befinden sich hier =================================================*/		
		#sidebarleft .nav_beitrag,
		#recent-posts {
			color: #444444;
			background: transparent url(images/bg_listen.jpg) 41px 27px no-repeat;
			font-weight: normal;
			padding-top: 10px;
			margin-bottom: 30px;
		}
		#sidebarleft .nav_beitrag img,
		#recent-posts img {
			float: right;
			padding: 4px 75px 0 5px;
		}
		#recent-posts h1 {
			padding-bottom: 15px;
		}
		

		/*================================= Alle Styles die zum Feld Kategorie gehören befinden sich hier =================================================*/		
		#sidebarleft .nav_kategorie,
		#sidebarleft .widget_categories {
			color: #444444;
			background: transparent url(images/bg_listen.jpg) 64px 27px no-repeat;
			font-weight: normal;
			padding-top: 10px;
			margin-bottom: 40px;
		}
		#sidebarleft .widget_categories h1 {
			padding-bottom: 15px;
		}
		
		/*================================= Alle Styles die zum Feld Archiv gehören befinden sich hier =================================================*/		
		#sidebarleft .nav_archiv,
		#archives {
			color: #444444;
			background: transparent url(images/bg_listen.jpg) 23px 27px no-repeat;
			font-weight: normal;
			padding: 10px 0 0 0;
			margin: 0 0 40px 0;
		}
		#sidebarleft #archives h1 {
			padding-bottom: 15px;
		}
		
		
		/*================================= Alle Styles die zum Feld Text Wolke gehören befinden sich hier =================================================*/		
		#sidebarleft #new-tag-cloud {
			color: #444444;
			background: transparent url(images/bg_listen.jpg) 51px 27px no-repeat;
			font-weight: normal;
			padding: 10px 0 0 0;
			margin: 0 0 40px 0;
		}
		#sidebarleft #new-tag-cloud h2 {
			padding-bottom: 15px;
		}
		#sidebarleft #newtagcloud {
			padding: 0 10px 0 15px;
			margin: 0;
		}
		#sidebarleft #newtagcloud a{
			padding: 0 5px 0 5px;
		}


/*
========================================================================================================================================
+
+														Alle Styles bezüglich des Footer Bereichs befinden sich hier
+
========================================================================================================================================
*/
		#footer {
			position: relative;
			clear: both;;
			width: 1024px;
			height: 151px;
			font-size: 9pt;
			font-weight: bold;
			background: transparent url(images/bg_footer.jpg) 0 0 no-repeat;
			margin: 0 80px
		}
				#footer .foot_nav {
					position: absolute;
					top: 104px;
					left: 186px;
				}
				#footer .foot_nav li {
					display: inline;
					list-style-type: none;
					color: #FFFFFF;
					font-size: 7pt;
					line-height: 1.9em;
					font-weight: normal;
					border: none;
				}
				#footer .foot_nav a:link,
				#footer .foot_nav a:visited {
					color: #FFFFFF;
				}
				#footer .foot_nav a:hover,
				#footer .foot_nav a:focus {
					color: #444;
				}

		#anmelden {
			position: absolute;
			top: 49px;
			left: 860px;
			padding-left: 59px;
		}
			#anmelden a:link,
			#anmelden a:visited {
				color: White;
			}
	


/*
========================================================================================================================================
+
+												Alle Styles die zu dem Kommentaren (single.php) gehören befinden sich hier
+
========================================================================================================================================
*/
		#blog .inhalt .postmetadata {
			background: #F7E9E9;
			text-align: justify;
			line-height: 1.4em;
			padding: 10px;
			border-top: 1px solid #CDABAB;
			border-bottom: 1px solid #CDABAB;
			margin-top: 50px;
			margin-bottom: 30px;
		}



/*
========================================================================================================================================
+
+												Alle Styles die zu den Archiven (archive.php) gehören befinden sich hier
+
========================================================================================================================================
*/
		#blog .pagetitle {
			color: #838498;
			padding-top: 9px;
			padding-bottom: 30px;
		}



/*
========================================================================================================================================
+
+													Allgemeine Styles die zu den FORM COMMENTS (comments.php) gehören
+
========================================================================================================================================
*/
		
		#blog #form_comment {
			margin: 0 50px 0 45px;
		}
		#blog #form_comment h3 {
			font-weight: normal;
			color: #444444;
			padding: 0 0 15px 0;
		}
		#blog #form_comment form {
			display: block;
			margin: 0 0 20px 0;
		}
		#blog #form_comment form p {
			margin: 0 0 10px 0;
		}
		#blog #form_comment .commentlist {
			background: #E0E0E0;
			color: #656978;
			line-height: 1.4em;
			padding: 15px 10px 0 10px;
			border-top: 1px solid #656978;
			border-bottom: 1px solid #656978;
			margin-bottom: 30px;
			margin-right: 10px;
		}
		#blog #form_comment .commentlist li {
			padding-bottom: 15px;
		}
		#blog #form_comment .commentlist li p {
			padding: 6px 0;
		}
		#blog #form_comment .commentlist a:link,
		#blog #form_comment .commentlist a:visited {
			color: #336699;
			font-weight: bold;
		}
		
		/* Layout für das Formular zur eigabe von Kommentaren beginnen hier */
				#form_comment form {
					padding-top: 10px;
				}
				#form_comment form p label small {
					font-size: 1.0em;
					padding-left: 5px;
				}
				#form_comment form .ip_box {
					border: 1px solid #336699;
				}
				
				/* Darstellung der Editierleiste über dem Textareafeld */
				#form_comment form #ed_toolbar input {
					font-size: 0.7em;
					padding: 0 2px;
				}
				#form_comment form .ed_button {
					background-color: #D2E2F0;
					padding: 0 2px;
					border-bottom: 1px solid #336699;
					border-right: 1px solid #336699;
					margin: 0 3px 5px 0;
				}
				#form_comment form .ed_button a {
					font-size: 0.9em;
				}
				#form_comment form #ed_pre {
					width: 10px;
					padding: 0 5px;
				}
				
				#form_comment form .subscribe-to-comments {
					display: none;
				}
				

/*
========================================================================================================================================
+
+													Allgemeine Styles die zu den Seiten (page.php) gehören
+
========================================================================================================================================
*/
		#blog .page {
			border-top: 1px solid #6F6959;
			padding-top: 5px;
		}