/* 
Theme Name: Nature
Theme URI: http://www.gabis-wordpress-templates.de/
Description: 3-spaltiges Schmucktemplate, halbfluid, Fenstergröße ab 800x600, widget-f&auml;hig, ab WP Version 1.5.2
Version: 1.0
Author: Gabriele von der Ohe
Author URI: http://www.gabis-wordpress-templates.de/
*/

/*---| Dateiweite Einstellungen |---*/

* {
margin: 0;
padding: 0;
border: 0;
}
body {
background:  #7e9d58;
color: #395127;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 0.8em;
text-align: center;
}
a:link,
a:visited {
color: #000;
background: inherit;
text-decoration:none;
}
a:hover,
a:active,
a:focus {
color:#f0f6f3;
background: inherit;
}
input, textarea {
color: #395127;
background: #f4f5eb;
border: 1px solid #a8bb8b;
padding: 1px;
margin:0px 3px 3px 0px;
}
input:hover,
textarea:hover {
color: #395127;
background: #f5f5f5;
border: 1px solid #a8bb8b;
}
textarea {
overflow: auto;
margin-bottom: 20px;
}
.absenden {
cursor: pointer;
background: #f4f5eb;
color: inherit;
}
.absenden:hover {
color:inherit;
background: #fff;
}
.zentrieren {
text-align: center;
}
.clear {
clear: both;
}

/*---| Kopfbereich |---*/

#wrapper {
max-width: 1024px;
background: #a8bb8b;
color: inherit;
margin:0 auto;
border: 1px solid #e9ecd9;
text-align: left;
}
#kopf{
background: url(http://www.albtips.de/wp-content/themes/nature/images/header.jpg) repeat-x;
width:1024px;
height: 164px;
border-bottom: 1px solid #e9ecd9;
z-index: 1000 !important;
}
#kopf h1 {
font-size: 2em;
text-align: center;
/*padding: 22px 190px 5px 190px;*/
/*padding: 122px 190px 5px 190px;*/
padding: 120px 190px 5px 190px;
}
#kopf h1 span {
/*color: #395127;*/
color: #fff;
}
#kopf a:link,
#kopf a:visited {
color: #25321e;
background: inherit;
display: block;
}
#kopf a:hover,
#kopf a:active,
#kopf a:focus {
color: #a8bb8b;
background: inherit;
}
#blogtitel {
background: #7e9d58;
color: #395127;
height: 25px;
text-align: center;
letter-spacing: 1px;
word-spacing: 2px;
margin: 0px 170px;
border-left: 1px solid #395127;
border-right: 1px solid #395127;
}
#blogtitel p {
padding-top: 5px;
color: #e9ecd9;
font-weight: bold;
background: inherit;
}

/*----| Sidebar |---*/

#links,
#rechts {
position: relative;
background: #a8bb8b;
color: inherit;
display: inline;
margin-top: -25px;
padding-top: 25px;
width: 170px;
overflow:hidden;
text-align: center;
/*filter: alpha(opacity=70);
-moz-opacity:0.70;
opacity:0.70;*/
}
#links {
float: left;
}
#rechts {
float: right;
}
#links h2,
#rechts h2 {
font-size: 1.2em;
color: #fff;
border-bottom: 1px solid #fff;
padding-bottom: 3px;
margin: 0 auto;
}
#links ul,
#rechts ul {
text-align:left;
padding: 3px;
overflow: hidden;
}
#links li,
#rechts li {
list-style: none;
line-height: 1.5em;
}
#rechts form,
#links formm {
text-align: center;
}

/*--- | Inhalt |---*/

#content {
margin: 0 170px;
line-height: 1.3em;
background: #e9ecd9 url(images/content.jpg) no-repeat right bottom;
border: 1px solid #395127;
color: inherit;
padding: 15px;
}
#content a:link,
#content a:visited {
color: #617c3f;
background: inherit;
text-decoration:none;
}
#content a:hover,
#content a:active,
#content a:focus {
color: #395127;
background: inherit;
}
#content ul, 
#content ol {
margin-left: 1.8em;
}
#content h2 {
font-size: 1.3em;
}
#content h3 {
font-size: 1.1em;
}
#content h4 {
font-size: 1.0em
}
#content h2, 
#content h3, 
#content h4,
#content h5,
#content h6,
#content blockquote,
#content pre,
#content p,
#content ul, 
#content ol {
margin-bottom: 0.6em;
}
#content blockquote {
background: #f0f2e4 url(images/bquote.gif) no-repeat;
color: #395127;
margin-left: 5px;
padding: 10px 10px 10px 40px;
border: 1px dashed #a8bb8b;
}
#content q {
font-style: oblique;
}
#content code,
#content pre {
font-size: 1.2em;
}
#content acronym, 
#content abbr {
border-bottom: 1px dashed #395127;
cursor: help;
}
#content table {
border-collapse: collapse;
margin: 0 auto 0.8em auto;
font-size: 100%;
}
#content caption {
font-weight: bold;
margin-bottom: 5px;
}
#content th {
background: #a8bb8b;
color: #545d45;
border: 1px solid #545d45;
padding: 2px;
}
#content td {
color: #1f2522;
background: #f4f5eb;
border: 1px solid #a8bb8b;
padding: 2px;
}

