/* ***************************************************************************************** */

/* CSS by Piccobello - Media & Corporate, Trier, Germany, http://www.piccobello.com */
/* All associated graphics copyright 2007, Piccobello - Media & Corporate */

/* ***************************************************************************************** */

/* ************************************ *
   Allgemeine Formatierungen
 * ************************************ */
 
h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, fieldset, legend {
	padding: 0;
	margin: 0;
}


hr, h1 {
	display: none;
}


ul { list-style: none; }
ul.second { list-style: none; list-style-image:url(../img/list_style_image.gif); list-style-position: outside; margin-left: 15px; line-height: 12px; }


li li { font-size: 100% !important; }

a img { border: 0; }



sub, sup { font-size: 9px !important; }

em, strong { 
	color: #545552;
	font-weight: bold;
	font-style: normal;
}

/* ************************************ *
   Layout Formatierungen
 * ************************************ */

#contentframe {
	position: relative;
	width: 530px;
	margin: 0em 0em 0em 0em;
	padding: 8px 28px 8px 28px;
}
	

/* 	**********************************************************************
	**********************************************************************
	
	ARTIKEL
	
	********************************************************************** 
	***********************************************************************/

div.artikel, div.abstract, #sitemap {
	position: relative;
	padding: 0em;
	
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	width: 100%;
}

div.abstract {
	/* width: 240px;
	float: left;
	margin: 0px 20px 20px 0px; */
	margin: 0px 0px 10px 0px;
}


/*  HEADLINES
 * ************************** */
div.artikel h3 {
	margin: 0em 0em 0.5em 0em;
	
	font-size: 18px;
	line-height: 18px;
	font-weight: normal;
}

div.artikel h4,
div.abstract h4 {
	font-size: 14px;
	line-height: 17px;
	font-weight: bold;
	color: #545552;
}

div.artikel h4 {
 	margin: 0em 0em 1em 0em;
}

div.abstract h4 {
 	margin: 0em 0em 0em 0em;
}

div.abstract h4 a {
 	color: #e52807;
 	font-weight: bold;
 	margin: 0em 0em 0em 0em;
}

div.abstract h4 a:hover {
 	color: #545552;
}

div.artikel h4.rubrik {
	padding: 3px 4px;
 	margin: 0em 0em 0em 0em;
 	background-color: pink;
	
	font-size: 12px;
	line-height: 17px;
	font-weight: bold;
	color: #545552;
}

div.artikel h5.datum,
div.abstract h5.datum {
 	padding: 0px 0px;
 	margin: 0em 0em 0.1em 0em;
	font-size: 10px;
	line-height: 18px;
	font-weight: normal;
	color: #646565;
}

div.artikel p.datum {
 	margin: 0em 0em 0em 0em;
	font-size: 10px;
	line-height: 18px;
	font-weight: normal;
	color: #545552;
}

/*  ABS€TZE
 * ************************** */
 
p {
	margin: 0em 0em 12px 0em;
}

div.textblock {
 	margin: 0em 0em 12px 0em;
}

br {
 	line-height: 12px;
}

/*  TRENNER
 * ************************** */
 
div.trenner {
	position: relative;
	overflow: hidden;
	display: block;
	
	height: 1px;
	background: url(../img/trenner.gif) repeat-x 0px 0px;
	margin: 0em 0em 1em 0em;
}
 
div.trenner_menue {
	position: relative;
	overflow: hidden;
	display: block;
	
	height: 1px;
	background: url(../img/trenner_menue.gif) repeat-x 0px 0px;
	margin: 0em 0em 1em 0em;
}

 /*  AUDIOPLAYER
 * ************************** */
 
div.artikel .audioplayer {
	display: block;
  	background-color: #76756E;
  	border: 5px solid #85847B;
  	margin: 0px 0px 0px 0px;
  	padding: 10px;
 }
 
/*  BILDER
 * ************************** */
 
div.bild {
	display: block;
  	/*  border: 1px solid #82ACDA; */
  	/*  border-style: dotted; */
  	background-color: #FFFFFF;
  	margin: 0px 0px 11px 0px;
  	/*  padding: 1px 1px 1px 1px; */
}
 
div.bild span {
	/*  Bildunterschrift */
	display: block;
	padding: 4px 4px;
  	border-top: 1px solid #FFFFFF;
  	background-color: #82ACDA;
  	
  	font-size: 12px;
	line-height: 13px;
	font-weight: normal;
	color: #FFFFFF;
}
 
div.produktbild {
	display: block;
  	border: 1px solid #82ACDA;
  	border-style: dotted;
  	background-color: #FFFFFF;
  	margin: 0px 0px 0px 0px;
  	padding: 1px 1px 1px 1px;
}



 
div.herstellerbild {
	float: left;
  	border: 1px solid #82ACDA;
  	border-style: dotted;
  	background-color: #FFFFFF;
  	margin: 0px 8px 4px 0px;
  	padding: 1px 1px 1px 1px;
  	width: 54px;
  	height: 40px;
  	overflow: hidden;
}

div.herstellerbild a img.firma {
	filter: Alpha(opacity=49); /* fuer windows */
	-moz-opacity: 0.49; /* fuer mozilla, safari */
	opacity: 0.49; /* CSS 3 */
}

