/* definitions of the position of the individual elements      */

/**********************************************************************/
   /* body (960 x 765) */
   body {
             margin:             0px; 
	     color:            white;
             background-color: black;
   }


/**********************************************************************/
   /* id: topleft (396 x 268) */
   #topleft {   position:   absolute;
	        left:            0px;
	        top:             0px;
	        width:         386px;
	        height:        268px;
	        font-family:   Arial, sans-serif;
                font-size:      36px;
                font-weight:    bold;
		text-align:    right;
                color:         white;
	        margin-top:    102px;
	        margin-right:   10px;
   }

/**********************************************************************/
   /* id: topright (628 x 268)*/
   #topright {  position:   absolute;
 	        left:          396px;
	        top:             0px;
	        width:         628px;
                height:        268px;
                font-family:   Arial, sans-serif;
                font-size:      20px;
                font-weight:    bold;
	        margin-top:    102px;
	        margin-right:    0px;
		color:         white;
   }


   /* Menue-Liste oben rechts*/
   ul#main_menu {
                list-style:     none;
                margin:          0px;
                padding:         0px;
		color:       #999999;
   }

  ul#menue_menu li {
         list-style:   none;
         float:        left;  /* ohne width - nach CSS 2.1 erlaubt */
         height:       29px;
         margin-left:   0px; 
         margin-right:  0px; 
	 margin-top:    0px;
	 margin-bottom: 0px;
         padding:       0px;
  }

  ul#main_menue li ul {
                margin:        0px; 
                padding:       0px;
                position: absolute;
                top:          31px; 
                left:          0px;
                display:      none;  /* Unternavigation ausblenden */
  }

  ul#main_menue li:hover ul {
                display:     block;  
                /* Unternavigation in modernen Browsern einblenden */
  }

  ul#main_menue li ul li {
                float:        none;
                display:     block;
                width:       135px;
                margin-bottom: 0px;
  }



/* general settings for links*/
   a {
	 text-decoration:none;
	 color:#999999;             /*  #707173; */
   }

   a:hover {                 /* mouse over */
	 color:#444444;
   }
   a:active {
         color:#bbbbbb;
   } 


   a.linklist {       /* not active main links */
	 color:white;
   }
   a.linksublist {    /* not active sub links */
	 margin-left: 15px;
	 color:white;
   }
   a.page {           /* active main links */
	 color:#bbbbbb;
   }
   a.subpage {        /* active sub links */
	 margin-left: 15px;
	 color:#bbbbbb;
   }


/**********************************************************************/
   /* class menue for changing colors*/

   a.menuelink {
	 text-decoration:none;
	 color:#999999;             
   }
   a.menuelink:hover {                 /* mouse over */
	 color:#444444;
   }
   a.currentlink {   
	 text-decoration:none;
	 color:#ffffff;
   }
   a.currentlink:hover {                 /* mouse over */
	 color:#444444;
   }


/**********************************************************************/
   /* project table*/
   #project_table{
         position:        relative;
         top:                -142px;
         left:                120px;
         font-family:         Arial, sans-serif;
         font-size:            20px;
         font-weight:          bold;
	 color:#999999;             
   }


/**********************************************************************/
   /* id: buttonleft ()*/
   #buttonleft {position:   absolute;
	        top:           298px;
	        left:            0px;
	        margin-left:    24px;
	        margin-right:   10px;
	        margin-top:      0px;
	        width:         362px;
	        background:    black;
	        font-family:   Arial, sans-serif;
                font-size:      14px;
   }

/**********************************************************************/
   /* id: buttonright ()*/
   #buttonright{position:   absolute;
	        top:           298px;
	        left:          396px;
	        margin-left:     0px;
	        margin-top:      0px;
	        margin-right:    0px;
	        width:         450px;
	        font-family:   Arial, sans-serif;
                font-size:      14px;
   }