/*---| Beiträge und Kommentare |---*/

#content .post {
padding: 10px 0 20px 0;
overflow: hidden;
}
#content .post h2 {
background: url(images/posth3.gif) no-repeat;
padding-left: 28px;
font-size: 1.1em;
color: #7e9d58;
}
#content .entrytext {

}
#content .entrytext a:link,
#content .entrytext a:visited {
text-decoration: underline;
}
#content .entrytext a:hover,
#content .entrytext a:active,
#content .entrytext a:focus {
text-decoration: underline;
}
#content .post h2 a:link,
#content .post h2 a:visited {
background: transparent;
color: #7e9d58;
text-decoration: none;
}
#content .post h2 a:hover,
#content .post h2 a:active,
#content .post h2 a:focus {
text-decoration: underline;
}

#content .postmetadata {
margin-top: 10px;
padding-top: 5px;
border-top: 1px dotted #1f2522;
font-size: 1.0em;
line-height: 1.2em;
}
.commentlist li {
padding: 5px 10px 5px 5px;
margin: 0 0 10px 0;
}
.kommentar {
color: #1f2522;
background: #f4f5eb;
border: 1px solid #a8bb8b;
}
.autor_kommentar {
color: inherit;
background: #f9f9f5;
border: 1px solid #bbc9a3;
}

/*---| Seitennavigation |---*/

.navigation {
padding: 0 10px;
margin-bottom: 20px;
}
.prev {
float: right;
text-align: right;
font-size: 0.8em;
width: 50%;
}
.next {
float: left;
text-align: left;
font-size: 0.8em;
width: 50%;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */


/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */


/*---| Fuß |---*/

#fuss {
clear: both;
background: #758c60;
color: #d3ddc5;
text-align: center;
font-size: 0.9em;
padding: 10px 0;
line-height: 1.4em;
border-top: 1px solid #e9ecd9;
}
#fuss a:link,
#fuss a:visited {
color: #fff;
background: inherit;
text-decoration:none;
}
#fuss a:hover,
#fuss a:active,
#fuss a:focus {
color:#a8bb8b;
background: inherit;
}

/*---| Suchen |-----*/

#searchform input {
color: #1f2522;
background: #a8bb8b;
border:0;
font-weight: bold;
cursor: pointer;
font-size: 0.95em;
margin-bottom: 10px;
}
#searchform input:hover {
color: #303030;
background: #a8bb8b;
border: 0;
}
#searchform #s {
margin: 10px 0px 3px 0px;
padding: 3px;
background: #fff;
color:  #1f2522;
border: 1px solid #1f2522;
cursor: default;
}
#searchform #s:hover  {
background: #e9ecd9;
color: #1f2522;
border: 1px solid #1f2522;
}

/*---| Kalender |---*/

#wp-calendar {
border-collapse: collapse;
font-size: 0.8em;
border: 1px solid #1f2522;
line-height: 1.4em;
margin: 0 auto 10px auto;
}
#wp-calendar th {
background: #7e9d58;
color: #fff;
border: 1px solid #395127;
text-align: center;
}
#wp-calendar table.nav, 
#wp-calendar th, 
#wp-calendar td {
padding: 1px 2px;
}
#wp-calendar td {
color: #1f2522;
background:#e9ecd9;
border: 1px solid #1f2522;
text-align: center;
}
#wp-calendar #next a {
padding-left: 1px;
text-align: right;
}
#wp-calendar #prev a {
padding-right: 1px;
text-align: left;
}
#wp-calendar a {
display: block;
text-decoration: none;
}
#wp-calendar caption {
color: #1f2522;
background: inherit;
text-align: center;
font-weight: bold;
padding:5px 0;
margin: 0 auto;
}
#wp-calendar tbody td a {
color: #c73119;
background: inherit;
}
#wp-calendar tbody td a:hover {
background:inherit;
color: #7e9d58;
}
#wp-calendar #today {
background: #7e9d58;
color: #fff;
}
#wp-calendar #today a {
background:#7e9d58;
color: #c73119;
}
#wp-calendar #today a:hover {
background: #7e9d58;
color: #fff;
}
#wp-calendar tfoot td {
border: 0;
color: #fff;
background: #7e9d58;
}
#wp-calendar tfoot td a {
color: #fff;
background: #7e9d58;
}
#wp-calendar tfoot td a:hover {
color: #000;
background: #7e9d58;
}

/*-----Widgets-----*/

.textwidget {
margin: 8px 0;
}

/*-----nicht anzeigen-----*/

hr {display:none;}


/* mmv image */

.mmv {
  display: block;
  background: url(images/mmv_schwaebische_alb.jpg) no-repeat !important;
  width: 120px;
  height: 190px;
  margin: 10px 0 10px 17px;
  border:1px solid #eee;
}

.mmw {
  display: block;
  background: url(images/mm-wandern-elsass.jpg) 10px 25px no-repeat !important;
  width: 155px;
  height: 135px;
  margin: 5px 0 0 0;
}

.hikeline {
  display: block;
  background: url(images/hikeline-alb.jpg) 40px 45px no-repeat !important;
  width: 155px;
  height: 160px;
  margin: 5px 0 0 0;
}
