/******************************************************************************
 *                                                                    2010-12 *
 * Project | PHONAK Lyric 2010                                                *
 * Author  | Susanna Schneider <s.schneider@21torr.com>                       *
 *                                                                            *
 * Package | Screen                                                           *
 ******************************************************************************/

/*********************************** general **********************************/
 
.clear {
  clear: both !important;
  height: 1px !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 1px !important;
  line-height: 1px !important;
  float: none !important;
  border: none !important;
}

body {
  font: 14px Arial, Helvetica, sans-serif !important;
  color: #000;
  margin: 20px 0 auto 0;
  padding: 0;
}

div, p, ul, ol, form, input, select, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  color: #000;
}

a {
  color: #000;
	text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

:focus {
  outline: none;
}

img { 
  border: 0;
}

fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

.hidden_field {
  display: none !important;
}

div#wrapper-outer {
  width: 990px;
  margin: 0 auto;
	padding: 0 5px;
  position: relative;
	
  z-index: 98;
}

div#wrapper-main {
 
	position: relative;
	overflow: hidden;
  min-height: 450px;
}

i a,
.subBack a {
  color: #584d3f;
	float: left;
  background: url(images/overview.png) 0 0 no-repeat;
	padding: 0 0 0 66px;	
	position: absolute;
	left: 0;
	top: 36px;
	font-style: normal;
}

i a:hover,
.subBack a:hover {
  background-position: 0 -19px;
	text-decoration: none;
}

.csc-textpic-text b a {
  font-weight: bold;
	font-style: normal;
	color: #201F1F;
	background: url(images/arrow.grey.double.left.png) 0 0 no-repeat;
	padding: 2px 0 4px 29px;
	display: block;
	float: left;
	margin: 20px 0 0 0;
}

#zoom-right {
  float: right;
  padding-top: 9px;
}

body#page-42 #zoom-right {
	display: none;
}

/*********************************** header ***********************************/

#header {
  	height: 90px;
  	width: 990px;
	padding:0;
  	margin: 0 auto;
	background-image:url(images/bg.header.png);
	background-position:top center;
	background-repeat:no-repeat;
  	position: relative;
  	z-index: 99;
}

#shadow-header {
	width: 990px;
	height: 10px;
	background: url(images/shadow.header.png) 0 0 repeat-x;
	position: absolute;
	top: 90px;
	left: 0px;
	z-index: 999999;
}

#logo {
  float: right;
  padding-top: 25px;
}

/********************************* language-nav ********************************/

#language-nav ul {
  list-style-type: none;
  overflow: hidden;
  margin: 0 0 15px 0;
  height: 11px;
}

#language-nav ul li {
  display: block;
  float: left;
  padding: 0 15px 0 0;
	background: url(images/lang.trenner.gif) right 0 no-repeat;
}

#language-nav ul li.last,
.lang-1 #language-nav ul li#lang3,
.lang-0 #language-nav ul li#lang3,
.lang-2 #language-nav ul li#lang1{
	background: none;
  padding: 0 15px 0 15px;
}

#page-35.lang-0 #language-nav ul li#lang1,
#page-35.lang-1 #language-nav ul li#lang2 {
  padding: 0 15px 0 0;
}

#language-nav ul li a {
  display: block;
	height: 11px;
	overflow: hidden;
	text-indent: -2000px;
}

#language-nav ul li#lang1 a { background: url(images/lang.deutsch.png) 0 0 no-repeat; width: 39px; }
#language-nav ul li#lang2 a { background: url(images/lang.english.png) 0 0 no-repeat; width: 35px; }
#language-nav ul li#lang3 a { background: url(images/lang.francais.png) 0 0 no-repeat; width: 40px; }

#language-nav ul li a:hover { background-position: 0 -11px !important; }

/*********************************** main-nav **********************************/

#main-nav { /* unique logos and contact us area */
  float: left;
  padding:0;
  margin:0;
  width:471px;
  height:90px;
}

#main-nav ul {
  list-style-type: none;
	clear: both;
	overflow: hidden;
}

#main-nav ul li {
  display: block;
	float: left;
	padding: 0 40px 0 0;
}

#main-nav ul li a {
  display: block;
	height: 15px;
	overflow: hidden;
	text-indent: -2000px;
}

