



/*
      + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      +
      +  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% "Times New Roman", Times, serif;
	background: #C8C8C8;
}


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

a {
	text-decoration: none;
	color: #444;
}
a:focus,
a:hover {
	color: #660033;
}
h1, h2, h3 {
	font-size: 18pt;
	font-weight: normal;
	color: #444444;
	padding-bottom: 10px;
}
li {
	list-style-type: none;
}



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

	/*================================================= Wie groß soll die Schrift und der Einzug der Listenfelder sein =================================================*/
		#recent-comments ul,
		#recent-posts ul,
		#nav_categories li ul,
		#archives ul  {
			font-size: 10pt;
			padding-left: 15px;
		}

		.sidebartext {
			font-size: 10pt;
			padding-left: 15px;
			line-height: 18px;
			color: #444444;
		}	
	/*================================================= Wie groß soll der Abstand zwischen den Listenfeldern sein =================================================*/
		#recent-comments ul li,
		#recent-posts ul li,
		#nav_categories li ul li,
		#archives ul li {
			padding-top: 5px;
		}

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

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

#alles {
	width: 1024px;
	background: #FFFFFF;
	margin: 0 auto;
}



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

	#top_nav {
		position: relative;
		top: 33px;
		text-align: right;
	   height: 20px;
		margin-right: 15px;
	}
		#top_nav li {
			display: inline;
			list-style-type: none;
		   font-size: 10pt;
			font-weight: bold;
			letter-spacing: 1px;
			text-transform: uppercase;
		}
		#top_nav li b {
			color: #C0C49F;
		}
		#top_nav li a {
			color: #C0C49F;
			font-weight: bold;
		}
		#top_nav li a:link,
		#top_nav li a:visited {
			color: #C0C49F;
		}
		#top_nav li a:hover,
		#top_nav li a:focus {
			color: #CDABAB;
		}

		/* + + + + + + + + + + + + + + + + + + + + + + + + + + Home Link-Grafik " Die Senioren - Blogger... " + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
		#header_text{
			position: absolute;
			top: 79px;
			left: 590px;
		}



#content {
	overflow: hidden;
	position: relative;
	width: 1024px;
   background: transparent url(images/bg_linien.gif) 0 0 repeat-y;
}
	/* + + + + + + + + + + + + + + + + + + + + + + + + + + Zum Blättern innerhalb der Beiträge + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
	.navigation_top {
		position: absolute;
		top: 0;
		left: 40px;
		width: 480px;
		padding: 6px 60px 0 0;
	}
		.navigation_top .alignright {			
			float: right;
			font-weight: bold;
			}
		
		.navigation_top .alignleft {
			float: left;
			font-weight: bold;
			}
	
	.navigation {
		padding: 20px 0 0 0;
		margin: 0;
	}
		.navigation .alignright {			
			float: right;
			font-weight: bold;
			}
		
		.navigation .alignleft {
			float: left;
			font-weight: bold;
			}




	#blog {
		position: relative;
		float: left;
	   width: 480px;
		background: transparent;
	   padding: 40px 50px 10px 40px;
	}
	#blog_end {
		height: 53px;
		background: transparent url(images/blume_rechts.jpg) 431px 0px no-repeat;
	}
	#blog_end p {
		height: 8px;
		border-bottom: 1px solid #A5A578;
	}
	
		/*
		+
		+														Alle Styles bezüglich der Beiträge befinden sich hier
		+
		========================================================================================================================================
		*/
		.beitrag {
			width: 470px;
			min-height: 100px;
			background: transparent url(images/blume.jpg) 15px 0px no-repeat;
			margin: 0 0 30px 0;
			padding: 0;
		}
		.beitrag h1 {
			font-weight: normal;
			border-bottom: 1px solid #A5A578;
			padding: 10px 0 10px 45px
		}

		/* Hier sind die styles für den Inhalt der Beiträge untergebracht*/
				.beitrag .inhalt {
					overflow: hidden;
					margin: 10px 20px 15px 24px;
				}
				.beitrag .inhalt p {
					line-height: 1.4em;
					padding: 5px 0 5px 0;
				}
				.beitrag .inhalt small {
					color: #838498;
				}
				.beitrag .inhalt table {
					margin: 8px 0 8px 9px;
				}
				.beitrag .inhalt a {
					color: #A5A578;
				}
				.beitrag .inhalt a:link,
				.beitrag .inhalt a:visited {
					color: #A5A578;
					font-weight: bold;
				}
				.beitrag .inhalt a:hover,
				.beitrag .inhalt a:focus {
					color: #CDABAB;
				}
				.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;
					}


		/* Hier sind die Darstellungen für den Fußbereich der einzelnen Beiträge untergebracht */
				.beitrag .beitrag_foot {
					overflow: hidden;
					padding: 0 0 0 24px;
				}
				.beitrag .beitrag_foot .hand {
					float: right;
					width: 63px;
				}
				.beitrag .beitrag_foot .daten {
					overflow: hidden;
					width: 372px;
					margin-right: 20px;
				}
						.beitrag .beitrag_foot b {
							font-size: 8pt;
							font-weight: bold;
							color: #6D6249;
						}
						.beitrag .beitrag_foot .kat_komentar {
							display: inline;
							font-size: 8pt;
							list-style-type: none;
						}
						.beitrag .beitrag_foot .post_data {
							letter-spacing: 2px;
							font-size: 8pt;
							font-weight: bold;
							color: #44434B;
							padding-bottom: 3px;
							border-bottom: 1px solid #A5A578; 
						}
						.beitrag .beitrag_foot .date_feed {
							padding: 9px 0px; 
						}
							.beitrag .beitrag_foot .date {
								float: left;
								background: #838498;
								font-family: "Times New Roman", Times, serif;
								font-size: 10pt;
								color: #FFFFFF;
								font-weight: bold;
								padding: 3px 5px;
								border: 1px solid #A5A578;
							}
							.beitrag .beitrag_foot .bookmark_bar {
								float: right;
								height: 21px;
								padding-top: 3px;
							}
		
		
		

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

	#sidebar {
		float: left;
		width: 452px;
		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: 229px;
	   background: transparent url(images/bg_auswahl.jpg) 1px 0px no-repeat;
		padding-left: 15px;
	}

		/*================================= Alle Styles die zum Feld Suchen gehören befinden sich hier =================================================*/
		#sidebarleft .search {
			height: 40px;
			width: 220px;
			padding: 47px 0 10px 0;
			background: transparent url(images/stern.gif) 173px 40px no-repeat;
		}
		#sidebarleft .text_search {
			display: block;
			float: left;
			width: 120px;
			height: 18px;
			padding: 4px 0 0 2px;
			border: 1px solid #CDABAB;
			margin-top: 2px;
		}
		#sidebarleft .send_button {
			display: block;
			width: 85px;
			height: 23px;
			background: transparent;
			font-family: "Times New Roman", Times, serif;
			font-size: 17pt;
			color: #444444;
			border: none;
			padding: 2px 0 0 10px;
		}
		
		
		/*================================= Alle Styles die zum Feld Kommentare gehören befinden sich hier =================================================*/
		#sidebarleft .kommentar,
		#recent-comments {
			color: #444444;
			background: transparent url(images/d.jpg) 104px 0 no-repeat;
			font-weight: normal;
			padding: 10px 0 0 0;
			margin: 0 0 35px 0;
		}
		#sidebarleft .kommentar img,
		#recent-comments img {
			float: right;
			padding: 6px 5px 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/z.jpg) 66px 0 no-repeat;
			font-weight: normal;
			padding-top: 10px;
			margin-bottom: 30px;
		}
		#sidebarleft .nav_beitrag img,
		#recent-posts img {
			float: right;
			padding: 5px 29px 0 5px;
		}
		#recent-posts h1 {
			padding-bottom: 15px;
		}
		
		

		/*================================= Alle Styles die zum Feld Kategorie gehören befinden sich hier =================================================*/		
		#sidebarleft .nav_kategorie,
		#nav_categories {
			color: #444444;
			background: transparent url(images/a.jpg) 85px 0 no-repeat;
			font-weight: normal;
			padding-top: 10px;
			margin-bottom: 40px;
		}
		#nav-categories li h1 {
			padding-bottom: 15px;
		}

		
