/* 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;
}
* {
	text-size-adjust: none;
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: 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;
	margin-bottom: 15px;
}
#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;
}
.boxGRAUkopf {
	background-color: #696A6D;
	font-size: 13px;
	padding: 2px 0px 2px 6px;
	font-weight: bold;
	color: #FFF;
}
.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;
}

#mobil-agent {background-color: #B30000; padding: 20px; font-weight: bold; min-width: 980px;}
#mobil-agent a {color: white; font-size: 15px; line-height: 28px;}
#mobil-agent a:hover {color: white; background-color: transparent}

/* 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; }
#breadcrumb {margin-left:231px; width: 740px; padding-top: 2px; }
#breadcrumb a {background-color: transparent; color:#FFF;}
#breadcrumb .rubrik-h1_bc-seperator {
	background-image: url(/_g_img/icon/pfeil_blau.png);
}

.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, #artikel .t2 { 
	font-size: 14px;
	font-weight: bold;
	background-image: url(/img/head_icon_blau.gif);
	background-repeat: no-repeat;
	margin: 35px 0px 15px 0px;
	padding: 1px 0px 0px 25px;
	border-bottom: 1px solid #6C6C73;
	clear:both;
}

h1.boxGRAUheadline {margin-bottom:0px;}

.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-neu h2 {
	font-size: 15px;
	margin-top: 10px;
	margin-bottom: 15px;
}

.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;}

.abstand-18 {line-height: 18px;}

.gewaehr {display: block; margin: 3px 0px 20px 0px; clear: both;}

/* 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;
}

/*
button.css3 {
  background-color: #fdf9ed;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdf9ed), color-stop(100%, #fee891));
  background-image: -webkit-linear-gradient(top, #fdf9ed, #fee891);
  background-image: -moz-linear-gradient(top, #fdf9ed, #fee891);
  background-image: -ms-linear-gradient(top, #fdf9ed, #fee891);
  background-image: -o-linear-gradient(top, #fdf9ed, #fee891);
  background-image: linear-gradient(top, #fdf9ed, #fee891);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  border-radius: 3px;
  color: #333;
  font: bold 12px arial, helvetica, sans-serif;
  padding: 8px 0;
  text-align: center;
  width: 250px; }
  
  button.css3:hover {
    background-color: #fdf2cf;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdf2cf), color-stop(100%, #ffd737));
    background-image: -webkit-linear-gradient(top, #fdf2cf, #ffd737);
    background-image: -moz-linear-gradient(top, #fdf2cf, #ffd737);
    background-image: -ms-linear-gradient(top, #fdf2cf, #ffd737);
    background-image: -o-linear-gradient(top, #fdf2cf, #ffd737);
    background-image: linear-gradient(top, #fdf2cf, #ffd737);
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
    cursor: pointer; }
	
  button.css3:active {
    border: 1px solid #ffce00;
    border-bottom: 1px solid #888;
    -webkit-box-shadow: inset 0 0 5px 2px #ffce00, 0 1px 0 0 #fdf9ed;
    box-shadow: inset 0 0 5px 2px #ffce00, 0 1px 0 0 #fdf9ed; }
*/

a.button-new
/*, #anmeldung input[type=submit] */
{
	font-family: Arial, Helvetica, sans-serif !important;
	cursor: pointer;
	text-decoration: none !important;
	font-size: 12px;
	font-weight: normal !important;
	color: #ffffff;
	padding: 5px 20px;
	background: #828385;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	border: 1px solid #828385;
	-moz-box-shadow:
		0px 0px 0px rgba(255,255,255,1),
		inset 0px 0px 0px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 0px 0px rgba(255,255,255,1),
		inset 0px 0px 0px rgba(255,255,255,1);
	box-shadow:
		0px 0px 0px rgba(255,255,255,1),
		inset 0px 0px 0px rgba(255,255,255,1);
	text-shadow:
		0px 0px 0px rgba(000,000,000,1),
		0px 0px 0px rgba(255,255,255,1);
}

