/* CSS für Plasteurope.com

HINWEIS: Mit "FF" notierte Anweisungen werden in IE nicht korrekt wiedergegeben 
und sind in "pe_IE.css" abweichend notiert.

Farben:
Rot					#cc0033						H1, BoxKopfLInks
Dunkelgrau			#4F5356						BoxKopf, Links, BoxGrauLinie
Mittelgrau			#eaeaea						Tooltip BG
Hellgrau			#f3f3f3						BoxHintergund
Blau				#1633be						Logofarbe, Sonderfarbe für Boxen
grün				#009900						Signalfarbe

*/

body {
	margin: 0px;
	padding:0px;
	background-color:#FFFFFF;
	background-image:url(/images/styles/body_bg.gif); 
	background-repeat:repeat-x;
}
body.popup {background-image:none; background-color:#FFFFFF;}

.links a, a.links, a.link, .footer-link
	{
		color: #000000;
		display:block;
		padding: 2px 0px;
		background-image:url(/images/dpfeil_grau.gif);
		background-repeat:no-repeat;
		background-position: 0px 3px;
		padding-left: 15px;
		text-decoration:none;
	}
a:hover {text-decoration:underline; color:#cc0033;}

ul, ol { margin: 0px; padding: 0px;}
ul, ol {margin-left: 17px;}
li {padding-bottom: 2px; text-align:left;}
ul.linkliste li {list-style:url(/images/dpfeil_grau.gif); list-style-image::url(/images/dpfeil_grau.gif);  }
ul.aufzliste li {list-style:url(/images/aufz_grau.gif); list-style-image::url(/images/aufz_grau.gif);  }
.linkliste li { list-style:none; line-height: 1.5em}
.aufzliste li { list-style:none;}
ul.pdfliste {margin-left: 25px;}
ul.pdfliste li {list-style-image:url(/images/pdf_klein.gif); list-style:url(/images/pdf_klein.gif); padding-bottom:5px; padding-left: 10px;}
ul.pdfliste li a {text-decoration:none}

.werbemittel-content {display: block; margin: 20px 0px;}

/* Hauptbereiche */

#rahmen-top, #rahmen, #rahmen-bottom, #banner {margin: 0px auto; width: 980px;}
#rahmen-bottom {margin-bottom: 20px;}

#banner {margin-top: 10px;}

.werbe-single .werbemittel-rectangle {
	display: block;
}

#rahmen {
	width: 978px;
	background-color:#FFFFFF;
	border: 1px solid #777777;
	border-top-width: 0px;
	border-bottom-width: 0px;
}
#rahmen-top {margin-top: 10px; background-image: url(/images/styles/rahmen_top.gif); background-repeat:no-repeat; height: 10px;}
#rahmen-bottom {background-image: url(/images/styles/rahmen_bottom.gif); background-repeat:no-repeat; height: 11px;}

#rahmen, #banner, #kopf, #navigation, #rechts, #fuss 
{overflow:hidden;}

.Drucktitel, .Druckfuss, #drucklogo, .repeat {display:none;} 

#kopf {
	width: 958px;
	color:#FFFFFF;
	padding: 0px 10px;
	height: 40px;
	margin-bottom: 3px;
}

#logo {float:left;}
#subnav {
	margin-top: 21px;
	float: right;
	color: #898989;
}
#subnav a {color: #898989; text-decoration:none;}

#navigation {
	background-color:#cc0033;
	border-top: 1px solid; #777777;
	height: 27px;
	padding-bottom: 5px;
	overflow:hidden;
	background-image:url(/images/styles/nav_shadow.gif);
	background-position: 0px 27px;
	background-repeat:repeat-x;
	margin-bottom: 20px;
}

