/* CSS Document für Architekten  */

/*allgemein*/
/*  Achtung: IE spinnt bei Auskommentierung über ganze Bereiche (nicht zeilenweise) */
/*  position: innen nur relative, außen absolut */

body {
            margin:0;                          /* Außenabstand: top right bottom left  */
            padding:0 0 0 0;                             /* Innenabstand: top right bottom left  */
            font-size: 10pt;                 /* wird nicht in Tabellen dargestellt*/
            font-family: Arial, Verdana, Helvetica, sans-serif;
            /*background-color:#0000ff;*/
            }

/*   ID-Selektoren - um einzelne elemente zu deklarieren (z.B. bestimmte bereiche wie Naviagionbereich...)   */

#site2 {                   /*id-selektor*/
            /*margin: auto;     */
            height:300px;
            width: 100%;
            position:absolute;
            top:  312px;
            left: 0;
            z-index: 5;
            /*background-color:#11ff44; gelb*/
            }
#site {                   /*id-selektor*/
            /*margin: auto;     */
            height:300px;
            width: 450px;
            position:absolute;
            top:  362px;
            left: 30%;
            z-index: 5;
            /* background-color:#ffff44;gelb*/
            }
#site_innen {                   /*id-selektor*/
            height:600px;
            width:800px;
            position: absolute;
            top:  -300px;
            left: -53%;
            z-index: 2;
            /*border-style:solid; */
            /*border-color:#666666; */
            /*border-width:1px;     */
            /*background-color:#ff4444; rot*/
            }

#linie1, #linie2, #linie3, #linie4  {
            height:0px;
            width:100%;
            margin:0;
            padding:0;
            position:absolute;
            border-top-style:solid;
            border-top-color:#666666;
            border-top-width:1px;
            /* background-color:#ffffff;dunkelgrün*/
            }
#linie1 {
            top: -151px;
            left: 0;
            }
#linie2 {
            top: -50px;
            left: 0;
            }
#linie3 {
            top: 9px;
            left: 0;
            }
#linie4 {
            top: 320px;
            left: 0;
            }

#nav_haupt {
            height:20px;
            width:800px;  /* ohne überragende balken, hauptteil ges 800 */
            position: relative;
            left: 0px;
            top: 0px;
            /*background-color:#ffff33;*/
            }
#nav_logo {
            height:43px;
            width:61px;
            position:absolute;
            right: 0px;
            top: 0px;
            /*background-color:#ff4444;*/
            }
#nav_sub1 {
            height:80px;
            width:800px;
            position:relative;
            left: 0px;
            top: 0px;
            /*background-color:#ff4444;*/
            }
#nav_nosub2 {
            height:100px;
            width:760px;
            position:relative;
            left: 40px;
            /*background-color:#ffff44; */
            }

#nav_sub2 {
            height:100px;
            width:800px;
            position:relative;
            /*background-color:#ffff44; */
            }



/* innenbox wg. begrenzung nach rechts  float: left;*/
#nav_sub2_innen {
            margin: 0px 0px 0px 0px;
            height:98px;
            width:800px;
            position:absolute;
            bottom: 0px;
            /*background-color:#ff5544;    */
            }
/*klasse box zur Textausgabe mit id-selector*/
#textswap{
            display: inline; float: left;
            position:relative;
            top: 35px;
            left: 50px;
            z-index:3;
             /*background-color:#99ff00;*/
            }
.box{         /*platzhalter für textabstand textswap*/
            display: inline; float: left;
            margin: 0px 0px 0px 0px;
            height:60px;
            width:75px;
            position:relative;
            bottom: 0px;
            z-index:-1;
            }

#title {
            height:60px;
            width:800px;
            position: relative;
            z-index: 0;
            /*background-color:#ff4444;   */
            }
#titlespace {
            width:750px;
            height:45px;
            position: relative;
            left: 30px;
            z-index: 0;
            /*background-color:#44ff44;   */
            }
.grau {           /* Grau abgesetzter bereich im Titel */
            color: #AAAAAA;
            background-color:transparent;
            }

                                                /* Umgebender Bereich Content */
#content {
            height:310px;
            width:760px;
            position: relative;
            left: 40px;
            z-index: 1;
            background-color:#ffffff;/* f7f7f7 */
            }

                                                /* SubContent Zwei gleiche Spalten */
#content_li {
            height:260px;
            width:300px;
            position: absolute;
            left: 0px;
            top: 20px;
            background-color:#ffffff;/*  */
            }
#content_re {
            height:260px;
            width:300px;
            position: absolute;
            left: 340px;
            top: 20px;
            bottom: 30px;
            background-color:#ffffff;/*  */
            }
#team_li {
            height:260px;
            width:40px;
            position: absolute;
            left: 0px;
            top: 20px;
            /*bottom: 30px;*/
            background-color:#ffffff;/*  */
            }