a.button-new:hover
/*, #anmeldung input[type=submit]:hover */
{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px;
	font-weight: normal !important;
	color: #000000;
	padding: 5px 20px;
	background: #ffffff;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	border: 1px solid #828385;
	-moz-box-shadow:
		0px 0px 0px rgba(255,255,255,1),
		inset 0px 0px 0px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 0px 0px rgba(255,255,255,1),
		inset 0px 0px 0px rgba(255,255,255,1);
	box-shadow:
		0px 0px 0px rgba(255,255,255,1),
		inset 0px 0px 0px rgba(255,255,255,1);
	text-shadow:
		0px 0px 0px rgba(000,000,000,1),
		0px 0px 0px rgba(255,255,255,1);
}


/* Verlinkungen */

a {
	color: black;
	text-decoration:none;
}
a:hover, a:hover.popuplink {
	/* background-color: #BFCFFF; */
}
a:hover img {
	background-color: transparent !important;
}
img.rahmengrau {display: block;}

#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_hellblau.gif);
	background-repeat:no-repeat;
	background-position: 0px 4px;
	background-color: transparent;
}
#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);
}
#artikel td a.link_page {
	padding: 0px;
	background-image: none;
	display: inline;
	text-decoration:none;
}
#artikel td a.link_page:hover {
	text-decoration:underline;
}

.artikel-content-werbung {margin: 20px 0px; clear: both;}

.redbox {background-color: #E3001B; padding: 0 3px; color: #FFF;}

.boxGRAU a.icongelb  {
	text-decoration: none;
}
.boxGRAU a:hover.icongelb  {
	text-decoration: underline;
}

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 */


.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,
.Input-150, .Input-180, .Input-200, .Input-318 {
	border: 1px solid #8A8D94; 
	padding: 2px 3px 2px 3px;
	background-color: #FFFFFF;
}
.Input, .input {
	width: 250px;
}
.InputKurz, .inputkurz {
	width: 50px;
}

.Input-150 {width: 150px;}
.Input-180 {width: 180px;}
.Input-200 {width: 200px;}
.Input-318 {width: 318px;}

.LoginInput, .headersuchfeld {
	font-size: 11px;
}
.LoginInput {
	width: 140px;
	-webkit-appearance: none;
}
a.buttonrahmen, .buttonrahmen, .LoginButton, .SuchButton {
	border: 1px solid #696A6D;
	background-color: #D5D5D5;
	cursor: hand;
	text-decoration: none;
	-webkit-appearance: none;
}

.hover,
a:hover.buttonrahmen, 
input:hover.SuchButton,
input:hover.LoginButton, 
input:hover.buttonrahmen {
	background-color:#8ba8fe !important;
	color: #FFF;
	cursor: pointer;
	text-decoration: 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 18px 20px 20px;
	width: 602px;	
	font-size: 12px;
	line-height: 18px;
	padding-bottom: 10px;
}
#artikel .biblio {
	font-size: 11px;
	font-weight: bold;
	color: #696A6D;
	margin-top: 15px;
	display: block;
	clear:both;
	padding-top: 15px;
}
.ArtikelFuss {
	width: 600px;
}
#artikel div.ct1 { 
	padding: 1px 0px 1px 32px;
	margin: 20px -18px 0px -20px;
}
#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 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;
}
#artikel 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;
}
#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;
}
#artikel ul {margin-top: 15px; margin-bottom: 15px;}

.ArtikelFuss {
	background-color: transparent;
	margin-top: 20px;
	margin-left: 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, .icon_email, .icon_rueckfrage  {
	background-image: url(../img/tv/icons/textbox.gif);
	background-repeat:no-repeat;
	padding: 0px 0px 20px 30px;
	font-size: 12px;
}
.iconarchiv {
	background-image: url(../img/tv/icons/mydoc.gif);
	background-position: 0px -2px;
	height: 20px;
}

.icon_email {
	background-image: url(../img/tv/icons/mail_icon.gif);
	background-position: 0px 0px;
}

.icon_rueckfrage {
	background-image: url(/img/tv/icons/question.gif);
	background-position: 0px 0px;
}
	
.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;
}

ul.liste-blau li, ul.liste-grau li, ul.liste-rot li   {
	list-style:none;
	margin: 5px 0px;
}
ul.liste-blau li {
	list-style-image:url(/img/link_icon_blau.gif);
}
ul.liste-grau li   {
	list-style-image:url(/img/link_icon_grau.gif);
}
ul.liste-rot li   {
	list-style-image:url(/img/link_icon_rot.gif);
}
ul.abstand0 li {margin: 0px 0px !important; line-height: 14px !important;}

