* {
	margin:0;
	padding:0;
	list-style:none;
	border:0;
	outline:none;
}

html,body {
  font:normal 12px Verdana, sans-serif;
  color:#4d3218;
  line-height: 18px;
  background:#fbf5eb;
  background-attachment:fixed;
}
 
a:link, a:visited, a:active {
  font-family: Verdana, sans-serif;
  font-size: 12px;
  color:#4d3218;
  text-decoration:none;
}
	
a:hover {
  color: #a6988b;
}

h1 {
  font-family: Verdana, sans-serif;
  font-size: 30px;
  color: #a6988b;
}

h2 {
  font-family: Verdana, sans-serif;
  font-size: 13px;
  /*color: #a6988b;*/
}

em {
  font-weight:bold;
}

p {
  padding:0px 0px 10px 0px;
}

img {
  display:block;
}

input, textarea {
  font:normal 10px arial, sans-serif;
  color:#f8f3ea; 
  background:#694f47; 
}

.clear {
  height: 0;
  clear:both;
  float: none;
  line-height: 0;
  font-size: 0;
}

/*---------------------------------No Script---------------------------------*/

noscript .text {
	width: 602px;
	font-weight: bold;											
	margin-left: 24px;
	margin-top: 50px;											
}
										
noscript .text h1 {
	height: 25px;
	font-size: 22px;
	color: red;
	margin: 0;
	margin-bottom: 15px;
	padding: 0;
	padding-top: 5px;
}
										
noscript .text .anleitung {
	margin-top: 15px;
}

/*-------------------------------Mustervorlage-------------------------------------*/
#wrapper {
  width:900px;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  background: url('../images/bg_wrapper.gif') repeat-y;
}


#header {
  width: 900px;
  border: 0;
  border-bottom: 1px solid #4d3218;
  background:#fff url('../images/cappuccino_logo.jpg') no-repeat 0 32px;
  display: block;
  position: fixed;
  z-index: 50;
}

#header_top {
	width: 900px;
	height: 32px;
	background-color: #fbf5eb;
}

#home {
	height: 121px;
}

#home a:link,#home a:visited, 
#home a:hover, #home a:active {
	width: 900px;
	height: 110px;
	display: block;
	z-index 50;
}


#menue {
  width:522px;
  float:right; 
  margin-bottom: 9px;
}


#menue ul li {
	display: block;
	height: 12px;
	float: left;
	margin: 0;
	margin-right: 26px;
	line-height: 12px;
}

#menue ul li a, #menue ul li a:link, #menue ul li a:visited, 
#menue ul li  a:active, #menue ul li.selected {
  font-family: Verdana, sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 12px;
  color: #4d3218;
  text-decoration:none;
  padding: 0;	  
}

#menue ul li a:hover, #menue ul li.selected,
#footer span {
	color: #a6988b;
}

#spacer_content {
	display: block;
	height: 198px;
}

.submenue {
	width: 900px;
	height: 24px;
	background-color: white;
	border-top: 1px solid #4d3218;
}

.submenue ul {
	margin-top: 3px;
	margin-left: 378px;
}

.submenue ul li {
	float: left;
	padding: 0;
	margin: 0;
	margin-right: 24px;
}

.submenue ul li a:link, .submenue ul li a:visited, 
.submenue ul li  a:active, .submenue ul li.selected {
	font-family: Verdana, sans-serif;	
	font-size: 13px;
	text-decoration:none;
}

.submenue ul li.selected {
	color: #a6988b;
}

.content {
  background-color: white;
  padding: 24px;
}

.content .spacer {
	display: block;
	height: 72px;
}

.content .spalten {
	margin-bottom: 24px;
}

.content .spalte_links {
	width: 327px;
	float: left;
}

.content .spalte_rechts {
	margin-left: 351px;
}

.content .pdf img {
float:left;
margin-right:10px;
}


#footer {
  height:24px;  
  background:#fff; 
  border-top:1px solid #4d3218;
  color:#4d3218;
  line-height:23px;
  text-align:right;
  padding-right:20px;
}  



/*-------------------------------Intro-------------------------------------*/

#abdeck_oben {
	display: block;
	height: 36px;
}


#intro {
  width:900px;
  height:576px;
  background:#fff;
}

#intro #flash{
  padding-top:66px;
}

#intro #logo{
  position:absolute;
  top:355px
  width:900px;
  height:149px; 
}

/*-------------------------------Startseite-------------------------------------*/

.content#startseite {
	padding-bottom: 25px;
}

.content#startseite p {
	width: 498px;
	margin-left: 352px;
}

.content#startseite #schritte {
	width: 850px;
	height: 249px;

}

