/* #####################################################
   allgemeine Formatangaben
   #####################################################  */
body
{
    margin: 0;
    padding: 0;
    background: #E3E3E5 url(../Images/bg_body1.jpg) 0 0 repeat-x;
    color: #101010;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
}


a:link,
a:visited
{
    color: #8b1604;
}

a:active,
a:hover
{
    color: #FF2407;
}

a img
{
    border: none;
}

h1
{
    font-size: 16px;
    margin-bottom: 12px;
    text-transform: uppercase;
    color: #000;
    margin-top: 6px;
}

h2
{
    font-size: 14px;
    margin: 10px 0;
    text-transform: uppercase;
    color: #101010;
}

h3
{
    font-size: 12px;
    margin: 8px 0;
    font-weight: bold;
    color: #101010;
}



/* #####################################################
   Basislayout              
   ##################################################### */
#wrapper
{
    position: absolute;
    width: 960px;
    top: 0px;
    left: 50%;
    margin: 20px 0 20px -480px;
    padding: 0;
}


/*-------------------------------------------------------
  Header
  ------------------------------------------------------- */

#header
{
    position: relative;
    height: 220px;
    width: 960px;
    background: url(../images/bg_header1.jpg) 0 0 no-repeat;
}



    #header #mainmenu
    {
        position: absolute;
        top: 15px;
        left: 14px;
        width: 930px;
        height: 36px;
        float: left;
    }

        /*----------------------------------------------------------- */
        /* Mainmenu waagerecht                                        */
        /*-----------------------------------------------------------*/

        #header #mainmenu ul
        {
            margin: 0px;
            padding: 0px;
        }

            #header #mainmenu ul li
            {
                list-style-type: none;
                display: block;
                width: 142px;
                height: 36px;
                float: left;
            }

                #header #mainmenu ul li a:link,
                #header #mainmenu ul li a:visited
                {
                    display: block;
                    width: 142px;
                    height: 27px;
                    text-align: center;
                    padding-top: 9px;
                    text-decoration: none;
                    text-transform: uppercase;
                    color: #000;
                    font-family: Verdana;
                    font-size: 14px;
                    font-weight: bold;
                }

                #header #mainmenu ul li.active a
                {
                    color: #FFF;
                    background-color: #FF582B;
                }

                #header #mainmenu ul li a:hover
                {
                    background-color: #FF582B;
                }




/* #####################################################
   Contentbereich         
   ##################################################### */

#maincontent
{
    width: 910px;
    padding: 10px;
    float: left;
    background-color: #FFF;
    border-left: 15px solid #8b1605;
    border-right: 15px solid #8b1605;
}

#content
{
    width: 700px;
    float: right;
}

#contentleft
{
    width: 480px;
    float: left;
    text-align: left;
}

#contentright
{
    width: 210px;
    float: right;
    padding: 0 0 10px 0px;
    text-align: left;
}

    #contentright ul
    {
        margin-left: 0px;
        padding-left: 14px;
    }

    #contentright .minitext
    {
        line-height: 1em;
    }


/* #####################################################
   Linke Navigation         
   ##################################################### */
#navigation
{
    width: 200px;
    float: left;
    text-align: left;
}

#navigation
{
    margin-bottom: 20px;
}

    #navigation ul
    {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }

        #navigation ul li
        {
            display: block;
            width: 180px;
            height: 32px;
            border-bottom: 1px solid #C0C0C0;
            margin-left: 10px;
        }

            #navigation ul li a:link,
            #navigation ul li a:visited
            {
                display: block;
                width: 170px;
                height: 24px;
                padding-top: 8px;
                padding-left: 10px;
                color: #772B1A;
                font-size: 12px;
                font-weight: bold;
                text-decoration: none;
            }

            #navigation ul li a:active,
            #navigation ul li a:hover
            {
                /*color: #C5472B;*/
                background-color:#EAEAEA;
            }

            #navigation ul li.current a
            {
                color: #C5472B;
                background-color:#E0E0E0;
            }

/* #####################################################
   Footerbereich         
   ##################################################### */
