/************************************** */
/*  Layout Screen www.ranarex.de        */
/* (c) 2007 Michele Cappiello GbR       */
/************************************** */



        /*überschrift (style1),
        Schrift (style2),
        weiße Schrift (style3),
        fette schrift blau(style4)*/

FONT.style1{font-family:"verdana","helvetica","san serif"; font-size:
12px; color: #336699; margin-left:5px; margin-top:20px;font-weight:bold}

FONT.style2{font-family:"verdana","helvetica","san serif"; font-size:
11px; color: #FFFFFF; font-weight:normal}

FONT.style3{font-family:"verdana","helvetica","san serif"; font-size:
10px; color: #FFFFFF;font-weight:normal}


FONT.style4{font-family:"verdana","helvetica","san serif"; font-size:
11px; color: #FFFFFF; font-weight:bold}

FONT.style5{font-family:"verdana","helvetica","san serif"; font-size:
11px; color: #000000; font-weight:normal}

        body{

                position: relative;
                margin-left: auto;
                margin-right: auto;
                border: 1px solid white;
                width: 770px; height:530px;
                padding: 0px 0px 0px 0px;
        }
/*######## NAVIGATION ############*/
        #s-navi{
                text-indent: 65px;
                word-spacing: 1.5em;
                position: absolute;
                top: 466px;
                right: 0px;
                border: 0px solid white;
                width: 30%;  height: 3%;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
                text-align: left;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 12px;
                font-weight: normal;
                color: #ffffff;
                background-color: #999999;
        }

        #s-navi a{
                color:#ffffff;
                text-decoration:none;
        }

          #s-navi a:hover{
                 color:#CC0000;
        }

        #s-navi-ref{
                border: 0px solid white;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
                text-align: right;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 12px;
                font-weight: normal;
                color: #ffffff
        }

        #s-navi-ref a{
                color:#ffffff;
                text-decoration:none;
        }

          #s-navi-ref a:hover{
                 color:#CC0000;
    }

        #navi{
                position: absolute;
                text-indent: 10px;
                word-spacing: 2em;
                top: 466px;
                left: 0px;
                float: left;
                border: 0px solid white;
                width: 70%;  height: 3%;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
                text-align: left;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 12px;
                font-weight: normal;
                color: #ffffff;
                background-color: #999999;
        }

        #navi a{
                color:#ffffff;
                text-decoration:none;
        }

          #navi a:hover{
                 color:#CC0000;
        }

        #navi-ref{
                border: 0px solid white;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
                text-align: left;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 12px;
                font-weight: normal;
                color: #ffffff

        }

        #navi-ref a{
                color:#ffffff;
                text-decoration:none;
        }

          #navi-ref a:hover{
                 color:#CC0000;
        }


        #navi-ref-auswahl{
                position: absolute;
                top: 287px;
                left: 0px;
                border: 0px solid white;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
                text-align: left;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 11px;
                font-weight: normal;
                color: #ffffff;

        }

        #navi-ref-auswahl a{
                color:#ffffff;
                text-decoration:none;
        }

          #navi-ref-auswahl a:hover{
                 color:#CC0000;
        }

        #navi-ref-link{
                position: absolute;
                top: 440px;
                left: 50px;
                border: 0px solid white;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
                text-align: left;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 11px;
                font-weight: normal;
                color: #ffffff;
        }

        #navi-ref-link a{
                color:#ffffff;
                text-decoration:none;
        }

          #navi-ref-link a:hover{
                 color:#CC0000;
        }
        #navi-avg{
                border: 0px solid white;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
                text-align: left;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 11px;
                font-weight: normal;
                color: #ffffff;
                position: absolute;
                top: 10px;
                left: 10px;

        }

        #navi-avg a{
                color:#ffffff;
                text-decoration:none;
        }

          #navi-avg a:hover{
                 color:#CC0000;
    }

        #standort-link{
                position: absolute;
                top: 300px;
                left: 500px;
                border: 0px solid white;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
                text-align: left;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 11px;
                font-weight: normal;
                color: #ffffff;
        }

        #standort-link a{
                color:#ffffff;
                text-decoration:none;
        }

          #standort-link a:hover{
                 color:#CC0000;
        }


