/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
/*e
    TODO will need to remove settings on HTML since we can't namespace it.
    TODO with the prefix, should I group by selector or property for weight savings?
*/
.reset html{
    color:#000;
    background:#FFF;
}
/*
    TODO remove settings on BODY since we can't namespace it.
*/
/*
    TODO test putting a class on HEAD.
        - Fails on FF. 
*/
.reset body,
.reset div,
.reset dl,
.reset dt,
.reset dd,
.reset ul,
.reset ol,
.reset li,
.reset h1,
.reset h2,
.reset h3,
.reset h4,
.reset h5,
.reset h6,
.reset pre,
.reset code,
.reset form,
.reset fieldset,
.reset legend,
.reset input,
.reset textarea,
.reset p,
.reset blockquote,
.reset th,
.reset td {
    margin:0;
    padding:0;
}
.reset table {
    border-collapse:collapse;
    border-spacing:0;
}
.reset fieldset,
.reset img {
    border:0;
}
/*
    TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
.reset address,
.reset caption,
.reset cite,
.reset code,
.reset dfn,
.reset em,
.reset strong,
.reset th,
.reset var {
    font-style:normal;
    font-weight:normal;
}
/*
    TODO Figure out where this list-style rule is best set. Hedger has a request to investigate.
*/
.reset li {
    list-style:none;
}