#breadcrumb {
	float:left;
	width: 593px;
	height: 20px;
	margin: 0px 20px 20px 25px;
}
#search {
	width: 340px;
	height: 20px;
	overflow:hidden;
	margin: 0px 0px 10px 0px;
}
#search .search-field {width: 300px; margin-right: 0px; border: 1px #4F5356 solid; font-size: 11px; float: left}
#search .search-button { float:right;}
#more-searchresults {width:330px;}
#more-searchresults>div {background-image:url(/images/dpfeil_grau.gif); background-repeat:no-repeat; padding-left: 17px; margin-bottom: 5px;}

#login-status {
	width: 340px;
	overflow:hidden;
}

#content {
	float: left;
	width: 600px;
	margin-left: 9px;
	min-height: 400px;
	overflow:hidden;
	margin-bottom: 40px;
}
body.popup #content {
	float: none;
	width: auto;
	margin-left: 0px;
	min-height: 0px;
	overflow:hidden;
	margin-bottom: 0px;
}

.contentspalte-links, .contentspalte-rechts {width: 290px;}
.boxspalte-links, .boxspalte-rechts {width: 280px;}
.contentspalte-links, .boxspalte-links {float:left}
.contentspalte-rechts, .boxspalte-rechts {float: right}

#rechts {
	float: right;
	width: 340px;
	margin-right: 9px;
	margin-top: 37px;
}
#rechts  img {display: block;}

#fuss {
	clear:both;
	background-color:#F3F3F3;
	padding: 10px 10px 0px 10px;
	font-size: 11px;
	border-top: 1px solid #777777;
	xxxbackground-image: url(/images/styles/fuss_verlauf.gif);
	xxxbackground-repeat:repeat-x;
}
#fuss p {margin: 8px 0px;}

#popup-rahmen {
	background-color:#FFFFFF;
	padding: 10px 0px 10px 10px;
	margin:0px;
	height:auto;
	width: 610px;
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	text-align:left;
	top:50%;
	left:50%;
	margin: 0px; padding: 0px;
}
#TB_title {
	background-color:#4F5356;
	background-repeat:no-repeat;
	font-weight:bold;
	font-size: 13px;
	padding: 3px;
	color: #FFFFFF;
	cursor: move;
	background-image:none;
}


/* Typo & Links */

