/******************************* siemens' new web appearance layout *****/
/************************************ Copyright (c) 2007 Siemens AG *****/
/************************************************************************/
/***************************************** guideline content styles *****/
/************************************************************************/
/*************************************** author virtual identity AG *****/
/** $LastChangedDate: 2007-11-12 11:03:00 +0100 (Mo, 12 Nov 2007) $ *****/
/************************************************************************/
/*START: portlet*/

div.portlet-box
{
	float: left;
	width: 220px;
	margin: 10px 10px 0 0;
	border: 1px solid #999;
}

div.portlet-box img
{
	margin: 6px 4px 2px 4px;
}

div.portlet-box p.headline
{
	background: #999;
	color: #000;
	font-weight: bold;
	padding: 0 0 0 4px;
}

div.portlet-box p.headline a
{
	color: #fff;
}

div.portlet-box p
{
	font-size: 11px;
	line-height: 16px;
	padding: 0 0 0 4px;
}

/*END: portlet*/
/************************************************************************/
/*START: general*/

div.gl-content-colums div.left-content
{
	width: 652px;
}

div.gl-content-colums div.wide-column
{
	width: 608px;
}

div#guidelines-context
{
	padding: 23px 0 0 9px;
	width: 149px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 140px;
}

html>body div#guidelines-context { width: 140px; }

div#guidelines-content div.clear
{
	clear: both;
	height: 0;
}


div#guideline-grey-box p
{
	font-size: 11px;
	line-height: 16px;
	margin-bottom: 10px;
}

/*END: general*/
/************************************************************************/
/*START: overview*/

div#guidelines-content div.welcome-text
{
	padding: 0 0 13px 0;
}

div#guidelines-content div.welcome-box p
{
	padding: 0;
}

div#guidelines-content div.welcome-box p.download
{
	padding: 11px 0 0 0;
}

div#guidelines-content div.welcome-visual
{
	padding: 4px 0 18px;
}

div#guidelines-content div.welcome-visual img
{
	display: block;
}

div#guidelines-content div.hruler
{
	height: 1px;
	background: #999;
	margin: 0 0 14px 0;
}

div#guidelines-content div.hruler hr
{
	display: none;
}

body#overview div#guidelines-content div.content-2cols-1
{
	width: 216px;
	float: left;
}

body#overview div#guidelines-content div.content-2cols-2
{
	width: 216px;
	float: left;
	margin: 0 0 0 18px;
}

div#guidelines-content div.teaser h2
{
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	color: #333;
	margin: 0;
	padding: 0;
}

div#guidelines-content div.teaser p
{
	padding: 0;
}

div#guidelines-content div.teaser a.more
{
	padding: 0 0 0 11px;
	background: url(img/icon_link.gif) 0 4px no-repeat;
}

div#guidelines-content div.teaser a.more:hover
{
	color: #900 !important;
}

div#guidelines-content div.teaser img.img-float-left
{
	float: left;
	margin: 4px 9px 3px 0;
}

div#guidelines-content div.teaser-spacer
{
	height: 11px;
}

/*END: overview*/
/************************************************************************/
/*START: tabbed content*/

ul#tab-nav
{
	height: 20px;
	background: url(img/bg_tabpage_999.gif) 0 19px repeat-x;
	background-color:#EEEEEE;
	 padding: 0 0px 0 0px;
	 margin: 0;
        list-style-type: none;
}

ul#tab-nav li
{
       padding: 0 10px 0 4px;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	height: 20px;
	background: url(img/bg_tabnav_li_999.gif) top right no-repeat;
	border-left: 1px solid #999;
	float: left;
}

ul#tab-nav li.active
{
	color: #336699;
	background: url(img/bg_tabnav_li_active_999.gif) top right no-repeat;
}

ul#tab-nav li.inactive
{
	color: #999;
}

ul#tab-nav li.inactive span
{
	margin: 4px 0 0 0;
	display: block;
}

ul#tab-nav li a
{
	margin: 4px 0 0 0;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	display: block;
}

ul#tab-nav li.active a
{
	color: #336699;
}


/*END: tabbed content*/
/************************************************************************/
/*START: navigation list*/

div#guidelines-content h5,
div#guidelines-context h5
{
	font-size: 11px;
	line-height: 16px;
}

div#guidelines-content td.fullwidth-content-2cols-2 h5
{
	margin: 11px 0 0 0;
}

div#guidelines-content td.fullwidth-content-2cols-2 h5:first-child
{
	margin: 0;
}

* html div#guidelines-content td.fullwidth-content-2cols-2 h5
{
	margin: expression(previousSibling ? "11px 0 0 0" : "0");
}

