@charset "utf-8";
/* CSS Document 
Theme Name: MFL 2009
Theme URI: http://www.materialfluss.de/
Description: 	
Version: 1.0
Author: Schalk & Friends

/* Stylesheet-Datei für allgemeine Styles
09-08-05 SW, schalk & friends gmbh */


/* Reset - Browser Default Styles deaktivieren
-------------------------------------------------------------------------------- */
pre {
	font-size: 1.9em;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

ol, ul {
	list-style: none;
}

address, cite, code, dfn,  var {
	font-style: normal;
	font-weight: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td, th {
	vertical-align: top;
}

fieldset,img {
	border: 0;
}

caption, th {
	text-align: left;
}

q:before, q:after {
	content: '';
}

a {
	outline: none;
}

.clearfix:after { /* automatisches Clearing von Floats */
	clear: both;
	content: ".";
	display: block;
	height: 0px;
	visibility: hidden;
}

p {
	font-size:1.2em;
	line-height: 140%;
	margin-bottom: 17px;
}

p.error {
	font-weight: bold;
	color: #000000;
}

h1 {
	font-size:2em;
	font-weight:bold;
	margin-bottom:15px;	
}

h2 {
	font-size:1.6em;
	font-weight:bold;
	margin-bottom:10px;
	color: #41a62a;
	}

h3 {
	font-size:1.2em;
	font-weight:bold;
	text-transform:uppercase;	
	margin-bottom:5px;
	color: #000000;
}

h4 {
	font-size:1.1em;
	font-weight:bold;
	text-transform:uppercase;	
	margin-bottom:5px;
}

a {
	text-decoration: none;
	color: #000000;	
}

a:hover {
	text-decoration: underline;
}

/* Allgemeines Layout */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	/*background-color: #e3e1d8;*/
	background: transparent url(images/bg_body.gif) left top repeat;
	color: #000000;
}

#pageWrapper {
	width: 1140px;
	margin: 0 auto;
}

#innerPageWrapper {
	width: 960px;
	float: left;
	padding-bottom: 10px;	
}

#header {
	width: 960px;
	background: #ffffff url(images/bg_header.jpg) left top no-repeat;
	position:relative;
}

#content {
	width: 960px;
	background: transparent url(images/bg-content.jpg) left top repeat-y;
}

#innerContent {
	padding: 43px 19px 0px 19px; 
	width: 602px;
	float: left;
}

#innerContent h2 a {
	/*color: #333;*/
	color: #41a62a;
	text-decoration: none;
}

#innerContent h2 a:hover {
	text-decoration: underline;
}

#innerInnerContent {
	padding: 0 14px 0 0;
}

#sidebarWrapper {
	float: right;
	width: 302px;
	padding: 16px 9px 14px 9px;
}

#footer {
	height: 49px;
	background: #41a62a;
	color: #fff;
}

#footer ul {
	color: #ffffff;
	font-size:1.1em;
	display: block;
	padding-right: 40px;
}

#footer ul a {
	color: #ffffff;
	font-size:1.1em;
	display: block;
	padding: 19px 40px 0px 19px;	
}

#footer ul li {
	width: 100px;
	float: left;
}

#footer ul a {
	color: #ffffff;
	font-size:1.1em;
	display: block;
	float: left;
	padding: 19px 40px 0px 19px;	
}

.navFooterWrapper{
	padding: 20px 0 0px 0;
	margin: 0px 0px 5px 0;
	border-top:1px solid #CCCDCE;
	float: left;
	width:602px;
}

.navFooter {
	margin: 0px 0px 15px 0;
}

#innerContent .navFooterWrapper ul{
	padding: 0px;
	margin: 10px;
	font-size: 1.1em;
	line-height: 1.4em;
	list-style: none;
}

#innerContent ul.navFooter2 {
	border-bottom:1px solid #BFBFBF;
	border-top:1px solid #BFBFBF;
	margin:0 16px 24px 0;
	padding:10px 0;
	font-size: 1.0em;
	line-height: 1.4em;
	list-style: none;
}