/*
========================================================================================================================================
+
+									Alle Styles bezüglich der Archive und Schlagworte befinden sich hier
+
========================================================================================================================================
*/
	#sidebarright {
		position: relative;
		float: left;
		width: 173px;
		padding: 32px 0 0 25px;
		background: transparent;
	}
		
		/*================================= Alle Styles die zum Feld Archiv gehören befinden sich hier =================================================*/		
		#sidebarright .nav_archiv,
		#archives {
			color: #444444;
			background: transparent url(images/s.jpg) 48px 0 no-repeat;
			font-weight: normal;
			padding: 15px 0 0 0;
			margin: 0 0 40px 0;
		}
		
		
		/*================================= Alle Styles die zum Feld Text Wolke gehören befinden sich hier =================================================*/		
		#sidebarright #new-tag-cloud {
			color: #444444;
			background: transparent url(images/k.jpg) 87px 0 no-repeat;
			font-weight: normal;
			padding: 15px 0 0 0;
			margin: 0 0 40px 0;
		}
		#sidebarright #newtagcloud {
			padding: 5px;
			border: 1px solid #CDABAB;
			margin: 15px 0;
		}
		#sidebarright #newtagcloud a{
			padding: 0 5px 0 5px;
		}

		/*================================= Alle Styles die zum Feld Werbung gehören befinden sich hier =================================================*/		
		#sidebarright .nav_werbung
		 {
			color: #444444;
			background: transparent url(images/z.jpg) 66px 0 no-repeat;
			font-weight: normal;
			padding: 15px 0 0 0;
			margin: 0 0 40px 0;
		}
		#sidebarright .nav_werbung h1{
			padding: 0 0 15px 0;
		}
		
		/*================================= Alle Styles die zum Feld MyLinks gehören befinden sich hier =================================================*/		
		#sidebarright .nav_mylinks
		 {
			color: #444444;
			background: transparent url(images/a.jpg) 35px 0 no-repeat;
			font-weight: normal;
			padding-top: 10px;
			margin-bottom: 40px;
		}
		#sidebarright .nav_mylinks h1{
			padding: 0 0 15px 0;
		}
		#sidebarright .nav_mylinks ul li a{
			font-size: 10pt;
		}
