/* www.poynting.de
layout.css
created: 07.01.2009
last change: 06.03.2009
Cascading Style Sheets Level 2 Revision 1 (CSS 2.1)
http://www.w3.org/TR/CSS21/
*/

/*-------------------------------------------------------------------------------------------*/
/* html */
html			{
				background-color: #e8e8e8;
				}				
				
/*-------------------------------------------------------------------------------------------*/
/* formatting the blog-module */

.blogsummary p	{
				margin-bottom: 0;
				}
				
.blogsummary h2	{
				margin-bottom: 0.5em;
				}
				
.blogentry h1	{
				margin-bottom: 1em;
				}
				
.blogsummary h5, .blogentry h5	{
				margin-bottom: 0.5em;
				}
				
/*-------------------------------------------------------------------------------------------*/
/* formatting special links */

				/* print buttons e.g. in job offers */
a.print			{
				padding-left: 30px;
				padding-top: 10px;
				background-image: url('../images/sprites/sprt-icons.png');
				background-position: left -337px;
				background-repeat: no-repeat;
				}
				
a[href $='/rss/'] {
				padding-left: 16px;
				padding-top: 2px;
				background: url('../images/rss-feed.png') left center no-repeat;
				}
				
a[href ^='tel:'], a[href ^='tel:']:visited {
				color: #666666;
				text-decoration: none;
				}

a[href ^='tel:']:hover {
				color: black;
				}
				
				/* provide external links within paragraphs with an arrow */
div.content p a[href ^="http://"]	{
				padding-right: 12px;
				background: url('../images/arrow-externallink.png') right 60% no-repeat;
				margin-right: 1px;
				}
				
a.englishflag	{
				padding-left: 18px;
				padding-top: 1px;
				background: url('../images/flags/english.png') left center no-repeat;
				}
				
a.germanflag	{
				padding-left: 18px;
				padding-top: 1px;
				background: url('../images/flags/german.png') left center no-repeat;
				}
				
				/* provide special filetypes with a corresponding image */
				
a[href $='.vcf'] {
				padding-left: 24px;
				background-image: url('../images/sprites/sprt-icons.png');
				background-position: left -229px;
				background-repeat: no-repeat;
				}
				
a[href $='.rss'] {
				padding-left: 24px;
				padding-top: 1px;
				background-image: url('../images/sprites/sprt-icons.png');
				background-position: left -280px;
				background-repeat: no-repeat;
				}
				
a[href $='.pdf'] {
				padding-left: 24px;
				padding-top: 1px;
				background-image: url('../images/sprites/sprt-icons.png');
				background-position: left -57px;
				background-repeat: no-repeat;
				}
				
a[href $='.xls'] {
				padding-left: 24px;
				padding-top: 1px;
				background-image: url('../images/sprites/sprt-icons.png');
				background-position: left -173px;
				background-repeat: no-repeat;
				}
				
a[href $='.ppt'] {
				padding-left: 24px;
				padding-top: 1px;
				background-image: url('../images/sprites/sprt-icons.png');
				background-position: left -115px;
				background-repeat: no-repeat;
				}
				
a[href $='.doc'] {
				padding-left: 24px;
				padding-top: 1px;
				background-image: url('../images/sprites/sprt-icons.png');
				background-position: left 0;
				background-repeat: no-repeat;
				}

/*-------------------------------------------------------------------------------------------*/
/* CSS-tables, knwon by newer Opera/safari/Firefox and IE8 */

.table { display:table; }
.table div { display:table-row; }
.table div div { display:table-cell; width:50%; }

/*-------------------------------------------------------------------------------------------*/
/* primary block-elements */

#wrapper		{
				margin: 0 auto;
  				width: 900px;
  				padding: 0;
  				position: relative;
  				}
  				
#navigation	{
  				padding: 0 20px;
  				margin: 0;
				/*background-image: url('../images/bg-navigation.png');*/
				background-image: url('../images/sprites/sprt-elements.png');
				background-position: 0 -48px;
				background-repeat: repeat-x;
				overflow: hidden;
				/* makes overflow: hidden work */
				position: relative;
				/* min-height doesn't work with older browsers */
				min-height: 80px;
				/* CSS-Hack for IE6, older Mozilla/Firefox/Gecko, Opera 7.x+, Safari1.2 */
				height:auto !important;
 				height: 80px;
				}
				