#team_re {
            height:260px;
            width:370px;
            position: absolute;
            left: 60px;
            top: 20px;
            background-color:#ffffff;/*  */
            }
			
#team_pic {
            height:260px;
            width:310px;
            position: absolute;
            left: 450px;
            top: 0px;
            background-color:#ffffff;/*  */
            }
			

#content_start1 {
            height:100px;
            width:760px;
            position: absolute;
            left: 0px;
            top: -160px;
            background-color:#ffffff;
            }

			#content_start2 {
            height:310px;
            width:760px;
            position: absolute;
            left: 0px;
            top: 0px;
            background-color:#ffffff;
            }

#content_start3 {
			z-index:15;
            width:600px;
			height:20px;
            position: absolute;
            left: 0px;
            top: 320px;
            background-color:#ffffff;
            }

#ein {
            height:260px;
            width:760px;
            position: absolute;
            left: 0px;
            top: 20px;
            background-color:#ffffff;/*  */
            }
			
#content_re ul{
            margin:0px;
			padding:15px;
			list-style-type: square;
            }
                                                /* SubContent messageboxen */
#formularbox {
            }
#content_messagebox {
            height:186px;
            width:240px;
            position: absolute;
            left: 0px;
            bottom: 0px;
            z-index: 1;  /*  */
            background-color:#ffffff;
            }

#sendbutton {
            position: absolute;
            left: 260px;
            bottom: 0px;
            z-index: 5;
            background-color:#ffff55; /* */
            }


                                                /* SubContent History */
#content_3li {
            height:260px;
            width:80px;
            position: absolute;
            left: 0px;
            top: 20px;
            /*bottom: 30px;*/
            background-color:#ffffff;/*  */
            }
#content_3re {
            height:260px;
            width:600px;
            position: absolute;
            left: 100px;
            top: 20px;
            background-color:#ffffff;/*  */
            }

                                                /* SubContent zwei Spalten mit Oberbereich */
#content_2o {
            width:240px;
            position: relative;
            left: 0px;
            top: 20px;
            background-color:#ffffff;/*  */
            }
#content_2l {
            width:240px;
            float: left;
            position: relative;
            left: 0px;
            top: 30px;
            background-color:#ffffff;/*  */
            }
#content_2r {
            width:240px;
            float: left;
            position: relative;
            left: 20px;
            top: 30px;
            background-color:#ffffff;/*  */
            }
                                                /* SubContent Objektansicht */
#content_4ol {
            float: left;
            position: relative;
            left: 0px;
            top: 20px;
            background-color:#ffffff;/*  */
            }
#content_4or {
            width:200px;
            float: left;
            position: relative;
            left: 20px;
            top: 20px;
            background-color:#ffffff;/*  */
            }
#content_4u {
            width:240px;
            clear:left;
            position: relative;
            left: 0px;
            top: 35px;
            background-color:#ffffff;/*  */
            }
#content_4uu {
            height:40px;
            width:240px;
            position: absolute;
            left: 0px;
            bottom: 0px;
            border:0px;
            margin:0px;
            background-color:#ffffff;/*  */
            }
#content_4roll_1 {
            height:40px;
            width:26px;
            position: absolute;
            left: 0px;
            bottom: 0px;
            }
#content_4roll_2 {
            height:40px;
            width:26px;
            position: absolute;
            left:32px;
            bottom: 0px;
            }
#content_4roll_3 {
            height:40px;
            width:26px;
            position: absolute;
            left:64px;
            bottom: 0px;
            }
#content_4roll_4 {
            height:40px;
            width:26px;
            position: absolute;
            left:96px;
            bottom: 0px;
            }
#content_4roll_5 {
            height:40px;
            width:26px;
            position: absolute;
            left:128px;
            bottom: 0px;
            }
#content_4roll_6 {
            height:40px;
            width:26px;
            position: absolute;
            left:160px;
            bottom: 0px;
            }
#content_4pdf {
            height:40px;
            width:35px;
            position:absolute;
            left:192px;
            bottom: 0px;
            }

#content_4pic {
            height:310px;
            width:500px;
            position: absolute;
            left: 260px;
            top: 0px;
            background-color:#ffffff;/*  */
            }


#linie_unten {
            height:26px;
            width:800px;
            position: relative;
            top: 0px;
            /*//mg z-index: 5;*/
            /*background-color:#ff4444;   */
            }
#kh_unten {
            width:160px;
            position: absolute;
            left: 40px;
            top: 10px;
            /*//mg z-index: 10;*/
            }

#formular_bestaetigung {
            }


