* {
	margin:0;
	padding:0;
}

html {
	font-size: 85%;
	line-height: 1.7;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: #fff;
}

h1, h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 2.6em;
	line-height: 1.2;
text-align:center;
}

h2 {
	font-size: 2em;
margin-bottom: .6em;
text-align: left;
letter-spacing: -1px;
}

.clearer {
	clear: both;
	font-size: 1px;
	height: 1px;
	display: block;
}

body {
}

div#header {
	line-height: normal;
	background: #333 url(header.png) no-repeat center center;
	color: #fff;
	width: 50em;
	margin: 0 auto 1.5em;
}

	div#header a {
		color: #fff;
		text-decoration: none;
	}

	div#header h1 {
		font-size: 140%;
		font-weight: bold;
		padding: 0 5px;
		height: 70px;
		text-indent: -1000em;
	}
	
		div#header h1 a:hover {
			color: #eee;
			text-decoration: underline;
		}
	
	div#header ul {
	float: left;
	clear: both;
	width: 100%;
	background: url(http://yatil.de/img/nav-back.png) repeat-x top;
	}
	
		div#header ul li {
			display: inline;
		}
		
			div#header ul li a {
				display: block;
				font-weight: bold;
				float: left;
				width: 170px;
width: 18%;
				padding: 6px 1%;
				text-align: center;
				font-size: 120%;
			}
						
				div#header ul li a:hover {
					background: #474747 url(http://yatil.de/img/nav-back-hover.png) no-repeat top;
				}	
				
				body.start div#header ul#navigation li a.nstart,
				body.weblog div#header ul#navigation li a.nweblog,
				body.artikel div#header ul#navigation li a.nartikel,
				body.portfolio div#header ul#navigation li a.nportfolio,
				body.impressum div#header ul#navigation li a.nimpressum {
					background: #779725;
					cursor: text;
				}
				
				body.start div#header ul#navigation li a.nweblog,
				body.weblog div#header ul#navigation li a.nartikel,
				body.artikel div#header ul#navigation li a.nportfolio,
				body.portfolio div#header ul#navigation li a.nimpressum {
					background: url(http://yatil.de/img/nav-next-back.png) no-repeat left top;
				}
				
					body.start div#header ul#navigation li a.nweblog:hover,
					body.weblog div#header ul#navigation li a.nartikel:hover,
					body.artikel div#header ul#navigation li a.nportfolio:hover,
					body.portfolio div#header ul#navigation li a.nimpressum:hover {
						background: url(http://yatil.de/img/nav-next-hover-back.png) no-repeat left top;
					}
				
				body.weblog div#header ul#navigation li a.nstart,
				body.artikel div#header ul#navigation li a.nweblog,
				body.portfolio div#header ul#navigation li a.nartikel,
				body.impressum div#header ul#navigation li a.nportfolio {
					background: url(http://yatil.de/img/nav-prev-back.png) no-repeat right top;
				}
				
					body.weblog div#header ul#navigation li a.nstart:hover,
					body.artikel div#header ul#navigation li a.nweblog:hover,
					body.portfolio div#header ul#navigation li a.nartikel:hover,
					body.impressum div#header ul#navigation li a.nportfolio:hover {
						background: url(http://yatil.de/img/nav-prev-hover-back.png) no-repeat right top;
					}

div#headbox {
	background: #e0e0e0;
	float: left;
	width: 99%;
	border: 3px double #ccc;
}		

div#headbox dl.container {
	width: 29%;
	padding: 2%;
	float: left;
}					

div#headbox dl.container dt {
	background: #555;
	text-transform: uppercase;
	font-size: .8em;
	font-weight: bold;
	color: #f3f3f3;
	text-align: center;
}					

div#headbox dl.container dd ul {
	list-style: none;
	margin: 3px 0;
}				

div#headbox dl.container dd ul li {
	list-style: none;
	border-left: 2px solid #777;
	margin-bottom: 3px;
	padding-left: 5px;
}				

div#headbox dl.container dd ul.lastcomments li:hover span.nodisplay {
	display: none;
}				

div#headbox dl.container dd ul.lastcomments li span {
	display: none;
	font-size: .8em;
}				

div#headbox dl.container dd ul.lastcomments li:hover span {
	display: block;
}				
					
div#wrap {
	width:900px;
width: 50em;
	margin: 1em auto 0;
	/*background: url(http://yatil.de/img/side.gif) repeat-y right;*/
}

	div#wrap div#content {
		float: left;
		width: 535px;
width: 900px;
width: 50em;
		padding: 0 5px 0 0;