/* (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, .TableCellBorderLeft, .TableCellBorderRight {
	padding-left: 5px; padding-right: 5px;
	padding-top: 5px; padding-bottom: 5px;
 	text-align:left;
}
.TableCellCenter {
	padding-left: 5px; padding-right: 5px;
	padding-top: 5px; padding-bottom: 5px;
 	text-align:center;
}
.Tabelle_B1, .Tabelle_B1_small {
	padding-left: 5px; padding-right: 5px;
 	text-align:left;
	font-weight: bold;
}
.TableCell, .TableCellRight, .Tabelle_B2, .Tabelle_B2_small {
	padding-left: 5px; padding-right: 5px;
	padding-top: 5px; padding-bottom: 5px;
 	text-align:right;
}
.TableMain, .tablemain { /* Gross- und Kleinschreibung !!*/
	border: solid 1px #696A6D;
	border-collapse: collapse;
	xxmargin-bottom: -25px;
}
.TableMain td, .tablemain td {line-height: 14px;}
.TableMain:after, .tablemain:after {clear: both;}

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

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

/* (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;}
.ppindtable {border: solid 1px #696A6D;padding: 5px; background-color:#F5F5F5; margin-bottom: 15px;}

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


/* #############  Neues CSS ab 8.3.2015 ###################### */


/* Hauptbereiche */

#header {
	height: 120px;
	background-color:#FFF;
	min-width:1000px;
	background-image: none;
	border-top: 20px solid #00248F;
}
#headermain, #main, .headerfootergrenze { width: 1000px; clear:left;}
#headermain {
	background-color: #FFF;
	height: 100px;
}
#headerbottom, #footerbottom {
	background-color: #828385;
	height: 20px !important;
	overflow:hidden !important;
	font-weight: bold;
	color:#FFFFFF;
	font-size: 13px;
	background-image: none;
}
#claim, #footerdatum {
	background-image:url(../img/layout/header_icon_dunkelgrau.png);
	background-position: 0px 0px;
	padding-left: 30px;
	margin-right: 20px;
	height: 20px;
	float:left;
	width: 225px;
	font-weight: normal; font-size: 13px; padding-top: 3px;
	margin-top:-1px;
}
#footerdatum {padding-top: 4px;}
#breadcrumb {margin-left:231px; width: 740px; padding-top: 2px; }

#main {
	min-height: 680px;
	margin-bottom: 20px; /* Abstand zum Footer beim IE */
}
* html #main {
	height: 685px;
}
#links, #rechts, #content3sp, #content2sp, #contentchart, #rechtschartform, #layout_spalte_62, #layout_spalte_38 { /* Abstand zum Footer bei FF & Co. */
	margin-bottom: 20px;
}
#links {
	float: left;
	width: 200px;
	margin-right: 15px;
}
#content3sp, #content2sp, #contentchart, #contentaktuellLINKS, #contentaktuellRECHTS, #layout_spalte_62, .layout_spalte_50 {
	float: left;
	margin-bottom: 20px;
}
#contentaktuellLINKS, #content3sp, #contentchart {
	margin-right: 15px;
}
#layout_spalte_62 {
	margin-right: 20px;
}
#content3sp {
	width: 530px;
}
#content2sp {
	width: 785px;
}
#contentchart {
	width: 500px;
	margin-top: 20px;
}
#contentaktuellLINKS, #contentaktuellRECHTS {
	width: 385px;
}
* html #contentaktuellLINKS, #contentaktuellRECHTS {
	width: 380px;
}
#rechts, #rechtschartform, #layout_spalte_38 {
	float: right;
	width: 320px;
	overflow:hidden;
}
#layout_wrapper {width: 1000px; margin-top: 0px;}
#layout_spalte_38 {width: 320px}
.layout_spalte_50 {width: 480px; margin-left: 20px;}
#layout_spalte_62 {width: 640px; margin-left: 20px;}
#layout_spalte_100 {width: 980px; margin-left: 20px;}

#footer {
	clear:both;
	height: 40px;
	background-color:#00248F;
	min-width:1000px;
}
#footermain {
	padding: 8px 0px 0px 215px;
	height: 22px;
}
#popup {
	padding: 10px;
	width: 520px;
}

