/**
 * 
 * @package Projektname Main Stylesheet
 * @lastmodfied $Id: branding.css 15325 2011-09-28 11:05:11Z t.helm $
 *
 * @tableofcontents 
 *     1. Basic Styling
 *     2. Sprites
 *     3. Generic Classes
 *          3.1 Product-Boxes
 *          3.2 Link
 *          3.3 stars
 *          3.4 ratingStars
 *          3.5 Bars
 *     4. Page Grid
 *     5. Header
 *     6. Navi
 *      
**/

#header {height:100px; white-space:nowrap; margin:0}
#header a {text-decoration:none}
#header div.bottom form {overflow:hidden}
#header div.bottom form fieldset {border:none}

#header .logo, #header ul.navigationTop {display:inline-block}
#header .logo {background:url(../img/layout/branding_sprite.png) 0 -246px; text-indent:-10000px; float:left; margin:0 10px 0 20px; height:37px; width:223px; vertical-align:bottom; border:0}

/* Top Navigation */

#header ul.navigationTop {margin:10px 0 5px 30px; vertical-align:bottom}
#header ul.navigationTop li {float:left; font:bold 0.9em/1.4em arial; border-left:1px solid #fff; list-style-type:none!important}
#header ul.navigationTop li.first {border-left:0}
#header ul.navigationTop li a {display:block; padding:5px 8px; color:#fff; font-weight:bold!important}

/* Unister-Kit slidingButton */

#header .slidingButton {background:none; overflow:visible; text-decoration:none; padding:0 !important; border:none}
#header .slidingButton:hover, .slidingButtonHover {text-decoration:none; cursor:pointer}
#header .slidingButton span {display:inline-block; text-align:center; white-space:nowrap}

/* buttonSearch */

#header .slidingButton {margin-top:12px!important; max-width:230px; color:#fff !important; font:bold 1.2em arial}
#header .slidingButton span {background:url(../img/layout/branding_sprite.png)}

#header .buttonDefault span {padding:0 0 0 40px}
#header .buttonDefault span span {padding:0 25px 0 0; line-height:32px}

#header .buttonDefault span {background-position:0 -94px !important}
#header .buttonDefault span span {background-position:right -94px !important}
#header .buttonDefault:hover span, .buttonDefaultHover span {background-position:0 -126px !important}
#header .buttonDefault:hover span span, .buttonDefaultHover span span {background-position:right -126px !important}

/* Header Layout */

#header div.left, #header div.right {background:url(../img/layout/branding_sprite.png) no-repeat; height:58px}
#header div.left {width:260px; float:left; background-position:0px -390px}
#header div.right {width:145px; float:right; background-position:right -390px}
#header div.middle {height:46px; background:url(../img/layout/branding_sprite.png) 0 -293px repeat-x; margin:0 145px 0 260px; padding:12px 7px 0 2px}
#header div.left div.lens {background:url(../img/layout/branding_sprite.png) -238px -50px no-repeat; width:20px; height:30px; margin:10px 0 0 25px !important}
#header div.left div.lens select {padding:5px; height:31px; width:200px; margin:4px 0 0 30px}
#header div.left div.lens select option {padding:2px; border-bottom:1px dotted #e1e1e3}

#header div.bottom {height:auto}
#header div.middle div.outline {border:2px solid #a9cff3}
#header div.middle div.inline, #header div.left select {background:#fff; border:1px solid #3d72cf; overflow:hidden}
#header div.middle input {background:#fff url(../img/layout/branding_sprite.png) 0 -358px repeat-x; padding:6px 6px 7px 6px; border:0; width:100%}
#header div.middle input:focus {background:none}

/* Footer Layout */

#footer {background:none!important; padding-top:0!important; margin-bottom:15px; clear:both}
#footer div.top {background:#fff; text-align:center; width:100%; overflow:hidden; margin-bottom:0}
#footer div.top a {text-decoration:none; color:#555}
#footer div.top a:hover {color:#000; text-decoration:underline}
#footer div.top a.news {text-decoration:underline}
#footer div.top a.news:hover {text-decoration:none}
#footer div.top ul li {float:left; padding:0 5px}
#footer div.top div.links {background:#eee; margin:20px 10px}
#footer div.top div.links ul {color:#555; line-height:27px; display:inline-block; list-style-type:none!important}
#footer div.top div.copyright {font-size:0.85em; color:#9b9b9b}

#footer div.bottom {width:100%}
#footer div.bottom, #footer div.bottom div {height:10px}
#footer div.bottom div.left, #footer div.bottom div.right {background:url(../img/layout/branding_sprite.png)}
#footer div.bottom div.left {background-position:-238px -10px; width:10px; float:left}
#footer div.bottom div.right {background-position:-248px -10px; width:10px; float:right}
#footer div.bottom div.middle {background:#fff; margin:0 10px}

/* IE6 */
* html body.index #header div.right {margin-right:0px}

* html #header .logo, * html #header div.left div.lens, * html #header div.left, * html #header div.right, * html #header div.middle, * html #header div.middle input, * html #header .slidingButton span, * html #footer div.bottom div.left, * html #footer div.bottom div.right {background-image:url(../img/layout/branding_sprite_ie6.png)}
* html #header .logo {display:block; margin-left:5px}
* html #header div.left {margin-right:-3px}
* html #header div.left div.lens select {margin-top:8px}
* html #header div.right {margin-left:-3px; margin-right:5px}
* html #header div.middle {height:46px; margin:0 140px 0 254px}
* html #header div.middle input {width:95%}
* html #header div.middle div.inline {background:#fff url(../img/layout/branding_sprite_ie6.png) 0 -356px repeat-x}
* html #header ul.dropDown,
* html #header ul.navigationTop,
* html #header ul.navigationTop li,
* html #header ul.navigationTop li a {display:inline!important}

* html #footer div.top ul {display:inline!important}
* html #footer div.bottom div.left {margin-right:-3px}
* html #footer div.bottom div.right {margin-left:-3px}
* html #footer div.bottom div.middle {margin:-5px 0 0}

/* IE7 */

* + html #header ul.navigationTop {margin:8px 0 7px 25px}
* + html #header ul.navigationTop,
* + html #header ul.navigationTop li {display:inline!important}
* + html #header div.left div.lens select {margin-top:8px}
* + html #footer div.top ul {display:inline!important}