#main-nav ul li#mn1 a { background: url(images/de.mn1.png) 0 0 no-repeat; width: 41px; }
#main-nav ul li#mn2 a { background: url(images/de.mn2.png) 0 0 no-repeat; width: 87px; }
#main-nav ul li#mn3 a { background: url(images/de.mn3.png) 0 0 no-repeat; width: 92px; }
#main-nav ul li#mn4 a { background: url(images/de.mn4.png) 0 0 no-repeat; width: 85px; }
#main-nav ul li#mn5 a { background: url(images/de.mn5.png) 0 0 no-repeat; width: 51px; }

#main-nav ul#en li#mn1 a { background: url(images/en.mn1.png) 0 0 no-repeat; width: 40px; }
#main-nav ul#en li#mn2 a { background: url(images/en.mn2.png) 0 0 no-repeat; width: 85px; }
#main-nav ul#en li#mn3 a { background: url(images/en.mn3.png) 0 0 no-repeat; width: 84px; }
#main-nav ul#en li#mn4 a { background: url(images/en.mn4.png) 0 0 no-repeat; width: 85px; }
#main-nav ul#en li#mn5 a { background: url(images/en.mn5.png) 0 0 no-repeat; width: 86px; }

#main-nav ul#fr li#mn1 a { background: url(images/fr.mn1.png) 0 0 no-repeat; width: 49px; }
#main-nav ul#fr li#mn2 a { background: url(images/fr.mn2.png) 0 0 no-repeat; width: 124px; }
#main-nav ul#fr li#mn3 a { background: url(images/fr.mn3.png) 0 0 no-repeat; width: 124px; }
#main-nav ul#fr li#mn4 a { background: url(images/fr.mn4.png) 0 0 no-repeat; width: 55px; }
#main-nav ul#fr li#mn5 a { display: none; }

#main-nav ul#en_ca li#mn1 a { background: url(images/en.mn1.png) 0 0 no-repeat; width: 40px; }
#main-nav ul#en_ca li#mn2 a { background: url(images/en.mn2.png) 0 0 no-repeat; width: 85px; }
#main-nav ul#en_ca li#mn3 a { background: url(images/en.mn3.png) 0 0 no-repeat; width: 84px; }
#main-nav ul#en_ca li#mn4 a { background: url(images/en.mn4.png) 0 0 no-repeat; width: 85px; }
#main-nav ul#en_ca li#mn5 a { background: url(images/en.mn5.png) 0 0 no-repeat; width: 86px; }

#main-nav ul li a:hover {
  background-position: 0 -15px !important;
}

#main-nav ul li a.active {
  background-position: 0 -30px !important;
}

/*********************************** home **********************************/

#slogan-home {
  position: absolute;
	left: 156px;
	top: 117px;
}

.lang-1 #slogan-home {
  position: absolute;
	left: 149px;
	top: 119px;
}

.lang-1 #slogan-home img {
  width: 238px;
	height: 175px;
}

#teaser-home {
  position: absolute;
	right: 36px;
	top: 40px;
	width: 450px;
  overflow: hidden;
}

#teaser-home div {
  float: left;
}

#teaser-home a {
  float: left;
}

#teaser-home .csc-textpic-intext-right img {
  margin: 0 26px 29px 0;
}

#fb-home {
  position: absolute;
	right: 48px;
	bottom: 81px;
	color: #444;
	width: 438px;
	padding: 28px 0 0 0;
  text-align: center;
	background: url(images/stitch.line.png) 0 0 no-repeat;
}

#fb-home  img{
  vertical-align: top;
	margin: -2px 0 0 3px;
}

/****************************** content-center *****************************/

#content_center {
  text-align: left;
	padding: 34px 0 50px 0;
	width: 515px;
	margin: 0 auto 30px auto;
	line-height: 1.35em;
}

#content_center h1 {
  font-weight: normal;
	text-align: left;
	line-height: 1.2em;
	font-size: 27px;
}

#content_center .csc-textpic-center .csc-textpic-imagewrap {
  margin: 0 auto;
}

#content_center .tx-dmailsubscription-pi1 p {
  text-align: left;
	margin: 26px 0 22px 0;
}

#content_center .csc-textpic-center ul {
  list-style-type: none;
}

#content_center .csc-textpic-text {
  text-align: left;
}

#content_center .csc-textpic-text h1,
#content_center .csc-textpic-text h4 {
  font-size: 1.5em;
	font-weight: normal;
	margin: 32px 0 8px 0;
}

