/*----------------------------------------------------------------
	ELEMENT-SELECTORS
----------------------------------------------------------------*/
html, body { margin: 0; padding: 0; height: 100%; }
* { font: 12px Arial, Helvetica, sans-serif; margin: 0; padding: 0; border: none;}
h1 { font-size: 16px; font-weight: bold;}
h2 { font-size: 14px; font-weight: bold;}
h3 { font-size: 11px; font-weight: bold;}
b, strong { font-weight: bold; }
form { padding: 0; margin: 0; }
input, textarea, select {
    padding: 1px;
    background: #f3f3f3;
    color: #405d87;
    border: 1px solid #939598;
}
form input.button {cursor:pointer} /* IE 6.+ only*/
form input.button:hover {cursor:pointer} /* Gecko Engines only */
form input.radio {border:0;}

ul { padding: 0; margin: 0; }
li { margin: 5px 0 5px 20px; list-style: url(../images/icon_submenu.gif); }
.pfeil li { margin: 5px 0 5px 20px; padding: 0;list-style: url(../images/icon_pfeil2.gif); }

li.ui-menu-item {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
#doc { height: 100%; }
#docHeader { padding: 0 25px 0 0; background: url(../images/webgate_banner.png) no-repeat; height: 80px; }
#docMenu {
	background: url(../images/bg_main_menu.gif) repeat-x;
	height: 32px;
	width:1024px;
	vertical-align: middle;
}
#docMenu a:hover {
	text-decoration : underline;
}

#usermenu {
	color : white;
	text-decoration : none;
	text-align: center;
	vertical-align: middle;
}
.userfunktionen_aktiv {
    font-weight: bold;
    color: red;
}


.btn {
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
    width:  24px;
    height: 22px;
    overflow: hidden;
    position: relative;
    font-size:0;
    line-height:0;
    background: url(../images/webgate_images.gif) no-repeat top left;
}

.sprite-01A{ background-position: 0 0; width: 45px; height: 45px; }
.sprite-01D{ background-position: 0 -95px; width: 45px; height: 46px; }
.sprite-01E{ background-position: 0 -191px; width: 45px; height: 45px; }
.sprite-01P{ background-position: 0 -286px; width: 45px; height: 46px; }
.sprite-01T{ background-position: 0 -382px; width: 45px; height: 45px; }
.sprite-01W{ background-position: 0 -477px; width: 45px; height: 45px; }
.sprite-_icon_warnung_gelb{ background-position: 0 -572px; width: 32px; height: 32px; }
_symacrobat{ background-position: 0 -654px; width: 16px; height: 16px; }
_sym_delete2{ background-position: 0 -720px; width: 16px; height: 16px; }
_sym_error{ background-position: 0 -786px; width: 16px; height: 16px; }
_sym_excel{ background-position: 0 -852px; width: 16px; height: 16px; }
_sym_hot{ background-position: 0 -918px;}
_sym_warnung_gelb{ background-position: 0 -990px; width: 16px; height: 16px; }
a.acrobat{ background-position: 0 -1056px;}
a.acrobat:hover{ background-position: 0 -1128px;}
a.alternative{ background-position: 0 -1200px;}
a.alternative:hover{ background-position: 0 -1272px;}
a.bauteilepass{ background-position: 0 -1344px;}
a.bauteilepass:hover{ background-position: 0 -1416px;}
a.cart{ background-position: 0 -1488px;}
a.cart3{ background-position: 0 -1560px;}
a.cart3:hover{ background-position: 0 -1632px;}
a.cart:hover{ background-position: 0 -1704px;}
a.delete{ background-position: 0 -1776px;}
a.delete:hover{ background-position: 0 -1848px;}
a.edit{ background-position: 0 -1920px;}
a.edit:hover{ background-position: -95px 0;}
a.euro{ background-position: -95px -72px;}
a.excel{ background-position: -95px -144px;}
a.excel:hover{ background-position: -95px -216px;}
a.hot{ background-position: -95px -288px;}
a.hot:hover{ background-position: -95px -360px;}
a.inf{ background-position: -95px -432px;}
a.inf:hover{ background-position: -95px -504px;}
a.kalender{ background-position: -95px -576px;}
a.kalender:hover{ background-position: -95px -648px;}
a.lupe{ background-position: -95px -720px;}
a.lupe:hover{ background-position: -95px -792px;}
a.moveback{ background-position: -95px -864px;}
a.moveback:hover{ background-position: -95px -936px;}
a.movebegin{ background-position: -95px -1008px;}
a.movebegin:hover{ background-position: -95px -1080px;}
a.movedown{ background-position: -95px -1152px;}
a.moveend{ background-position: -95px -1224px;}
a.moveend:hover{ background-position: -95px -1296px;}
a.moveforward{ background-position: -95px -1368px;}
a.moveforward:hover{ background-position: -95px -1440px;}
a.obsolete{ background-position: -95px -1512px;}
a.pcn{ background-position: -95px -1584px;}
a.pcn:hover{ background-position: -95px -1656px;}
a.save{ background-position: -95px -1728px;}
a.save:hover{ background-position: -95px -1800px;}
a.vd_green{ background-position: -95px -1872px;}
a.zoll{ background-position: -95px -1944px;}
a.zoll:hover{ background-position: -190px 0;}
.green{ background-position: -190px -72px; width: 22px; height: 22px; }
.moveback{ background-position: -190px -144px;}
.movebegin{ background-position: -190px -216px;}
.moveend{ background-position: -190px -288px;}
.moveforward{ background-position: -190px -360px;}
.orange{ background-position: -190px -432px; width: 22px; height: 22px; }
.sprite-pb01m{ background-position: -190px -504px; width: 28px; height: 28px; }
.sprite-pb02m{ background-position: -190px -582px; width: 28px; height: 28px; }
.sprite-pb03m{ background-position: -190px -660px; width: 28px; height: 28px; }
.sprite-pb04m{ background-position: -190px -738px; width: 28px; height: 28px; }
.sprite-pb05m{ background-position: -190px -816px; width: 28px; height: 28px; }
.sprite-pb06m{ background-position: -190px -894px; width: 28px; height: 28px; }
.sprite-pb07m{ background-position: -190px -972px; width: 28px; height: 28px; }
.sprite-pb08m{ background-position: -190px -1050px; width: 28px; height: 28px; }
.red{ background-position: -190px -1128px; width: 22px; height: 22px; }
.sym_obsolete{ background-position: -190px -1200px;}
.sprite-yellow{ background-position: -190px -1272px; width: 14px; height: 14px; }


