/***************************************** festo layout *****/
/************ Copyright (c) 2006-2007 Festo AG & Co. KG *****/
/************************************************************/
/*************************************** content styles *****/
/************************************************************/
/*************************** author virtual identity AG *****/
/****************************** last updated 2007-12-12 *****/

/************************************************************/
/*START: Inhaltsverzeichnis


	---------------------------------------------------------------
	1. article content (Inhalte der Article Seiten)
	---------------------------------------------------------------
	2. article context col (Kontext-Spalte der Article Seiten)
	---------------------------------------------------------------
	3. com-home (Styles fuer die festo.com Kontinent-Verteiler-Seite)
	---------------------------------------------------------------
	4. country-home
	   4.1 related content (Kontext-Spalte der Country-home Seite)
	---------------------------------------------------------------
	5. title headlines
	---------------------------------------------------------------
	6. overview generic
	---------------------------------------------------------------
	7. overview Tab Cards
	---------------------------------------------------------------
	8. Products Tab Navigation
	---------------------------------------------------------------
	9. Error 404
	---------------------------------------------------------------
	10. FAQ
	---------------------------------------------------------------
	11. Site Map
	---------------------------------------------------------------
	12. Validation
	---------------------------------------------------------------
	13. contact
	---------------------------------------------------------------
	14. popups
	---------------------------------------------------------------
	15. search
	---------------------------------------------------------------
	16. content list view
	---------------------------------------------------------------
	17. news
	---------------------------------------------------------------
	18. Print Preview Popups
	---------------------------------------------------------------
	19. Article Tables
	---------------------------------------------------------------
	20. Toggle Hidden Links
	---------------------------------------------------------------
	21. additional items



*/

/*END: Inhaltsverzeichnis*/
/************************************************************/
/************************************************************/
/*START: 1. article content*/

/**START: bullet lists**/
div.section ul li,
div.text-wrapper ul li
{
	font-size: 11px;
	line-height: 15px;
	padding: 0 0 0 15px;
	display: block;
	background: url(img/icons/icon_black_bullet.gif) no-repeat 0 5px;
	margin: 3px 0;
}

body#article div.section ul li,
body#article div.text ul li
{
	font-size: 12px;
	line-height: 16px;
	background: url(img/icons/icon_black_bullet.gif) no-repeat 0 6px;
	margin: 4px 0;
}

div.section ul,
div.text-wrapper ul
{
	margin: -3px 0 0 0;
}

div.section ul li,
div.text-wrapper ul li
{
	margin: 3px 0 0 0;
}

div.section * + ul,
div.text-wrapper * + ul
{
	margin-top: 3px;
}

div.section ul + *,
div.text-wrapper ul + *
{
	margin-top: 3px;
}

body#article div.section ul,
body#article div.text-wrapper ul
{
	margin-top: -4px;
}

body#article div.section ul li,
body#article div.text-wrapper ul li
{
	margin: 4px 0 0 0;
}

body#article div.section * + ul,
body#article div.text-wrapper * + ul
{
	margin-top: 4px;
	display:block;
	min-height:1%;
}

body#article div.section ul + *,
body#article div.text-wrapper ul + *
{
	margin-top: 4px;
}

/**END: bullet lists**/

p.caption
{
	color: #999;
	font-size: 11px !important;
	line-height: 15px !important;
	padding: 7px 0 0;
}

p.highlighted
{
	font-size: 11px !important;
	line-height: 15px !important;
	background-color: #dcebf6;
	padding: 7px 5px 6px;
	margin: 13px 0 14px 0;
}

div.leadtext p
{
	padding: 0 0 4px;
	color: #666;
	font-weight: bold;
}

div.leadtext p a
{
	color: #666;
}

div.section div.combine
{
	padding: 0 0 4px;
}

div.section
{
	padding: 0 0 13px;
}

div.section h2
{
	padding: 0 0 4px;
}

div.column1 left-col,
div.column2 left-col
{
	overflow: hidden;
}

div.column1 div.left-col
{
	width: 150px;
	float: left;
	margin: 0 20px 0 0;
}

div.column1 div.left-col img,
div.column2 div.left-col img
{
	padding: 3px 0 0;
}

div.column1 div.right-col
{
	width: 330px;
	float: right;
}

div.column2 div.right-col
{
	width: 280px;
	float: right;
}

div.column2 div.left-col
{
	width: 200px;
	float: left;
	margin: 0 20px 0 0;
}

div.graphic img.img
{
	margin: 2px 0 17px 0;
}

div.richmedia-container
{
	padding: 3px 0 17px;
}

div.first-table,
div.table
{
	padding-top: 4px;
}

div.first-graphic div.richmedia-container
{
	padding: 3px 0 17px;
}

div.floated-150 div.float
{
	padding: 3px 20px 5px 0;
	float: left;
}

div.floated-240 div.float,
div.floated-320 div.float
{
	padding: 3px 20px 9px 0;
	float: left;
}

div.floated-150 div.float p.caption
{
	width: 150px;
}

