@CHARSET "UTF-8";
/***************************************************************************************/
/*** CSS-styles for www.profibus.com, since 2012-12-06, autor: pixelrund             ***/
/*** This file mainly provides style-informations concerning navigation-lists/menus. ***/
/***************************************************************************************/

/**********************************************************/
/*** common link styles (e. g. for pxd-more-link-button ***/
/**********************************************************/
 
.pxd-more-link-button {	
	position: relative;
	display: inline-block;	
	color: #fff;
	font-weight: bold;
	padding: 8px 15px;
	cursor: pointer;
	text-decoration: none;
	background: #000000 url(../images/link-button-bg_c.png) repeat-x 0 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.pxd-more-link-button span {color: #fff}
.pxd-more-link-button span:before {
/* content: url(../images/arrow-white-smallest.png); */
}
.pxd-more-link-button:before {	
	content: url(../images/arrow-white-smallest.png);
}
button.pxd-more-link-button {
	border: none;
}

.tx-pxdprofibusnewsticker-pi1 .pxd-more-link-button > div.catlink-l,
.tx-pxdprofibusnewsticker-pi1 .pxd-more-link-button > div.catlink-r {display: none;}
.tx-pxdprofibusnewsticker-pi1 .pxd-more-link-button > div.catlink-c {display: inline;}


/**********************************************************/
/*** header-top container styles for lists and forms    ***/
/**********************************************************/

.header-top-wrapper {
	width: 1010px;
	margin: 0 auto;	
}
	
#header-top a,
#header-top a span {color: #000;}
#header-top > div > ul {
	float: left;
	position: relative;
	margin-left: 20px;	
}
#header-top > div  > ul {float: left;}
#header-top > div  > ul > li {
	display: inline-block !important;
	padding: 7px 7px 10px 7px;
}


#header-top > div > ul.search {}
#header-top > div > ul.search li {padding: 3px 0 3px 0 !important;}
#header-top > div > ul.search input {vertical-align:middle;}


#header-top > div > ul.context {}
#header-top > div > ul.context > li a { text-decoration: none; }
#header-top > div > ul.context > li a span:before {content: url(../images/arrow-black-smallest.png);}
#header-top > div > ul.context > li:hover a span:before {	/*content: url(../images/arrow-black-smallest.png);*/}


#header-top > div > ul.login-logout {float: right;}
#header-top > div > ul.login-logout li {display: block;}
#header-top > div > ul.login-logout > li {height: 14px;}
#header-top > div > ul.login-logout > li:hover {background:url(../images/link-button-bg_c.png) repeat-x;}
#header-top > div > ul.login-logout > li:hover span {color: #fff;}
#header-top > div > ul.login-logout li ul li {padding: 5px !important;}
#header-top > div > ul.login-logout p{
	clear: both;
	padding: 5px !important;
}
#header-top > div > ul.login-logout > li ul {display: none;}
#header-top > div > ul.login-logout > li:hover ul {
	width: 203px !important;
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
	background-color: #ccc;
	z-index: 9010;
}
#header-top > div > ul.login-logout > li ul li{
	padding: 5px 15px;
	border: solid 1px #999;
	margin: 0;
	margin-top: -1px;
}
#header-top > div > ul.login .pxd-more-link-button {
	width: auto !important;
	padding-left: 2px !important;
	padding-right: 2px !important;
	
	border: none;
}

#header-top > div > ul.login-logout > li a span:before {content: url(../images/arrow-black-smallest.png);}

.login-logout-form-container label {color: #fff !important; font-weight: bold; font-size: 11px;}
.login-logout-form-container a span {color: #fff !important; font-weight: bold; /* text-shadow: -1px -1px 1px rgba(0,0,0,.7); */ }
.login-logout-form-container a span:before {content: url(../images/arrow-white-smallest.png);}
.login-logout-form-container a {
	text-decoration: none;
}

/* social media links */
/* Margin edit from 0px 0px 0px 15px by WSQ */
/* float: right edit by WSQ */
#header-top ul.links {
	margin: 0px 0px 0px 5px;
	float: right;
}
#header-top ul.links li {
	padding: 2px 0px 0px 0px;
}
/* Margin-right edit from 30px by WSQ */
#header-top > div > ul.become-a-member {
	float: right;
	margin-right: 5px;
}
#header-top > div > ul.become-a-member > li a { text-decoration: none; }
#header-top > div > ul.become-a-member > li a span:before {content: url(../images/arrow-black-smallest.png);}