#content_center table td {
  vertical-align: top;
	text-align: left;
	padding: 4px 0;
}

#content_center table td strong {
  display: block;
	margin-right: 40px;
}

#content_center .divider {
  height: 1px;
	margin: 5px 0 3px 0;
	background: url(images/bg.dotted.png) 0 0 no-repeat;
}

#hoertest {
  background: url(images/bg.hoertest.png) top center no-repeat;
  margin: 43px 0 0 0;
  height: 479px;
  text-align: center;
  padding: 4px 0 43px 16px;
}

.back-button {
  margin: 24px 0 0 0;
  line-height: 1.35em;
  display: block;
  height: 30px;
  width: 150px;
}

.back-button a {
	background: url(images/overview.png) no-repeat 0px 0px;
	color: #584D3F;
	float: left;
	font-style: normal;
	left: -15px;
	padding: 0px 0px 0px 66px;
	position: absolute;
	top: 32px;
	text-decoration: none;
	line-height: 1.35em;
}

.back-button a:hover {
  background-position: 0 -19px;
  text-decoration: none;
}

/********************************* content left *******************************/

body.tmpl-90 #content_left {
  width: 100px;
  float: left;
}

#content_left .Default ul {
  padding: 0 0 0 16px;
  line-height: 20px;
}

body.tmpl-40 #content_left {
  width: 394px;
  float: left;
  margin: 0 -84px 50px 37px;
}

body.tmpl-40 #content_left h1 {
  font-size: 34px;
  line-height: 40px;
  font-weight: normal;
  margin: 32px 0 19px 0;
}

body.tmpl-40 #content_left p.bodytext {
  line-height: 20px;
}

body.tmpl-40 #content_left form {
  margin: 25px 0 0 0;
}

body.tmpl-40 #content_left label {
  float: left;
  display: block;
  width: 118px;
  padding: 5px 0 0 0;
}

body.tmpl-40 #content_left input, .nearyou select {
  float: left;
  display: block;
  color: #908271;
  border: 1px solid #cfcbc9;
  width: 229px;
  font-family: Arial;
  font-size: 14px;
  padding: 4px 5px 4px 11px;
  margin: 0 0 0 2px;
}

.nearyou input.checkbox {
    margin: 8px 0 0 2px !important;
    width: 13px !important;
}

.nearyou label.checkbox {
    padding: 5px 0 0 10px !important;
    width: 340px !important;
}

body.tmpl-40 #content_left select {
  width: 247px;
  padding: 3px 4px 4px 8px;
}

body.tmpl-40 #content_left input.send {
  float: right;
  background: url(images/btn.send.de.gif) 0 0 no-repeat;
  border: none;
  height: 44px;
  width: 150px;
  margin: 29px 26px 0 0;
  padding: 0;
  cursor: pointer;
}

body.lang-0 #content_left input.send { background: url(images/btn.send.en.gif); width: 88px; }
body.lang-2 #content_left input.send { background: url(images/btn.send.fr.gif); width: 119px; }
body.lang-3 #content_left input.send { background: url(images/btn.send.en.gif); width: 88px; }

body.tmpl-40 #content_left .error {
  border: 1px solid #c81414;
}

body.tmpl-40 #content_left input.send:hover {
  background-position: 0 -44px;
}

.dealer {
  line-height: 20px;
  margin-bottom: 20px !important;
}

form#tt_address_form {
  background: url(images/bg.newsletter.png) 0 0 no-repeat;
  height: 178px;
  padding: 24px 0 78px 257px;
}

form#tt_address_form label {
    color: #908271;
    display: block;
}

form#tt_address_form input {
  border: 1px solid #CFCBC9;
  color: #908271;
  font-family: Arial;
  font-size: 14px;
  height: 25px;
  margin: 2px 0 5px;
  padding: 0 5px 0 13px;
  width: 180px;
}

form#tt_address_form input.error {
  border: 1px solid #F10000;
}

form#tt_address_form select.error {
  border: 1px solid #F10000;
}

form#tt_address_form select {
  border: 1px solid #CFCBC9;
  color: #908271;
  height: 27px;
  margin: 0;
  padding: 4px 4px 4px 10px;
  width: 200px;
}

form#tt_address_form  input.abo {
  background: url(images/btn.send.de.gif) 0 0 no-repeat;
  width: 149px;
  height: 44px;
  display: block;
  margin: 26px 0 0 28px;
  border: none;
}