.reset caption,
.reset th {
    text-align:left;
}
.reset h1,
.reset h2,
.reset h3,
.reset h4,
.reset h5,
.reset h6 {
    font-size:100%;
    font-weight:normal;
}
.reset q:before,
.reset q:after {
    content:'';
}
.reset abbr,
.reset acronym {
    border:0;
    font-variant:normal;
}
/* to preserve line-height and selector appearance */
.reset sup {
    vertical-align:text-top;
}
.reset sub {
    vertical-align:text-bottom;
}
.reset input,
.reset textarea,
.reset select {
    font-family:inherit;
    font-size:inherit;
    font-weight:inherit;
}
/*to enable resizing for IE*/
.reset input,
.reset textarea,
.reset select {
    *font-size:100%;
}
/*because legend doesn't inherit in IE */
.reset legend {
    color:#000;
}
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
.reset body, .reset {
    font:13px/1.231 'Helvetica Neue',helvetica,arial,clean,sans-serif;
    *font-size:small; /* for IE */
    *font:x-small; /* for IE in quirks mode */
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
.reset select,
.reset input,
.reset button,
.reset textarea {
    font:99% 'Helvetica Neue',helvetica,arial,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
.reset table {
    font-size:inherit;
    font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
.reset pre,
.reset code,
.reset kbd,
.reset samp,
.reset tt {
    font-family:monospace;
    *font-size:108%;
    line-height:100%;
}
/**
 *  SDE Site Header
 *
 *  @project    Sueddeutsche.de
 *  @package    sde_siteheader
 *  @copyright  Sueddeutsche.de, (c) 2009
 *  @author     Mike West <Mike.West@sueddeutsche.de>
 *  @version    $Id: header-200909.css 31039 2009-10-08 18:18:56Z mwest $
 *  @url        $URL: http://madmin-1.sznet.de/svn/sde_root/trunk/beispiel/article3/header-200909.css $
 */

/**
 *  Site Header
 *
 *  *   Setting position relative so that I can bring the external links up
 *      to the top of the box without effecting their source position
 *
 *  *   Adding padding to the top of the box for the same reason.
 */
.reset .siteheader {
    border-top:     1px solid #DDD;
    margin:         5px 0 20px;
    position:       relative;
    padding-top:    20px;

    _zoom:          1;
}
    .siteheader:after, .siteheader .body:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    /**
     *  Every list in the header is displayed as a flat, horizontal block.
     */
    .siteheader li, .siteheader ul {
        display:    inline;
    }
    /**
     *  Body completes the border:
     */
    .siteheader .body {
        overflow:       visible;
        border-bottom:  1px solid #CCC;
    }
        .siteheader .body img {
            border:         1px solid #CCC;
            border-width:   0 1px;
            display:        block;
        }

/**
 *  Logo Region
 *
 *  Contains the logo and the "Welcome" text with today's date/time.
 *  The latter will be absolutely positioned up to the top-left of the box.
 */
    .siteheader .header {
        background:     #EEE;
        border:         1px solid #CCC;
        border-bottom:  0;
        height:         63px;
        position:       relative;
    }
    .siteheader .header .logo a {
        background:     url(http://pix.sueddeutsche.de/img/layout/header/logo.gif) no-repeat top left;
        display:        block;
        height:         27px;
        margin:         17px 0 0 20px;
        text-indent:    -999em;
        width:          318px;
    }
    .siteheader .header p {
        color:          #CCC;
        font-size:      10px;
        left:           0;
        position:       absolute;
        top:            3px;
    }
    /**
     *  Search Form
     */
    .siteheader .header form {
        position:   absolute;
        right:      5px;
        top:        27px;
    }
        .siteheader #q {
            border: 1px solid #DDD;
            height: 18px;
            width:  150px;
        }
        .siteheader label {
            left:       -999em;
            position:   absolute;
        }
	.siteheader .submit {
            background:     url(/img/sdesiteheader/200909/sprite.png) no-repeat 0px -300px;
	    border:         0;
	    height:         22px;
	    text-indent:    -999em;
	    width:          22px;
	}
    /**
     *  Web Two Point Oh.
     */
    .siteheader .webtwopointoh {
        position:   absolute;
        right:      5px;
        top:        10px;
    }
    	.siteheader .webtwopointoh a {
	    background:    url(/img/sdesiteheader/200909/sprite.png) no-repeat 0px -220px;
	    display:       block;
            float:         left;
	    height:        12px;
	    margin-right:  3px;
	    text-indent:   -999em;
	    width:         12px;
	}
    	.siteheader .webtwopointoh .rss a {
            background-position:   -40px -220px;
	}
    	.siteheader .webtwopointoh .facebook a {
            background-position:   -20px -220px;
	}
/**
 *  Site-level Navigation
 *
 *  A list of the site's Ressorts for navigation through the site's major
 *  categories.
 */
    .siteheader .sitenav {
        background:     #252115;
        border:         1px solid #CCC;
        border-width:   0 1px;
        display:        block;
        line-height:    1;
        margin:         0;
        overflow:       hidden;
        padding:        7px 0 5px;
        padding:        5px 0;
        _zoom:          1;
    }
        .siteheader .sitenav a {
            color:      #FFF;
            display:    block;
            float:      left;
            font-size:  12px;
            overflow:   hidden;
            padding:    5px;
            position:   relative;
            text-align: center;
            top:        -5px;
        }
        .siteheader .sitenav li {
            border-left:    1px solid #666;
            display:        block;
            height:         13px;
            float:          left;
            position:       relative;
        }
            .siteheader .sitenav .first {
                border:     0;
            }
            .siteheader .sitenav .politik-link      {  width:  37px; _width: 47px; }
            .siteheader .sitenav .wirtschaft-link   {  width:  60px; _width: 70px; }
            .siteheader .sitenav .geld-link         {  width:  30px; _width: 40px; }
            .siteheader .sitenav .kultur-link       {  width:  35px; _width: 45px; }
            .siteheader .sitenav .medien-link       {  width:  42px; _width: 50px; }
            .siteheader .sitenav .sport-link        {  width:  35px; _width: 43px; }
            .siteheader .sitenav .leben-link        {  width:  35px; _width: 45px; }
            .siteheader .sitenav .karriere-link     {  width:  45px; _width: 55px; }
            .siteheader .sitenav .muenchen-link     {  width:  55px; _width: 65px; }
            .siteheader .sitenav .bayern-link       {  width:  40px; _width: 50px; }
            .siteheader .sitenav .panorama-link     {  width:  60px; _width: 70px; }
            .siteheader .sitenav .auto-link         {  width:  25px; _width: 35px; }
            .siteheader .sitenav .digital-link      {  width:  35px; _width: 48px; }
            .siteheader .sitenav .wissen-link       {  width:  40px; _width: 53px; }
            .siteheader .sitenav .fitness-link      {  width:  40px; _width: 50px; }
            .siteheader .sitenav .reise-link        {  width:  29px; _width: 39px; }

/**
 *  Breadcrumb Navigation
 *
 *  Displays links to the homepage, to the page's Ressort, and the page's
 *  Theme.
 */
    .siteheader .breadcrumb {
        background-color:       #666;
        background-image:       url(/img/sdesiteheader/200909/breadcrumb-end.png);
        background-position:    right top;
        background-repeat:      no-repeat;
        border:                 1px solid #CCC;
        border-width:           0 0 0 1px;
        display:                block;
        float:                  left;
        height:                 25px;
        padding-right:          10px;

        *background-image:       url(/img/sdesiteheader/200909/sprite.png);
        *background-position:    right -200px;
    }
        .siteheader .breadcrumb li {
            background: url(/img/sdesiteheader/200909/sprite.png) no-repeat 0px -341px;
            display:    block;
            float:      left;
        }
        .siteheader .breadcrumb li.first {
            background: none;
        }
            .siteheader .breadcrumb li.first a, .siteheader .breadcrumb li.first h1 {
                padding-left:   5px;
            }
        .siteheader .breadcrumb a, .siteheader .breadcrumb h1 {
            color:          #FFF;
            display:        block;
            float:          left;
            font-size:      14px;
            font-weight:    700;
            padding:        4px 5px 0 12px;
        }

/**
 *  Page-level navigation
 *
 *  Displays the links associated with the current document's position in the
 *  system: sport documents get sport links, forumla 1 documents get forumla
 *  1 links.
 *
 */
    .siteheader .pagenav {
        background-color:   #FFF;
        display:            block;
        float:              left;
        font-size:          12px;
        height:             1.3em;
        _height:            2em;   /* HACK: IE.  Oh, IE. */
	    margin:             0;
        overflow:           hidden;
        padding:            6px 0 0;
    }
        .siteheader .pagenav li {
            border-left:    1px solid #CCC;
            white-space:    nowrap;
        }
        .siteheader .pagenav li.first {
            border-left:    0;
        }


        .siteheader .pagenav a {
            padding:    0 5px;
        }

/**
 *  Featured links/ads
 *
 */
    .siteheader .features {
        display:    block;
        max-height: 14px;
	    margin:     0;
        padding:    6px 0 0;
        text-align: right;
    }
        .siteheader .features a {
            background: url(/img/sdesiteheader/200909/sprite.png) no-repeat 0px 5px;
            color:      #333;
            overflow:   visible;
            padding:    0 4px 0 9px;
        }
            .siteheader .features .ad {
                display:    block;
                position:   absolute;
                right:      0px;
                bottom:     0.3em;
            }
           
						.homepage .siteheader .features .first {
							border:none;
						}

            .siteheader .features .first {
              padding-right: 0 !important;
              z-index:	2;
							border-left: 1px solid #ccc;
            }

            .homepage .siteheader .features .last {
              padding-right: 0;
							z-index:       1;
            }        
            .siteheader .features .last {
              padding-right: 105px;
							z-index:       1;
            }
            
            html>body .siteheader .features .ad {bottom:     0.4em;}
            .siteheader .features .ad a {
                background:     none;
                color:          #333;
                font-weight:    normal;
                padding:        0 4px;
                position:       relative;
            }
            .siteheader .features .ad span {
                display:    none;

                border:         1px solid #CCC;
                background:     #EEE;
                font-weight:    400;
                position:       absolute;
                text-align:     center;
                top:            1.2em;
                right:          0;
                width:          100%;
            }
            .siteheader .features .ad a:hover span {
                display:    block;
            }
/**
 *  Random links that no one really clicks on or likes at all.
 *
 */
    .siteheader .footer {
        font-size:  11px;
        position:   absolute;
        top:        3px;
        width:      100%;
    }
        .siteheader .footer li, .siteheader .footer ul, .siteheader .footer a {
            color:      #666;
        }
        .siteheader .markets a {
            background: url(/img/sdesiteheader/200909/sprite.png) no-repeat 0px 5px;
            padding:    0 4px 0 9px; 
        }

        .siteheader .services li {
            border-left:    1px dotted #BBB;
            padding:        0 2px 0 4px;
        }
        .siteheader .services li.first {
            border:         none;
        }
/**
 *  Weitere Services
 *  @section Services
 */
.siteheader .weitere {
    display:    inline;
    position:   relative;
    top:        0;
    _float:left;
}
.siteheader  #weiterebox .toggle {
    background:     #FFF url(/img/sdesiteheader/200909/sprite.png) no-repeat right 3px;
    border:         0;
    margin:         0;
    padding-right:  8px;
    cursor:         pointer;
    color:          #666;
}
.siteheader .weitere #weiterepanel {
    display:    none;
}
.siteheader .weitere li {
    border-left:    1px dotted #BBB;
    margin:         0;
    padding:        0 1px 0 3px;
}

/**
 *  Login Form without JavaScript
 *  @section Login
 */
#login, #konto {
    background: #FFF;
    border:     1px solid #999;
    position:   absolute;
    right:      0;
    top:        0;
    width:      300px;
}
    #login label, #konto label {
        color:      #666;
    }
    #login .body, #konto .body {
        background: #CCC;
    }
