/* sounddesign - alessa - style.css */
/* general */
@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('DroidSans.ttf') format('truetype'),
}
* {
 margin:0;
 padding:0;
}
body, input, textarea {
 font-family:'Droid Sans', sans-serif;
 letter-spacing:0.02em;
 line-height:125%;
}
body {
 background:#01778F;
}
input, textarea {
 font-size:1em;
}
a {
 color:#333;
}
a:hover {
 text-decoration:none;
}
a img {
 border:none;
}
div#self-service-lite div a img {
 border-color:#efefef;
}


/* cookie bar */
#cookie-bar {
 background:#333; 
 height:auto; 
 color:#eeeeee; 
 text-align:left;
 font-size:0.9em;
}
#cookie-bar.fixed {
 position:fixed; 
 top:0; 
 left:0; 
 width:100%;
}
#cookie-bar.fixed.bottom {}
#cookie-bar p {
 padding:4px 60px 6px 8px;
}
#cookie-bar a {
 color:#eeeeee; 
}
#cookie-bar .cb-enable {
 margin-right:8px;
}
#cookie-bar .cb-enable:hover {}
#cookie-bar .cb-disable {}
#cookie-bar .cb-disable:hover {}
#cookie-bar .cb-policy {}
#cookie-bar .cb-policy:hover {}


#printhead {
 display:none;
}
#gtx-trans {display:none ! important;}

/* sprachen */
/*
body.ssl-deutsch .ssl-english-content {display:none; }
body.ssl-english .ssl-deutsch-content {display:none; }

body.ssl-deutsch div.ssl_admin .ssl-english-content {
 display:block;
 color:#c3f;
}

body.ssl-english div.ssl_admin .ssl-deutsch-content {
 display:block;
 color:#c3f;
}
*/

div#transl {
 height:30px;
}

img.goog-te-gadget-icon {display:none;}
.goog-te-gadget-simple {
 margin: 0 0 0 10px;
 border:1px solid #333 ! important;
}

/* head */
div#head {
 height:230px;
}
/* head content */
div#head-content {
 margin:0 auto;
 position:relative;
 width:1050px;
}
div#head-content h1 {
 text-indent:-5000px;
 height:230px;
 background:url(images/alessa-logo.png) no-repeat 0 50px;
}

/* main wrapper */
div#main-wrapper {
 padding:50px 0;
 background:#fff;
}
/* main container */
div#main {
 zoom:1;/* autoclear IE */
 margin:0 auto;
 position:relative;
 width:1050px;
 background:#fff;
}
div#main:after {content:" "; display:block; height:0; clear:both; visibility:hidden;}


/* menue */
div#menue {
 float:left;
 width:200px;
}

/* mini cart */
#minicart {
 width:173px;
 border:1px solid #01778F; /* ##################### */
 background:#B2D6DD; /* ##################### */
 padding-bottom:7px;
 margin-bottom:10px;
}
#minicart h5 {
 background:#01778F; /* ##################### */
 color:#fff;
 font-size:14px;
 padding:6px 15px;
}
#minicart p {
 padding:12px 15px 6px 15px;
}
#minicart a {
 text-decoration:none;
 font-weight:bold;
 font-size:14px;
 padding:10px 0 10px 44px;
 display:block; 
 background:url(images/warenkorb-1.png) no-repeat 12px 4px;
 transition: background-color 0.5s;
}
#minicart a:hover {
 background:url(images/warenkorb-1.png) no-repeat 12px -96px #01778F; /* ##################### */
 color:#fff;
}


#mainmenue { 
 width:173px;
 border:1px solid #01778F;
 background:#B2D6DD;
 margin-bottom:10px;
 padding:15px 0 10px 0;
}

ul.sub1 {
	list-style-type:none;
 padding-bottom:20px;
 }
ul.sslmenue {
 list-style-type:none;
}
ul.sslmenue li a {
 display:block;
 font-weight:bold;
 text-decoration:none;
 padding:3px 10px 3px 25px;
 transition: background 0.5s;
}
ul.sslmenue li.nobold a {
 font-weight:normal;
 font-size:0.9em;
 padding:1px 10px 1px 25px;
}
ul.sslmenue li a:hover {
 background:#80BBC7;
}

ul.sslmenue li a.sslmenueactive,
ul.sslmenue li a.sslmenueactive:hover {
 text-decoration:none;
 background:#01778F;
 color:#fff;
}
ul.sslmenue li li a {
 font-weight:normal;
 padding:2px 0 2px 20px;
 border:none;
 border-top:1px solid #fff;
}
ul.sslmenue li li li a {
 padding-left:30px;
}
ul.sslmenue li li li li a {
 padding-left:40px;
}
ul.sslmenue li li li li li a {
 padding-left:50px;
}