body.lang-0 form#tt_address_form input.abo {
  background: url(images/btn.send.en.gif) 0 0 no-repeat;
  width: 88px;
  margin: 26px 0 0 84px;
}

body.lang-2 form#tt_address_form input.abo {
  background: url(images/btn.send.fr.gif) 0 0 no-repeat;
  width: 119px;
  margin: 26px 0 0 70px;
}

body.lang-3 form#tt_address_form input.abo {
  background: url(images/btn.send.en.gif) 0 0 no-repeat;
  width: 88px;
  margin: 26px 0 0 84px;
}

span.error_hidden  {
  display: none;
}

span.dmail_error {
  color: #ff0000;
  display: block;
}

span.error {
  color: #ff0000;
  display: block;
}

div.error {
  color: #ff0000;
  display: block;
}

input.dmail_error, select.dmail_error, textarea.dmail_error {
  border: 1px solid red !important;
}

/********************************* content right *******************************/

/******************************** tell a friend ******************************/

#suggest_intro_part {
  float: right;
	width: 324px;
	padding: 0 20px 0 0;
}

#tellTxt h1,
#tellTxt2 h1 {
  font-size: 34px;
	line-height: 40px;
  font-weight: normal;
  margin: 32px 0 19px 0;
}

#tellTxt p.bodytext,
#tellTxt2 p.bodytext {
  line-height: 20px;
}

div.suggest1 {
  background: url(images/bg.tell1.png) 0 33px no-repeat;
  float: left;
  height: 464px;
  margin: 40px 0 0 0;
  width: 599px;
}

div.suggest1 a.browse {
  position: absolute;
	top: 390px;
	cursor: pointer;
}

div.suggest1 a.left {
	right: 469px;
}

div.suggest1 a.right {
	right: 414px;
}

div.suggest1 #text p {
  font-size: 14px;
	color: #776d62;
	position: absolute;
	top: 403px;
	left: 468px;
	line-height: 20px;
	padding: 33px 0 0 24px;
	background: url(images/stitch.01.png) 0 0 no-repeat;
}

div.suggest1 #text p  span{
  font-size: 16px;
}

div.suggest1 #facebook_link {
  position: absolute;
  top: 321px;
  left: 39px;
  display: block;
  width: 150px;
  height: 21px;
  padding: 118px 0 0 142px;
  color: #776D62;
  background: url(images/stitch.fb.png) 0 0 no-repeat;
}

div.suggest1 #facebook_link:hover {
  color: #000;
  text-decoration: none;
}

#suggest_send_link a {
  display: block;
	background: url(images/btn.weiterzurtexteingabe.de.gif) no-repeat;
  width: 253px;
  height: 44px;
	text-indent: -2000px;
  margin: 25px 0 0 0;
}

body.lang-0 #suggest_send_link a { background: url(images/btn.weiterzurtexteingabe.en.gif) no-repeat; width: 245px; }
body.lang-2 #suggest_send_link a { background: url(images/btn.weiterzurtexteingabe.fr.gif) no-repeat; width: 184px; }
body.lang-3 #suggest_send_link a { background: url(images/btn.weiterzurtexteingabe.en.gif) no-repeat; width: 245px; }

#suggest_send_link.step2 a {
	background: url(images/btn.vorschau.de.gif) no-repeat;
  width: 162px;
}

body.lang-0 #suggest_send_link.step2 a { background: url(images/btn.vorschau.en.gif) no-repeat; width: 114px; }
body.lang-2 #suggest_send_link.step2 a { background: url(images/btn.vorschau.fr.gif) no-repeat; width: 108px; }
body.lang-3 #suggest_send_link.step2 a { background: url(images/btn.vorschau.en.gif) no-repeat; width: 114px; }

#suggest_send_link.step3 a {
  background: url(images/btn.verschicken.de.gif) no-repeat;
  width: 150px;
}

body.lang-0 #suggest_send_link.step3 a { background: url(images/btn.send.en.gif) no-repeat; width: 88px; }
body.lang-2 #suggest_send_link.step4 a { background: url(images/btn.send.fr.gif) no-repeat; width: 119px; }
body.lang-3 #suggest_send_link.step4 a { background: url(images/btn.send.en.gif) no-repeat; width: 88px; }

#suggest_send_link.step3 .back-link {
  overflow: hidden;
  margin: 6px 0 0 -4px;
}