#footer
{
    clear: both;
    position: relative;
    width: 960px;
    height: 62px;
    background: transparent url(../Images/bg_footer1.jpg) left bottom no-repeat;
}

    #footer #footerinfo
    {
        position: absolute;
        top: 16px;
        left: 110px;
        color: #000;
        font-size: 10px;
    }

    #footer #copyright
    {
        position: absolute;
        top: 16px;
        left: 770px;
        color: #FFF;
        font-size: 10px;
        text-shadow: 1px 1px 1px #010101;
        filter: progid:DXImageTransform.Microsoft.DropShadow(color:#010101, offx=1, offy=1);
        zoom: 1;
    }



/* #####################################################
   infoboxen          
   ##################################################### */

.ibheader
{
    width: 190px;
    height: 22px;
    padding: 8px 0px 0px 10px;
    background-color: #8B1604;
    color: #FFF;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 1px 1px 1px #010101;
    filter: progid:DXImageTransform.Microsoft.DropShadow(color:#010101, offx=1, offy=1);
    zoom: 1;
}

.ibcontent
{
    width: 190px;
    background-color: #E0E0E0;
    background-image: -ms-linear-gradient(#F0F0F0, #E0E0E0);
    background-image: -moz-linear-gradient(#F0F0F0, #E0E0E0);
    background-image: -o-linear-gradient(#F0F0F0, #E0E0E0);
    background-image: -webkit-linear-gradient(#F0F0F0, #E0E0E0);
    background-image: -webkit-gradient(linear,center top,center bottom,from(#F0F0F0),to(#E0E0E0));
    background-image: linear-gradient(#F0F0F0, #E0E0E0);
    padding: 6px 5px;
    color: #4B4B4B;
}

.ibfooter
{
    width: 200px;
    height: 12px;
    background-color: #E0E0E0;
    margin-bottom: 10px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-radius-bottomleft: 8px;
    border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-radius-bottomright: 8px;
    border-bottom-right-radius: 8px;
}

/*.loginbox   { width:198px; border: 1px solid red; margin-bottom:10px;padding:4px 0; background-color: #F0F0F0; }*/

.artikelelement
{
    width: 478px;
    border: 1px solid gray;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin-bottom: 10px;
}

    .artikelelement h3
    {
        padding-left: 5px;
    }


    .artikelelement table
    {
        border: none;
        border-spacing: 0px;
        border-collapse: collapse;
    }

        .artikelelement table td
        {
            padding: 5px;
            text-align: left;
            vertical-align: top;
        }


    .artikelelement a.details
    {
        color: #FFF;
        display: block;
        width: 63px;
        height: 28px;
        padding: 12px 0 0 10px;
        background: url(../images/bg_details.gif) 0 0 no-repeat;
        text-decoration: none;
        margin-left: 50px;
    }

        .artikelelement a.details:hover
        {
            text-decoration: underline;
        }

.artikelteaser h2
{
    background-color: #8B1604;
    color: #FFF;
    padding: 5px;
    width: 470px;
    text-shadow: 1px 1px 1px #010101;
    filter: progid:DXImageTransform.Microsoft.DropShadow(color:#010101, offx=1, offy=1);
    zoom: 1;
}

    .artikelteaser h2 .teasertext
    {
        text-shadow: 1px 1px 1px #010101;
        filter: progid:DXImageTransform.Microsoft.DropShadow(color:#010101, offx=1, offy=1);
        zoom: 1;
    }

/* #####################################################
   Formulare            
   ##################################################### */

fieldset
{
    margin: 0;
    padding: 10px;
    background-color: #F9F9F9;
    border: 1px solid #E6E6E6;
}

legend
{
    font-size: 14px;
    font-weight: bold;
    color: #772B1A;
}

fieldset p
{
    margin: 10px 0;
}

    fieldset p label
    {
        float: left;
        text-align: right;
        width: 140px;
        padding: 2px 2px 0 0;
    }

        fieldset p label .nolabel
        {
            float: none;
            width: 40px;
            padding: 2px 2px 0 0;
        }

input.txt
{
    background-color: #FFF;
    border: 1px solid #C0C0C0;
    font-size: 12px;
    height: 20px;
}

textarea.txt
{
    background-color: #FFF;
    border: 1px solid #C0C0C0;
    font-size: 12px;
}


    input.txt:focus,
    input.txt:hover,
    textarea.txt:focus,
    textarea.txt:hover,
    textarea.txt.iehover,
    input.txt.iehover
    {
        background-color: #FDFFD2;
    }


/* #####################################################
   Allgemeine Klassen   
   ##################################################### */
.error
{
    color: Red;
}

.left
{
    text-align: left;
}

.center
{
    text-align: center;
}

.justify
{
    text-align: justify;
}

.right
{
    text-align: right;
}

.top
{
    vertical-align: top;
}

.bold
{
    font-weight: bold;
}

.relative
{
    position: relative;
}

.minitext
{
    font-size: 10px;
}

.imgleft
{
    float: left;
    margin: 0px 5px 4px 0px;
}

.imgright
{
    float: right;
    margin: 0px 0px 4px 5px;
}

.box_c
{
    background-color: #F0F0F0;
    border: 1px solid #E6E6E6;
    padding: 10px;
    width: 460px;
    margin-bottom: 10px;
}



/* #####################################################
   Tabellen und Gridviews 
   ##################################################### */
.thead
{
    background-color: #FBF9CD;
    color: Black;
    font-weight: bold;
}

.row
{
    background-color: #F0F0F0;
}

.arow
{
    background-color: #E6E6E6;
}

/* Datapager */

.datapager
{
    text-align: center;
    background-color: #E6E6E6;
    padding: 4px;
    margin-bottom: 10px;
    position: relative;
}

    .datapager a
    {
        color: Black;
    }

    .datapager .curpage
    {
        border: 1px solid black;
        background-color: Black;
        color: White;
    }

    .datapager .anztreffer
    {
        position: absolute;
        top: 4px;
        left: 410px;
        color: Black;
    }


/* #####################################################
   Spezielle Controls 
   ##################################################### */

/* Selectionpanel*/

.selectionpanel
{
    width:470px;
    height:16px;   
    padding:5px;
    color:#fff;
    background-color: #8B1604;
}

.ddlsortselectionpanel,
.ddlpagesizepanel
{
    float: right;
    margin-left:10px;
} 
 

/* Editierbare Textbausteine */
.tbeditheader
{
    height: 24px;
    padding-left: 4px;
    padding-top: 4px;
    background: url(../Images/tbe_header_grey.jpg) 0 0 repeat-x;
    color: #FFF;
}
/* ModalPopup für Bilder von Textbausteinen */
.floatleft
{
    float: left;
}

.floatright
{
    float: right;
}

/* ZoomableImage */
.imagezoombar
{
    text-align: right;
    background-color: transparent;
    position: relative;
    margin: 0;
    padding: 0;
}

.zoombutton60, .zoombutton80, .zoombutton90, .zoombutton100, .zoombutton110, .zoombutton120, .zoombutton130,
.zoombutton140, .zoombutton150, .zoombutton160, .zoombutton170, .zoombutton180, .zoombutton190,
.zoombutton200, .zoombutton210, .zoombutton220, .zoombutton230, .zoombutton240, .zoombutton250, .zoombutton470
{
    position: absolute;
    top: -25px;
    width: 22px;
    height: 22px;
    margin: 0;
    padding: 0;
}

.zoombutton60
{
    left: 39px;
}

.zoombutton80
{
    left: 59px;
}

.zoombutton90
{
    left: 69px;
}

.zoombutton100
{
    left: 79px;
}

.zoombutton110
{
    left: 89px;
}

.zoombutton120
{
    left: 99px;
}

.zoombutton130
{
    left: 109px;
}

.zoombutton140
{
    left: 119px;
}

.zoombutton150
{
    left: 129px;
}

.zoombutton160
{
    left: 139px;
}

.zoombutton170
{
    left: 148px;
}

.zoombutton180
{
    left: 159px;
}

.zoombutton190
{
    left: 169px;
}

.zoombutton200
{
    left: 179px;
}

.zoombutton210
{
    left: 189px;
}

.zoombutton220
{
    left: 199px;
}

.zoombutton230
{
    left: 209px;
}

.zoombutton240
{
    left: 219px;
}

.zoombutton250
{
    left: 229px;
}

.zoombutton470
{
    left: 449px;
}


.modalbackground
{
    background-color: #000;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalpopup
{
    background-color: #FFF;
    padding: 10px;
    z-index: 1000;
    text-align: center;
}


/* HTMLEditor */
.htmleditor .ajax__htmleditor_editor_container .ajax__htmleditor_editor_toptoolbar,
.htmleditor .ajax__htmleditor_editor_container .ajax__htmleditor_editor_bottomtoolbar
{
    background-color: #D0D0D0;
    padding: 0px 0px 2px 2px;
}


/* #####################################################
   Spezielle Seiten
   ##################################################### */

/* Artikeldetails */
.detailimage
{
    border: 1px solid black;
}

a.back,
a.ibback

{
    color: #FFF;
    display: block;
    width: 63px;
    height: 28px;
    padding: 12px 0 0 10px;
    background: url(../images/bg_details.gif) 0 0 no-repeat;
    text-decoration: none;
    margin-left: 50px;
}
a.ibback
{
    margin-left: 0px;
    background: url(../images/bg_ibdetails.gif) 0 0 no-repeat;
}


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

.preis,
.preisib
{
    font-family: Georgia, Verdana,sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #8B1604;
    text-shadow: 1px 1px 1px #010101;
    filter: progid:DXImageTransform.Microsoft.DropShadow(color:#666666, offx=1, offy=1);
    zoom: 1;
}
.preisib
{
    font-size: 22px;
}

#navigation h2
{
    background-color: #8B1604;
    color: #FFF;
    padding: 5px;
    width: 190px;
    text-shadow: 1px 1px 1px #010101;
    filter: progid:DXImageTransform.Microsoft.DropShadow(color:#010101, offx=1, offy=1);
    zoom: 1;

}