/*  
Theme Name: Green Grass
Theme URI: http://praegnanz.de/portfolio/wordpress-theme-gr
Description: Minimalistic template by praegnanz.de
Version: 2.6.2
Tags: two columns, grass, green, minimalistic, clean, simple
Author: Gerrit van Aaken
Author URI: http://praegnanz.de/

	Wordpress-Theme GR 2.6.2
	http://praegnanz.de/portfolio

	This theme was designed and built by Gerrit van Aaken
	whose blog you will find at http://praegnanz.de/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* GENERAL - UNABHAENGIG VOM BEREICH ---------------------------------------- */

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

body {
background: white url(images/nature_468.jpg);
text-align: center;
color: #333; 
font: normal 75%/1.7 verdana, helvetica, arial, sans-serif;
}

div#container {
position: relative;
width: 770px;
margin: 0 auto;
height:100%;
text-align: left; 
background: url('images/doorlinks-hov.gif') no-repeat -1000px; /* Preload-Hack */
}

p {
margin: 0 0 0.7em 0;
}

h2 {
font: normal 2.6em/1.2 georgia, "Times New Roman", serif;
color: #090; 
margin: 0 0 0.3em 0;
}

h3 {
font: normal 1.8em/1.2 georgia, "Hoefler Text", "Bitstream Vera Serif", "Times New Roman", serif;
color: #090; 
margin: 0 0 0.4em 0;
}

h4 {
font: bold 1em/1.5 verdana, helvetica, arial, sans-serif;
margin: 0 0 0.3em 0;
}

h5 {
font: bold 1em/1.5 verdana, helvetica, arial, sans-serif;
}

h6 {
font: normal 0.9em/1.5 verdana, arial;
letter-spacing: 0.1em;
clear: left;
text-transform: uppercase; 
}

ol {
margin: 0 0 1.5em 1.7em;
}

ol li {
margin: 0 0 0.5em 0;
padding: 0 0 0 0.4em; 
}

ul, dl {
margin: 0 0 1.5em 0;
list-style: none;
}

ul li, dt, dd {
background: url('images/pfeil.gif') no-repeat 0.2em 0.5em;
list-style-type:none; 
margin:0 0 0.5em 0; 
padding:0 0 0 1em;
}

dd { 
background: none; 
}

dt { 
margin: 0.5em 0 0 0; 
font-weight: bold;
}

acronym { 
border-bottom: 1px dotted #999;
font-style: normal;
cursor: help; 
}

table {
border: none;
border-spacing: 0;
border-collapse: collapse;
width: 100%;
}

td {
font-size: 1em;
line-height: 1.4em;
padding: 0 1em 0 0; 
}

blockquote {
font: normal 1.1em/1.5 georgia, "Times New Roman", serif;
font-style: italic;
padding-left: 10px;
margin: 0 0 0 15px;
background: white url(/layout/zitat.gif) 0 -2px repeat-y;
}

code {
display: inline;
background: #eee;
font: normal 1.1em courier, "Courier New", arial, fixed;
}

hr {
display: none;
}

form {
display: inline;
}

legend {
display:none;}

input, textarea {
color: #333;
border: 1px solid #090;
padding: 1px 2px;
background: white;
margin-right: 3px;
}

input[type=submit] {
background: #090;
color: white;
}

input[type=submit]:hover {
cursor: pointer;
background: #F1F8EF;
color: #333;
}

/* LINKS  ------------------------------------------------------------------- */

a:link, 
a:visited {
color: #090; 
text-decoration: none; 
}

a:focus,
a:hover,
a:active {
color: #090; 
text-decoration: underline; 
}

/* OWN CLASSES - EIGENE KLASSEN --------------------------------------------- */

.klein {
letter-spacing: 0.1em;
clear: left;
font-size: 0.9em;
text-transform: uppercase; 
}

.kleingedrucktes {
font-size: 0.8em;
line-height: 0.5em;
}

#fflist {
width: 455px;
}

.trenner {
clear: left;
display: block;
height: 1px;
margin: 1.4em 0;
border-bottom: 1px dotted #999; 
}

