/* PIEWeb.com CSS */
/* Autor Jens Hartmann */
/* (c) 2007 KI Kunststoff Information GmbH, Bad Homburg, Germany */

*+html, * html { /* IE7 und IE5-6 Hack Beispiel */ }

/* Basis */

body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color:#FFFFFF;
	x_remark_display: none;
}

/* Hauptbereiche */

#header {
	height: 147px;
	background-color:#FFFFFF;
	background-image:url(../img/headermain_bg.gif);
	background-repeat:no-repeat;
	background-position: 0px 50px;
	min-width:1000px;
}
#headermiddle, #main, .headerfootergrenze { width: 1000px; clear:left;}
#headertop {
	min-height: 33px;
	background-color: #00248F;
	padding-left: 215px;
}
#headermiddle {padding: 10px 0px;}
#banner {padding-top: 7px;}
#headermain {width:785px;}
#headerbottom {clear:left;}
#headerbottom, #footerbottom {
	background-image:url(../img/headerbottom_bg.gif);
	background-repeat:repeat-x;
	height: 18px;
	font-weight: bold;
	color:#FFFFFF;
	font-size: 13px;
}
* html #footerbottom {margin-bottom: -2px;}
#main {
	min-height: 653px;
	margin-bottom: 15px; /* Abstand zum Footer beim IE */
}
* html #main {height: 657px;}
#links, #rechts, #content3sp, #content2sp, #contentchart, #rechtschartform  { /* Abstand zum Footer beim FF - Keine Ahnung, warum das Not tut!*/
	margin-bottom: 15px;
}
#links {
	float: left;
	width: 200px;
	margin-right: 15px;
}
#content3sp, #content2sp, #contentchart, #contentaktuellLINKS, #contentaktuellRECHTS {
	float: left;
}
#contentaktuellLINKS, #content3sp, #contentchart {
	margin-right: 15px;
}
#content3sp {
	width: 530px;
}
#content2sp {
	width: 785px;
}
#contentchart {
	width: 500px;
	margin-top: 15px;
}
#contentaktuellLINKS, #contentaktuellRECHTS {
	width: 385px;
}
* html #contentaktuellLINKS, #contentaktuellRECHTS {
	width: 380px;
}
#rechts, #rechtschartform  {
	float: right;
	width: 240px;
}
#rechtschartform {
	width: 270px;
}
#footer {
	clear:both;
	height: 40px;
	background-color:#00248F;
	min-width:1000px;
}
#footermain {
	padding: 8px 0px 0px 215px;
	height: 22px;
}
#popup {
	padding: 10px;
	width: 520px;
}


/* Box-Elemente allgemein */

.boxGELBheadline, .boxGRAUheadline, .staticbox, .ct1 {
	margin-top: 15px;
}
.HilfeIcon {
	float:right;
	margin-top:-2px;
	text-align:right;
}
.boxGELBheadline, .boxGRAUheadline, .staticboxheadline, .ct1 {
	background-repeat:no-repeat;
	height: 17px;
	font-weight:bold;
	font-size: 13px;
	padding: 2px 0px 0px 32px;
	color: #FFFFFF;
}
.boxGRAUheadline, .ct1 {
	background-image:url(../img/head_icon_grau.gif);
	background-color: #00248F;
	border-bottom: solid 2px #999AA1;
}
.boxGELBheadline {
	background-image: url(../img/head_icon_blau.gif);
	background-color: #999AA1;
	border-bottom: solid 2px #00248F;
}
.staticboxheadline {
	background-image:url(../img/head_icon_dunkelgrau.gif);
	background-color: #999AA1;
}
.boxGRAU, .boxGELB, .loginbox {
	padding: 5px;
}
#content3sp .boxGRAU, #content2sp .boxgrau, #contentchart .boxgrau   {
	padding: 10px 5px;
}
.boxGELB, .navibox {
	background-color: #BFCFFF;
}
.boxGRAU, .staticboxfooter, .TOC, .TOCabstand, .TableMain, .tablemain, .userarchivbox, .boxGRAUfooter, .boxGRAUpager  {
	background-color: #F5F5F5;
}
.staticboxfooter {
	padding: 2px 5px;
	border-top: solid 1px #FFFFFF;
}
.boxGRAUfooter, .boxGRAUpager {
	padding: 2px 5px 2px 0px;
}
.footerlinie, .boxGRAUfooter, .boxGRAUpager, .staticboxfooter, #blickpunkt, .staticboxfooterohne {
	border-bottom: 1px solid #696A6E;
}
.boxGRAUfooter, .boxGRAUpager {
	font-weight: bold;
	border-top: 1px solid #FFFFFF;
}

