/*********************************
  M A I N    T E M P L A T E
*********************************/
body { font-size: 100.1%; }

body,
body.print {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 15px;
	background: #616161 url(../images/bground.gif) 0 0 repeat-x;
	text-align: center;
}
body.print {
	padding: 10px;
	background: none;
	background-color: #FFFFFF;
	text-align: left;
}

h1 {
	padding-bottom: 7px;
	margin: 0 0 10px 0;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	background: transparent url(../images/bg_headline.gif) 0 bottom repeat-x;
}

h2 {
	margin: 0 0 10px 0;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

h3 {
	margin: 0 0 10px 0;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

p, td {
	font-size: 12px;
}
p, ul, ol {
	margin: 0 0 10px 0;
}

ul {
	padding: 0 0 0 14px;
	background: transparent url(../images/bg_list2.gif) 14px top no-repeat;
	list-style-type: none;
}
ul li {
	padding: 2px 0 2px 0;
	color: #333333;
	background: transparent url(../images/bg_list.gif) 0 bottom repeat-x;
}
ul.normal {
	padding: 0;
	background: none;
	list-style-image: none;
	list-style-type: square;
}
ul.normal li {
	margin-left: 25px;
	padding: 0;
	color: #000000;
	background: none;
}

a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

.clear {
	clear: both;
	height: 1px;
	line-height: 1px;
	width: 1px;
	height: 1px;
	min-height: 1px;
}

input.textfield, textarea.textbox, select.select, input.checkbox, input.submit {
	border: 1px solid #6CA9C6;
}
input.textfield {
	margin: 0;
	padding-top: 0px;
	width: 250px;
	height: 20px;
}
* html input.textfield {
	height: 21px;
}
textarea.textbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

input.submit {
	margin: 0;
	padding: 1px;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;	
	font-weight: bold;
	cursor: pointer;
	height: 20px;
}
* html input.submit {
	font-size: 11px;
	height: 21px;
}

input.reset {
	background-color: #306FCE;
}
a.reset {
	padding: 2px;
	font-size: 11px;
	line-height: 19px;
	text-align: center;
	vertical-align: middle;	
	font-weight: bold;
	cursor: pointer;
	background-color: transparent;
	color: #000000;
	text-decoration: none;
}

.clear {
	clear: both;
	height: 1px;
	line-height: 1px;
}

.small {
	font-size: 11px;
}

.error {
	background-color: #FF6666;
	color: #FFFFFF;
	font-weight: bold;
}

img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

div.tx-srfeuserregister-pi1 {
	margin: 0;
	padding: 0;
}

#outerContainer { 
	padding: 0;
	margin: 0 auto 0 auto;
	text-align: left;
	width: 914px;
	background: #FFFFFF url(../images/bg_content.gif) 0 0 repeat-y;
	border-left: 1px solid #3C3C3C;
	border-bottom: 1px solid #3C3C3C;
	border-right: 1px solid #3C3C3C;
}

#innerContainer { 
	padding: 0;
	margin: 0;
	width: 914px;
	background: #FFFFFF url(../images/bg_content.gif) 0 0 repeat-y;
}

#colleft {
	margin: 0;
	padding: 0 19px 0 9px;
	width: 257px !important;
	width /**/: 285px;
	min-height: 675px;
	background: transparent url(../images/bg_menu.gif) right 0 no-repeat;
	float: left;
}
* html #colleft {
	height: 675px;
}

#colleft div.logo {
	margin: 0;
	padding: 9px 0 3px 0;
	width: 257px;
	height: 76px !important;
	height /**/: 83px;
	background-color: #FFFFFF;
	border-bottom: 6px solid #969696;
}
div.logo-print {
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	width: 615px;
	border-bottom: 1px solid #3C3C3C;
}

#colleft div.switch {
	margin: 0;
	padding: 10px 0 10px 9px;
	width: 248px !important;
	width /**/: 257px;
/*	color: #C8C8C8;*/
	background-color: #FFFFFF;
	border-top: 5px solid #EFEFEF;
	border-bottom: 5px solid #EFEFEF;
	font-weight: bold;
}
/*#colleft div.switch a.vsp {
	color: #000080;
	font-size: 11px;
	font-weight: bold;
}
#colleft div.switch a.pub {
	color: #EE0000;
	font-size: 11px;
	font-weight: bold;
}*/