div.floated-240 div.float p.caption
{
	width: 240px;
}

div.floated-320 div.float p.caption
{
	width: 320px;
}

div#table_710
{
	padding: 0 0 14px;
	clear:both;
}

div#table_710 img
{
	padding: 2px 0 0;
}

div#table_710 p.caption
{
	width: 710px;
	margin-top: -17px;
	margin-bottom:17px;
}

div#table_710 .tab-cards-content p.caption
{
	width: 690px;
}

body#article div#context_nav ul
{
	padding-top: 4px;
}

body#article div#context_nav ul li.current a
{
	font-weight: bold;
}

/*END: 1. article content*/
/************************************************************/
/************************************************************/
/*START: 2. article context col*/

div#context div.box-spacer
{
	height: 10px;
}

div#context div.box-spacer-small
{
	height: 8px;
}

div#context div.image
{
	height: 1px;
}

div#context img
{
	padding: 0 0 5px;
}

div#context p,
div#context h2
{
	font-size: 11px;
	line-height: 15px;
}

/*END: 2. article context col*/
/************************************************************/
/************************************************************/
/*START: 3. com-home*/

div#intro_text
{
	float: left;
	width: 240px;
	margin: 0 20px 0 0;
}

div#intro_text p
{
	padding: 0 0 15px;
	line-height: 15px;
}

div#map_col
{
	float: left;
	background: url(img/bg-weltkarte.gif) no-repeat 0 0;
	width: 510px;
	height: 279px;
	margin: 0 0 14px;
}

form#language_funnel
{
	width: 260px !important;
	margin: 24px 0 0 100px;
}

form#language_funnel fieldset
{
	border: 1px solid #ccc;
	padding: 6px 5px 12px;
	background: transparent url(img/bg-weltkarte-90.gif) no-repeat -100px -12px;
}

form#language_funnel fieldset p
{
	line-height: 15px;
	padding: 0 0 6px;
}

form#language_funnel select
{
	width: 170px;
	margin: 0 0 2px;
}

form#language_funnel input
{
	float: left;
}

form#language_funnel div#quick_links
{
	padding: 1px 0 0;
	margin: 0 0 -3px;
}


/*END: 3. com-home*/
/************************************************************/
/************************************************************/
/*START: 4. country-home*/

div.portlet-140x140
{
	margin: 0 0 15px;
	border: 1px solid #ccc;
 	height: 138px;
	width: 138px;
	overflow: hidden;
	float: left;
	display: inline;
}

div.portlet-290x290
{
	margin: 0 0 15px;
	border: 1px solid #ccc;
 	height: 288px;
	width: 288px;
	overflow: hidden;
	float: left;
	display: inline;
}

div.portlet-290x140
{
	margin: 0 0 15px;
	border: 1px solid #ccc;
 	height: 138px;
	width: 288px;
	overflow: hidden;
	float: left;
	display: inline;
}

div.portlet-140x290
{
	margin: 0 0 15px;
	border: 1px solid #ccc;
  	height: 288px;
	width: 138px;
	overflow: hidden;
	float: left;
	display: inline;
}

div#portlet-col-left
{
	width: 290px;
	float: left;
}

div#portlet-col-right
{
	width: 290px;
	float: right;
}

div#portlet-col-right div.left,
div#portlet-col-left div.left
{
	float: left;
	margin-right: 10px;
	display: inline;
}

div.portlet-container
{
	padding: 6px 5px 6px;
}

div.portlet-240 div.portlet-container
{
	padding: 6px 5px 7px;
}

div.portlet-container h3
{
	color: #000;
	font-size: 11px;
	line-height: 15px;
}

p#introduction
{
	padding: 6px 0 16px;
}

div.image-float
{
	padding: 4px 10px 4px 0;
	float: left;
}

div.image
{
	padding: 4px 0 6px;
}

select.portlet-selects
{
	width: 100%;
	margin: 7px 0 0;
}

/*START: Portlets Visuals with Text*/
div.portlet-big-visual
{
	margin: 0 0 20px;
	height: 200px; /*overwrite this with inline style when more space is needed*/
	width: 610px;
	overflow: hidden;
	float: left;
	position: relative;
}

div.portlet-290x140-visual
{
 	height: 140px;
	width: 290px;
	overflow: hidden;
	margin: 0 0 15px;
	float: left;
	position: relative;
}

div.portlet-140x140-visual
{
 	height: 140px;
	width: 140px;
	overflow: hidden;
	margin: 0 0 15px;
	float: left;
	position: relative;
}

div.portlet-container-visual /* needed for mozilla <= 1.4 and netscape <= 7*/
{
	position: relative;
	overflow: hidden;
}

div.portlet-text-visual
{
	padding: 7px 10px;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
}

div.portlet-text-visual h3
{
	font-size: 18px;
	line-height: 25px;
	color: #999;
	font-weight: normal;
	margin: -3px 0 0 0;
	padding: 0 0 3px 0;
}

div.portlet-big-visual div.portlet-text-visual h3
{
	font-size: 25px;
	line-height: 30px;
	margin: -3px 0 0 0;
	padding: 0 0 6px 0;
}