#innerContent ul.navFooter2 li {
	background:transparent url(images/icon-pipe-breadcrumb.gif) no-repeat scroll right center;
	float:left;
	font-size:1.1em;
	margin-right:5px;
	padding-right:6px;
}

.navFooter li {
	float: left;
	margin-right: 5px;
	padding-right: 6px;
	float: left;
}

.navFooter li a,
.navFooter li span {
	text-decoration: none;
	color: #000;
	float: left;
	padding-right: 14px;
}

.navFooter li a:hover {
	text-decoration: underline;
	color: #000000;
}

.navFooter li a.icon {
	padding-right: 0px;
}

#innerContent .navFooter2 li a.icon img, 
#innerContent .navFooter li a.icon img{
	padding: 0px;
	border:1px solid #CCCDCE;
}

.navFooter li.last {
	background: none;
}

.navFooter .bookmarks,
.navFooter .voting {
	float: left;
}

.navFooter .bookmarks a,
.navFooter  .voting a {
	background:  none;
	padding: 0;
	margin: 0 1px;
}

.navFooter .voting a {
	text-indent: -9999px;
	display: block;
	width: 13px;
	height: 13px;
	padding: 0;
	margin: 0;
}

.navFooter .voting a.active{
	background: transparent url(images/icon-star-active.jpg) left center no-repeat;
}

.navFooter .voting a.halfactive {
	background: transparent url(images/icon-star-active_half.jpg) left center no-repeat;
}

.navFooter .voting a.inactive {
	background: transparent url(images/icon-star-inactive.jpg) left center no-repeat;
}

/* footer 2*/

.navFooter2 {
	border-top:1px solid #BFBFBF;
	border-bottom:1px solid #BFBFBF;
	padding: 10px 0;
	margin: 0px 16px 24px 0;
}

.navFooter2 li {
	font-size: 1.1em;
	float: left;
	margin-right: 5px;
	padding-right: 6px;
	background: transparent url(images/icon-pipe-breadcrumb.gif) right center no-repeat;
}

.navFooter2 li a,
.navFooter2 li span {
	text-decoration: none;
	color: #000;
	float: left;
}

.navFooter2 li a:hover {
	text-decoration: underline;
	color: #CC071E;
}
.navFooter2 li.last {
	background: none;
}

.navFooter2 .bookmarks,
.navFooter2 .voting {
	float: left;
}

.navFooter2 .bookmarks a,
.navFooter2  .voting a {
	background:  none;
	padding: 0;
	margin: 0 1px;
}

.navFooter2 .voting a {
	text-indent: -9999px;
	display: block;
	width: 13px;
	height: 14px;
	padding: 0;
	margin: 0;
}

.navFooter2 .voting a.active{
	background: transparent url(images/icon-star-active.jpg) left center no-repeat;
}

.navFooter2 .voting a.halfinactive {
	background: transparent url(images/icon-star-active_half.jpg) left center no-repeat;
}

.navFooter2 .voting a.inactive {
	background: transparent url(images/icon-star-inactive.jpg) left center no-repeat;
}
/* Newsletter und Suche Box */

#newsletterWrapper {
	padding: 8px 0;
	margin-bottom:8px;
}

#newsletterWrapper h4 {
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 5px;
}

#newsletterWrapper #newsletterForm {
	float: left;
	width: 145px;
}

#newsletterWrapper input {
	float: left;
	display: block;
}

#newsletterWrapper input.text {
	width: 118px;
	padding: 1px 3px;
	color: #000;
	font-size: 1.2em;
}

#newsletterWrapper #searchForm input.text {
	border: 1px solid #000;
}

#newsletterWrapper #newsletterForm input.text {
	border: 1px solid #a3a3a3;
}

#newsletterWrapper input.button {
	border: none;
	background: transparent url(images/icon-pfeil-weiss.gif) center center no-repeat;
	text-indent: -9999px;
	line-height: 0px;
	height: 19px;
	width: 17px;
}

