/* for 980px or less */
	body {
		font-size: 11px;
		line-height: 17px;
	}

	p {
		margin:0;
	}
	
	#Home{
	background-image:none;
	background-color:#fff;
}

#Ref{
}

#Ref ul li h4{
	font-size:12px;
	text-align:left;
}

#Ref ul li ul li{
	font-size:11px;
}

#Bio{
	background-image:none;
}

#Shop{
	background-image:none;
}

#Kontakt{
	background-image:none;
}
		
	#rahmen {
		min-width: 240px;
		width: 95%;
	}
	
	#rahmen_top {
		width: 100%;
	}
	
	#rahmen_bottom {
		width: 100%;
	}
	
	#content {
		width:94%;
		padding:10px 3% 10px 3%;
	}
	
	#box_top {
		width:94%;
		padding:10px 3% 10px 3%;
	}

	#box_right {
		width:94%;
		padding:10px 3% 10px 3%;
	}
	
	#box_left {
		width:94%;
		padding:10px 3% 10px 3%;
	}
	
	#footer {
		width:94%;
		padding:10px 3% 10px 3%;
	}
	
	h1 {
		margin: 0px;
		line-height: 23px;
		font-size: 18px;
		font-weight: normal;
	}
	
	h2 {
		margin: 0px;
		line-height: 18px;
		font-size: 22px;
		font-weight: normal;
	}
	
	ul {
		margin-left:9px;
		padding-left:9px;
		margin-top:0px;
		list-style-type: disc;
		list-style-image: none;
	}
	
	li {
		margin: auto;
		padding: 0;
	}
	
	.bild1 {
		display:none;	
	}
	
	.bild2 {
		display:block;
	}
	
	.ausblenden {
		display:none;
	}
	
	.überuns{
	text-align:justify;
	width:100%;
	padding:0;
	}
	
	.headlineText{
	font-family: 'Raleway', sans-serif;
	color:#fff;
	margin: 0px;
	line-height: 0.7em;
	font-size: 4em;
	font-weight: normal;
	text-shadow:2px 2px 2px #000;
	padding-top:30px;
}
	
	.quoteblock{
	height:250px; 
	width:100%; 
	padding-top:20px;
	}
	
	#headline{
		padding:5%;
	}
	
	#contacts{
		padding:5%;	
	}
	
	      .timeline > li > .timeline-panel {
            padding: 3% 0;
        }