div.portlet-text-visual p
{
	color: #000;
	font-size: 11px;
	line-height: 15px;
}

div.portlet-text-visual a
{
	font-size: 11px;
	line-height: 15px;
}

div.white-font p,
div.white-font a
{
	color: #fff;
}

div.white-font a.inline-link
{
	background-image: url(img/icons/icon_link_fff.gif);
}
/*END: Portlets Visuals with Text*/

/*END: 4. country-home*/
/************************************************************/
/************************************************************/
/*START: 4.1 related content*/

div#home_context div.list ul, div.home_context div.list ul
{
	margin: 0 0 -6px;
}

div#home_context div.box-spacer, div.home_context div.box-spacer
{
	height: 15px;
}

div#home_context div.box-spacer2, div.home_context div.box-spacer2
{
	height: 20px;
}

div.form-context-box
{
	margin-bottom:15px;
}

div#home_context div.form-context-box
{
	margin-bottom:20px;
}

form.product_finder_form
{
	background-color: #DCEBF6;
	padding: 10px 10px 15px!important;
	position: relative;
}

input.rounded-button
{
	color: #fff;
	padding: 0 4px 1px 7px;
	border: 0;
	height: 18px;
	position: relative;
	background: transparent url(img/buttons/button-bg.gif) no-repeat 0 0;
	font-size: 11px;
	float: left;
	overflow: visible;
	cursor: pointer;
	margin:0;
}

div.white input.rounded-button
{
	color: #000;
	background: transparent url(img/buttons/button-bg-white.gif) no-repeat 0 0;
}

div.whiteprint input.rounded-button
{
	padding: 0 4px 1px 20px;
	background: transparent url(img/buttons/button-bg-white-print.gif) no-repeat 0 0;
}

div.whiteupdate input.rounded-button
{
	padding: 0 4px 1px 16px;
	background: transparent url(img/buttons/button-bg-white-update.gif) no-repeat 0 0;
}

div.shopping
{
	margin:4px 0 0 0;
}

div.shopping input.rounded-button
{
	padding: 0 4px 1px 20px;
	background: transparent url(img/buttons/button-bg-shopping.gif) no-repeat 0 0;
}

div.enabled input.button-arrow
{
	padding: 0 4px 1px 16px;
	background: transparent url(img/buttons/button-bg-arrow.gif) no-repeat 0 0;
}

div.disabled input.rounded-button
{
	background: transparent url(img/buttons/button-bg-disabled.gif) no-repeat 0 0;
	cursor: auto;
}

div.disabled input.button-arrow
{
	padding: 0 4px 1px 16px;
	background: transparent url(img/buttons/button-bg-arrow-disabled.gif) no-repeat 0 0;
}

div.buttonEnding
{
	display: inline;
	width: 2px;
	height: 18px;
	background: transparent url(img/buttons/button-bg.gif) no-repeat right top;
	float: left;
}

div.disabled div.buttonEnding
{
	background: transparent url(img/buttons/button-bg-disabled.gif) no-repeat right top;
}

div.white div.buttonEnding
{
	background: transparent url(img/buttons/button-bg-white.gif) no-repeat right top;
}

div.form-context-box form input.products_keywords,
div.form-context-box form input.products_pno
{
	width: 355px;
	border: 1px solid #ccc;
	float: left;
	padding: 1px 5px;
	margin: 0 5px 0 0;
}

div.form-context-box form input.products_qty
{
	width: 32px;
	border: 1px solid #ccc;
	float: left;
	padding: 1px 5px;
	margin: 0 5px 0 0;
}

#context div.form-context-box form input.products_pno
{
	width: 107px;
	margin:0;
}

#home_context div.form-context-box form input.products_pno
{
	width: 155px;
}

#home_context div.form-context-box form input.products_qty
{
	width: 42px;
}

div.form-context-box form label
{
	float:left;
	width: 200px;
	color:#666666;
	margin:0 5px 2px 1px;
}

#context div.form-context-box form label
{
	width: 110px;
}

#context div.form-context-box form label.products_qty
{
	width: 44px;
}

#home_context div.form-context-box form label.products_qty
{
	width: 54px;
}

#portlet-col-left div.form-context-box form input.products_keywords,
#portlet-col-right div.form-context-box form input.products_keywords
{
	width: 130px;
}

#context div.form-context-box form input.products_keywords,
#home_context div.form-context-box form input.products_keywords
{
	width: 155px;
	margin-bottom:4px;
}

div.form-context-box form select
{
	width: 367px;
	float: left;
	margin: 0 5px 0 0;
}

#home_context div.form-context-box form select
{
	width: 167px;
}

#context div.form-context-box form select
{
	width: 167px;
	margin-bottom:4px;
}

#portlet-col-left div.form-context-box form select,
#portlet-col-right div.form-context-box form select
{
	width: 142px;
}

div.form-context-box form input.input-image
{
	float: left;
}

#context div.form-context-box form br
{
	display:none
}

