/* spargel net */

/* Überschriften und Listen zurücksetzen ########## */

h1, h2, h3, h4, h5, h6 {
font-weight: normal;
margin: 0;
padding: 0;
}



ul, li, ol {
margin: 0;
padding: 0;
list-style-type: none;
}


/* Allgemein ###################################### */

body {
font-family: Arial, Helvetica, sans-serif;
color: #383838;
font-size: 12px;
background-color: #cacaca;
background-image: url(images/bg_body.gif);
background-repeat: repeat-x;
margin: 0;
padding: 0;
}

#page {
width: 990px;
background-color: #ffffff;
/*border: 2px solid #EBEBEB;*/
border: 2px solid #aaaaaa;
margin: 15px auto;
text-align: left;
z-index: 10;
}

#header_top {
margin: 3px auto 0px;
width: 990px;
font-size: 11px;
color: #cccccc;
}

#header_top a {
color: #ffffff;
}

#header {
}

h1 {
margin: 5px 0px 0px;
text-align: left;
color: #000000;
font-size: 16px;
font-weight: bold;
}


.dachzeile {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: underline;
color: #EC5353;
}


#logo {
width: 426px;
height: 125px;
float: left;
}

#logo img {
width: 426px;
height: 115px;
}

#header_ad {
width: 468px;
height: 60px;
float: right;
margin-right: 15px;
margin-top: 28px;
display: inline;
}

#menu {
height: 32px;
background-image: url(images/bg_menu_grund.gif);
background-repeat: repeat-x;
clear: both;
padding-left: 15px;
}

#menu ul {
margin: 0;
padding: 0;
}

#menu ul li {
width: auto;
height: 32px;
margin: 0;
padding: 0 2px 0 0;
list-style-type: none;
float: left;
background-image: url(images/bg_menu_hover.gif);
background-repeat: no-repeat;
background-position: top right;
}

#menu ul li a {
width: auto;
height: 16px;
display: block;
font-size: 12px;
font-weight: bold;
color: #383838;
text-decoration: none;
padding: 8px 10px;
text-align: center;
}

#menu ul li a:hover {
color: #125103;
background-image: url(images/bg_menu_hover.gif);
background-repeat: repeat-x;
}

#menu ul li a.aktiv {
width: 100px; /* 120 */
height: 18px; /* 40 */
display: block;
color: #ffffff;
background-image: url(images/bg_menu_aktiv.gif);
background-repeat: no-repeat;
background-position: left;
margin-top: -8px;
padding: 11px 10px;
}

#menu ul li ol {
border-left: 1px solid #c9c9c9;
border-right: 1px solid #c9c9c9;
border-bottom: 1px solid #c9c9c9;
display: none;
z-index: 100;
position: absolute;
}

#menu ul li:hover ol {
display: block;
}

#menu ul li ol li {
float: none;
display: block;
background-color: #eeeeee;
background-image: none;
margin: 0px;
padding: 0;
height: auto;
}

#menu ul li ol li a {
display: block;
padding: 3px 5px;
text-align: left;
border-bottom: 1px solid #ffffff;
margin: 0;
background-position: left -2px;
height: auto;
}

#header_bottom_ad {
height: 60px;
margin: 15px 0px 0px;
text-align: center;
clear: both;
}


#main {
margin: 0px 0px;
padding: 5px;
}

#main_spalte_s {
width: 650px;
float: left;
border-right: 1px dotted #aaaaaa;
margin-right: 0px;
padding-right: 19px;
}

#main_spalte_links_s {
width: 325px;
float: left;
border-right: 1px dotted #aaaaaa;
margin-right: 0px;
padding-right: 19px;
}

#main_spalte_650_s {
width: 650px;
float: left;
border-right: 1px dotted #aaaaaa;
margin-right: 0px;
padding-right: 19px;
}


#main_spalte_rechts_s  {
width: 325px;
float: left;
border-right: 1px dotted #aaaaaa;
margin-right: 0px;
padding-left: 19px;
padding-right: 19px;
}



#content_column_wide {
width: 100%;
clear: both;
}

#content_bottom_ad {
text-align: center;
margin-top: 10px;
}

#sidebar_column {
width: 250px;
float: right;
}