padding: 0;
	}
	
		div#wrap a {
			color: #779725;
			text-decoration: none;
			border-bottom: 1px solid;
		}

			div#wrap a:visited {
				color: #333;
				border-bottom: 1px dotted;
			}
		
			div#wrap a:hover {
				color: #A25A1A;
				border-bottom: 2px solid;
			}

		div#wrap div#content div.entry {
			float: left;
			clear: both;
			width: 100%
		}


#startseite div#wrap div#content div.entry {
			width: 100%;
		}
	
		div#wrap div#content h1 {
		   margin-top: .4em;
			color: #f3f3f3;
			background: #555;
		}

			div#wrap div#content h1 a,
			div#wrap div#content h1 a:visited {
				padding: 5px;
				display: block;
				color: #fff;
				text-decoration: none;
				border-bottom: none;
			}
			
				div#wrap div#content h1 a:hover {
					padding-bottom: 2px;
					border-bottom: 3px solid #AED44E;
					color: #eee;
				}
	
		div#wrap div#content div.metadata {
			float: left;
			width: 165px;
			padding: 0 5px 0 0;
		}
		
			div#wrap div#content div.metadata ul {
				list-style: none;
				line-height:1.7em;
				margin-left: 0;
			}

				div#wrap div#content div.metadata ul li {
					border-bottom: 1px solid #ddd;
				}
				
		div#wrap div#content div.intro,
		div#wrap div#content div.body {
			padding: 5px;
			width: 350px;
width: 715px;
width: auto;
margin: 0 15px 0 170px;
			float: right;
float: none;
		}

		div#wrap div#content div.intro {
			font-weight: bold;
		}
		
			div#wrap div#content div.body p {
				margin-bottom: 0.6em;
			}
			
			div#wrap div#content div.body blockquote {
				border-left: 2px solid #ddd;
				padding: 0 0 2em 5px;
				margin-left: -7px;
				background: url(http://yatil.de/img/blockquote-bg.png) no-repeat left bottom;
position: relative;
			}

div#wrap div#content div.body blockquote span {
position: absolute;
 top:0;
left: -170px;
width: 168px;
text-align:right;
line-height: 1.5;
}

div#wrap div#content div.body blockquote span a {
background: #ddd;
color: #222;
border: none;
padding: 1px 2px;
display: block;
}

div#wrap div#content div.body blockquote span a:hover {
background: #779725;
color: #fff;
}

				div#wrap div#content div.body img {
display: block;
					float: right;
					margin: 5px 0 5px 5px;
				}
				
/*					div#wrap div#content div.body img.big {
						float: none;
						margin: 5px auto;
						max-width: 350px;
					}
					
					div#wrap div#content div.body img.bigger {
						float: none;
						margin: 5px 0 5px -180px;
						max-width: none;
					}
										
					div#wrap div#content div.body img.huge {
						float: none;
						margin: 5px 0 5px -180px;
						max-width: 530px;
					}
	*/		
			div#wrap div#content p.morefooter {
				clear: both;
				border: 1px solid #ccc;
				border-style: solid none;
				padding: 5px;
				margin-bottom: 1.5em;
				text-align: center;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 1.3em;
			}
			
				div#wrap div#content p.morefooter a {
				}
					
	div#wrap div#side {
		float: right;
		width: 350px;
		padding: 5px;
		color: #fff;
display: none;
	}
	
		div#wrap div#side div.leftcol,
		div#wrap div#side div.rightcol {
			width: 170px;
		}
		
		div#wrap div#side div.leftcol,
		div#wrap div#side div.rightcol,
		div#wrap div#side div.onecol {
			clear:both;
			margin-bottom: .7em;
		}
	
		div#wrap div#side div.leftcol {
			float: left;
			padding: 5px 5px 5px 0;
			clear: left;
		}
		
		div#wrap div#side div.rightcol {
			float: right;
			padding: 5px 0 5px 5px;
			clear: right;
		}
	
		div#wrap div#side h2 {
			font-size: 1.2em;
			font-weight: normal;
			border: 2px solid #CE7221;
			border-width: 2px 0;
			text-align: center;
			padding: .3em;
		}
		
		div#wrap div#side a {
				color: #fff;
		}
		
			div#wrap div#side form#searchform input {
				display: block;
				width: 95.5%;
				color: #fff;
				background: #CE7221 url(http://yatil.de/img/suche.png) no-repeat left;
				border: 1px solid #E18C41;
				padding: 0.7em 0.5em;
				margin: 0 auto;
			}
		
			div#wrap div#side div ul {
				list-style: none;
			}
			
				div#wrap div#side div ul li {
					display: inline;
				}
				
				div#wrap div#side div ul li a {
					display: block;
					text-decoration: none;
					text-align: center;
					position:relative;
					border-bottom: 1px dotted #A25A1A;
				}

					div#wrap div#side div ul li a:hover {
						border-bottom: 1px dotted #fff;
					}
											
					div#wrap div#side div ul li a span.rssMonthCount {
						display: none;
						color: #E18C41;
						font-weight: bold;
					}

						div#wrap div#side div ul li a:hover span.rssMonthCount {
							display: inline;
							position: absolute;
							right: 0;
						}
						
					div#wrap div#side div p.morefooter a {
						display: block;
						border: 1px dotted #CE7221;
						border-width: 1px 0;
						text-align: center;
					}

					div#wrap div#side div p a.wid {
						display: block;
						border: 1px dotted #CE7221;
						border-width: 1px;