/* suche */
form.ssl_searchform {
 height:33px;
}
form.ssl_searchform fieldset input.sslsearchinput { 
 margin-left:10px;
 padding-left:5px;
 width:119px;
 height:19px;
}
form.ssl_searchform fieldset input.sslsearchbutton {
 width:26px;
 height:24px;
 padding:0;
 text-indent:-500px;
 background:url(images/suche.png) no-repeat 2px 2px #fff;
    
}







/* sprachwahl */
#lang {
 height:20px;
}
#lang a {
 display:block;
 float:left;
 text-decoration:none;
 font-size:0.9em;
}
#lang a:hover {
 background:#80BBC7; /* ##################### */
}
#lang a.deutsch {
 width:56px;
 padding:1px 5px 1px 25px;
 margin-right:1px;
}
#lang a.english {
 width:76px;
 padding:1px 5px 1px 5px;
}
#lang a.langaktiv,
#lang a.langaktiv:hover {
 color:#fff; 
 background:#01778F; /* ##################### */
}


/* social bar */
 ul.socialbar {
		padding:0 0 0 17px;
		height:45px;
 }
 ul.socialbar li {
		list-style-type:none;
		float:left;
		width:35px;
 }
 ul.socialbar li a {
		display:block;
		width:32px;
		height:32px;
		float:left;
		text-decoration:none; 
		opacity:0.4;
		transition: opacity 0.6s;
 }
 ul.socialbar li a:hover {
		opacity:1;
 }
 ul.socialbar li a.ssl-share-fb {
		background:url(images/buttons.png) no-repeat 0 -550px;
 } 
 ul.socialbar li a.ssl-share-fb:hover {
		background:url(images/buttons.png) no-repeat 0 -500px;
 }
 ul.socialbar li a.ssl-share-tw {
		background:url(images/buttons.png) no-repeat 0 -650px;
 }
 ul.socialbar li a.ssl-share-tw:hover {
		background:url(images/buttons.png) no-repeat 0 -600px;
 }
 ul.socialbar li a.ssl-share-go {
		background:url(images/buttons.png) no-repeat 0 -750px;
 }
 ul.socialbar li a.ssl-share-go:hover {
		background:url(images/buttons.png) no-repeat 0 -700px;
 }
 ul.socialbar li a.ssl-share-pi {
		background:url(images/buttons.png) no-repeat 0 -850px;
 }
 ul.socialbar li a.ssl-share-pi:hover {
		background:url(images/buttons.png) no-repeat 0 -800px;
 }





/* sidebar */
.sslsb-brandnew {
 width:173px ! important;
 border:1px solid #01778F;
}
.sslsb-brandnew h5 {
 background:#01778F;
 color:#fff;
 font-size:14px;
 padding:6px 15px;
}
div.self-service-lite-sidebar div.sslsb-brandnew a img {
 border:none;
 padding:0;
 margin:15px auto ! important;
}





/* content */
div#self-service-lite {
 float:left;
 width:850px;
 padding:5px 0 0 0;
 background:#fff;
 zoom:1;
}
div#self-service-lite:after {content:" "; display:block; height:0; clear:both; visibility:hidden;}

/* cds */
.cd { 
}
.cd .cd-description .sslheadline {
 background:url(images/oeffner-schliesser.png) no-repeat 680px 15px;
}
.cd .cd-description .sslheadline:hover {
 background:url(images/oeffner-schliesser.png) no-repeat 680px -185px;
}


.cd-aktiv { 
 background:url(images/cd-aktiv.jpg) repeat-y;
 padding-bottom:45px;
 margin-bottom:25px;
}
div#i5a86ae7407d82.cd-aktiv { 
 background:#fff;
 background-image:none;
 padding:0;
}
.cd-aktiv .cd-description .sslheadline {
 background:url(images/oeffner-schliesser.png) no-repeat 553px -485px;
}
.cd-aktiv .cd-description .sslheadline:hover {
 background:url(images/oeffner-schliesser.png) no-repeat 553px -685px;
}



/* ### cd facts */
.cd-facts {
 padding:15px; /* jquery-paddings */
}
.cd-facts img {
 border:1px solid #cecece;
}

