root
{ 
    display: block;
}

body
{
    height: 100%;
    width: 100%;
}

img
{
    border:0 solid;
}

:focus
{
    outline-style:none;
    outline-width:0;
}

/* #### DIVISIONS START #### */

div#boxklein
{
    width: 156px;
    height: 206px;
    /*background-color: #fff;*/
    position: absolute;
    text-align: left;
    top: 600px;
    left: 60px;
    padding: 12px 27px 27px 12px;
    z-index: 5000;
    /*border: 1px solid #ccc;*/
    background-image: url(../images/boxklein.png);
}

div#boxgross
{
    width: 156px;
    height: 410px;
    /*background-color: #fff;*/
    padding: 12px 27px 27px 12px;
    text-align: left;
    position: absolute;
    /*border: 1px solid #ccc;*/
    background-image: url(../images/boxgross.png);
    top: 150px;
    left: 60px;
    z-index: 5000;
}

div#logo
{
    width: 220px;
    height: 87px;
    background-image: url(../images/factory_logo.gif);
    z-index: 1000;
    position: absolute;
    top: 40px;
    left: 322px;
}

div#menue
{
    width:630px;    
    z-index: 5000;
    position: absolute;
    top: 170px;
    left: 324px;
    z-index: 5000;
}

div#menue_fueller
{
    width:325px;
    height: 34px;
    z-index: 5000;
    position: absolute;
    background-color: #fff;
    filter: alpha(opacity = 90); /* IE */
    -moz-opacity:0.9;
    khtml-opacity: 0.9;
    opacity: 0.9;
    top: 170px;
    left: 0px;
    z-index: 4000;
}

div#menuenoclick
{
    width:126px;
    height: 34px;
    z-index: 5000;
    position: absolute;
    background-color: #fff;
    filter: alpha(opacity = 90); /* IE */
    -moz-opacity:0.9;
    khtml-opacity: 0.9;
    opacity: 0.9;
    top: 170px;
    float: left;
    z-index: 4000;
}

div#breadcrumb
{
    width:606px;
    height: 30px;
    z-index: 5000;
    position: absolute;
    top: 405px;
    left: 304px;
    z-index: 0;
}


div#content
{
    width:606px;
    background-color: #fff;
    height: 280px;
    z-index: 5000;
    position: absolute;
    top: 405px;
    left: 304px;
    z-index: 0;
}

div#ajax
{
    width: 365px;
    height: 315px;
    padding: 20px;
    padding-right: 15px;
    z-index: 5000;
}

/* #### SLIDESHOW #### */
#slideshow
{
    position: absolute;
    width: 949px;
    height: 180px;
    padding: 0px 20px 20px 0px;
    top: 170px;
    left: 0;
    overflow: hidden;
    border: 0;
    z-index: 0;
    background-image: url(../images/boxslideshow.png);
}
/*
div#shadowshow
{
    width: 953px;
    height: 180px;
    background-color: #666;
    filter: alpha(opacity = 40);
    -moz-opacity:0.4;
    khtml-opacity: 0.4;
    opacity: 0.4;
    position: absolute;
    top: 174px;
    left: 0;
    z-index: 0;
}
*/
#slideshow img
{
    position: absolute;
    left: 0;
    top: 0;
    width: 949px;
    height: 180px;
}
/* #### SLIDESHOW ENDE #### */
/* #### DIVISIONS ENDE #### */


/* #### TEXT START #### */
p
{
    font-family: Arial, Helvetica;
    font-size: 13px;
    line-height: 16px;
    color: #4e5255;
}

p.bold, span.bold
{
    font-family: Arial, Helvetica;
    font-size: 13px;
    line-height: 16px;
    color: #4e5255;
    font-weight:bold;
}

p.menue
{
    font-family: Arial, Helvetica;
    font-size: 13px;
    line-height: 16px;
    color: #4e5255;
    padding-left: 6px;
}

p.italic
{
    font-family: Arial, Helvetica;
    font-size: 13px;
    line-height: 16px;
    color: #4e5255;
    font-style: italic;
}

p.klein
{
    font-family: Arial, Helvetica;
    font-size: 10px;
    line-height: 14px;
    color: #4e5255;
}