/* Box-Elemente speziell */

#pielogo {
	margin: 7px 7px 3px 10px;
	float: left;
}
* html #pielogo { /* Hack für IE 6 und da runter */
	margin: 10px 17px 0px 10px;
}
#pielogo a {
	background-color: transparent;
}
#headersubnav {
	float: left;
	margin: 9px 165px 0px 0px;
}
#headersubnav ul {
	margin: 0px;
	padding: 0px;
	display:inline
}
#headersubnav li {
	display: inline;
}
/*.headersuche {
	margin-left: 93px;
}*/
#headersearchfield {float: right; width: 240px; padding-top:3px; text-align:right; overflow: hidden;}

.headersuche, .headersuchbutton {
	display: inline;
}
.headersuchbutton {
	margin: 0px 0px 0px 14px;
	text-align: right;
}
#claim, #footerdatum {
	background-image:url(../img/header_icon_dunkelgrau.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	padding-left: 32px;
	height: 18px;
	float:left;
	width: 183px;
	font-weight: normal; font-size: 11px; padding-top: 2px;
}
#footerdatum {
	padding-top: 2px;
	font-size: 11px;
}
#breadcrumb { width: 750px; margin-top: 1px; }
.breadcrumbicon {
	margin: 0px 10px 2px 0px;
}
* html .breadcrumbicon { margin: 0px 10px 2px 0px; }
#copyright {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
	padding-top: 2px;
	width: 785px;
	float:right;
}
.loginbox, .boxgelb {
	background-color: #BFCFFF;
}
.loginbox {
	font-size: 11px;
	padding: 5px 10px 5px 19px;
}
.navibox {
	padding: 5px 0px;
}
.loginbox, .navibox  {
	border-right: 1px solid #696A6D;
	border-bottom: 1px solid #696A6D;
}
.TBbild {
	display:block;
	margin: 0px;
}
.SBbildlinks, .contentTOCbild {
	margin: 2px 10px 10px 0px;
}
.SBbildlinks {
	float: left;
}
.ppindtabelle {
	border: 1px #696A6D solid; 
	padding: 5px;
}
.ppindtabelle td, .suchoptionen {
	font-size: 11px;
}
.profillistenBG {
	/*background-color: #ECEBF3;
	margin: 5px; 
	border-top: 1px solid #696A6D;*/
	padding: 5px;
}
#userarchiv {
	margin: 20px; 
	width: 615px;
}
.hinweisbox {
	font-size: 12px;
	margin: 30px 0px 5px 0px;
}
.drucktiteluserarchiv, .PrintFooter {
	display: none;
}
.boxGRAU td { font-size: 12px; }

/* Textelemente speziell */

h1 {
	font-size: 14px;
	font-weight: bold;
}

.piesystem h2 {
	font-size: 15px;
	font-weight: bold;
	background-image: url(../img/pielogo_30.gif);
	background-repeat: no-repeat;
	margin: 25px 0px 0px 0px;
	padding: 15px 0px 5px 55px;
}

.piesystem .spaltenbox {
	clear: both;
}
.piesystem .links {
	width: 370px;
	float: left;
}
.piesystem .rechts {
	width: 370px;
	float: right;
}
.piesystem .spaltenbild {
 margin: 90px 0px 0px 50px;
}