#login .footer, #konto .footer {
    left:       0;
    position:   relative;
    top:        0;
}

/**
 *  Logout Form without JavaScript
 *  @section Konto
 */
#logout {
    font-family:    Arial, Helvetica, sans-serif;
    font-size:      11px;
    text-align:     left;
    vertical-align: top;
    border:         none;
    background:     #fff none repeat scroll 0 0;
    color:          #024282;
    margin:         0 0 0 -2px;
    padding:        0;
    display:        inline;
}

/**
 *  Login Form with JavaScript
 *  @section Login JS
 */
.js #login_toggle, .js #konto_toggle {
    background:     #FFF url(/img/sdesiteheader/200909/sprite.png) no-repeat right 4px;
    color:          #666;
    font-weight:    700;
    padding:        0 4px 0 0;
    position:       absolute;
    right:          0px;
    top:            -1px;
    border:         0;
    cursor:         pointer;
}
.js #konto_toggle {
    text-transform: capitalize
}
.js #login, .js #konto {
    display:    none;
    outline:    0;
    padding:    5px;
    width:      140px;
    z-index:    5;
}
    .js #login .body, .js #konto .body {
        overflow:   hidden;
        padding:    5px 5px 3px;
    }
    .js #login input {
        border:     1px solid #999;
        display:    block;
        margin:     3px 0;
        width:      128px;
    }
        .js #login input[type="hidden"] { display: none; }
        .js #login .submit {
            background: 			#B20000;
            border:     			1px solid #B20000;
			      border-radius:			3px;
			      -moz-border-radius:		3px;
			      -webkit-border-radius:	3px;
            color:      			#FFF;
            float:      			right;
            font-size:  			10px;
            padding:    			2px 2px; 
            width:      			auto;
            font-family:      Arial, Helvetica, sans-serif;
        }
    .js #login .footer ul {
        padding:    3px;
        margin:     0;
    }
    .js #konto .footer ul {
        padding:    0 3px 3px 3px;
        margin:     0;
    }
    .js #login .footer li, .js #konto .footer li {
        background: url(/img/sdesiteheader/200909/sprite.png) no-repeat 0px 5px;
        display:    block;
        margin:     4px 0 0;
        padding:    0 4px 0 9px;
    }
    .js #login .footer a, .js #konto .footer a {
        color:      #024282;
    }
      
    