#newsletterWrapper #newsletterForm input.button {
	background-color: #a3a3a3;
}

#newsletterWrapper input.botton {
	float: left;
}

#newsletterWrapper div.sidebarIcons{
	float: right;
	padding: 20px 0px 0px 0px
}

/* Headerbereich */

#logoWrapper {
	height: 159px;
	padding: 0 10px 0px 24px;
}

#logoWrapper .logoProduktion {
	display: block;
	float: right;
}

#logoWrapper .logoIndustrie {
	display: block;
	float: left;
	padding-top: 30px;
}

#bannerTop {
	text-align: left;
	padding: 15px 0 0 0;
}

#bannerSky {
	float: right;
	width: 160px;
	/*padding-top: 81px;*/
	padding-top: 125px;
}	

.logoMaterialfluss{
	position:absolute;
	left: 50px;
	right: 0px;
}	

/* Meta-Navi */

#navMeta {
	padding: 22px 0 5px 290px;
	font-size: 1.2em;
}

#navMeta li {
	float: left;
	padding: 0 34px 3px 0;
	text-indent: -20000px;
}

#navMeta li.last {
	float: left;
	padding: 0 0px 3px 0;
}

#navMeta li a {
	color: #000000;
	text-decoration: none;
}

#navMeta li a:hover {
	text-decoration: none;
}

#navMeta .metaNav_01{
	background: transparent url(images/metanav_01.gif) top right no-repeat;
	display: block;
	width: 113px;
	height: 19px;
}

#navMeta a.metaNav_01:hover{
	background: transparent url(images/metanav_01_hover.gif) top right no-repeat;
}

#navMeta .metaNav_02{
	background: transparent url(images/metanav_02.gif) top right no-repeat;
	display: block;
	width: 106px;
	height: 19px;
}

#navMeta a.metaNav_02:hover{
	background: transparent url(images/metanav_02_hover.gif) top right no-repeat;
}

#navMeta .metaNav_03{
	background: transparent url(images/metanav_03.gif) top right no-repeat;
	display: block;
	width: 73px;
	height: 19px;
}

#navMeta a.metaNav_03:hover{
	background: transparent url(images/metanav_03_hover.gif) top right no-repeat;
}

#navMeta .metaNav_04{
	background: transparent url(images/metanav_04.gif) top right no-repeat;
	display: block;
	width: 123px;
	height: 19px;
}

#navMeta a.metaNav_04:hover{
	background: transparent url(images/metanav_04_hover.gif) top right no-repeat;
}

#navMeta .metaNav_05{
	background: transparent url(images/metanav_05.gif) top right no-repeat;
	display: block;
	width: 31px;
	height: 19px;
}

#navMeta a.metaNav_05:hover{
	background: transparent url(images/metanav_05_hover.gif) top right no-repeat;
}

#navMeta .metaNav_06{
	background: transparent url(images/metanav_06.gif) top right no-repeat;
	display: block;
	width: 50px;
	height: 19px;
}

#navMeta a.metaNav_06:hover{
	background: transparent url(images/metanav_06_hover.gif) top right no-repeat;
}

/* Startseiten-Portlets */

.newsPortlet {
	padding-right: 16px;
	display: block;
	float: left;
	margin-bottom: 16px;
}

.newsPortlet .img a {
	display: block;
}

.newsPortlet .big {
	display: block;
	float: left;
	margin-right: 1px;
}

.newsPortlet .small {
	display: block;
	float: left;
	margin-right: 1px;
}

.newsPortlet .last {
	margin-right: 0;
}

.newsPortlet .text {
	height: 120px;
	padding: 0 16px 16px 16px;
	float: left;
	display: block;
	width: 250px;
}

.newsPortlet .text h1 {
	font-size: 1.8em;
	font-weight: bold;
	margin-bottom: 5px;
}