.halbfett {font-weight: bold;}
.mittelgrau, .formangabe, .FormAngabe {color: #696A6D;}
.formangabe, .FormAngabe { font-size: 11px; }
.PIE-hervor {font-weight: bold; color:#00248F;}

/* !!! ALT !!!

#main ul, #main ol { * für FF und andere *
	margin-left: -25px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#main ol {
	margin-left: -15px;
}
#main li {
	padding-bottom: 5px;
}
*+html #main li { * für IE 7 *
	margin-left: -23px
}
*+html #main ul {
	margin-left: 40px;
}
*+html #main ol {
	margin-left: 55px;
}
* html #main li { * für IE 6 und darunter *
	margin-left: 23px
}
* html #main ul {
	margin-left: 0px;
}
* html #main ol {
	margin-left: 55px;
} */

/* Neu */
#main ul, #main ol { margin: 0px; padding: 0px;}
#main li {padding-bottom: 2px; text-align:left;}
#main ul, #main ol {margin-left: 17px;}
#main ul.aufz {list-style:none; list-style-image:url(/img/aufz_pie.gif) }*/

select.Menue{
	background-color:#F8F7FF;
	z-index: 5;
	margin-bottom: 10px;
	width: 400px;
}
option.Menue0{
	color:#FFFFFF;
	background-color:#3E7CBB;
	z-index: 5;
}
.VolltextKontext {
	font-size: 11px;
}
.VolltextHighlight {
	font-weight: bold;
	color: red;
}
.startseite {
 font-weight: normal; 
 color: #FFFFFF;
}
.ppcharttable {margin: 10px 0px; width:100%;}
.ppcharttable td {padding-bottom: 4px;}
.ppcharticon {
	padding: 0px 5px 0px 25px;
	background-image:url(../img/icon_chart.gif);
	background-repeat:no-repeat;
}
.ppchartlink {
	text-align: right;
}

/* Verlinkungen */

a {
	color: black;
	text-decoration:none;
}
a:hover, a:hover.popuplink {
	background-color: #BFCFFF;
}
#headersubnav li a, .loginbox a, #footermain a, .staticboxfooter a, .boxGRAUfooter a, .norightsbox a, .icongrau, .icongelb, .startseite, .userarchivbox a   {
	padding: 0px 10px 0px 15px;
	background-image: url(../img/link_icon_hellblau.gif);
	background-repeat:no-repeat;
	background-position: 0px 4px;
}
#headersubnav li a, #footermain a, .boxGRAUheadline a {color: #FFFFFF}
.staticboxfooter a, .boxGRAUfooter a, .icongelb {
	background-image:url(../img/link_icon_grau.gif); 
}
.loginbox a, .startseite, .#artikel a.link_page {
	background-image:url(../img/link_icon_blau.gif);
}
a.BrotkrumenText02  {
	font-weight: normal;
	color: #FFFFFF;
	margin-right: 20px;
}
a.BrotkrumenText02:hover, a.startseite:hover  {
	color:#000000;
}
.loginbox a {
	padding: 0px 5px 0px 15px;
	background-position: 0px 3px;
}
.loginbox a:hover, #headersubnav li a:hover, #footermain a:hover {
	background-color: #8BA8FE;
}
.boxGELBheadline a {
	color:#FFFFFF;
	text-decoration: none;
}
.TOC a {
	font-weight: bold;
	text-decoration: underline;
}
.boxGELBheadline a:hover, .TOC a:hover {
	background-color: transparent;
}
.TOC a:hover {
	text-decoration: none;
	border-bottom: 1px solid #00248F;
}
.popuplink {cursor: hand;}

#artikel a, .boxGRAU a {
	text-decoration: underline;
}
#artikel a:hover, .boxGRAU a:hover {
	text-decoration: none;
}

#artikel a.link_page {
	display: block;
	margin: 10px 0px 10px 0px;
	background-position: 0px 6px;
	font-weight:bold;
	width:400px;
	padding: 0px 10px 0px 15px;
	background-repeat:no-repeat;
	background-image:url(../img/link_icon_blau.gif);
}