div.form-context-box form p,
body#article div.form-context-box form p
{
	padding: 6px 0 11px;
	font-size: 11px;
}

body#article div#content div.form-context-box form p a
{
	font-size: 11px;
}

form a.information
{
	background-image:none!important;
	padding:2px 0 0 10px!important;
	float: left!important;
}

body.centerLayout #gen_nav div#login_box {
    background: url("img/icons/bg_login.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    height: 120px;
    margin-left: -5px;
    padding: 5px 9px 10px 82px;
    position: absolute;
    top: -6px;
    width: 213px;
    z-index: 10;
}

body.centerLayout div#gen_nav div#login_box input#pass, body.centerLayout div#gen_nav div#login_box input#user {
    margin-bottom: 7px;
    position: relative;
    top: 4px;
    width: 184px;
}



#context form a.information
{
	padding:5px 0 0 10px!important;
}

div.product_finder_fieldset,
div.technology_select_fieldset
{
	padding: 1px 0 0;
}

div#login_box
{
	border: 1px solid #ccc;
	padding: 10px 9px 15px 10px;
}

#portlet-col-left div#login_box,
#portlet-col-right div#login_box
{
	padding: 6px 5px 7px 5px;
}

form#login_form select
{
	width: 269px;
}

form#login_form input.text
{
	width: 256px;
	border: 1px solid #ccc;
	padding: 1px 5px;
}

#portlet-col-left form#login_form input.text,
#portlet-col-right form#login_form input.text
{
	width: 216px;
	border: 1px solid #ccc;
	padding: 1px 5px;
}

form#login_form label
{
	color: #999;
	padding: 4px 0 2px;
}

form#login_form h2.title
{
	margin-bottom: 1px;
}

form#login_form input#pass
{
	margin: 0 0 10px;
}

div.buttons a.link
{
	float: right;
	margin: 2px 0 0;
	background: url(img/icons/icon_link.gif) no-repeat left center;
	padding: 0 0 0 14px;
	color: #000;
}

/*END: 4.1 related content*/
/************************************************************/
/************************************************************/
/*START: 5. title headlines*/

div#content_col h1.title
{
	color: #999;
	font-size: 25px;
	line-height: 30px;
	font-weight: normal;
	padding: 0 0 11px;
	width: 500px;
}

body#country_home div#content_col h1.title
{
	color: #999;
	font-size: 30px;
	line-height: 30px;
	font-weight: normal;
	padding: 2px 0 7px;
	width: 610px;
}

body.centerLayout div#gen_nav div.buttons a.link {
    clear: none;
    float: none;
    margin: 0;
}

body.toolintegration5 div#content_col h1.title
{
	padding-left: 219px;
}

div#title_zone h1
{
	color: #999;
	font-size: 30px;
	line-height: 30px;
	font-weight: normal;
	margin: 5px 0 22px -2px;
}

div#context h2.title, .form-context-box h2.title
{
	color: #666;
	font-size: 15px;
	line-height: 15px;
	font-weight: bold;
	padding: 4px 0 6px;
}

div#home_context h2.title, div.home_context h2.title
{
	color: #666;
	font-size: 15px;
	line-height: 15px;
	font-weight: bold;
	padding: 1px 0 4px;
}

div#product_finder h2.title
{
	padding: 1px 0 4px;
}

div.portlet-240 h2.title
{
	color: #666;
	font-size: 15px;
	line-height: 20px;
	font-weight: bold;
	padding: 0 0 1px 0;
}

body#sitemap div.list h2.title
{
	color: #666;
	font-size: 15px;
	line-height: 20px;
	font-weight: bold;
	margin: 16px 0 -1px 0;
	padding: 0;
}

body#search div#content_col h2.title
{
	color: #666;
	font-size: 15px;
	line-height: 20px;
	font-weight: bold;
	padding: 0 0 1px 0;
}
/*END: 5. title headlines*/
/************************************************************/
/************************************************************/
/*START: 6. overview generic*/

div.blue-box
{
	background-color:#DCEBF6;
	padding:8px;
}

div.context-box p
{
	padding: 0 0 5px;
}

div.context-box p.list-intro-paragraph
{
	padding: 0 0 4px;
}

div.context-box div.list
{
	padding: 0 0 3px;
	margin: -2px 0 0;
}

body#overview div#portlet-col-left,
body#overview div#portlet-col-right
{
	width: 240px;
	padding: 15px 0 0;
}

div.portlet-240
{
	margin: 0 0 15px;
	border: 1px solid #ccc;
	width: 238px;
}

div.portlet-240 p
{
	padding: 0 0 4px;
}

div.portlet-240 div.list
{
	padding: 0 0 2px;
	clear: left;
}

div.portlet-240 form.select-form
{
	padding: 2px 0 7px;
}

div.portlet-240 select.portlet-selects
{
	width: 192px;
	margin: 0 4px 0 0;
	float: left;
}

div.portlet-240 input.input-image
{
	float: left;
	display: inline;
	padding: 1px 0 0;
}