div#guidelines-content td.fullwidth-content-2cols-2 h5 a
{
	font-weight: bold;
	padding: 0 0 0 13px;
	background: url(img/icon_collapse.gif) no-repeat 0 3px;
	display: block;
}

div#guidelines-content td.fullwidth-content-2cols-2 h5 a.expand
{
	background-image: url(img/icon_expand.gif);
}

div#guidelines-content ul ul,
div#guidelines-context ul ul
{
	margin: 0 0 0 9px;
}

div#guidelines-content ul li,
div#guidelines-context ul li
{
	font-size: 11px;
	line-height: 16px;
}

div#guidelines-content ul li a,
div#guidelines-context ul li a
{
	padding: 0 0 0 13px;
	background: url(img/icon_link.gif) no-repeat 0 4px;
	display: block;
}

div#guidelines-content td.fullwidth-content-2cols-2 ul li a
{
	background: none;
}

div#guidelines-content ul li.active a,
div#guidelines-context ul li.active a
{
	color: #900;
}

/*END: navigation list*/
/************************************************************************/
/*START: footer and pagination*/

div#guidelines-content p.print-footer
{
	padding: 9px 0 4px 16px !important;
	vertical-align: top;
}

div#guidelines-content p.pagination
{
	padding: 9px 0 11px 0;
}

div#guidelines-content p.pagination span.prev-inactive
{
	padding: 0 0 0 13px;
	background: url(/web/brandville/_images/icons/arrow_back_inactive.gif) no-repeat 0 4px;
	color: #999;
}

div#guidelines-content p.pagination span.next-inactive
{
	padding: 0 13px 0 0;
	background: url(/web/brandville/_images/icons/arrow_inactive.gif) no-repeat right 4px;
	color: #999;
}

div#guidelines-content p.pagination span.pipe
{
	padding: 0 5px;
}

div#guidelines-content p.pagination a.prev
{
	padding: 0 0 0 13px;
	background: url(/web/brandville/_images/icons/arrow_back.gif) no-repeat 0 4px;
}

div#guidelines-content p.pagination a.next
{
	padding: 0 13px 0 0;
	background: url(/web/brandville/_images/icons/arrow.gif) no-repeat right 4px;
}

/*END: footer and pagination*/
/************************************************************************/
/*START: guidelines content*/

div#guidelines-content div.content-1col
{
	width: 360px;
}

div#guidelines-content div.content-2cols-1
{
	float: left;
	width: 300px;
}

div#guidelines-content div.content-2cols-2
{
	float: left;
	width: 112px;
	margin: 0 0 0 28px;
}

div#guidelines-content table.fs-content-2cols
{
	border: none;
	border-collapse: collapse;
	width: 598px;
}

div#guidelines-content td.fs-content-2cols-1
{
	vertical-align: top;
	width: 350px;
}

div#guidelines-content td.fs-content-2cols-2
{
	vertical-align: top;
	width: 135px;
	padding: 0 0 11px 113px;
}

div#guidelines-content table.fullwidth-content-2cols
{
	border: none;
	border-collapse: collapse;
	width: 598px;
}

div#guidelines-content td.fullwidth-content-2cols-1
{
	vertical-align: top;
	width: 440px;
}

div#guidelines-content td.fullwidth-content-2cols-2
{
	vertical-align: top;
	width: 135px;
	padding: 0 0 11px 23px;
}

div#guidelines-content h1
{
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	padding: 0 0 11px 0;
}

body#overview div#guidelines-content h1
{
	padding: 0 0 5px 0;
}

div#guidelines-content h2
{
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	color: #666;
}

div#guidelines-content p
{
	font-size: 11px;
	line-height: 16px;
	padding: 0 0 11px 0;
}

div#guidelines-content p.preceding-link,
div#guidelines-content p.preceding-download
{
	padding: 0;
}

div#guidelines-content p a
{
	font-size: 11px;
	line-height: 16px;
}


div#guidelines-content div.content-2cols-2 a.link
{
	display: inline-block;
	background-position: 0 5px;
}

html>body div#guidelines-content div.content-2cols-2 a.link
{
	display: block;
}

div#guidelines-content a.doc
{
	padding: 0 0 0 29px;
	background-repeat: no-repeat;
	background-image: url(/web/brandville/_images/icons2005/download_word.gif) !important;
	display: block;
}

div#guidelines-content a.xls
{
	padding: 0 0 0 29px;
	background-repeat: no-repeat;
	background-image: url(/web/brandville/_images/icons2005/download_excel.gif) !important;
	display: block;
}

