body               {font-family: helvetica, arial, geneva, sans-serif; font-size: 12px; color: #000000}

h1 {font-size: 20px; color:#000000; font-weight: bold}
h2 {font-size: 12px;}


.punkte   	 {font-size:13px; color:#000000; font-weight: bold}
.headline   	 {font-size:20px; color:#000000; font-weight: bold; line-height: 24px;}
.subheadline   	 {font-size:12px; color:#000000; font-weight: bold;}
.text		 {font-size:12px; color:#000000}
.navigation        {font-size:10px; color:#000000}
.beschriftung      {font-size:10px; color:#000000; font-weight: bold}
.startnews         {font-size:11px; color:#000000}
.startnewsfett     {font-size:11px; color:#000000; font-weight: bold}
.liste             {font-size:12px;  color:#000000; font-weight: bold}
.fusssegment       {font-size:11px; color:#000000; font-weight: bold}
.fuss              {font-size:10px; color:#000000}

a:link          {font-size:13px; text-decoration: none; color: #999898}
a:visited        {font-size:13px; text-decoration: none; color: #999898}
a:hover          {font-size: 13px; text-decoration: none; color: #000000;}
a:active         {font-size:13px; text-decoration: none; color: #000000}

a.klein   	{font-size:11px; text-decoration: none; color: #999898}
a.klein:link	{font-size:11px; text-decoration: none; color: #999898}
a.klein:visited   {font-size:11px; text-decoration: none; color: #999898}
a.klein:hover	{font-size:11px; text-decoration: none; color: #000000}
a.klein:active	{font-size:11px; text-decoration: none; color: #000000}

a.additionalnavi           {font-size:11px;  color:#999898}
a.additionalnavi:link	{font-size:11px; color: #999898}
a.additionalnavi:visited   {font-size:11px; color: #999898}
a.additionalnavi:hover	{font-size:11px; color: #000000}
a.additionalnavi:active	{font-size:11px; color: #000000}

a.navileft_active           {font-size:15px;  color:#000000; font-weight: bold}
a.navileft_active:link	{font-size:15px; color: #000000; font-weight: bold}
a.navileft_active:visited   {font-size:15px; color: #000000; font-weight: bold}
a.navileft_active:hover	{font-size:15px; color: #999898; font-weight: bold}
a.navileft_active:active	{font-size:15px; color: #000000; font-weight: bold}

a.liste           {font-size:12px;  color:#000000; font-weight: bold}
a.liste:link	{font-size:12px; color: #000000; font-weight: bold}
a.liste:visited   {font-size:12px; color: #000000; font-weight: bold}
a.liste:hover	{font-size:12px; color: #000000; font-weight: bold}
a.liste:active	{font-size:12px; color: #000000; font-weight: bold}


a.navileft_passive           {font-size:15px;  color:#999898; font-weight: bold}
a.navileft_passive:link	{font-size:15px; color: #999898; font-weight: bold}
a.navileft_passive:visited   {font-size:15px; color: #999898; font-weight: bold}
a.navileft_passive:hover	{font-size:15px; color: #000000; font-weight: bold}
a.navileft_passive:active	{font-size:15px; color: #999898; font-weight: bold}

a.navileft_open, a.navileft_open:link, a.navileft_open:visited, a.navileft_open:hover, a.navileft_open:active {
	font-size:15px; 
	color: #000000; 
	font-weight: bold;
}
a.navileft_open:hover {color: #999898;}

a.sitemap, a.sitemap:link, a.sitemap:visited, a.sitemap:hover, a.sitemap:active {
	font-size:11px; 
	color: #000000; 
	font-weight: bold;
}
a.sitemap:hover {color: #000000;}

a.navipath, a.navipath:link, a.navipath:visited, a.navipath:hover, a.navipath:active {
	font-size:10px; 
	color: #000000;
}
a.navipath:hover {color: #000000;}

a.listungklein , a.listungklein:link, a.listungklein:visited, a.listungklein:hover, a.listungklein:active {
	font-size:10px; 
	color: #000000;
}
a.listungklein:hover {color: #999898;}


a.spezialtext, a.spezialtext:link, a.spezialtext:visited, a.spezialtext:hover, a.spezialtext:active {
	font-size:12px; 
	color: #000000;
}

a.listung, a.listung:link, a.listung:visited, a.listung:hover, a.listung:active {
	font-size:15px; 
	color: #000000; 
	font-weight: bold;
}

.buttonFilter {
	background-color: #cccccc;
	border-radius: 4px;
	border: 1px solid #777777;
	padding: 2px 5px;
}
a.buttonFilter {	
	display: inline-block;
	font-size: 13px !important;
	}
a.buttonFilter:visited {
	color: black;
}
.buttonFilter.sFilterSelected { 
	background-color: #0000ff; 
	color: white !important; 
}

/*** Artikellisten ***/

h2.zwischen {
	font-size: 16px;
	padding-top: 30px;
	padding-bottom: 30px;

}

.alrList { 
	position: relative; 
	 text-align: left !important;
	}

.listElement { 
	vertical-align: top;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; 
	width: 100%;
	display: inline-block;
	margin-bottom: 10px;
	margin-right: 0;
	text-align: center;
}

@media screen and (min-width: 768px) {
	.listElement { 
		width: 48%;
		margin-right: 1%;
	}
}

@media screen and (min-width: 992px) {
	.listElement { 
		width: 29%;
	}
}

.listElement  h2 { 
	background-color: #dddddd;
	margin: 0;
	padding: 5px 0;
	font-size: 16px;
}

.listElement  h2 span, .mainnavigation a span { 
	display: inline-block;
	font-size: 12px;
	margin-top: -4px;
	font-weight: normal;
}

.listElement h2 sup, .listElement2 h3 sup, .mainnavigation a sup, .boxLeft p sup { 
	display: inline-block;
	margin-top: -4px;
	font-weight: normal;
	font-size: 12px;
}

.listElement  h3 { 
	font-size: 12px;
	font-weight: normal;
	padding: 10px;
	
}

.listElement .listText {
	font-weight: bold;
	margin-bottom: 20px;
}	

.listElement:hover { 
	box-shadow: rgba(0, 0, 0, 0.33) 0px 1px 4px; 	
	cursor: pointer;
}	

.listImage, a.listImage2   {
	display: inline-block;
	height: 100px; 
}
.listImage img{
	max-height: 100%; 
	max-width: 90%;
}

.slider .listImage {
	padding: 20px 0;
}



/**** textversion ***/
.listElement2 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.listElement2:hover {
	background-color: #eee;
	cursor: pointer;
}	

.listElement2 h3 {
	font-size: 16px;
	padding-top: 0px;
	margin-top: 0;
	padding-bottom: 10px;
	margin-bottom: 0px;
}

.listElement2 .boxLeft p {
	margin: 0;
	padding: 0;
	padding: 10px 0 0 0;
}	

.listElement2 .boxRight p {
	margin: 0;
	padding: 10px 0 10px 0;
}	

@media screen and (min-width: 768px) {
	.listElement2 .boxLeft {
		display: inline-block;
		width: 60%;
		padding-right: 30px;
	}
	.listElement2 .boxRight p {
		padding-top: 0;
	}	
	.listElement2 .boxLeft.borderline {
		border-right: 1px dotted black;
		vertical-align: bottom;
	}	
	.listElement2 .boxRight {
		display: inline-block;
		width: 30%;
		padding-left: 30px;
	}
	.listElement2 .boxRight.borderline {
		border-left: 1px dotted black;
		vertical-align: top;
	}		
}