#artikel ul {margin-top: 15px; margin-bottom: 15px;}

/* Navigation Links 

.navibox .Level_1_Unselect, .navibox .Level_1_Select, .navibox .Level_2_Unselect, .navibox .Level_2_Select {
	padding: 2px 5px;
}
.navibox a {
	display:block;
}
.navibox a:hover {
	background-color: transparent;
}
.navibox .Level_1_Unselect a, .navibox .Level_1_Select a {
	padding-left: 27px;
	font-size: 13px;
}
.navibox .Level_2_Unselect a, .navibox .Level_2_Select a {
	padding-left: 40px;
}
.navibox .Level_3_Unselect a, .navibox .Level_3_Select a {
	padding-left: 55px;
	font-size: 11px;
}
.navibox .Level_1_Unselect a {}
.navibox .Level_1_Select a, .navibox .Level_2_Select a, .navibox .Level_3_Select a {
	font-weight: bold;
}
.navibox .Level_1_Select a, .navibox .Level_2_Select a {
	background-image:url(../img/link_icon_blau.gif);
	background-repeat:no-repeat;
	background-position:15px 4px;
}
.navibox .Level_2_Unselect a {}
.navibox .Level_2_Select a {
	background-position: 27px 4px;
}
.navibox .Level_1_Select, .navibox .Level_2_Select, .navibox .Level_3_Select {
	background-color: #8BA8FE;
}
*/

/*.navibox .Level_1_Unselect, .navibox .Level_1_Select, .navibox .Level_2_Unselect, .navibox .Level_2_Select, 
.navibox .Level_3_Unselect, .navibox .Level_3_Select, .navibox .Level_2_Select_active, .navibox .Level_3_Select_active {
	padding: 2px 0px; 
}*/
.navibox div {padding: 2px 0px;}

.navibox .Level_1_Select a,.navibox .Level_1_Select_active a, .navibox .Level_2_Select a,.navibox .Level_2_Select_active a, 
.navibox .Level_3_Select a, .navibox .Level_3_Select_active a {
	font-weight: bold;
}
.navibox .Level_1_Select_active, 
.navibox .Level_2_Select_active, 
.navibox .Level_3_Select_active {
	background:#8BA8FE;
}

.navibox a {
	display:block;
}
.navibox a:hover {
	background-color: transparent;
}
.navibox .Level_1_Unselect a {
	padding-left: 27px;
}
.navibox .Level_1_Select a,
.navibox .Level_1_Select_active a {
	padding-left: 28px;
}

.navibox .Level_2_Unselect a {
	padding-left: 39px;
}
.navibox .Level_2_Select a, 
.navibox .Level_2_Select_active a {
	padding-left: 39px;
}
.navibox .Level_3_Unselect a, 
.navibox .Level_3_Select a, 
.navibox .Level_3_Select_active a {
	font-size: 11px;
}
.navibox .Level_3_Unselect a {
	padding-left: 54px;
	font-size: 11px;
}
.navibox .Level_3_Select a, 
.navibox .Level_3_Select_active a {
	padding-left: 54px;
	font-size: 11px;
}

.navibox .Level_1_Unselect a,
.navibox .Level_1_Select a,
.navibox .Level_1_Select_active a {
	background-image:url(/img/pfeil_nav1_blau.gif);
	background-repeat:no-repeat;
	background-position:13px 1px;
}


.navibox .Level_2_Unselect a,
.navibox .Level_2_Select a,
.navibox .Level_2_Select_active a {
	background-image:url(/img/pfeil_nav1_blau.gif);
	background-repeat:no-repeat;
	background-position: 24px 1px;
}

.navibox .Level_3_Unselect a,
.navibox .Level_3_Select a,
.navibox .Level_3_Select_active a
 {
	background-image:url(/img/pfeil_nav3_blau.gif);
	background-repeat:no-repeat;
	background-position: 39px 1px;
}


/* Input-Felder / Formulare */