#sidebar_column h2 {
color: #000;
font-size: 14px;
font-weight: bold;
/*text-transform: uppercase;*/
margin-bottom: 5px;
}

#footer {
height: 16px; /* 26px */
background-image: url(images/bg_footer.gif);
background-repeat: repeat-x;
padding: 5px;
text-align: center;
}

#footer a, #footer strong, #footer span {
color: #383838;
text-decoration: none;
padding: 0px 5px;
}

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


/* Footer Links (Archiv etc.) ##################### */

#footer_links {
height: 115px; /* 130 */
background-image: url(images/bg_footer_links.gif);
background-repeat: repeat-x;
background-position: 0px 27px;
/* height: 130px; */
/*background-position: bottom;*/
}

#footer_links .box {
width: 190px;
height: 130px;
float: left;
}

#footer_links .box h6, #footer_links .box .h6_dummy {
font-size: 18px;
margin-left: 15px;
margin-bottom: 11px;
}

#footer_links .box ul li {
font-size: 11px;
padding: 1px 15px;
}

#footer_links .box ul li a {
color: #757575
}

#footer_links .box ul.footer_links_archiv {
border-right: 10px solid #fff;
}

#footer_links .box ul.footer_links_blogroll {
border-right: 2px solid #fff;
}

#wp_footer, #wp_footer, #footer_bottom, #footer_bottom a {
color: #aaa;
font-size: 11px;
text-align: center;
padding: 5px 10px;
}


/* Direct Contact Dropdown ######################## */

#direct_dropdown {
width: 50px; /* 60px */
height: 50px; /* 60px */
border: 1px solid #fff;
float: left;
margin-top: 32px; /* 27px */
padding: 0px;
}

#direct_dropdown_hidden {
width: 50px; /* 60px */
height: 50px; /* 60px */
float: left;
padding: 5px;
position: absolute;
left: 565px;
top: 120px; 
}


/* Topbar ######################################### */

#topbar {
background-color: #96bf0d;
background-image: url(images/bg_topbar_gruen.gif);
background-repeat: repeat-x;
border-bottom: 1px solid #383838;
text-align: center;
padding: 5px;
font-weight: bold;
}

#topbar a {
color: #000;
text-decoration: underline;
}

#topbar .topbar_close {
float: right;
width: 14px;
height: 14px;
border: 1px solid #fff;
}


/* Feature ######################################## */

#feature {
width: 650px;
height: 170px;
/*background-image: url(/images/feature_dummy.gif);*/
background-color: #e6e6e6;
margin-bottom: 25px;
overflow: hidden;
}

#feature .feature_maske {
width: 528px;
height: 170px;
background-image: url(/images/bg_feature_maske.png);
float: left;
position: absolute;
z-index: 20;
}

#feature .feature_content {
width: 420px;
height: 170px;
float: left;
/*background-color: #d4d4d4;*/
display: none;
position: absolute;
z-index: 30;
}

#feature h5 {
color: #fff;
font-size: 18px;
margin-bottom: 15px;
padding: 15px 0px 0px 15px;
}

#feature .text {
font-size: 11px;
font-weight: bold;
padding: 0px 0px 0px 15px;
}

#feature .more {
width: 155px; /* 185 */
height: 16px; /* 20 */
display: block;
color: #97c00e;
background-image: url(images/bg_feature_more.gif);
background-repeat: no-repeat;
padding: 3px 15px;
font-size: 10px;
margin-top: 15px;
font-weight: bold;
}

#feature .feature_controls {
width: 230px;
height: 170px;
float: right;
}

#feature .feature_controls a {
color: #fff;
font-size: 17px;
display: block;
width: 210px; /*230 */
height: 22px; /* 50 */
text-align: right;
background-color: #bcbcbc;
margin-bottom: 10px;
padding: 14px 10px;
background-image: url(images/bg_feature_controls.gif);
background-repeat: repeat-x;
}

#feature .feature_controls a:hover, #feature .feature_controls a.aktiv {
background-image: url(images/bg_feature_controls_hover.gif);
}


/* Content Box #################################### */

.content_box {
margin-bottom: 25px;
border: 1px solid #dddddd;
}