#header		{
				padding: 0 20px;
				margin: 0;
				/*background-image: url('../images/bg-header.png');*/
				background-image: url('../images/sprites/sprt-mainbg.jpg');
				background-repeat: no-repeat;
				/* min-height doesn't work with older browsers */
				min-height: 139px;
				/* CSS-Hack for IE6, older Mozilla/Firefox/Gecko, Opera 7.x+, Safari1.2 */
				height:auto !important;
 				height: 139px;
				}
				
#body		{
				padding: 0 0 1px 0;
				margin: 0;
				background-color: #f7f6f5;
				/*background-image: url('../images/bg-body.png');*/
				background-image: url('../images/sprites/sprt-mainbg.jpg');
				background-position: 0 -139px;
				background-repeat: no-repeat;
				}
		
				/* footer: directlinks, copyright */		
#footer			{
				font-family: helvetica, "Helvetica Neue", arial, sans-serif;
				font-size: 85%;
				font-weight: bold;
				padding: 0 20px 10px 20px;
				margin: 0;
				background-color: #f7f6f5;
				/* move up*/
				position: relative;
				top: -10px;
				}
				
				/* 1. debugging the behaviour of older browsers (Opera 7), ... */
	
#footer:after {
    			content: "."; 
   				display: block; 
			    height: 0; 
    			clear: both; 
    			visibility: hidden;
				}

				/* 2. debugging the behavoiur of IE6/Win (IE6 doesn't know the pseudo-element :after) */
* html #footer {
				height: 1%;
				}
				
#footer p		{
				color: #c0c0c0;
				float: right;
				margin-bottom: 0;
				}
				

#footer a, #footer a:visited 	{
				color: #c0c0c0;
				text-decoration: none;
				margin-right: 1.5em;
				}
				
#footer a:hover 		{
				color: #999999;
				text-decoration: none;
				}
				/* end footer */
				
div.content		{
				padding: 0;
				margin: 0 0 18px 0;
				}
				
div.contentheader		{
				padding: 0;
				margin: 0;
				/*background-image: url('../images/bg-contentheader.png');*/
				background-image: url('../images/sprites/sprt-contentheaderfooterbg.png');
				background-position: 0 -15px;
				background-repeat: no-repeat;
				overflow: hidden;
				/* min-height doesn't work with older browsers */
				min-height: 3px;
				/* CSS-Hack for IE6, older Mozilla/Firefox/Gecko, Opera 7.x+, Safari1.2 */
				height: auto !important;
 				height: 3px;
 				/* CSS-Hack for IE7, where a div's height has to be at least 1 text-line high. */
 				font-size: 1px;
				}
				
				/* Adding alpha-transparency functionality to IE5.5+ */
* html div.contentheader {
				background:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/poynting/images/ie6/bg-contentheader.png', sizingMethod='scale');
				}
				
div.plaincontentheader		{
				padding: 0;
				margin: 0;
				/*background-image: url('../images/bg-plaincontentheader.png');*/
				background-image: url('../images/sprites/sprt-contentheaderfooterbg.png');
				background-position: 0 -11px;
				background-repeat: no-repeat;
				overflow: hidden;
				/* min-height doesn't work with older browsers */
				min-height: 3px;
				/* CSS-Hack for IE6, older Mozilla/Firefox/Gecko, Opera 7.x+, Safari1.2 */
				height: auto !important;
 				height: 3px;
 				/* CSS-Hack for IE7, where a div's height has to be at least 1 text-line high. */
 				font-size: 1px;
				}
				
				/* Adding alpha-transparency functionality to IE5.5+ */
* html div.plaincontentheader {
				background:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/poynting/images/ie6/bg-plaincontentheader.png', sizingMethod='scale');
				}
				
div.contentbody			{
				padding: 0 20px;
				margin: 0;
				/*background-image: url('../images/bg-contentbody.png');*/
				background-image: url('../images/sprites/sprt-contentbodybg.png');
				background-repeat: repeat-y;
				overflow: hidden;
				}
				