form {
	margin: 0px;
	padding:0px;
}
.formpflicht {}
.formhead {
	background-color: #999AA1;
	color: #FFFFFF;
	font-weight: bold;
}
.LoginInput, .Inputfeld, .headersuchfeld, .Input, .input, .InputKurz, .inputkurz {
	border: 1px solid #8A8D94; 
	padding: 2px 3px 2px 3px;
	background-color: #FFFFFF;
}
.Input, .input {
	width: 250px;
}
.InputKurz, .inputkurz {
	width: 50px;
}
.LoginInput, .headersuchfeld {
	font-size: 11px;
}
.LoginInput {
	width: 140px;
	-webkit-appearance: none;
}
.buttonrahmen, .LoginButton, .SuchButton {
	border: 1px solid #696A6D;
	background-color: #D5D5D5;
	cursor: hand;
	-webkit-appearance: none;
}
.LoginButton, .SuchButton {
	font-size: 11px;
	margin: 5px 0px;
}
.SuchButton {	margin: 5px 0px 0px 0px;}
.headersuchfeld {
	width: 148px;
	margin-right: 0px;
}
.checkbox { /* für bündige Checkboxen */
	margin-left:0px; /* für FF */
}
*+html .checkbox, * html .checkbox { /* IE Hack */
	margin-left:-3px;
}
.archivoptionen select, .archivoptionen td {
	font-size: 11px;
}
#rechtschartform option, 
#rechtschartform select 
{	font-size: 11px; }
#vgltyp_ein, #vgltyp_aus {
	margin: 5px 0px;
}
#vgltyp_ein a, #vgltyp_aus a {
	font-size: 11px;
}
.chartformhead {
	margin: 0px 0px 2px 0px;
	font-size: 12px;
	font-weight:bold;
	bborder-bottom: 1px #696A6D solid;
	padding-bottom: 3px;
}
.chartformpart {margin-bottom: 10px;}


/* Artikel */

#artikel {
	margin: 0px 0px 45px 0px;
	width: 600px;	
	font-size: 12px;
	line-height: 18px;
	padding-bottom: 10px;
}
.biblio {
	clear: both;
	font-size: 11px;
	font-weight: bold;
	color: #696A6D;
	margin-top: 15px;
}
.ArtikelFuss {
	width: 600px;
}
.ct1 { padding: 1px 0px 1px 32px; }
#artikel div.ct2 {
	font-weight: bold;
	padding: 10px 0px 15px 0px;
	line-height: normal; 
}
#artikel div.t3 {
	margin: 25px 0px 10px 0px;
	font-weight: bold;
	padding: 2px 0px;
	border: 1px solid #696A6D;
	border-left-width: 0px;
	border-right-width: 0px;
	clear: both;
}
#artikel .ctext-update {
	margin: 5px 0px 15px 0px;
	border: 1px solid #4F5356;
	background-color: #F3F3F3;
	padding:5px;
}
#artikel .ctext-update-zitat {margin: 10px 0px;}
#artikel .ctext-update-datum {
	margin-top:5px; 
	font-style: italic;
	font-size: 11px;
}
.ArtikelFuss {
	background-color: transparent;
	margin-top: 20px;
	border-top: #696A6D solid 1px; 
	padding-top: 5px;
}
.norightsbox {
	margin: 50px 0px 15px 0px;
}
.icongrau { /* Überflüssig? */
	background-color: transparent;
	padding: 0px 10px 0px 15px;
}

.iconarchiv, .iconkommentar, .iconhauptrubriklink  {
	background-image: url(../img/tv/icons/textbox.gif);
	background-repeat:no-repeat;
	padding: 0px 0px 0px 30px;
	font-size: 12px;
}
.iconarchiv {
	background-image: url(../img/tv/icons/mydoc.gif);
	background-position: 0px -2px;
	height: 20px;
}

.iconhauptrubriklink {
	background-image: url(../img/tv/icons/rub_lastlev0.gif);}

.iconhauptrubriklink  a 
	{ text-decoration: underline; font-weight:bold; }

