/* ---- Allgemein ---- */

body {
		 background-color: #302D1E;
		 font: 62%/140% Tahoma, Verdana, Arial, Helvetica, sans-serif;
		 color: #A9A27F;
		 }

a {
	color: #AE9221;
	text-decoration:none;
	}

a:hover {
color: #F3E39B;
				/*text-decoration: underline;*/
				}

h1 a,
h2 a,
h3 a {
        color: #86A79C;
        }

h1 a:hover,
h2 a:hover,
h3 a:hover {
        color: #AED4C7;
        }

/* ---- Container ---- */

#main {
			background: #312C1E url(hg_gras.jpg) left bottom repeat-x;
			}

#main-inner {
						background: transparent url(_hg_pferde.jpg) left bottom no-repeat;
						width: 950px;
						padding: 0 0 ;
						}

#main-left {
					 width: 150px;
					 float:left;
					 text-align:right;
					 margin-bottom:220px;
					 }

#main-center {
						 width: 550px;
						 padding: 5px 0 0;
						 float:left;
						 margin-bottom:200px;
						 }

#main-right { 
						background: transparent url(hg_sidebar_rechts_unten.gif) left bottom no-repeat;
						width: 220px;
						float:right;
						color: #867F5B;
						overflow:hidden;
					 
					 margin-bottom:80px;
						}

#main-right-inner {
									background: #35301F url(hg_sidebar_rechts_oben.gif) left bottom repeat-x; 
									padding: 0 15px 5px;
									margin-bottom:20px;
									text-align: justify;
									}

#base {
			width: 950px;
			padding: 20px 0;
			clear:both;
			}

#base-right {
						width: 220px;
						float:right;
						}

#base-center {
						 width: 710px;
						 margin: 0 0 50px;
						 float: left;
						 }

#footer {
				clear:both;
				background-color: #252114;
				margin: 20px 0 0;
				padding: 8px 0;
				}


/* ---- oberer Content: linke Spalte ---- */

#main-left img.logo {
					 margin: 20px;
					 }

#main-left ul {
					 margin: 0 20px 20px 0;
					 font-size: 1.8em;
					 line-height: 1.5em;
					 font-weight: 500;
					 }
					 
#main-left li {
					 
					 }
					 
#main-left li a {
					 padding-right: 10px;
					 color: #867F5B;
					 }
					 
#main-left li a:hover {
					 color: #A9A27F;
					 text-decoration: none;
					 }
					 
#blog .blog a,
#fotos .fotos a,
#webdesign .webdesign a,
#kontakt .kontakt a,
#about .about a {
					 padding-right: 0px;
					 color: #A9A27F;
					 }

/* ---- oberer Content: rechte Spalte ---- */

#searchform {
						padding: 10px 0 0;
						}
#searchform #suche {
						margin: 0 5px 5px 0;
						padding: 3px;
						background: #48412B url(srch.gif) left bottom no-repeat;
						font-size:1.3em;
						color: #A9A27F;
						border: 1px solid #867F5B;
						}
						
#main-right h2 {
						margin: 30px 0 15px;
						font-size: 1.7em;
						font-weight: 500;
						color: #86A79C;
						}
				
#main-right p {
						margin: 0 0 10px;
						font-size:1.1em;
						line-height: 140%;
						}
						
#main-right a {
						font-weight: bold;
						}

.projekte {
					width: 195px;
					letter-spacing: -0.5em;
					}

.projekte img { /* oooh ooooh */
					background-color: #59533B;
					width: 50px;
					height: 50px;
					padding: 5px;
					margin: 0 5px 0px 0;
					}

.projekte img:hover {
					background-color: #6B6548;
					}
					
#main-right dl {
						font-size:1.1em;
						line-height:1.4;
						}

#main-right dt {
						margin: 0 0 5px;
						padding: 0;
						}

#main-right dd {
						margin: 0 0 10px;
						padding: 0;
						text-align: justify;
						}

/* ---- oberer Content: mittlere Spalte ---- */

#main-center .article {
        margin:20px 0 50px 0;
        }

#main-center h1,
#main-center h2,
#main-center h3,
#main-center p,
#main-center dl,
#main-center ul,
#main-center ol {
						 margin: 0 10px 10px;
						 }
						 
#main-center h1 {
						 font-size: 2.4em;
                                                 line-height: 1.4em;
						 font-weight: 500;
						 color: #86A79C;
						 }

#main-center .article h1 {
        font-size: 2.0em;
        }

#main-center h2 {
						 font-size: 1.7em;
						 line-height: 1.4em;
						 font-weight: 500;
						 color: #86A79C;
margin: 25px 10px 15px;
						 }

#main-center h3 {
						 font-size: 1.4em;
						 font-weight: 600;
						 color: #86A79C;
margin: 25px 10px 15px;
						 }

#main-center .spacebelow {
        margin-bottom: 45px;
        }
						 
#main-center p,
#main-center ul,
#main-center ol {
						 font-size: 1.3em;
						 line-height: 140%;
						 }
						 
#main-center p.postmetadata {
						 margin-bottom: 20px;
						 font-size: 1.1em;
						 line-height: 140%;
						 color: #867F5B;
						 }
						 
#main-center p.small {
						 font-size: 1.1em;
						 line-height: 140%;
						 color: #867F5B;
						 }
						 
#main-center p.morelink {
						 padding: 5px 0;
						 font-size: 1.1em;
						 line-height: 140%;
						 color: #867F5B;
						 border: 1px solid #413D2B;
						 border-width: 1px 0;
						 }
						 
#main-center p.morelink span {
						 float: right;
						 }
#main-center ul {
        list-style: none;
}

#main-center li {
        padding-left: 20px;
background: transparent url(listenpunkt.gif) 0px 5px no-repeat;
line-height: 1.6em;
}