.newsPortlet .text h1,
.newsPortlet .text h1 a {
	color: #333;
	text-decoration: none;
}

.newsPortlet .text p a {
	color:#E75012;
	padding:0 0 0 0;
	text-decoration:underline;
}

.newsPortlet .text a.additional {
	font-size: 1.1em;
	margin-bottom: 0px;
}

#innerContent ul#topTeaser {
	font-size:1.2em;
	line-height:1.2em;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px 0px 10px 0px;
	padding:5px 0px;
}

#innerContent ul#topTeaser img {
	margin: 0px;
	padding: 0px;
}

/* Breadcrumb */

#innerContent ul#breadcrumb {
	list-style: none;
	padding:5px 0px 5px 0px;
	margin: 0px 0px 10px 0px;
}

/* Navigation */



#navMainGreen,

#navInnen {

	background: transparent url(images/bg_mainnav.jpg) top right;

	position: relative;

	z-index: 4;

	height: 51px;

	font-size: 1.2em;

}



.navMain li {

	float: left;

	padding: 0;

	position: relative;

}



.navMain li a {

	text-decoration: none;

	color: #000000;

	padding: 8px 10px 3px 10px;

	display: block;

	text-transform: uppercase;

	height: 40px;

}



.navMain li ul li a{

	padding: 3px 10px 3px 3px;

}



.navMain li a.firstNavi {

	width: 172px;

}



#navMainGreen li.active a,

#navInnen li.active a,

#navMainGreen li.sfhover a,

#navInnen li.sfhover a,

#navMainGreen li:hover a,

#navInnen li:hover a,

#navMainGreen li a:hover,

#navInnen li a:hover {

	background: transparent url(images/bg_mainnav_hover.jpg) scroll 1px 0px no-repeat;

	color: #000000;

}



#navMainGreen li.active a.first,

#navInnen li.active a.first,

#navMainGreen li.sfhover a.first,

#navInnen li.sfhover a.first,

#navMainGreen li:hover a.first,

#navInnen li:hover a.first {

	background: transparent url(images/bg_mainnav_hover.jpg) scroll 0px 0px;

}



/* navMain - 2. Naviebene */



/* navMain - 2. Naviebene */



.navMain li ul {

	position: absolute;

	top: 51px;

	width: 100%;

	left: -999em;

}



#navMainGreen li.active ul li a,

#navInnen li.active ul li a,

#navMainGreen li:hover ul li a,

#navInnen li:hover ul li a,

#navMainGreen li.sfhover ul li a,

#navInnen li.sfhover ul li a,

#navMainGreen li ul li a:hover,

#navInnenli ul li a:hover {

	background: none;

}



#navMainGreen li ul,

#navInnen li ul {

	background: transparent url(images/bg_subnavi.jpg) top left;

	width: 228px;

}



#navMainGreen.ul{

	z-index: 100;

	position: relative;

}



#navMainGreen ul {

	z-index: 101;



}



#navMainGreen ul li{

	z-index: 102;



}

#navMainGreen ul li ul{

	z-index: 103;

}



#header{

	z-index: 1000;

}





.navMain li:hover ul,

.navMain li.sfhover ul {

	left: 0px;

	width: 172px;

}



.navMain li:hover ul li,

.navMain li.sfhover ul li {

	display: block;

	white-space: nowrap;	

	padding: 2px 10px 2px 16px;

	clear: both;	

	width:203px;

}



#navMainGreen li ul a,

#navInnen li ul a,

#navMainGreen li:hover ul a,

#navInnen li:hover ul a,

#navMainGreen li.sfhover ul a,

#navInnen li.sfhover ul a {

	color: #000000;

	display: block;

}



.navMain li ul a,

.navMain li:hover ul a,

.navMain li.sfhover ul a {

	color: #666;

	display: block;

	text-transform:none;

}



#navMainGreen li:hover ul li:hover a,

#navInnen li:hover ul li:hover a.pfeil,