/**
 *  Weitere Angebote Panel
 *  @section WeitereAngebote JS
 */
#weiterepanel {
    background: #FFF;
    border:     1px solid #999;
    position:   absolute;
    right:      0;
    top:        0;
    width:      12em;
    z-index:    5;
}
    #weiterepanel li {
        background: url(/img/sdesiteheader/200909/sprite.png) no-repeat 0px 5px;
        display:    block;
        margin:     4px 0 0;
        padding:    0 4px 0 9px;
    }
        #weiterepanel li a {
            color:  #142F44;
        }
    #weiterepanel ul {
        margin:     0;
        padding:    5px 10px;
    }
        #weiterepanel ul ul {
            padding:    0 10px;
        }

/**
 *  Homepage Styles
 *
 *  The header displays differently on the homepage: override the default
 *  styles in this section to achieve that.
 *  
 *  @section    Homepage
 */
.homepage .siteheader {
    padding-top:    24px;
}
    /**
     *  Logo/Header
     */
    .homepage .siteheader .header {
        background: #111 url(/img/sdesiteheader/200909/homepage-background.png) repeat-x left top;
        height:     75px;
    }
    	.homepage .siteheader .header .logo a {
            background: url(/img/sdesiteheader/200909/sde-logo-white-330.png) no-repeat left top;
            height:     28px;
            margin-top: 22px;
            width:      330px;
        }
    /**
     *  Ressort Navigation
     */
    .homepage .siteheader .sitenav {
        background: #315A7A;
        border-top: 1px solid #387296;
        
    }
    #sdesiteheader.homepage .siteheader .sitenav li a,
    #sdesiteheader.homepage .siteheader .sitenav li a:hover {
        color:      #FFF;
    }
    /**
     *  Not-Ressort Navigation
     */
    .homepage .siteheader .pagenav {
        border: none;
        float:  left;
    }
    .homepage .siteheader .pagenav li {
        border: none;
    }
        .homepage .siteheader .pagenav li.first a {
            font-weight:    700;
			margin-left:	2px;
        }
    .homepage .siteheader .pagenav a {
        color:  #333;
    }
    .homepage .siteheader .features {
        padding-bottom: 6px;
    }
    /**
     *  Market Tabs
     *
     */
    .homepage .markets {
        float:      left;
        margin:     0;
        padding:    0;
    }
    .homepage .siteheader .markets li {
        background: #CCC url(/img/sdesiteheader/200909/sprite.png) no-repeat left -100px;
        display:    block;
        float:      left;
        margin:     0 1px 0 0;
        padding:    0 0 0 2px;
    } 
    .homepage .siteheader .markets a {
        background:     url(/img/sdesiteheader/200909/sprite.png) no-repeat right -100px;
        color:          #333;
        display:        block;
        font-weight:    700;
        padding:        3px 5px 2px 3px; 
    }

    .homepage .siteheader .services {
        margin:     0 0 0 3px;
        padding:    0;
        position:   relative;
        top:        3px;
    }
    .homepage .siteheader .weitere {
        top:        3px;
    }
    /**
     *  Search
     */
    .homepage .siteheader .header form {
        top: 32px;
    }
    /**
     *  Web Two Point Oh.
     */
    .homepage .siteheader .webtwopointoh {
        top:    15px;
    }
    .homepage .siteheader .webtwopointoh a {
	    background:    url(/img/sdesiteheader/200909/sprite.png) no-repeat 0px -200px;
	}
    	.homepage .siteheader .webtwopointoh .rss a {
            background-position:   -40px -200px;
	    }
    	.homepage .siteheader .webtwopointoh .facebook a {
            background-position:   -20px -200px;
	    }

    .js .homepage #login_toggle, .js .homepage #konto_toggle {
        top: 1px;
    }
    .js .homepage #konto_toggle {
        text-transform: capitalize
    }

