/* --- Main-CSS für www.herbula.ch --- Januar 2008 --- */
/* --- made by SUTANET Webpublishing - www.sutanet.ch --- */

/* --- reservierte Klassen für DHTML-Ansprache ----*/
.external {} /* --- bringt externe Links in neues Fenster oder neuen TAB! --- */
.rezeptseite {} /* --- bringt die Rezepte in Extra-Fenster! --- */
/* --- ENDE reservierte Klassen für DHTML-Ansprache ----*/


/* --- Layout --- */
/* ---------------*/
html, body {
margin: 0;
padding: 0;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #000;
background-color: #FFF;
}
#all {
padding: 0;
margin: 20px auto 170px auto;
width: 90%;
min-width: 900px;
max-width: 1200px;
background-image:url(../bilder/hintergrund.gif);
background-repeat: repeat-y;
border: 1px solid #CBD5AC;
border-bottom: 1px solid #51744B;
}
#center {
margin-left: 280px;/*macht Platz für Navigation*/
margin-right: 190px;/*macht Platz für Werbe-Block*/
background-image: url(../bilder/hg-content.png);
background-repeat: repeat;
border-top: solid 1px #BAD077;
border-right: solid 2px #75915B;
border-bottom: solid 2px #51744B;
border-left: solid 1px #CBD5AC;
}
.clearer{
height:1px;
overflow:hidden;	
margin-top:-1px;
clear:both;
}
#head img#titel {
padding-left: 100px;
border: none;
}
/* --- breadcrumb-navigation --- */
#breadcrumb {
margin-left: 288px;
margin-top: 40px;
margin-bottom: -10px;
color: #385034;
font-family:"Times New Roman", Times, serif;
}
#breadcrumb a {
color: #385034;
}
#breadcrumb a:hover {
color: #669900;
font-weight: bold;
}

/* --- end of breadcrumb-navigation --- */

/* --- Navigation --- */
a#skiplink {
position: absolute;
left: 0px; 
top: -500px;
width: 1px; 
height: 1px;
overflow: hidden; 
}
#navigation {
margin-top: -1px;
margin-left:-129px; /*schiebt Navigation nach links neben Inhalt*/
float:left;
width:120px;
position:relative;
left:-2px;/* line up exactly */
display:inline;/* ie fix*/
background-image: url(../bilder/hg-navi.png);
background-repeat: repeat;
border-top: solid 1px #BAD077;
border-right: solid 2px #75915B;
border-bottom: solid 2px #51744B;
border-left: solid 1px #CBD5AC;
padding-bottom: 120px;
padding-top: 20px;
font-family:"Times New Roman", Times, serif;
}
#navigation ul {
width: 100%;
margin-left: -30px;
}
#navigation li {
padding: 0.5em 0 0 0; 
margin: 0px;
list-style: none;
width: 108px;
}
#navigation a {
text-decoration: none;
font-weight: bold;
color: #385034;
display: block;
text-align: left;
}
#navigation li a:hover {
color: #669900;
border-bottom: 1px solid #669900;
}

/* --- hereiam navigation --- */

	/* top navigation */
body#home #navigation li.home a,
body#rezepte #navigation li.re a,
body#sorten #navigation li.so a,
body#anbau #navigation li.an a,
body#geschichte #navigation li.ge a,
body#gaerten #navigation li.gaerten a,
body#links #navigation li.links a,
body#literatur #navigation li.literatur a,
body#gaestebuch #navigation li.gaestebuch a,
body#kontakt #navigation li.kontakt a,
body#suche #navigation li.suchen a,
body#found #navigation li.suchen a { 
color: #669900;
border-bottom: 1px solid #669900;
}
#navigation li.suchen {
margin-top: 2em;
}
	/* end top navigation */

/* --- Ende hereiam navigation --- */

/* ---  Subnavigation --- */
#navigation ul ul li {
width: 90%;
}	
ul.auswahl {
display: none;
}
.rezepte #navigation ul li.re ul.auswahl,
.sorten #navigation ul li.so ul.auswahl,
.anbau #navigation ul li.an ul.auswahl,
.geschichte #navigation ul li.ge ul.auswahl {
display: block;
}
body#rezepte #navigation li.re ul li a,
body#sorten #navigation  li.so ul li  a,
body#anbau #navigation  li.an ul li a,
body#geschichte #navigation  li.ge ul li a { 
color: #669900;
border: none;
}
body#rezepte #navigation li.re ul li a:hover,
body#sorten #navigation  li.so ul li  a:hover,
body#anbau #navigation  li.an ul li a:hover,
body#geschichte #navigation  li.ge ul li a:hover { 
color: #669900;
border-bottom: 1px solid #669900;
}
body.rezepte #navigation li.re a,
body.sorten #navigation li.so a,
body.anbau #navigation li.an a,
body.geschichte #navigation li.ge a,
body ul.auswahl a {
color: #669900;
}


