/* 
    Document   : elements
    Created on : 08.05.2014, 14:28:07
    Author     : pursch.m
    Description:
        Purpose of the stylesheet follows.
*/

/*Kontaktformular-Standard*/


body {
    font-size:100%;
    font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
    color:#4d4d4d;
}

h1 {

}

h2{
 margin:0 0 12px;
}

h3{
    margin:0 0 12px;
}
p {
    font-size:1.0em;
    line-height:1.4em;
    margin:0 0 8px;
}

ul li{
    list-style-type:circle;
}

.item-page img, .items-row img {
    max-width:100%;
    border:3px double hsla(48,58%,85%,1.0);
    box-shadow:1px 2px hsla(48,58%,65%,1.0);
}


.pull-right {
    float:right;
    margin:10px 0px 0px 20px;   
}

.pull-left {
    float:left;
    margin:10px 20px 10px 0px;  
}

.pull-center {
    margin:10px 0px;
}

.block-inline {
    display:inline-block;
    margin:10px 20px 10px 0px;
    clear:both;
    width:45%;
}

.ul-disc {
    margin:10px 0 10px 20px;
    list-style-type:disc;
}

.ul-disc li {
    list-style-type:disc;
}
.ul-none {
    margin:0;  
}

.ul-none li, .list-style-none li {
    list-style-type:none;
}

.contact {
    padding:30px 40px;
    border:5px double hsla(48,58%,85%,1.0);
    background:hsla(48,58%,98%,1.0);
    margin:40px 20px;

}

.contact .page-header {
    margin:0 0 20px;
}
.contact-form fieldset {
    border:none;
    width:100%;
    margin:0 0%;
}

.accordion-inner {
    margin:10px 0px 40px;
    width:98%;
}

.contact-form fieldset legend {
    font-size:0.6em;
    padding:10px 0px;
}

.contact-form fieldset input {

    border:1px solid hsla(0, 0%, 17%, 1);
    width:100%;
    max-width:500px;
    display:block;
    margin-bottom:5px;
    height:23px;
}
.contact-form fieldset textarea {
    border:1px solid hsla(0, 0%, 17%, 1);
    width:100%;
    max-width:500px;
}

.contact-form fieldset .control-label label#jform_contact_email_copy-lbl {
    float:left;
    margin:10px 0px;

}

.contact-form fieldset .controls input#jform_contact_email_copy {
    float:left;
    width:15px;
    margin:7px 10px 0 0;
}

.contact-form fieldset .form-actions {
    text-align:right;
    max-width:500px;
    width:100%;
    margin:5px 0;

}

.contact-form fieldset .form-actions button {
    border:1px solid hsla(156, 100%, 14%, 1.0);
    color:hsla(0, 0%, 100%, 1);
    background:hsla(156, 100%, 24%, 1.0);   
}

.contact-form fieldset .form-actions button:hover {
    background:hsla(156, 100%, 14%, 1.0);   
}


#system-message > .message > ul {
    background:none;
    margin:30px 0px 50px;
}

/*Kontakt-adresse*/



.contact-address dt {
    display:inline-block;
    width:90px;
    vertical-align:top;
    padding-top:10px;
    font-weight:bold;
}

.contact-address dd {
    display:inline-block;
    vertical-align:top;
    width:190px;
    padding-top:10px;
}

.contact-address div {
    display:inline-block;
    border:0px solid #000;
    width:48%;
    vertical-align:top;
    font-size:0.8em;
}

.contact-address {
    margin:15px 0;
    width:100%;
}
.contact-webpage{
    width:250px;
}

.control-group label {
    font-size:0.8em;
}

.webadresse {
    text-align:right;
    width:86%;
    display:block;
    font-size:0.9em;
}


/*googlemaps*/

article .googlemaps {
    text-align:center;
    margin:50px 0;
}

article .googlemaps iframe {
    width:700px;
    height:700px;
}


.theme-default .nivoSlider {
    box-shadow: 0 0px 0px 0 #4a4a4a !important;
    margin-bottom: 0px !important;
    position: relative;
}
.nivoSlider {
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

ul.spargelsorten {
    margin:20px;
}

ul.spargelsorten li {
    display:block;
    padding:5px;
}

.sortennummer {
    display:inline-block;
    width:100px;
}

.sorte {
    display:inline-block;
    width:500px;
}

.verpackung ul {
    margin:20px;
}

.verpackung ul li {
    padding:5px;
}


.gebinde ul {
    margin:auto;
    width:100%;
    border:0px solid #000;
    display:block;
}

.gebinde ul li {
    display:inline-block;
    width:45%;
    text-align:center;
    margin:10px 10px;
}

.gebinde ul li img {
    margin:10px;
}

.veranstaltungen ul {
    margin:20px auto;

    display:block;
}


.kat-link a {
    border-color: hsla(45, 18%, 68%, 1);
    border-style: solid;
    border-width: 2px 0;
    color: hsla(156, 100%, 14%, 1); 
    line-height: 1.7em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.kat-link a:hover {
    color: hsla(45, 100%, 50%, 1); 
}



.VombieLikeButton {
    width:100%;
    text-align:center;

}

.resp-header {
    width:100%;
    background:hsla(156,100%,24%,1.0);
    margin:auto;
}

.resp-header a {
    display:block;
}

.resp-header .menubutton img{
    width:20px;
    margin:5px 10px;
    display:inline-block;
}

.resp-header .menubutton span{
    vertical-align:top;
    display:inline-block;
    text-decoration:none;
    color:#fff;
    font-size:1.0em;
    margin:6px 5px 0;
}

.responsive-head .logoheader {
    width:100%;
    padding:2px 0 5px;
}



/*Veranstaltungskalender*/

.veranstaltungen ul.ul-none {
    display:block;
    padding:20px 30px;
}

.veranstaltungen ul.ul-none li {
    display:block;
    padding:10px 0px 20px 40px;
    background:url('../images/symbole/symbole.png')no-repeat 0px -27px;
    font-weight:bold;
}

.googlemaps iframe {
    max-width:90%;
    height:auto;

}

.col-2img {
    width:45%;
    height:auto;
  display:inline-block;
}


.speisekarte div {
    display:block;
    margin:20px 0px;
}

.speisekarte div ul{
    display:block;
    margin:20px 0;
}

.speisekarte div ul li{
    display:block;
    padding:5px;
}

.speisekarte div ul li span{
    display:inline-block;
}

.speisekarte div ul li span.menue{
    width:70%;
    padding-left:20px;
    margin-right:20px;
}

.speisekarte div ul li span i {
    font-size:11px;
}

.speisekarte .zusatzstoffe {
    font-size:0.9em;
}
.pdfdown {
    padding:10px;
}
.pdfdown a {
    display:block;
    text-decoration:none;
    padding: 10px 0px 10px 40px;
    background:url('../images/symbole/pdf-download.png') no-repeat 0 50%;
    color:#4d4d4d;
    
}

.pdfdown a:hover {
    text-decoration:underline;
}