#content li.span3 {
	background:#F8F8F8;
	padding:0px;
		padding:15px;
	width:240px;
	min-height:360px;
	margin-bottom:40px;
	border-bottom:2px solid #bb102b;
	list-style-type:none;

}
#content .span6,
#content .span5  {
	min-height:250px;
	border-bottom:2px solid #147fb3; 
	list-style-type:none;
}
.icon-eye-open {
	font-size:200%;
	margin:0 auto;
	width:30px;
	display:block;
	margin-left:100px;
}

#mod_breadcrump,
#mod_styleswitcher h3,
#mod_styleswitcher label {
display:none;
	
}
.topmodul h1 {
	font-size:280%;
	
}
.topmodul p {
	font-size:140%;
	 font-family:"Monda", Arial,Helvetica,sans-serif;
	 line-height:1.5em;
	 margin-top:30px;
}
.btn {margin-left:30%;}
#footer .btn {margin-left:0%;}
#col3 .floatbox,
#col3 .floatbox ul {
	padding:0px;
	
}
.headline {
	background:#DCDDDC;
	padding-top:50px;
	padding-bottom:50px;
	width:100%;
	
	overflow:hidden;
}

h2 {
 font-size: 22px;
    
    margin-top:0px;
}
h3 {

    margin-top:0px;
}
.artikel_details li,
.artikel_liste li {
   
    overflow: hidden;
    padding-bottom: 16px;
    padding-left: 0px;
    margin-right:20px;
    margin-left:0px;
}



@media (min-width: 768px) and (max-width: 1024px) {
	
.scrollable
{
	height: 220px;
}
#content li.span3 {
    min-height: 480px;
    width: 18%;
}

}

@media (min-width: 480px) and (max-width: 768px) {
.scrollable
{

	height: 170px;
}
#content li.span3 {
    min-height: 240px;
    width: 100%;
}
} 


@media  (max-width: 480px) {
.scrollable
{

	height: 120px;
}
#content li.span3 {
    min-height: 240px;
    width: 100%;
}
#head li.span3 {
	margin-top:0px;
	position:absolute;
	width:80%;
}
}