html,body{margin:0;padding:0}
#container_home {
        width: 1024px;
        margin: 0 auto;
        background-image: url(../image/augen.jpg);
        background-repeat: no-repeat;
        background-position: 620px 320px;
        }
#container_philo {
        width: 1024px;
        margin: 0 auto;
        background-image: url(../image/glas.jpg);
        background-repeat: no-repeat;
        background-position: 620px 320px;
        }
#container_produkt {
        width: 1024px;
        margin: 0 auto;
        background-image: url(../image/mischpult.jpg);
        background-repeat: no-repeat;
        background-position: 620px 320px;
        }
#container_dienst {
        width: 1024px;
        margin: 0 auto;
        background-image: url(../image/tastatur.jpg);
        background-repeat: no-repeat;
        background-position: 620px 320px;
        }
#container_team {
        width: 1024px;
        margin: 0 auto;
        background-image: url(../image/team.jpg);
        background-repeat: no-repeat;
        background-position: 620px 500px;
        }
#container_refer {
        width: 1024px;
        margin: 0 auto;
        background-image: url(../image/referenzen.jpg);
        background-repeat: no-repeat;
        background-position: 620px 320px;
        }
#container_partner {
        width: 1024px;
        margin: 0 auto;
        }
#container_kontakt {
        width: 1024px;
        margin: 0 auto;
        background-image: url(../image/kontakt.jpg);
        background-repeat: no-repeat;
        background-position: 620px 320px;
        }
#container_impressum {
        width: 1024px;
        margin: 0 auto;
        background-image: url(../image/paragraf.jpg);
        background-repeat: no-repeat;
        background-position: 620px 320px;
        }
#container_agb {
        width: 1024px;
        margin: 0 auto;
        background-image: url(../image/paragraf.jpg);
        background-repeat: no-repeat;
        background-position: 620px 320px;
        }
#container_bilder {
        width: 1024px;
        margin: 0 auto;

        }

#header {
        width: 100%;
        height: 150px;
        background-image: url(../image/bg_logo.jpg);
        background-repeat: no-repeat;
        background-position: 0px 28px;
        }
#wrapper {
        float: left;
        width: 1024px;
        }
#logo
    {
    position:relative;
    top:18px;
    text-align: center;
    }

#bild
    {
    position:relative;
    left:0px;
    top:0px;
    }


#content {
         float:left;
        margin: 0 20%;
        padding:15px;

        width:650px;
        text-align:left;
        border-left: 0px solid #1A290D;
        font: 9pt arial,sans-serif;
        color: #1A290D;
    }
#content_refer {
         float:left;
        margin: 0 19.6%;
        padding:15px;

        width:593px;
        text-align:left;
        border-left: 1px solid #1A290D;
		border-right: 1px solid #1A290D;
        font: 9pt arial,sans-serif;
        color: #1A290D;
    }
#content_bilder {
         float:left;
        margin: 0 18%;
        padding:15px;

        width:630px;
        text-align:center;
        border-left: 0px solid #1A290D;
        font: 9pt arial,sans-serif;
        color: #1A290D;
    }
#content_team {
         float:left;
        margin: 0 20%;
        padding:15px;
        width:650px;
        text-align:left;
        border-left: 0px solid #1A290D;
        font: 8pt arial,sans-serif;
        color: #1A290D;
    }



#content_right {
        padding:10px;

        }

#left {
        float: left;
        width: 200px;
        height: 470px;
        margin-left: -1024px;
        border-right: 1px solid #1A290D;
        }


#right {
        float: left;
        width: 199px;
        height: 470px;
        margin-left: -200px;
        border-left: 1px solid #1A290D;
        font: 76% arial,sans-serif;
        font-size: 12px;
        color: #1A290D;
        background: #fff;
        }

#left_team {
        float: left;
        width: 200px;
        height: 650px;
        margin-left: -1024px;
        border-right: 1px solid #1A290D;
        }


#right_team {
        float: left;
        width: 199px;
        height: 650px;
        margin-left: -200px;
        border-left: 1px solid #1A290D;
        font: 76% arial,sans-serif;
        font-size: 12px;
        color: #1A290D;
        background: #fff;
        }

#footer {
        clear: both;
        border-top: 1px solid #cecece;
        font: 76% arial,sans-serif;
        color: #1A290D;
        width: 100%;
        text-align: center;
        padding: 0px 0px;
        color: #fff;
        background: #1A290D;
        }
#r_bg_1 {
        border-bottom: 1px solid #1A290D;
        background: #46612E;
        color: #fff;
        height: 155px;
        }