div#guidelines-content a.ppt
{
	padding: 0 0 0 28px;
	background-repeat: no-repeat;
	background-image: url(/web/brandville/_images/icons2005/download_powerpoint.gif) !important;
	display: block;
}

div#guidelines-content a.pdf
{
	padding: 0 0 0 29px;
	background-repeat: no-repeat;
	background-image: url(/web/brandville/_images/icons2005/download_pdf.gif) !important;
	display: block;
}

div#guidelines-content a.zip
{
	padding: 0 0 0 28px;
	background-repeat: no-repeat;
	background-image: url(/web/brandville/_images/icons2005/download_zip.gif) !important;
	display: block;
}

div#guidelines-content a.sit
{
	padding: 0 0 0 26px;
	background-repeat: no-repeat;
	background-image: url(/web/brandville/_images/icons2005/download_sit.gif) !important;
	display: block;
}

div#guidelines-content a.gif
{
	padding: 0 0 0 29px;
	background-repeat: no-repeat;
	background-image: url(/web/brandville/_images/icons2005/download_gif.gif) !important;
	display: block;
}

div#guidelines-content a.jpg
{
	padding: 0 0 0 29px;
	background-repeat: no-repeat;
	background-image: url(/web/brandville/_images/icons2005/download_jpg.gif) !important;
	display: block;
}

div#guidelines-content a.wav
{
	padding: 0 0 0 29px;
	background-repeat: no-repeat;
	background-image: url(/web/brandville/_images/icons2005/download_wav.gif) !important;
	display: block;
}

div#guidelines-content a.download
{
	padding: 0 0 0 26px;
	background-repeat: no-repeat;
	background-image: url(/web/brandville/_images/icons2005/download_unknown.gif) !important;
	display: block;
}

div#guidelines-content a.flash
{
	padding: 0 0 0 27px;
	background-image: url(/web/brandville/_images/icons/bv_icon_film.gif) no-repeat 0 2px;
	display: block;
}

div#guidelines-content h1 a.flash
{
	margin: 0 0 0 6px;
}

div#guidelines-content a.mail
{
	padding: 0 0 0 30px;
	background: url(/web/brandville/_images/icons/arrow_mailto.gif) no-repeat 0 2px;
}

div#guidelines-content div.image,
div#guidelines-content div.embedded-file
{
	padding: 3px 0 14px 0;
}

div#guidelines-content div.image-with-description
{
	padding: 3px 0 11px 0;
}

div#guidelines-content div.image-with-legend
{
	padding: 3px 0 12px 0;
}

div#guidelines-content div.image-link-only
{
	padding: 0 0 11px 0;
}

div#guidelines-content div.image img,
div#guidelines-content div.image-with-description img,
div#guidelines-content div.image-with-legend img,
div#guidelines-content div.embedded-file object
{
	display: block;
}

div#guidelines-content p.enlarge
{
	padding: 5px 0 0 0;
}

div#guidelines-content div.image-link-only p.enlarge
{
	padding: 0;
}

div#guidelines-content p.enlarge a
{
	padding: 0 0 0 17px;
	background: url(/web/brandville/_images/icons/enlarge.gif) no-repeat 0 1px;
	display: block;
}

div#guidelines-content p.legend
{
	font-size: 10px;
	line-height: 14px;
	padding: 1px 0 0 0;
}

div#guidelines-content p.legend-without-enlarge
{
	font-size: 10px;
	line-height: 14px;
	padding: 5px 0 0 0;
}

div#guidelines-content table.image-2cols td.image-2cols-2 p.legend,
div#guidelines-content table.image-2cols td.image-2cols-2 p.legend-without-enlarge
{
	padding: 0;
}

div#guidelines-content div.spacer-1px
{
	height: 1px;
}

div#guidelines-content table.image-2cols td
{
	vertical-align: top;
}

div#guidelines-content table.image-2cols td.image-2cols-1
{
	width: 212px;
}

div#guidelines-content table.image-2cols td.image-2cols-2
{
	padding: 0 0 0 9px;
}

/*END: guidelines content*/
/************************************************************************/
/*START: html*/

div#guidelines-content div.html p
{
	padding: 0;
}

div#guidelines-content div.html a
{
	font-size: 11px;
	line-height: 16px;
}

div#guidelines-content div.html ol li
{
	font-size: 11px;
	line-height: 16px;
	padding: 2px 0 0 0;
}

div#guidelines-content div.html ol li:first-child
{
	padding: 0;
}

* html div#guidelines-content div.html ol li
{
	padding: expression(previousSibling ? "2px 0 0 0" : "0");
}