/*   Klassenselektoren - um wiederholende elemente zu deklarieren    */
.nav1_1, .nav1_2, .nav1_3, .nav1_4, .nav1_5, .nav1_6, .nav1_7{
            /*ein menüpunkt   */
            margin: 0px 0px 0px 0px;            /*äußerer abstand ob re un li*/
            height:20px;
            width:100px;
            border-left-style:solid;
            border-left-color:#666666;
            border-left-width:1px;
            /*background-color:#ffffff;*/
            position:absolute;
            left: 30px;
            }
.nav1_2{    left: 130px;}
.nav1_3{    left: 230px;}
.nav1_4{    left: 330px;}
.nav1_5{    left: 430px;}
.nav1_6{    left: 530px;}
.nav1_7{    left: 630px;}

.nav2_1, .nav2_2, .nav2_3, .nav2_4, .nav2_5, .nav2_6, .nav2_7{
            margin: 0px 0px 0px 0px;
            height:65px;
            width:750px;
            position:absolute;
            left: 30px;
            top: 0px;
            border-left-style:solid;
            border-left-color:#666666;
            border-left-width:1px;
            /*background-color:#99ffff;*/
            }
.nav2_2{
            width:670px;
            left: 130px;
            }
.nav2_3{
            width:570px;
            left: 230px;
            }
.nav2_4{
            width:470px;
            left: 330px;
            }
.nav2_5{
            width:370px;
            left: 430px;
            }
.nav2_6{
            width:270px;
            left: 530px;
            }
.nav2_7{
            width:170px;
            left: 630px;
            }

.nav_pos{   /* Text unten in Box */
            margin: 0px 0px 0px 0px;
            position:absolute;
            bottom: -3px;
            left: 10px;
            /*background-color:#99ffff;*/
            }




.form_box, .formular{
            }
.form_box{
            /*einzeilige eingabe   */
            }
.formular{
            /*formulare allgemein, haupts. textarea hier   */
            }


.nav_pos1{
            /*ein menüpunkt   */
            /*background:transparent;*/
            position:relative;
            bottom: 15px;
            left: 10px;
            }

a{color:#0066ff; text-decoration:none;}

a:link    {color:#666666;text-decoration:none;}
a:active  {color:#AAAAAA;text-decoration:none;}
a:hover   {color:#AAAAAA;text-decoration:none;}
a:visited {color:#666666;text-decoration:none;}


/* ###  Linkgestaltung passive Sub-Navigation   ### */
.snpas:link   {color:#666666 ! important;text-decoration:none;} /* Link Ruhestellung */
.snpas:active {color:#AAAAAA ! important;text-decoration:none;}/* mit maus gedrückt */
.snpas:hover  {color:#AAAAAA ! important;text-decoration:none ! important;}
.snpas:visited{color:#666666;            text-decoration:none;}

/* ###  Linkgestaltung aktive Sub-Navigation   ### */
.snact:link   {color:#AAAAAA ! important;text-decoration:none;} /* Link Ruhestellung */
.snact:active {color:#AAAAAA ! important;text-decoration:none;} /* mit maus gedrückt */
.snact:hover  {color:#AAAAAA ! important;text-decoration:none ! important;}
.snact:visited{color:#AAAAAA;            text-decoration:none;}

/* ###  Linkgestaltung passive Hauptnavigation   ### */
.hnpas:link   {color:#666666 ! important;text-decoration:none;} /* Link Ruhestellung */
.hnpas:active {color:#AAAAAA ! important;text-decoration:none;} /* mit maus gedrückt */
.hnpas:hover  {color:#AAAAAA ! important;text-decoration:none ! important;}
.hnpas:visited{color:#666666;            text-decoration:none;}

/* ###  Linkgestaltung aktive Hauptnavigation   ### */
.hnact:link   {color:#AAAAAA ! important;text-decoration:none;} /* Link Ruhestellung */
.hnact:active {color:#AAAAAA ! important;text-decoration:none;} /* mit maus gedrückt */
.hnact:hover  {color:#AAAAAA ! important;text-decoration:none ! important;}
.hnact:visited{color:#AAAAAA;            text-decoration:none;}

     /* font-strtch: ultra-expanded ! important; */


/* #####  Naviation Hierarchieebene 3  ##### */

/* linkbox */
#box1, #box2, #box3, #box4, #box5, #box6, #box7, #box8 {
            margin: 0px 0px 0px 0px;
            height:60px;
            width:60px;
            position:absolute;
            bottom: 0px;
}
/*
            background-color:#99ff00;
            background-color:#ff88ff;
*/
#box1{
            position:absolute;
            left: 40px;
            }
#box2{
            position:absolute;
            left: 115px;
            }
#box3{
            position:absolute;
            left: 190px;
            }
#box4{
            position:absolute;
            left: 265px;
            }
#box5{
            position:absolute;
            left: 340px;
            }
#box6{
            position:absolute;
            left: 415px;
            }
#box7{
            position:absolute;
            left: 490px;
            }
#box8{
            position:absolute;
            left: 565px;
            }