/*	for expanding the container-block "contentbody" to the outer edges of the floating elements
	"sidecontent" and "maincontent" wthout adding an cleared, non-floating div-block after the floating
	blocks
	
	refer to:
	http://www.communitymx.com/abstract.cfm?cid=47F29 (float, the bugs)
	http://www.communitymx.com/abstract.cfm?cid=AC008 (the theory)
	http://jassesnee.de/easyclear/index.html (easyclear, used here)
	
	1. debugging the behaviour of older browsers (Opera 7), ...
*/
	
div.contentbody:after {
    			content: "."; 
   				display: block; 
			    height: 0; 
    			clear: both; 
    			visibility: hidden;
				}
/*
	2. debugging the behavoiur of IE6/Win (IE6 doesn't know the pseudo-element :after)
		and Adding alpha-transparency functionality to IE5.5+ */
	
* html div.contentbody {
				height: 1%;
				background:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/poynting/images/ie6/bg-contentbody.png', sizingMethod='scale');
				}
				/* End hide from IE-mac */
				
div.plaincontentbody			{
				padding: 0 20px;
				margin: 0;
				/*background-image: url('../images/bg-plaincontentbody.png');*/
				background-image: url('../images/sprites/sprt-contentbodybg.png');
				background-position: -900px top;
				background-repeat: repeat-y;
				overflow: hidden;
				}
				
div.plaincontentbody:after {
    			content: "."; 
   				display: block; 
			    height: 0; 
    			clear: both; 
    			visibility: hidden;
				}
				
* html div.plaincontentbody {
				height: 1%;
				background:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/poynting/images/ie6/bg-plaincontentbody.png', sizingMethod='scale');
				}
				
div.contentfooter		{
				clear: both;
				padding: 0;
				margin: 0;
				/*background-image: url('../images/bg-contentfooter.png');*/
				background-image: url('../images/sprites/sprt-contentheaderfooterbg.png');
				background-position: 0 -6px;
				background-repeat: no-repeat;
				overflow: hidden;
				/* min-height doesn't work with older browsers */
				min-height: 4px;
				/* CSS-Hack for IE6, older Mozilla/Firefox/Gecko, Opera 7.x+, Safari1.2 */
				height: auto !important;
 				height: 4px;
 				/* CSS-Hack for IE7, where a div's height has to be at least 1 text-line high. */
 				font-size: 1px;
				}
				
				/* Adding alpha-transparency functionality to IE5.5+ */
* html div.contentfooter {
				background:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/poynting/images/ie6/bg-contentfooter.png', sizingMethod='scale');
				}
				
div.plaincontentfooter		{
				clear: both;
				padding: 0;
				margin: 0;
				/*background-image: url('../images/bg-plaincontentfooter.png');*/
				background-image: url('../images/sprites/sprt-contentheaderfooterbg.png');
				background-position: 0 -1px;
				background-repeat: no-repeat;
				overflow: hidden;
				/* min-height doesn't work with older browsers */
				min-height: 4px;
				/* CSS-Hack for IE6, older Mozilla/Firefox/Gecko, Opera 7.x+, Safari1.2 */
				height: auto !important;
 				height: 4px;
 				/* CSS-Hack for IE7, where a div's height has to be at least 1 text-line high. */
 				font-size: 1px;
				}
				
* html div.plaincontentfooter {
				background:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/poynting/images/ie6/bg-plaincontentfooter.png', sizingMethod='scale');
				}
				
div.sidecontent		{
				width: 200px;
				padding: 30px 30px 15px 30px;
				margin: 0;
				float: left;
				}
				
div.sidecontent	h2	{
				margin-bottom: .5em;
				}
				
div.sidecontent	a.sidebartitle, div.sidecontent	a.sidebartitle:visited, div.sidecontent	a.sidebartitle:hover, div.sidecontent a.sidebartitle:active	{
				color: black;
				text-decoration: none;
				}
				
div.maincontent		{
				width: 540px;
				padding: 30px 30px 15px 30px;
				margin: 0;
				float: right;
				}
				
div.plaincontent		{
				padding: 30px 30px 15px 30px;
				margin: 0;
				}
				
