/*---------------------------------------------------------------------------

Saint-Gobain Stylesheet
URL: www.saint-gobain.com
Start: 27.06.2006
Letzte Aenderung: 20.11.2006

Autor: Carsten Peters - www.carsten-peters.net

---------------------------------------------------------------------------*/


/* Allgemeines 
---------------------------------------------------------------------------*/

* {	padding: 0; margin: 0; }
body { font: 62.5%/1.6em Verdana, Arial, Helvetica, sans-serif; color: #333; text-align: center; }
	#container { width: 830px; margin: 0 auto; text-align: left; background: #fff url(img/body_bg.jpg) repeat-y 0% 50%; }
	#wrapper { float: left; display: inline; width: 100%; }
	#home #wrapper { float: left; display: inline; width: 100%; height: 395px; background:url(img/home_bg.jpg) no-repeat 15px 0; }
	#extra { float: left; display: inline; width: 175px; margin-left: -175px; }


/* Links 
---------------------------------------------------------------------------*/
:link, :visited, :hover, :active, :focus {  }
a, a:link, a:visited { color: #007EA0; text-decoration: none; }
a:hover, a:focus, a:active { color: #959141; }
	a img, :link img, :visited img, :hover img, :active img { border: none; }

/* Paragraphs 
---------------------------------------------------------------------------*/

p { margin-bottom: 5px; }
b, strong { font-weight: bold; color: #333; }
em, i, address { font-style: italic; }
blockquote { margin: 10px 0; padding: 0 0 0 16px; color: #999; border-left: 5px solid #c2c5ca; }


/* headlines 
---------------------------------------------------------------------------*/

h2, h3, h4, h5, h6 { font: 1.6em/1.3em Arial, Helvetica, sans-serif; font-weight: normal; color: #069; }
	h2 { margin: 15px 0 10px 15px; }
	h3 { margin: 15px 0 10px 15px; font-size: 1.2em; font-weight: bold; color: #666; }
	h4 { font-size: 1em; margin: -12px 0 0 0; }
	h5 { font-size: 0.9em; }
	h6 { font-size: 0.8em; }


/* Listen 
---------------------------------------------------------------------------*/

ul, li { list-style: none; list-style-type: none; margin-bottom: 5px; }
ul, ol { color: #333; }
ol { padding-left: 35px; }


/* Misc. 
---------------------------------------------------------------------------*/

acronym, abbr { border-bottom: 1px dotted; cursor: help; }
.clear { clear: both; }
.unsichtbar { position: absolute; top: -9999px; left: -9999px; }


/* Header 
---------------------------------------------------------------------------*/

#header { position: relative; height: 124px; background: url(img/head_bg.jpg) no-repeat 0 0; }
	#header h1 a, 
	#header h1 a:link, 
	#header h1 a:visited, 
	#header h1 a:hover, 
	#header h1 a:active, 
	#header h1 a:focus { text-indent: -9999px; position: absolute; display: block; width: 142px; height: 57px; margin: 38px 0 0 140px; background: url(img/logo.gif) no-repeat; }
	#header p a, 
	#header p a:link, 
	#header p a:visited, 
	#header p a:hover, 
	#header p a:active, 
	#header p a:focus { color: #fff; text-decoration: none; }
	#header p { float: right; text-align: right; width: 795px; height: 20px; padding: 4px 5px 0 0; margin: 104px 15px 0 15px; background: #069CD9; color: #fff; }


/* Mainnav 
---------------------------------------------------------------------------*/

#mainnav { float: left; display: inline; width: 800px; height: 30px; margin: 0 15px; background: #DADBCB url(img/mainnav_bg.gif) repeat-x bottom; font-weight: bold; line-height: normal; }
    #mainnav ul { margin: 0; padding: 0 10px 0 160px; wfont-weight: bold; text-transform: uppercase; list-style:none; white-space: nowrap; }
    #mainnav li { float: left; background: url(img/left_both.gif) no-repeat left top; margin: 0; padding: 0 0 0 9px; line-height: 26px; }
    #mainnav a { float: left; display: block; width: .1em; background: url(img/right_both.gif) no-repeat right top; margin: 0; padding: 0 15px 0 6px; text-decoration: none; color: #765; }
	#mainnav a#last { background: url(img/right_both_last.gif) no-repeat right top; }
    #mainnav > ul a { width: auto; }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #mainnav a { float: none; }
    /* End IE5-Mac hack */
    #mainnav a:hover { color: #fff; }
    #mainnav #aktiv { background-position: 0 -150px; border-width: 0; }
    #mainnav #aktiv a { background-position: 100% -150px; color: #fff; }
    #mainnav li:hover,
	#mainnav li:hover a { background-position: 0% -150px; color: #fff; }
    #mainnav li:hover a,
	#mainnav li:hover a#last { background-position: 100% -150px; }  
  
  
/* Content
---------------------------------------------------------------------------*/

#content { margin: 0 175px; padding: 0 0 10px 0; border-bottom: 15px solid #fff; font-size: 1.15em; line-height: 1.4em; }
#home #content { margin: 0 175px; border-bottom: none; }
	#content img#top { padding: 10px 0; background: #fff; }
	#home #content h2 { text-indent: -9999px; position: relative; left: -15px; top: 36px; width: 427px; height: 88px; background: url(img/claim2.gif) no-repeat; }
	#content p { margin: 0 10px 0 15px; padding: 0 0 10px 0; width: 450px; }
	#content form p { margin: 0 0 10px 0; width: 460px; }
	#home #content p { margin: 5px 0 -10px 0; font-size: 1.05em; line-height: 1.4em; }
	#home #content p.first { margin: 62px 0 0 0; }
	#content img.rechts { float: right; display: inline; margin: 0 10px 0 10px; }
	#content img.links { float: left; display: inline; margin: 0 10px 0 0; }
	#content img.zentriert { display: block; margin: 0 auto; }
	#content img.diagramm { margin: 10px 0; }
	#content .rechtsaus { float: right; display: inline; margin: 0 30px 0 150px; }
	#content .linksaus { float: left; display: inline; }	
	#content ul { padding-left: 10px; }
	#content ul li { padding: 1px 40px 1px 20px; background: url(img/dot.gif) no-repeat 10px 7px; }	
		#content ul li li { background: url(img/dot2.gif) no-repeat 10px 7px; }	



/* Tabellen
---------------------------------------------------------------------------*/

table { margin: 0 10px 0 15px; border: 1px solid #333; border-collapse: collapse; font: 0.88em Verdana, Arial, Helvetica, sans-serif; background: #fff; }
	table th { padding: 5px; font-weight: bold; border: 1px solid #666; background: #F2F2E8; text-align: left; }
	table td { padding: 5px; border: 1px solid #666; }
	table#palette { width: 300px; }
	table#palette th { border: none; border-bottom: 1px solid #666; }
	table#palette td { border: none; }	
	table#palette tr.even { padding: 5px; background: #F2F2E8; }
	table#analyse { width: 200px; float: left; margin: 0 10px 10px 15px; }
	table#groessen { width: 200px; float: right; margin: 0 15px 10px 10px; }
	

/* Navigation
---------------------------------------------------------------------------*/
	
#navigation { float: left; display: inline; width: 175px; margin-left: -815px; background: url(img/navi_bg.gif) no-repeat; }
#home #navigation { background: none}
	#navigation ul { width: 136px; padding: 0; margin: 116px 0 0 0; border-style: solid solid none none; border-color: #C2C7A7; border-size: 1px; border-width: 1px; }
	#navigation ul li { padding: 0; margin: 0; } 
		#navigation ul.nono { border-style: solid none none none; } 				
		#navigation ul li a { height: 22px; }	
		#navigation li a:link,
		#navigation li a:visited { color: #333; display: block; background:  url(img/navilist_bg.gif); padding: 2px 0 0 30px; }
		#navigation li a:hover,
		#navigation li#subaktiv a { color: #333; background: url(img/navilist_bg.gif) 0 -24px; padding: 2px 0 0 30px; }	


/* Formulare
---------------------------------------------------------------------------*/

form fieldset { border: none; padding: 15px; margin: 5px 0 10px 0; width: 445px; }
* html form fieldset { display: inline; padding: 0 15px } /* IE Doubled Float-Margin Bug */
	form legend { font-weight: bold; font-size: 1.3em; color: #666; }
	* html 	form legend { margin: 0 0 10px -8px; }
	form textarea { width: 25em; }
	form select { font-size: 0.98em; }
		form select#land { width: 12em; }
		form select#prodname { width: 10em; }
		form select#tag { width: 4em; }
		form select#monat,
		form select#jahr,
		form select#prodnummer { width: 6em; }
	form dt { float: left; display: inline; width: 180px; text-align: left; }
	* html form dt#firmlabel { margin-top: 10px; } /* IE Bug */
	form dd { margin: 10px; }
	form label { font-weight: normal; color: #333; }
	form #submit { border: 1px solid #333; font-size: 0.98em; padding: 2px 20px; margin: 0 0 20px 15px; }


/* Footer
---------------------------------------------------------------------------*/

#footer { clear: both; height: 60px;  line-height: 0.98em; padding: 0 0 0 160px; background: url(img/footer_bg.jpg) no-repeat 0% 100%; }
	#footer ul { padding: 10px 0 0 0; margin: 0 15px; }
		#footer ul li { display: inline; padding: 0; margin: 0; }
		#footer ul li:before { content: "| "; } 
		#footer ul li:first-child:before { content: ""; }
		/*All IE browsers*/
		* html #footer ul li { border-left: 1px solid black; padding: 0 0.4em 0 0.4em; margin: 0 0.4em 0 -0.4em; }
		/*Win IE browsers - hide from Mac IE\*/ 
		* html #footer ul { height: 1%; } 
		* html #footer ul li { display: block; float: left; }
		/*End hide Mac IE 5*/
		* html #footer ul li:first-child { border-left: 0; }
			#footer ul li a,
			#footer ul li a:link,
			#footer ul li a:visited { color: #666; }
			#footer ul li a:hover,
			#footer ul li a:active { color: #959141; text-decoration: underline; }