/* CSS Document */

    /* WEBSITE */
    
    html
    {
    font-size: 100%;
    }
    
    body 
    {
    font-size: 1em;
    font-family: georgia, serif;
    text-align: center;
    color: #000000;
    background: #00ffff;
    padding: 0;
    margin: 0;
    }
    
    * ul {padding:0; margin:0;}   
    
    input.button
    {
    width: 90%;
    
    margin-left: 0.5em;
    margin-bottom: 0.5em;
    padding-left: 0.5em;

    text-align: left;
    font-size: 0.9em;
    font-family: georgia, serif;

    border: 0;
    border-left: 0.02em solid #ffffff;
    background-color: transparent;
    cursor: pointer;
    }     
    
    input.button2
    {
    width: 80%;
    
    margin-left: 1em;
    margin-bottom: 0.5em;
    padding-left: 0.5em;

    text-align: left;
    font-size: 0.9em;
    font-family: georgia, serif;

    border: 0;
    border-left: 0.02em solid #ffffff;
    background-color: transparent;
    }        
    
    input.back
    {
      border: 0;
      background-color:transparent;
      font-size:0.95em;
      color:#0000cd;
    }  
   
    /* InternetExplorer Bug */
    * html #site_right 
    {
    height: 37em;
    }
      
    /* CLASS */
    
    .formulare_download
    {
    margin-left: 0.5em;
    margin-right: 0.5em;
    padding-top: 0.1em;
    padding-left: 0.2em;
    padding-right: 0.2em;
    padding-bottom: 0.2em;
    text-align: center;
    }    
    
    .formulare_beschreibung
    {
    width: 20em;
    min-height: 4em;
    margin:0 auto;
    padding:0.5em;
    
    text-align: left;
    font-size: 0.8em;
    border:0.09em black solid;
    }
    
    .js_links
    {
    color:#0000cd;
    text-decoration:underline;
    cursor: pointer;
    }
          
    /* ID */

    #site_area
    {
    width: 60em;
    height: 100%;
    margin: 1.5em auto; 
    position: relative;
    border: 0.063em solid #cccccc;
    background-color: #fafafa;
    }
    
    #site_top
    {
    width: 59em;
    height: 11em;
    margin: 0 auto;
    margin-bottom: 0.5em;
    text-align:left;
    }
    
    #site_middle
    {
    width: 58.8em;
    min-height: 51em;
    margin: 0 auto;
    }
    
    #site_left
    {
    width: 15em;
    min-height: 51em;
    float: left;
    }
    
    #site_right
    {
    width: 43em;
    min-height: 51em;
    margin-left:15.3em;  
    }
    
    #header
    {
    margin: 0.5em;
    padding: 0.063em;
    font-size: 0.688em;
    letter-spacing: 0.125em;
    word-spacing: 0.25em;
    background-color: #ffffff;
    }
    
    #footer
    {
    margin: 0.5em;
    padding: 0.063em;
    font-size: 0.688em;
    letter-spacing: 0.125em;
    word-spacing: 0.25em;
    background-color: #ffffff;
    }
  
    #top
    {
    margin: 0.5em;
    padding: 0.063em;
    font-size: 0.688em;
    text-align: right;
    background-color: #fafafa;
    }
    
    #top a:link     { color:black; text-decoration:none; } 
    #top a:visited  { color:black; text-decoration:none; } 
    #top a:focus    { color:black; text-decoration:none; }
    #top a:hover    { color:black; text-decoration:none; }
    #top a:active   { color:black; text-decoration:none; }

    #frame_logo
    {
    width: 10.95em;
    height: 10.95em;
    background-color: #ffffff;
    float:right;
    }

    #frame_navi
    {
    width: 14.8em;
    border-left:0.09em black solid;
    border-right:0.09em black solid;
    }
    
    #content_navi
    {
    width: 14.8em;
    padding-top: 1em;
    padding-bottom: 0.5em;
    font-size: 1em;
    background: url("layout/navi.jpg");
    }
    
    #frame_random_pics
    {
    width: 14.8em;
    height: 14.8em;  
    margin-top: 1em;
    background-color: #ffffff;
    }
    
    #random_pics
    {
    width: 95%;
    height: 95%;
    margin-top: 0.4em;
    }
    
    #frame_aktuelles
    {
    width: 14.8em;
    height: 10em;  
    background-color: #ffffff;
    border: 0.1em black solid;
    padding-top:0.7em;
    }
    
    #frame_aktuelles_headline
    {
    width: 13.7em;
    height: 1.5em;        
    margin-top: 1.4em;
    border-top: 0.1em black solid;
    border-right: 0.1em black solid;
    border-left: 0.1em black solid;
    padding-top:0.5em;
    padding-left:1.1em;
    text-align:left;
    font-size:1.0em;
    background: url("layout/navi.jpg");
    }    
    
    #frame_banner
    {
    width: 47.5em;
    height: 11em;
    background-color: #ffffff;
    float:left;
    }
    
    #frame_content
    {
    width: 42em;
    min-height: 42em;
    height:auto !important;
    height: 42em;
    
    margin-top:0em;
    padding-left:1em;
    
    background-color: #ffffff;
    
    text-align:left;
    }
      
      #frame_content h1
      {
        margin-top:0em;
        padding-top:0.5em;
        text-align:center;
      }
      #frame_content ul
      {
        list-style:circle;
        margin-left:2em;
      }
           
    #frame_losung
    {
    width: 100% !important;
    width: 98%;
    
    margin:0 auto;
    margin-top: 0.5em;
    margin-bottom: 1em;
    background-color: #ffffff;
    
    font-size:0.9em;
    text-align:center;
    
    border-top:0.09em black solid;
    border-bottom:0.09em black solid;
    }

    #aktuelles_fenster
    {
    width: 35em;
    height: 35em;
    border: 0.011em black solid;
    margin: 1em auto;
    padding: 0.5em;
    font-size: 0.9em;
    text-align: left;
    overflow: auto;
    }
    
        #aktuelles_fenster h1
        {
        font-size: 1em;
        margin-bottom: 1em;
        }
    
        #aktuelles_fenster p
        {
        margin-top: 0em;
        }
    
        #aktuelles_fenster ul
        {
        margin-left: 2em;
        }
    
        #aktuelles_fenster li
        {
        margin-bottom: 0.5em;
        }
    
    aktuelles_fenster_presse
    {
    width:100%;
    height:100%;
    font-size: 1em;
    }
    
    #wohnungen_fenster
    {
    position:absolute;
    width: 50em;
    height: 30em;
    border: 0.011em black solid;
    margin-top:1em;
    margin-left:6em;
    }
    
    #wohnungen_navi_left
    {
    position:absolute;
    width:4em;
    height:10em;
    margin-top:8.5em;
    margin-left:1em;    
    }
    
    #wohnungen_navi_left a:link    { color:transparent;  text-decoration:none; } 
    #wohnungen_navi_left a:visited { color:transparent;   text-decoration:none; } 
    #wohnungen_navi_left a:focus   { color:transparent;  text-decoration:none; } 
    #wohnungen_navi_left a:hover   { color:transparent;  text-decoration:none; } 
    #wohnungen_navi_left a:active  { color:transparent;  text-decoration:none; } 
        
    #wohnungen_navi_right
    {
    position:absolute;
    width:4em;
    height:10em;
    margin-top:8.5em;
    margin-left:57em;    
    }
    
    #wohnungen_navi_right a:link    { color:transparent;  text-decoration:none; } 
    #wohnungen_navi_right a:visited { color:transparent;   text-decoration:none; } 
    #wohnungen_navi_right a:focus   { color:transparent;  text-decoration:none; } 
    #wohnungen_navi_right a:hover   { color:transparent;  text-decoration:none; } 
    #wohnungen_navi_right a:active  { color:transparent;  text-decoration:none; } 
    
    #preload
    {
      width:40em;
      height:13em;
      margin:0 auto;
      margin-top: 1.5em;
      padding: 1em;
      background-color: #fafafa;
      border-width: 0.1px;
      border-style: solid;
    }
    
      #preload h1
      {
        font-size:1.8em;
        margin:0;
        padding:0;
      }