/*-------------------------------------------------------------------------------------------*/
/* secondary block-elements */

				/* toplinks: contact, language */	
#toplinks		{
				text-align: right;
				margin-top: 7px;
				font-family: helvetica, "Helvetica Neue", arial, sans-serif;
				font-size: 80%;
				color: #929292;
				text-decoration: none;
				}

#toplinks a, #toplinks a:visited	{
				text-decoration: none;
				color: #929292;
				}	
				
#toplinks a:hover 		{
				text-decoration: underline;
				}
				/* end toplinks */
				
				/* navilinks: home, engineering, company ... */
#navilinks		{
				font-family: helvetica, "Helvetica Neue", arial, sans-serif;
				font-weight: bold;
				font-size: 100%;
				text-decoration: none;
				position: absolute;
				top: 56px;
				left: 250px;
				/*background-image: url('../images/navigation-separatorline.png');*/
				background-image: url('../images/sprites/sprt-elements.png');
				background-position: left -129px;
				background-repeat: no-repeat;
				/*background-position: left;*/
				}
					
#navilinks ul	{
				list-style-type: none;
				padding: 0;
				margin: 0;
				}
				
#navilinks ul li	{
				float: left;
				/*background-image: url('../images/navigation-separatorline.png');*/
				background-image: url('../images/sprites/sprt-elements.png');
				/*background-position: right;*/
				background-position: right -129px;
				background-repeat: no-repeat;
				}
	
#navilinks a, #navilinks a:visited {
				padding: 2px 1em 1px 1em;
				display: block;
				text-decoration: none;
				color: #666666;
				}

#navilinks a#currentnavilink {
				color: white;
				/*background-image: url('../images/bg-navigationbuttonhover.png');*/
				background-image: url('../images/sprites/sprt-elements.png');
				background-position: 0 -22px;
				background-repeat: repeat-x;
				}
				
#navilinks a:hover 		{
				color: #999999;
				
				}
				/* end navilinks */
				
			
				/* header-content block, the poynting gmbh ... */	
#headercontent {
				font-family: helvetica, "Helvetica Neue", arial, sans-serif;
				font-weight: bold;
				font-size: 90%;
				line-height: 1.5em;
				color: white;
				width: 320px;
				position: absolute;
				top: 100px;
				left: 30px;
				}

#headercontent a, #headercontent a:visited{
				font-size: 90%;
				color: #999999;
				padding: 2px 3px 2px 3px;
				/*background-image: url('../images/bg-headerbutton.png');*/
				background-image: url('../images/sprites/sprt-elements.png');
				background-position: 0 -1px;
				background-repeat: repeat-x;
				text-decoration: none;
				}
				
#headercontent a:hover{
				color: #c0c0c0;
				text-decoration: none;
				}
				/* end headercontent */
				
				/* division-links on homepage: plants, engineering, sepcial... */
#divisionlinks	{
				clear: both;
				position: relative;
				top: -6px;
				font-family: helvetica, "Helvetica Neue", arial, sans-serif;
				font-weight: bold;
				font-size: 90%;
				/*background-image: url('../images/bg-divisionlinks.png');*/
				background-image: url('../images/sprites/sprt-elements.png');
				background-position: 0 -155px;
				background-repeat: repeat-x;
				/* min-height doesn't work with older browsers */
				min-height: 34px;
				/* CSS-Hack for IE6, older Mozilla/Firefox/Gecko, Opera 7.x+, Safari1.2 */
				height: auto !important;
 				height: 34px;
				}
				
#divisionlinks div	{
				width: 180px;
				float: left;
				text-align: center;
				}
				
div.leftdivision {
				background-image: url('../images/sprites/sprt-elements.png');
				background-position: right -190px;
				background-repeat: no-repeat;
				}
				
div.middledivision	{
				background-image: url('../images/sprites/sprt-elements.png');
				background-position: right -190px;
				background-repeat: no-repeat;
				}
				
a.currentdivisionlink {
				color: #c0c0c0 !important;
				}
				
#divisionlinks a, #divisionlinks a:visited, #divisionlinks a.unhovered {
				display: block;
				padding: 5px 0;
				text-decoration: none;
				color: #999999;
				}
				