/* buttonbar */
div#self-service-lite div.cd-facts-grafix ul.buttonbar {
 clear:both;
 margin:0;
 padding:0;
 height:35px;
}
div#self-service-lite div.cd-facts-grafix ul.buttonbar li {
 list-style-type:none;
 float:left;
 width:37px;
 height:32px;
}
div#self-service-lite div.cd-facts-grafix ul.buttonbar li a {
 display:block;
 width:32px;
 height:32px;
 text-indent:-5000px;
 opacity:0.5;
	transition: opacity 0.6s;
}
div#self-service-lite div.cd-facts-grafix ul.buttonbar li a:hover {
 opacity:1;
}
div#self-service-lite div.cd-facts-grafix ul.buttonbar li.youtubelink a {
 background:url(images/buttons.png) no-repeat 0 -50px;
}
div#self-service-lite div.cd-facts-grafix ul.buttonbar li.youtubelink a:hover {
 background:url(images/buttons.png) no-repeat 0 0;
}
div#self-service-lite div.cd-facts-grafix ul.buttonbar li.homelink a {
 background:url(images/buttons.png) no-repeat 0 -150px;
}
div#self-service-lite div.cd-facts-grafix ul.buttonbar li.homelink a:hover {
 background:url(images/buttons.png) no-repeat 0 -100px;
}
div#self-service-lite div.cd-facts-grafix ul.buttonbar li.downloadlink a {
 background:url(images/buttons.png) no-repeat 0 -250px;
}
div#self-service-lite div.cd-facts-grafix ul.buttonbar li.downloadlink a:hover {
 background:url(images/buttons.png) no-repeat 0 -200px;
}
div#self-service-lite div.cd-facts-grafix ul.buttonbar li.galerielink a {
 background:url(images/buttons.png) no-repeat 0 -350px;
}
div#self-service-lite div.cd-facts-grafix ul.buttonbar li.galerielink a:hover {
 background:url(images/buttons.png) no-repeat 0 -300px;
}
div#self-service-lite div.cd-facts-grafix ul.buttonbar li.salesheetlink a {
 background:url(images/buttons.png) no-repeat 0 -450px;
}
div#self-service-lite div.cd-facts-grafix ul.buttonbar li.salesheetlink a:hover {
 background:url(images/buttons.png) no-repeat 0 -400px;
}


.cd-facts form {} /* shop */
div#self-service-lite div.sslshopitem form span.sslshopitemnr {
 display:none ! important;
}
body.ssl_admin div#self-service-lite div.sslshopitem form span.sslshopitemnr {
 display:block ! important;
}

div#self-service-lite div.sslshopitem form input.sslshoporderbutton {
 width:56px;
 height:36px;
 background:url(images/warenkorb-1.png) no-repeat 10px 4px #fff;
	transition: background-color 0.6s;
 border:1px solid #999;
 padding:0;
}
div#self-service-lite div.sslshopitem form input.sslshoporderbutton:hover {
 background:url(images/warenkorb-1.png) no-repeat 10px -96px #a4a4a4;
 cursor:pointer;
}

div#self-service-lite div.sslshopitem form p.sslshopprice {
 font-weight: bold;
 padding: 0 10px 0 0;
 text-align: right;
 font-size:20px;
 line-height:36px;
}

div#self-service-lite div.sslshopitem form .sslshopnote { /* inkl mwst + versand */
 font-size:0.9em;
}





div.cd-facts .cd-credits {
 font-style:italic;
 width:220px;
 padding:15px 0 0 0;
 text-align:left;
 font-size:0.9em;
}



/* ### beschreibung */
.cd-description {
}
.cd-description .sslheadline {
 padding:15px 15px 0 0;
}
.cd-description .sslheadline:hover {
 cursor:pointer;
}
.cd-description .sslheadline h2 {
 font-size:20px;
 padding:0 25px 12px 0;
 line-height:normal;
}

/* itunes player */
.tracklist-itunes { /* loading ani */
 background:url(images/loading.gif) no-repeat 150px 150px;
}
iframe.itunesplayer {
 margin:0 0 10px 25px;
}


/* contact */
#map_canvas input#address {
 width:105px ;
}
div#self-service-lite table.sslformtab td.sslformtabright input, 
div#self-service-lite table.sslformtab td.sslformtabright textarea {
 padding:6px 3px;
}

div#self-service-lite table.sslformtab td.sslformtabright input.sslformbutton {
 padding:5px 25px;
}


/* footer */
div#footer {
 clear:both;
 float:none;
 zoom:1;
}
div#footer:after {content:" "; display:block; height:0; clear:both; visibility:hidden;}

#footer #footer-content {
 margin:0 auto;
 width:1050px;
 padding:35px 0 125px 0;
 color:#fff;
}
#footer #footer-content a {
 color:#fff;
}





/* ##################### FARBEN ########################## */