/* --- neu: Listen-Element als Trennung für allgemeine Themen --- */
.anbau #navigation ul li.an ul.auswahl li.trenner {
color: #669900;
font-weight: bold;
margin-top: 1em;
border-top: 2px dotted #669900;
}
/* --- Ende neu --- */

/* --- hereiam sub navigation --- */
body#baerlauch ul.auswahl li.baer a,
body#basilikum ul.auswahl li.bas a,
body#dill ul.auswahl li.dil a,
body#kerbel ul.auswahl li.kerb a,
body#kresse ul.auswahl li.kres a,
body#lavendel ul.auswahl li.lav a,
body#liebstoeckel ul.auswahl li.lieb a,
body#pfefferminze ul.auswahl li.pfeff a,
body#pimpinelle ul.auswahl li.pimp a,
body#rosmarin ul.auswahl li.ros a,
body#salbei ul.auswahl li.salbei a,
body#schnecke ul.auswahl li.schneck a,
body#schnittlauch ul.auswahl li.schnitt a,
body#spirale ul.auswahl li.spira a,
body#gartenumbau ul.auswahl li.gartenumbau a,
body#gartendeko ul.auswahl li.gartendeko a,
body#mischkultur ul.auswahl li.mischkultur a,
body#wildkraut ul.auswahl li.wild a,
body#zitronenmelisse ul.auswahl li.zitronenmelisse a {
border-bottom: 1px solid #669900;
}
body#baerlauch.rezepte li.re a.rez,
body#baerlauch.sorten li.so a.sort,
body#baerlauch.anbau li.an a.anb,
body#baerlauch.geschichte li.ge a.ges {
color: #669900;
border-bottom: 1px solid #669900;
}	
body#basilikum.rezepte li.re a.rez {
color: #669900;
border-bottom: 1px solid #669900;
}
body#dill.rezepte li.re a.rez {
color: #669900;
border-bottom: 1px solid #669900;
}
body#kerbel.rezepte li.re a.rez {
color: #669900;
border-bottom: 1px solid #669900;
}
body#kresse.rezepte li.re a.rez {
color: #669900;
border-bottom: 1px solid #669900;
}
body#lavendel.rezepte li.re a.rez,
body#lavendel.sorten li.so a.sort,
body#lavendel.anbau li.an a.anb,
body#lavendel.geschichte li.ge a.ges {
color: #669900;
border-bottom: 1px solid #669900;
}	
body#liebstoeckel.rezepte li.re a.rez,
body#liebstoeckel.sorten li.so a.sort,
body#liebstoeckel.anbau li.an a.anb,
body#liebstoeckel.geschichte li.ge a.ges {
color: #669900;
border-bottom: 1px solid #669900;
}	
body#pfefferminze.rezepte li.re a.rez,
body#pfefferminze.sorten li.so a.sort,
body#pfefferminze.anbau li.an a.anb,
body#pfefferminze.geschichte li.ge a.ges {
color: #669900;
border-bottom: 1px solid #669900;
}	
body#pimpinelle.rezepte li.re a.rez,
body#pimpinelle.sorten li.so a.sort,
body#pimpinelle.anbau li.an a.anb,
body#pimpinelle.geschichte li.ge a.ges {
color: #669900;
border-bottom: 1px solid #669900;
}	
body#rosmarin.rezepte li.re a.rez {
color: #669900;
border-bottom: 1px solid #669900;
}
body#salbei.rezepte li.re a.rez,
body#salbei.sorten li.so a.sort,
body#salbei.anbau li.an a.anb,
body#salbei.geschichte li.ge a.ges {
color: #669900;
border-bottom: 1px solid #669900;
}	
body#schnecke.anbau li.an a.anb {
color: #669900;
border-bottom: 1px solid #669900;
}
body#schnittlauch.rezepte li.re a.rez {
color: #669900;
border-bottom: 1px solid #669900;
}
body#spirale.anbau li.an a.anb {
color: #669900;
border-bottom: 1px solid #669900;
}
body#gartenumbau.anbau li.an a.anb {
color: #669900;
border-bottom: 1px solid #669900;
}
body#gartendeko.anbau li.an a.anb {
color: #669900;
border-bottom: 1px solid #669900;
}
body#mischkultur.anbau li.an a.anb {
color: #669900;
border-bottom: 1px solid #669900;
}