p.blau
{
    font-family: Arial, Helvetica;
    font-size: 13px;
    line-height: 16px;
    color: #0081c7;
}

p.none
{
    font-family: Arial, Helvetica;
    font-size: 13px;
    line-height: 0;
    color: #4e5255;
}

span.none
{
    font-family: Arial, Helvetica;
    font-size: 13px;
    line-height: 0;
    color: #4e5255;
}

p.kunde
{
    font-family: Arial, Helvetica;
    font-size: 11px;
    line-height: 14px;
    color: #4e5255;
}

h1
{
    font-family: Arial, Helvetica;
    font-size: 16px;
    line-height: 20px;
    color: #0081c7;
    margin-bottom: 32px;
}

h1.referenz
{
    font-family: Arial, Helvetica;
    font-size: 16px;
    line-height: 20px;
    color: #0081c7;
    padding-left: 10px;
}

h2
{
    font-family: Arial, Helvetica;
    font-size: 14px;
    line-height: 0;
    color: #0081c7;
}
/* #### TEXT ENDE #### */


/* #### LINK START #### */
a
{
    color:#0081c7;
    text-decoration:none;
}

a:link
{
    color: #0081c7;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-style:normal;
    font-weight:normal;
    text-decoration:none;
}


a:visited
{
    color: #0081c7;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}


a:active
{
    color: #4e5255;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: normal;
    text-decoration: underline;
}

a:hover
{
    color: #4e5255;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
}

a:link.kunde
{
    color: #0081c7;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-style:normal;
    font-weight:normal;
    text-decoration:none;
}


a:visited.kunde
{
    color: #0081c7;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}


a:active.kunde
{
    color: #4e5255;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: underline;
}

a:hover.kunde
{
    color: #4e5255;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}
/* #### LINK ENDE #### */

/* LISTE */
ul.quadrat
{
    list-style-type:square;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 20px;
    color:#4e5255;
    list-style-image:url(../images/list.gif);

}

li
{
    font-family: Arial, Helvetica;
    font-size: 13px;
    line-height: 16px;
    color: #4e5255;
}

li.white
{
    height: 36px;
    background-color: #fff;
    width: 126px;
}

li.quader
{
    font-family: Arial, Helvetica, sans-serif;
    color: #4e5255;
    padding-left: 5px;
}

/* +++ LISTE ENDE +++ */


/* ####### TABELLE START ###### */
table
{
    border: 0;
    width: 600px;
    font-family: Arial, Helvetica;
    font-size: 13px;
    line-height: 16px;
    color: #4e5255;
}

tr
{
    border: 0;
}

tr.border
{
    border-bottom: 1px solid #ccc;
}

td
{
    width: 250px;
    float: left;
    height: 50px;
}

td.team
{
    width: 250px;
    float: left;
    height: 150px;
}

td.size
{
    width: 250px;
    float: left;
    height: auto;
}

td.left
{
    width: 450px;
    float: left;
    height: auto;

}

td.right
{
    width: 145px;
    float: right;
    height: auto;
    text-align: left;

}
/* ####### TABELLE ENDE ###### */

/* ####### IMGSTART ###### */

img.padding
{
    padding-right: 10px; padding-bottom: 10px;
}

hr
{
    border: 0;
    border-top: 1px solid;
    color:#ccc;
    width: 626px;
}

/* ######## Formular ####### */
label, legend
{
    font-family: Arial, Helvetica;
    font-size: 12px;
    line-height: 20px;
    color: #4e5255;
}
input
{
    border: 1px solid #ccc;
    background-color: #fff;
    font-family: Arial, Helvetica;
    font-size: 12px;
    color: #4e5255;
    position: absolute;
    right: 270px;
    height: 14px;
    width: 200px;
    padding: 0;
}

input.submit
{
    border: 1px solid #ccc;
    background-color: #fff;
    font-family: Arial, Helvetica;
    font-size: 12px;
    color: #0081c7;
    text-align: center;
    position: absolute;
    top: 370px;
    right: 270px;
    padding: 0;
    height: 20px;
    width: 100px;
}

fieldset
{
    border: 0 none;
    /*height: 250px;*/
}

form method
{
    border: 0;
}