/* Reset */
*{margin:0;padding:0;box-sizing: border-box;}
a{text-decoration: none;}
ul{list-style-type: none;}

/*
	ALLGEMEINE EINSTELLUNGEN
*/
*:after{
	display: block;
	content: "";
	clear: both;
}


body{
	background: url(../images/2bm.jpg) repeat fixed;
	font-family: "Open Sans", Arial, sans-serif;
	
	color:#191970;
}

h1{
	font-size: 22px; 
	margin: 10px 0 15px;
	color:#191970;
	text-align: center;
	
}
h2{
	font-size: 18px;
	margin: 10px 0;
	
}


header, main, footer{
	width: 1100px;
	margin: auto;
}



.noborder{
	border: none;
	
}
.left{
	float:left;

}
.right{
	float:right;

}

/*
	HEADER
*/
header{
	
	height: 240px;
	position: relative;
	
	

}

.links{
	position: absolute;
	left: 0;
	top: 0;
}
.rechts{
	position:absolute;
	right:0;
	top:0;
}
#header-blau{
	position:absolute;
	bottom:0;
	left:0;

}

header nav{
	position: absolute;
	right: 295px;
	bottom: 80px;
	z-index: 99;
}

header nav li{
	float: left;
	background-color: #e7d28f;
	border-right: 2px solid #386daa;
	z-index: 99;
}

header a{
	display: block;
	padding: 5px 10px;
	color: #191970;
	z-index: 99;
}

header a:hover{
	color: #f5edd2;
	background-color: #386daa;
}


/*
	MAIN
*/
main{
	
	position:relative;
	
	background: #ebdba6;
	
	/*background: linear-gradient(to right,#e2c979,#ebdba6,#f0e4bc,#f5edd2,#f0e4bc, #ebdba6,#e2c979);
	background: -o-linear-gradient(to right,#e2c979,#ebdba6,#f0e4bc,#f5edd2,#f0e4bc, #ebdba6,#e2c979); /*Opera*/
	/*background: -moz-linear-gradient(to right,#e2c979,#ebdba6,#f0e4bc,#f5edd2,#f0e4bc, #ebdba6,#e2c979); /*Firefox*/
	/*background: -ms-linear-gradient(to right,#e2c979,#ebdba6,#f0e4bc,#f5edd2,#f0e4bc, #ebdba6,#e2c979);/*IE*/ 
}


section{
	padding: 10px;
	width: 740px;
	position:relative;
	
}
#slider{
	padding-top:10px;
	
}
article{
	border-bottom: 1px solid #191970;
	padding-top:20px;
	padding-left:0;
	margin-bottom: 20px;
	padding-bottom: 30px;
	color: #191970;
}

article p{
	font-size: 16px;
	text-align: justify;
	
}
article img.left{
	padding-right: 20px;
	padding-bottom:20px;
}

article img.right{
	padding-left:20px;
	padding-bottom:20px;

}
article img{
	padding-top:20px;
	padding-bottom:20px;
	}

.runa{
	font-size: 16px;
	margin: 5px 0;
	text-align: justify;
	}	
	
#headline{
	font-size: 22px; 
	margin: 10px 0 15px;
	text-align:center;
	font-weight:700;
}

.überschrift{
	font-size: 22px;
	font-weight: 600;
	
	

}
.cd{
	width:630px;
	height:900px;
	border-bottom: 3px solid #191970;
	padding-top:40px;
	
	
}

.foto{
	
	width:310px;
	height:340px;
	padding-top:10px;
	
	
	

}

.inhalt{
	width:310px;
	height:340px;
	
	padding-left:40px;
	


}

.hörproben{
	width:500px;
	height:170px;
	
	
	


}
.kaufen{
	width:500px;
	height:130px;
	

}
.buch{
	
	padding:40px;
}

	

.ism-slider{
	float:left;

	}
	
aside{
	padding:20px;
	width:180px;
	position:relative;
	
}
aside img#links{
	position:absolute;
	top:20px;
	left:50px;

}
aside img#rechts{
	position:absolute;
	top:20px;
	right:50px;
}

/*
	FOOTER
*/

footer{
	height:120px;
	padding: 20px;
	width: 1100px;
	position:relative;
}

.footnav{
	position:absolute;
	right:20px;
	top:20px;
}


footer a{
	color: #191970;
}

footer a:hover{
	color: #386daa;
	text-decoration: underline;
}