/* @license
 * MyFonts Webfont Build ID 1574762, 2011-11-25T12:21:46-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Humanist 521 by Bitstream
 * URL: http://www.myfonts.com/fonts/bitstream/humanist-521/humanist-521/
 * Licensed pageviews: 10,000
 * 
 * Webfont: Humanist 521 Italic by Bitstream
 * URL: http://www.myfonts.com/fonts/bitstream/humanist-521/italic/
 * Licensed pageviews: unspecified
 * 
 * Webfont: Humanist 521 Bold by Bitstream
 * URL: http://www.myfonts.com/fonts/bitstream/humanist-521/bold/
 * Licensed pageviews: unspecified
 * 
 * Webfont: Humanist 521 Bold Italic by Bitstream
 * URL: http://www.myfonts.com/fonts/bitstream/humanist-521/bold-italic/
 * Licensed pageviews: unspecified
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=1574762
 * Webfonts copyright: Copyright 1990-1999 as an unpublished work by Bitstream Inc.  All rights reserved.  Confidential.
 * 
 * © 2011 Bitstream Inc
*/





/*static styles*/
 @font-face {font-family: 'Humanist521BT-Roman';src: url('webfonts/18076A_0.eot');src: url('webfonts/18076A_0.eot%3F') format('embedded-opentype'),url('webfonts/18076A_0.woff') format('woff'),url('webfonts/18076A_0.ttf') format('truetype');}
 @font-face {font-family: 'Humanist521BT-Italic';src: url('webfonts/18076A_1.eot');src: url('webfonts/18076A_1.eot%3F') format('embedded-opentype'),url('webfonts/18076A_1.woff') format('woff'),url('webfonts/18076A_1.ttf') format('truetype');}
 @font-face {font-family: 'Humanist521BT-Bold';src: url('webfonts/18076A_2.eot');src: url('webfonts/18076A_2.eot%3F') format('embedded-opentype'),url('webfonts/18076A_2.woff') format('woff'),url('webfonts/18076A_2.ttf') format('truetype');}
 @font-face {font-family: 'Humanist521BT-BoldItalic';src: url('webfonts/18076A_3.eot');src: url('webfonts/18076A_3.eot%3F') format('embedded-opentype'),url('webfonts/18076A_3.woff') format('woff'),url('webfonts/18076A_3.ttf') format('truetype');}


* {
    font-family: Georgia,Arial,Helvetica,sans-serif;
    font-size:15px;
    text-align: left;
        
}

a {
   text-decoration: underline;
   color: #000;
   outline:none;
   
}
a:hover {
    text-decoration: none;
    color: #df888c;
}

html , body {    
    height: 100%;
}


body {
    margin: 0;
    padding: 0;
    background: #fff;
}

.hide {
    display: none;
}

.clear {
    clear: both;    
}

input, select,textarea {    
    border: 1px solid #666;
}

fieldset {
    border: none;
    margin: 0;
    padding: 0;
}
#content legend {
    margin: 0;
    padding: 0;
}

/*graphic styles*/