a.pak {
    background: url(../images/btn_pak.gif) no-repeat top left;
}
a.pak:hover {
    background: url(../images/btn_pak_a.gif) no-repeat top left;
}
a.cart3 {
    background: url(../images/btn_cart3.gif) no-repeat top left;
}
a.cart3:hover {
    background: url(../images/btn_cart3_a.gif) no-repeat top left;
}
a.compare {
    background: url(../images/btn_compare.gif) no-repeat top left;
}
a.compare:hover {
    background: url(../images/btn_compare_a.gif) no-repeat top left;
}
/*
a.save {
    background: url(../images/btn_save.gif) no-repeat top left;
}
a.save:hover {
    background: url(../images/btn_save:hover.gif) no-repeat top left;
}
a.edit {
    background: url(../images/btn_edit.gif) no-repeat top left;
}
a.edit:hover {
    background: url(../images/btn_edit:hover.gif) no-repeat top left;
}
a.delete {
    background: url(../images/btn_delete.gif) no-repeat top left;
}
a.delete:hover {
    background: url(../images/btn_delete:hover.gif) no-repeat top left;
}
a.alternative {
    background: url(../images/btn:hoverlternative.gif) no-repeat top left;
}
a.alternative:hover {
    background: url(../images/btn:hoverlternative_a.gif) no-repeat top left;
}
a.acrobat {
    background: url(../images/btn_acrobat.gif) no-repeat top left;
}
a.acrobat:hover {
    background: url(../images/btn_acrobat_a.gif) no-repeat top left;
}
a.pcn {
    background-position: -95px -1584px;
}
a.pcn:hover {
    background: url(../images/btn_pcn_a.gif) no-repeat top left;
}
a.cart {
    background: url(../images/btn_cart.gif) no-repeat top left;
}
a.cart:hover {
    background: url(../images/btn_cart_a.gif) no-repeat top left;
}
a.inf {
    background-position: -95px -432px;
}
a.inf:hover {
    background: url(../images/btn_inf_a.gif) no-repeat top left;
}
a.lupe {
    background: url(../images/btn_lupe.gif) no-repeat top left;
}
a.lupe:hover {
    background: url(../images/btn_lupe_a.gif) no-repeat top left;
}
a.kalender {
    background: url(../images/btn_kalender.gif) no-repeat top left;
}
a.kalender:hover {
    background: url(../images/btn_kalender_a.gif) no-repeat top left;
}
a.movebegin {
    background: url(../images/btn_movebegin.gif) no-repeat top left;
}
a.movebegin:hover {
    background: url(../images/btn_movebegin_a.gif) no-repeat top left;
}
a.moveback {
    background: url(../images/btn_moveback.gif) no-repeat top left;
}
a.moveback:hover {
    background: url(../images/btn_moveback_a.gif) no-repeat top left;
}
a.moveend {
    background: url(../images/btn_moveend.gif) no-repeat top left;
}
a.moveend:hover {
    background: url(../images/btn_moveend_a.gif) no-repeat top left;
}
a.moveforward {
    background: url(../images/btn_moveforward.gif) no-repeat top left;
}
a.moveforward:hover {
    background: url(../images/btn_moveforward_a.gif) no-repeat top left;
}
*/
/*----------------------------------------------------------------
	CLASS- AND ID-SELECTORS
----------------------------------------------------------------*/
#doc { height: 100%; }
	#docHeader { padding: 0 25px 0 0; background: url(../images/bg_header.jpg) no-repeat; height: 106px; }
	#docOCHeader { padding: 0 5px 0 0; background: url(../images/webgate_banner.png) no-repeat; height: 80px;
        background-color: #000;
        cursor: pointer;
    }
	#docMenu { background: url(../images/bg_mainmenu.jpg) repeat-x; height: 34px; }
		#mainMenuLeft { height: 34px;}
			#mainMenuLeft span { margin: 0 20px; }
				#mainMenuLeft a { margin: 0; padding: 0 0 0 6px; background: url(../images/bg_mainmenu.jpg) no-repeat 0px 3px; color: #ffffff; font-size: 12px; text-decoration: none; }
				#mainMenuLeft a.act { font-weight: bold; }
				#mainMenuLeft a:hover { }
		#mainMenuRight { text-align: right; height: 34px; padding-right:20px; white-space:nowrap;}
			#mainMenuRight span { margin: 0 10px; }
				#mainMenuRight a { margin: 0; padding: 0; color: #ffffff; font-size: 12px; text-decoration: none; }
				#mainMenuRight a.act { font-weight: bold; }
				#mainMenuRight a:hover { }
	#docCols { }
		#docCols .colsTable { height: 100%; width: 100%; }
			#colLeft { width: 195px; background: #e1e2e4; vertical-align: top;}
				#subMenu { }
					#subMenu ul { padding: 0; margin: 0; }
						#subMenu li { margin: 10px 0 10px 25px; list-style: url(../images/icon_submenu.gif); }
							#subMenu a { text-decoration: none; }
							#subMenu a:hover { }
							#subMenu a.act { font-weight: bold; }
					#subMenu .e2 li { margin: 5px 0; list-style: none none; }
						#subMenu .e2 a { font-size: 10px; }
			#colMiddle { padding: 0 5px; vertical-align: top;}
			#colRight { width: 195px; vertical-align: top; }

            #2colLeft { padding: 0 5px; vertical-align: top;}

	#docFooter { padding: 5px 15px 5px 5px; }
		#docFooter a { color: #000000; text-decoration: none; }
		#footerTable { border-bottom: 1px solid #939598; }
			#footerLeft { }
			#footerLeft span, #footerRight span { margin: 0 15px 0 0; }
			#footerRight { width: 280px; }
				#printLink a { padding: 4px; display: block; background: #939598; color: #ffffff; font-weight: bold; }
	#docPrint { margin: 10px; }
		#printLogo { padding: 10px 0; border-bottom: 1px solid #808080; text-align: right; }
		#printContent { padding: 10px 0; }
		#printFooter { border-top: 1px solid #808080; padding: 10px 0; }




