@charset "utf-8";
/* CSS Document */

body {
    	background: url(http://www.melanie-music.de/img/bg.jpg) repeat-x #715C42;
    	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
    	padding: 0;
    	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
    	color: #333;
		font-family: Arial, sans-serif;
    }
a:link {
color:#5588aa;
text-decoration:none;
}
a:visited {
color:#5588aa;
text-decoration:none;
}
a:hover {
color:#B5282C;
text-decoration:underline;
}
a img {
border-width:0;
}
	h1 {
		color:#B5282C;
		font-size:24px;
		font-weight:normal;
		margin: 0;
	}
	.headline { 
	position:absolute;
	left:45px;
	top: 55px;
	height:50px;
	}
	.bg {
    	background: url(http://www.melanie-music.de/img/bg_pattern_01.jpg) no-repeat top center;
    	height:100%;
    }
	.contentContainer {
		width:801px;
		padding:20px 0px 0px 40px;
		font-size:14px;
		line-height:150%;
		color:#666;
    }
	.contentTop {
    	background: url(http://www.melanie-music.de/img/content_top.png) no-repeat;
        height:114px;
		margin: 0;
		position:relative;
    }
	.contentFill {
    	background: url(http://www.melanie-music.de/img/content_fill.png) repeat-y;
		padding:0px 20px;
		margin: 0;
    }
	.contentBottom {
    	background: url(http://www.melanie-music.de/img/content_bottom.png) no-repeat;
        height:52px;
		margin: 0;
    }
	
	.contentLeft {
    	float:left;
		width:320px;
		margin-right:20px;
		line-height:160%;
    }
	.contentStart {
    	background: url(http://www.melanie-music.de/img/startseite/bg.png) no-repeat;
        height:381px;
		margin: 0;
		position:relative;
		padding:60px 40px 20px 270px;
    }
	.headlineImg {
		margin-top:30px;
		margin-right:35px;
		float:right
	}
	
	.white {
		color:#fff;
	}
	
    .oneColFixCtrHdr #container {
    	width: 875px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    }
    .oneColFixCtrHdr #header {
    	padding: 20px 0px 0px 0px;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
    }
    .oneColFixCtrHdr #header h1 {
    	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
    	padding: 10px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
    }


	
	#footer {
		  clear:both;
		  margin:0 auto;
		  padding-top:15px;
		  line-height: 1.4em;
		  text-transform:uppercase;
		  letter-spacing:.1em;
		  text-align: center;
		  font-size:11px;
		  color:#fff;
	}

ul {color:#333; font-size:13px; line-height:140%;}
ul h2 {margin:5px 0px 5px 0px; padding:0px 0px 0px 0px;}
li {padding-bottom:10px;}
.summary {font-weight:bold;padding:5px 0px;}