yxx
/*----------------------------------------------------------------*/
/*          M O O N D A N C E     S T Y L E S H E E T             */
/*                     Nicole Sengl; Florian Frühbeis             */
/*----------------------------------------------------------------*/





/* RESET & GLOBAL
------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

:root{
 overflow-y:scroll;
}


body {
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}




/* ALLGEMEIN
------------------------------------------------------------------*/


body {
	color:#000000;
	background:#fef796 url(../img/lay_bg_body.gif) center -200px no-repeat;
	font:16px 'Arial', Verdana, sans-serif;
	background-attachment:fixed;
	
}

html, body {
height:100%;
}

.clear {
	clear:both;
	}


a, a:active {
	color:#000000;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
	color:#000000;
}

.indent {
	padding-left:20px;
}

.telephone {
	background: transparent url(../img/icon_handy.gif) no-repeat top left;
	padding-left:12px;
}



/* LAYOUT - SPLASH
------------------------------------------------------------------*/
	
#wrapper_main {
	position:relative;
	background: transparent url(../img/lay_bg_main.jpg) center 182px;
	margin: 0 auto;
	width:972px;
    min-height:100%;
    /* Für den Internet Explorer 6 */
    height:auto !important;
    height:100%

}

#wrapper_content {
	position:relative;
	z-index:5;
	margin:0 auto;
	width:790px;
}

#header {
	background: transparent url(../img/lay_bg_header.jpg) center 0;
	height:182px;
	width:972px;
}

#footer {
	z-index:1;
	margin:0 36px;
	background:url(../img/lay_bg_bottom.png) 0 0 no-repeat;
	position:absolute;
	bottom:0;
	height:277px;
	width:900px;
}

#nav, #content, #songsfotos, #content_schmal, #kontakt {
	float:left;
}

#nav {
	width:140px;
	margin-right:25px;
	background:url(../img/lay_bg_box_140.gif) 0 0 no-repeat;
	background-color:transparent;
	
}

#nav ul {
	margin-top:25px;
	padding:5px 0;
	background-color:#f8dd1a;
}

#nav #navbottom {
	width:140px;
	height:25px;
	background:url(../img/lay_bg_box_140.gif) 0 -25px no-repeat;
}

#nav ul li { display: inline; }


#nav ul li a {
	/*text-transform:lowercase;*/
	padding:5px 20px;
	display:block;	
	text-decoration:none;
	color:#000000;
}

#nav ul li a:hover, #nav ul li a:active {
	background-color:#faf273;
	text-decoration:none;
	color:#000000;
}

.nav_selected {
	background-color:#faf273;
}




.box340 {
	width:320px;
	background-color:#f8dd1a;
	padding:10px;
	padding-bottom:15px;
	margin-right:25px;
}

.box340top{
	height:25px;
	background:url(../img/lay_bg_box_340.gif) 0 0 no-repeat;
}

.box340bottom{
	height:25px;
	background:url(../img/lay_bg_box_340.gif) 0 -25px no-repeat;
}

#songsfotos, #content {
	width:625px;
	background:url(../img/lay_bg_box_625.gif) 0 0 no-repeat;
	/*margin: 20px 0 0 80px;*/
}

#content_home {
	float:left;
	width:625px;
}

#songsfotos a img {
	border:1px solid #e3c700;
	padding:4px;
	background-color:#fffcc6;
}

#songsfotos a:hover img {
	border:1px solid #ffffff;
	background-color:#ffffff;
}

.no_margin-right {
	margin-right:0;
}


#songsfotos ul li {
	display: block;
	float:left;
	margin-right:11px;
	margin-bottom:10px;
}

#content ul {
	list-style:none;
	margin-left:25px;
}


.box625 {
	width:605px;
	background-color:#f8dd1a;
	padding:10px;
	padding-bottom:15px;
	margin-top:25px;
}

.box625bottom{
	height:25px;
	background:url(../img/lay_bg_box_625.gif) 0 -25px no-repeat;
}

#content p {
	line-height:22px;
}

#wrapper_main p {
	margin: 0 0 20px 0;	
}


h1 {
	font-size:40px;
}


h2 {
	margin-bottom:5px;
	font-size:22px;
}

h3 {
	margin-bottom:10px;
	font-size:18px;
}


.box240top{
	height:25px;
	background:url(../img/lay_bg_box_240.gif) 0 0 no-repeat;
	}

.box240 {
	width:220px;
	background-color:#f8dd1a;
	padding:0 10px;
		padding-bottom:15px;
}

.box240content {
	width:240px;
	margin-bottom:20px;
}

.box240bottom{
	height:25px;
	background:url(../img/lay_bg_box_240.gif) 0 -25px no-repeat;
	margin-bottom:20px;	
}

#kontakt p {
	margin-bottom:0;	
}




.col285 {
	float:left;
	width:285px;
}

.margin-right {
	margin-right:15px;
}

.extra_margin {
	margin-bottom:20px;
}

#content_rechts {
	float:left;
	width: 240px;
}



/* MUSIC PLAYER
------------------------------------------------------------------*/

#moondanceplayer {
	margin: 0 auto;
	margin-bottom: 35px;
	width:500px;
}

#playerContainer { 
	background-color: #f0d400; 
	height: 74px;
	padding: 8px;
	border-top: 1px solid #cfb915;
	border-right: 1px solid #FAF273;
	border-bottom: 1px solid #FAF273;
	border-left: 1px solid #cfb915;
}

#playerControls { 
	list-style: none; 
	padding: 0px; 
	margin: 0px;
}

#playerControls li { 
	display: block; 
	width: 32px; 
	height: 32px; 
	float: left; 
	text-indent: -9999px;	
	cursor: pointer;
}

li#playerPlay  { background: url('../img/control_play.png'); }
li#playerPause { background: url('../img/control_pause.png'); }
li#playerStop  { background: url('../img/control_stop.png'); }
li#playerPrev  { background: url('../img/control_rewind.png'); }
li#playerNext  { background: url('../img/control_fastforward.png'); }


#playerProgress { 
	background-color: #e6cb00; 
	height: 32px; 
	width: 256px; 
	float: left;
	margin-left: 16px;
}


#playerProgressLoad { 
	background-color: #e6cb00; 
	height: 32px; 
	width: 0%; }
	
#playerProgressPlay { 
	/*background: url('../img/control_loading.gif'); */
	background-color:#ffeb55;
	height: 32px; 
	width: 0%;
}

#playerSongInfo { 
	height: 24px;
	width: 390px;
	padding: 4px;
	margin-top: 8px;
	float: left;
	font-size: 16px;
}
	

ul.tracklist li {
	font-size: 14px;
	display:inline;
	height:15px;
	padding-left:15px;
	margin-right:10px;
	margin-bottom: 5px;
	background: url('../img/control_tracklist.gif') 0 2px no-repeat;
}



/* FIXES
------------------------------------------------------------------*/


*html #nav, 
* html #content_schmal {
	float:left;
}

*html #content_schmal {
	width:340px;
}

*html #kontakt {
	float:left; 
	margin:0px; 
	width:240px;
}

img, div {
	 behavior: url(iepngfix.htc);
}