body#overview div#application
{
	float: right;
	width: 710px;
	clear: none;
	margin: 8px 0 11px;
}

/*END: 6. overview generic*/
/************************************************************/
/************************************************************/
/*START: 7. overview Tab Cards*/

div.tab-cards
{
	padding: 4px 0 15px 0;
}

div.tab-cards ul.tabs
{
	position: relative;
	z-index: 2;
	margin-bottom: -1px !important;
}

div.tab-cards ul.tabs li
{
	float: left;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin: 0 2px 0 0;
	padding: 0;
	background: #e5e5e5;
}

div.tab-cards ul.tabs li a
{
	font-size: 11px;
	line-height: 15px;
	display: block;
	color: #000;
	padding: 5px 8px 4px 9px;
}

body#article div.tab-cards ul.tabs li a
{
	font-size: 12px;
	line-height: 16px;
}

div.tab-cards ul.tabs li.current a
{
	font-weight: bold;
	color: #0091dc;
	padding: 5px 8px 5px 9px;
}

div.tab-cards ul.tabs li.current
{
	background-color: #fff;
}

div.tab-cards div.tab-cards-content
{
	padding: 10px 9px 14px;
	border: 1px solid #ccc;
}

div.tab-cards-content div.column1 div.right-col
{
	width: 310px;
}

div.tab-cards-content div.column2 div.right-col
{
	width: 260px;
}

div.tab-cards-content div.select-container
{
	padding: 3px 0 5px;
}

div.tab-cards-content p.introduction
{
	padding: 0 0 8px;
}

div.tab-cards-content select.tab-cards-selects
{
	width: 230px;
	margin: 0 0 5px;
	float: left;
}

div.tab-cards-content select.right
{
	float: right;
}

p.introduction-paragraph
{
	padding: 0 0 12px;
}

/*END: 7. overview Tab Cards*/
/************************************************************/
/************************************************************/
/*START: 8. Products Tab Navigation*/

ul.catalog a
{
	font-size: 11px;
	line-height: 15px;
	padding: 0 0 5px;
	display: block;
	color: #000;
}

ul#tab_nav
{
	padding: 2px 0 0;
}

ul#tab_nav li
{
	float: left;
	margin: 0 2px 0 0;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 0;
	background: none;
	position: relative;
	top: 1px;
}

ul#tab_nav li a
{
	display: block;
	color: #000;
	background-color: #e5e5e5;
	padding: 3px 9px 1px 5px;
}

ul#tab_nav li a.selected
{
	font-weight: bold;
	background-color: #fff;
	padding: 3px 9px 2px 5px;
}
div.tab-hide
{
    display: none;
}

div.tab-content
{
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 12px 4px 6px 5px;
}

div.tab-content ul li
{
	padding: 0;
	background: none;
}

div#selected_products
{
	background-color: #e5e5e5;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 8px 4px 9px 5px;
}

div#selected_products h3
{
	font-weight: bold;
	font-size: 11px;
	line-height: 10px;
	margin: 0 0 5px;
	padding: 1px 0 0 15px;
	background: url(img/icons/icon_product.gif) no-repeat;
	color: #000;
}

ul.products-cart li
{
	padding: 0;
	background: none;
}

ul.products-cart li a
{
	font-size: 11px;
	line-height: 20px;
}

ul.products-cart li.not-null a
{
	background: url(img/icons/icon_plus.gif) no-repeat 0 2px;
	padding: 0 0 0 14px;
}

ul.products-cart li.open a
{
	background-image: url(img/icons/icon_minus.gif) !important;
}

div#application
{
	padding: 3px 0 4px !important;
	float: left;
	clear: both;
}

/*END: 8. Products Tab Navigation*/
/************************************************************/
/************************************************************/
/*START: 9. Error 404*/

body#error404 div#content p
{
	padding: 0 0 5px;
}

/*END: 9. Error 404*/
/************************************************************/
/************************************************************/
/*START: 10. FAQ*/

body#faq div#context p
{
	padding-bottom: 4px;
}

body#faq p.introduction-paragraph
{
	padding: 0 0 15px;
}

body#faq a#missing_faq
{
	margin: 11px 0 0;
}

ul#faq_list
{
	padding: 14px 0;
	border-top: 3px solid #000;
	border-bottom: 3px solid #000;
	margin: 1px 0 0;
}

dd
{
	padding: 0 0 6px;
	border-bottom: 1px solid #000;
	position: relative;
	width: 100%;
}

dt
{
	margin: 17px 0 0;
}

p.top a
{
	text-indent: -9000px;
	line-height: 0;
	display: block;
	position: absolute;
	bottom: 5px;
	right: 0;
	width: 7px;
	height: 4px;
	background: url(img/icons/icon_sort_up.gif) no-repeat scroll 0 0;
}

/*END: 10. FAQ*/
/************************************************************/
/************************************************************/
/*START: 11. Site Map*/

body#sitemap div.list
{
	padding: 0 0 4px;
	border-bottom: 1px solid #000;
}