.abstand {
height: 30px;
}

#stoerer {
top: 0;
position: absolute;
width: 122px;
display: block !important;
display: none;
}

.IEclearer {
width:700px;
height:1px;}

/* HEADER ------------------------------------------------------------------- */

#sitename {
font: normal 66px/1em georgia, "Times New Roman", serif;
color: #090;
padding: 0.25em 0 0.25em 28px;
background: url('images/kanteunten.gif') no-repeat left bottom;
}

#sitename a:hover {
text-decoration: none;
}

#contentsprung {
position: absolute;
top: -9000px;
left: -9000px;
}

/* MAIN NAVIGATION - HAUPTNAVIGATION ---------------------------------------- */

div#reiter {
margin: 13px 0 0 0;
background: url('images/line.gif') no-repeat left bottom;
}

#reiter ul {
margin: 0;
padding: 7px 0 0 0;
overflow: hidden;
background: url('images/doorrechts-hov.gif') no-repeat -1000px -1000px; /* Preload-Hack */
}

#reiter li {
font: bold 1em/1em verdana, arial, sans-serif;
text-transform: uppercase;
background: url('images/doorlinks.gif') no-repeat 0 0;
float: left;
margin: 0 3px 1px 0;
padding: 0 0 0 7px;
}

#reiter li:hover {
background-image: url('images/doorlinks-hov.gif');
cursor: pointer;
}

#reiter li.current_page_item,
#reiter li.current_page_item:hover { 
background-image: url('images/doorlinks-on.gif');
margin-bottom: 0;
}

#reiter li a {
display: block;
background: url('images/doorrechts.gif') no-repeat right top;
padding: 9px 30px 7px 25px;
float: left;
/* Floating-Problem in IE/Mac \*/
float: none;
/* */
width: .1em; /* for IE/Win */
}
/* IE/Win-Hack solution - aufloesen */
#reiter > ul a { width: auto; } 

#reiter li a:link, 
#reiter li a:visited { 
color: #558855;
text-decoration: none;
}

/* all browsers make text-hover - Alle Browser machen Text-Hover */
#reiter li a:focus,
#reiter li a:hover,
#reiter li a:active,
#reiter li:hover a { 
color: #007c00; 
}

/* only better browser swap images - Nur gute Browser machen auch Bildwechsel */
#reiter > ul li a:focus,
#reiter > ul li a:hover,
#reiter > ul li a:active,
#reiter > ul li:hover a { 
background-image: url('images/doorrechts-hov.gif');
}

#reiter li.current_page_item a { 
color: #009900; 
}

#reiter li.current_page_item a,
#reiter li.current_page_item:hover a,
#reiter li.current_page_item a:hover { 
background-image: url('images/doorrechts-on.gif'); 
padding-bottom: 8px;
}

#obenkante {
clear: both;
height: 6px;
background: url('images/obenkante.gif') no-repeat 0 0;
}

/* CONTENT - INHALTSBEREICH ------------------------------------------------- */

div#inhalt {
background: white url('images/kante.gif') 0 0 repeat-y;
padding: 30px 0 0 0;
overflow: hidden;
/* Floating-Problem in IE/Mac */
/*\*//*/
position: relative;
/**/
}

/* MAIN COLUMN - HAUPTSPALTE ------------------------------------------------ */

#content {
padding: 0 40px 10px 30px;
border-right: 1px #999 solid;
width: 531px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 460px;
}

/*
#content_full {
padding: 0 30px 10px 30px;
width: 770px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 710px; 
}*/

#content h3 {
clear: left;
}

h3.kommentarhead {
position: relative;
top: -.5em;
}

.articlefooter {
border-left: 1px solid #999;
border-bottom: 1px solid #999;
padding: 1em 0 0.5em 0.7em;
margin: 0 0 4em 0;
letter-spacing: 0.1em;
clear: left;
font-size: 0.9em;
text-transform: uppercase; 
}

.comments li {
clear: left;
padding: 0;
border-bottom: 50px white solid;
}

.comments li h4 {
margin: 0 0 0.5em 0;
border-bottom: 1px dotted #999;
}