#navMainGreen li.sfhover ul li a:hover, 

#navInnen li.sfhover ul li a.pfeil:hover{

	background: transparent url(images/pfeil.gif) right center no-repeat;

}



#navMainGreen li:hover ul li:hover ul li a,

#navInnen  li:hover ul li:hover ul li a,

#navMainGreen li.sfhover ul li ul li,

#navInnen  li.sfhover ul li ul li {

	background: none;

}



#navSub {

	padding: 0px 10px 2px 16px;

	font-size: 1.2em;

}



#navSub li {

	float: left;

	padding: 0 0 0 5px;

	display: block;

}



#navSub li.active a {

	color:#000000;

}



#navSub li a {

	display: block;

	float: left;

	text-decoration: none;

	color: #000;

	padding: 4px 8px 4px 3px;

	white-space: nowrap;	

}



#navSub li.grey {

	float: right;

}



/* navMain - 3. Naviebene */



.navMain li ul li ul.subnavi_3 {

	position: absolute;

	top: 0px;

	width: 100%;

	left: 200px;

	background: none !important;

	background-color: #cdcdce !important;

	border-left: 1px solid #fff;

	border-right: 1px solid #fff;

	display: none;

}



.navMain li ul li:hover  ul.subnavi_3 ,

.navMain li ul li.sfhover  ul.subnavi_3  {

	left: 228px;

	width: auto;

	top: 0px;

	display: block;

}



.navMain li ul li a {

	height: 15px;

}



#breadcrumb {

	display: block;

	font-size: 1.1em;

	margin-bottom: 20px;

	width: 100%;

}



#breadcrumb li {

	float: left;

	padding-right: 6px;

}



#breadcrumb li a {

	float: left;

	text-decoration: none;

	color: #666;

	padding-right: 7px;

	background: transparent url(images/icon-pipe-breadcrumb.gif) right center no-repeat;

}



#breadcrumb li.last,

#breadcrumb li.last a {

	padding-right: 0;

	background: none;

}



.navMain li ul li:hover  ul.ebene1 ,

.navMain li ul li.sfhover  ul.ebene1 {

	top: 0px;

}



.navMain li ul li:hover  ul.ebene2 ,

.navMain li ul li.sfhover  ul.ebene2 {

	top: -25px;

}



.navMain li ul li:hover  ul.ebene3 ,

.navMain li ul li.sfhover  ul.ebene3  {

	top: -50px;

}



.navMain li ul li:hover  ul.ebene4 ,

.navMain li ul li.sfhover  ul.ebene4  {

	top: -75px;

}



.navMain li ul li:hover  ul.ebene5 ,

.navMain li ul li.sfhover  ul.ebene5  {

	top: -100px;

}



.navMain li ul li:hover  ul.ebene6 ,

.navMain li ul li.sfhover  ul.ebene6  {

	top: -125px;

}



.navMain li ul li:hover  ul.ebene7 ,

.navMain li ul li.sfhover  ul.ebene7  {

	top: -150px;

}



.navMain li ul li:hover  ul.ebene8 ,

.navMain li ul li.sfhover  ul.ebene8  {

	top: -175px;

}



.navMain li ul li:hover  ul.ebene9 ,

.navMain li ul li.sfhover  ul.ebene9  {

	top: -200px;

}



.navMain li ul li:hover  ul.ebene10 ,

.navMain li ul li.sfhover  ul.ebene10  {

	top: -225px;

}

/*content*/
#innerContent a{
            text-decoration: underline;
}
 
#innerContent a:hover{
            color: #E75012;
}

#innerContent .portletContent{
	float: left;
	width: 602px;
	margin-bottom: 24px;
}

#innerContent h3{
	color: #7b7b7b;
	text-transform: uppercase;
	font-weight: normal;
}

#innerContent .portletContent a {
	/*color:#E75012;*/
	color: #41a62a;
	padding:0 0 0 0;
	/*text-decoration:underline;*/
}
#innerContent .portletContent p a.more-link {
	color:#E75012;
}
p.date{
	font-size: 1.1em;
	font-weight: bold;
}

