/* **************************************************************************
 * SCREEN
 * ************************************************************************** */

@media screen
{
    body
    {
        margin: 0px;
        padding: 0px;
        color: #333333;
        background-color: #CEDBD4;
        background-image: url('/jagd/images/bgLayout.png');
        background-repeat: repeat-y;
        background-position: center top;
    }
    
    .clear
    {
        clear: both;
        display: block;
    }
    
    .content
    {
        padding: 10px 20px 10px 20px;
    }
    
    img
    {
        border: 0px;
    }
    
    a
    {
        color: #FF6600;
        text-decoration: underline;
    }
    
    img.picture, img.pictureRegion
    {
        padding: 4px;
        background-color: #4E8385;
        border: 1px solid #B22900;
        float: left;
        margin-right: 10px;
    }
    
    p
    {
        margin: 0px;
        padding: 5px 0px 5px 0px;
    }
    
    h1, h2, h3, h4, h5, h6
    {
        margin: 0px;
        padding: 0px;
    }
    
    h1
    {
        color: white;
        font-size: 175%;
        padding: 4px 5px 4px 7px;
    }
    
    h1.purple
    {
	background-color: #7181A8;
	border-top: 1px solid #333333;
	border-right: none;
	border-bottom: 1px solid #333333;
	border-left: none;


    }
    
    h1.grey
    {
        background-color: #4E8385;
    }
	
	h1.blue
    {
	background-color: #395EB1;
	font-size: 175%;
	padding: 3px 5px 2px 7px;
	border: none;
    }
	
	h1.blue-middle
    {
	background-color: #395EB1;
	font-size: 175%;
	padding: 4px 5px 4px 7px;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;

    }
    
    h2
    {
        color: #375946;
        font-size: 150%;
        padding: 5px 0px 5px 0px;
    }
    
    h3
    {
        color: #375946;
        font-size: 130%;
    }
    
    h3.pictorialHeader
    {
        background-repeat: no-repeat;
        background-position: left bottom;
        padding-left: 25px;
        height: 20px;
        line-height: 20px;
    }
    
    h4.pictorialHeader
    {
        color: white;
        background-repeat: no-repeat;
        background-position: left bottom;
        padding-left: 0px;
        height: 10px;
        line-height: 20px;
        width: 180px;
    }
    
    h5 {}
    
    h6 {}
    
    .odd
    {
        background-color: #D4CABD;
    }
    
    .highlighted
    {
        background-color: #F0E9D8;
    }
    
    ul.pager
    {
        margin: 0px;
        padding: 2px;
        list-style-type: none;
        text-align: right;
        white-space: nowrap;
        background-color: #2C5954;
    }
    
    ul.pager li
    {
        margin: 0px;
        padding: 0px;
        display: inline;
    }
    
    ul.pager a
    {
        padding: 2px;
        text-decoration: underline;
    }
    
    ul.pager *
    {
        color: white;
    }
    
    #layout
    {
        width: 760px;
        margin: 0px auto;
    }
    
        #leftColumn
        {
            width: 480px;
            float: left;
        }
            
            #image
            {
                background-repeat: no-repeat;
                position: relative;
            }
            
            .imageNormal
            {
                height: 197px;
            }
            
            .imageHuge
            {
                height: 320px;
            }
            
                #imageText
                {
                    position: absolute;
                    left: 0px;
                    bottom: 0px;
                    padding: 20px;
                }
                
                #imageText *
                {
                    color: white;
                }
        
        #rightColumn
        {
            width: 280px;
            float: left;
        }
            
            #subNav
            {
                background-color: #599891;
                padding: 10px 30px 10px 30px;
            }
            
                h3#headerI18n
                {
                    color: white;
                    background-image: url('/jagd/images/headerI18n.png');
                    width: 117px;
                    float: left;
                }
                
                #fontSizer
                {
                    width: 78px;
                    float: left;
                }
                
                #fontSizer a
                {
                    display: block;
                    border: 1px solid #FFAC30;
                    width: 18px;
                    height: 18px;
                    text-decoration: none;
                    color: white;
                    float: left;
                    margin-left: 6px;
                    line-height: 18px;
                    text-align: center;
                }
                
                #fontSizer a:hover
                {
                    background-color: #FFAC30;
                }
                
                a#smallerFonts
                {
                    font-size: 8px;
                }
                
                a#mediumFonts
                {
                    font-size: 10px;
                }
                
                a#biggerFonts
                {
                    font-size: 12px;
                }
                
                ul.navI18n
                {
                    clear: both;
                    list-style-type: none;
                    margin: 0px;
                    padding: 5px 0px 0px 0px;
                }
                
                ul.navI18n a
                {
                    width: 192px;
                    display: block;
                    color: white;
                    padding: 0px 0px 0px 28px;
                    text-decoration: none;
                    line-height: 1.8em;
                }
                
                ul.navI18n a:hover
                {
                    background-color: #FFAC30;
                }
            
            #logo
            {
                text-align: center;
                padding: 3px 0px 3px 0px;
            }
            
            #mainNav
            {
            
            }
            
                .navblock
                {
                    border-top: 1px solid #F79226;
                    padding: 10px 30px 0px 30px;
                }
                    
                    h3#headerRegions
                    {
                        background-image: url('/images/headerRegions.png');
                    }
                    
                    h3#headerSearch
                    {
                        background-image: url('/images/headerSearch.png');
                    }
                    
                    h3#headerWeather
                    {
                        background-image: url('/images/headerWeather.png');
                    }
                    
                    h3#headerHirer
                    {
                        background-image: url('/images/headerHirer.png');
                    }
                    
                    h3#headerContact
                    {
                        background-image: url('/images/headerContact.png');
                    }
                    
                    h3#headerLinks
                    {
                        background-image: url('/images/headerLinks.png');
                    }
                    
                    ul.nav
                    {
                        list-style-type: none;
                        margin: 0px 0px 20px 28px;
                        padding: 0px;
                    }
                    
                    ul.nav ul
                    {
                        list-style-type: none;
                        margin: 0px 0px 0px 10px;
                        padding: 0px;
                    }
                    
                    ul.nav >li
                    {
                        /* Pfeil als Bullet-Icon könnte man auch durch
                           list-style-type erreichen, allerdings machen die
                           Browser die vertikale Ausrichtung alle unterschiedlich.
                           Daher per background-image */
                        background-image: url('/images/bullet.png');
                        background-repeat: no-repeat;
                        background-position: left center;
                        padding-left: 10px;
                    }
                    
                    ul.nav >li >ul >li
                    {
                        /* Pfeil als Bullet-Icon könnte man auch durch
                           list-style-type erreichen, allerdings machen die
                           Browser die vertikale Ausrichtung alle unterschiedlich.
                           Daher per background-image */
                        background-image: url('/images/bulletSub.png');
                        background-repeat: no-repeat;
                        background-position: left center;
                        padding-left: 10px;
                    }
                    
                    ul.nav li.current
                    {
                        background: none;
                    }
                    
                    ul.nav li.current >a, ul.nav >li.current >ul >li.current
                    {
                        color: #5A4D4D;
                        font-weight: bold;
                    }
                    
                    ul.nav a
                    {
                        text-decoration: none;
                        color: #5A4D4D;
                    }
                    
                    ul.nav a:hover
                    {
                        text-decoration: underline;
                        color: #FF6600;
                    }
}