/**
 *  Time
 *
 */
#sdesiteheader .currenttime {
    color:          #999;
    font-size:      11px;
    position:       absolute;
    padding-left:   7px;
}

/**
 *  Specials Styles
 *
 *  "Specials" need a smaller logo area, a smaller logo, and drop the `webtwopointoh` block.
 *  
 *  @section Specials
 */
    .special .siteheader .header {
        height: 45px;
    }
        .special .siteheader .header .logo a {
            background: url(/img/sdesiteheader/200909/sde-logo-black-230.png) no-repeat left top;
            margin-top: 12px;
	    }
        .special .siteheader .webtwopointoh {
            display:    none;
        }
        .special .siteheader .header form {
            top:    15px;
        }

/**
 *  Muenchen Special
 *
 */
    /**
     *  Logo/Header
     */
    .muenchen .siteheader .header {
        background:     #111 url(/img/sdesiteheader/200909/munich-background.png) repeat-x left top;
        padding-bottom: 0;
    }
    	.muenchen .siteheader .header .logo a {
            background: url(/img/sdesiteheader/200909/munich-logo-black-260.png) no-repeat left top;
            height:     43px;
            margin-top: 11px;
            width:      265px;
	}

/**
 *  SDE Ressort Colors
 *
 *  @project    Sueddeutsche.de
 *  @package    sde_colors_ressort
 *  @copyright  Sueddeutsche.de, (c) 2009
 *  @author     Mike West <Mike.West@sueddeutsche.de>
 *  @version    $Id: header-200909.css 31039 2009-10-08 18:18:56Z mwest $
 *  @url        $URL: http://madmin-1.sznet.de/svn/sde_root/trunk/beispiel/article3/header-200909.css $
 */


/**
 *  Panorama
 *
 *  Light color:    #AF8FFC;
 *  Dark color:     #67519D;
 *
 *  @section    Panorama
 */
