#textindx:hover {
  font-size: 1.3em;
   line-height: 1.1em;
     -webkit-transition: -webkit-box-shadow .10s ease-in-out;
  -moz-transition: all .10s ease-in-out;
  -o-transition: all .10s ease-in-out;
}


body {
  color: #fff;
  background-color: #555;
  font: 14px 'handschrift', Trebuchet MS;
  margin: 0;
  padding: 0;
  
}

section, article, header, footer, hgroup, figcaption, figure, nav {
  display: block;
  margin: 0;
  padding: 0;
}

a#banner {
	width: 940px;
	height: 160px;

	  background-color: transparent;
}

.textindex {
  list-style: none;
 
  height: 20px;
}


@font-face {
 font-family: handschrift;
 src: url("../fonts/handschrift.eot") /* EOT file for IE */
}

@font-face {
  font-family: handschrift;
  src:  url("../fonts/handschrift.ttf");

}
   
h1, h2, h3 {
  font-family: handschrift, Helvetica, Arial;
	color: fff;
}

a {
  color: #f45757;
  outline: none;
  text-decoration: none;
}

a img {
  border: 0;
  outline: none;
}


div.fotokasten {
  float: left;
	max-height: 266px;
	max-width: 266px;
	padding: 10px;
}

div.fotokasten img{
  float: left;
	max-height: 266px;
	max-width: 266px;
}

.merchkasten {
width:286px;
height: 390px;
float: left;
}

div.merchkasten img {
 float: left;
	max-height: 266px;
	max-width: 266px;
}


div#musikboxrechts {
width:410;
height: 250px;
float: right;
}

div#musikboxlinks {
width:410px;
height: 250px;
float: left;
}

p {
  color: #fff;
  font-family: Handschrift, Helvetica;
}

div#bestellen  {
  background: url("../img/btn-bestellen.png") no-repeat 0px 0px;
  width: 132px;
  height: 28px;
  display: block;
  float: left;
  text-indent: -9999px;
  
  margin: 10px 0px 0px 0px;
}

#bestellen:hover  {
  background-position: 0 -32px;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.clear {
  clear: both;
}

.border {
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.msbox {
width:440px;
height: 70px;
padding: 10px;
margin: 10px;
background-color: #000;

  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px 40px 8px 8px;
	
}

.shadow {
  -moz-box-shadow: 0px 0px 20px 0px #AAA;
  -webkit-box-shadow: 0px 0px 20px 0px #AAA;
  box-shadow: 0px 0px 20px 0px #AAA;
}

.green {
  color: #8cbb13;
}

.red {
  color: #9f241d;
}

#wrap {
  margin: 0;
  padding: 0;
  background-color: #555555;
    height: 400px;
z-index:1;
}


 
#content {
 background-color: #000;
  max-width: 940px;
  margin: 0px auto;
  padding: 0px 10px 10px 10px;
    -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 0px 0px 40px 40px; 
box-shadow: 0 0 2.5em 0 #AAAAAA;  


}


#efeu {


  height: 400px;

position:absolute;

	top:0;
	width:100%;
	background-repeat: no-repeat;
}


 

#texte {
  
 width: 860px;
style: float;
}

#textelinks {
 height: 100%; 
 width: 420px;
float: left;
}

#texterechts {
 height: 100%; 
 width: 400px;
 float: right;
}

#textelinks2 {
 height: 100%; 
 width: 400px;
float: left;
}

#texterechts2 {
 height: 100%; 
 width: 400px;
 float: right;
}

div.main-element  {
  margin: 0px 0 0 30px;
  float: left;
  box-shadow: 0px 0px 5px 0px #AAA;
}

/*** HEADER ***/
div.main-header {
  margin: 0;
}

div.main-header #main-banner {
  width: 940px;
  height: 160px;
  background: url("../img/header.jpg") no-repeat 0px 0px;
  background-color: transparent;
}

div.main-header .title-block  {
  margin: 60px 0 0 30px;
  float: left;
}

div.main-header h1 {
  font-size: 30px;
  letter-spacing:0.3em;
  margin: 0 0 5px 0;
  font-weight: bold;
}

div.main-header h2 {
  font-size: 22px;
  letter-spacing:0.1em;
  margin: 0;
  font-weight: normal;
}

.inhalt {
margin-top: 25px;	
overflow: hidden;
padding: 40px;

}

.textindex:hover {
font-size: 20px;
  -webkit-transition: -webkit-box-shadow .10s ease-in-out;
  -moz-transition: all .10s ease-in-out;
  -o-transition: all .10s ease-in-out;
  line-height: 0.8em;

}
/* NAVIGATION */
/* NAVIGATION */

#navcontainer ul {
	padding: 10px;
	margin: 0;
	height: 35px;
	width: 100%;
	margin-left: 42px;
}

#navcontainer li { 
	float: left;
	background-color: #000;
	list-style: none;
}

#navcontainer a {
	display:inline-block;
	width: 120px;
	height: 35px;
	text-align: center;
	font-size: 18px;
}

#navcontainer a:link, #navlist a:visited {
	color: #fff;
}

#navcontainer a:hover {
	color:  #F45757;
	font-size: 1.5em;
	line-height: 1.0em;
  -moz-transition: all .10s ease-in-out
}

#active a:link, #active a:visited, #active a:hover {
	color: #F45757;
}

/* /NAVIGATION */

/* FACEBOOK LIKE */
#facebook-like {
  float: left;
}
/* /FACEBOOK LIKE */

.musiktitel {
 background-color: #000;
  height: 30px;
}

#.audioPlayer {
 background-color: #000;

}

/** /SOCIAL SECTION **/

/* TEASER */
div.product-teaser-section {
  height: 190px;
}

div.main-teaser {
 
  width: 642px;
  height: 642px;

  background-color: transparent;
}


div#teaser-right {
  width: 250px;
  height: 190px;
  background-image: url("../img/teaser-right.jpg");
}
/* /TEASER */

.form-section {
  width: 250px;
}

div#audioPlayer {
color: #711A0C;
}

/*** FOOTER ***/
div.footer {
  font-size: 11px;
  margin: 45px 0 0 0;
  text-align: center;
  color: #711A0C;
  width: 940px;
}

div.footer a {
  font-size: 11px;
  color: #711A0C;
}
/*** /FOOTER ***/