/* Startseite / Fokus neu */
#TOC_Fokus_1  a, #TOC_Fokus_2  a {background-color: transparent !important; text-decoration: none; }
#TOC_Fokus_1 {
	padding: 15px 15px 20px 20px;
	background-color: #ECEBF3;
}
#TOC_Fokus_2 {
	margin-top: 20px;
	padding: 15px 15px 0px 15px;
	background-color: #F9F9F9;
}
#TOC_auch_das {
	padding: 7px 10px 0px 0px;
	margin-left: -5px;
}
#TOC_Fokus_2 table td {padding: 5px 5px 0px 5px;}
#TOC_Fokus_1 .fokus-t1 {font-size:15px; font-weight:bold; display: inline;}
#TOC_Fokus_1 .fokus-t2 {font-size:13px; font-weight:bold; padding: 5px 0px;}
#TOC_Fokus_2 .fokus-t1 {font-size:12px; font-weight:bold; display: inline;}
#TOC_Fokus_2 .fokus-t2 {padding: 3px 0px 5px 0px; font-weight: bold;}
#TOC_auch_das .fokus-t2 {font-weight: bold;}
#TOC_Fokus_2 .fokus-teaser , #TOC_auch_das .fokus-teaser {
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}
.fokus-t2, .fokus-teaser {line-height: 16px !important;}
#TOC_Fokus_2 table td {width: 50%;}
#TOC_Fokus_2 table td {padding-right: 10px;}
#TOC_Fokus_2 .fokus-t3 {margin-bottom: 15px;}
#TOC_Fokus_2 .TOC_Fokus_2-teaser td {padding-top:1px;}
#TOC_Fokus_1 a {background-color: transparent !important;}
#TOC_Fokus_1 a .fokus-t1, a.TOC_Fokus_2-link .fokus-t1 {border-bottom: 1px solid #9799a0 !important;}
#TOC_auch_das a div.fokus-t3 div.fokus-teaser {text-decoration: none !important;}
#TOC_Fokus_1 .fokus-t3 {margin-top: 3px;}
.fokus-t3 img {margin: 2px 13px 5px 0px;}

#TOC_Fokus_1 .fokus-bild-1, #TOC_Fokus_2 .fokus-bild, #TOC_auch_das .fokus-bild-1 {width: 200px; margin: 3px 15px 3px 0px; float: left;}
#TOC_Fokus_2 .fokus-bild, #TOC_auch_das .fokus-bild-1 {width: 100px;}

.fokus-bild-0 {display: none;}
.fokus-bild-1 {}
.clearfix {height: 1px; clear: both;}

.startseite_links_01, .startseite_links_02 {
	float: left;
	width: 310px;
}
.startseite_links_01 .boxGRAU, .startseite_links_02 .boxGRAU {
	min-height: 180px;
}

.startseite_links_01 {clear: left; margin-right: 20px;}

