@charset "UTF-8";

@media screen {
	/*allgemeines start */
		* {
			margin: 0px;
			padding: 0px;
			border: 0px;
		}
		BODY {
			text-align: center;
			background:#f2f2f2 url(../designbilder/bg.gif) fixed; 
			color: #4c4c4c;
			font: 15px/150% tahoma, arial, verdana; 
		}
		.rahmen {
			margin: 20px auto 20px auto;
			width: 960px;
			background: #fff;
			border: 1px solid #cdcdcd;
		}
		.rahmen-start {
			margin: 20px auto 20px auto;
			width: 560px;
			border: 0;
		}
		.flashintro {
			position: relative;
			top: -375px;
			z-index: 20;
		}
		.wrapper {
			clear: both;
		}
		.wrapper.oben {
		}
		.wrapper.mitte {
			text-align: left;
			padding: 0 0 10px 0;
		}
		.wrapper.unten {
			height: 20px;
			margin: 0px 0 20px 0;
		}
	/*allgemeines ende */
	
	
	/*header start */
		.logo {
			margin: 20px 20px 0 20px;
			width: 920px;
			height: 270px;
			text-align: left;
			background: #e4e4e4 url(../designbilder/recycling_duisburg_23.jpg) 10px 10px no-repeat;
		}
		.logo IMG {
			margin: 20px 0 0 20px;
		}
		/*navigation start */
			UL.navigation {
				width: 920px;
				height: 50px;
				list-style-type: none;
				margin: 4px 20px 0px 20px;
			}
			UL.navigation LI {
				float: left;
				text-align: center;
				width: 184px;
				height: 50px;
				overflow: hidden;
			}			
			UL.navigation LI  A {
				font: 14px/290% tahoma, arial, verdana; 
				color: #cb0000;
				text-decoration: none;
				text-transform: uppercase;
				font-weight: bold;
				width: 185px;
				height: 50px;
				display: block;
				background: url(../designbilder/bg_nav.gif) no-repeat;
			}		
			UL.navigation LI  A:hover,
			UL.navigation LI  A.aktiv
			{
				background: url(../designbilder/bg_nav.gif) 0 -55px no-repeat;
				color: #fff;
			}
		/*navigation ende */
		
	/*header ende */
	
	
	/*inhaltsbereich start */
		.spalte-links {
			float: left;
			width: 530px;
			margin: -10px 20px 50px 40px;
		}
		.spalte-links H1 {
			font: 20px/150% tahoma, arial, verdana; 
			color: #cb0000;
			font-weight: bold;
			border-bottom:3px double #f2f2f2;
			margin: 40px 0 10px 0;
		}
		.spalte-links H2 {
			font-size: 15px;
			color: #4c4c4c;
			margin: 15px 0 5px 0;
		}
		.spalte-links P,
		.spalte-rechts P {
			margin: 5px 0 10px 0;
		}
		.spalte-links A,
		.spalte-rechts A {
			color: #cb0000;
			text-decoration: underline;
		}
		.spalte-links A:hover,
		.spalte-rechts A:hover {
			background: #cb0000;
			text-decoration: none;
			color: #fff;
		}
		.spalte-links UL,
		.spalte-rechts UL {
			list-style-image: url(../designbilder/listenpunkt.gif);
			margin: 0 0 10px 25px;
		}
			
		.spalte-rechts {
			float: left;
			width: 310px;
			margin: 20px 20px 50px 40px;
		}
		.spalte-rechts .wrapper {
			background: #f2f2f2;
			border: 10px solid #e4e4e4;
			padding: 0px 20px 20px 20px;
			margin: 0 0 20px 0;
		}
		.spalte-rechts H2 {
			font: 17px/150% tahoma, arial, verdana; 
			color: #cb0000;
			font-weight: bold;
			margin: 15px 0 5px 0;
		}
		.spalte-rechts H2.icon {
			padding: 5px 0 5px 40px;
		}
		.spalte-rechts H2.icon.vcard {
			background: url(../designbilder/icon_vcard.gif) -4px 1px no-repeat;
		}
		.spalte-rechts H2.icon.uhr {
			background: url(../designbilder/icon_uhr.gif) -4px 1px no-repeat;
		}
		.spalte-rechts H2.icon.paket {
			background: url(../designbilder/icon_paket.gif) -4px 1px no-repeat;
		}
		.spalte-rechts HR {
			margin: 20px 0 20px 0;
			background: #fff;
			border: 0px;
			border-top: 1px solid #cacaca;
			height: 1px;
		}
		.spalte-rechts IMG.hafennummer {
			margin: 0 0 0 45px;
		}
		.spalte-rechts H3 {
			color: #4c4c4c;
			font: 15px/150% tahoma, arial, verdana; 
			margin: 15px 0 5px 0;
			font-weight: bold;
		}
		.footer  {
			clear: both;
			text-align: center;
			background: #cb0000;
			margin: 40px 20px 10px 20px;
			color: #fff;
			padding: 10px 0 10px 0;
		}
	/*inhaltsbereich ende */
	
	
	/*footer start */
		.footer A {
			text-decoration: underline;
			color: #fff;
		}
		.footer A:hover {
			color: #cb0000;
			background: #fff;
		}
		/*navigation start */
			UL.subnavigation {
				margin: 10px auto 10px auto;
				height: 20px;
				list-style-type: none;
			}
			UL.subnavigation LI {
				display: inline;
			}			
			UL.subnavigation LI  A{
				color: #fff;
				text-decoration: underline;
				padding: 0 10px 0 10px;
			}		
			UL.subnavigation LI  A:hover,
			UL.subnavigation LI  A.aktiv
			{
				color: #cb0000;
				background: #fff;
			}
		/*navigation ende */
		.footer P {
			margin: 5px 0 5px 0;
			clear: both;
			display: block;
		}
	/*footer ende */
	
	/****************************************plugins start *****************************************************/
	/* default styles for extension "tx_cssstyledcontent" */
		/* Captions */
			DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
			DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
			DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

			/* Needed for noRows setting */
			DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }


			DIV.csc-textpic-imagewrap { 
				margin: 30px 0 0 0;
				padding: 10px 0 0 15px;
				width: 100%;	
				background: #f2f2f2;
				border-top: 1px solid #e4e4e4;
				border-bottom: 1px solid #e4e4e4;
			}

			DIV.csc-textpic IMG { border: none; }
			DIV.csc-textpic A IMG { background: #fff; }
			
			/* Border just around the image */
			DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
				border: 10px solid #e4e4e4;
				padding: 1px;
			}

			/* DIV: This will place the images side by side */
			DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

			/* UL: This will place the images side by side */
			DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
			DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

			/* DL: This will place the images side by side */
			DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
			DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
			DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
			DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
			DL.csc-textpic-image { margin: 0; }
			DL.csc-textpic-image DT { margin: 0; display: inline; }
			DL.csc-textpic-image DD { margin: 0; }

			/* Clearer */
			DIV.csc-textpic-clear { clear: both; }

			/* Margins around images: */

			/* Pictures on left, add margin on right */
			DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
			DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
			DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
				display: inline; /* IE fix for double-margin bug */
				margin-right: 15px;
			}

			/* Pictures on right, add margin on left */
			DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
			DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
			DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
				display: inline; /* IE fix for double-margin bug */
				margin-left: 15px;
			}

			/* Pictures centered, add margin on left */
			DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
				display: inline; /* IE fix for double-margin bug */
				margin-left: 15px;
			}
			DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
			DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

			/* Space below each image (also in-between rows) */
			DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 15px; }
			DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 15px; display: block; }
			DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

			/* No margins around the whole image-block */
			DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
			DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

			/* Add margin from image-block to text (in case of "Text w/ images") */
			DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
			DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
				margin-right: 10px !important;
			}
			DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
			DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
				margin-left: 10px !important;
			}

			/* Positioning of images: */

			/* Above */
			DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

			/* Center (above or below) */
			DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
			DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
			DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
			DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

			/* Right (above or below) */
			DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
			DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

			/* Left (above or below) */
			DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
			DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

			/* Left (in text) */
			DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

			/* Right (in text) */
			DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

			/* Right (in text, no wrap around) */
			DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
			/* Hide from IE5-mac. Only IE-win sees this. \*/
			* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
			/* End hide from IE5/mac */

			/* Left (in text, no wrap around) */
			DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
			/* Hide from IE5-mac. Only IE-win sees this. \*/
			* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
			/* End hide from IE5/mac */
			DIV.csc-textpic DIV.csc-textpic-imagerow-last { margin-bottom: 0; }
		
	/****************************************plugins ende *****************************************************/		
	
}