.comments li p {
float: left;
margin-bottom: 2em;
}

textarea.commentinput,
#lbcomment textarea {
width: 100%;
height: 140px;
}

#lbcomment input[type=text] {
width: 200px;
margin: 0 5px 0 0;
}

input[type=checkbox] {
margin-right: 5px;
}

#footer {
clear: both;
width: 100%;
border-top: 1px solid #999999;
padding-top: 0.4em;
margin: 3.5em 0 0 0; 
}

/* INLINE IMAGES - ARTIKELBILDER ------?????--------------------------------- */


.alignleft {
	float: left;
	margin: 3px 0.6em 0 0;
}

.alignright {
	float: right;
	margin: 3px 0 0 0.6em;
}

.aligncenter {
	margin: 0 auto;
}

.wp-caption a {
	margin: 0;
	display: block;
	overflow: hidden;
	padding: 0;
}

.wp-caption-text {
	font-size: 0.8333em;
	line-height: 1.363636em;
	margin: 5px 0 0 0;
	padding: 0 0 1.4em 0;
	color: #666;
}

img.favatar {
width: 16px;
height: 16px;
margin: 0 4px -3px 0;
}




/* SIDEBAR ------------------------------------------------------------------ */

div#rechts {
float: right;
font-size: 0.85em;
line-height: 1.5em;
padding: 0 30px 30px 0;
width: 220px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 190px;
/* Floating-Problem in IE/Mac */
/*\*//*/
float: none; 
position: absolute; 
top: 30px; 
right: 0;
/**/
}

div.leistenabschnitt {
padding-bottom: 1.8em;
}

#rechts h4 {
text-transform: uppercase;
letter-spacing: 0.15em;
border-top: 1px dotted #999;
margin: 0 0 1em 0;
padding: 0.3em 0 0 0;
}

#rechts li a {
display: block;
}

#rechts a:hover, 
#rechts li:hover {
background-color: #d6eed6;
text-decoration: none;
}

#rechts a.nohover:hover {
background: none;
}

.current-cat a {
padding: 0 17px 0 9px;
background: url('images/pfeil.gif') no-repeat left center;
}

#rechts form {
	margin: 0 0 5px;
	overflow: hidden;
	width: 100%;
	display: block;
	padding: 0px;
}

#suchfeld, 
#s {
width: 118px;
margin: 0;
float: left;
}

#rechts #searchsubmit {
	padding: 0 1px !important;
	padding:0;
	margin: 0;
	float: right;
}

#rechts ul {
margin: 0;
}

#rechts li {
background-image: none;
margin: 0 0 0.7em 0;
line-height: 1.5em;
padding: 0;
display: block;
}


/* ICONS -------------------------------------------------------------------- */

.posted {
padding: 0 17px 0 16px;
margin-left: 3px;
background: url('images/posted.png') no-repeat left center;
}

.tags {
padding: 0 17px 0 16px;
margin-left: 3px;
background: url('images/tags.png') no-repeat left center;
}

.cats {
padding: 0 17px 0 16px;
margin-left: 3px;
background: url('images/folder.png') no-repeat left center;
}

.tb {
padding: 0 17px 0 16px;
background: url('images/trackback.png') no-repeat left center;
}

.cc {
padding: 0 17px 0 16px;
background: url('images/cc.png') no-repeat left center;
}

.kommentar {
padding: 0 17px 0 16px;
background: url('images/comments.png') no-repeat left center;
}

.trackback {
padding: 0 17px 0 16px;
background: url('images/trackback.png') no-repeat left center;
}

.pdf { 
padding: 0 0 0 16px;
background: url('images/doc.png') no-repeat left center;
}

.font { 
padding: 0 0 0 16px;
background: url('images/posted.png') no-repeat left center; 
}

a.rss {
padding: 0 17px 0 19px;
background: url('images/rss.png') no-repeat left center;
}
.screen-reader-text {
	visibility: hidden;
	display: none;
}
#sitename #callbox {
	font-size: 15px;
	float: right;
	width: 150px;
	line-height: 3em;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px 20px 10px 0px;
	background: #51711A;
	padding: 0px;
}