@charset "utf-8";
/*
 * INDRA Recycling
 * Global stylesheet (all)
 * @author: Ralf Heumann, JANUS DIE WERBEMANUFAKTUR
 * @date: 03/2010
 */

/* Reset browser styles */
@import url("reset.css");
/* Import Fancybox */
@import url("jquery.fancybox-1.3.1.css");

/***************************/
/*	General Elements       */
/***************************/

html, body { height: 100%; }
body { font-family: Tahoma, Arial, Helvetica, sans-serif; color: #333; background: #333 url(../images/orangestripe.gif) 0 409px repeat-x; }
body.start { background: #333 url(../images/orangestripestart.gif) 0 484px repeat-x; }

.invisible { display: none; }
.clearer { clear: both; }
.hr { height: 1px; margin: 0 0 20px 0; background: none; clear:both; border-bottom: 1px dashed #c1c1c1; }
.hr hr { display: none; }
strong { font-weight: bold; }
p a { color: #f60; }
p a:hover { text-decoration: none; }
p a.more { font-weight: bold; text-decoration: none; }

/***************************/
/*	Structure              */
/***************************/

#shadow {
	width: 950px;
	min-height: 100% !important;
	margin: 0 auto;
	padding: 0 14px;
	background: url(../images/siteshadow2.png);
}

/* Header */
#header {
	height: 150px;
	background: white url(../images/naviverlauf.gif) left bottom repeat-x;
	border-bottom: 1px solid white;
	position: relative;
}
#header h1 { margin-top: 41px; margin-right: 52px; float: right; }
#header h1 a { text-decoration: none; }
#header h1 a span { font-size: 0; text-indent: -9999px; display: none; }

#headlines { padding-left: 258px; position: absolute; top: 249px; z-index: 600; }
#headlines h2 { font-size: 28px; font-weight: normal; color: white; }
#headlines em { padding-left: 3px; font-size: 11px; color: white; display: block; font-style: normal; }
.start #headlines { padding-left: 28px; top: 360px; }
#mainteaserwrapper { height: 472px; position: relative; border-top: 2px solid #f60; background: white url(../images/bigorangestripe.jpg) left bottom no-repeat; }
#mainteaser li, #subteaser li { z-index: 400; }
/* #mainteaser img, #headerimage img { display: block; } */
#scrap { position: absolute; right: 15px; top: 365px; z-index: 600; }
#headerimage { height: 317px; position: relative; border-top: 7px solid #f60; display: block; }
ul#subteaser { background: black url(../images/smallorangestripe.jpg) left bottom no-repeat; }

/* Ticker */
.tickercontainer, ul#ticker { /* the outer div with the black border */
	width: 950px;
	height: 27px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: #e9e9e9;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	left: 0;
	top: 8px;
	width: 950px;
	overflow: hidden;
}
ul.newsticker { /* that's your list */
	position: relative;
	left: 950px;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 10px;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.newsticker li, ul#ticker li {
	float: left; /* important: display inline gives incorrect results when you check for elem's width */
	margin: 0;
	padding: 0;
}
ul.newsticker a, ul#ticker li a {
	white-space: nowrap;
	padding: 0;
	color: #f60;
	font-size: 10px;
	font-weight: bold;
	margin: 0 50px 0 0;
	text-decoration: none;
}
ul.newsticker span, ul#ticker li span {
	margin: 0 10px 0 0;
	font-size: 9px;
	font-weight: bold;
}

#site { padding-bottom: 40px; background: white url(../images/siteback.gif) left top repeat-y; position: relative; }

#content { padding: 40px 30px 0 30px; overflow: hidden; background: url(../images/shadowvertical.gif) repeat-x; }
#content h3, #content p { margin-bottom: 13px; font-size: 13px; line-height: 17px; }
#content h3 { font-size: 17px; font-weight: normal; }
#content h3 a, #content h4 a { color: #f60; }
#content h3 a:hover, #content h4 a:hover { text-decoration: none; }
#content ul { margin-bottom: 23px; }
#content ul li { margin-left: 15px; padding-left: 15px; font-size: 13px; line-height: 17px; background: url(../images/bullet.gif) 1px 7px no-repeat; }
#content p.asp { width: 260px; margin-right: 46px; margin-bottom: 20px; padding: 0; float: left; /*border: 3px solid #efefef;*/ }
#content p.asp em { margin-bottom: 5px; font-weight: bold; font-style: normal; display: block; }
#content p.asp .tab { float: left; clear: left; width: 45px; }
#content p.zert { margin-top: 43px; }
#content img { margin-right: 10px; padding: 1px; margin-bottom: 10px; float: left; border: 1px solid #ccc; }
#content img.no-border {  border: 0 }
#content table { border: 0 }
#content table td { font-size: 11px; border: 0; border-bottom: 1px solid #ccc; padding: 7px 40px 7px 0; }
#content table td.left { font-weight: bold; color: #c1c1c1; }