.panorama .breadcrumb {
    background-color:  #67519D;
}
.panorama .pagenav a {
    color:  #67519D;
}
#sdesiteheader .panorama-link:hover, .panorama #sdesiteheader .panorama-link, #sdesiteheader.panorama .panorama-link {
    color:          #AF8FFC;
}
#sdesiteheader.panorama .siteheader .panorama-link {
    font-weight:    700;
    /*left:           -1px;
    top:            -6px;*/
}
    

/**
 *  Bayern
 *
 *  Light color:    #4B87FE;
 *  Dark color:     #4379E3;
 *
 *  @section    Bayern
 */
.bayern .breadcrumb {
    background-color:  #4379E3;
}
.bayern .pagenav a {
    color:  #4379E3;
}
#sdesiteheader .bayern-link:hover, .bayern #sdesiteheader .bayern-link, #sdesiteheader.bayern .bayern-link {
    color:          #4B87FE;
}
#sdesiteheader.bayern .siteheader .bayern-link {
    font-weight:    700;
    /*left:           -1px;
    top:            -6px;*/
}
    
/**
 *  Muenchen
 *
 *  Light color:    #4B87FE;
 *  Dark color:     #6F98AA;
 *
 *  @section    Muenchen
 */
.muenchen .breadcrumb {
    background-color:  #999;
}
.muenchen .pagenav a {
    color:          #6F98AA;
    font-family:    Georgia,Serif;
}
#sdesiteheader .muenchen-link:hover, .muenchen #sdesiteheader .muenchen-link, #sdesiteheader.muenchen .muenchen-link {
    color:          #6F98AA;
}
#sdesiteheader.muenchen .siteheader .muenchen-link {
    font-weight:    700;
}

/**
 *  Wirtschaft
 *
 *  Light color:    #CF5D1F;
 *  Dark color:     #BA5924;
 *
 *  @section    Wirtschaft
 */
.wirtschaft .breadcrumb {
    background-color:  #BA5924;
}
.wirtschaft .pagenav a {
    color:  #BA5924;
}
#sdesiteheader .wirtschaft-link:hover, .wirtschaft #sdesiteheader .wirtschaft-link, #sdesiteheader.wirtschaft .wirtschaft-link {
    color:          #CF5D1F;
}
#sdesiteheader.wirtschaft .siteheader .wirtschaft-link {
    font-weight:    700;
    /*left:           -1px;
    top:            -6px;*/
}
    

/**
 *  Auto
 *
 *  Light color:    #C29202;
 *  Dark color:     #AB8000;
 *
 *  @section    Auto
 */
.auto .breadcrumb {
    background-color:  #AB8000;
}
.auto .pagenav a {
    color:  #AB8000;
}
#sdesiteheader .auto-link:hover, .auto #sdesiteheader .auto-link, #sdesiteheader.auto .auto-link {
    color:          #C29202;
}
#sdesiteheader.auto .siteheader .auto-link {
    font-weight:    700;
    /*left:           -1px;
    top:            -6px;*/
}
    

/**
 *  Reise
 *
 *  Light color:    #BA94D9;
 *  Dark color:     #8A6EA1;
 *
 *  @section    Reise
 */
.reise .breadcrumb {
    background-color:  #8A6EA1;
}
.reise .pagenav a {
    color:  #8A6EA1;
}
#sdesiteheader .reise-link:hover, .reise #sdesiteheader .reise-link, #sdesiteheader.reise .reise-link {
    color:          #BA94D9;
}
#sdesiteheader.reise .siteheader .reise-link {
    font-weight:    700;
    /*left:           -1px;
    top:            -6px;*/
}
    

/**
 *  Digital
 *
 *  Light color:    #4DA0C7;
 *  Dark color:     #2A576C;
 *
 *  @section    Digital
 */
.digital .breadcrumb {
    background-color:  #2A576C;
}
.digital .pagenav a {
    color:  #2A576C;
}
#sdesiteheader .digital-link:hover, .digital #sdesiteheader .digital-link, #sdesiteheader.digital .digital-link {
    color:          #4DA0C7;
}
#sdesiteheader.digital .siteheader .digital-link {
    font-weight:    700;
    /*left:           -1px;
    top:            -6px;*/
}
    

/**
 *  Meinung
 *
 *  Light color:    #CC0000;
 *  Dark color:     #CC0000;
 *
 *  @section    Meinung
 */