/**
* Webgate
* -->
*/

#webgate {
    position: relative;
    background: #c1c8cd url(../images/bg_webgate.jpg) no-repeat top left;
    height: 230px;
}

#webgate input {
    padding-left: 2px;
    border: 1px #E1E2E4 solid;

    position: absolute;
    left: 4px;
    height: 16px;
    width: 186px;

    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

#webgate_user {
    top: 92px;
    padding-top: 2px;
}

#webgate_password {
    top: 114px;
}
.webgate_password_image {
    background: #fff url(../images/bg_text_password.gif) 4px 2px no-repeat;
}

#webgate_link {
    position: absolute;
    right: 0px;
    top: 0px;
}

#webgate button {
    position: absolute;
    right: 4px;
    top: 140px;

    padding: 5px 10px;
    border: 1px #66ccff solid;
    background: #16537E url(../images/bg_button.png) top left repeat-x;
    color: #fff;
    cursor: pointer;
    margin: 0 5px 0 0;

    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
#webgate button:hover {
    background-position: 0px -34px;
    box-shadow: 0 0 1em rgba(255, 255, 255, 0.9);
    -moz-box-shadow: 0 0 1em rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: 0 0 1em rgba(255, 255, 255, 0.9);
}

.blur {
    /*-moz-box-shadow: 0 0 1em rgba(218, 206, 252, 0.9);*/
    box-shadow: 0 0 1em rgba(102, 204, 255, 0.9);
    -moz-box-shadow: 0 0 1em rgba(102, 204, 255, 0.9);
    -webkit-box-shadow: 0 0 1em rgba(102, 204, 255, 0.9);
}