body#sitemap h1.title
{
	padding: 0 0 14px !important;
}

div.sitemap-lists
{
	border-top: 3px solid #000;
}
/*END: 11. Site Map*/
/************************************************************/
/************************************************************/
/*START: 12. Validation */
div.error-message
{
	padding: 2px 0 16px;
}

div.error-message p
{
	font-size: 11px;
	line-height: 15px !important;
	color: #ff0000;
}

div.error-message ul li
{
	color: #ff0000;
	font-size: 11px;
	line-height: 15px;
	padding: 0 0 0 8px;
	background: url(img/li-bullet-ff0000.gif) no-repeat 0 7px;
}

p.error,
div.form-wrapper p.error,
p.error input,
p.error textarea
{
	color: #ff0000;
}

#portlet-col-left form#login_form p.error,
#portlet-col-right form#login_form p.error
{
	padding-bottom:0;
	margin-bottom:0;
}

h1.error
{
	color: #ff0000 !important;
}

.summary-hidden
{
	display: none;
}

.summary-shown
{
	display: block;
}

label.validator-error-hidden
{
	color: inherit;
}

input.validator-highlight-hidden,
select.validator-highlight-hidden,
textarea.validator-highlight-hidden
{
	color: inherit;
}

.validator-error-shown,
p.validator-error-shown,
span.validator-error-shown
{
	color: #ff0000 !important;
}

div.validator-error-shown
{
	color: #ff0000 !important;
}

label.validator-error-shown
{
	color: #ff0000 !important;
}

select.validator-highlight-shown,
input.validator-highlight-shown,
textarea.validator-highlight-shown
{
	background-color: #f6f6f6 !important;
}

form#product_contact textarea.validator-highlight-shown
{
	color: #ff0000 !important;
}

.validator-mandatory-label-shown
{
	display: inline;
}

.validator-mandatory-label-hidden
{
	display: none;
}
/*END: 12. Validation */
/************************************************************/
/************************************************************/
/*START: 13. contact*/
div.form-wrapper
{
	padding:0;
}

form.contactform legend
{
	display: none;
}

body#contact fieldset
{
	margin: 0;
	border-bottom-style: none;
	border-top: 1px solid #ccc;
	padding: 20px 0 0;
}

form.contactform input.radio
{
	display: block;
	float: left;
	margin: 0 4px 0 0;
	width: 13px;
	height: 13px;
	padding: 0;
}

form.contactform input.checkbox
{
	display: block;
	float: left;
	margin: 0 4px 0 0;
	width: 13px;
	height: 13px;
	padding: 0;
}

form.contactform label.checkbox-label
{
	margin-left: 18px;
	display: block;
	width: 157px;
}

form.contactform label.radio-label
{
	margin-left: 18px;
}

form.contactform label
{
	font-size: 11px;
	line-height: 15px;
}

form.contactform textarea
{
	font-size: 11px;
	line-height: 15px;
	padding: 0 0 0 5px;
	margin: 0 0 -1px 0; /*firefox*/
	height: 98px;
	width: 168px;
	border: 1px solid #ccc;
}

form.contactform input.text
{
	font-size: 11px;
	width: 168px;
	padding: 1px 0 1px 5px;
	border: 1px solid #ccc;
}

form.contactform select
{
	font-size: 11px;
	width: 175px;
}

form.contactform input.city
{
	width: 101px;
	float: left;
}

form.contactform input.zipcode
{
	width: 55px;
	margin: 0 0 0 5px;
	float: left;
}

form.contactform table.form
{
	width: 335px;
	float:left;
}

form.contactform table.form td
{
	font-size: 11px;
	line-height: 15px;
	vertical-align: top;
}

form.contactform table.form td.label
{
	padding: 2px 10px 0 0;
	width: 140px;
}

form.contactform table.form td.select-label
{
	padding: 3px 10px 11px 0;
}

form.contactform table.form td.textarea-label
{
	padding: 1px 10px 0 0;
}

form.contactform table.form td.input
{
	padding: 0 10px 10px 0;
	width: 165px;
}

form.contactform table.form td.radio
{
	padding: 0 10px 6px 0;
	width: 165px;
}

form.contactform table.form td.checkbox
{
	padding: 0 10px 6px 0;
	width: 165px;
}

form.contactform table.form td.textarea
{
	padding: 0 10px 10px 0;
	width: 165px;
}

form.contactform table.form td.select
{
	padding: 0 10px 9px 0;
	width: 165px;
}

div.hint
{
	padding: 5px 7px 10px 8px;
	width: 150px;
	background-color:#ddebf7;
	float:left;
}

form.contactform table.form td.submit
{
	padding: 0;
}

form.contactform p.introduction-paragraph
{
	padding: 0 0 10px;
}

form.contactform input.input-image
{
	float: left;
}

form.contactform div#context div.box-spacer
{
	height: 9px;
}

form.contactform p#required
{
	float: right;
	color: #999;
	padding: 1px 10px 0 0;
	position: relative;
	right: -1px;
	font-size: 11px !important;
	line-height: 15px !important;
}