.content_box .titel {
background-image: url(images/bg_content_box_titel.gif);
background-repeat: no-repeat;
width: 650px;
height: 60px;
display: table-cell;
vertical-align: middle;
}

.rot{
  color:red;
  font-size:bold;
}

.content_box .titel h2 {
color: #96bf0d;
font-size: 16px;
font-weight: bold;
text-decoration: none;
padding: 0px 15px;
}

.content_box .text {
text-align: justify;
font-size: 13px;
line-height: 16px;
padding: 15px;
}

.content_box .bildu {
text-align: justify;
font-size: 10px;
line-height: 16px;
padding: 15px;
}


/* textbox_s ####################################### */

.textbox_s {
margin-bottom: 25px;
}

.textbox_s .kategorie a {
text-transform: uppercase;
font-size: 14px;
color: #767676;
padding: 0px 5px;
}

.textbox_s .titel {
color: #383838;
font-size: 16px;
font-weight: bold;
padding: 0px 5px;
}

.textbox_s .titel a {
color: #383838;
font-size: 16px;
font-weight: bold;
text-decoration: none;
}

.textbox_s .anreisser {
color: #96bf0d;
font-size: 15px;
font-weight: bold;
text-decoration: none;
float: left;
}

.textbox_s .meta {
color: #767676;
font-size: 11px;
text-decoration: none;
padding: 0px 5px;
}

.textbox_s .meta a {
color: #767676;
text-decoration: none;
}

.textbox_s .trenner {
height: 3px;
background-color: #97c00f;
margin: 5px 0px;
border: none;
}

.textbox_s .text {
text-align: justify;
font-size: 13px;
line-height: 16px;
padding: 0px 5px;
}

.textbox_s .foto {
text-align: center;
font-size: 9px;
padding: 0px 5px;
}

.textbox_s .fotorechts {
text-align: right;
font-size: 9px;
float: right;
font-size: 9px;
margin-left: 10px;
margin-bottom: 10px;
}


.textbox_huchel_s {
float:right;
width:205px;
height:800px;
background-color:#efefef;
border:1px solid #000000;
margin:10px;
padding:10px
}

.textbox_fragen_s {
float:right;
width:205px;
height:500px;
background-color:#ffffff;
border:1px solid #000000;
margin:10px;
padding:10px
}

.textbox_rezepte_s {
float:right;
width:205px;
background-color:#efefef;
border:1px solid #000000;
margin:10px;
padding:10px
}

.textbox_rezepte_s .zutaten {
text-align: left;
font-size: 13px;
line-height: 16px;
padding: 15px;
}

.textbox_s historisches {
padding: 3px 6px;
margin: 0 5px;
text-decoration: none;
font-size: 14px;
font-familiy: verdana;
font-style: italic;
}

.textbox_s historisches h1 {
padding: 3px 6px;
margin: 0 5px;
text-decoration: none;
font-size: 22px;
font-familiy: verdana;
font-style: italic;
}



/* Boxen allgemein ################################ */

.more {
color: #86aa0e; /* Original: #96bf0d */
font-weight: bold;
text-decoration: none;
}

.punktlinie_s {
height: 0px;
border-bottom: 1px dotted #aaa;
margin: 20px 0px;
}

.punktlinie_duenn_s {
height: 0px;
border-bottom: 1px dotted #aaa;
margin-bottom: 20px;
}


/* Sidebar ######################################## */


.sidebar_ul, .sidebar_box {
float: left;
margin-bottom: 25px;
}

#sidebar_column .sidebar_startimg {
width: 250px;
height: 35px;
background-repeat: no-repeat;
margin-bottom: 10px;
}

#sidebar_column .start_tutorial {
background-image: url(images/wissenswertes_spargel.gif);
}

#sidebar_column .start_rezepte {
background-image: url(images/rezepte_spargel.gif);
}

#sidebar_column .start_chronik {
background-image: url(images/chronik_spargel.gif);
}

#sidebar_column .start_anbau {
background-image: url(images/anbau-pflege.gif);
}

#sidebar_column .start_heilkunde {
background-image: url(images/heilkunde-medizin.gif);
}