div#guidelines-content div.html ul li
{
	padding: 2px 0 0 17px;
	background: url(img/bullet.gif) no-repeat 4px 8px;
}

div#guidelines-content div.html ul li:first-child
{
	padding: 0 0 0 17px;
	background-position: 4px 6px;
}

* html div#guidelines-content div.html ul li
{
	padding: expression(previousSibling ? "2px 0 0 17px" : "0 0 0 17px");
	background-position: expression(previousSibling ? "4px 8px" : "4px 6px");
}

/*END: html*/
/************************************************************************/
/*START: icons*/

div#guidelines-content a.print-icon {
	background: url(/web/brandville/_images/icons2005/icon-print-red.gif) no-repeat 0 0;
	padding: 0 0 0 19px;
	color: #333;
	display: block;
}

div#guidelines-content a.icon-person-small {
	color: #666 !important;
}

div#guidelines-content a.icon-person-small span.icon {
	background: url(/web/brandville/_images/icons2005/icon_contact_person.gif) no-repeat 0 0;
	padding: 0 0 0 10px;
	height: 14px;
	width: 10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	background: url(/web/brandville/_images/icons2005/icon_contact_person.gif) no-repeat 0 -1px;
}

/*END icons*/
/************************************************************************/
/*START: tables*/

div#guidelines-content div.table
{
	margin: 4px 0 3px 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	width: 100%; /*needed for IE 5.x */
}

html>body div#guidelines-content div.table
{
	margin: 3px 0 4px 0;
}

div#guidelines-content div.table table
{
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	border: none;
	width: 100%;
}

div#guidelines-content div.table caption,
div#guidelines-content div.table th,
div#guidelines-content div.table td
{
	margin: 0;
	padding: 1px 4px;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	color: #333;
	font-size: 11px;
	line-height: 14px;
	vertical-align: top;
}

div#guidelines-content div.table caption
{
	background: #666;
	color: #fff;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #fff;
}

div#guidelines-content div.table th,
div#guidelines-content div.table tfoot td
{
	font-weight: normal;
	text-align: left;
	background: #ccc;
}

div#guidelines-content div.table td
{
	background: #ddd;
	border-top: 1px solid #fff;
}

div#guidelines-content div.table td.subcaption
{
	background: #eee;
}

div#guidelines-content div.table td.col-highlight
{
	background: #fff;
	font-weight: bold;
	border-top: 1px solid #ccc;
}

div#guidelines-content div.table td.first
{
	border-top: 1px solid #fff;
}

div#guidelines-content div.table th.center,
div#guidelines-content div.table td.center
{
	text-align: center;
	white-space: nowrap;
}

div#guidelines-content div.table th.right,
div#guidelines-content div.table td.right
{
	text-align: right;
	white-space: nowrap;
}

div#guidelines-content div.table td.after-rowspan
{
	border-left: 1px solid #fff;
}

div#guidelines-content div.table tfoot td.legend
{
	font-size: 10px;
	line-height: 14px;
	color: #666;
	padding: 0 4px 1px;
}

div#guidelines-content html>body div.table tfoot td.legend
{
	padding: 1px 4px 0;
}

div#guidelines-content div.table a
{
	font-family: Arial, Geneva, Helvetica, sans-serif;
	color: #333;
	text-decoration: none;
}

td#orderitem {
      border-left: 1px solid #FFFFFF;
      border-bottom: 2px solid #FFFFFF;
      border-top: 1px solid #FFFFFF;
      border-right: 1px solid #FFFFFF;
	  padding-left:3px;
  	  padding-right:3px;
}
td#orderitemend {
      border-left: 1px solid #FFFFFF;
      border-bottom: 2px solid #FFFFFF;
      border-top: 1px solid #FFFFFF;
}
td#headerline {
      border-right: 1px solid #FFFFFF;


}

.smallBlackTextButton
{
	background-color:#d0d3da;
	color: #000000;
	font-weight: normal;
}

li.squareBullet
{
	 list-style-type: square;
}
.smallGrayButton
{
	background-color:#666666;
	color: #FFFFFF;
	font-weight: normal;
}
.smallTextWebOrder
{
	font-size: 10px;
	color: #666666;
}
.smallTextBlackWebOrder
{
	font-size: 10px;
	color: #000000;
}
.leftColumnHeaderSmall{
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #333333
}

td.webOrderHeader
{
background-color:#D0D3DA;
height:18px;
}
.webOrderPortal {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 4px 0px; BORDER-LEFT: #cccccc 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #ededed
}

/*END: tables*/
/************************************************************************/