/* #### alessa jazz and art #### */
body.alessa-jazz-art div#head-content h1 {
 background:url(images/alessa-logo-jazz.png) no-repeat 0 50px;
}
body.alessa-jazz-art,
body.alessa-jazz-art #lang a.langaktiv,
body.alessa-jazz-art #lang a.langaktiv:hover,
body.alessa-jazz-art .sslsb-brandnew h5,
body.alessa-jazz-art ul.sslmenue li a.sslmenueactive,
body.alessa-jazz-art ul.sslmenue li a.sslmenueactive:hover,
body.alessa-jazz-art #minicart h5 {
 background:#A67A68; /* 100% */
}
body.alessa-jazz-art #mainmenue,
body.alessa-jazz-art .sslsb-brandnew,
body.alessa-jazz-art #minicart {
 border-color:#A67A68;/* 100% */
}
body.alessa-jazz-art ul.sslmenue li a:hover,
body.alessa-jazz-art #lang a:hover {
 background:#D2BCB3; /* 50% */
}
body.alessa-jazz-art #mainmenue,
body.alessa-jazz-art #minicart {
 background:#E4D7D1; /* 30% */
}
body.alessa-jazz-art #minicart a:hover {
 background-color:#A67A68;
}


/* #### alessa blues and roots ### */
body.alessa-blues-roots div#head-content h1 {
 background:url(images/alessa-logo-blues.png) no-repeat 0 50px;
}
body.alessa-blues-roots,
body.alessa-blues-roots #lang a.langaktiv,
body.alessa-blues-roots #lang a.langaktiv:hover,
body.alessa-blues-roots .sslsb-brandnew h5,
body.alessa-blues-roots ul.sslmenue li a.sslmenueactive,
body.alessa-blues-roots ul.sslmenue li a.sslmenueactive:hover,
body.alessa-blues-roots #minicart h5 {
 background:#778C71; /* 100% */
}
body.alessa-blues-roots #mainmenue,
body.alessa-blues-roots .sslsb-brandnew,
body.alessa-blues-roots #minicart {
 border-color:#778C71;/* 100% */
}
body.alessa-blues-roots ul.sslmenue li a:hover,
body.alessa-blues-roots #lang a:hover {
 background:#BBC5B8; /* 50% */
}
body.alessa-blues-roots #mainmenue,
body.alessa-blues-roots #minicart {
 background:#D6DCD4; /* 30% */
}
body.alessa-blues-roots #minicart a:hover {
 background-color:#778C71;
}


/* #### alessa world music ### */
body.alessa-world-music div#head-content h1 {
 background:url(images/alessa-logo-world.png) no-repeat 0 50px;
}
body.alessa-world-music,
body.alessa-world-music #lang a.langaktiv,
body.alessa-world-music #lang a.langaktiv:hover,
body.alessa-world-music .sslsb-brandnew h5,
body.alessa-world-music ul.sslmenue li a.sslmenueactive,
body.alessa-world-music ul.sslmenue li a.sslmenueactive:hover,
body.alessa-world-music #minicart h5 {
 background:#FF8951; /* 100% */
}
body.alessa-world-music #mainmenue,
body.alessa-world-music .sslsb-brandnew,
body.alessa-world-music #minicart {
 border-color:#FF8951;/* 100% */
}
body.alessa-world-music ul.sslmenue li a:hover,
body.alessa-world-music #lang a:hover {
 background:#FFC4A8; /* 50% */
}
body.alessa-world-music #mainmenue,
body.alessa-world-music #minicart {
 background:#FFDBCA; /* 30% */
}
body.alessa-world-music #minicart a:hover {
 background-color:#FF8951;
}


/* #### alessa classica ### */
body.alessa-classica div#head-content h1 {
 background:url(images/alessa-logo-classica.png) no-repeat 0 50px;
}
body.alessa-classica,
body.alessa-classica #lang a.langaktiv,
body.alessa-classica #lang a.langaktiv:hover,
body.alessa-classica .sslsb-brandnew h5,
body.alessa-classica ul.sslmenue li a.sslmenueactive,
body.alessa-classica ul.sslmenue li a.sslmenueactive:hover,
body.alessa-classica #minicart h5 {
 background:#A97370; /* 100% */
}
body.alessa-classica #mainmenue,
body.alessa-classica .sslsb-brandnew,
body.alessa-classica #minicart {
 border-color:#A97370;/* 100% */
}
body.alessa-classica ul.sslmenue li a:hover,
body.alessa-classica #lang a:hover {
 background:#D4B9B7; /* 50% */
}
body.alessa-classica #mainmenue,
body.alessa-classica #minicart {
 background:#E5D5D4; /* 30% */
}
body.alessa-classica #minicart a:hover {
 background-color:#A97370;
}