/*######## TEXTBOXEN ############*/



       #box-standort{
       color: red;
                position: absolute;
                border: 1px solid green;
                width:7px;
                height: 7px;
                top: 340px;
                left: 375px;
                background-color: green;
                        }



        #box-text-start{
                position: absolute;
                border: 0px solid white;
                width:250px;
                height: 250px;
                top: 100px;
                left: 500px;
                text-align:left;
                padding: 100px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
                overflow:auto;
        }
        #box-text-kunden{
                line-height: 105%;
                position: absolute;
                border: 0px solid white;
                width:750px;
                height: 370px;
                top: 69px;
                left: 10px;

                text-align:left;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
                overflow:auto;}

        #box-text-leistung{
                position: absolute;
                border: 0px solid white;
                width:250px;
                height: 170px;
                top: 80px;
                left: 500px;

                text-align:left;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
                overflow:auto;}



        #box-text-referenzen{
                position: absolute;
                border: 0px solid white;
                width:250px;
                height: 250px;
                top: -150px;
                left: 500px;

                text-align:left;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
        }

        #box-text-ranarex{
                position: absolute;
                border: 0px solid white;
                width: 255px;
                height: 250px;
                top: 80px;
                left: 500px;

                text-align:left;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
        }



                 #box-text-ranarex-google{
                position: absolute;
                border: 0px solid white;
                width: 355px;
                height: 250px;
                top: 30px;
                left: 30px;

                text-align:left;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
        }




        #box-text-mail{
                position: absolute;
                border: 0px solid white;
                width: 400px;
                height: 290px;
                top: 20px;
                left: 350px;

                text-align:left;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
                overflow:auto;
                }

        #box-text-avg{
                position: absolute;
                border: 0px solid green;
                width: 300px;
                height: 250px;
                top: 100px;
                left: 10px;
                text-align: left;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
                }

        #box-text-avg-gesammt{
                position: absolute;
                border: 0px solid green;
                width: 750px;
                height: 230px;
                top: 10px;
                right: 10px;
                text-align: left;
                padding: 10px 10px -10px 0px;
                margin: 0px 0px 0px 0px;
                overflow:auto;
                }
        #box-text-avg-iframe{
                position: absolute;
                top: 10px;
                right: 10px;
                border: 0px solid red;
                width: 350px;
                height: 250px;

                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
                }


        #box-text-aktuell{
                position: absolute;
                border: 0px solid green;
                width: 500px;
                height: 230px;
                top: 10px;
                right: 10px;
                text-align: left;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
                overflow:auto;
                }


        #box-text-impressum-l{
                position: absolute;
                border: 0px solid white;
                width:290px;
                height: 150px;
                top: 10px;
                right: 10px;

                text-align:left;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
                }


        #box-text-impressum-r{
                position: absolute;
                border: 0px solid white;
                width:380px;
                height: 200px;
                top: 10px;
                left: 10px;

                text-align:left;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
                }

        #content-referenz{
                position: absolute;
                border: 0px solid white;
                width: 400px;
                height: 400px;
                top: 50px;
                left: 50px;

                text-align:left;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 0px
             }

        #text-referenz{
                position: absolute;
                border: 0px solid white;
                width:275px;
                height: 0px;
                top: 135px;
                left: 470px;

                text-align:left;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 0px
       }

/*######## BILDER ############*/

         #bild-referenz{
            position: absolute;
                border: 0px solid white;
                width:100px;
                height: 81px;
                top: 200px;
                left: 0px;
                 }

        #contents{
                position: absolute;
                top: 0px;
                left: 0px;
                width: 770px;  height: 216px;
                border: 0px solid white;
                margin-left: auto;
                margin-right: auto;
                padding: 0px 0px 0px 0px;
            }

          #contents-google{
                 border:0px solid white;
                margin-top: 230px;
                margin-right: 0px;
                margin-left: 0px;

        }


        #contents-einzeiler{
                position: absolute;
                top: 249px;
                left: 0px;
                width: 770px;  height: auto;
                border: 0px solid white;
                margin-left: auto;
                margin-right: auto;
                padding: 0px 0px 0px 0px;
                }

/*######## FUSSBEREICH ############*/

        #footer        {
                position: absolute;
                top: 485px;
                left: 10px;
                border: 0px solid white;
                   text-align: left;
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
            width:100%;
        }