#mobil-agent {background-color:#FFF; margin: 30px 0px 10px 20px; padding: 0px;}
.mobilcheck-link1, .mobilcheck-link2 {
	float: left;
	display: block;
	width: 760px;
	height: 85px;
	padding-top: 50px !important;
	text-align: center;
	background-color: #00248F;
	color: #FFF;
	font-weight: bold;
	font-size: 38px !important;
}
.mobilcheck-link1 {margin: 10px 0px 40px 0px;}
a:hover.mobilcheck-link1, a:hover.mobilcheck-link2 {background-color: #E3001B; color: #FFF;}

/* Kompatibilität übrige TOCs START */
.TOC .TOC-zelle {line-height: normal !important}
.TOC .TOC-zelle a {
	font-weight: bold;
	text-decoration: none;
}
.TOC .TOC-zelle a div.TOC_ct1 {
	font-weight: bold !important;
	text-decoration: underline !important;
}
.TOC .TOC-zelle a div.TOC_ct2 {
	font-weight: normal !important;
	text-decoration: none !important;
}
.boxGELBheadline a:hover, .TOC a:hover, a.TOC_ct2:hover {
	background-color: transparent;
}
.TOC .TOC-zelle a:hover div.TOC_ct1 {
	text-decoration: none !important;
}
.TOC .TOC-zelle a:hover div.TOC_ct2 {
	text-decoration: none !important;
	/* border-bottom-width: 0px; */
}
.TOC-zelle {padding: 5px 5px;}
/* Kompatibilität übrige TOCs ENDE */

/* TOC-Anpassungen Startseite Nachrichten-Box */
#layout_wrapper .startseite_toc span {display: none;}
#layout_wrapper .TOC .TOC-zelle {padding: 5px 5px; line-height: 16px !important;}
#layout_spalte_100 .TOC .TOC-text, #layout_spalte_62 .TOC .TOC-text {padding: 5px 80px 5px 5px;}
#layout_wrapper .boxGRAU {padding: 10px 20px 10px 20px;}
#layout_wrapper .staticbox .boxGRAU {padding: 10px 10px 10px 20px;}
#layout_wrapper .startseite_toc  .TOC {padding: 10px 0px 5px 0px;}
#layout_wrapper .startseite_toc .staticbox .staticboxfooter {padding: 5px 10px 5px 20px !important;}
#layout_wrapper .boxGRAUfooter, #layout_wrapper  .staticboxfooter {padding: 5px 10px 5px 20px !important;}
#layout_wrapper .TOC .TOC-zelle a {}
#layout_wrapper .TOC .TOC-zelle a div.TOC_ct1 {font-weight: bold; text-decoration: none !important; border-bottom: 1px solid #9799a0; display: inline}
#layout_wrapper .TOC .TOC-zelle a div.TOC_ct2 {font-weight: normal; text-decoration: none !important;}
#layout_wrapper .TOC .TOC-zelle a:hover {
	/* border-bottom: 1px solid transparent !important; */
}
#layout_wrapper .TOCabstand { padding: 0px 15px !important;}

#layout_wrapper .news_scrollbox .boxGRAU {padding: 0px 0px 5px 17px !important;}
#layout_wrapper .news_scrollbox table {height: 250px; overflow-y: scroll; display: block;}

#layout_wrapper .startbutton {
	background-color: #696a6e;
	color: #FFF;
	font-weight: bold;
	cursor: pointer;
	-webkit-appearance: none; border-radius: 0;
}
#layout_wrapper a.startbutton {padding: 3px 10px; text-decoration: none; font-size: 10px; display: block; text-align: center;}
#layout_wrapper a:hover.startbutton, #layout_wrapper .startbutton-hover {background-color: #00248F !important;}
#layout_wrapper a.meinepreise-hover, #layout_wrapper a.chart-hover, #layout_wrapper a.PreiseDetail-hover {width: 82px;}

.boxGELBheadline, .boxGRAUheadline, .staticbox, .ct1{
	margin-top: 20px;
}

/* Unterbereiche */

.boxGRAU {line-height: 16px;}
 
 /* Login-Form / Kopf */

#pielogo {
	margin: 15px 41px 5px 30px !important;
	width: 225px !important;
	height: 75px;
	float: left;
}

#pielogo a {
	background-color: transparent;
}

/* Login-Form */
#loginpulldown-neu { 
	z-index: 100;
	float: right;
	width: 350px;
	height: 21px;
}
#headermain #loginpulldown-neu li a.login-button { 
	background-image: none !important;
}
.login-neu ul { margin:0px !important; padding::0px !important;}
.login-neu li { list-style: none;  z-index: 100;margin:0px !important; padding::0px !important;}
.login-neu > li { padding: 0px; float: left; position: relative; }
#loginpulldown-neu .login-neu > li > a, #loginpulldown-neu .LoginButton {
	float: left;
	text-align:center;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	line-height: 18px;
	padding: 0px !important;
	width: 96px !important;
	margin: 0px 0px 0px 0px !important;
	background-color: #696a6e !important;
	border: 1px solid #696a6e !important;	
	height: 22px !important;
}
 /* #loginpulldown-neu .LoginButton {width: 100px !important;height: 22px !important;} */
 #loginpulldown-neu .login-neu > li > a {height: 20px !important;}
#loginpulldown-neu .login-neu > li:hover > a, #login-absenden .LoginButton:hover { 
	color: #000 !important;
	background-color: #ecebf3 !important;
}
.login-neu > li:first-child > a {  }
.login-neu > li:last-child > a { margin-right: 0px; }
.login-neu > li:hover > div { display: block; }