#webgate .webgate_info {
    position: absolute;
    top: 140px;
    left: 4px;
    margin: 0;

}

#webgate .webgate_info li {
    margin: 0;
    line-height: 1.2em;
    color: #66ccff;
    list-style-type: square;
    list-style-position: inside;
    list-style-image: none;
}
#webgate .webgate_info span {
    color: #fff;
    margin-left: -4px;
}


#webgate .webgate_links {
    position: absolute;
    bottom: 4px;
    right: 4px;
    margin: 0;
}

#webgate .webgate_links li  {
    text-align: right;
    list-style-type: none;
    list-style-image: none;
}

#webgate .webgate_links a {
    color: #fff;
    text-decoration: none;
    background: transparent url(../images/arrow_right.gif) right 2px no-repeat;
    padding-right: 7px;
}
#webgate .webgate_links a:hover {
    text-decoration: underline;
}
/**
* webgate
* <--
*/


/*----------------------------------------------------------------
	OTHER-SELECTORS
----------------------------------------------------------------*/
.clear { clear: both; }
/*----------------------------------------------------------------
	BOXES
----------------------------------------------------------------*/
/*--------------------------------
	Standard #2
--------------------------------*/
#std2 { border: none; }
	#std2 .csc-firstHeader { margin: 0; padding: 0; }
	#std2 .colLeft { float: left; width: 25%; }
	#std2 .colRight { float: left; width: 75%; }