#divisionlinks a:hover, #divisionlinks a.current {
				color: #c0c0c0;
				}
				/* end division-links */
				
/*-------------------------------------------------------------------------------------------*/
/* inline-elements */
				
				/* breadcrumb-navigation (only on lower level pages) */
span.breadcrumbs	{
				font-family: helvetica, "Helvetica Neue", arial, sans-serif;
				font-size: 80%;
				margin-bottom: 2em;
				line-height: 1.5em;
				display: block;
				}
				
/*-------------------------------------------------------------------------------------------*/
/* images */

img				{
				border-width: 0;
				border-style: none;
				}
				
img#logo		{
				margin-left: 10px;
				margin-top: 17px;
				float: left;
				}
		
/*-------------------------------------------------------------------------------------------*/
/* lists */

				/* sidebar level 1*/
ul.sidebar				{
				/*turns off display of bullets*/
				list-style-type: none;
				margin: 0 0 3em 0;
				padding: 0;
				border-width: 1px 0 0 0;
				border-style: solid;
				border-color: #efeeed;
				}
	
ul.sidebar li			{
				margin: 0;
				padding: 0 0 0 20px;
				}
				
ul.sidebar a, ul.sidebar a:visited		{
				font-family: helvetica, "Helvetica Neue", arial, sans-serif;
				font-size: 85%;
				font-weight: bold;
				color: #999999;
				text-decoration: none;
				display: block;
				padding: 0.25em 0;
				border-width: 0 0 1px 0;
				border-style: solid;
				border-color: #efeeed;
				}
				
				/* debugging bottom-gap bug in IE6 */
* html ul.sidebar a {height: 1%;}

				
ul.sidebar a:hover 		{
				color: #666666;
				text-decoration: none;
				}
				
ul.sidebar li.current			{
				background-image: url('../images/arrow-sidenavigation.png');
				background-repeat: no-repeat;
				background-position: 1px 7px;
				}
		
ul.sidebar li.current a.children{
				color: black;
				border-style: none;
				}
						
ul.sidebar li.current a.current{
				color: black;
				}
				/* end sidebar level 1*/

				/* sidebar level 2 */
ul.sidebarchild		{
				/*turns off display of bullets*/
				list-style-type: none;
				margin: 0;
				padding: 0;
				border-width: 0 0 1px 0;
				border-style: solid;
				border-color: #efeeed;
				}
				
ul.sidebarchild li	{
				padding: 0;
				}
				
ul.sidebarchild a, ul.sidebarchild a:visited		{
				font-size: 85%;
				font-weight: normal;
				color: #999999;
				text-decoration: none;
				padding: 0.15em 0 0.25em 0;
				line-height: s1em;
				border-style: none;
				margin-left: 1em;
				}
				
ul.sidebarchild a:hover		{
				color: #666666;
				text-decoration: none;
				}
				
ul.sidebarchild a.current		{
				color: black;
				}
				/* end sidebar level 2*/

/*-------------------------------------------------------------------------------------------*/
/* classes for special formatting */

.inline			{display: inline;}
  				
.nowrap			{white-space: nowrap;}
				
.nomargin		{margin: 0;}

.data			{
				word-spacing: -0.15em;
				white-space: nowrap;
				}
				
.center			{
				text-align: center;
				}
				
.right, .rightfloat		{
				float: right;
				}

.rightfloatmargin		{
				float: right;
				margin-left: 1em;
				margin-bottom: 1em;
				}
				
.rightmargin			{
				margin-left: 1em;
				margin-bottom: 1em;			
				}
				
.left, .leftfloat		{
				float: left;
				}
				
.leftfloatmargin		{
				float: left;
				margin-right: 1em;
				margin-bottom: 1em;
				}
				
.leftmargin		{
				margin-right: 1em;
				margin-bottom: 1em;
				}
				
.bottommargin	{
				margin-bottom: 1em;
				}

.topmargin	{
				margin-top: 1em;
				}
				
.sidemargin	{
				margin: 0 1em;
				}
				
.margin			{
				margin: 1em;
				}

.clear			{clear: both;}