#sidebar_column .start_blog {
background-image: url(images/noch-mehr-spargel.gif);
}

#sidebar_column .start_glossar {
background-image: url(images/wissenswertes_spargel.gif);
}


/* Social Media Sidebar ########################### */

ul.socialmedia {	
}

ul.socialmedia li {
width: 45px;
height: 45px;
margin-right: 20px;
float: left;
}

ul.socialmedia img {
width: 45px;
height: 45px;
/*background-color: #ccc;*/
}


/* Suche Sidebar ################################## */

div.suche {
width: 238px;
border: 1px solid #ccc;
height: 30px;
}

div.suche #suche_text {
width: 190px;
height: auto;
float: left;
color: #ccc;
border: none;
font-size: 17px;
padding: 4px;
}

div.suche #suche_submit {
width: 35px;
height: 28px;
float: right;
margin: 1px;
}


/* Sponsoren Sidebar ############################## */

ul.sponsoren {	
}

ul.sponsoren li {
width: 110px;
height: 110px;
margin-right: 20px;
margin-bottom: 20px;
float: left;
}

ul.sponsoren img {
width: 110px;
height: 110px;
/*background-color: #ccc;*/
}


/* Textnavigation Sidebar ######################### */

ul.textnavi {	
}

ul.textnavi li {
margin-bottom: 2px;
}

ul.textnavi_bullet li {
background-image: url(images/bullet.gif);
background-repeat: no-repeat;
background-position: left top;
padding-left: 20px;
font-weight: bold;
}

ul.textnavi_bullet_big li {
background-image: url(images/bullet.gif);
background-repeat: no-repeat;
background-position: left top;
padding-left: 20px;
font-weight: normal;
font-size: 14px;
letter-spacing: 2px;
margin-bottom: 10px;
}

ul.textnavi a {
font-weight: bold;
}


/* Kategorien ##################################### */

div.kategorien {
text-align: justify;
}

div.kategorien a {
text-decoration: none;
}

div.kategorien a:hover {
text-decoration: underline;
}


/* Form + Input ################################### */

form {
margin: 0;
}

.input_text, .input_select {
color: #383838;
border: 1px solid #ccc;
padding: 2px;
}

input, select {
color: #383838;
}

fieldset {
border: none;
}

.contact-form input.text {
padding: 2px!important;
}


/* Diverses ####################################### */

ul.list_bullet li {
background-image: url(images/bullet.gif);
background-repeat: no-repeat;
background-position: left top;
padding-left: 20px;
margin-bottom: 5px;
}

a.special_link {
font-weight: bold;
background-color: #96bf0d;
border: 1px solid #96bf0d;
color: #fff;
padding: 3px 6px;
margin: 0 5px;
text-decoration: none;
}

a.special_link:hover {
background-color: #fff;
color: #86aa0e; /* Original: #96bf0d */
text-decoration: none;
}

a {
color: #86aa0e; /* Original: #96bf0d */
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

a img {
border: none;
}

.clear {
clear: both;
}

.gruen {
color: #86aa0e; /* Original: #96bf0d */
}

.bullet {
width: 16px;
height: 13px;
}

.imgalign_left {
float: left;
margin-right: 15px;
margin-bottom: 10px;
}

.imgalign_right {
float: right;
margin-left: 15px;
margin-bottom: 10px;
}



/* ############################################### */
/* ############################################### */



/* Haupt Seite CSS */

#weiter_s {
text-align: center;
margin: 0px 15px;
height: 30px;
}

#blaettern a, #blaettern div {
width: 130px;
height: 30px;
background-repeat: no-repeat;
display: block;
text-decoration: none;
}

#blaettern span {
visibility: hidden;
}

#blaettern a.zurueck {
background-image: url(images/button_zurueck.gif);
float: left;
}

#blaettern a.weiter {
background-image: url(images/button_weiter.gif);
float: right;
}

#glossar_list ul {
display: none;
}

#glossar_list ul li {
margin-left: 20px;
margin-bottom: 4px;
font-weight: bold;
}

#glossar_list ul li.kat {
font-weight: bold;
font-size: 16px;
margin-left: 0px!important;
margin-bottom: 10px!important;
background-image: none;
margin-top: 10px;
}