/* Allgemeiner Aufbau der Seite & des Layouts */
html   { width: 100%; }
@media all { html  { height: 100% }}
body   { width: 100%; height: 100% }
html * { padding: 0; margin: 0; border-collapse:collapse; border-spacing: 0; }
img    { border: 0 }

body      { background-image: url("../../media/gfx/body_bg2.gif"); background-repeat: repeat-y; background-position: center top }
body      { background-color: #ffffff }



/* Stile fuer Layoutelemente */

#wrapper, #bg { position: absolute; width: 930px; left: 50%; margin-left: -465px; }
/* Versteckt vor IE 5 MAC */
/*@media all { #wrapper  { top: 50%; margin-top: -290px; }}*/

#header { position: relative; height: 130px; overflow: hidden; }
#headermask { position: absolute; z-index: 2; bottom:0 }
#headermask  { background-image: url("../../media/gfx/header_maske.png"); background-repeat: no-repeat; width: 930px; height: 118px }
#headerimg  { position: absolute; z-index: 1;  }
#headerimg #headertext  { position: absolute; z-index: 1; top: 0; left: 200px; width: 500px; height: 100px; overflow: hidden  }

/*#bg { width: 180px; height: 100%; background-image: url("../../media/gfx/wrapper_bg.gif"); background-repeat: repeat-y; }*/

#bannerstart { position: absolute; top: 0; height: 100%; left: 0; width: 100%; background-color: #ffffff; z-index: 2500; overflow: hidden;  }
#bannerstart { display: none }

#recylex_animation, #skip { position: absolute; top: 50%; height: 500px; margin-top: -250px; left: 50%; width: 930px; margin-left: -465px; }
#skip { height: 20px; width: 300px; margin-left: 165px; margin-top: 255px; text-align: right; font-size: 10px; cursor: pointer }

#naviwrap, #contentwrap { position: relative;   }
#contentwrap { width: 750px; float: right }
#naviwrap { width: 180px; float: left; }
#content { margin-left: 30px; margin-right: 60px; margin-top: 35px; margin-bottom: 50px; }


#naviwrap #lang a { color: #00325e; text-decoration: none; font-size: 11px; margin: 0 0 0 13px }
#naviwrap #lang a img { vertical-align: middle; margin-top: -2px; margin-right: 3px }
#naviwrap #lang { position: absolute; top:360px; width: 100%; }

#recylexlogo { position: absolute; top:430px; width: 100%; height: 71px; text-align: center }
#logo  { position: absolute; height: 130px; width: 400px; right:0; top: 35px; z-index: 2000; text-align: right  }

#footer { top: 100%; height: 68px; left: 50%; width: 930px; margin-left: -465px; background-color: #fff; border-top: 1px dashed #ccc; margin-top: -69px; z-index: 2000 }
#footer { position: absolute; } /* For Internet Explorer */
html > body #footer { position: fixed } /* For Gecko-based browsers */
#footermenuewrap { float:right; width: 330px; height:20px; }
#footer #copyright { float: right; margin-right: 30px  }
#footerbanner { position:absolute; padding-top: 10px; left: 90px }
#footerbannertext { position:absolute; top: 2px; color: #666; font-size: 10px; margin: 0; z-index:1000}

#logosgroup { margin-bottom: 30px; margin-top: -5px}
#logosgroup  a { margin-right: 15px }

/*= NAV 1 ========================================== */
.bM         { position: relative; overflow: hidden  }
.bM li { word-wrap: break-word; }

.nav1ul, .nav1ul ul { list-style-type:none;     } 
.nav1ul { padding-top: 35px; margin: 0 13px }

.nav1li, .nav1lia      { padding: 0; border-bottom: solid 1px #00325e; width: 100%  }
.nav1lilast, .nav1lialast { padding: 0; border-bottom: 0 }
.nav1ul a  { font-size: 12px; font-weight: normal; text-decoration: none; color: #00325e; display: block; position: relative  }

.nav1a, .nav1a:link, .nav1a:visited  { color: #00325e; padding: 3px 7px; }
.nav1a:hover { font-style: italic; font-weight: bold }

.nav1aa, .nav1aa:link, .nav1aa:visited, .nav1aa:hover  {font-size: 12px; font-style: italic; font-weight: bold; padding: 3px 7px 3px 15px }



/*- NAV 2 ------------ */
.nav2ul { margin-left: 8px; padding-bottom: 5px  } 

.nav2li, .nav2lia      { }
.nav2li a, .nav2lia a  { font-size: 10px; font-weight: normal; text-decoration: none; display: block; color: #00325e  }

.nav2a, .nav2a:link, .nav2a:visited  { color: #00325e; padding: 0px 0px 0px 7px }
.nav2a:hover { font-weight: bold; font-style: italic; }

.nav2aa, .nav2aa:link, .nav2aa:visited, .nav2aa:hover  {font-size: 10px; font-style: italic; font-weight: bold; padding: 0px 0px 0px 7px }

/*- NAV 3 ------------ */
.nav3ul { margin-left: 8px; padding-bottom: 5px  } 

.nav3li, .nav3lia      { }
.nav3li a, .nav3lia a  { font-size: 10px; font-weight: normal; text-decoration: none; display: block; color: #00325e  }

.nav3a, .nav3a:link, .nav3a:visited  { color: #00325e; padding: 0px 0px 0px 7px }
.nav3a:hover { font-weight: bold }

.nav3aa, .nav3aa:link, .nav3aa:visited, .nav3aa:hover  { font-size: 15px; font-style: italic; font-weight: bold; padding: 3px 7px }

/* ================================================ */

/* Linke Spalte --> Text */
.csc-textpic-intext-right .csc-textpic-text, .contenttablewrap { margin-right: 340px  }

.divaccordion h3 { cursor:pointer }

/* Rechte Bildspalte */
.csc-textpic-imagewrap { margin-bottom: 25px; }
.csc-textpic-imagewrap dl { padding: 0 !important; margin: 5px 0 0 0 !important; position: relative }
.csc-textpic-image dt img { border: 1px solid #00325e; }
.csc-textpic-caption { padding-top: 5px; padding-bottom: 20px; }

.csc-textpic .zoomimg { margin-left: 1px; margin-top: -27px; width: 100%; height: 27px;   }
.csc-textpic .zoomimg { background-image: url("../../media/gfx/icon_zoom.gif"); background-repeat: no-repeat; background-position: right top }
.csc-textpic .zoomimg { left: 0; position: static; } /* For Internet Explorer */
html > body .csc-textpic .zoomimg { position: absolute } /* For Gecko-based browsers */


.startlogosrechts { position: absolute; right: 0; width: 160px; top: 95px; }

/* Textstile */
body,h1,h2,h3,p,table,a,form,input,textarea, select   { font-family: Verdana, sans-serif; font-size: 12px; color: #000; line-height: 18px }

#content h2 { color: #00325e; font-size: 24px; font-style: italic; margin-bottom: 20px  }
#content h3 { color: #333; font-weight: bold}
#content p, #content ul   { margin: 0 0 13px 0; }
#content ul { margin-left: 0; list-style: none }
#content ul li, .divaccordion h3 { background-image: url("../../media/gfx/ul_li_bullet.gif"); background-repeat: no-repeat; background-position: 0 6px; margin-bottom: 5px; padding-left: 12px; position: relative }

#content table { border: 1px solid #00325e; width: 100%; margin: 10px 0  }
#content thead { background-color: #00325e; color: #fff }
#content td, #content th { padding: 5px; text-align: left; vertical-align: top } 
#content td { border-top: 1px solid #00325e; color: #666  }
#content td.td-0 { width: 195px }

.csc-textpic-caption, .csc-textpic-caption a, .csc-textpic-caption a:link { font-size: 10px !important; font-style: italic; color: #666 !important; }


#footer a, #footer #copyright { font-size: 11px; line-height: 11px; color: #666; padding-top: 30px  }
#footermenue a { float: left; padding-right: 10px; }

/* FV 2008-10-08 */
#content p.absatzkleingrau { color: #666; font-size: 10px; margin: 0 }
span.recylexblau { color: #00325e !important; }
span.tab90px { float: left; width: 90px; }

.advtip {
	text-align: center;
	cursor: pointer;
	background: #fff;
	padding: 5px;
	border: 1px solid #ccc;
	width: 140px;
	
	color: #333333;
	font-size: 10px;
	line-height: 12px;
}
.tip-title { 
	font-weight: normal
}


/* ================================================ */