#r_bg_2 {
        border-bottom: 1px solid #1A290D;
        background: #283D16;
        color: #fff;
        height: 155px;
        }
#r_bg_3 {
        background: #fff;
        background: #1A290D;
        color: #fff;
        height: 120px;
        background-image: url(../image/bg_rechts.jpg);
        background-repeat: no-repeat;
        }
#l_bg_1 {
        background: #fff;
        background: #46612E;
        color: #fff;
        height: 320px;
        }
#l_bg_2 {
        background: #fff;
        background: #1A290D;
        color: #fff;
        height: 120px;
        background-image: url(../image/bg_rechts.jpg);
        background-repeat: no-repeat;
        }

#place_holder {
        height: 10px;
        color: #fff;
        }


#sidebar {
        border-left: 0px solid #cecece;
        border-right: 0px solid #1A290D;
        border-bottom: 0px solid #cecece;

        }
#sidebar ul {
        margin: 0px 15px;
        padding: 14px 5px;
        list-style: none;
        }
#footer p{margin:0;padding:5px 10px}

#sidebar li {
        border-top: 0px solid #cecece;
         border-bottom: 0px solid #cecece;
        }
#sidebar li a {
        display: block;
        font: 76% arial,sans-serif;
        font-weight: bold;
        font-size: 1em;
        color: #ccc;
        border-left: 7px solid ;

        text-decoration: none;
        padding: 7px 0 0px 20px;
        }
#sidebar li a:hover {
        color: #E61C11;
        border-left: 7px solid #F62008;

        }

/* Additional styles */
p {
        padding: 10px;
        margin: 0;
        }
img {
        border: 0;
        }
h1 {    font: 76% arial,sans-serif;
        font-weight: bold;
        font-size: 14px;
        color: #1A290D;
        }
h2 {    font: 76% arial,sans-serif;
        font-weight: bold;
        font-size: 14px;
        color: #fff;
        }
a {
        color: #000;
        text-decoration: none;
        }
a:hover {
        color: black;
        }

#hr
{
border:solid #1A290D 1px;
height: 0px;
}
#hr_1
{
border:solid #F62008 1px;
height: 0px;
}
#hr_2
{
border:solid #ccc 1px;
height: 0px;
}



 /* common styling for all galleries */
a.gallery, a.gallery:visited
         {
         display:block;
         display:inline-block;
         color:#000;
         text-decoration:none;
         border:1px solid #000;
         width:75px;
         height:47px;
         float:left;
         margin:4px;
         z-index:50;
         }
a.slidea {background:url(../bilder/atrium/1.jpg);}
a.slideb {background:url(../bilder/atrium/2.jpg);}
a.slidec {background:url(../bilder/atrium/3.jpg);}
a.slided {background:url(../bilder/atrium/4.jpg);}
a.slidee {background:url(../bilder/atrium/5.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}


/* komplette box anzeige bilder */
#container_top
         {
         position:relative;
         width:425px;
         height:360px;
         background:#d1c8c3;
         border:1px solid #a49188;
         margin:1em auto;
         text-align: center;
         }

#container_top img
         {
         border:0;
         }
#container_top .thumbs
         {
         position:absolute;
         left:0;
         top:0;
         }

/* bild über maus 2. reihe */
#container_top a.gallery:hover span
         {
         display:block;
         position:absolute;
         width:402px;
         height:50px;
         top:50px;
         left:5px;
         padding:5px;
         font-style:italic;
         text-align: center;
         color:#fff;
         z-index:100;
         }

/* bild über maus kopfzeile*/
#container_top a.gallery:hover span:first-line
         {
         font-style:normal;
         font-weight:bold;
         font-size:1.1em;
         color:#000;
         }

/* wenn maus bild klickte, hervorhebung*/
#container_top a.gallery:active, #container_top a.gallery:focus
         {
         border:1px solid #fff;
         }

/* rahmen / box anzeige grossbild*/
#container_top a.gallery:active em, #container_top a.gallery:focus em
         {
         display:block;
         position:absolute;
         width:402px;
         height:250px;
         top:90px;
         left:5px;
         padding:5px;
         color:#000;
         border:1px solid #3d330f;
         z-index:50;
         }

#container_top h1
         {
         clear:both;
         margin:0;
         padding-top:200px;
         text-align:center;
         font-family: georgia, "times new roman", serif;
         font-size:3em;
         font-weight:normal;
         color:#fff;
         }
#container_top h1 em
         {
         font-size:0.6em;
         color:#000;
         }