body#wildkraut.rezepte li.re a.rez {
color: #669900;
border-bottom: 1px solid #669900;
}
body#zitronenmelisse.rezepte li.re a.rez {
color: #669900;
border-bottom: 1px solid #669900;
}	
/* --- Ende hereiam sub navigation --- */

/* --- Ende Subnavigation --- */

/* --- Ende Navigation --- */
/* --- Content --- */
#content {
padding: 0 2em 120px 2em;
min-height: 580px;
}
#print {
float: right;
/*margin-top: -36px;*/
margin-right: -1.8em;
margin-top: -20px;
}
#print a {
text-decoration: none;
}
#print a img {
border: none;
}
/* --- Ende Content --- */
/* --- Werbung --- */
#werbung {
background-image: url(../bilder/hg-navi.png);
margin-right:-140px; /*schiebt Werbe-Block nach rechts neben Inhalt*/
float:right;
width:120px;
position:relative;
right:-2px;/* line up */
display:inline;/* ie fix*/
border-top: solid 1px #BAD077;
border-right: solid 2px #75915B;
border-bottom: solid 2px #51744B;
border-left: solid 1px #CBD5AC;
height: 600px;
margin-top: -1px;
}
.googlewerbung {
margin-top: 1em;
}
.ggl {
display: block;
text-align: center;
border-top: 1px dotted #999933;
border-bottom: 1px dotted #999933;
padding: 0.5em 0;
margin-top: 2em;
}
/* --- Ende Werbung --- */

/* --- Footer --- */
#footer {
width: 90.2%;
min-width: 902px;
max-width: 1202px;
margin: 0 auto 0 auto;
margin-left: -1px;
position: relative;
height: 200px;
font-size: x-small;
font-weight: bold;
color: #006600;
background-image: url(../bilder/footer.gif);
background-repeat: no-repeat;
clear: both;
border-bottom: 1px solid #51744B;
position: absolute;
margin-top: -130px;
}
#google {
padding-top: 182px;
padding-left: 10px;
float: left;
}
#sutanet {
padding-top: 182px;
padding-right: 10px;
float: right;
}
#footer a {
color: #51744B;
}
#footer a:hover,
#footer a:active {
color: #666699;
}
/* --- Ende Footer --- */

/* --- Ende Layout --- */
/* ---------------*/

/* --- Formatierung Inhalt --- */
.clear {
clear: both;
}
.clearleft {
clear: left;
}
.clearright {
clear: right;
}
h1, h2, h3 {
font-family:"Times New Roman", Times, serif;
color: #385034;
}
h1 {
font-size: 1.5em;
}
h2 {
font-size: 1.2em;
}
h3 {
font-size: 1em;
margin-bottom: -1em;
}
.left {
float: left;
}
#content a {
color: #385034;
}
#content a:hover {
color: #CCCC66;
}
#content p,
#content li {
line-height: 1.5;
}
#content img {
padding: 2px;
border: 1px solid #669900;
}

/* --- Web Slice Style --- */
body #content p.entry-content img,/* diese Inhalte werden nur im Web Slice selber angezeigt!*/
body #content span.webslicelink { 
display: none;
}
p.entry-content {
padding: 20px;
}

body #content p.entry-content {
margin: 0;
padding: 0;
}
/* --- Ende Web Slice Style --- */