.meinung .breadcrumb {
    background-color:  #CC0000;
}
.meinung .pagenav a {
    color:  #CC0000;
}
#sdesiteheader .meinung-link:hover, .meinung #sdesiteheader .meinung-link, #sdesiteheader.meinung .meinung-link {
    color:          #CC0000;
}
#sdesiteheader.meinung .siteheader .meinung-link {
    font-weight:    700;
    /*left:           -1px;
    top:            -6px;*/
}
    

/**
 *  Geld
 *
 *  Light color:    #E94C2D;
 *  Dark color:     #BA3D24;
 *
 *  @section    Geld
 */
.geld .breadcrumb {
    background-color:  #BA3D24;
}
.geld .pagenav a {
    color:  #BA3D24;
}
#sdesiteheader .geld-link:hover, .geld #sdesiteheader .geld-link, #sdesiteheader.geld .geld-link {
    color:          #E94C2D;
}
#sdesiteheader.geld .siteheader .geld-link {
    font-weight:    700;
    /*left:           -1px;
    top:            -6px;*/
}
    

/**
 *  Leben
 *
 *  Light color:    #E94E97;
 *  Dark color:     #9C3465;
 *
 *  @section    Leben
 */
.leben .breadcrumb {
    background-color:  #9C3465;
}
.leben .pagenav a {
    color:  #9C3465;
}
#sdesiteheader .leben-link:hover, .leben #sdesiteheader .leben-link, #sdesiteheader.leben .leben-link {
    color:          #E94E97;
}
#sdesiteheader.leben .siteheader .leben-link {
    font-weight:    700;
    /*left:           -1px;
    top:            -6px;*/
}
    

/**
 *  Karriere
 *
 *  Light color:    #B1BB0C;
 *  Dark color:     #A0A90D;
 *
 *  @section    Karriere
 */
.karriere .breadcrumb {
    background-color:  #A0A90D;
}
.karriere .pagenav a {
    color:  #A0A90D;
}
#sdesiteheader .karriere-link:hover, .karriere #sdesiteheader .karriere-link, #sdesiteheader.karriere .karriere-link {
    color:          #B1BB0C;
}
#sdesiteheader.karriere .siteheader .karriere-link {
    font-weight:    700;
    /*left:           -1px;
    top:            -6px;*/
}
    

/**
 *  Multimedia
 *
 *  Light color:    #697786;
 *  Dark color:     #697786;
 *
 *  @section    Multimedia
 */
.multimedia .breadcrumb {
    background-color:  #697786;
}
.multimedia .pagenav a {
    color:  #697786;
}
#sdesiteheader .multimedia-link:hover, .multimedia #sdesiteheader .multimedia-link, #sdesiteheader.multimedia .multimedia-link {
    color:          #697786;
}
#sdesiteheader.multimedia .siteheader .multimedia-link {
    font-weight:    700;
    /*left:           -1px;
    top:            -6px;*/
}
    

/**
 *  Politik
 *
 *  Light color:    #4680EC;
 *  Dark color:     #2E549B;
 *
 *  @section    Politik
 */
.politik .breadcrumb {
    background-color:  #2E549B;
}
.politik .pagenav a {
    color:  #2E549B;
}
#sdesiteheader .politik-link:hover, .politik #sdesiteheader .politik-link, #sdesiteheader.politik .politik-link {
    color:          #4680EC;
}
#sdesiteheader.politik .siteheader .politik-link {
    font-weight:    700;
    /*left:           -1px;
    top:            -6px;*/
}

/**
 *  Fitness
 *
 *  Light color:    #70B2D8;
 *  Dark color:     #5BA5D0;
 *
 *  @section    Fitness
 */
.fitness .breadcrumb {
    background-color:  #5BA5D0;
}
.fitness .pagenav a {
    color:  #5BA5D0;
}
#sdesiteheader .fitness-link:hover, .fitness #sdesiteheader .fitness-link, #sdesiteheader.fitness .fitness-link {
    color:          #70B2D8;
}
#sdesiteheader.fitness .siteheader .fitness-link {
    font-weight:    700;
    /*left:           -1px;
    top:            -6px;*/
}
    

/**
 *  Sport
 *
 *  Light color:    #90CC4E;
 *  Dark color:     #6D9A3B;
 *
 *  @section    Sport
 */