body#contact div.context-box div.list
{
	padding: 0 0 3px;
	margin: 2px 0 0;
}

div.radio-float
{
	float: left;
	padding: 0 8px 0 0;
}

div.err
{
	color: #f00;
	border: 1px solid #f00;
	padding: 2px;
	background-color:#f6f6f6;
	position: absolute;
	width: 169px;
	height: 36px;
}

div.err p
{
	color: #f00;
}

form.contactform input.inputerror,
form.contactform textarea.inputerror
{
	border: 1px solid #f00;
}

.stern
{
	color: #ff0000;
}

/*END: 13. contact*/
/************************************************************/
/************************************************************/
/*START: 14. popups*/

body#popup div.form-wrapper
{
	padding: 4px 0 0;
	float: left;
	margin: 0 17px 0 0;
	width: 320px;
}

body#popup div#content p
{
	font-size: 12px;
	line-height: 16px;
}

/*END: 14. popups*/
/************************************************************/
/************************************************************/
/*START: 15. search*/

ul.no-links
{
	padding: 0 0 12px;
}

ul.no-links li,
div.text-wrapper ul.no-links li
{
	font-size: 11px;
	line-height: 15px;
	display: block;
	background: url(img/icons/icon_black_bullet.gif) no-repeat 0 5px;
	padding-bottom: 2px;
}

h2#hints
{
	font-size: 11px;
	line-height: 15px;
	color: #666;
	margin: 0 0 4px;
}

div#keywords_advanced
{
	padding: 4px 0 16px;
}

div#keywords_advanced input#keywords_advanced_field
{
	width: 142px;
	border: 1px solid #ccc;
	float: left;
	padding: 1px 5px;
	margin: 0 5px 0 0;
}

div.blue-box div#keywords_advanced input#keywords_advanced_field
{
	width: 126px;
}

div#keywords_advanced input.input-image
{
	float: left;
}

form#search_filter_form
{
	padding: 2px 0 1px;
}

div.expert_search_filter label
{
	color: #999;
	padding: 6px 0 4px;
}

div.expert_search_filter select
{
	width: 191px;
	margin: 0 -1px 2px 0;
}

#context div.blue-box select
{
	width: 175px!important;
	margin: 0 -1px 2px 0;
}

div#recommend_box
{
	border: 1px solid #ccc;
	padding: 6px 5px 11px;
	margin: 16px 0 0;
}

a.catalog-link
{
	padding: 0 0 0 14px;
	background: url(img/icons/icon_catalog.gif) no-repeat 0 1px;
	margin: 4px 0 0;
	display: block;
	line-height: 16px;
}

div#search_result_boxes
{
	border-top: 3px solid #000;
}

div.search-result-box
{
	border-bottom: 1px solid #000;
	padding: 16px 0 6px;
}

div.search-result-box h2
{
	font-size: 11px;
	line-height: 15px;
}

div.last
{
	border-bottom: none;
	padding: 16px 0 0;
	margin-bottom: -1px;
}

div#search_results_head
{
	margin-bottom: 1px;
}

p.results-count
{
	float: left;
}

p.pagination
{
	float: right;
}

p.pagination span.page-x-of-x
{
	margin:0 5px 0 5px;
}

p.link-options
{
	overflow: hidden;
	padding: 5px 0 0;
}

p.link-options a
{
	color: #999;
}

p.link-options span
{
	color: #ccc;
	padding: 0 4px;
}

span.wordhighlight
{
	background-color:#DCEBF6;
}
/*END: 15. search*/
/************************************************************/

/************************************************************/
/*START: 16. content list view*/

table#content_list td
{
	border-bottom: 1px solid #000;
}

table#content_list tr.last td
{
	border-bottom: none;
	padding-bottom: 0 !important;
}

table#content_list th
{
	padding: 0 0 1px;
	color: #999;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	border-bottom: 3px solid #000;
}

table#content_list td.options
{
	white-space: nowrap;
	padding: 12px 0 5px;
}

table#content_list td.options a
{
	color: #000;
}

table#content_list td.description
{
	padding: 17px 20px 6px 0;
}

td.description h3
{
	color: #000;
	font-size: 11px;
	line-height: 15px;
}

td.description h3 span.date
{
	font-weight: normal;
}

td.description h3 span.pipe
{
	font-weight: normal;
	color: #ccc;
}

body#content_list_view p.introduction-paragraph
{
	padding: 0 0 22px;
}

/*END: 16. content list view*/
/************************************************************/

/************************************************************/
/*START: 17. news*/

div.section p.date
{
	color: #999;
	padding: 5px 0 9px;
}

/*END: 17. news*/
/************************************************************/

/************************************************************/
/*START: 18. Print Preview Popups*/

div#preview_nav_zone
{
	padding: 0;
}

div#preview_nav_zone p
{
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	color: #000;
	border-top: 1px solid #ccc;
	padding: 7px 0 6px;
	width: 500px;
}

