/* KIWeb.de 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;
	xremark_display: none;
}

/* Hauptbereiche */

#header {
	height: 120px;
	background-color:#FFCE00;
}
#headermain, #main, .headerfootergrenze { width: 1000px; clear:left;}
#headermain {
	background-image:url(/img/headermain_bg.gif);
	background-repeat:no-repeat;
	height: 102px;
}
#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: 680px;
	margin-bottom: 15px; /* Abstand zum Footer beim IE */
}
* html #main {
	height: 685px;
}
#links, #rechts, #content3sp, #content2sp, #contentchart, #rechtschartform { /* Abstand zum Footer bei FF & Co. */
	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;
	overflow:hidden;
}
#rechtschartform {
	width: 270px;
}
#footer {
	clear:both;
	height: 40px;
	background-color:#FFCE00;
}
#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;
}
.boxGELBheadline {
	background-image: url(/img/head_icon_gelb.gif);
	background-color: #696A6D;
	border-bottom: solid 2px #FECE00;
	color: #FFFFFF;
}
.boxGRAUheadline, .ct1 {
	background-image:url(/img/head_icon_grau.gif);
	background-color: #FFCE00;
	border-bottom: solid 1px #696A6D;
	color: #000000;
}
.staticboxheadline {
	font-weight:bold;
	background-image:url(/img/head_icon_dunkelgrau.gif);
	background-color: #696A6D;
	color: #FFFFFF;
}
.boxGRAU, .boxGELB, .loginbox {
	padding: 5px;
}
#content3sp .boxGRAU, #content2sp .boxgrau, #contentchart .boxgrau {
	padding: 10px 5px;
}
.boxGELB, .navibox {
	background-color: #FDF9ED;
}
.boxGRAU, .staticboxfooter, .TOC, .TOCabstand, .TableMain, .tablemain, .userarchivbox, .boxGRAUfooter, .boxGRAUpager  {
	background-color: #F9F9F9;
}
.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 */

#kilogo {
	margin: 10px 25px 0px 19px;
	float: left;
}

* html #kilogo { /* Hack für IE 6 und darunter */
	margin: 0px 17px 0px 10px;
}
#kilogo a {
	background-color: transparent;
}
#headersubnav {
	float: left;
	margin-top: 9px;
}
* html #headersubnav {
	margin-left: 5px;
}
#headersubnav ul {
	margin: 0px;
	padding: 0px;
	display:inline
}
#headersubnav li {
	display: inline;
}
.rsslink a {
	background-image:url(/img/rss10.gif);
	background-repeat:no-repeat;
	background-position: 0px 2px;
	padding-left: 18px;
	margin-top: 2px;
	font-size:12px;
}
.rsslink {display:inline;}

#headersearchfield {float: right; width: 230px; padding-top:3px; text-align:right; padding-right: 5px;}

/* .headersuche {margin-left: 10px;}
*+html .headersuche {margin-left: 28px;}
* html .headersuche {margin-left: 10px;} */

.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: 185px;
}
#footerdatum {
	padding-top: 2px;
	font-size: 11px;
	width: 180px;
}
#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: #FDF9ED;
}
.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 {
	float: left;
	margin: 2px 10px 10px 0px;
}
.ppindtabelle {
	border: 1px #696A6D solid; 
	padding: 5px;
	margin-bottom: 20px;
}
.ppindtabelle td {
	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;
	background-image: url(/img/head_icon_gelb.gif);
	background-repeat: no-repeat;
	margin: 35px 0px 15px 0px;
	padding: 1px 0px 5px 25px;
	border-bottom: 1px solid #6C6C73;
	clear:both;
}

.kisystem h2 {
	font-size: 15px;
	font-weight: bold;
	background-image: url(/img/kilogo_30.gif);
	background-repeat: no-repeat;
	margin: 25px 0px 0px 0px;
	padding: 15px 0px 5px 30px;
}

.kisystem .spaltenbox {
	clear: both;
}
.kisystem .links {
	width: 370px;
	float: left;
}
.kisystem .rechts {
	width: 370px;
	float: right;
}
.kisystem .spaltenbild {
 margin: 90px 0px 0px 50px;
}

.halbfett {font-weight: bold;}
.mittelgrau, .formangabe, .FormAngabe {color: #696A6D;}
.formangabe, .FormAngabe { font-size: 11px; }

#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;
}
select.Menue{
	background-color:#F8F7FF;
	z-index: 5;
	margin-bottom: 10px;
	width: 400px;
}
option.Menue0{
	color:#000000;
	background-color:#FFCE00;
	z-index: 5;
}

option.Menue1{
	color:#000000;
	background-color:#EEEEEE;
	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;
	background-position: 0px 3px;
}
.ppchartlink {
	text-align: right;
}

.plastixxform, .plastixxform2 {padding-top: 1px;}

/* Verlinkungen */