/* sonstige Elemente */
#headersubnav {
	margin: 15px 0px 0px 0px !important; 
	padding: 0px !important; 
	width: 700px; 
	float: right; 
	height: 22px;
}
#headersearchfield {
	margin: 0px 0px 0px 34px !important;
	width: 218px;
	padding: 0px 0px 0px 0px !important;
}
#headersearchfield input {-webkit-appearance: none; border-radius: 0;}
#headersearchfield  input.headersuchfeld {
	float: left;
	line-height: 18px;
	border-right-width: 0px;
	height: 16px;
	width: 189px;
}
#headersearchfield input.SuchButton {
	float: left;
	border-width: 0px !important;
	background-color: #FFF;
	margin: 0px 0px 0px 0px !important;
	padding: 0px !important;
	color: transparent !important;
	height: 22px; width: 22px;
	background-image: url(/img/layout/suche-lupe_22x22.gif);
	background-repeat: no-repeat;
}

/* Sonstiges */

.dialog_tabelle {border: 1px solid #696a6e;}
.dialog_tabelle  thead {border-bottom: 1px solid #696a6e;}
.dialog_tabelle tr td, .dialog_tabelle tr th {padding: 5px 10px;}
.no_label label {display: none;}
.no_label td {text-align: center !important; padding: 0px !important;}
.clear {clear: both;}


/* MEGA DROP DOWN */
.login-neu > li > div.login-window {
	display: none;
	position: absolute;
	overflow: hidden;
	left: 0;
	top: 20px;
	border-top: 4px solid transparent;
	width
}
.login-neu > li > div #MBCorner {
	padding: 15px;
	/* background-image: url(../img/layout/navi_pulldown_bg.png); */
	background-repeat: repeat-x;
	background-color: #FFF;
	border: 1px solid #c1c5d0;
	width: 318px;
}
.login-neu > li > div ul { padding: 0px !important; margin: 0px !important;width: 60%}
.login-neu > li > div li { font-size: 12px; line-height: 16px; }
.login-neu > li > div.right { right: 0; left: auto }
.login-neu > li > div a { background-color: transparent;}

.login-neu > li > div a:hover  { 
	background-color: #ecebf3 !important;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

/* Login-Form */
.login-inputs {line-height: 24px}
#login-schliessen {
	float: right;
	height: 16px; width: 16px;
	background-image: url(../img/closeX.gif);
	background-repeat: repeat-x;
	margin: -10px -10px 0px 0px;
	cursor: pointer;
}
.login-inputs label {
	width: 120px;
	display: block;
	float: left;
}
.login-inputs input  {
	width: 170px;
}
.login-inputs input[type='text']  {
	clear: right;
}
#login-absenden {margin-left: 120px;}
#login-absenden .checkbox {display:block; padding-top: 3px; line-height: 13px; margin-bottom: 10px;}
#login-absenden .checkbox input {width: 20px;float:left; margin-left: -3px;  cursor:pointer;}
#login-absenden .checkbox label {width:auto; display: block; float: none; padding-top:4px;  cursor:pointer;}
#login-absenden .checkbox {display:block;}
#login-absenden .LoginButton {font-size: 11px; clear:both;}
td.login-links {padding-top: 15px;}
.login-links a {color: #000 !important;}

#login-pulldown input:focus {
  outline: none;
}

.ui-widget-content { border: 1px solid #696A6E !important;}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	font-family: arial, helvetica, sans-serif !important;
	font-size: 12px !important;
}
.ui-tooltip, .arrow:after {
	background: #FFF;
	border: 1px solid #696A6E;
}
.arrow {
	width: 60px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	left: 20.5%;
	margin-left: -35px;
	bottom: -16px;
}
.arrow.top {
	top: -16px;
	bottom: auto;
}
.arrow.left {
	left: 20%;
}
.arrow:after {
	content: "";
	position: absolute;
	left: 20px;
	top: -20px;
	width: 25px;
	height: 25px;
	box-shadow: none !important;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	tranform: rotate(45deg);
}
.arrow.top:after {
	bottom: -20px;
	top: auto;
}


/* Navigation Pull-Down */

#navpulldown-neu { 
	z-index: 10;
	position: absolute;
	left: 220px;
	top: 79px;
	height: 44px;
	width: 780px;
}

.navi-neu {
	margin: 0px 0px 0px 0px;
}