#suggest_send_link.step3 .back-link a {
  font-weight: bold;
	color: #201F1F;
	background: url(images/arrow.grey.double.left.png) 0 0 no-repeat !important;
	padding: 2px 0 4px 29px;
	float: left;
	margin: 20px 0 0 0;
  width: auto !important;
  height: auto;
  text-indent: 0;
}

#suggest_send_link a:hover {
  background-position: 0 -44px !important;
}

#suggest_send_link.step3 .back-link a:hover {
  background-position: 0 0 !important;
}

#step1 {
  margin-bottom: 82px;
  overflow: hidden;
}

form.suggest2 {
  background: url(images/bg.tell2.png) 0 0 no-repeat;
  color: #584D3F;
  float: left;
  height: 394px;
  margin: 40px 0 0 0;
  width: 598px;
  padding: 27px 0 0 0;
}

form.suggest2 #field1 {
  float: left;
  width: 255px;
  margin-left: 22px;
	position: relative;
}

form.suggest2 #field2 {
  float: left;
  width: 275px;
}

form.suggest2 label {
  display: block;
  color: #908271;
}

form.suggest2 input {
  color: #908271;
  border: 1px solid #cfcbc9;
  width: 211px;
  height: 25px;
  font-family: Arial;
  font-size: 14px;
  padding: 0 5px 0 13px;
  margin: 2px 0 5px 0;
}

form.suggest2 input#email_recipient {
  margin: 2px 0 12px 0;
}

form.suggest2 textarea.error,
form.suggest2 input.error {
  border: 1px solid #ff0000;
}

form.suggest2 textarea {
  color: #908271;
  border: 1px solid #cfcbc9;
  width: 253px;
  height: 176px;
  font-family: Arial;
  font-size: 14px;
  padding: 4px 4px 4px 13px;
  margin: 2px 0 0 0;
}

form.suggest2 #field1 p {
  width: 232px;
  text-align: center;
	position: absolute;
	top: 327px;
  color: #908271;
}

form.suggest2 #field1 p#error_msg {
  color: #ff0000;
  top: 415px;
}

form.suggest3 {
  background: url(images/suggest3.bottom.png) 30px bottom no-repeat;
  overflow: hidden;
}

#small-scroller {
  position: relative;
  margin: 24px 0;
  padding: 0 0 0 41px;
}

#small-scroller .browse {
  position: absolute;
  top: 32px;
  cursor: pointer;
}

#small-scroller .left {
  left: 0;
}

#small-scroller .right {
  right: 24px;
}

#extra {
  position: absolute;
  top: 286px;
  left: 288px;
  width: 200px;
  height: 78px;
  padding: 42px 0 0 85px;
  background: url(images/stitch.02.png) 0 0 no-repeat;
}

#extra p {
  color: #776D62;
}

#extra p span {
  font-size: 17px;
}

#extra p span.small {
  font-size: 12px;
}

.hideTxt,
#step3Txt {
  display: none;
}

#card {
  float: left;
  width: 370px;
  min-height: 470px;
  background: url(images/bg.tell3.card.de.png) 0 0 no-repeat;
  padding: 67px 59px 0 62px;
  margin: 30px 0 45px 0;
  font-size: 12px;
}

body.lang-0 #card { background: url(images/bg.tell3.card.en.png) no-repeat; }
body.lang-2 #card { background: url(images/bg.tell3.card.fr.png) no-repeat; }
body.lang-3 #card { background: url(images/bg.tell3.card.en.png) no-repeat; }

#tellTxt04 #card {
  height: 353px;
  padding: 68px 50px 20px 62px;
  width: 422px;
  background: url(images/bg.tell4.card.de.png) 0 0 no-repeat;
}

body.lang-0 #tellTxt04 #card {
  background: url(images/bg.tell4.card.en.png) 0 0 no-repeat;
}

body.lang-2 #tellTxt04 #card {
  background: url(images/bg.tell4.card.fr.png) 0 0 no-repeat;
}

body.lang-3 #tellTxt04 #card {
  background: url(images/bg.tell4.card.en.png) 0 0 no-repeat;
}

#tellTxt04 #ok {
  background: url(images/icon.ok.png) no-repeat;
  position: absolute;
  left: 332px;
  top: 292px;
  width: 151px;
  height: 167px;
}

#tellTxt04 h1 {
  padding-top: 30px;
}

#card img {
  margin: 0 0 112px -21px;
}

/********************************* about lyric *******************************/