#sidebarWrapper img {
	border: 1px solid #cccdce;
}

#innerContent img.right{
	float: right;
	padding: 5px 0px 20px 25px;
}

#innerContent img {
	/*float: left;*/
	padding: 5px 25px 20px 0px;
}
#innerContent .portletContent img {
	float: left;
	width: 150px;
	padding: 5px 25px 20px 0px;
}
#innerContent img.werbepaltz{
	float: right;
	padding: 20px 45px 20px 45px;
	border: 1px solid #cccdce;
	margin: 10px 0px 10px 12px;
}

#innerContent ul{
	padding: 20px 45px 20px 45px;
	margin: 10px 0px 10px 12px;
	font-size: 1.2em;
	line-height: 1.2em;
	list-style: circle;
}
#innerContent ul li{
	margin-bottom: 10px;
}
#innerContent table{
	padding: 20px 45px 20px 45px;
	margin: 10px 0px 10px 12px;
	font-size: 1.2em;
	line-height: 1.2em;
}

#innerContent td,
#innerContent th{
	padding: 5px 5px 5px 5px;
}

/* Marginal-Boxen */

#sidebar .box {
	margin-bottom: 8px;
	border: 1px solid #41a62a;
}

#sidebar .box h4 {
	font-size: 1.2em;
	font-weight: bold;
	text-transform: none;
}

#sidebar .box h4,
#sidebar .box h4 a {
	color: #000;
	text-decoration: none;
}

#sidebar .box p {
	font-size: 1.2em;
	color: #000;
}

#sidebar .box p a {
	color: #e75012;
	text-decoration: none;
	padding:0 0 0 0px;
	text-decoration:underline;
}

#sidebar .box .boxContent {
	padding: 10px;
	background: #fff;
}

#sidebar .box h3 {
	text-transform: uppercase;
	font-size: 1.1em;
	padding: 4px 10px;
	background-color: #41a62a;
	margin-bottom: 0px;
	font-weight: normal;
}

#sidebar .box h3,
#sidebar .box h3 a {
	color: #ffffff;
	text-decoration: none;
}

#sidebar .adBox_smal {
	border:medium none;
	/*padding:22px 0px 30px 22px;*/
}


#sidebar .adBox_smal_first {
	border:medium none;
	padding:0px 0px 30px 30px;
}

#sidebar .videoBox {
	border:medium none;
}

#sidebar .specialBox {
	background-color: #eaeaea;
	border: none;
	padding: 10px;
}

#sidebar .specialBox img {
	border:medium none;
}

#sidebar .specialBox h3 {
	font-weight: bold;
	font-size: 1.6em;
	margin-bottom: 10px;
	padding: 0px;
	background: none;
	text-transform: none;
}

#sidebar .specialBox h3,
#sidebar .specialBox h3 a {
	color: #41a62a;
	text-decoration: none;
}

#sidebar .specialBox img.left {
	float: left;
	margin-right: 10px;
}

#sidebar .specialBox p {
	font-size: 1.2em;
}

#sidebar .specialBox p a{
	color: #333;
	text-decoration: none;
	padding: 0;
	background: none;
}

/* zusätzliche Navi im contentbereich*/



#content #innerContent .contentNavi ul{

	font-size:1.2em;

	line-height:1.2em;

	list-style-image:none;

	list-style-position:outside;

	list-style-type:none;

	margin:0px;

	padding:0px;

}



#content #innerContent .contentNavi ul li ul{

	font-size:1.0em;

	line-height:1.0em;

}



#content #innerContent .contentNavi{

	position: relative;

	height: 100px;

	z-index: 1;

}



#content #innerContent .contentNavi ul.navInnen{

	position: absolute;

	left: -20px;

	top: 10px;

	z-index: 2;

}



#content #innerContent a.ohnepfeil:hover {

	background: none;

}