/***************************************************************************************************/
/*** horizontal navigation - vertical foldout (1st sublevel)/horizontal flyout (>= 2nd sublevel) ***/
/*** @see pixelrund svn:source/project sources/pixelrund.de/fileadmin/templates/css/nav.css      ***/
/***************************************************************************************************/
/* base settings */
#header-main {
	clear: both;

	margin: 0 auto !important;
	height: 40px;
}
#header-main a span,
#header-main a {
	text-decoration: none;
	font-weight: bold;
	color: #666;
}
#header-main a:hover {
	font-style: normal;
	color: #000;
}
/* base box settings for all ul-containers */
#header-main ul {
	list-style-type: none;
	position: relative;
	width: 100%;
}
#header-main > p,
#header-main > ul {
	float: left;
	width: auto;
}

/* base box settings for all li-elements */
#header-main  li {
	padding: 10px 13px;
}
/* define the mouse-over event for al li-items */
#header-main  li:hover {	
	cursor: pointer;
}
#header-main  li.current {
	font-weight: bold;
}
/* initially hide all sub level lists */
#header-main  li ul {
	position: absolute;
	left: -9999px;
}
#header-main > ul > li {
	height: 22px;
	line-height: 22px;
}
#header-main > ul > li.current,
#header-main > ul > li:hover {
	background:url(../images/link-button-bg_c_h42.png) repeat-x;	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
#header-main > ul > li.current a span,
#header-main > ul > li:hover a span {
	color: #fff !important;
}
#header-main ul li:hover ul li a span{
	color: #999 !important;
}
#header-main ul li ul li.current a span,
#header-main ul li ul li:hover a span{
	color: #000 !important;
}
#header-main ul li ul li {
	border: solid 1px #999;
	margin: 0;
	margin-top: -1px;
	
	width: 250px;
	background-color: #fff;
}
#header-main ul li ul li a span:before {
	content: url(../images/arrow-grey-smallest.png);
}
#header-main ul li ul li.current a span:before,
#header-main ul li ul li:hover a span:before {
	content: url(../images/arrow-black-smallest.png);
}

/*** special implementation for vertical (2nd level) and horizontal (3rd level) flyout [more levels must be implemented by case!] ***/ 
#header-main .flyout ul { 	
	position: absolute;
	background-color: #fff;
}
#header-main .flyout li {
	position: relative; /* important for the absolute-position behaviour of the embedded ul-container */
	white-space: normal;
}
#header-main > ul.flyout { 	
	white-space: nowrap;
}
#header-main > ul.flyout > li {	
	display: inline-block;
	width: auto;
}
#header-main > ul.flyout > li:hover > ul {	
	width: 10.5em;		
	left: 0%;
	top: 95%;
	z-index: 1005;
	/* overlapping is difficult because of missing dynamic z-indexing */
}
#header-main .flyout li:hover > ul  {
	left: 100%;
	top: 0%;
	/* overlapping is difficult because of missing dynamic z-indexing */	
}
#header-main .flyout li:hover > ul li:first-child {	
	-moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px;  
	-moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; 
	-moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0;
	-moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0;
}
#header-main .flyout li:hover > ul li:last-child {	
	-moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; 
	-moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; 
	-moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; 	
}

#content-right ul.menu-context, 
#content-right ul.menu-context ul { list-style-type: none; }
#content-right ul.menu-context li {	
	margin-left: -15px;
	padding: 10px 15px !important;
	border-top: 1px solid #999;
	width: 266px;
}
#content-right ul.menu-context li li {
	padding-left: 30px !important;
	width: 251px;
}
#content-right ul.menu-context li a { text-decoration: none; }
#content-right ul.menu-context li a span:before { content: url(../images/arrow-grey-smallest.png);}
#content-right ul.menu-context li:hover,
#content-right ul.menu-context li.current { background-color: #EFEFEF; }
#content-right ul.menu-context li:hover > a span,
#content-right ul.menu-context li.current > a span { color: #333 !important; }
#content-right ul.menu-context li.current > a span:before,
#content-right ul.menu-context li:hover > a span:before { content: url(../images/arrow-black-smallest.png); }
#content-right ul.menu-context ul {
	margin-top: 10px;
	margin-bottom: -10px;
}
#content-right ul.menu-context li li li {
	margin-left: -30px !important;
	padding-left: 45px !important;
	width: 236px;
}

/* default settings for position between #header<>#container*/