#colleft h1.title {
	margin: 0;
	padding: 0 0 0 10px;
	height: 29px;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	width: 247px !important;
	width /**/: 257px;
	border-bottom: 2px solid #EFEFEF;
}

#colleft div.menu {
	width: 257px;
	background-color: #EFEFEF;
}

#colleft div.menu div.lev0 {
	margin: 0;
	padding: 2px 0 2px 10px;
	background: #D6D6D6 url(../images/bg_list.gif) 0 bottom repeat-x;
}
#colleft div.menu div.lev0 a {
	padding-left: 10px;
	color: #616163;
	font-weight: bold;
	display: block;
}
#colleft div.menu div.lev0 a.on {
	color: #000000;
}
#colleft div.menu div.lev0 a.on-sub {
	color: #000000;
}

#colleft div.menu div.lev1 {
	margin: 0;
	padding: 2px 0 2px 20px;
	background: #EFEFEF url(../images/bg_list.gif) 0 bottom repeat-x;
}
#colleft div.menu div.lev1 a {
	padding-left: 10px;
	color: #818181;
	font-weight: bold;
	display: block;
}
#colleft div.menu div.lev1 a.on {
	color: #000000;
}
#colleft div.menu div.lev1 a.on-sub {
	color: #000000;
}

#colleft div.menu div.lev2 {
	margin: 0;
	padding: 2px 0 2px 30px;
	background: #FFFFFF url(../images/bg_list.gif) 0 bottom repeat-x;
}
#colleft div.menu div.lev2 a {
	padding-left: 10px;
	color: #818181;
	font-weight: bold;
	display: block;
	background: none;
}
#colleft div.menu div.lev2 a.on {
	color: #000000;
}

#colleft div.banner {
	margin: 0;
	padding: 55px 0 10px 0;
	background-color: #EFEFEF;
	text-align: center;
}

#colright {
	margin: 0 0 20px 0;
	padding: 0 13px 0 0;
	width: 616px !important;
	width /**/: 629px;
	background-color: #FFFFFF;
	float: right;
}

#header {
	margin: 0 0 20px 0;
	padding: 0;
	width: 616px;
	height: 191px;
}

#header table.header {
	margin: 8px 0 0 0;
	padding: 0;
	border: 0 none;
	height: 184px;
	float: right;
}

#header div.submenu {
	margin: 0;
	padding: 0;
	color: #A4A4A4;
	background-color: #FFFFFF;
	border-bottom: 8px solid #FFFFFF;
}
#header div.submenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	background: none;
}
#header div.submenu li {
	margin: 0;
	padding: 0;
	display: inline;
	background: none;
}
#header div.submenu li.first {
	padding-left: 8px;
}
#header div.submenu li.last {
	padding-right: 0;
}
#header div.submenu li a {
	color: #7F7F7F;
}

#header div.loginbox {
	margin: 0;
	padding: 0;
 	width: 179px;
 	height: 130px;
	background-color: #EDEDED;
	text-align: left;
}
#header div.loginbox h2 {
	margin-bottom: 3px;
	padding: 5px 8px;
	width: 163px !important;
	width /**/: 179px;
	background-color: #969696;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
}
#header div.loginbox form {
	margin: 0;
}
#header div.loginbox table {
	margin-left: 8px;
}
#header div.loginbox td {
	color: #7F7F7F;
}
#header div.loginbox p {
	margin: 0;
	padding: 5px 0 5px 8px;
}
#header div.loginbox a {
	padding-left: 10px;
	color: #7F7F7F;
}

#content,
#content-print {
	width: 615px;
}
#content div.leftCol,
#content-print div.leftCol {
	margin-right: 15px;
	width: 370px;
	float: left;
}
#content div.rightCol,
#content-print div.rightCol {
	width: 230px;
	float: right;
}
#content div.leftCol2,
#content-print div.leftCol2 {
	margin-right: 15px;
	width: 300px;
	float: left;
}
#content div.rightCol2,
#content-print div.rightCol2 {
	width: 300px;
	float: right;
}

#spacer {
	clear: both;
	padding: 0;
	margin: 0;
	width : 914px;
	font-size: 1px;
	height: 6px;
	line-height: 5px;
	background-color: #FFFFFF;
}