/*--------------------------------
	News, Product of the week...
--------------------------------*/
#boxNewsProduct { }
	#boxNewsProduct .boxContent { padding: 0; }
		.newsProductLeft { padding: 8px; border-right: 1px dotted #bcbdc0; height: 100%; }
		.newsProductRight { padding: 8px; }
#boxNewsPCN { }
#boxNewsUptodate { }
#boxProductWeek { }
	#boxProductWeek .boxContent { background: #e1e2e4; }

#boxProductConsultant { }
	#boxProductConsultant .boxHeader { background: url(../images/bg_boxheader.gif) repeat-x; height: 26px; }
	#boxProductConsultant .boxHeader h1 { margin: 0; padding: 4px 0 0 8px; color: #6c6e71; background: transparent; font-size: 13px; font-weight: bold; }
	#boxProductConsultant .boxContent { background: #efefef; }

#boxLastViewed .boxContent { background: #efefef; }

/*--------------------------------
	General
--------------------------------*/
.box { border: 1px solid #939598; margin: 0 0 10px 0;}
.box .boxHeader { background: url(../images/bg_boxheader.gif) repeat-x; height: 26px; }
.boxHeader h1 { margin: 0; padding: 4px 0 0 8px; color: #6c6e71; background: transparent; font-size: 13px; font-weight: bold; }
.box .boxContent { padding: 2px; background: #ffffff; }


/*--------------------------------
Online Catalog, Search, Login
--------------------------------*/
#boxSearch { }
	#boxSearch .boxContent { padding: 2px; background: #e1e2e4;}
		#search { padding: 8px 8px 0 8px; }
			#searchSections { margin: 5px 0 0 0; }
			#searchSections input { background: transparent; }
			#searchSections * { padding: 0; margin: 0; }
			#searchSections td.label { padding: 0 0 0 3px; }
			#searchSections td.components { padding: 0 8px 0 3px; }
			#search .inputText { width: 100px; margin: 0 8px 0 0; }

#boxOnlineCatalog { }
	#boxOnlineCatalog .boxContent { padding: 0px; }
		#login {
        }

			#loginHeader { font-weight: bold; }
			#login td { padding: 0 8px 5px 0; }
            #login p { padding: 0 8px 5px 0; }
			#login .inputUser, #login .inputPwd { width: 100px; }
			#login .inputChk { background: #ffffff; }
			.spanLoggedInUser { font-weight: bold; }



#artikeltyp { padding: 8px; background: #e1e2e4; }
#artikeltyp .inputText { width: 300px; margin: 0 8px 0 0; }

#untermenu { padding: 8px; background: #e1e2e4; }

.tabHead{
 	background-color: #e1e2e4;
 	font-weight: bold;
	padding-bottom : 3px;
	padding-left : 3px;
	padding-right : 3px;
	padding-top : 3px;
}
.tabLabel{
 	background-color: #e1e2e4;
	padding-bottom : 3px;
	padding-left : 3px;
	padding-right : 3px;
	padding-top : 3px;
}
.tabValue{
 	background-color: #f3f3f3;
	padding-bottom : 3px;
	padding-left : 3px;
	padding-right : 0px;
	padding-top : 3px;
}
.tabValuenoBorder{
 	background: #efefef;
	font-weight : normal;
	padding-bottom : 0px;
	padding-left : 3px;
	padding-right : 0px;
	padding-top : 0px;
}

td.titel1 {
	color : #ffffff;
 	background-color: #808080;
	font-weight : bold;
	vertical-align : middle;
	height : 25px;
}
.titel2 {
	font-size: 12px;
	font-weight : bold;
 	color: #6c6e71;
	height : 25px;
 	background-color: #ffffff;
    margin-top:6px;
}

input[type="button"], input[type="submit"] {
    background:url("../images/bg_input_button.gif") repeat-x scroll 0 0 transparent;
}

input[type="button"]:hover, input[type="submit"]:hover {
    background:url("../images/bg_input_button_hover.gif") repeat-x scroll 0 0 transparent;
    cursor:pointer;
    border:1px solid #737F91;
}

INPUT.noBorder 		{
	font-size: 11px;
	border : 0px;
}
INPUT.add 		{
	width:20px;
	text-align : center;
    cursor:pointer;
}


.unsaved {
    color: red;
}

#subMenu ul { padding: 0; margin: 0; }
	#subMenu li { margin: 10px 0 10px 25px; list-style: url(../images/icon_submenu.gif); }
		#subMenu a { text-decoration: none; }
		#subMenu a:hover { }
		#subMenu a.act { font-weight: bold; }
#subMenu .e2 li { margin: 5px 0; list-style: none none; }
	#subMenu .e2 a { font-size: 10px; }

/*--------------------------------
	Gruppen - Menu
--------------------------------*/
td.gruppe01  {
	padding : 5px 0px 5px 5px;
}

td.gruppe01sel  {
	font-weight : bold;
	padding : 5px 0px 5px 5px;
}
td.gruppe01sel a{
	font-weight : bold;
}

td.gruppe02  {
	FONT-SIZE: 11px;
	padding : 3px 0px 3px 15px;
}
td.gruppe02sel {
	FONT-SIZE: 11px;
	font-weight : bold;
	padding : 3px 0px 3px 15px;
}
td.gruppe02sel a{
	font-weight : bold;
}

td.gruppe03  {
	FONT-SIZE: 10px;
	padding : 3px 0px 3px 25px;
}
td.gruppe03sel  {
	padding : 3px 0px 3px 25px;
    BORDER-TOP: silver 1px solid;
    BORDER-BOTTOM: silver 1px solid;
}
td.gruppe03sel a {
	FONT-SIZE: 11px;
	font-weight : bold;
}

td.feldwert  {
	padding-bottom : 3px;
	padding-left : 6px;
	padding-right : 3px;
	padding-top : 3px;
	background-color : #efefef;
	BORDER-TOP: silver 1px solid;
	BORDER-BOTTOM: #666666 1px solid;
}
td.feldwertselect  {
	padding-bottom : 3px;
	padding-left : 6px;
	padding-right : 3px;
	padding-top : 3px;
	background-color : #cccccc;
	BORDER-TOP: silver 1px solid;
	BORDER-BOTTOM: #666666 1px solid;
}
td.typwert  {
	padding-bottom : 3px;
	padding-left : 6px;
	padding-right : 3px;
	padding-top : 3px;
	background-color : #e5e5e5;
	BORDER-TOP: silver 1px solid;
	BORDER-BOTTOM: #666666 1px solid;
}
td.typwertselect  {
	padding-bottom : 3px;
	padding-left : 6px;
	padding-right : 3px;
	padding-top : 3px;
	background-color : #c1c1c1;
	BORDER-TOP: silver 1px solid;
	BORDER-BOTTOM: #666666 1px solid;
}


td.hellgrau  {
	background-color : #ececec;
}

td.hellblau  {
	background-color : #e5e5e5;
}

/*--------------------------------
	Artikeltabelle
--------------------------------*/
td.artikelkopf  {
	font-weight:normal;
	BORDER-TOP: #666666 1px solid;
	BORDER-BOTTOM: #666666 1px solid;
	background-color : #808080;
	color : #ffffff;
	padding:2px;
}
td.artikel  {
	font-weight:normal;
	BORDER-BOTTOM: #666666 1px solid;
	padding-bottom : 0px;
	padding-left : 3px;
	padding-right : 0px;
	padding-top : 0px;
}
td.ep_artikelkopf  {
	height:25px;
	font-weight:normal;
	BORDER-TOP: #666666 1px solid;
	BORDER-BOTTOM: #666666 1px solid;
	background-color : #ffcc00;
	background-color : #808080;
	color : #ffffff;
	padding:2px;
}
td.ep_artikelkopf a:link, td.ep_artikelkopf a:visited {
    color : #ffffff;
    text-decoration: underline;
}
td.pcn_artikelkopf  {
	height:25px;
	font-weight:normal;
	BORDER-TOP: #666666 1px solid;
	BORDER-BOTTOM: #666666 1px solid;
	background-color : #808080;
	color : #ffffff;
	padding:2px;
}
td.oc_zeile1  {
	height:25px;
	background-color : #ffffee;
	background-color : #d3d3d3;
	color : #000000;
	BORDER-BOTTOM: #666666 1px solid;
	padding: 2px;
}
td.oc_zeile2  {
	height:25px;
	background-color : #f5f5f5;
	color : #000000;
	BORDER-BOTTOM: #666666 1px solid;
	padding: 2px;
}
td.oc_zeile1_V  {
    height:25px;
    background-color : #ffffee;
    background-color : #d3d3d3;
    color : #008000;
    BORDER-BOTTOM: #666666 1px solid;
    padding: 2px;
}
td.oc_zeile2_V  {
    height:25px;
    background-color : #f5f5f5;
    color : #008000;
    BORDER-BOTTOM: #666666 1px solid;
    padding: 2px;
}
td.ep_zeile1  {
	height:25px;
	background-color : #ffffee;
	background-color : #d3d3d3;
	color : #000000;
	BORDER-BOTTOM: #666666 1px solid;
	padding: 2px;
}
td.ep_zeile2  {
	height:25px;
	background-color : #f5f5f5;
	color : #000000;
	BORDER-BOTTOM: #666666 1px solid;
	padding: 2px;
}
td.pcn_zeile1  {
	height:25px;
	background-color : #ffffee;
	background-color : #d3d3d3;
	color : #000000;
	BORDER-BOTTOM: #666666 1px solid;
	padding: 2px;
}
td.pcn_zeile2  {
	height:25px;
	background-color : #f5f5f5;
	color : #000000;
	BORDER-BOTTOM: #666666 1px solid;
	padding: 2px;
}

a:link {
	color : black;
	text-decoration : none;
}
a:visited {
	text-align : left;
	color : #000;
	text-decoration : none;
}
a:active {
	text-align : left;
	color : #f00;
	text-decoration : underline;
}
a:hover {
    text-decoration : underline;
}

a.blau:hover {
    color : #0080c0;
	text-decoration : underline;
}
a.blau:link {
    color : #0080c0;
    text-decoration : none;
}
a.blau:visited {
    color : #0080c0;
    text-decoration : none;
}
a.blau:active {
    color : #f00;
    text-decoration : underline;
}

.klein  {
	font-size : 9px;
}

#result_block table.navigation td {
    border: 0;
}

/*--------------------------------
    KLGR select
--------------------------------*/
.klgrselect_block {
}
.klgrselect_klgr {
    padding-bottom: 10px;
}
.klgrselect_obergruppe {
    color: #808080;
}
.klgrselect_link a {
    color: #0080c0;
    font-size: 13px;
}


/*--------------------------------
	PCN
--------------------------------*/
.pcnHerstellerFiles {
	padding: 10px;
	margin: 10px;
}
.pcnRutronikFiles {
	padding: 10px;
	margin: 10px;
}
.pcnInternFiles {
	color:#990000;
	padding: 10px;
	margin: 10px;
}

.fehler {
    color:red;
    padding: 5px;
    text-align: center;
    font-weight: bold;
}

/*--------------------------------
    Sitemap
--------------------------------*/
.sitemap_divisionimage {

}

.sitemap_divisionname {
    font-size: 12px;
    color: #585858;
    padding: 5px;
}

.sitemap_gruppe1 {
    font-weight: bold;
    padding: 6px 0 2px 1px;
}
.sitemap_gruppe2 {
    color: #585858;
    padding: 2px;
}
.sitemap_gruppe2 a {
    color: #585858;
}
.sitemap_gruppenimage {
    padding-right: 4px;
    padding-bottom: 4px;
    margin-bottom: 4px;
}

.bereich_01A {
    color: #D3242B;
}
.bereich_01P {
    color: #005D9D;
}
.bereich_01E {
    color: #FCB740;
}
.bereich_01D {
    color: #00B0A0;
}
.bereich_01T {
    color: #6BB75F;
}
.bereich_01W {
    color: #4D499D;
}


/*--------------------------------
    Print Media
--------------------------------*/
#boxPrintmedia .boxContent {

}
#boxPrintmedia  p {
    padding: 5px;
}