a {
	color: black;
	text-decoration:none;
}
a:hover {
	background-color: #FDF9ED;
}
#headersubnav li a, .loginbox a, #footermain a, .staticboxfooter a, .boxGRAUfooter a, .norightsbox a, .icongrau, .icongelb, .startseite, .userarchivbox a, #artikel a.link_page {
	padding: 0px 10px 0px 15px;
	background-image:url(/img/link_icon_grau.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}
.staticboxfooter a, .boxGRAUfooter a, .icongelb, .startseite, #artikel a.link_page {
	background-image:url(/img/link_icon_gelb.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 {
	background-color: #FEE891;
}
.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 #FFCE00;
}
	

#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;
}

/* Navigation Links */

.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 5px; 
}

.navibox .Level_2_Select_active, .navibox .Level_3_Select_active {
	background:#FEE891;
}

.navibox a {
	display:block;
}
.navibox a:hover {
	background-color: transparent;
}
.navibox .Level_2_Unselect a, .navibox .Level_2_Select a, .navibox .Level_2_Select_active a {
	padding-left: 27px;
}
.navibox .Level_3_Unselect a, .navibox .Level_3_Select a, .navibox .Level_3_Select_active a {
	padding-left: 43px;
}
.navibox .Level_2_Unselect a {}
.navibox .Level_2_Select a, .navibox .Level_2_Select_active a, .navibox .Level_3_Select a, .navibox .Level_3_Select_active a {
	background-image:url(/img/link_icon_grau.gif);
	background-repeat:no-repeat;
	background-position:15px 4px;
	font-weight: bold; 
}
.navibox .Level_3_Unselect a {}
.navibox .Level_3_Select a, .navibox .Level_3_Select_active a {
	background-position: 30px 4px;
}

/* Input-Felder / Formulare */

form {
	margin: 0px;
	padding:0px;
}
.formhead {
	background-color: #696A6D;
	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;
}
.buttonrahmen, .LoginButton, .SuchButton {
	border: 1px solid #696A6D;
	background-color: #D5D5D5;
	cursor: hand;
}
.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 20px 0px;
	width: 600px;	
	font-size: 12px;
	line-height: 18px;
	padding-bottom: 10px;
}
.biblio {
	font-size: 11px;
	font-weight: bold;
	color: #696A6D;
	margin-top: 15px;
	clear:both;
}
.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;
}
.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);}

.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, .BildObjektFooter { width: 1px; padding: 0px; margin: 0px; BACKGROUND-COLOR: #F9F9F9; line-height: normal; }
.BildObjektFooter {width: 100%} 
.bild, .formtabelle, .Rahmengrau, .rahmengrau {  BORDER: #696A6D 1px solid; }

/* 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 #696A6E;
	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;
}


/* Pull-Down-Navi */

#navpulldown { z-index: 10;
	position: absolute;
	left: 215px;
	top: 48px;
	height: 32px;
	width: 780px;
}

.navitem { z-index: 10;
	width: 99px;
	margin-right: 44px;
	float: left;
	background-color:transparent;
	padding: 0px;
}
.navmenu { z-index: 10;
	width: 182px;
	position: absolute;
	top:163px;
	visibility: hidden;
	background-color: #FDF9ED;
	border: 1px solid #696A6D;
	border-top-width: 0px;
	border-left-width: 0px;
	padding: 0px;
	text-align: left;
	font-weight: normal;
}
#navaktuell, #navpp, #navarchiv, #navdialog { 
	top: 35px;
}
#navaktuell	{
	left: 0px; 
}
#navpp { 
	left: 142px;
}
#navarchiv {
	left: 286px;
}
#navdialog {
	left: 428px;
}
#navpulldown  a { background-color: transparent;
	display: block;
	text-decoration: none;
	width: 77px;
}
#navpulldown  div div a {
	display: block;
	text-decoration: none;
	padding: 5px 10px;
	width: 162px; 
}
#navpulldown a:hover  { 
	display: block;
	text-decoration: none;
	width: 77px;
}
#navpulldown div a:hover {
	color: #FFFFFF;
}
#navpulldown div div a:hover  { 
	background-color: #FEE891;
	color: #000000; 
	width: 162px;  
}



/* Datencharts und Tabellen */
.tabselect {display: none;}
.ppindzeile {font-size: 12px; width: 240px; margin-right: 10px; margin-bottom: 4px;}
.ppindtable {border: solid 1px #696A6D;padding: 5px; background-color:#F5F5F5; margin-bottom: 15px;}


/* KI TV */
.video_norm, .video_16zu9 {width:600px; overflow: hidden;}
.video_player {border: 1px solid #696A6E; border-bottom-width:0px; z-index:1; margin:0px;}
.video_16zu9 .video_player {height: 356px;}
.video_norm .video_player {height: 468px;}
.video_BU {padding: 3px; font-size: 11px; background-color:#f9f9f9;}
.flashwarnung {padding: 20px; min-height: 350px; border-bottom: 1px solid #696A6E;}