#footer {
	clear: both;
	padding: 10px;
	margin: 5px auto 10px auto;
	width: 894px !important;
	width /**/: 914px;
	color: #868686;
	font-size: 11px;
	text-align: center;
	background-color: #FFFFFF;
	border: 1px solid #3C3C3C;
}
#footer-print {
	clear: both;
	margin: 20px 0 0 0;
	padding: 5px 0 0 0;
	width: 615px;
	color: #868686;
	font-size: 11px;
	border-top: 1px solid #3C3C3C;
}

a.print {
    padding-left: 18px;
    background: transparent url(../images/icon_print.gif) 0 1px no-repeat;
}
a.top {
    padding-left: 12px;
    background: transparent url(../images/icon_top.gif) 0 4px no-repeat;
}
a.list{
	padding:0;
	background-image:none;
}
/*********************************
  S E A R C H B O X
*********************************/
#colleft div.tx-macinasearchbox-pi1 {
	margin: 0;
	padding: 12px 20px;
	width: 217px !important;
	width /**/: 257px;
	background-color: #EFEFEF;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}
#colleft div.tx-macinasearchbox-pi1 form {
	margin: 0;
}

/*********************************
  L I S T E N B O X E N
*********************************/
div.listbox {
	margin: 0 0 10px 0;
	padding: 0;
	width: 226px !important;
	width /**/: 228px;
	background-color: #FEFEFE;
	border: 1px solid #C2C2C2;
}
div.leftCol2 div.listbox,
div.rightCol2 div.listbox {
	width: 296px !important;
	width /**/: 298px;
}

div.listbox h2 {
	margin: 0;
	padding: 4px 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background: transparent url(../images/bg_hl_box.gif) 0 0 repeat-y;
	color: #000000;
}
div.listbox div {
	margin: 0;
	padding: 5px 4px;
	width: 218px !important;
	width /**/: 226px;
	background: #FFFFFF url(../images/bg_list.gif) 0 top repeat-x;
	border: 0 none;
}
div.leftCol2 div.listbox div,
div.rightCol2 div.listbox div {
	width: 288px !important;
	width /**/: 296px;
}

div.listbox div ul {
	margin-bottom: 0;
	background: none;
}
div.listbox div li {
	padding-bottom: 0;
	background: none;
}
div.listbox div p {
	width: 216px;
}
div.leftCol2 div.listbox div p,
div.rightCol2 div.listbox div p {
	width: 286px;
}

/*********************************
  S I T E M A P
*********************************/
div.csc-sitemap ul {
	background: none;
}
div.csc-sitemap ul li {
	font-weight: bold;
	background: none;
}
div.csc-sitemap ul li a {
	display: block;
	background: transparent url(../images/bg_list.gif) 0 bottom repeat-x;
	line-height: 19px;
}
div.csc-sitemap ul li ul li {
	font-weight: normal;
}
div.csc-sitemap ul li ul li ul li {
	font-style: italic
}


/*********************************
  L O G I N   F O R M U L A R
*********************************/
.loginform {
	margin: 0;
	padding: 0;
	display: inline;
}

.loginform .textfield {
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #00516B;
	border-bottomt: 1px solid #00516B;
	background-color: #EEEEEE;
	width: 250px;
}

/*********************************
  P A G E R
*********************************/
.pagerNotCurrent a {
	color: #5D5D5D;
}

.pagerNotCurrent a:hover {
	text-decoration: underline;	
}

.pagerCurrent {
	color: #8EC8EA;
}

/*********************************
  G E P U N K T E T E   L I N I E
*********************************/
div.dotted_line {
	background: url([[TmediaPath]]/bg_dotted_line.gif) 0px 0px repeat-x;
	height: 1px;
	line-height: 1px;
	display: block;
}

div.dotted_line_grey {
	background: url([[TmediaPath]]/bg_dotted_line2.gif) 0px 0px repeat-x;
	height: 1px;
	line-height: 1px;
	display: block;
}

/*********************************
  S T A R T S E I T E
*********************************/
#outerContainer-start { 
	padding: 0;
	margin: 0 auto 0 auto;
	text-align: left;
	width: 724px;
}

#innerContainer-start { 
	padding: 0;
	margin: 0;
	text-align: left;
	width: 481px;
	float: left;
}

#lpm-start {
	margin: 110px 0 0 0;
	padding: 0 0 10px 0;
	width: 724px;
}
* html #lpm-start {
	margin: 20px 0 0 0;
}