#boxPrintmedia table {
    width: 100%;
}
#boxPrintmedia td {
    vertical-align: top;
}

#boxPrintmedia .clearer {
}
#boxPrintmedia .titel1 {
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
}
#boxPrintmedia .document {
    padding: 5px;
    clear: both;
}
#boxPrintmedia .image {
    border: 1px solid black;
    background-color: #fff;
    padding: 1px;
    float: left;
    margin: 0 .5em .5em 0;
}
#boxPrintmedia .titel {
    font-size: 12px;
    font-weight: bold;
}
#boxPrintmedia .link {
    padding-top: 5px;
}
#boxPrintmedia .print {
    padding-top: 3px;
}

#boxPrintmedia a:link, #boxPrintmedia a:visited, #boxPrintmedia a:active, #boxPrintmedia a:hover {
    color: #000;
    text-decoration: underline;
}

#boxPrintmedia a:hover {
    color: #0080c0;
}

#boxPrintmedia .message {
    color: #ff0000;
    font-weight: bold;
    padding: 5px;
}

div.samplerequest {
    width: 500px;
}
div.samplerequest p {
    padding: 3px;
}

.Alternativen h2 {
    margin: 0.8em 0 0.8em 0;
}
.Alternativen td.oc_zeile2  {
    height:25px;
    background-color : #f5f5f5;
    color : #000000;
    border-bottom : none;
    border-top : #666666 1px solid;
    padding: 2px;
}