div.herstellerbild a:hover img.firma {
	filter: Alpha(opacity=99); /* fuer windows */
	-moz-opacity: 0.99; /* fuer mozilla, safari */
	opacity: 0.99; /* CSS 3 */
}

div.herstellerbild a.activated img.firma {
	filter: Alpha(opacity=99); /* fuer windows */
	-moz-opacity: 0.99; /* fuer mozilla, safari */
	opacity: 0.99; /* CSS 3 */
}

div.herstellerbildactivated {
	float: left;
	border: 1px solid #545552;
  	/* border-style: dotted; */
  	background-color: #FFFFFF;
  	margin: 0px 8px 4px 0px;
  	padding: 1px 1px 1px 1px;
  	width: 54px;
  	height: 40px;
  	overflow: hidden;
}

 
div.umflussrechts {
	float: right;
	margin: 0px 0px 0.5em 1.0em;
}

div.umflusslinks {
	float: left;
	margin: 0px 1.0em 1.0em 0px;
}
 
 
/*  LISTEN
 * ************************** */
 
div.artikel ul,
div.artikel ol {
	position: relative;
	margin: 0em 0em 1em 0em;
	list-style-position: inside;
}

div.artikel .plain ul,
div.artikel .plain ol {
	position: relative;
	margin: 0em 0em 1em 15px;
	list-style-position: outside;
}

div.artikel ul {
	/*list-style: url(../img/listenpunkt.gif) inside;*/
	list-style-type: square;
}

* html div.artikel ul {
	/*list-style: url(../img/listenpunkt_ie.gif) inside;*/
	list-style-type: square;
}

div.artikel ul li, 
html div.artikel ul li, 
div.artikel ol li, 
html div.artikel ol li {
	margin: 0 0 0.5em 0;
}

/*  LINK- / DOWNLOADLISTEN
 * ************************** */

div.artikel ul.downloadliste,
div.artikel ul.linkliste {
	margin: 0em 0em 1em 0em;
	list-style-type: none;
	list-style-position: outside;
}

div.artikel ul.downloadliste li, 
html div.artikel ul.downloadliste li, 
div.artikel ul.linkliste li, 
html div.artikel ul.linkliste li {
	margin: 0 0 1em 0;
}

 
/*  GALERIE THUMBS
 * ************************** */
 
div.galerie {
	display: block;
	overflow: hidden;
	margin: 0em 0em 0em 0em;
}

div.galerie img {
	display: inline;
}

div.galerie a {
	position: relative;
	display: block;
	overflow: hidden;
	width: 150px;
	height: 120px;
	text-align: center;
	float: left;
	background-color: #FFFFFF;
	border: 1px solid #e52807;
	margin: 0em 1em 1em 0em;
	padding: 5px 5px 5px 5px;
}

div.galerie a span {
	position: absolute;
	display: block;
	overflow: hidden;
	top: 5px; left: 5px; z-index: 99;
	width: 120px;
	height: 120px;
	background: url(../img/galerie_deckblatt.gif) no-repeat center center;
	display: none;
}
		
div.galerie a:hover {
	border-color: #545552; /*#e52807*/
	text-decoration: none;
}

div.galerie a:hover span {
	display: none;
	visibility: hidden;
}

 
/*  PRODUKT GALERIE THUMBS
 * ************************** */
 
div.produktgalerie {
  	border-top: 0px;
  	border-bottom: 1px solid #82ACDA;
  	border-left: 1px solid #82ACDA;
  	border-right: 1px solid #82ACDA;
  	border-style: dotted;
  	background-color: #82ACDA;
	display: block;
	overflow: hidden;
  	margin: 0px 0px 0px 0px;
  	padding: 1px 1px 1px 1px;
}
 
div.produktgalerie span {
	/*  Bildunterschrift */
	display: block;
  	margin: 0px 0px 0px 0px;
  	padding: 0px 0px 0px 3px;
	overflow: hidden;
  	
  	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
	color: #545552;
}

div.produktgalerie a {
	position: relative;
	width: 50px;
	overflow: hidden;
	float: left;
	background-color: #FFFFFF;
	border: 1px solid #e52807;
	margin: 0px 0px 3px 3px;
	padding: 1px 1px 1px 1px;
}
		
div.produktgalerie a:hover {
	border-color: #545552; /*#e52807*/
	text-decoration: none;
}







blockquote {
	padding: 0em 0em 0em 20px;
	margin: 0em 0em 0.7em 0em;
}

/*  ALERT
 * ************************** */
 
div.alert {
	width: 100%;
	font-size: 12px;
	line-height: 17px;
	padding: 1px;
	border: 1px solid #D2340E;
	color: #FFF;
	margin: 0 0 11px 0;
}

div.alert span {
	display: block;
	padding: 24px;
	background: #D2340E;
}


/* 	**********************************************************************
	**********************************************************************/

.fussnote {
	font-size: 10px;
	color: #383B35;
}

div.stopfloat {
	display: block;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	height: 1px;
	width: 1px;
	float: none;
 	font-size: 1px;
  	line-height: 1px;
	clear: both;
}

/* Vertikale Ausrichtungen */
.vTop 	 { vertical-align: top; }
.vMiddle { vertical-align: middle; }
.vBottom { vertical-align: bottom; }
	
/* Horizontale  Ausrichtungen */
.hLeft   { text-align: left; }
.hRight  { text-align: right; }
.hCenter { text-align: center; }