/****************************************************/
/* Layout                                           */
/****************************************************/

body, ul, li, p, h1, h2, h3
{
      margin: 0px;
      padding: 0px;  
}

body, html
{
    height: 100%;
    background-repeat: repeat-x;
    background-color: #DBDBDB;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 16px;
}

body
{
    background-image: url(pageback.gif);    
}

div#wrapside1
{
    float: left;
    width: 50%;
    margin-left: -490px;
    height: 100%;
    background-image: url(leftback.jpg);
    background-repeat: repeat-x;
    background-color: #004778;
}

div#side1
{
    margin-left: 490px;
    height: 100%;
}

div#content
{
    float: left;
    width: 980px;
    height: 100%;
    background-image: url(contentback.gif);
}

div#header
{
    background-image: url(headerback.gif);
    height: 140px;
    float: left;
    width: 100%;
}

div#header .logo
{
    float: left;
    display: inline;
}

div#header .tool
{
    float: right;
    display: inline;
}


div#navigation
{
    float: left;
    width: 221px;
    padding-right: 1px;
    height: 600px;
    background-image: url(navback.jpg);
    background-repeat: no-repeat;
    padding: 0px;
}

div#main
{
    background-image: url(text_back.gif);
    background-repeat: repeat-x;
    float: left;
    position: relative;
    z-index: 200;
}

div#text
{
    float: left;
    width: 423px;
    min-height: 586px;
    margin-left: 65px;
    margin-right: 40px;
    margin-top: 50px;
}

div#wrapside2
{
    float: right;
    width: 49.9%;
    margin-left: -490px;
    height: 100%;
}

div#side2
{
    margin-left: 490px;
    height: 100%;
}

div#context
{
    float: left;
    width: 231px;
    margin-top: 50px;
}

/****************************************************/
/* Layout Anfahrt                                   */
/****************************************************/

#anfahrt div#text
{
    width: 443px;
    margin-left: 55px;
    margin-right: 30px;
    overflow: hidden;
}

/****************************************************/
/* Layout Startseite                                */
/****************************************************/

#startseite div#header
{
    background-image: url(headerback_start.gif);
    background-repeat: no-repeat;
    background-position: 221px 0px;
}

body#startseite
{
    background-image: url(pageback_start.gif);
}

#startseite div#main
{
    background-image: url(text_back_start.jpg);
    background-repeat: no-repeat;
    background-position: 221px 0px;
}

/****************************************************/
/* Layout Anfahrt                                   */
/****************************************************/

#anfahrt div#text
{
    width: 443px;
    margin-left: 55px;
    margin-right: 30px;
}

/****************************************************/
/* Navigation                                       */
/****************************************************/

#navigation ul
{
    list-style-type: none;
    width: 205px;
    float: right;
    margin-top: 15px;
}

#navigation li
{
    display: inline-block;
    width: 100%;
}

#navigation ul a
{
    color: #FFFFFF;
    text-decoration: none;
    display: block;
    line-height: 32px;
    height: 32px;
    padding-left: 15px;
    background-image: url(nav_separator.gif);
}

#navigation ul strong  a, #navigation ul a:hover
{
    background-image: url(nav_sel_back.gif);
    font-weight: normal;
}

#navigation .links
{
    clear: both;
    color: #76B2E8;
    text-align: right;
    font-size: 0.7em;
    padding-top: 1em;
    margin-right: 1em;
}

#navigation .links a
{
    color: #76B2E8;
    text-decoration: none;
}

/****************************************************/
/* Navigation 2. level                              */
/****************************************************/

#navigation ul ul
{
    float: none;
    display: inline-block;
    margin-bottom: 15px;
    margin-top: 0px;
}

#navigation ul ul a
{
    line-height: 25px;
    height: 25px;
    font-size: 0.8em;
    background-image: none;
    background-position: bottom;
    margin-left: 15px;
}

#navigation ul ul strong a, #navigation ul ul a:hover
{
    font-weight: bold;
    background-image: none;
}

/****************************************************/
/* content area                                     */
/****************************************************/

#text
{
    line-height: 1.5em;
    font-size: 0.9em;
}

#text h1
{
    color: #E60003;
    font-size: 1.5em;
    font-weight:normal;
    line-height: 29px;
    border-bottom: 1px solid #E60003;
    margin-bottom: 1em;
}

#text img
{
    margin-right: 0.5em;
}

#text p
{
    margin-bottom: 1em;
}

#text a
{
   color: #1A4564;
}

#text h2
{
   font-size: 1.2em;
   margin-bottom: 0.5em;
   margin-top: 0.5em;
}

#text label
{
   width: 160px;
   display: block;
   float: left;
   clear: left;
}

/****************************************************/
/* content area homepage                            */
/****************************************************/

#startseite #text
{
    color: #FFFFFF;
}

#startseite #text h1
{
    color: #FFFFFF;
    font-style: italic;
    font-size: 1.4em;
    background-image: url(arrow.gif);
    background-position: left bottom;
    padding-bottom: 15px;
    background-repeat: no-repeat;
    border-bottom: 0px;
}

/****************************************************/
/* content area aktionen / aktuell / produkte       */
/****************************************************/

#aktionen .item, #aktuell .item, #produkte .item
{
    margin-bottom: 1em;
    clear: left;
    border-bottom: 1px solid #FFFFFF;
    padding-left: 0.5em;
    padding-bottom: 0.5em;
    color: #1A4564;
}