height: 2em;
line-height: 2em;
color: #000;
text-align: center;
						background: #fff url(http://yatil.de/img/wid.gif) no-repeat 30px;
					}
					
	
	div#pagebottom {
		float: left;
		width: 100%;
		clear: both;
		position: relative;
display: none;
	}	
	
		div#pagebottom div.col {
			border: 1px solid #ccc;
			border-width: 1px 0;
			float: left;
			width: 170px;
			padding-left: 5px;
			padding-right: 5px;
			height: 23em;
			overflow: hidden;
			position: relative;
			background: url(http://yatil.de/img/pagebottom-col-bg.png) repeat-y left;
		}
		
		div#pagebottom div.last {
			padding-right: 4px;
			border-right: 1px solid #ccc;
		}

			div#pagebottom div.col a {
				color: #779725;
				text-decoration: none;
			}

			div#pagebottom div.col a:hover {
				border-bottom: 1px solid;
			}
					
			div#pagebottom div.col h3 {
				color: #779725;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-weight: normal;
				font-size: 1.4em;
				line-height: 1.3;
				margin-bottom: .3em;
			}
			
				div#pagebottom div.col h3 a {
					color: #779725;
					display: block;
					text-decoration: none;
					border-bottom: 1px solid #eee;
				}
				
					div#pagebottom div.col h3 a:hover {
						color: #333;
						border-bottom-color: #779725;
					}
					
			div#pagebottom div.col p.morefooter {
				position: absolute;
				bottom: 0;
				background: #fff;
				right: 0;
				left: 1px;
				text-align: right;
			}
			
			div#pagebottom div.col p.morefooter a {
				display: block;
				color: #fff;
				padding: 0 5px;
				text-decoration: none;
				background: #779725 url(http://yatil.de/img/pagebottom-content-morefooter.png) no-repeat left;
			}
			
			div#pagebottom div.col p.morefooter a:hover {
				background: #333 url(http://yatil.de/img/pagebottom-content-morefooter-hover.png) no-repeat left;
				border: none;
			}
			
			div#pagebottom div.vier,
			div#pagebottom div.last {
				color: #fff;
				border-color: #CE7221;
				background-image: url(http://yatil.de/img/pagebottom-col-side-bg.png);
			}
			
			div#pagebottom div.vier a,
			div#pagebottom div.last a {
				color: #fff;
				text-decoration: underline;
			}
			
			div#pagebottom div.vier h3,
			div#pagebottom div.last h3 {
				margin: 0 -5px 0 -4px;
				padding: 0 5px;
				background-color: #CE7221;
				color: #fff;
			}
			
			div#pagebottom div.vier h3 a,
			div#pagebottom div.last h3 a {
				color: #fff;
				border-bottom: none;
			}	
			
			div#pagebottom div.vier h3 a:hover,
			div#pagebottom div.last h3 a:hover {
				border-bottom: none;
			}
			
			div#pagebottom div.vier p.morefooter a,
			div#pagebottom div.last p.morefooter a {
				border-top: 1px dotted #CE7221;
				background: #A25A1A url(http://yatil.de/img/pagebottom-side-morefooter.png) no-repeat left;
			}
			
			div#pagebottom div.vier p.morefooter a:hover,
			div#pagebottom div.last p.morefooter a:hover {
				border-top: 1px dotted #CE7221;
				background: #CE7221 url(http://yatil.de/img/pagebottom-side-morefooter-hover.png) no-repeat left;
			}
			
div#footer {
	border-top: 3em solid #fff;
	height: auto;
	font-size: 100%;
	background: #333;
	color: #fff;
}

	div#footer p {
			padding: 1.3em 30px;
	}
	
		div#footer p a,
		div#footer p a:visited {
				color: #fff;
		}	
	