.content#startseite #schritte img {
	float: left;
	opacity: 0.2;
  filter: alpha(opacity = 20);
	-moz-opacity: 0.2;
}

.content#startseite img {
	float: left;
}

.content#startseite #musik {
	position: absolute;
	top: 198px;
	left: 24px;
}

.content#startseite #menschen {
	position: absolute;
	top: 370px;
	left: 158px;
}

.content#startseite #begegnungen {
	position: absolute;
	top: 304px;
	left: 374px;
}

.content#startseite #tanz {
	position: absolute;
	top: 265px;
	left: 747px;
}

/*-------------------------------Erleben-------------------------------------*/

.content#erleben .spalte_links p {
	font-weight: bold;
	float: right;
	line-height: 18px;
}

.content#erleben .spalte_links img {
	float: right;
}

/*-------------------------------Erleben - Termine-------------------------------------*/

.content#erleben #termine_content .spalte_rechts span.date {
	margin-right: 14px;
}


/*-------------------------------Erleben - Galerie-------------------------------------*/

.content#erleben #galerie_content  .spalten {
	margin-bottom: 32px;
}

.content#erleben #galerie_content  .spalten.gallerie {
	margin: 0;
}

.content#erleben #galerie_content .spalte_rechts img {
	float: left;
	margin-right: 16px;
	margin-top: 16px;
}

.content#erleben #galerie_content .spalte_rechts img.aussen {
	margin: 0;
	margin-top: 16px;
}

/*-------------------------------Erleben - Presse-------------------------------------*/

.content#erleben #presse_content  .spalte_rechts p.news {
	font-style: italic;
	line-height: 12px;
}

/*-------------------------------Erleben - Rewferenzen -------------------------------------*/

.content#erleben #referenzen_content .spalte_rechts li {
	background: url('../images/punkt.gif') no-repeat 0 6px;
	padding-left: 13px;
}


/*-------------------------------Hören - CDs-------------------------------------*/

.content#hoeren #cds_content .heading {
	margin-bottom: 24px;
}

/*-------------------------------Kennenlernen-------------------------------------*/

.content#kennenlernen .spalte_links img {
	float: right;
}


/*-------------------------------Kennenlernen - Musiker-------------------------------------*/

.content#kennenlernen #musiker_content .spalte_mitte {
	width: 156px;
	margin-left: 351px;	
	display: block;	
}

.content#kennenlernen #musiker_content .spalte_rechts {
	width: 319px;
	float: right;
	margin: 0;
}

.content#kennenlernen #musiker_content .spalte_rechts a:link,
.content#kennenlernen #musiker_content .spalte_rechts a:active,
.content#kennenlernen #musiker_content .spalte_rechts a:visited {
	font-family: Verdana, sans-serif;
	font-weight: bold;
	color: #4d3218;
}

.content#kennenlernen #musiker_content .spalte_rechts a:hover {
	color: #a6988b;
}

.content#kennenlernen #musiker_content .spalten.last {
	margin-bottom: 46px;
}


/*-------------------------------Kennenlernen - Erinngerungen-------------------------------------*/

.content#kennenlernen #erinnerungen_content .spalten {
	margin-bottom: 12px;
}

.content#kennenlernen #erinnerungen_content .spalte_links p {
	float: right;
}


/*-------------------------------Helfen - Sweet Sweet Smile-------------------------------------*/

.content#helfen #sweet_content .spalte_links img {
	float: right;
}

.content#helfen #sweet_content .spalte_links img#sweet {
	position: relative;
	top: 178px;
	z-index: 0;
}

.content#helfen #sweet_content h2 {
	margin-bottom: 24px;
}


/*-------------------------------Kontakt-------------------------------------*/

.content#kontakt #kontakt_content .spalte_links p {
	float: right;
	font-weight: bold;
}

.content#kontakt #kontakt_content .spalte_rechts a:link,
.content#kontakt #kontakt_content .spalte_rechts a:active,
.content#kontakt #kontakt_content .spalte_rechts a:visited {
	font-family: Verdana, sans-serif;
	font-weight: bold;
	color: #4d3218;
}

.content#kontakt #kontakt_content .spalte_rechts a:hover {
	color: #a6988b;
}

.content#kontakt #kontakt_content .spalte_rechts a.pdf:link,
.content#kontakt #kontakt_content .spalte_rechts a.pdf:active,
.content#kontakt #kontakt_content .spalte_rechts a.pdf:visited {
	font-weight: normal;
}

.content#kontakt #kontakt_content .spalte_rechts p#download a {
	display: block;
	margin-bottom: 20px;
}