.alternativfelder {
    border-top : none;
    border-left : #666666 1px solid;
    border-right : #666666 1px solid;
    border-bottom :  #666666 1px solid;
}
.alternativfeldgruen {
    font-size: 10px;
    color: green;
    background-color : #f5f5f5;
}
.alternativfeldrot {
    font-size: 10px;
    color: red;
    background-color : #f5f5f5;
}
.alternativartikelfehler {
    padding: 1em 1em 3em 0 ;
    font-size: 12px;
    color: red;
    width: 100%;
    text-align: center;
}

div.orderform p {
   padding: 0.5em 0 0.5em 0;
}

div.lastviewedblock {
    padding: 2px 0 0 2px;
    border:1px solid silver;
}

div.lastviewed {
    padding: 2px 0 2px 4px;
}


.vdlinkselector {
    position: absolute;
    margin-left: 20px;
    border: 1px solid #ACACAC;
}
.vdlink {
    text-decoration: underline;
    cursor: pointer;
}


/*--------------------------------
    Massquotation
--------------------------------*/
#massquotation .filename {
    padding: 0 0 1em 20px;
    background: url(../images/_sym_excel.gif) no-repeat top left;
}
#massquotation .filename a {
    font-family: Courier;
    font-size: 12px;
}
#massquotation .filename_xls {
    padding: 0 0 0.2em 20px;
    background: url(../images/xls.png) no-repeat top left;
}
#massquotation .filename_xlsx {
    padding: 0 0 0.2em 20px;
    background: url(../images/xlsx.png) no-repeat top left;
}
#massquotation .filename_csv, #massquotation .filename_txt {
    padding: 0 0 0.2em 20px;
    background: url(../images/txt.png) no-repeat top left;
}
#massquotation .filename_xls a, #massquotation .filename_xlsx a, #massquotation .filename_csv a, #massquotation .filename_txt a {
    font-family: Courier;
    font-size: 10px;
}
#massquotation .upload_filenames_label {
    padding: 1.5em 0 0.5em 0;
}
#massquotation .upload_filenames_date {
    font-family: Courier;
    font-size: 10px;
    padding: 0 0 0 3em;
}
#massquotation .upload_filenames_delete {
    padding: 0 0 0 1em;
}
#massquotation .information {
    padding: 0.5em 0 0.5em 0;
    margin-bottom: 1em;
}