div#preview_nav_zone p.print
{
	line-height: 16px;
	padding: 6px 0;
	border-bottom: 1px solid #ccc;
	margin: 0 0 14px;
}

div#preview_nav_zone p span
{
	padding: 0 6px 0 5px;
}

div#preview_nav_zone p a
{
	font-weight: normal;
	font-style: normal;
}

div#window_close
{
	margin-bottom: 10px;
}

/*END: 18. Print Preview Popups*/
/************************************************************/

/************************************************************/
/*START: 19. Article Tables*/

/* Verwendung in floatenden Tabellen */
div.table-container
{
	padding-bottom: 17px;
}

#table_710 table
{
	width: 710px;
	clear: both;
	border-right: 1px solid #000;
	margin-bottom: 17px;
}
#table_710 .tab-cards-content table
{
    width:690px;
}

.section table
{
	width: 500px;
	border-right: 1px solid #000;
	margin-bottom: 17px;
}
.tab-cards-content table
{
	width:480px;
}
.section p.caption
{
	margin-top: -17px;
	margin-bottom:17px;
}

.floated-150 table,
div.column1 div.left-col table
{
	width: 150px;
	border-right: 1px solid #000;
	margin-bottom: 0;
}
div.column2 div.left-col table
{
	width: 200px;
	border-right: 1px solid #000;
	margin-bottom: 0;
}
.floated-150 p.caption,
div.column1 div.left-col p.caption,
div.column2 div.left-col p.caption
{
	margin-top: 0;
	margin-bottom: 0;
}

.floated-240 table
{
	width: 240px;
	border-right: 1px solid #000;
	margin-bottom: 0;
}
.floated-240 p.caption
{
	margin-top: 0;
	margin-bottom: 0;
}

.floated-320 table
{
	width: 320px;
	border-right: 1px solid #000;
	margin-bottom: 0;
}
.floated-320 p.caption
{
	margin-top: 0;
	margin-bottom: 0;
}

.section table td, .section table th,
#table_710 table td, #table_710 table th
{
	font-size: 11px;
	color: #000;
	line-height: 15px;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	padding: 6px 4px 7px 5px;
}

.section table td.smallpad, .section table th.smallpad,
.section .float table td, .section .float table th,
.section .left-col table td, .section .left-col table th,
#table_710 table td.smallpad, #table_710 table th.smallpad
{
	padding: 1px 4px 2px 5px;
}

.section table th.normal,
#table_710 table th.normal
{
	font-weight: normal;
}

.section table td.right-align, .section table th.right-align,
#table_710 table td.right-align, #table_710 table th.right-align
{
	text-align: right;
}

.section table td span.right-align, .section table th span.right-align,
#table_710 table td span.right-align, #table_710 table th span.right-align
{
	text-align: right;
	display:block;
}

.section table td span.center-align, .section table th span.center-align,
#table_710 table td span.center-align, #table_710 table th span.center-align
{
	text-align:center;
	display:block;
}

.section table td.colored-bg, .section table th.colored-bg,
#table_710 table td.colored-bg, #table_710 table th.colored-bg
{
	background-color: #f6f6f6;
}

.section table td.right-border-3px, .section table th.right-border-3px,
#table_710 table td.right-border-3px, #table_710 table th.right-border-3px
{
	border-right: 3px solid #000;
}

.section table td.noborder-left, .section table th.noborder-left,
#table_710 table td.noborder-left, #table_710 table th.noborder-left
{
	border-left: none;
}

.section table td.noborder-bottom, .section table th.noborder-bottom,
#table_710 table td.noborder-bottom, #table_710 table th.noborder-bottom
{
	border-bottom: none;
	padding-bottom: 3px;
}

.section table td.footcell, .section table th.footcell,
#table_710 table td.footcell, #table_710 table th.footcell
{
	font-weight: bold;
	border-bottom-width: 3px;
	border-top: 3px solid #000;
}

.section table th,
#table_710 table th
{
	border-bottom-width: 3px;
}

.section table th.suphead,
#table_710 table th.suphead
{
	border-bottom-width: 1px;
}

/*END: 19. Article Tables*/
/************************************************************/
/*START: 20. Toggle Hidden Links*/
li.hidden-links-trigger
{
	display: none;
}

span.show-all-label,
ul li.shown span.hide-all-label
{
	display: inline;
}

span.hide-all-label,
ul li.shown span.show-all-label
{
	display: none;
}

a.hidden-links-toggle
{
	background: url(img/icons/icon_plus.gif) no-repeat 0 40%!important;
	padding: 0 0 0 14px;
	color: #000;
}

li.shown a.hidden-links-toggle
{
	background: url(img/icons/icon_minus.gif) no-repeat 0 40%!important;
	padding: 0 0 0 14px;
	color: #000;
}

/*END: 20. Toggle Hidden Links*/
/************************************************************/
/*START: 21. additional items*/

/* typeahead function  */
.suggest
{
	width:162px;
	border:1px solid;
	border-color:black;
	position:absolute;
	z-index:1;
	top:23px;
	left:0px;
	background:white;
	visibility:hidden;
}