div#wrap div#content div#comments {
	clear: both;
	width: 100%;
width: 900px;
width: 50em;
	float: left;
float: none;
	background: url(http://yatil.de/img/kommentare-back.png) repeat-y left;
}

	div#wrap div#content div#comments h2 {
		clear: both;
		background: #ddd url(http://yatil.de/img/kommentare.png) no-repeat 65%;
		padding: .6em 5px;
		margin-bottom: .85em;
font-size: 2em;
	}
	
	div#wrap div#content div#comments dl {
		width: 100%;
		float: left;
		border-top: 2px solid #eee;
	}
	
		div#wrap div#content div#comments dl.owner {
			border-top: 2px solid #779725;
		}
	
		div#wrap div#content div#comments dl dt {
			width: 160px;
			padding: 0 5px;
			float: left;
			text-align: right;
		}

		div#wrap div#content div#comments dl dd {
			margin-left: 170px;
			padding: 0 5px;
		}
		
			div#wrap div#content div#comments dl dd.meta {
				padding: 0 5px;
				margin-bottom: 1.3em;
			}

			div#wrap div#content div#comments dl dd img{
				width: 80px;
				margin: 5px;
				border: 1px solid #CE7221;
				float: right;
				background: url(http://yatil.de/img/gravatarbg.png) no-repeat left top;
			}
			
			div#wrap div#content div#comments p {
				padding-bottom: 5px;
			}
			
			div#wrap div#content div#comments label {
				display: block;
				float: left;
				width: 160px;
				padding: 0 5px;
				text-align: right;
			}

			div#wrap div#content div#comments textarea {
				margin-left: 5px;
				width: 345px;
				padding: 5px;
				height: 7em;
				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			}
			
			div#wrap div#content div#comments p input {
				margin-left: 5px;
				width: 345px;
				padding: 2px 5px;
			}
			
				div#wrap div#content div#comments p.info,
				div#wrap div#content div#comments p.agb,
				div#wrap div#content div#comments p.cb,
				div#wrap div#content div#comments p.submit {
					margin-left: 175px;
				}
				
					div#wrap div#content div#comments p.cb input {
						width: auto;
					}
			
			div#versteckt {
				display: none;
			}

code {
font-size: normal;
font-family: Courier, monospace;
}

ol.code {
font-size: normal;
font-family: Courier, monospace;
overflow: auto;
padding: 8px;
clear:left;
margin-left: -170px;
}
ol.code li {
background-color: #F8F8F8;
margin: 2px 0 0 3.2em;
padding: 0 5px;
font-size: small;
}
ol.code li.source {
background-color: #fff;
padding: 5px;
text-align: center;
border-top: 1px solid #E8E6E6;
font-family: verdana;
list-style: none;
}
ol.code li.tab1 {padding-left: 1em;}
ol.code li.tab2 {padding-left: 2.2em;}
ol.code li.tab3 {padding-left: 3.4em;}
ol.code li.tab4 {padding-left: 4.6em;}
ol.code li.tab5 {padding-left: 5.8em;}
ol.code li.tab6 {padding-left: 7em;}

ol.code li code {

}
ol.code li.cmnt code {

}

div.werbung { margin:0 auto; text-align: center;}
div.werbung table { margin:0 auto; text-align:left;}

ul.rssMenu, body#archiv dl {
list-style: none;
width: 100%;
float: left;
}

body#archiv dl {
margin-top: 3em;
}

ul.rssMenu li {
display: block;
float: left;
width: 24.8%;
border-right: 1px solid #ddd;
}

ul.rssMenu li a, body#archiv dl dd a {
display: block;
padding: 2px 4px;
}

ul.rssMenu li a:hover, body#archiv dl dd a:hover {
border-bottom-width: 1px !important;
}

body#archiv dl dt {
display: block;
float: left;
width: 24.4%;
clear: both;
text-align: right;
padding: 2px 0;
}

body#archiv dl dd {
display: block;
float: right;
width: 75.1%;
border-left: 1px solid #ddd;
}

div#content div.entry ol,
div#content div.entry ul {
margin-left: 3em;
}

div#content div.entry ol li,
div#content div.entry ul li {
margin-bottom: .7em;
}

div#content div.entry div.metadata ol li, 
div#content div.entry div.metadata ul li {
margin-bottom: 0;
}

div#content div.entry ul li ul li, 
div#content div.entry ol li ul li, 
div#content div.entry ul li ol li,
div#content div.entry ol li ol li {
margin-left:3em !important;
}

div#comments h2 {
text-align: center;
}