/*
========================================================================================================================================
+
+														Alle Styles bezüglich des Footer Bereichs befinden sich hier
+
========================================================================================================================================
*/
		#footer {
			position: relative;
			clear: both;;
			width: 1024px;
			height: 100px;
			font-size: 9pt;
			font-weight: bold;
			letter-spacing: 1px;
			background: transparent url(images/footer.jpg) 0 0 no-repeat;
		}
				#footer .foot_nav {
					position: absolute;
					top: 49px;
					left: 10px;
				}
				#footer .foot_nav li {
					display: inline;
					list-style-type: none;
					color: #660033;
					border: none;
				}
				#footer .foot_nav a:link,
				#footer .foot_nav a:visited {
					color: #660033;
				}
				#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: 30px;
			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: 15px;
		}



/*
========================================================================================================================================
+
+													Allgemeine Styles die zu den FORM COMMENTS (comments.php) gehören
+
========================================================================================================================================
*/
		
		#blog #form_comment {
			margin: 0 0 0 0;
		}
		#blog #form_comment .kommentar_ausgabe {
			min-height: 51px;
			background: transparent url(images/3.jpg) 15px 0px no-repeat;
			margin: 0 0 10px 0;
			padding: 0;
		}
		#blog #form_comment .eingabe {
			min-height: 51px;
			background: transparent url(images/e.jpg) 15px 6px no-repeat;
			margin: 0 0 10px 0;
			padding: 0;
		}
		#blog #form_comment h3 {
			font-weight: normal;
			color: #444444;
			border-bottom: 1px solid #A5A578;
			padding: 10px 25px 5px 45px;
		}
		#blog #form_comment form {
			display: block;
			padding: 0 0 20px 25px;
		}
		#blog #form_comment form p {
			margin: 0 0 10px 0;
		}
		#blog #form_comment .commentlist {
			background: #F6F6F6;
			color: #656978;
			line-height: 1.4em;
			padding: 15px 10px 0 10px;
			border-top: 1px solid #DDDDDD;
			border-bottom: 1px solid #DDDDDD;
			margin: 0 30px 30px 25px;
		}
		#blog #form_comment .commentlist li {
			background: #F6F6F6;
			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: #A5A578;
		}
		
		/* Layout für das Formular zur eigabe von Kommentaren beginnen hier */
				#form_comment form {
					width: 427px;
					padding-top: 10px;
				}
				#form_comment form p label small {
					font-size: 9pt;
					padding-left: 5px;
				}
				#form_comment form .ip_box {
					border: 1px solid #CDABAB;
				}
				
				/* Darstellung der Editierleiste über dem Textareafeld */
				#form_comment form #ed_toolbar .ed_button {
					background-color: #F7E9E9;
					font-size: 9pt;
					padding: 0 2px;
					border-bottom: 1px solid #CDABAB;
					border-right: 1px solid #CDABAB;
					margin: 0 3px 5px 0;
				}
				
				#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;
		}