/**********************************************************************/
   /* id: buttontotal ()*/
   #buttontotal{position:   absolute;
	        top:           298px;
	        left:            0px;
	        margin-top:      0px;
	        width:         762px;
	        background:    black;
	        font-family:   Arial, sans-serif;
                font-size:      14px;
   }


/**********************************************************************/
/* Details    id: topleft                                             */
/**********************************************************************/

/**********************************************************************/
/* Details    id: topright                                            */
/**********************************************************************/

/**********************************************************************/
/* Details    id: buttonleft                                          */
/**********************************************************************/

   /* id: arrow_left*/
   #arrow_left{
                position:   absolute;
	        top:           150px;
	        left:          346px;
   }

   /* class: arrows*/
   img.arrow   {width:          16px; 
                height:         16px;
		color:         black;
		background-color: black;
   }

   
   /* class: pictures*/
   img.img_left    {width:         362px; 
   }

   img.zapp_l  {width:         178px; 
                border-right:     3px white solid;
		border-left:      0px;
		padding:          0px 0px 0px 0px;
		margin-right:    -2px;
   }

   img.zapp_r  {width:         178px; 
                border-left:     3px white solid;
		border-right:    0px;
		padding:         0px 0px 0px 0px;
		margin-left:    -2px;
   }

   #img_b_left {width:         364px; 
                height:        280px;
                border: 1px white solid;
   }

   img.img_buecher {
                width:         190px; 
		margin-left:    79px;
   }

   div.anfrage_left {
               position:   absolute;
	       right:             0;
   }


   p.anfrage_left {
               font-size:      14px;
               line-height:    24px;
   }

/**********************************************************************/
/* Details    id: buttonright
/**********************************************************************/

   div.intro {  position:   absolute;
	        left:            0px;
	        top:             0px;
		width:         550px;
	        font-family:   Arial, sans-serif;
                font-size:      36px;
                font-weight:    bold;
                color:         white;
                margin-left:     0px;
	        margin-top:     10px;
   }

   /* id: arrow_right*/
   #arrow_right{
                position:   absolute;
	        top:           150px;
	        left:            0px;
   }

   div.red  {   font-family:   arial, sans-serif;
                font-size:      22px;
                font-weight:    bold;
                color:           red;
   }
   div.white{   font-family:   arial, sans-serif;
                font-size:      22px;
                font-weight:    bold;
                color:       #ffffff;
   }
   div.swhite{   font-family:   arial, sans-serif;
                font-size:      14px;
                font-weight:    bold;
                color:       #ffffff;
   }
   div.text {   font-family:   arial, sans-serif;
                font-size:      14px;
                color:       #ffffff;
		width:         375px;
   }
   div.grau {   font-family:   arial, sans-serif;
                font-size:      14px;
                color:       #999999;
		width:         375px;
   }

   div.preise{  font-family:   arial, sans-serif;
                font-size:      14px; 
                color:           red;
   } 

   div.space   {margin-bottom:  10px;
                margin-left:    24px;
                margin-right:   10px;
   }

   div.space_b {margin-bottom:  30px;
                margin-left:    24px;
                margin-right:   10px;
   }


   p.anfrage_right {
               font-size:      16px;
   }


   div.spalte1 {  position:   absolute;
	        left:            0px;
	        top:             0px;
	        margin-right:   10px;
	        width:         186px;
		font-family:   arial, sans-serif;
                font-size:      14px;
                color:       #ffffff;
   }
   div.spalte2 {  position:   absolute;
	        left:          196px;
	        top:             0px;
	        margin-right:   10px;
	        width:         186px;
		font-family:   arial, sans-serif;
                font-size:      14px;
                color:       #ffffff;
   }
   div.spalte3 {  position:   absolute;
	        left:          392px;
	        top:             0px;
	        margin-right:   10px;
	        width:         186px;
		font-family:   arial, sans-serif;
                font-size:      14px;
                color:       #ffffff;
   }


/**********************************************************************/
/* Details    id: buttontotal                                         */
/**********************************************************************/