.iconhauptrubriklink  a:hover 
	{text-decoration: none; }

.userarchivbox {
	border: #696A6D solid 1px; 
	padding: 5px; 
	width: 570px; 
	margin: 10px 0 0 28px;
}
.bildlinks, .bildmitte, .bildrechts {CLEAR: both;}
.bildlinks, .bildmitte, .bildrechts, .bildrechts2 {padding-top: 4px;}
.bildlinks {FLOAT: left; MARGIN: 0px 10px 10px 0px;}
.bildrechts, .bildrechts2 {FLOAT: right; MARGIN: 0px 0px 10px 10px;}
.bildmitte { FLOAT: none}
.bildlinks DIV, .bildrechts DIV, .bildrechts2 DIV, .bildmitte DIV, .BildObjektFooter {PADDING: 3px; font-size: 11px}
.bildtabelle, .BildObjektBG, .BildObjektFooter { width: 1px; padding: 0px; margin: 0px; BACKGROUND-COLOR: #F5F5F5; line-height: normal; }
.bild, .formtabelle, .Rahmengrau, .rahmengrau {  BORDER: #696A6D 1px solid; }

#artikel sub {vertical-align: bottom; position: relative; top: 0.5em;}
#artikel sup {vertical-align: top; position: relative; top: -0.5em;}

/* Tabellen / Listen */

.TOC, .TOCabstand {padding: 5px 0px;}
#blickpunkt table {
	border-bottom-width: 0px;
}
.TOC td { font-size: 12px; } /* für IE 5.5 */
.tocBILD {
	margin-right: 5px;
	border: 1px solid #696A6D;
}
.TOC a:hover {
	text-decoration: none;
}

/* (7) Tabellen-Objekte */

.Tabelle_A1, .Tabelle_B1_small {
	padding-left: 5px; padding-right: 5px;
 	text-align:left;
	font-weight: bold;
}
.TableCellLeft,.Tabelle_A2, .Tabelle_B1_small {
	padding-left: 5px; padding-right: 5px;
	padding-top: 3px; padding-bottom: 1px;
 	text-align:left;
}
.Tabelle_B1, .Tabelle_B1_small {
	padding-left: 5px; padding-right: 5px;
 	text-align:left;
	font-weight: bold;
}
.TableCell, .Tabelle_B2, .Tabelle_B2_small {
	padding-left: 5px; padding-right: 5px;
	padding-top: 3px; padding-bottom: 1px;
 	text-align:right;
}
.TableMain, .tablemain { /* Gross- und Kleinschreibung !!*/
	border: solid 1px #696A6D;
}
.TableHead {
	font-weight: bold;
	background-color: #D4D4E0;
	border-bottom: solid 1px #696A6D;
	padding: 5px;
}
.RowHead, .RowHeadLeft, .RowHeadCenter {
	font-weight: bold;
	padding: 5px;
	border-bottom: 1px solid #000000;
	text-align: right;
}
.RowHeadLeft { text-align: left; }
.RowHeadCenter { text-align: center; }
.TableCellBorderLeft {
	border: 1px solid #696A6D;
	border-left-width: 0px;
	border-right-color: ;
	border-top-width: 0px;
	padding: 5px;
}
.TableCellBorderRight {
	border-bottom: 1px solid #696A6D;
	padding: 5px;
}
.TableFooter, .TableFooterRight, .TableFooterLeft, .TableFooterCenter {
	bborder-top: 1px solid #000000;
	text-align:right;
	padding: 5px;
}
.TableFooterLeft, .TableFooter  { text-align:left; }
.TableFooterCenter { text-align:center; }

/* (8) Chartform Live */

a.chartformbutton, input.chartformbutton {
	font-size: 11px; 
	padding: 1px 8px; 
	text-decoration:none; 
	background-color:#D5D5D5;
}
.ppindzeile {font-size: 12px; width: 240px; margin-right: 10px; margin-bottom: 4px;}

a {background-repeat:no-repeat;background-position: 0px 4px;} /* Icon-Anzeige FF*/