#produkte .item, #produkte2 .item
{
    float: left;
    padding-bottom: 1em;
    width: 97%;
}

#produkte .item .katalog
{
   margin-left: 150px;
}

#produkte2 .item .katalog
{
    margin-left: 130px;
}

#aktionen .item a, #aktuell.item a, #produkte .item a
{
    color: #1A4564;
}

#produkte .item a
{
   text-decoration: none;
   color: #E60003;
}


#aktionen .item .bild
{
   float: right;
   margin-left: 0.5em;
}

#produkte .item .bild, #produkte2 .item .bild
{
   float: left;
   margin: 0px;
}

#aktionen .item h3, #aktuell .item h3
{
   font-size: 1em;
  /* color: #E60003;*/
   padding-top: 0.3em;
}

#aktionen .item h2, #aktuell .item h2, #produkte .item h2
{
   font-size: 1.2em;
   color: #1A4564;
   margin-top: 0.2em;
   margin-bottom: 0.3em;
}

#produkte .item h2
{
   font-size: 1em;
}

#produkte2 h2
{
 clear: left;
}

#produkte2 .item
{
    position: relative;
    padding-bottom: 0px;
}

#produkte2 .item .produktbox
{
    position: absolute;
    border-top: 1px solid black;
    top: 0.6em;
    left: -270px;
    width: 350px;  
    padding: 4px;
    background-color: #E7E6E6;  
}

#produkte2 .item h3
{
    font-size: 1em;
    padding-left: 100px;
}

#produkte2 #text
{
    padding-bottom:450px;
}

/****************************************************/
/* content area ansprechpartner                      */
/****************************************************/

#ansprechpartner .item
{
    float: left;
    line-height: 25px;
    vertical-align: middle;
    width: 100%;
    margin-top: 0.4em;
    margin-bottom: 0.4em;
    clear: left;
    cursor: default;
}

#ansprechpartner #text
{
    padding-bottom: 100px;
}

#ansprechpartner #text h2
{
   font-size: 1em;
  /* color: #E60003;*/
   padding-top: 0.3em;
   border-bottom: 1px solid black;
}

#ansprechpartner .item .bildgross
{
    position: absolute;
    margin: -1px 0 0 -100px;
}

#ansprechpartner .bildklein
{
    float: left;
    margin-right: 7px;
}

#ansprechpartner .name
{
    float: left;
    width: 200px;
    z-index: 1;
}

#ansprechpartner .tel
{
    float: left;
}

#ansprechpartner .email
{
   margin-left: 28px;
}


#ansprechpartner .email a
{
  color: #000000;
  text-decoration: none;
}

/****************************************************/
/* content area formular                            */
/****************************************************/

.form, .formFocus, formChanged
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    border: 1px solid #1A4564;
    padding-left: 0.3em;
    padding-right: 0.3em;
}

.formFocus
{
   background-color: #1A4564;
   color: #FFFFFF;
}

#text ul
{
    margin-left: 1em;
}

#text form ul a
{
    text-decoration: none;
}

/****************************************************/
/* content area bilder                              */
/****************************************************/

#bilder #text a
{
   color: #000000;
   text-decoration: none;
}

#bildergalerie #text a
{
   text-decoration: none;
}


/****************************************************/
/* context area                                     */
/****************************************************/

#context .box
{
    margin-bottom: 1em;
}

#content .box div
{
    background-position: left bottom;
    background-repeat: no-repeat;
    padding-bottom: 19px;   
}

#content .box h2
{
    text-align: right;
    line-height: 29px;
    height: 29px;
    color: #FFFFFF;
    font-size: 1em;
    padding-right: 22px;
    font-weight: normal;
}

#content .box p, #content .box ul
{
    background-repeat: no-repeat;
    color: #FFFFFF;
    font-size: 0.9em;
    line-height: 1.4em;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 10px;
    padding-bottom: 15px;
 /*   min-height: 145px;    */
    list-style-type:none;
}

#content .box li
{
    margin-bottom: 0.5em;
}

#content .box a
{
    color:#FFFFFF;
    text-decoration: none;
}

#content .box p, #content .box ul
{
    background-image: url(box_back_start.png);
}

* html #content .box p, * html #content .box ul
{
    background-image: url(box_back_start.gif);
}

#content .box div
{
    background-image: url(box_footer_start.png);
}

* html #content .box div
{
    background-image: url(box_footer_start.gif);
}

#content .box h2
{
    background-image: url(box_headline_start.png);
}

* html  #content .box h2
{
    background-image: url(box_headline_start.gif);
}

/* Standardshop *********************************************************/

#shopframe #context
{
    display: none;
}

#shopframe div#text
{
    width: 759px;
    margin: 0px;
    padding: 0px;
}

#shopframe iframe
{
    background-color: #FFFFFF;
}




/*********************************************************/
/* Weblication                                           */
/*********************************************************/

.buttonBackend         {
                         background-image:url(/weblication/wGui/wImages/bg_button_bue.gif);
                         white-space:nowrap;
                         cursor:pointer;
                         font-family:arial,helvetica;
                         font-weight:normal;
                         font-size:11px;
                         line-height:16px;
                         color:#404040;
                         background-color:#c9ced4;
                         padding:0 0 0 4px;
                         margin:0 0 0 8px;
                         height:18px;
                         width:160px;
                         border-style:solid;
                         border-top-color:#BFBFBF;
                         border-bottom-color:#000000;
                         border-left-color:#BFBFBF;
                         border-right-color:#000000;
                         border-width:1px;
                       }