#main-center ol {margin-left: 35px;}

#main-center ol li {list-style: decimal;background:none;padding: 0;}

#main-center dl {
						font-size:1.3em;
						line-height:1.4;
						}

#main-center dt {
						margin: 0 0 5px;
						padding: 0;
						}

#main-center dd {
						margin: 0 0 15px;
						padding: 0 0 0 10px;
						}
						
#main-center dt a {
        font-weight: bold;
        }

#main-center img {
        float: right;
        margin: 0 0 5px 10px;
        padding: 10px;
	border: 1px solid #413D2B;
        }

code {padding: 0 3px 1px; font-size: 1.1em; border: 1px solid #302D1E; background-color: #413D2B;}

/* ---- Bildergalerien ---- */

#main-center div.gallery {
				 margin: 10px 10px 30px;
				 }
#main-center h2.gallery {
        padding: 30px 0 0;
clear: both;
}

#main-center .gallery img {
float: left;
border: none;
				 background-color: #867F5B;
				 padding: 3px 10px;
				 margin: 5px 8px 10px 0;
				 }

/* ---- Kontaktformular ---- */

#zemContactForm input#name, 
#zemContactForm input#email,
#zemContactForm input#website, 
#zemContactForm input#telefon, 
#zemContactForm textarea#nachricht {
						 background-color: #413D2B;
						 margin: 0 0 5px;
						 padding: 2px 5px;
						 border: 1px solid #413D2B;
						 color: #FFF;
						 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
						 font-size: 1.0em;
						 line-height: 1.4em;
}


#zemContactForm input#name, 
#zemContactForm input#email,
#zemContactForm input#website, 
#zemContactForm input#telefon {
			width: 200px;
			}

#zemSubmit {
				width: auto;
				padding: 3px 5px;
				background-color: #413D2B;
				border: 1px solid #252114;
				color: #A9A27F;
				}


/* ---- unterer Content: mittlere Spalte ---- */

#base a {
			font-weight: bold;
			}
						
#base h2 {
						 margin-bottom: 15px;
						 font-size: 2.0em;
						 font-weight: 500;
						 color: #86A79C;
						 }
						
#base h3 {
						 margin-bottom: 15px;
						 font-size: 1.5em;
						 font-weight: 600;
						 color: #86A79C;
						 }
						 
#base-center p,
#base-center h1,
#base-center h2,
#base-center h3,
#base-center ul,
#base-center ol {
						margin-left:160px;
						margin-bottom: 15px;
						}		
										 
#base-center ol {
						 list-style: none;
						 border-top: 1px solid #413D2B;
margin-right: 20px;
						 }
						 
#base-center li {
						 padding: 5px 0;
						 font-size: 1.3em;
						 line-height: 1.5em;
						 color: #59533B;
						 border: 1px solid #413D2B;
						 border-width: 0 0 1px 0;
						 }

#base-center li:hover {
						 background-color: #2C291B;
						 }
#base-center span {
						 float: right;
						 }
						 
#comments {
						 margin: 0px 0 0 160px;
						 }

#comments hr {
					clear: both;
					height: 1px;
					border:0;
					border-bottom: 1px solid #413D2B;
					}

.comment {
				 margin: 30px 0 20px;
				 padding-right: 15px;
				 }
						 
.comment p { 
				 	 	 margin-bottom: 10px;
						 font-size: 1.3em;
line-height: 140%;
						 width:530px;
						 }
				 
.comment p.commentmeta {
						 width: 190px;
						 float: right;
						 margin-bottom: 10px;
						 font-size: 1.1em;
						 line-height: 140%;
						 text-align: right;
						 color: #59533B;
						 }
						 
.commentmeta img {
						 background-color: #59533B;
						 padding: 5px;
						 margin: 0 0 0 20px;
						 float:right;
						 }

.comment-preview {
        margin-top: 20px;
        padding: 10px 0 0 10px;
        background-color: #252114;
        }
						 
#txpCommentInputForm {
						 margin: 50px 0 30px;
						 }
						 
#txpCommentInputForm p {
        color: #867F5B;
        }
						 
#base p {
			margin-bottom: 10px;
			}
						 						 
#base form {
			margin-top:30px;
			}
						 
#name,
#email,
#web,
#message {
						 background-color: #413D2B;
						 padding: 2px 5px;
						 border: 1px solid #413D2B;
						 color: #FFF;
						 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
						 font-size: 1.3em;
						 line-height: 1.5em;
						 }

#name,
#email,
#web {
			width: 200px;
			border-width: 0 0 1px;
			
			}

#message {
			width: 400px;
			}

#forget,
#remember {
        margin-right: 10px;
				}				

#base label {
			font-size: 1.1em;
			line-height: 1.0em;
			}

input.button {
				width: auto;
				padding: 3px 5px;
				background-color: #413D2B;
				border: 1px solid #252114;
				color: #A9A27F;
				}

/* ---- unterer Content: rechte Spalte ---- */

#base-right h2,
#base-right p {
						margin: 0 10px 15px 15px;
						}

/* ---- Footer ---- */

#footer p {
				width: 950px;
				font-size: 1.1em;
				text-align:center;
				color: #867F5B;
				}

#footer a {
        margin: 0 0 0 30px;
        color: #A9A27F;
        }

#footer a:hover {
        text-decoration:underline;
        }

#h-older {
height: 30px;
background: transparent url(h_older.gif) left top no-repeat;
text-indent: -10000px;
}

#h-flickr {
height: 30px;
background: transparent url(h_flickr.gif) left top no-repeat;
text-indent: -10000px;
}

#h-projekte {
height: 30px;
background: transparent url(h_projekte.gif) left top no-repeat;
text-indent: -10000px;
}