div#about-lyric {
  background: url(images/hand_wasistlyric.jpg) 298px 87px no-repeat;
  overflow: hidden;
}

div.about-lyric-box {
  width: 250px;
  height: 100px;
  float: left;
  font-size: 0.9em;
  position: relative;
}

div.about-lyric-box a {
  background: url(images/arrow.grey.double.right.png) right top no-repeat;
  text-decoration: none;
  border-bottom: none;
  display: block;
  padding: 0 28px;
}

div.about-lyric-box a:hover {
  background: url(images/arrow.grey.double.right.ho.png) right top no-repeat;
}

div.about-lyric-box h3 {
  margin-bottom: 4px;
  font-size: 20px;
  font-weight: normal;
}

div.about-lyric-box-1 {
  margin: 80px 0 80px 100px;
}

div.about-lyric-box-2 {
  margin: 80px 0 80px 310px;
}

div.about-lyric-box-3 {
  margin: 0 0 80px 42px;
  clear: both;
}

div.about-lyric-box-4 {
  margin: 0 0 80px 425px;
}

div.about-lyric-box-5 {
  margin: 0 0 80px 103px;
  clear: both;
}

div.about-lyric-box-6 {
  margin: 0 0 80px 298px;
}

div.about-lyric-box-2 a,
div.about-lyric-box-2 a:hover,
div.about-lyric-box-4 a,
div.about-lyric-box-4 a:hover,
div.about-lyric-box-6 a,
div.about-lyric-box-6 a:hover {
  background-position: left top;
}

/*********************************** footer **********************************/

#footer {
  background: url(images/bg.footer.png) 0 0 no-repeat;
	width: 980px;
	height: 126px;
	margin: 0 auto;
	padding: 6px 0 0 10px;
	position: relative;
  z-index: 100;
}

#footer ul {
  list-style-type: none;
	clear: both;
	overflow: hidden;
}

#footer ul li {
  display: block;
	float: left;
	padding: 0 15px 0 15px;
	background: url(images/nav.trenner.gif) right 2px no-repeat;
}

#footer ul li.last,
.lang-1 #footer ul li#lang3,
.lang-0 #footer ul li#lang3,
.lang-2 #footer ul li#lang1{
	background: none;
}

#footer ul li a {
  display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -2000px;
}

#footer-nav {
  float: left;
	width: 538px;
}

#footer-nav ul li#fn46 a { background: url(images/de.footer.location_us.png) 0 0 no-repeat; width: 156px; }
#footer-nav ul li#fn9 a { background: url(images/de.footer.help.png) 0 0 no-repeat; width: 28px; }
#footer-nav ul li#fn47 a { background: url(images/de.footer.press.png) 0 0 no-repeat; width: 40px; }
#footer-nav ul li#fn7 a { background: url(images/de.footer.imprint.png) 0 0 no-repeat; width: 66px; }

#footer-nav ul#en li#fn9 a { background: url(images/en.footer.help.png) 0 0 no-repeat; width: 27px; }
#footer-nav ul#en li#fn47 a { background: url(images/en.footer.press.png) 0 0 no-repeat; width: 31px; }
#footer-nav ul#en li#fn7 a { background: url(images/en.footer.imprint.png) 0 0 no-repeat; width: 45px; }

#footer-nav ul#fr li#fn9 a { background: url(images/fr.footer.help.png) 0 0 no-repeat; width: 26px; }
#footer-nav ul#fr li#fn47 a { background: url(images/fr.footer.press.png) 0 0 no-repeat; width: 40px; }
#footer-nav ul#fr li#fn7 a { background: url(images/fr.footer.imprint.png) 0 0 no-repeat; width: 66px; }

#footer-nav ul#en_ca li#fn9 a { background: url(images/en.footer.help.png) 0 0 no-repeat; width: 27px; }
#footer-nav ul#en_ca li#fn47 a { background: url(images/en.footer.press.png) 0 0 no-repeat; width: 31px; }
#footer-nav ul#en_ca li#fn7 a { background: url(images/en.footer.imprint.png) 0 0 no-repeat; width: 45px; }

#footer ul li a:hover {
  background-position: 0 -16px !important;
}

#footer ul li a.active {
  background-position: 0 -32px !important;
}

#life-is-on {
  position: absolute;
	right: 21px;
	bottom: 11px;
}