.navi-neu li { list-style: none; }
.navi-neu > li { padding: 0px; float: right; position: relative; border-bottom: 4px solid #828385;}
.navi-neu > li > a {
	float: right;
	text-align:center;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	line-height: 44px;
	padding: 0 10px;
	margin-right: 0px;
	width: 100px !important;
	height: 40px;
	/*background-image:url(../img/layout/navi_button_off.png);
	background-repeat:no-repeat;*/
	background-color: #00248f;
	border-bottom: 1px #FFF solid;
	border-left: 2px #FFF solid;
}
.navi-neu > li.navi-first-item > a {
	background-color: #00248f;
	border-left-width: 0px !important;
}
.navi-neu > li.navi-register > a {
	background-color: #E3001B;
}
.navi-neu > li.navi-gold > a {
	/*
	background-color: #ffce00;
	color: #000;
	*/
	background-color: #c1a037;
	color: #FFF;
}
.navi-neu > li:hover > a { 
	background-color: #ecebf3;
	color: #000;
}
.navi-neu > li.navi-first-item:hover > a { 
	background-color: #ecebf3;
	color: #000;
}
.navi-neu > li:first-child > a {  }
.navi-neu > li:last-child > a { margin-right: 0px; }
.navi-neu > li:hover > div { display: block; }

/* MEGA DROP DOWN */
.navi-neu > li > div {
	display: none; 
	position: absolute;
	overflow: hidden;
	left: 0px;
	top: 45px;
	padding: 15px 15px 0px 15px;
	background-repeat: repeat-x;
	background-color: #FFF;
	/*border: 1px solid #c1c5d0;*/
	border: 1px solid #00248F !important;
	/*border-top-color: #ecebf3 !important;*/
}
.navi-neu > li > div ul { padding: 0px !important; margin: 0px !important; width: 60%}
.navi-neu > li > div li { font-size: 12px; line-height: 16px; }
.navi-neu > li > div.right { right: 0; left: auto }
.navi-neu > li > div a { background-color: transparent;}
.navi-neu > li > div ul li a { padding: 2px; display: block;}
.navi-neu > li > div h3, .navi-neu > li > div a.nav-h3 { 
	display: block;
	font-size: 12px; 
	padding: 2px;
	text-decoration: underline; 
	font-weight: bold;
	width: 95%;
}
.navi-neu > li > div a.nav-h3 span.nav-NEU {color: #B30000; text-decoration: none !important; }
.navi-neu > li > div a:hover , .navi-neu > li > div a:hover.nav-h3, .nav-active-page { 
	background-color: #ecebf3 !important;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}
.navi-neu > li > div .nav-h3.einzeln {margin-bottom: 15px !important;}
.navi-neu > li > div ul { margin: 5px 0px 15px 0px !important; }
.navi-neu > li > div ul:last-child , .navi-neu > li > div .nav-h3.einzeln:last-child { margin-bottom: 0px }
.navi-neu > li > div ul { width: 95% }

/* Container */
.container-1, .container-2, .container-3, .container-4 { }
.container-1 { width: 380px; left: 0px !important;}
.container-2 { width: 400px; }
.container-3 { width: 320px; }
.container-4 { width: 150px; }
.container-5 { width: 150px; }


/* COLUMNS */
.col1, .col2, .col3, .col4, .col5, 
.col-25, .col-50, .col-45, .col-55, .col-75, .col-100 { margin: 0px 0px 0px 0px; float: left; }

.navi-select-preise {margin-top: 5px; width:340px; font-size:12px}

.col-25 { width: 25%; }
.col-45 { width: 45%; }
.col-50 { width: 50%; }
.col-55 { width: 55%; }
.col-75 { width: 75% }
.col-100 { width: 100% }

/* HIGHLIGHTS */
.container-3 .highlighted {
width: 400px;
margin-left: -20px;
padding: 20px;
background: #ecebf3;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.container-4 .highlighted {
width: 500px;
margin-left: -10px;
padding: 20px;
background: #ecebf3;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.clear {
height: 0;
clear: both;
visibility: hidden;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.internal_only {background-color: #FF00D4;}

/* Werbemittel 2018 */
.werbemittel-content {margin: 20px 0px !important; display: block;}
.werbemittel-rectangle {margin: 0px 0px 20px 0px !important; display: block;}