#massquotation {
    width: 100%;
}

#massquotation select {
    padding: 0 0 0 10px;
}

#mappingblock td {
    padding: 1px;
}
#analyze_block #bartext {
    margin: 0.5em 0 0 0;
}

#result_block #insertall {
    cursor: pointer;
}
#select_result_table {
    margin-top: 1em;
    margin-bottom: 0em;
}
#result_block table.result {
    border-collapse: collapse;
    text-align: left;
    width: 100%;
}
#result_block table.navigation {
    margin-top: 0;
}
#result_block th {
    background-color: #D0D0D0;
    border: 1px solid #ccc;
    padding: 2px;
}
#result_block .oc_zeile1, #result_block .oc_zeile2 {
    padding: 0 2px 0 2px;
    margin: 0;
    height: 22px;
}

#result_block td.found {
    color:green;
}
#result_block td.unclear {
    color:#FF8040;
}
#result_block td.deprecated {
    color:#FF8040;
}
#result_block td.unknown {
    color:red;
}
#result_block td.result_cart {
    padding-right: 0;
    text-align: right;
}
#result_block .result_unclearselect {
    width: 100%;
    padding: 0;
    background: #fff;
    visibility: hidden;
}
.ui-dialog .ui-dialog-content {
    padding:0;
}
#download_block p {
    margin: 0.5em;
}
#download_block input[type=checkbox] {
    margin-right: 0.5em;
    vertical-align: middle;
}



.assistent_menu {
    border-collapse: collapse;
    width: 100%;
    height: 24px;
}

.assistent_menu tr td div {
    position: relative;
    padding-left: 6px;
}
.assistent_menu .activemenu {
}

.assistent_menu tr td {
    border: 0px solid #f00000;
    padding: 0px;
    background: #FFFFFF url("../images/assistent_menu_upcoming.gif") repeat-x top left;
}

.assistent_menu tr td.step_done {
    background: #FFFFFF url("../images/assistent_menu_done.gif") repeat-x top left;
}
.assistent_menu tr td.step_current {
    background: #FFFFFF url("../images/assistent_menu_upcoming.gif") repeat-x top left;
}

#step_current {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
}

.assistent_menu a, .assistent_menu a:hover {
    color: #707b84;
    background-color: #fff;
    padding-left: 2px;
    padding-right: 2px;
    font-size:10px;
    cursor: pointer;
}

.assistent_menu tr td.step_done a, .assistent_menu tr td.step_done a:hover {
    background-color: #d4e7f6;
}

.assistent_menu tr td.step_current a, .assistent_menu tr td.step_current a:hover {
    font-weight: bold;
}

table.artikelinfo {
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: left;
}
table.artikelinfo td {
    padding: 4px;
    background-color: #fff;
}
table.artikelinfo tr td.artikelkopf {
    background-color: #fff;
    border: 0;
    color: #000;
    font-size: 1.4em;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
}
table.artikelinfo tr td.label, table.compare tr td.label {
    font-weight: bold;
    padding: 4px;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
}
table.artikelinfo tr td.value, table.compare tr td.value {
    padding: 4px;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
}

table.compare {
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: left;
}
table.compare td {
    padding: 4px;
    background-color: #f5f5f5;
    white-space:pre;
}

table.compare td.green {
    color: #008000;
}
table.compare td.red {
    color: #FF0000;
}

div.empfohlene_artikel {
    padding: 0.2em;
}
div.empfohlene_artikel .titel {
    padding: 0.5em 0 0.5em 0;
}
div.empfohlene_artikel td.artikel {
    padding: 0 1em 0.2em 0.2em;
    border: 0;
}
div.empfohlene_artikel div.herstellerartnr {
    font-weight: bold;
}

.starttext {
    padding: 0.5em;
}
.starttext p {
    padding: 0.5em 0 0.5em 0;
}
.starttext h1 {
    padding: 0em;
    font-weight: bold;
    font-size: 1.2em;
}
.starttext h2 {
    padding: 0em;
    font-weight: normal;
    font-size: 2.5em;
    color: #0080c0;
}
.starttext ul {
    padding: 0.5em 0 0.5em 0;
}
.starttext li { margin: 5px 0 5px 20px; list-style: url(../images/li-bluesquare.gif); }