html { height:100%;
      }

    body { background-color:#CCCCCC;
           min-height:575px;
           min-width:800px;
           font-family:Verdana, Arial, Helvetica, Sans-Serif;
           font-size:12px;           
           font-style:normal;
           font-weight:normal;
           letter-spacing:1px;
           color:#333333;
           margin:0px; 
    	   padding:0px;
          }

    * html body { height:100%;
                  margin:0px; 
    	          padding:0px;
                 }
   
    a:link, 
    a:visited,
    a:focus,
    a:active { text-decoration: none;
               color: #333333;
               cursor: default;
              }

    a:hover { text-decoration: overline;
              color:#333333;
              cursor: default;
             }

    a.shade:hover { text-decoration: none;
                    cursor: default;
                   }

    a.dsgvo:hover {  text-decoration: none;
		     cursor: cell;
                    }
    
    a.texte:hover { text-decoration: underline;
                    cursor: default;
                   }

    a.aktuell-info:link, 
    a.aktuell-info:visited,
    a.aktuell-info:focus,
    a.aktuell-info:active { text-decoration: none;
                            color: #FFFFFF;
                            font-weight: bold;
                            cursor: default;
                          }

    a.aktuell-info:hover { text-decoration: underline;
                         }  
   
    a.cursor:link, 
    a.cursor:visited,
    a.cursor:focus,
    a.cursor:active { cursor: cell;
                     }

    a.cursor:hover { cursor: cell;
                    }
   
    a.dsgvo:link, 
    a.dsgvo:visited,
    a.dsgvo:focus,
    a.dsgvo:active { text-decoration: none;
		     color: rgba(92, 92, 92, 0.6);
		     font-weight: 100;
                     letter-spacing: 1.5px;
                     cursor: cell;
                     }
    
    a.popupbild { position:relative;
                  z-index:1;
                  text-decoration:none;
                 }

    a.popupbild:hover { z-index:200;
                       }

    a.popupbild span { display: none;
                      }

    a.popupbild:hover span { display:block;
                             position:absolute;
                             background-color:#FFFFFF;
                             top:-80px;
                             left:120px;
                             border:1;
                             border-style:solid;
                             border-width:3px;
                             border-color:#ffffff;
			     z-index:200;
                            } 
  
    li { list-style-type:circle;
        }

    .bold { font-weight: bold;
          }

	
    #main { position:absolute; 
            top:12px; 
            left:20px; 
            bottom:20px; 
            right:20px; 
            min-height:557px; 
            min-width:750px; 
            border:0;
            border-style:solid;
            border-width:0px;
           }                  

     #top_left { position:absolute;
                 top:0px;
                 left:10px;
                 min-width 150px;
                 align:left;
                 border:0;
                 margin:0px;
                 padding:0px;
                }

     #top_right { position:absolute;
                  top:0px;
                  right:10px;
                  min-width:400px;
                  align:right;
                  text-align:right;
                  border:0;
                  margin:0px;
                  padding:0px;
                 }       

     #top_vita { position:absolute;
                 top:0px;
                 right:10px;
                 min-width:350px;
                 align:right;
                 text-align:right;
                 border:0;
                 margin:0px;
                 padding:0px;                 
                }

     #top_line { position:absolute;
                 top: 16px;
                 height:2px;
                 width:100%;
                 background-color:#333333;
                }

     #content { position:absolute;
                top:20px;
                bottom:20px;
                width:100%;
                border:0;
                margin:0px;
                padding:0px;
                overflow:auto;
               }
              
     #center { position:absolute;
               top:50%;
               left:50%;
               width:620px;
               height:508px;
               margin-top:-254px;
               margin-left:-310px;
              }

     #auswahl_projekte { position:absolute;
                     top:50%;
                     left:50%;
                     width:744px;
                     height:508px;
                     margin-top:-254px;
                     margin-left:-372px;
                     border:0;
                     border-style:solid;
                     border-wight:0px;                       
                    }

     #zurueck { position:absolute;
                top:5px;
                left:0px;
                width:30px;
                height:100%;
                text-align:right;                
               }

     #katalog { 
                position:absolute;
                top:0px;
                left:46px;
                right:46px;
                height:500px;                
                text-align:center;
                overflow:auto;               
                background-color:#FFFFFF;
                padding:0px;
                margin:0px;               
                clear:both;
               }

     #katalog-photoworks { 
                	   position:absolute;
                           top:0px;
                           left:46px;
                           right:46px;
                           height:500px;                
                           text-align:center;               
                           background-color:#CCCCCC;
                           padding:0px;
                           margin:0px;               
                           clear:both;
                          }

     #katalog-todt { 
                position:absolute;
                top:0px;
                left:4px;
                right:4px;
                height:499px;                
                text-align:center;
                overflow:auto
                padding:0px;
                margin:0px;               
                clear:both;
               }

     #vor-todt { position:absolute;
                 top:5px;
                 right:-15px;
                 width:20px;
                 height:100%;
                 text-align:right;            
               }

     #zurueck-todt { position:absolute;
                     top:5px;
                     left:-15px;
                     width:20px;
                     height:100%;
                     text-align:left;               
                    }

     #katalog-grey { 
                     position:absolute;
                     top:0px;
                     left:46px;
                     right:46px;
                     height:500px;                
                     text-align:center;
                     overflow:auto;               
                     background-color:#CCCCC;
                     padding:0px;
                     margin:0px;               
                     clear:both;
                    }

     #aktuell { 
                position:absolute;
                top:0px;
                left:0px;
                right:0px;
                height:500px;                
                text-align:center;
                overflow:auto;
                padding:0px;
                margin:0px;
                float: left;               
                clear:both;
               }

     #aktuell-info {
	             position: absolute;
		     top: 480px;
		     right: 65px;
		     color: #FFFFFF;
                   }

     #vorschauicon {
	             position: absolute;
		     width: 20px;
		     top: 476px;
		     right: 30px;
                   }

     #katalog_text { position:absolute;
                     top:0px;
                     left:46px;
                     width:488px;
                     height:500px;
                     text-align:left;
                     overflow:auto;               
                     background-color:#FFFFFF;
                     border: 0;
                     border-style: hidden;
		     border-width: 0px;
                     background-color:#FFFFFF;
		     outline: 0 none;
                     padding:0px 20px 0px 20px;
                     margin:0px;
                     clear:both;
                    }

     #katalog_shade { 
                     position:absolute;
                     top:0px;
                     left:46px;
		     width:488px;
                     height:504px;
                     text-align:center;
                     overflow:auto;               
                     background-color:#CCCCCC;
                     padding:0px 20px 0px 20px;
                     margin:0px;
                     clear:both;
                    }

     #katalog_shade2 { position:absolute;
                     top:0px;
                     left:45px;
                     width:494px;
                     height:500px;
                     text-align:left;
                     overflow:auto;               
                     background-color:#FFFFFF;
                     padding:0px 0px 0px 0px;
                     margin:0px;
                     clear:both;
                    }


     #shade_line { position:relative;
                     left:50%;
                     width:472px;
                     height: 92px;
                     margin: 0px 0px 0px -236px;
                     border:0;
                     border-style:solid;
                     border-wight:0px;                       
                    }

     #katalog_coupling { position:absolute;
                         top:0px;
                         left:45px;
                         width:494px;
                         height:500px;
                         text-align:left;
                         overflow:auto;               
                         background-color:#CCCCCC;
                         padding:0px 0px 0px 0px;
                         margin:0px;
                         clear:both;
                        }

     #coupling_line { position:relative;
                      top: 50%;
                      left:50%;
                      width:472px;
                      height: 188px;
                      margin: -110px 0px 0px -236px;
                      border:0;
                      border-style:solid;
                      border-wight:0px;                       
                     }

     #werke { position:absolute;
              top:10px;
              left:15px;
              right:0px;
              height:480px;
              text-align:left;
              overflow:auto;
              padding:0px 20px 0px 20px;
              margin:0px;
              background-color:#333333;
              clear:both;
              border:0;
              border-style:solid;
              border-weight:0px;
             }

     #passage-text { position:absolute;
                     top:0px;
                     left:46px;
                     width:488px;
                     height:500px;
                     text-align:left;
                     overflow:auto;               
                     background-color:#FFFFFF;
                     border: 0;
                     border-style: hidden;
		     border-width: 0px;
                     background-color:#FFFFFF;
		     outline: 0 none;
                     padding:0px 20px 0px 20px;
                     margin:0px;
                     clear:both;
                    }

    #bluepoint-bild { position:absolute;
                       top:0px;
                       left:46px;
                       width:528px;
                       height:392px;
                       text-align:center;
                       overflow:none;               
                       background-color:#FFFFFF;
                       padding:0px 0px 0px 0px;
                       margin:0px;
 			border:0;
                        border-style:solid;
                        border-wight:1px; 
                      }

    #bluepoint-text { position:absolute;
                      top:392px;
                      left:46px;
                      width:488px;
                      height:108px;
                      text-align:left;
                      overflow:auto;
                      border: 0;
                      border-style: hidden;
		      border-width: 0px;
                      background-color:#FFFFFF;
		      outline: 0 none;
                      padding:0px 20px 0px 20px;
                      margin:0px;
                      clear:both;
                     }

    #gruppe49-bild { position:absolute;
                       top:0px;
                       left:46px;
                       width:528px;
                       height:408px;
                       text-align:center;
                       overflow:none;               
                       background-color:#FFFFFF;
                       padding:0px 0px 0px 0px;
                       margin:0px;
 			border:0;
                        border-style:solid;
                        border-wight:0px; 
                      }

    #gruppe49-text { position:absolute;
                      top:408px;
                      left:46px;
                      width:488px;
                      height:92px;
                      text-align:left;
                      overflow:auto;
                      border: 0;
                      border-style: hidden;
		      border-width: 0px;
                      background-color:#FFFFFF;
		      outline: 0 none;
                      padding:0px 20px 0px 20px;
                      margin:0px;
                      clear:both;
                     }

    #spiel-bild { position:absolute;
                       top:0px;
                       left:46px;
                       width:528px;
                       height:392px;
                       text-align:center;
                       overflow:none;               
                       background-color:#FFFFFF;
                       padding:0px 0px 0px 0px;
                       margin:0px;
 			border:0;
                        border-style:solid;
                        border-wight:0px; 
                      }

    #spiel-text { position:absolute;
                      top:392px;
                      left:46px;
                      width:488px;
                      height:108px;
                      text-align:left;
                      overflow:auto;
                      border: 0;
                      border-style: hidden;
		      border-width: 0px;
                      background-color:#FFFFFF;
		      outline: 0 none;
                      padding:0px 20px 0px 20px;
                      margin:0px;
                      clear:both;
                     }

    #kunstsitz-zitat { position:absolute;
                       top:0px;
                       left:46px;
                       width:488px;
                       height:128px;
                       text-align:left;
                       overflow:none;               
                       background-color:#FFFFFF;
                       padding:0px 0px 0px 0px;
                       margin:0px;
                       clear:both;
                      }

    #kunstsitz-text { position:absolute;
                      top:128px;
                      left:46px;
                      width:488px;
                      height:372px;
                      text-align:left;
                      overflow:auto;
                      border: 0;
                      border-style: hidden;
		      border-width: 0px;
                      background-color:#FFFFFF;
		      outline: 0 none;
                      padding:0px 20px 0px 20px;
                      margin:0px;
                      clear:both;
                     }

     #inhalt_thumb { position:relative;
                     width:92px;
                     height:76px;
                     text-align:center;
                     font-size:9px;
                     border:0;
                     float:left;
                     margin:0px;
                     padding:0px;
                    }

     #download { position:absolute;
                 top:501px;
                 left:46px;
                 right:46px;
                 text-align:right;
                 font-weight:bold;
                 font-size:9px;
                 padding:0px;
                 margin:0px;
                }

     #vor { position:absolute;
            top:5px;
            right:0px;
            width:30px;
            height:100%;
            text-align:left;            
           }

      
     #auswahl_center_home { position:absolute;
                            top:50%;
                            left:50%;
                            width:744px;
                            height:400px;
                            margin-top:-200px;
                            margin-left:-372px;
                            border:0;
                            border-style:solid;
                            border-wight:0px;                       
                          }

     #auswahl_center_projekte { position:absolute;
                            top:50%;
                            left:50%;
                            width:744px;
                            height:384px;
                            margin-top:-192px;
                            margin-left:-372px;
                            border:0;
                            border-style:solid;
                            border-wight:0px;                       
                          }

     #auswahl_center { position:absolute;
                       top:50%;
                       left:50%;
                       width:744px;
                       height:210px;
                       margin-top:-105px;
                       margin-left:-372px;
                       border:0;
                       border-style:solid;
                       border-wight:0px;                      
                     }

     #auswahl_center_PRSF { position:absolute;
                       top:50%;
                       left:50%;
                       width:744px;
                       height:320px;
                       margin-top:-160px;
                       margin-left:-372px;
                       border:0;
                       border-style:solid;
                       border-wight:0px;                      
                     }

     #auswahl_center-photoworks { position:absolute;
                                  top:50%;
                                  left:50%;
                                  width:720px;
                                  height:300px;
                                  margin-top:-150px;
                                  margin-left:-360px;
                                  border:0;
                                  border-style:solid;
                                  border-wight:0px;                      
                                 }


     #auswahl_aktuell { position:absolute; 
                        top:0px;
                        left:0px;
                        width: 744px; 
                        height: 124px; 
                        padding: 0px;
                        margin: 0px;
                        border:0;
                       }

		#crossfade-katalog {
        				position: absolute;
					top: 0px;
					left: 0px;
					width: 186px;	
					height: 186px;
					margin: 0px;
					padding: 0px;
					float: left;
					}

		#crossfade-katalog img {
					position: absolute;
					left: 0;
					opacity: 1;
					-webkit-transition: opacity 2s ease-in-out;
					-moz-transition: opacity 2s ease-in-out;
					-o-transition: opacity 2s ease-in-out;
					-ms-transition: opacity 2s ease-in-out;
					transition: opacity 1s ease-in-out;
					}
 
		#crossfade-katalog img.top:hover {
					opacity: 0;
					}

		#crossfade-photoworks {
        				position: absolute;
					top: 0px;
					left: 160px;
					width: 186px;	
					height: 186px;
					margin: 0px;
					padding: 0px;
					float: left;
					}

		#crossfade-photoworks img {
					position: absolute;
					left: 160;
					opacity: 1;
					-webkit-transition: opacity 2s ease-in-out;
					-moz-transition: opacity 2s ease-in-out;
					-o-transition: opacity 2s ease-in-out;
					-ms-transition: opacity 2s ease-in-out;
					transition: opacity 1s ease-in-out;
					}
 
		#crossfade-photoworks img.top:hover {
					opacity: 0;
					}

     #auswahl_home { position:absolute;
                     top:175px;
                     left:0px;
                     border0;
                    }

		#crossfade-grafik {
        				position: absolute;
					top: 0px;
					left: 0px;
					width: 186px;	
					height: 186px;
					margin: 0px;
					padding: 0px;
					float: left;
					}

		#crossfade-grafik img {
					position: absolute;
					left: 0;
					opacity: 1;
					-webkit-transition: opacity 2s ease-in-out;
					-moz-transition: opacity 2s ease-in-out;
					-o-transition: opacity 2s ease-in-out;
					-ms-transition: opacity 2s ease-in-out;
					transition: opacity 1s ease-in-out;
					}
 
		#crossfade-grafik img.top:hover {
					opacity: 0;
					}

		#depot { position: absolute;
			 top: 0px;
			 left: 186px; 
			 float: left;
			}

		#crossfade-fotografie {
        				position: absolute;
					top: 0px;
					left: 558px;
					width: 186px;	
					height: 186px;
					margin: 0px;
					padding: 0px;
					float: left;
					}

		#crossfade-fotografie img {
					position: absolute;
					left: 0;
					opacity: 1;
					-webkit-transition: opacity 2s ease-in-out;
					-moz-transition: opacity 2s ease-in-out;
					-o-transition: opacity 2s ease-in-out;
					-ms-transition: opacity 2s ease-in-out;
					transition: opacity 1s ease-in-out;
					}
 
		#crossfade-fotografie img.top:hover {
					opacity: 0;
					}

     #auswahl_menue { position:absolute;
                      top:190px;
                      left:188px;
                      width:372px;
                      text-align:center;
                      word-spacing:10px;
                      letter-spacing:2px;
                     }

     #auswahl_menue-m { position:absolute;
                        top:325px;
                        left:50%;
                        width:300px;
                        margin-left:-150px;
                        text-align:center;
                        border:0;
                        border-style:solid;
                        border-wight:0px;                      
                       }

     #vita_main { position:absolute;
                  top:7%;
                  bottom:7%;
                  width:100%;
                  border:0;
                  margin:0px;
                  padding:0px;
                  overflow:none;
                 }

     #vita_navi { position:absolute;
                  top:0px;
		  left:50%;
                  height:14px;
                  width:466px;
                  align:middle;
                  text-align:left;
                  letter-spacing:1px;
                  border:0;
                  border-style:solid;
                  border-wight:0px; 
                  margin-left:-233px; 
                  padding-top:10px;
                  padding-bottom: 5px;
                 }
 
           

      #vita_content { position:absolute;
                      top:35px;
                      bottom:2px;
                      left:50%;
                      width:466px;
                      align:middle;
                      text-align:left;
                      overflow:auto;
                  border:0;
                  border-style:solid;
                  border-wight:0px;
                      margin-left:-233px;
                      padding-top:10px;
                     }

      #impressum { position:absolute;
                   top:40px;
                   bottom:2px;
                   left:50%;
                   width:480px;
                   align:left;
                   overflow:auto;
                   margin-left:-240px;
                   padding:10px;                      
                  }    

     #dsgvo { position:absolute;
              top:40px;
              bottom:2px;
              left:50%;
              width:480px;
              align:left;
              overflow:auto;              
              margin-left:-240px;
              padding:10px;                      
                  } 

        img.depot { border:1;
                    border-top-width:3px;
                    border-bottom-width:3px;
                    border-left-width:0px;
                    border-right-width:0px;
                    border-style:solid;
                    border-color:#4d4d4d;
                    padding:0px
                    margin:0px;
                    float:left;
                   }

        img.home { border:0;
                   border-width:0px;
                   padding:0px;
                   margin:0px;
                   float:left;
                  }

        img.home-projekte { position: absolute;
                            top: 2px;
                            left: 158px;
                            border:0;
                            border-width:0px;
                            padding:0px;
                            margin:0px;
                           }


        img.home-raumbio { position: absolute;
                           bottom: 2px;
                           right: 150px;
                           border:0;
                           border-width:0px;
                           padding:0px;
                           margin:0px;
                          }

        
  
        img.thumb { border:0;
                    border-width:0px;
                    padding:0px;
                    margin-left:9px;
                    margin-right:9px;                   
                   } 

        img.shade_thumb_q { float: left;
			    border:0;
                            border-width:0px;
                            margin: 13px 0px 0px 0px;
                            padding: 0px;                   
                           }

        img.shade_thumb_q4 { float: left;
                            border:0;
                            border-width:0px;
                            margin: 13px 4px 0px 0px;
                            padding: 0px;                   
                           }

        img.shade_thumb_h { float: left;
                            border:0;
                            border-width:0px;
                            margin: 13px 0px 0px 0px;
                            padding: 0px;                   
                           }      

        img.shade_thumb_h3 { float: left;
                            border:0;
                            border-width:0px;
                            margin: 13px 3px 0px 0px;
                            padding: 0px;                   
                           }

        img.shade_thumb_h4 { float: left;
                            border:0;
                            border-width:0px;
                            margin: 13px 4px 0px 0px;
                            padding: 0px;                   
                           }

        img.coup { float: left;
		   border:0;
                   border-style:solid;
                   border-width:0px;
                   margin: 2px;
                   padding: 0px;                   
                  }

        img.thumb_katalog { border:0;
                            border-width:0px;
                            border-style:solid;
                            padding:0px;
                            margin-left:3px;
                            margin-right:3px;
                            margin-top:3px;
                            margin-bottom:4px;                            
                           }

        img.thumb_katalog_foto { border:0;
                                 border-width:0px;
                                 border-style:solid;
                                 padding:0px;
                                 margin-left:3px;
                                 margin-right:3px;
                                 margin-top:3px;
                                 margin-bottom:4px;                            
                                }

        img.blaetern { border:0;
                       border-width:0px;
                       text-align:center;
                       margin-top:220px;
                       padding:0px;
                      }

        img.katalog_img { display:block;
                          text-align:center;
                          margin-left:auto;
                          margin-right:auto;
                          clear:both;
                         }

        img.thumb_projekte { position: relative;
                         text-align: center;
                         float: left;
                         margin: 3px;
                         padding: 0px;
                        } 

     #bottom_line { position:absolute;
                    bottom:16px;
                    height:2px;
                    width:100%;
                    background-color:#333333;
                   }
 
     #bottom { position:absolute;
               bottom:0px;
               width:100%;
               text-align:center;
               border:0;
               margin:0px;
               padding:0px;
              }