#outerDiv {    
    margin: 0 0 10px 0;    
}

    #container {    
        width: 960px;
        /*min-height:740px;*/
        margin: 0 auto 0 auto;
        
    }
        .pid1 #container {
            background: none;
        }
        
        #header {
            width: 1px;
            height: 1px;
            float: left;
            border-bottom: 3px solid #fff;
        }

        
   
            
        #mainNav {
            float: left;
            width: 237px;
            height: 237px;            
        }
            
            
        
            #mainNavUL {
                position: absolute;
                display: block;
                width: 729px;
                float: left;                
                list-style: none;
                margin-top: 19px;         
                padding: 0;
             }
             #mainNavUL li.home,
             #mainNavUL li.home:hover{
                            float: left;
                            width: 237px;
                            height: 237px;
                            border-right: 5px solid #fff;
                            margin: 0;
                            padding: 0;
                            background: url(../../images/socialaffairs/socialaffairs_logo_black.gif) no-repeat center 50px;          
                        }
                            
                            .home a {
                                
                                display: block;
                                width: 90px;
                                height: 90px;
                                text-indent: -6669px;
                                margin-top: 27px;
                                margin-left: 74px;
                                
                            }
              
                           
                #mainNavUL li, #mainNavUL li.fourth:hover ,#mainNavUL li.sixt:hover{                    
                    display: block;
                    float: left;
                    width: 238px;
                    height: 238px;
                    margin-right: 5px;
                    margin-bottom: 5px;
                    background: url(../../images/socialaffairs/Quadrat_238x238.gif) no-repeat 0 0;
                }
                
                #mainNavUL li:hover {
                    
                    background: url(../../images/socialaffairs/Quadrat_hellrosa_238x238.gif) no-repeat 0 0;
                }
                
                .clickableBoxHover {
                    cursor: pointer;
                }
                
                #mainNavUL li a {                    
                    display: block;                    
                    width: 238px;
                    height: 238px;                 
                    text-indent: -9999px;
                    background: transparent;
                }
               
                #mainNavUL li a:hover, #mainNavUL li a.act, #mainNavUL li a.cur {                    
                    color: #000;
                    text-decoration: none;                    
                }
                
                #mainNavUL .linkText {
                    display: block;
                }
                
                #mainNavUL .hoverText {
                    display: none;
                }
                #mainNavUL li:hover .hoverText {
                    display: block;
                }
                
                #mainNavUL li:hover .linkText {
                    display: none;
                }

                #mainNavUL .hoverText ,
                #mainNavUL .linkText {
                    float: left;
                    width: 150px;
                    color: #000;
                    font-size: 18px;
                    padding: 10px;                    
                    margin-right: 8px;
                    font-style: normal;
                    font-family: Gill Sans,'Humanist521BT-Roman',Georgia,Arial,Helvetica,sans-serif;
                    text-decoration: none; 
                }
                
                .trenner {                    
                    width: 30px;                    
                }
                
       
    #contents {
        width: 960px;
        float: left;        
        position: relative;
    }
        .pid1 #contents {
            background: none;
        }
     
        #breadcrumb {                
                height: 27px;
                margin: 0 0 0 15px;
                
            }
        
            #breadcrumbUL {
                list-style: none;                
                line-height: 27px;
                margin: 0;
                padding: 0;
                 
            }
                #breadcrumbUL li {
                    float: left;                    
                }
                
                #breadcrumbUL a {
                    padding: 4px 5px 5px 10px;
                    background:url(../../images/socialaffairs/arrow_grey.gif) no-repeat left center;
                    color: #ababab;
                    font-size: 10px;
                    text-decoration: none;
                    font-family: Gill Sans,'Humanist521BT-Roman',Georgia,Arial,Helvetica,sans-serif;
                }
                #breadcrumbUL li.first a {
                    padding: 4px 5px 4px 0;
                    background: none;
                    
                }
                #breadcrumbUL a:hover{
                    text-decoration: underline;
                }
      
        #tray1 {            
            float: left;
            width: 477px;            
            border-right: 3px solid #fff;
        }
        
     
        #tray2 {
            position: relative;
            float: left;
            max-width: 717px;
            min-width: 723px;
            min-height: 545px;
            background: url(../../images/socialaffairs/tray2_back.gif) no-repeat 0 0;
            
            
        }
          
            .pid1 #tray2 {

                width: 960px;
                height: auto;
                margin: 0 auto 0 auto;
                background: none;
            }
            
            #contentNormal {
                min-width: 470px;
                padding-right:4px;
            }
            
            .pid1 #tray2 #contentNormal{
                position: absolute;
                bottom: 0;
                left: 50%;
            }
                
          
            #tray2 #content,
            #tray3 #content{
                
                margin: 0 0 0 16px;                
            }
            
            
            #backlink {
                position: relative;
                bottom: 0;
                width: 40px;
                height: 40px;
                border-top: 1px solid #000;
                padding-top: 15px;
                margin-top: 30px;
                margin-bottom: 0px;
            }
            
            #backlink a {
                display: block;
                width: 300px;
                font-weight: bold;
                font-size: 15px;
            }
            
        #tray3 {
            
            position: absolute;
            top: 29px;
            margin-left: 736px;
        }
        .pid18 #tray3 {
            top: 44px;
        }
        
        #impressum {
            position: absolute;
            right: 0;
            bottom: 0;
            width: 223px;
        }
            .pid18 #impressum {
                top: 682px;
            }
        
            #impressum .bodytext,
            #impressum .bodytext a{
                color: #ababab;
                font-size: 10px;
                text-decoration: none;
                font-family: Gill Sans,'Humanist521BT-Roman',Georgia,Arial,Helvetica,sans-serif;
                line-height: 12px;
                margin-bottom: 0;
            }
                #impressum .bodytext a:hover {
                    text-decoration: underline;
                }