/* 
Theme name: Wordpress-Theme GR 2.0
Description: Design by Gerrit van Aaken, WP-theme by Robert Hartl
Author: <a href="http://praegnanz.de">Gerrit van Aaken</a> & <a href="http://blog.suchmaschinen-optimierungen.info">Robert Hartl</a>
Version: 1.4
License -
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('grass2.gif');
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('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('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 ------------------------------------------------------------------- */

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

h1 a:hover {
text-decoration: none;
}

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

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

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

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

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

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

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

#reiter li a {
display: block;
background: url('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('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('doorrechts-on.gif'); 
padding-bottom: 8px;
}

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

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

div#inhalt {
background: white url('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 ------?????--------------------------------- */

.bildlinks, 
.freistellerlinks { 
float: left; 
}

.freistellerlinks img { 
margin: 0 1.3em 0.5em 0; 
}

.bildlinks img {
background: white;
margin: 0.3em 0.8em 0.2em 0; 
padding: 4px; 
border: 1px #aaa solid;
}

.bildrechts img {
background: white;
margin: 0.3em 0 0.2em 0.8em; 
padding: 4px; 
border: 1px #aaa solid;
}

.bildlinks a img:hover,
.bildrechts a img:hover {
border: black 1px solid;
}

.bildrahmen img {
margin: 0.3em 0 0.3em 0; 
padding: 4px; 
border: 1px #aaa solid;
background-color: white;
}

.bildrahmen a img:hover {
border: black 1px solid;
}

.bildrechts, 
.freistellerrechts { 
float: right;
}

.freistellerrechts img { 
margin: 0 0 0.5em 1.3em; 
}

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('pfeil.gif') no-repeat left center;
}

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

#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;
}

/* OPTIONAL FLICKR-SET IN THE SIDEBAR---------------------------------------
#flickrset {
overflow: hidden;
}

.flickr_badge_image img {
display: block;
float: left;
margin: 0 8px 8px 0;
padding: 5px;
border: 1px solid #999;
}

.flickr_badge_image img:focus,
.flickr_badge_image img:hover,
.flickr_badge_image img:active {
border: 1px solid black;
}
*/

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

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

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

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

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

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

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

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

a.rss {
padding: 0 17px 0 19px;
background: url('rss.png') no-repeat left center;
}