.imgleft {
float: left;
margin: 0 1.5em 1em 0;
}
.imgright {
float: right;
margin: 0 0 1em 1.5em;
}
p.imgmiddle {
text-align: center;
}
/* --- Listenformatierung --- */
#content ul {
list-style-position: outside;
list-style-image:url(../bilder/green_bullet.gif);
padding-left: 0.5em;
margin-left: 0.8em;
}
#content ol {
list-style-position: outside;
padding-left: 0.5em;
margin-left: 1.5em;
}
#content ul ul {
list-style-image:url(../bilder/green_bullet.gif);
list-style-position: outside;
}
ul.rezeptliste {
width: 20em;
float: left;
margin-bottom: 1em;
}
#rezeptlistewild {
width: 20em;
float: left;
margin: -1em 0 1em 0;
}
ul#rezeptlistewild h2 {
margin-bottom: 0.5em;
}
ul.rezeptvorort li {
margin-left: 1em;
}
#content li.neu {
background-image: url(../bilder/neu.gif);
background-position: left;
background-repeat: no-repeat;
padding-left: 1.8em;
}
hr {
border: 1px solid #385034;
width: 50%;
}

/* --- Kontaktformular --- */
fieldset {
border: 1px solid #385034;
}
legend {
padding: 0.2em 0.5em;
font-size: 1.2em;
font-weight:bold;
font-family:"Times New Roman", Times, serif;
color: #385034;
}
input {
display: block;
float: left;
width: 16em;
}
input:focus,
textarea:focus,
select:focus {
background-color: #ECFCBA;
}
label {
display: block;
float: left;
width: 10em;
}
select {
width: 6em;
}
form p {
float: left;
}
form br {
clear: left;
}
#printform {
width: 100%;
}
#printform a {
text-decoration: none;
width: 5em;
padding: 1px 2px;
color: #000000;
}
#printform a:hover {
color: #000000;
}
input#submit,
input#reset,
#printform a {
border-bottom: 1px solid #666666;
border-left: 1px solid #999999;
border-top: 2px solid #CCCCCC;
border-right: 2px solid #666666;
background-color: #ECFCBA;
}
input#submit:hover,
input#reset:hover,
#printform a:hover{
border-bottom: 2px solid #CCCCCC;
border-left: 2px solid #CCCCCC;
border-top: 1px solid #666666;
border-right: 1px solid #999999;
background-color: #CDCEB3;
}

input#submit {
float: left;
width: auto;
margin-top: 1em;
}
input#reset {
width: auto;
margin-left: 5px;
margin-top: 1em;
}
.must {
font-size: x-small;
margin-top: 2em;
}
.radio {
width: 1em;
margin-left: 0;
}
.radiolabel {
width: 90%;
}
p.formblock {
margin-top: 2em;
width: 100%;
}
textarea {
height: 8em;
width: 100%;
}
/* --- ENDE Kontaktformular --- */
/* --- Buchtipps --- */
#buchtip {
width: 100%;
float: right;
}
#buchtip h2 {
text-align: left;
}
/* ohne Untertitel / Klasse pro Buch! */
.buch { 
width: 45%; 
float: left;
margin-right: 1.5em;
}
.einzelbuch {
width: auto;
float: left;
margin-right: 1.5em;
}
/* mit Untertitel */
.buch-intro { 
width: 14em;
height: 26em;
float: left;
margin-right: 2em;
padding-bottom: 2em;
}
/* --- Ende Buchtipps --- */

q {
/* Traditional Garamond-based serif stack */
font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
font-style: italic;
font-size: 1.5em;
display: block;
border: 2px dotted #999933;
text-align: center;
}
q.rechts {
margin-left: 320px;
left: 320px;
font-size: 1.2em;
}

.list-left {
width: 50%;
float: left;
}
.list-right {
width: 50%;
float: right;
}

/* --- Ende Formatierung Inhalt --- */

/* --- Formatierung Affiliate-Werbung --- */
#content img.affiliate,
img.affiliate {
border: none;
}

.werbunglinks {
margin-right: 2em;
margin-bottom: 2em;
float: left;
}
/* --- Ende Formatierung Affiliate-Werbung --- */

/* --- Suche --- */
form#cse-search-box {
}
#googlecse {
}
#googlecse input#submit {
float: left;
width: auto;
margin-top: 0;
margin-left: 1em;
}
#found #content {
padding-left: 5px;
}
#cse-search-results {
display: block;
text-align: center;
}
/* --- Ende Suche --- */

/* --- Facebook-Fanseite Herbula --- */
#facebooklink {
margin-top: 2em;
}
/* --- Ende Facebook-Fanseite Herbula --- */

/* --- Add This (in Navigation) --- */

div#bookmark {
position: absolute;
bottom: 1em;
margin-left: 7px;
z-index: 10000;
}
#bookmark img {
border: none;
}
/* --- Ende Add This (in Navigation) --- */