body * {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

h1 {font-size: 15px; color: #cc0033;}
h2 {font-size: 13px; margin: 0px 0px 10px 0px; font-weight: bold;}
h3 {font-size: 12px;  font-weight: normal;}

.smalltext, .smalltext a {font-size: 11px;}

a {color:#000000;}
a:hover {color:#cc0033; text-decoration:none;}
.links a {display:block;}
#fuss a {text-decoration:none;}

/* Boxen und Listen */
.box {width: 100%; margin-bottom: 20px; height:100%;}
.boxtop {display: none;} /* Keine Anzeige auf Topic-Übersichten */
.box .boxtop, .box .ohnetop {display:block; background-color:#4F5356; color:#FFFFFF; font-weight:bold; padding: 3px 5px;}
.box .boxtop a {color:#FFFFFF; text-decoration:none;}
.smalltext .boxtop {font-size: 12px;} /* Normalgroße Überschriften, auch wenn Boxentext=smalltext ist */
.box .ohnetop {padding: 0px; height: 3px; background-color:#F3F3F3; mnargin-top: 10px:}
.box .boxbody {background-color:#F3F3F3; padding: 5px;}
.article-list .boxbody {background-color:#F3F3F3; padding: 5px 0px;}

.boxrot .boxtop {background-color:#cc0033; color:#FFFFFF;}
.boxblau .boxtop {background-color:#1633be; color:#FFFFFF;}

.box table.liste, .topic table.liste {width: 100%; margin:0px;}
.box table.liste td, .box div.zeile {padding-bottom: 10px;}
.topic table.liste tr.zeile td {padding-bottom: 20px;}
.box a.newsthumb, .liste a.newsthumb, .newsthumb,
.box a.jobthumb, .liste a.jobthumb, .jobthumb
	{display: block; float: left; margin: 2px 10px 0px 0px;}
.big-thumb {display: block; margin: 10px 0px;}
.box img.newsthumb, .box a.newsthumb img, .topic img.newsthumb, .box .big-thumb img {border: 1px #4F5356 solid;}
.box table.liste td.datum, .topic datum {width:70px; text-align:right;}
.listgrove-listing table.liste td.datum {width:100px; text-align:right; padding-right: 10px;}
.box div.datum-float, .topic table.liste div.datum-float 
{width:70px; text-align:right; float: right;}

div.liste {width: 100%; margin:0px;}
div.liste .item {
	float: left;
	vertical-align:top;
}
div.liste .lastitem {float: right;}

.box .topnews .ct1 {font-size: 14px;}
.box .topnews div.ct2 {margin-bottom: 0px;}
.box .ct2,.topic .ct2 {margin-top: 2px;}
.box .topnews .topnews-text a, 
.box a.ct1, .box .ct2 a, .topic a.ct1, .topic .ct2 a, #content div.liste a.ct1
{text-decoration:none;}
.box a:hover.ct1 {text-decoration:underline; color:#cc0033;}

.breite-290  table.liste, .breite-290  div.liste {width: auto;}
.box .topnews {margin: 0px 0px 0px 5px;}
.box table.liste tr.zeile td, .box div.liste .zeile {padding: 5px;}
.box table.topnews tr.zeile td {padding-bottom: 10px;}
.box table.liste tr.zeile:hover, .box div.liste div.zeile:hover 
{ background-color:#eaeaea}
.box table.topnews tr.zeile:hover { background-color: transparent;}

.box .ct1, .topic .ct1, .liste .ct1 {font-weight:bold;}
.box .ct2, .topic .ct1 {}
.box .footer-link {margin-top: 10px;}
#rechts .boxbild {width: 340px; overflow:hidden;}
#rechts .boxbild img {border-width:0px;}
#rechts .box {margin-bottom: 0px;}

.boxrechts .boxtop {display:block; background-color:#4F5356; color:#FFFFFF;}
.boxrechts .boxtop a {color:#FFFFFF; text-decoration:none;}
.boxrechts .boxbody {background-color:#F3F3F3; padding: 5px;}

.breite-290 {width: 290px;}
.breite-340 {width: 340px;}
.breite-600 {width: 600px;}

.breite-290 .boxtop,
.breite-340 .boxtop,
.breite-600 .boxtop,
.breite-290 .ohnetop,
.breite-340 .ohnetop,
.breite-600 .ohnetop
{background-position:top; background-repeat:no-repeat;}

.breite-290 .boxbody,
.breite-340 .boxbody,
.breite-600 .boxbody
{background-position:bottom; background-repeat:no-repeat;}

.breite-290 .boxtop, .breite-290 .ohnetop {background-image:url(/images/box/290_top_maske.gif);}
.breite-290 .boxbody {background-image:url(/images/box/290_bottom_maske.gif);}

.breite-340 .boxtop, .breite-340 .ohnetop {background-image:url(/images/box/340_top_maske.gif);}
.breite-340 .boxbody {background-image:url(/images/box/340_bottom_maske.gif);}

.breite-600 .boxtop, .breite-600 .ohnetop {background-image:url(/images/box/600_top_maske.gif);}
.breite-600 .boxbody {background-image:url(/images/box/600_bottom_maske.gif);}

#content .breite-290 .boxtop,
#content .breite-340 .boxtop,
#content .breite-600 .boxtop
{width: 165px; background-image:url(/images/box/175_top_maske.gif); background-position: top left;}

#content .breite-290 .boxbody,
#content .breite-340 .boxbody,
#content .breite-600 .boxbody {border-top: 1px solid #4F5356}
#content .boxrot .boxbody {border-top: 1px solid #cc0033}
#content .boxblau .boxbody {border-top: 1px solid #1633be}
#content .ohnetop+.boxbody, #content .topic .boxbody {border-width:0px;}

#content .breite-600 .ct2 {margin-right: 80px;}
#content .topnews .ct2 {margin-right: 0px;}

.pie-box-head {
	height:16px;
	background-color: #00248F;
	background-image:url(/images/20px_696A6E.gif);
	background-repeat:no-repeat;
	padding: 2px 10px 2px 25px;; 
	color:#FFFFFF;
	font-weight: bold;
}

/* Artikel */
.article {margin-bottom: 20px; width: 600px;}
.article .ct1 {font-size: 15px; color: #cc0033; font-weight:bold; margin-bottom: 10px;}
.article .ct2 {font-weight:bold;margin-bottom: 20px;}
.article .t2 {
	font-size: 14px;
	font-weight: bold;
	background-image: url(/images/styles/head_icon_blau.gif);
	background-repeat: no-repeat;
	margin: 35px 0px 15px 0px;
	padding: 1px 0px 5px 25px;
	border-bottom: 1px solid #6C6C73;
	clear:both;
}
.article h3, .article .t3 {font-weight:bold;margin-bottom: 10px; border: #696A6E 1px solid; border-left-width:0px; border-right-width:0px; padding: 5px 0px;clear: both;}
.article div.t3a {
	margin: 25px 0px 10px 0px;
	font-weight: bold;
	padding: 2px 3px;
	border: 1px solid #696A6D;
	border-left-width: 0px;
	border-right-width: 0px;
	background-color: #D4D4E0;
	clear: both;
}
.article div.t4a {
	margin: 15px 0px 10px 0px;
	font-weight: bold;
	padding: 2px 3px;
	border: 1px solid #696A6D;
	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	clear: both;
}

.article .ctext {line-height: 16px;margin-bottom: 20px;}
.article .biblio {display:none;}
.article .cdatum { clear:both; margin-top: 20px; font-size: 11px; color:#4F5356;}

.article .bildlinks, .article .bildmitte, .article .bildrechts {CLEAR: both;}
.article .bildlinks, .article .bildmitte, .article .bildrechts, .article .bildrechts2 {padding-top: 4px;}
.article .bildlinks {FLOAT: left; MARGIN: 0px 10px 10px 0px;}
.article .bildrechts, .article .bildrechts2 {FLOAT: right; MARGIN: 0px 0px 10px 10px;}
.article .bildmitte { FLOAT: none}
.article .bildlinks DIV, .article .bildrechts DIV, .article .bildrechts2 DIV, .article .bildmitte DIV, .article .BildObjektFooter {PADDING: 3px; font-size: 11px}
.article .bildtabelle, .article .BildObjektBG, .article .BildObjektFooter { width: 1px; padding: 0px; margin: 0px; BACKGROUND-COLOR: #F3F3F3; line-height: normal; }
.article .bild, .article .formtabelle, .article .Rahmengrau, .article .rahmengrau {  BORDER: #4F5356 1px solid; }
.article .ctext-update {margin: 20px 0px; border: 1px solid #4f5356; background-color: #F3F3F3; padding: 5px;}
.article .ctext-update-datum {font-size: 11px; font-style: italic; margin-top: 5px;}

/* Tabellen-Objekte */
.article .Tabelle_A1, .article .Tabelle_B1_small {
	padding-left: 5px; padding-right: 5px;
 	text-align:left;
	font-weight: bold;
}
.article .TableCellLeft, .article .Tabelle_A2, .article .Tabelle_B1_small, .article .TableCellBorderLeft, .article .TableCellBorderRight {
	padding-left: 5px; padding-right: 5px;
	padding-top: 5px; padding-bottom: 5px;
 	text-align:left;
}
.article .Tabelle_B1, .article .Tabelle_B1_small {
	padding-left: 5px; padding-right: 5px;
 	text-align:left;
	font-weight: bold;
}
.article .TableCell, .article .Tabelle_B2, .article .Tabelle_B2_small {
	padding-left: 5px; padding-right: 5px;
	padding-top: 5px; padding-bottom: 5px;
 	text-align:right;
}
.article .TableMain, .article .tablemain { /* Gross- und Kleinschreibung !!*/
	border: solid 1px #696A6D;
	border-collapse: collapse;
	margin-bottom: -15px;
}
.article .TableMain td, .article .tablemain td {line-height: 14px;}
.article table.tablemain {background-color:#F3F3F3; border: 1px solid #696A6E;}

.article .TableHead {
	font-weight: bold;
	background-color: #D4D4E0;
	border-bottom: solid 1px #696A6D;
	padding: 5px;
}
.article .RowHead, .article .RowHeadLeft, .article .RowHeadBorderLeft, .article .RowHeadBorderRight, .article .RowHeadCenter {
	font-weight: bold;
	padding: 5px;
	border-bottom: 1px solid #696A6E;
	text-align: right;
}
.article .RowHeadLeft, .article .RowHeadBorderLeft, .article .RowHeadBorderRight { text-align: left; }
.article .RowHeadCenter { text-align: center; }
.article .TableCellBorderLeft, .article .RowHeadBorderLeft {
	border-left: 1px solid #696A6D;
}
.article .TableCellBorderRight, .article .RowHeadBorderRight {
	border-right: 1px solid #696A6D;
}
.article .TableFooter, .article .TableFooterRight, .article .TableFooterLeft, .article .TableFooterCenter {
	border-top: 1px solid #000000;
	text-align:right;
	padding: 5px;
}
.article .TableFooterLeft, .article .TableFooter  { text-align:left; }
.article .TableFooterCenter { text-align:center; }

.article .jq-zebratable-odd {background-color: #ecebf3;}
.article td.bold, .article td.positiv-negativ{font-weight: bold;}
.article td.jq-zebratable-green {color: green;}
.article td.jq-zebratable-red {color: red;}
.article td.jq-zebratable-black {color: black !important!;}


/* Pager */
.pager-body {padding:8px 0px 0px 0px; xxbackground-image: url(/images/box/600_pager_bg.gif); height: 22px;}
.pager-body a {text-decoration: none;}
.pager-top, .pager-body, .pager_tabelle {}
.pager_link_passiv {display:none;}


/* Formulare */
form {margin: 0px;}
.box form {padding-top: 5px; padding-bottom:5px;}
form tr.zeile td, form td.zeile {padding-bottom: 15px;}
form div.zeile {margin-bottom: 0px; clear: both;}
input, textarea {display:inline;}
form .feld {border: 1px #4F5356 solid; margin-bottom: 5px;}
input.mini {width: 30px;}
input.kurz {width: 100px;}
input.mittel {width: 200px;}
input.mittel2 {width: 305px;}
input.bemerkung {width: 280px;}
input.teaserbox {width: 325px; margin-bottom: 5px;}
input.lang {width: 400px;}
textarea.lang {width: 400px;}
fieldset {border-width:0px;}
.error {margin: 20px 0px; font-weight:bold; color: #cc0033; border: 2px #cc0033 solid;background-color:#FFFFCC; padding: 10px; width: 400px;}
form .error {float: none; color: #cc0033; font-weight: normal; padding: 0px 0px 0px 10px; margin:0px; background-color: transparent; border-width:0px;}
form input.error {border: #cc0033 2px solid; padding: 1px; background-color:#FFFFCC;}
label { width: 150px; float: left;}
label.required, input.bold {font-weight:bold;}
label.error {display:block; margin-left: 150px; padding: 0px;}
form div.emailrepeat {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	width: 0;
	z-index: -1;
}

.noBorder {border-width:0px;}
.button {border: 1px #4F5356 solid; background-color:#F3F3F3; font-size: 11px; text-align:center; height: 20px; cursor: hand;}
a.button {padding: 2px 10px; height:14px; text-decoration:none; display:block; width:80px;}
.absenden {width: 100px;}

/* Sonstiges */
.clear, .Clear {clear: both;}
.abstand {margin-bottom:19px; height: 1px;}
.text {margin-bottom: 10px;}
.anmerkung {color: #4F5356; font-size: 11px; margin-bottom: 30px;}
.rahmen-grau, .bild {border: 1px #4F5356 solid;}
img.PIE-key {margin-left: 5px; border-width: 0px; display: inline;}
.red {font-weight: bold; color: #cc0033;}
.green {font-weight: bold; color: #009900;}
.blue {color:#00248F;}
.li-abstand li {padding-bottom: 25px;}

.wbw-edit {
		float:right;
		margin-left: 20px;
		background-image:none;
		background-color: #F3F3F3;
		padding: 0px 10px; 
		border: 1px solid #4f5356;
		color: #4f5356;
		text-decoration: none;
		font-size: 10px;
		font-weight: normal;
}
.wbw-liste li {margin-bottom: 10px;}
.msg_subtext {font-size: 11px; color: #A03234; altecolor: #303234; }

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #4F5356;
	background-color: #a1a3a5;
	color:#FFFFFF;
	padding: 5px;
}
#tooltip h3, #tooltip div { margin: 0; font-weight:bold;}

#banner-top {width: 1000px}
.banner-top-item {float: left; margin-right: 19px;}

#banner-rechts {}
.banner-rechts-item {margin-bottom: 20px;}

/* Navigation */

#breadcrumb { margin-left: 15px;}
#breadcrumb a {text-decoration:none; margin-right: 10px;}
#breadcrumb .breadcrumb-pfeil {margin: 0px 10px 0px 0px;}

#navigation ul.NAVebene1>li { 
	background-image: url(/images/styles/navi_trenn.gif);
	background-repeat:no-repeat;
	background-position:right top;}

#navigation ul.NAVebene1 a
{
	color:#FFF;
	font-size: 14px;
	font-weight:bold;
    text-decoration:none;
	margin-right: 30px;
	padding:4px;
}

#navigation ul.NAVebene1 a:hover
{
    /*color: red;*/
}

#navigation ul.NAVebene1 ul
{
    border:1px outset #777777;
	border-top-width: 0px;
	background-color:#FFFFFF;
}

#navigation ul.NAVebene1 ul a
{
    color:#000;
    padding:1px;
    text-decoration:none;
	font-weight:normal;
	padding:4px;
	font-size: 12px;
	width: 230px;
}

#navigation ul.NAVebene1 ul a:hover
{
    color: #cc0033;
	cursor: hand;
	background-color:#F3F3F3;
}


/* -------------------------- BEGIN do not change --------------------------- */
#navigation ul.NAVebene1
{
    list-style: none;
    margin:2px 0px 1px 6px;
    padding:0;
    width:100%;
    z-index:999;
}

#navigation ul.NAVebene1 * ul
{
    list-style: none;
    margin: 0;
    padding: 0;
	display:none;
	position:absolute;
	z-index:999;
	width:20em;
	margin-left: -17px;
	margin-top: 1px;
}

#navigation ul.NAVebene1 li
{
    float:left;
}

#navigation ul.NAVebene1 li * li
{
    border:1px solid #fff;
    float:none;

    position: relative;
}

#navigation ul.NAVebene1 ul * ul
{
    left:98%;
    top:0;

}

#navigation ul.NAVebene1 a
{
    display:block;

}

#navigation ul.NAVebene1 ul * a
{
    height:100%;
}

#navigation ul.NAVebene1 li:hover ul ul, ul.NAVebene1 li:hover ul ul ul, ul.NAVebene1 li:hover ul ul ul ul
{
    display:none;
}

#navigation ul.NAVebene1 li:hover ul, ul.NAVebene1 ul li:hover ul, ul.NAVebene1 ul ul li:hover ul
{
    display:block;
}

#navigation li:hover ul, #navigation li.sfhover ul {
	left: auto;
}
/* -------------------------- END do not change --------------------------- */