/* Stylesheet article content for all pages of DirectGroup Bertelsmann */
/* pscheuerl@basecmp.de */
/* Last Change: 2009 Jan 15 */

p {margin:0; padding: 0; }

p.anounce {font-size: 1.2em}

strong {font-weight: normal; color: #000}

h1 {
	margin: 30px 0 15px 0; padding: 0;
	color: #000;
	font-size: 1.4em;
	font-weight: normal;
	}

h2 {
	margin: 10px 0 15px 0; padding: 0;
	color: #000;
	font-size: 1.2em;
	font-weight: normal;
	}

.ipic {margin:0; }
.ipic img {margin: 0; padding: 0; vertical-align: text-bottom; border:2px solid #f4f4f4;}
.ipic .caption {text-align: left; font-size: 0.8em; padding:0; background: #f4f4f4; color: #888;  border:2px solid #f4f4f4;}
.ipic .caption div {padding:3px 8px; }
.floatleft {float: left; margin: 0 10px 10px 0; }
.floatright {float: right; margin: 0 0 10px 10px;}
.center {width: 100%; text-align:center;}
.center .caption {margin:auto; }

.ilink, span.ilink {padding:2px 2px 2px 20px;}

.internal{margin-left:-20px;}
.external {margin-left:-20px;}
.pdf {background: url('icon_pdf.gif') left 2px no-repeat;}
.txt {background: url('icon_txt.gif') left 2px no-repeat;}
.xls {background: url('icon_xls.gif') left 2px no-repeat;}
.doc {background: url('icon_doc.gif') left 2px no-repeat;}
.ppt {background: url('icon_ppt.gif') left 2px no-repeat;}
.zip {background: url('icon_zip.gif') left 2px no-repeat;} 
.avi {background: url('icon_avi.gif') left 2px no-repeat;}
.mp3 {background: url('icon_mp3.gif') left 2px no-repeat;}
.eps, .EPS, .tif, .gif, .jpg {background:none; margin-left:-20px;}


/* for all non-full-width content */
.fliess {margin: 0; padding: 0 25px 30px 25px; line-height: 1.5em; }

.fliess p {margin:0; padding: 10px 0 10px 0; color: #5c5c5c;}

.fliess ul, .fliess ol {margin: 0 0 0 25px; padding: 0 0 10px 0;}
.fliess li {padding-bottom: 5px}


.fliess .teaser1 p, .fliess .teaser2 p, .fliess .teaser3 p  
{display: inline}

.fliess .articleTeaserText p {font-size:1.05em;color:#000; }


/* Teaser with gray background e.g. Press centerpage - they have fixed min-height */

.fliess .teaser1 {
	margin: 10px 0 0 0; padding:0;
	background: #f4f4f4;
	min-height: 129px;
	position: relative;
}

.fliess .teaser1 .bildl {
	float: left;
	margin: 15px 0 0 10px; padding: 0;
	height: 125px; width: 125px;
	overflow: hidden;
	text-align: center;
	border:2px solid #f4f4f4;
}
	
.fliess .teaser1 .bildr {
	float: right; 
	margin: 0 0 0 20px; padding: 0; 
	border-left: 1px solid #fff;
	height: 125px; width: 125px; 
	overflow: hidden;
	text-align: center;
	}

.fliess .teaser1 .bildl img, .fliess .teaser1 .bildr img
{text-decoration: none; border: none;}

.fliess .teaser1 .buttons {
	float: right; 
	margin: 20px 0 0 0; padding: 0 20px 0 20px;
	height: 105px;
	overflow: hidden;
}

.fliess .teaser1 .buttons a:link, .fliess .teaser1 .buttons a:visited 
{width: 60px; text-align: center}


.fliess .teaser1 .text {
	margin-left:130px;
	padding: 20px;

}

.fliess .teaser1 .h2 {
	margin: 0 0 15px 0; padding: 0;
	color: #000;
	font-weight: normal;
	font-size: 1.3em;
	}
	
.fliess .teaser1 .text .more {margin-left: 5px}

.fliess .teaser1 .text .subtext {position: absolute ; bottom: 20px; left: 146px}


/* Teaser with white background eg news centerpage - no fixed height - smaller font */
.fliess .teaser2 {
	margin: 10px 0 0 0; padding: 0;
	background: #fff;
}

.fliess .teaser2 .bildl {
	float: left; 
	margin: 0 20px 0 0; padding: 0; 
	overflow: hidden;
	}
	
.fliess .teaser2 .bildr {
	float: right; 
	margin: 0 0 0 20px; padding: 0;
	overflow: hidden;
	}

.fliess .teaser2 .bildl img, .fliess .teaser2 .bildr img
{text-decoration: none; border: none}

.fliess .teaser2 .text {
	padding: 0 0 15px 0;
	font-size: .9em;
}

.fliess .teaser2 .h2 {
	margin: 0 0 5px 0; padding: 0;
	color: #000;
	font-weight: normal;
	font-size: 1.3em;
	}
.fliess .teaser2 .text .date {
	font-size: .9em;
	color: #828282;
	margin-bottom: 15px
	}

.fliess .teaser2 .text .more {margin-left: 5px}


/* Teaser with gray background -like teaser1 BUT NO given height (images too high might overflow the content) */

.fliess .teaser3 {
	margin: 10px 0 0 0; padding:0;
	background: #f4f4f4;
	position: relative;
}

.fliess .teaser3 .bildl {
	float: left; 
	margin: 0 20px 0 0; padding: 0; 
	border-right: 1px solid #fff;
	height: 125px; width: 125px; 
	overflow: hidden;
	text-align: center;
	}
	
.fliess .teaser3 .bildr {
	float: right; 
	margin: 0 0 0 20px; padding: 0; 
	border-left: 1px solid #fff;
	height: 125px; width: 125px; 
	overflow: hidden;
	text-align: center;
	}

.fliess .teaser3 .bildl img, .fliess .teaser3 .bildr img
{text-decoration: none; border: none;}

.fliess .teaser3 .buttons {
	float: right; 
	margin: 20px 0 0 0; padding: 0 20px 0 20px;
	height: 105px;
	overflow: hidden;
}

.fliess .teaser3 .buttons a:link, .fliess .teaser3 .buttons a:visited 
{width: 60px; text-align: center}


.fliess .teaser3 .text {
	padding: 20px;

}

.fliess .teaser3 .h2 {
	margin: 0 0 15px 0; padding: 0;
	color: #000;
	font-weight: normal;
	font-size: 1.2em;
	}
	
.fliess .teaser3 .text .more {margin-left: 5px}

.fliess .teaser3 .text .subtext {position: absolute ; bottom: 20px; left: 146px}



/* list of more artikles */
.morenews {margin-bottom: -20px}
.headline {margin: 5px 0 20px 0; padding:0; font-size: 1.1em}
.headline a:link {color: #000}
.headline a:visited {color: #444;}
.headline a:hover, .headline a:active {color: #da5800;}

/* Trackback list */

.trackbacks .num {
	font-size: 1.3em;
	float: left;
	background: #f4f4f4;
	width: 40px; height: 40px;
	border-right: 1px solid #fff;
	overflow: hidden;
}

.trackbacks .num p {
	background: #transparent;
	text-align: center;
	padding-top: 9px;
}


.trackbacks .tracktext {
	background: #f4f4f4;
	margin-left: 41px;
	margin-bottom: 10px;
	padding: 9px 10px;
}

.trackbacks .tracktext a:link, .trackbacks .tracktext a:visited {font-size: 1.3em;}
.trackbacks .tracktext .date  {font-size: .8em; font-weight: bold; padding: 5px 0;}

.trackbacks a:link.older, .trackbacks a:visited.older {float: right}
.trackbacks a:link.younger, .trackbacks a:visited.younger {margin-left: 41px}

/* Form to select compaies */
form.company select {width: 200px; margin-right: 20px;}

/* form to limit search results */

#limitsearch {
	background: #f4f4f4;
	padding: 25px;
}

#limitsearch label { font-size: 1.2em; color: #000}
#limitsearch .textinput {margin-top: 15px; margin-right: 15px; width: 165px}
#limitsearch select { margin-right: 15px; width: 150px}

/* Other styles for search results */

.searchnav {display: block; float: left; width: 146px; font-size: .9em; margin: 10px 0 25px 0; height: 1em}
span.searchnav {text-align: center}
.searchresult {margin-top: 25px;}
.searchresult h2 {margin: 0; padding: 5px 0}
.searchresult p {margin: 0; padding: 0}

/* vertikale "button" style Links (z.b. downloads seite) */

.verticalbuttons {margin: 10px 0 25px 0}

.verticalbuttons a:link, .verticalbuttons a:visited {
display: block;
float: left;
margin: 0 1px 1px 0;
padding: 5px;
text-align: center;
color: #000;
background: #f4f4f4;
width: 135px;
color: #000;
}

.verticalbuttons a:hover, .verticalbuttons a:active, .verticalbuttons a.current  {color: #da5800; background: #eee; text-decoration:none;}


/* Sitemap */
.sitemapblock {
	margin: 10px 0 0 0; padding: 5px 20px 15px 20px;
	background: #f4f4f4;
}
.sitemapblock h2 {margin-bottom: 10px;}
.sitemapblock ul {margin: 0 0 0 20px; padding: 0; list-style: none; position: relative; width: 180px; }
.sitemapblock ul ul {margin: 0 0 -6px 0 ; padding: 0; position: relative; left: 170px; top: -16px; width: 180px;}
.sitemapblock ul li {padding: 2px 10px;}
.sitemapblock h2 a:link, .sitemapblock h2 a:visited {color: #000} 
.sitemapblock a:link, .sitemapblock a:visited {color: #5c5c5c}
.sitemapblock a:hover, .sitemapblock a:focus, .sitemapblock a:active, 
.sitemapblock h2 a:hover, .sitemapblock h2 a:focus, .sitemapblock h2 a:active {color: #da5800}

.sitemapblock ul li ul li {padding: 0 10px}


/* Contactform */
.contactform {font-size: .9em; margin: 0; padding: 5px 20px 20px 20px; background: #f4f4f4;}

.contactform label { display: block; line-height: 25px; width: 350px; margin-bottom: 5px; position: relative; }
.contactform .textinput { width: 180px; position: absolute; right: 0px;
font-family: Tahoma, Geneva, Verdana, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Lucida, sans-serif;
font-size: 1em;
color: #5c5c5c;
}
.contactform .doubleinput, .contactform .selectinput 
{width: 350px; line-height: 25px; margin-bottom: 5px; position: relative;}
.contactform .zipinput {width: 45px; font-size: 1.1 em; position: absolute; right: 135px; }
.contactform .cityinput {width: 124px; font-size: 1.1 em; position: absolute; right: 0px;}
.selectinput select {width: 150px; margin: 2px 0; position: absolute; right: 35px;
font-family: Tahoma, Geneva, Verdana, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Lucida, sans-serif;
font-size: 1em;
color: #5c5c5c;
}
.contactform textarea {
float: right; height: 75px; width: 377px;
font-family: Tahoma, Geneva, Verdana, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Lucida, sans-serif;
font-size: 1em;
color: #5c5c5c;
}
.contactform img {margin: 10px 0 10px 165px;}

/* Post to others form */
.postform {font-size: .9em; margin: 0; padding: 5px 20px 20px 20px; background: #f4f4f4;}

.postform label { display: block; line-height: 25px; width: 350px; margin-bottom: 5px; position: relative; }
.postform .textinput { width: 180px; font-size: 1.1 em; position: absolute; right: 0px ;
font-family: Tahoma, Geneva, Verdana, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Lucida, sans-serif;
font-size: 1em;
color: #5c5c5c;
}
.postform textarea {
float: right; height: 75px; width: 377px;
font-family: Tahoma, Geneva, Verdana, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Lucida, sans-serif;
font-size: 1em;
color: #5c5c5c;
}
.postform img {margin: 10px 0 10px 165px;}

/* FAQ page */

ol.faq {font-size: 1.2em; margin:0; padding: 0;}
ol.faq li {margin: 10px 0; list-style: none;}
ol.faq li a:link, ol.faq li a:visited {color: #5c5c5c}
ol.faq li a:hover, ol.faq li a:focus, ol.faq li a:active, 
ol.faq li a.act:link, ol.faq li a.act:visited
{color: #da5800}

h2.faqanswer  {margin: 20px 0 0 0;}

h2.faqanswer a:hover, h2.faqanswer a:focus, h2.faqanswer a:active  {color: #000}