#colleft-start {
	margin: 0;
	padding: 0;
	width: 238px;
	float: left;
}

#colright-start {
	margin: 0;
	padding: 0;
	width: 238px;
	float: right;
}

#colvssd-start {
	margin: 0;
	padding: 0;
	width: 238px;
	float: right;
}

#colleft-start div.logo,
#colright-start div.logo,
#colvssd-start div.logo {
	margin: 0;
	padding: 29px 0 0 0;
	width: 238px !important;
	height: 75px !important;
	height /**/: 104px;
	background-color: #FFFFFF;
	text-align: center;
}
#colleft-start div.logo {
	border-bottom: 33px solid #7A8292;
}
#colright-start div.logo {
	border-bottom: 33px solid #A07B7E;
}
#colvssd-start div.logo {
	border-bottom: 33px solid #809D7E;
}

#colleft-start div.image,
#colright-start div.image,
#colvssd-start div.image {
	margin: 0 0 5px 0;
	padding: 0;
}

#lpm-start h1.title-lpm,
#colleft-start h1.title-vsp,
#colright-start h1.title-pub,
#colvssd-start h1.title-vssd {
	margin: 0;
	height: 32px;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
/*	color: #CCDFF4;*/
	color: #FFFFFF;
}
#lpm-start h1.title-lpm {
	padding: 0 0 0 10px;
	width: 714px !important;
	width /**/: 724px;
	background: #C38B00 url(../images/bg_btn_lieferanten.gif) 0 0 repeat-x;
}
#colleft-start h1.title-vsp {
	padding: 0 0 0 10px;
	width: 228px !important;
	width /**/: 238px;
	background: #7A8292 url(../images/bg_btn_vsp.gif) 0 0 repeat-x;
}
#colright-start h1.title-pub {
	padding: 0 0 0 10px;
	width: 228px !important;
	width /**/: 238px;
	background: #A07B7E url(../images/bg_btn_pub.gif) 0 0 repeat-x;
}
#colvssd-start h1.title-vssd {
	padding: 0 0 0 10px;
	width: 228px !important;
	width /**/: 238px;
	background: #809D7E url(../images/bg_btn_vssd.gif) 0 0 repeat-x;
}

#lpm-start h1.title-lpm a,
#colleft-start h1.title-vsp a,
#colright-start h1.title-pub a,
#colvssd-start h1.title-vssd a {
	color: #FFFFFF;
}

#colleft-start div.menu-vsp,
#colright-start div.menu-pub,
#colvssd-start div.menu-vssd {
	margin: 0;
	padding: 0;
	width: 238px;
	height: 180px;
}
#colleft-start div.menu-vsp {
	background: transparent url(../images/bg_menu_vsp_start.gif) 0 0 repeat-x;
}
#colright-start div.menu-pub {
	background: transparent url(../images/bg_menu_pub_start.gif) 0 0 repeat-x;
}
#colvssd-start div.menu-vssd {
	background: transparent url(../images/bg_menu_vssd_start.gif) 0 0 repeat-x;
}

#lpm-start ul,
#colleft-start ul,
#colright-start ul,
#colvssd-start ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	background: none;
}
#colleft-start ul {
/*	margin-bottom: 80px;*/
}
#lpm-start ul {
}

#lpm-start li,
#colleft-start li, 
#colright-start li,
#colvssd-start li {
	margin: 0;
	padding: 2px 0 2px 0;
	line-height: 20px;
	background: transparent url(../images/bg_list.gif) bottom 0 repeat-x;
}
#lpm-start li {
	margin-right: 5px;
	width: 238px;
	float: left;
}
#lpm-start li.right {
	margin-right: 0;
}

#lpm-start li a,
#colleft-start li a, 
#colright-start li a,
#colvssd-start li a {
	padding-left: 10px;
	background: transparent url(../images/icon_arrow_white.gif) 3px 5px no-repeat;
	color: #FFFFFF;
}

#colleft-start span,
#colleft-start td,
#colright-start span,
#colright-start td,
#colvssd-start span,
#colvssd-start td {
	font-size: 11px;
	color: #FFFFFF;
}
#colleft-start span,
#colright-start span,
#colvssd-start span {
	padding-left: 5px;
}
#colleft-start table,
#colright-start table,
#colvssd-start table {
	margin-left: 4px;
}
#colleft-start span a {
	color: #FFFFFF;
}

