@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) central stylesheet
 * (de) zentrales Stylesheet
 *
 * @creator       YAML Builder V1.2 (http://builder.yaml.de)
 * @file          my_layout.css
 * @-yaml-minver  3.2
 * 
 */

/* import core styles | Basis-Stylesheets einbinden */
@import url(../yaml/core/base.css);

/* import screen layout | Screen-Layout einbinden */
@import url(../yaml/navigation/nav_shinybuttons.css);
/* @import url(../yaml/screen/forms.css); */

@import url(screen/basemod.css);
@import url(screen/content.css);
@import url(screen/forms.css);
/* import print layout | Druck-Layout einbinden */
@import url(print/print_obsono.css);


/* import print layout | Druck-Layout einbinden */
@import url(mobile/mobile_obsono.css); 

form.nutzerlogin label,
form.nutzerlogin input{
    margin-bottom: 5px;
}



/* ... Hier werden die Formate definiert ... */

h1, h2, h3
{
  font-family:Arial, Helvetica, sans-serif;
}

.doitalic {font-style: italic;}

/* login und header */
div#header #messages
{
  float:right;
  color: red;
}

div#header #authContainer form 
{
  float:left;
  margin:0 0 5px 0;
}

div#header #authContainer input
{
  margin-right: 20px;
}


/* Übesicht der Einkauflisten */

div#einkaufslisten {margin: 0 0 30px 0;}

div#einzellisten_ueberschrift {margin:0 0 30px 0;}

h2#einzellisten_ueberschrift_text {background: #fff; background:url(../images/liste_ohne.png) no-repeat left; padding-left:40px; height: 40px; width:90%; vertical-align: bottom;}

div#einkauflisten_erstellen,
div#neuesProdukt {margin:0 0 30px 0;}

/* Allgemeine Aktionen in DIVs*/

.handle,
div.handle:hover
{
    width:70px;
    background:url(../images/handle.png) no-repeat center;
    float: left;
}

.regaladd,
div.regaladd:hover
{width:50px; background:url(../images/arrow-left-big.png) no-repeat left; margin:0 10px 0 0; padding: 0 0 0 30px; }

.listmenu {
    float: right;
}

.editList,
.mobilList,
.printList,
.checkedList,
.deleteListNow {border: none; padding: 0 0 0 25px; color: #000000; background:url(../images/delete.png) no-repeat left;}

.editList, .editList:visited {background:url(../images/liste_bearbeiten.png) no-repeat left;}
.mobilList, .mobilList:visited {background:url(../images/in_wagen.png) no-repeat left;}
.printList, .printList:visited {background:url(../images/drucken.png) no-repeat left;}
.checkedList, .checkedList:visited {background:url(../images/liste_mit.png) no-repeat left;}

.deleteList,
.deleteProduct
{width: 26px; display: block; float: right; color: #000000; background:url(../images/delete.png) no-repeat left;}






.listrow {
    margin:5px 0 15px 0;
    background:url(../images/liste_ohne.png) no-repeat left;
    height:40px;
    padding-left:40px;
    vertical-align:bottom;
    width:80%;
    border-bottom:1px solid #efefef;
}

.listrow a {
    font-size:25px;
    text-decoration:none;
}

/* Regalliste */
#einRegal {height:20px; margin: 5px; padding: 5px;}






.edit {width: 500px; float: left;}

.editaktion {width:100px; text-align:right;}
.produkttabellenkopf {width:200px; text-align:left;}
.handletabellenkopf {width:70px; text-align:left;}
.produkttabellenkopfaktion {width:100px; text-align:right;}
/*.productrow {border:1px solid black; width:800px;}*/


/* Nicht eingeloggt */
div.notloggedin
{
    border-bottom: 1px dashed #ababab; padding-bottom: 20px; margin-bottom: 20px;
}

div.notloggedin p {font-weight: bold;}



/*  das rechte Ausklappmenü */
h2.trigger {
        border-top: 2px solid #ababab;
        padding: 0 0 0 0;
        margin: 0 0 5px 0;
        height: 20px;
        line-height: 20px;
        width: 180px;
        font-size: 12px;
        font-weight: normal;
}
h2.trigger a {
        color: #000;
        text-decoration: none;
}

h2.trigger a img {
    float:left;
    padding-left:5px;
}

h2.trigger a:hover { color: #000; text-decoration: none;}
h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
        margin: 0 0 5px;
        padding: 0;
        border-top: 1px solid #d6d6d6;
        background: #f0f0f0 url(toggle_block_stretch.gif) repeat-y left top;
        overflow: hidden;
        font-size: 1.2em;
        /* width: 500px; */
        clear: both;
        border: 1px solid #ababab;
}
.toggle_container .block {
        /* padding: 20px; /*--Padding of Container--*/ */
        background: url(toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/
}                


.ausklappmenue {
    position: absolute;
    top: 210px;
    right: 22px;
    background-color: #fff;
    text-align: right;
}
    
#regalliste {
    text-align: left;
}

#teaser {
    margin: 1px;
}

.subteaser_start {
     background: transparent url(../images/pics/orangen_mit_zettel.png) no-repeat scroll 0% 0%;
     height: 250px;
}
    
.subteaser_small {
    background: transparent url(../images/pics/orangen_mit_zettel.png) no-repeat scroll 0pt -20px;
    height: 100px;"
}


.boxtext {
    background: url(../images/pics/textbox_01.png) center top no-repeat;
    margin: 0;
    height: 200px;
    padding:10px;
    text-align: left;
    width:230px;
}

.boxtext h3{
    padding:12px 0 0 35px;
}

.boxtext ul {
    padding:30px 0 0 0;
    font-size:14px;
    list-style-type: none;    
}

.boxtext ul li {
    padding:5px 0 0 0;
    font-weight: bold;
}

.boxtext ul li i{
    font-size:10px;
    line-height:11px;
    display:block;
    width:200px
}