#shadow-bottom {
  width: 980px;
	height: 9px;
	background: url(images/shadow.footer.png) 0 0 repeat-x;
	position: absolute;
	bottom: 32px;
	left: 5px;
}

/********************************** brochure *********************************/

#brochure-window {
  background: #fff url(images/bg.get.brochure.jpg) top right no-repeat;
  position: absolute;
  top: 15px;
  left: -364px;
  width: 345px;
  height: 365px;
  z-index: 5000;
  overflow: visible;
  font-size: 0.9em;
}

#brochure-open {
  background: url(images/broschuere_ausklappen.png) left top no-repeat;
  position: absolute;
  top: 15px;
  left: 0;
  width: 92px;
  height: 20px;
  padding: 120px 0 0 13px;
  color: #625b53;
  font-weight: bold;
  font-size: 12px;
  line-height: 12px;
  cursor: pointer;
  z-index: 0;
  display: block;
}

#brochure-open:hover {
  text-decoration: none;
  border-bottom: none;
}

#brochure-close {
  background: url(images/btn_pfeil_zu.png) left top no-repeat;
  position: absolute;
  top: 20px;
  right: -19px;
  width: 38px;
  height: 39px;
  cursor: pointer;
}

form.brochure-form p.brochure-intro {
  margin: 25px 0px 10px 20px;
  width: 185px;
}

form.brochure-form input.form-text {
  color: #908271;
  border: 1px solid #cfcbc9;
  font-family: arial;
  font-size: 14px;
  height: 25px;
  margin: 2px 0 5px 20px;
  padding: 0 5px 0 13px;
  width: 178px;
  display: block;
}

form.brochure-form input.form-checkbox {
  background: white;
  border: none;
  margin: 8px 8px 3px 20px;
  padding: 0px;
  width: auto;
  float: left;
}

form.brochure-form label {
  display: block;
  color: #908271;
  margin: 0 0 0 20px;
}

form.brochure-form label.form-checkbox {
  margin: 6px 0px 17px 5px;
  width: 270px;
  float: left;
}

form.brochure-form input.form-submit {
  background: url(/fileadmin/templates/_layout/img/btn_jetztanfordern.en.gif);
  margin: 16px 0 5px 104px;
  width: 137px;
  border: none;
  height: 44px;
  color: #908271;
  font-family: arial;
  text-align: center;
}

body.lang-1 form.brochure-form input.form-submit {
  background: url(/fileadmin/templates/_layout/img/btn_jetztanfordern.de.gif);
  width: 184px;
  margin-left: 79px;
}

body.lang-2 form.brochure-form input.form-submit {
  background: url(/fileadmin/templates/_layout/img/btn_jetztanfordern.fr.gif);
  width: 254px;
  margin-left: 45px;
}

form.brochure-form input.error {
  border: 1px solid #F10000;
}

p#brochure-error {
  color: #C4130F;
  font-size: 0.9em;
  margin: 0px 0px 5px 20px;
  width: 300px;
  display: none;
}

div#brochure-info {
  margin: 25px 0px 5px 20px;
  width: 185px;
  display: none;
}

div#brochure-info h3 {
  margin-bottom: 20px;
}

#content_center .lyric-help {
  position: relative;
}

#content_center .lyric-help h1 {
  font-size: 20px;
  margin: 36px 0 10px 0;
}

#content_center .lyric-help a {
  position: absolute;
  left: 216px;
  top: 140px;
  display: block;
  width: 179px;
  height: 44px;
  background: url(images/btn.downloadpdf.de) 0 0 no-repeat;
}

.lang-0 #content_center .lyric-help a {
  width: 279px;
  background: url(images/btn.downloadpdf.en) 0 0 no-repeat;
}

.lang-2 #content_center .lyric-help a {
  width: 316px;
  background: url(images/btn.downloadpdf.fr) 0 0 no-repeat;
}

#content_center .lyric-help a:hover {
  background-position: 0 -44px;
}

/**************************** facebook share button **************************/

.facebook-button {
  background: url(images/bg.dotted.png) left top repeat-x;
  padding: 29px 0 0 6px;
  margin: 17px 0 0 0;
}

.facebook-button a {
  background: url(images/icon.sub.facebook.blue.png) left top no-repeat;
  padding: 6px 0px 0px 30px;
  display: block;
  width: 150px;
  height: 26px;
  color: #776D62;
}

.facebook-button a:hover {
  color: #000;
  text-decoration: none;
}