/* **************************************************************************
 * PRINT
 * ************************************************************************** */

@media print
{
    body
    {
        margin: 0px;
        padding: 0px;
    }
    
    .clear
    {
        clear: both;
        display: block;
    }
    
    .content
    {
        padding: 20px 10px 10px 20px;
    }
    
    img
    {
        border: 0px;
    }
    
    a
    {
        color: #FF6600;
        text-decoration: underline;
    }
    
    img.picture
    {
        padding: 4px;
        background-color: #330099;
        border: 1px solid #B22900;
        float: left;
        margin-right: 10px;
    }
    
    p
    {
        margin: 0px;
        padding: 5px 0px 5px 0px;
    }
    
    h1, h2, h3, h4, h5, h6
    {
        margin: 0px;
        padding: 0px;
    }
    
    h1
    {
        color: white;
        font-size: 175%;
        padding: 7px 5px 7px 5px;
    }
    
    h1.purple
    {
        background-color: #990033;
    }
    
    h1.grey
    {
	background-color: #6E5F5C;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
    }
    
    h2
    {
        color: #990033;
        font-size: 150%;
        padding: 5px 0px 5px 0px;
    }
    
    h3
    {
        color: #990033;
        font-size: 130%;
    }
    
    h3.pictorialHeader
    {
        background-repeat: no-repeat;
        background-position: left bottom;
        padding-left: 25px;
        height: 20px;
        line-height: 20px;
    }
    
    h4 {}
    
    h5 {}
    
    h6 {}
    
    .odd
    {
        background-color: #DFD1BC;
    }
    
    .highlighted
    {
        background-color: #FCD9B1;
    }
    
    ul.pager
    {
        display: none;
    }
    
    #layout
    {
        
    }
    
        #leftColumn
        {
            
        }
            
            #image
            {
                display: none;
            }
        
        #rightColumn
        {
            display: none;
        }
}