.sport .breadcrumb {
    background-color:  #6D9A3B;
}
.sport .pagenav a {
    color:  #6D9A3B;
}
#sdesiteheader .sport-link:hover, .sport #sdesiteheader .sport-link, #sdesiteheader.sport .sport-link {
    color:          #90CC4E;
}
#sdesiteheader.sport .siteheader .sport-link {
    font-weight:    700;
    /*left:           -1px;
    top:            -6px;*/
}
    

/**
 *  Wissen
 *
 *  Light color:    #93C47A;
 *  Dark color:     #516C43;
 *
 *  @section    Wissen
 */
.wissen .breadcrumb {
    background-color:  #516C43;
}
.wissen .pagenav a {
    color:  #516C43;
}
#sdesiteheader .wissen-link:hover, .wissen #sdesiteheader .wissen-link, #sdesiteheader.wissen .wissen-link {
    color:          #93C47A;
}
#sdesiteheader.wissen .siteheader .wissen-link {
    font-weight:    700;
    /*left:           -1px;
    top:            -6px;*/
}
    

/**
 *  Service
 *
 *  Light color:    #666666;
 *  Dark color:     #666666;
 *
 *  @section    Service
 */
.service .breadcrumb {
    background-color:  #666666;
}
.service .pagenav a {
    color:  #666666;
}
#sdesiteheader .service-link:hover, .service #sdesiteheader .service-link, #sdesiteheader.service .service-link {
    color:          #666666;
}
#sdesiteheader.service .siteheader .service-link {
    font-weight:    700;
    /*left:           -1px;
    top:            -6px;*/
}
    

/**
 *  Kultur
 *
 *  Light color:    #A58115;
 *  Dark color:     #6D550D;
 *
 *  @section    Kultur
 */
.kultur .breadcrumb {
    background-color:  #6D550D;
}
.kultur .pagenav a {
    color:  #6D550D;
}
.kultur .pagenav .seenby a {
    color:  #9cb937;
    font-weight:700;
}
#sdesiteheader .kultur-link:hover, .kultur #sdesiteheader .kultur-link, #sdesiteheader.kultur .kultur-link {
    color:          #A58115;
}
#sdesiteheader.kultur .siteheader .kultur-link {
    font-weight:    700;
    /*left:           -1px;
    top:            -6px;*/
}

/**
 *  Medien
 *
 *  Light color:    #09C8DF;
 *  Dark color:     #00A0B8;
 *
 *  @section    Medien
 */
.medien .breadcrumb {
    background-color:  #00A0B8;
}
.medien .pagenav a {
    color:  #00A0B8;
}
#sdesiteheader .medien-link:hover,
.medien #sdesiteheader .medien-link,
#sdesiteheader.medien .medien-link {
    color:          #09C8DF;
}
#sdesiteheader.medien .siteheader .medien-link {
    font-weight:    700;
}



/**
 *  Immobilien
 *
 *  Light color:    n/a
 *  Dark color:     #B9B022;
 *
 *  @section        Immobilien
 */
    .immobilien .breadcrumb {
        background-color:   #B9B022;
    }
    .immobilien .pagenav a {
        color:              #B9B022;
    }

/**
 *  Wrapper
 *
 *  This div wraps the entire site, setting the maximum width to 775px, and
 *  centering the content.
 *
 */
    #sdesiteheader {
        position:   relative;
        width:      775px;
        margin:     0;
    }
    
/**
 *  Site Header
 *
 *  The site header fills the page's entire width
 *
 */
    #siteheader {
        width:  100%;
    }

    #siteheader:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }


/* Nasty IE Hacks */
.siteheader .footer {
    _left:   0px;
}
    .siteheader .footer .markets {
        _float:  left;
    }
    .siteheader .footer .services {
        _float:  left;
    }

    .siteheader .header .submit {
        _font-size:     0px;
        _line-height:   0px;
    }
.siteheader .body {
    _zoom:      1;
}
    .siteheader .body .features li {
        _zoom: 1;
    }
    .siteheader .body .sitenav li {
        _display:   block;
        _zoom:      1;
        _float:     left;
    }
        .siteheader .body .sitenav li a {
            _display:   block;
            _top:       0px;
            _padding:   2px 6px;
            _zoom:      1;
        }
            .siteheader .body .sitenav li a:hover {
                _top:    0px;
            }
.js #login_toggle, .js #konto_toggle {
    _top: 0px;
}
#login ul, #login li, #konto ul, #konto li {
    _margin: 0;
    _padding: 0;
}
.js #login .submit {
    _float: none;
}