/*********************************
  C O N T E N T
*********************************/
h2.details-header,
td.header {
	background-color:#969696;
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	padding:6px 12px 6px 12px;
}
h2.details-header {
	margin: 0;
	border-bottom: 1px solid #FFFFFF;
}

h3.details-header,
td.bezeichner {
	padding:6px 12px 6px 12px;
	color:#616163;
	font-size:11px;
	font-weight:bold;
}
h3.details-header {
	background-color: #D6D6D6;
	margin: 0;
	border-bottom: 1px solid #FFFFFF;
}

td.inhalt {
	font-size: 11px;
	padding: 6px 12px 6px 12px;
}
span.unbezahlt {
	padding-left: 10px;
	background: transparent url(../images/icon_arrow_purple.gif) 3px 5px no-repeat;
}
div.details {
	line-height: 16px;
	padding: 6px 12px 6px 12px;
	background-color: EFEFEF;
	border-bottom: 1px solid #FFFFFF;
}

td.inhalt p {
	font-size: 11px;
}
td.inhalt a.arrow {
	padding-left: 10px;
	background: transparent url(../images/icon_arrow_purple.gif) 3px 5px no-repeat;
}
td.inhalt ul {
	margin-left: 4px;
	padding: 0;
	background: none;
	list-style-image: url(../images/icon_arrow_purple.gif);
}
* html td.inhalt ul {
	margin-left: 10px;
}
td.inhalt ul li {
	padding: 0;
	background: none;
}

td.inhalt a.list {
	padding: 0;
	background: none;
}
.ViewAnsichtHeaderFront{
	font-size:12px;
	color:#616163;
	font-weight:bold;
}
.ViewAnsichtInhaltFront{
	font-size:11px;
	color:#616163;
}
.link{
	font-size:11px;
	margin-top:10px;
}
.linkBarTop{
	padding-bottom:5px;
}
.linkBarBottom{
	padding-top:5px;
}
.linkBarImageBottom{
	padding-top:15px;
}
.button{
	margin:0;
	padding-top:20px;
	padding-left:0px;
}
.erfolgText{
	color:green;
}
#error{
	padding-bottom:10px;
	color:red;
}
#erfolg{
	padding-bottom:10px;
	color:green;
}
/*********************************
  F O R M S
*********************************/

table.form {
	margin: 0 0 5px 0;
	padding: 0;
	width: 450px;
	border: 0;
	background-color: #F1F1F1;
	border-bottom: 10px solid #F1F1F1;
}
table.formsuche {
	margin: 0 0 5px 0;
	padding: 0;
	border: 0;
	background-color: #F1F1F1;
	border-bottom: 10px solid #F1F1F1;
}
table.form th {
	font-weight: bold;
	color: #333333;
	background-color: #CECECE;
	font-size: 12px;
	padding: 0 12px 0 12px;
	text-align: left;
	border-bottom: 1px solid #FFFFFF;
	line-height: 23px;
}
table.form th.h2 {
	background-color: transparent;
}
table.form td {
	font-weight: normal;
	color: #333333;
	font-size: 11px;
	text-align: left;
	padding: 0 12px 0 12px;
	border-bottom: 1px solid #FFFFFF;
	line-height: 23px;
}
table.tableprodukt td {
	font-weight: normal;
	color: #333333;
	font-size: 11px;
	text-align: left;
	padding: 0 12px 0 12px;
	border-bottom: 1px solid #FFFFFF;
	line-height: 23px;
}
table.form td.label {
	width: 150px;
}
table.form td.data {
	width: 300px;
}
table.form td.none {
	padding: 0;
	border: 0 none;
}
table.form td.data p {
	font-size: 11px;
	line-height: 15px;
}
p.form-submit {
	width: 450px;
	text-align: right;
}
p.form-submitsuche {
	width: 615px;
	text-align: right;
}
a.alleanzeigen{
	border:1px solid gray;
	background-color:#F1F1F1;
	padding:1px;
	cursor: pointer;
	
}
/*********************************
  DETAIL PLM
*********************************/
table.detail{
	padding:0;
	margin-left:0;
	width:360px;
	background-color: #F1F1F1;
	margin-bottom:4px;
}
#detail{
	padding:0;
	margin:0;
	width:600px;
	background-color: #F1F1F1;
}
#lieferantDetailMarken{
	padding: 12px 12px 12px 12px;
	width:600px;
}