@charset "UTF-8";

/*  PILOT
---------------*/
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
img { border: 0; }
a { text-decoration: none; list-style-type: none; }
li { list-style-type: none; }
ul { list-style-type: none; }
span { text-decoration: none; list-style-type: none; }


.bildabstand-links { float: right; margin-left: 15px; }
.bildabstand-rechts { float: left; margin-right: 15px; }
.bildabstand-oben { margin-top: 27px; }
.bildabstand-unten { margin-bottom: 5px; }
.spacercase { clear: both; height: 0px; }


/*  BACKGROUND
---------------*/
body { margin: 0 auto; padding: 0; }
.hg-products { background: #000 url(../_Layout/BG-Products-large.jpg) no-repeat center top; }
.hg-music { background: #000 url(../_Layout/BG-Music-large.jpg) no-repeat center top; }
.hg-general { background: #000 url(../_Layout/BG-General-large.jpg) no-repeat center top; }
.hg-donotopen { background: #000 url(../_Layout/BG-DoNotOpen-large.jpg) no-repeat center top; }

#picture-container { display: block; margin: 0 auto; padding: 0; width: 1200px; height: 1300px; }
#picture-container-1785 { display: block; margin: 0 auto; padding: 0; width: 1200px; height: 1785px; }
#picture-container-1930 { display: block; margin: 0 auto; padding: 0; width: 1200px; height: 1930px; }
#picture-container-2182 { display: block; margin: 0 auto; padding: 0; width: 1200px; height: 2182px; }
#picture-container-2450 { display: block; margin: 0 auto; padding: 0; width: 1200px; height: 2450px; }
#picture-container-2650 { display: block; margin: 0 auto; padding: 0; width: 1200px; height: 2650px; }
#picture-container-2800 { display: block; margin: 0 auto; padding: 0; width: 1200px; height: 2800px; }
#picture-container-2930 { display: block; margin: 0 auto; padding: 0; width: 1200px; height: 2930px; }
#picture-container-3000 { display: block; margin: 0 auto; padding: 0; width: 1200px; height: 3000px; }
#picture-container-3130 { display: block; margin: 0 auto; padding: 0; width: 1200px; height: 3130px; }
#picture-container-3300 { display: block; margin: 0 auto; padding: 0; width: 1200px; height: 3300px; }
.products { background: url(../_Layout/BG-Products-small.jpg) no-repeat center top; }
.products-0 { background: url(../_Layout/BG-Products-small-0.jpg) no-repeat center top; }
.products-pickbag { background: url(../_Layout/BG-Products-small-PickBag.jpg) no-repeat center top; }
.products-pickbag-d { background: url(../_Layout/BG-Products-small-PickBag-d.jpg) no-repeat center top; }
.products-JAZZ { background: url(../_Layout/BG-Products-JAZZ-E.jpg) no-repeat center top; }
.products-JAZZ-d { background: url(../_Layout/BG-Products-JAZZ-D.jpg) no-repeat center top; }
.products-sticker { background: url(../_Layout/BG-Products-small-Sticker.jpg) no-repeat center top; }
.products-sticker-d { background: url(../_Layout/BG-Products-small-Sticker-d.jpg) no-repeat center top; }
.products-pick { background: url(../_Layout/BG-Products-small-Pick.jpg) no-repeat center top; }
.products-pick-d { background: url(../_Layout/BG-Products-small-Pick-d.jpg) no-repeat center top; }
.products-index-d { background: url(../_Layout/BG-Products-small-d.jpg) no-repeat center top; }
.music { background: url(../_Layout/BG-Music-small.jpg) no-repeat center top; }
.music-D { background: url(../_Layout/BG-Music-small-D.jpg) no-repeat center top; }
.music-E { background: url(../_Layout/BG-Music-small-E.jpg) no-repeat center top; }
.music-albums { background: url(../_Layout/BG-Music-small-Albums.jpg) no-repeat center top; }
.general { background: url(../_Layout/BG-General-small.jpg) no-repeat center top; }
.general-short { background: url(../_Layout/BG-General-small-short.jpg) no-repeat center top; }
.general-impressum { background: url(../_Layout/BG-General-small-Impressum.jpg) no-repeat center top; }
.general-shop { background: url(../_Layout/BG-General-small-Shop.jpg) no-repeat center top; }
.general-shop-soon { background: url(../_Layout/BG-General-small-shop2.jpg) no-repeat center top; }
.donotopen { background: url(../_Layout/BG-DoNotOpen-small.jpg) no-repeat center top; }

#hauptcontainer { display: block; margin: 0 auto; padding: 0; width: 1200px; }
#extension { display: block; margin: 0 auto; padding: 0; width: 1200px; background: url(../_Layout/BG-Repeat.jpg) repeat-y; }
#fuss { display: block; margin: 0 auto; padding: 0; width: 1200px; height: 100px; background: url(../_Layout/BG-Fuss.jpg) no-repeat; }


/*  HAUPTBEREICH
---------------*/
#content-container { display: block; padding-left: 58px; width: 1065px; }


/*  HAUPTBEREICH
----------------------NAVIGATION*/
#navigation-container { display: block; width: 270px; float: left; }
#container-oben { width: 270px; }
#container-unten { width: 270px; }
.einzug-li-23 { padding-left: 23px;}
#container-home { width: 270px; padding-top: 40px; height: 30px; color: #63798E; font: 12pt Verdana, Geneva, sans-serif; }
#container-home a { display: block; color: #AFA69D; text-decoration: none; }
#container-home a:hover { display: block; color: #FFF; outline: none; }

#navi-product { color: #B5D1E8; font: 14pt/95px Verdana, Geneva, sans-serif; letter-spacing: 0.1em; }
#navi-product a { display: block; color: #B5D1E8; text-decoration: none; height: 68px; font: bold 14pt/95px Verdana, Geneva, sans-serif; border-bottom: 2px solid #B5D1E8; }
#navi-product a.rot { display: block; color: #E70339; text-decoration: none; height: 68px; font: bold 14pt/95px Verdana, Geneva, sans-serif; border-bottom: 2px solid #E70339; padding-left: 23px; }
#navi-product a:hover { display: block; color: #E70339; outline: none; border-bottom: 2px solid #E70339; }
#navi-product span { display: block; height: 68px; color: #E70339; font: bold 14pt/95px Verdana, Geneva, sans-serif; letter-spacing: 0.1em; outline: none; border-bottom: 2px solid #E70339; }

#navi-music { color: #B5D1E8; font: 14pt/95px Verdana, Geneva, sans-serif; letter-spacing: 0.1em; }
#navi-music a { display: block; color: #B5D1E8; text-decoration: none; height: 68px; font: bold 14pt/95px Verdana, Geneva, sans-serif; border-bottom: 2px solid #B5D1E8; }
#navi-music a.rot { display: block; color: #E70339; text-decoration: none; height: 68px; font: bold 14pt/95px Verdana, Geneva, sans-serif; border-bottom: 2px solid #E70339; padding-left: 23px; }
#navi-music a:hover { display: block; color: #E70339; outline: none; }
#navi-music span { display: block; height: 68px; color: #E70339; font: bold 14pt/95px Verdana, Geneva, sans-serif; letter-spacing: 0.1em; outline: none; border-bottom: 2px solid #E70339; }

#navi-sub { padding-top: 20px; padding-bottom: 40px; width: 247px; color: #E70339; font: 12pt/25px Verdana, Geneva, sans-serif; letter-spacing: 0.1em; padding-left: 23px; }
#navi-sub a { color: #E70339; text-decoration: none; }
#navi-sub a:hover { color: #E70339; outline: none; text-decoration: underline; }
.underline { color: #E70339; outline: none; text-decoration: underline; }


#navi-second { color: #B5D1E8; font: 14pt/95px Verdana, Geneva, sans-serif; letter-spacing: 0.1em; }
#navi-second a { display: block; color: #B5D1E8; text-decoration: none; height: 68px; }
#navi-second a:hover { display: block; color: #E70339; outline: none; }
#navi-second span { display: block; height: 68px; color: #E70339; font: bold 14pt/95px Verdana, Geneva, sans-serif; letter-spacing: 0.1em; outline: none; border-bottom: 2px solid #E70339; }



/*  HAUPTBEREICH
----------------------CONTENT*/
#content { display: block; margin-left: 18px; width: 597px; float: left; }
#content2 { display: block; margin-left: 18px; width: 663px; float: left; }

#content-deutschnavi { display: block; width: 597px; height: 160px; float: left; }
.deutschnavi { padding-left: 17px; font: 12px Verdana, Geneva, sans-serif; }
.deutschnavi a { color: #000; text-decoration: none; }
.deutschnavi a:hover { color: #E70339; text-decoration: underline; }

.fliesstext { padding-left: 116px; font: 14px/26px Verdana, Geneva, sans-serif; }
.fliesstext a { color: #DF0436; text-decoration: underline; }
.fliesstext a:hover { color: #4B7716; text-decoration: underline; }

.fliesstext2 { padding-left: 50px; font: 14px/26px Verdana, Geneva, sans-serif; }
.fliesstext2 a { color: #DF0436; text-decoration: underline; }
.fliesstext2 a:hover { color: #4B7716; text-decoration: underline; }


/*  HAUPTBEREICH
----------------------TYPOGRAFIE*/
.h1-impression { font: bold 32px Verdana, Geneva, sans-serif; }
.h2-impression { font: 24px/35px Verdana, Geneva, sans-serif; }
.fusszeilentext {font: 10px/17px Verdana, Geneva, sans-serif; }
.bild-links-30 { margin-left: -30px; }
.bild-links-10 { margin-left: -10px; }
.text-blau { color: #20314F; }

.h1 { font: bold 32px/42px Verdana, Geneva, sans-serif; }
.h1red { font: bold 32px/42px Verdana, Geneva, sans-serif; color: #DF0436; }
.h1color { font: bold 32px/42px Verdana, Geneva, sans-serif; color: #063; }
.h1color2 { font: 32px/42px Verdana, Geneva, sans-serif; color: #063; }
.h2 { font: 24px/35px Verdana, Geneva, sans-serif; }
.h2bold { font: bold 24px/35px Verdana, Geneva, sans-serif; }
.h2boldred { font: bold 24px/35px Verdana, Geneva, sans-serif; color: #DF0436; }
.h2cap { text-transform: uppercase; font: 24px/35px Verdana, Geneva, sans-serif; }
.h2capbold { text-transform: uppercase; font: bold 24px/35px Verdana, Geneva, sans-serif; }
.h2capcolor { text-transform: uppercase; font: bold 24px/35px Verdana, Geneva, sans-serif; color: #DF0436; }
.cap { text-transform: uppercase; font: 14px/26px Verdana, Geneva, sans-serif; }
.capbold { text-transform: uppercase; font: bold 14px/26px Verdana, Geneva, sans-serif; }
.capbolditalic { text-transform: uppercase; font: bold italic 14px/26px Verdana, Geneva, sans-serif; }
.capboldcolor { text-transform: uppercase; font: bold 14px/26px Verdana, Geneva, sans-serif; color: #F00; }
.capitalic { text-transform: uppercase; font: italic 14px/26px Verdana, Geneva, sans-serif; }




/*  SHOP
---------------*/
#shop { display: block; margin-top: 104px; width: 60px; height: 50px; float: left; }
.shoptext { padding-left: 60px; font: 14px/45px Verdana, Geneva, sans-serif; }
.shoptext a { color: #D51F12; text-decoration: underline; }
.shoptext a:hover { color: #E70339; text-decoration: underline; }


/*  FOOTER
---------------*/
#berger-designare { padding-left: 58px; padding-top: 20px; font: 10px/17px Verdana, Geneva, sans-serif; color: #55636F; letter-spacing: 0.1em; width: 270px; float: left; }
#berger-designare a { color: #55636F; text-decoration: none; }
#berger-designare a:hover { color: #E70339; text-decoration: underline; }

#legal-notice { margin-right: 112px; padding-top: 20px; font: 10px/17px Verdana, Geneva, sans-serif; color: #B3B3B3; letter-spacing: 0.1em; width: 270px; float: right; text-align: right; }
#legal-notice a { color: #B3B3B3; text-decoration: none; }
#legal-notice a:hover { color: #E70339; text-decoration: underline; }
#legal-notice span { color: #E70339; text-decoration: underline; }