.listblock { margin-bottom: 17px; border-bottom: 1px dashed #c1c1c1; }
.listblock img { margin-right: 30px; float: left; }
.listblock .wrapper { overflow: hidden; }
.listblock em { padding: 0 2px; background: #f60; color: white; font-style: normal; }

/* Pagination */
ul.pagination { padding-top: 16px; margin-top: -8px;}
ul.pagination {
	background: white;
	display: inline-block;
	text-align: left;
}
ul.pagination li { margin: 0 3px 0 0 !important; padding: 0 !important; background: none !important; margin-right: 1px !important; display:inline-block; }
ul.pagination li a {
	height: 16px;
	padding: 1px 7px 2px !important;
	margin-right: 1px;
	font-size: 11px;
	font-weight: normal;
	color: white;
	text-align: center;
	text-decoration: none;
	float: left;
	background: #c1c1c1;
}
ul.pagination a.active { height: 15px; padding: 1px 6px 1px !important; font-weight: bold; border: 1px solid #ccc; background:white; color: #f60; }

/* Footer */
#footer { padding-bottom: 60px; }
#footer p { padding: 13px 30px 10px; font-size: 10px; color: #999; background: white; }
.start #footer p { background: white url(../images/shadowvertical.gif) left top repeat-x; }

/***************************/
/*	Lists etc.             */
/***************************/

/* Meta Navigation */
ul#metanavi { padding: 21px 0 0 31px; float: left; }
ul#metanavi li { margin-right: 5px; padding-right: 5px; float: left; border-right: 1px solid #999; color: #999; font-size: 10px; }
ul#metanavi li a { color: #999; text-decoration: none;}
ul#metanavi li a.lang { padding-left: 22px; background-position: left 1px; background-repeat: no-repeat; }
ul#metanavi li a.lang.de { background-image: url(../images/de.gif); }
ul#metanavi li a.lang.en { background-image: url(../images/en.gif); }
ul#metanavi li a.lang.cn { background-image: url(../images/cn.gif); }
ul#metanavi li a.lang.fr { background-image: url(../images/fr.gif); }
ul#metanavi li#languages { position: relative; min-width: 64px; }
ul#metanavi li#languages ul { padding-top: 4px; position: absolute; left: -9999px; }
ul#metanavi li#languages:hover ul { left: auto; }
ul#metanavi li li { float: none; margin: 0 0 4px 0; padding: 0; border: 0; }

ul#metanavi li a:hover { text-decoration: underline; }
input#searchfield { width: 120px; margin-left: 5px; margin-top: -4px; padding: 4px 27px 5px 8px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; color: #666; background: #e9e9e9 url(../images/leftsearch.gif) left top no-repeat; border: 0; float: left; }
input#searchbutton { width: 22px; height: 21px; margin-top: -4px; margin-left: -22px; background: #e9e9e9 url(../images/magnifier.gif) right top no-repeat; border: 0; font-size: 0; cursor:pointer; color: #fa8231; float: left; }

/* Main Navigation */
ul#navi { position: absolute; bottom: 0; left: 16px; }
ul#navi li { font-size: 13px; float: left; background: url(../images/navitrenner.gif) right bottom no-repeat; }
ul#navi li a { height: 31px; padding: 40px 18px 0 16px; color: black; text-decoration: none; float: left; }
ul#navi li a:hover, ul#navi li.active a { color: #f60; }
ul#navi li.active a { font-weight: bold; }

/* Subnavigation
Level-1 */
ul#subnavi { width: 230px; padding-top: 34px; float: left; display: inline; background: url(../images/shadowverticalgray.gif) left top repeat-x; }
ul#subnavi li a { padding: 6px 20px 8px 30px; font-size: 13px; color: white; font-weight: bold; display: block; text-decoration: none; }
ul#subnavi li a:hover { text-decoration: underline; }
ul#subnavi li.active { background: white url(../images/submenubevel.gif) left bottom repeat-x; }
ul#subnavi li.active a { margin: -4px 0; padding: 10px 20px 12px 30px; color: #f60; text-decoration: none; }

/* Level-2 */
ul#subnavi li ul { padding-bottom: 15px; background: 0; }
ul#subnavi li li {  }
ul#subnavi li li a {
	margin: 0 0 7px 0 !important;
	padding: 2px 20px 2px 50px !important;
	color: #333 !important;
	font-weight: normal;
	font-size: 11px;
	background: url(../images/gray_navi_arrow.gif) 35px 6px no-repeat !important;
}

ul#subnavi li li.active { background: none !important; }
ul#subnavi li li.active a { color: #f60 !important; font-weight: bold; background: url(../images/orange_navi_arrow.gif) 35px 6px no-repeat !important; }

ul#subnavi li li a:hover { color: #f60 !important; }

/* Footer Navigation */
#footer ul {}
#footer ul li {}

/* Forms */
form fieldset { margin-top: 25px; padding: 0; border: none; }
form fieldset legend { display: none; }
form fieldset p { margin-bottom: 5px !important; }
form fieldset.indent { margin-left: 120px; }

form label { width: 150px; margin-top: 4px; float: left; cursor: pointer; clear: left; }
form .input, form textarea, form select { font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid #bbb; font-size: 11px; color: #333; }
form .input, form textarea  { width: 272px; padding: 4px;}
form .input.small-int { width: 50px; }
form .input.medium-text { width: 208px; }
form select { padding: 2px; }

form fieldset p.checkbox { background: #ecebea; margin-top: 20px; padding: 5px 3px; overflow: hidden; }
form p.checkbox input { margin-top: 5px; margin-right: 8px; float: left; }
form p.checkbox label { width: auto; }

form p.error { margin: 0 0 25px -10px !important; padding: 10px; border: 1px dotted #e00; background: #f7ebeb; }
form p.error strong { color: #e00 !important; }
form p.failed label { color: #e00; font-weight: bold; }
form p.failed .input,
form p.failed textarea,
form p.failed select { border: 1px dotted #c00; }


/***************************/
/*	Special styles / fixes */
/***************************/

.flip {unicode-bidi:bidi-override; direction: rtl;}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.last {
	border: 0 !important;
	margin-right: 0 !important;
	padding-right: 0 !important;
	background: none !important;
}