/**********************************************************
Projekt:    Müller Steinag Gruppe/Holding
Stand:		
Zweck:		Layout
Datum:		18. Januar 2008
Author:		bro
Browsercompability:
			FireFox 2.0, Safari 3, IE6, IE7

Aufbau: 0. Farben
		1. Kalibrierung
		2. Allgemeinen Styles
		3. Styles für Layoutbereiche
		4. Sonstige Styles

#ffed00		body
#ffffcc		Content
#000		Fliesstext
#ffec00		Hauptnavi Müller STEINAG
#e8e8e9		staticNavi 
#fff		Hauptnavi restliche Gesellschaften
#b1b3b4		Buttonfarbe Navis
#fff		Schriftfarbe Navi

**********************************************************/
/*=========================
	 1. Kalibrierung
  =========================*/
 
* {
	margin: 0px;
	padding: 0px;
}


html, body {
	height: 100%;
	_height: 100.01%;        /*IE 6*/
	margin-bottom:0.1px;
	background-color: #eaebeb;

	font: normal 11px Arial, Helvetica, sans-serif;
}

/*=========================
	 2. Allgemeine Styles
  =========================*/
td, th, input, textarea {
	color: #000;
}

p {
	margin-bottom: 0px;
}

img {
	border: none;
}

a, input{
	outline: none;
}
body strong {
	font-weight:bold;
}




/*=========================
	 3. Styles für Layoutbereiche
  =========================*/
div#container {
	position: relative;
	width: 999px;
	margin: 0px auto;
	margin-top: 25px;
	_height: 500px; /* IE6 accepted*/
}

div#head {
	position:relative;
	float:left;
	height:100px; /*del*/
}

	div#logo {
		position:relative;
		float:left;
		width:190px;
		height:100px;
		overflow:hidden;
	}
	div#logo div.csc-textpic-imagewrap { 
		padding: 0; 
		margin: 0;
	}

	div#eyecatcher {
		position:relative;
		float:left;
		width:809px;
		height:100px;
		overflow:hidden;
	}

		div#eyecatcher span.titel {
			position:absolute;
			left:30px;
			bottom:20px;
			z-index:2;
		}
		div#eyecatcher h1 {
			margin:0;
			padding:0;
			font-size:24px;
		}

div#innercontainer  {
	float:left;
	position: relative;
	width:999px
}
	div#innercontainer span.adresse {
		position:absolute;
		bottom: 30px;
		right: 0px;
		width:190px;

		_position:relative; /*IE 6*/
		_bottom:0px;        /*IE 6*/
		_left:813px;        /*IE 6*/	
	}

	div#innercontainer span.adresse p{
		margin-left:10px;
		_margin-left:18px;  /*IE 6*/
	}

	div#innercontainer div.logosmall {
		position:absolute;
		bottom:10px;
		left:0px;
		width:190px;

		_position:relative; /*IE 6*/
		_bottom:10px;       /*IE 6*/
		_left:10px;         /*IE 6*/		
	}
	

div#navigation {
	position:relative;
	float:left;
	width:190px;
	height: 100% ; /*!important*/
	min-height:400px;

	/*background-color:#ffec00;*/
	padding: 0px 0px 65px 0px;
}



div#staticNavigation {
	position:relative;
	float:left;
	width:190px;
	height: 100%;
	min-height:500px;

	padding: 0px 0px 65px 0px;
}

	div#navigation div.button1 {
		position:relative;
		float:left;
		border:1px solid #b1b3b4;
		width:93px;
		height:17px;
		text-align:center;
		padding-top:4px;

	}
	div#navigation div.button2 {
		position:relative;
		float:left;
		border:1px solid #b1b3b4;;
		border-left:0px;
		width:94px;
		height:17px;
		text-align:center;	
		padding-top:4px;
	}
	div#navigation a, div#staticNavigation a { 
		font-weight:normal;  
		text-decoration:none; 
		color:#3e4c97;  
	}
	div#navigation ul { 
		clear:both; /*float:left; div.button*/
		display:block;
		padding: 0;
		margin:0;
	}
	div#staticNavigation ul {
		clear:both;
		display:block;
		padding: 0;
		margin:0;
	}
	div#navigation li, 
	div#staticNavigation li { 
		display:block;
		text-decoration:none; 
		list-style:none;
		width:180px;
		margin:0;
		padding:4px 0px 4px 10px; 
		/*background-color:#b1b3b4;*/
		background-color: #a9abac;
		border-bottom: 1px solid #dedfdf;
	}

	
	/*Safari3*/
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		div#navigation li, 
		div#staticNavigation li { 
			display:block;
			text-decoration:none; 
			list-style:none;
			/*verhindert springen von text und vegrösserung von li*/
			height: 15px;
			line-height:15px;
			/*<--*/
			width: 180px;
			margin: 0;
			padding:4px 0px 4px 10px; 
			background-color:#b1b3b4;
			border-bottom: 1px solid #dedfdf;
		}
	}


	/*hauptnavigation*/
	div#navigation ul.level1, div#staticNavigation ul.level1,
	div#navigation ul.level2, div#staticNavigation ul.level2,
	div#navigation ul.level3, div#staticNavigation ul.level3,
	div#navigation ul.level4, div#staticNavigation ul.level4,
	div#navigation ul.level5, div#staticNavigation ul.level5 {  
		margin: 0; 
		padding: 0;
		width: 190px;
	}   
	div#navigation li.level1,  
	div#staticNavigation li.level1 {
		list-style-type: none;  
		background-color: #a9abac;
	}
	div#navigation li.level2, div#navigation li.level2_sel, div#staticNavigation li.level2, div#staticNavigation li.level2_sel,
	div#navigation li.level3, div#navigation li.level3_sel, div#staticNavigation li.level3, div#staticNavigation li.level3_sel,
	div#navigation li.level4, div#navigation li.level4_sel, div#staticNavigation li.level4, div#staticNavigation li.level4_sel,
	div#navigation li.level5, div#navigation li.level5_sel, div#staticNavigation li.level5, div#staticNavigation li.level5_sel { 
		list-style-type: none;  
		/*background-color: #c1c3c3;*/
		background-color: #a9abac;
		width:auto;
		color:#fff;  
	}
	
	div#staticNavigation li.level2 a, div#staticNavigation li.level2_sel a,
	div#navigation li.level2 a, div#navigation li.level2_sel a{
		padding-left:8px;		
		display: block;
	}

	div#staticNavigation li.level3 a, div#staticNavigation li.level3_sel a,
	div#navigation li.level3 a, div#navigation li.level3_sel a{
		padding-left:16px;
		display: block;
	}

	div#staticNavigation li.level4 a, div#staticNavigation li.level4_sel a,
	div#navigation li.level4 a, div#navigation li.level4_sel a{
		padding-left:24px;	
		display: block;
	}

	div#staticNavigation li.level5 a, div#staticNavigation li.level5_sel a,
	div#navigation li.level5 a, div#navigation li.level5_sel a{
		padding-left:32px;	
		display: block;
	}
	
	div#staticnavigation li.level1,
	div#staticNavigation li.level2,
	div#staticNavigation li.level3,
	div#staticNavigation li.level4,
	div#staticNavigation li.level5,{ 

		color: #fff;
	}

	div#navigation li.level1_sel a, div#navigation li.level1 a:hover, div#staticNavigation li.level1_sel a,div#staticNavigation li.level1 a:hover,
	div#navigation li.level2_sel a, div#navigation li.level2 a:hover, div#staticNavigation li.level2_sel a,div#staticNavigation li.level2 a:hover,
	div#navigation li.level3_sel a, div#navigation li.level3 a:hover, div#staticNavigation li.level3_sel a,div#staticNavigation li.level3 a:hover,
	div#navigation li.level4_sel a, div#navigation li.level4 a:hover, div#staticNavigation li.level4_sel a,div#staticNavigation li.level4 a:hover,
	div#navigation li.level5_sel a, div#navigation li.level5 a:hover, div#staticNavigation li.level5_sel a,div#staticNavigation li.level5 a:hover {
		color: #555; 
	}

	/*searchbox*/
	.macinainput{
		width:125px;
		_width:114px; /*IE6*/
	}
	/*IE7*/
	*+html .macinainput{
		width: 114px;
	} 
	.macinabutton{
		font: normal 11px Arial, Helvetica, sans-serif;
		background-color: #b1b3b4;
		border: none;
		color: white;
		text-align: center;
	}

div#content {
	position:relative;
	float:left;

	width: 556px; /*636px - 63*/
	height: 100%; /*!important*/
	min-height:400px; /*400px - 65px*/
	padding: 35px 30px 30px 33px;

	/*background-color:#ffffcc;*/
}

	div#content p {
		padding-bottom:9px;
	}

div#clear {
	clear:both;
}	



/*=========================
	4. Sonstige Styles
=========================*/

/*=========================
  SysFolder-DesignVorlagen 

  info: die table#produkte ID wird auch f&uuml;r 
  =========================*/

/*gilt f&uuml;r alle Vorlagen (nur die Header)*/
/*
Vorlage: M&uuml;LLER-STEINAG HOLDING       ( Seitenheader nebeneinander Bild/Text/Text         )
Vorlage: Creabeton Bautstoff AG       ( Seitenheader Bild/Text &uuml;ber Text2und 3/Text2/Text3)
VORLAGE: M&uuml;ller-Steinag Baustoff AG   ( Seitenheader Bild/Text &uuml;ber Text2und 3/Text2/Text3)
VORLAGE: Ansprechpartner              { 3 Zeilen 3 Spalten, mit linie &uuml;ber jedem absatz   }
....*/
table#holdingHeader {
	width: 556px;
	border:none;
}
table#holdingHeader p {
	padding:0px;
}
table#holdingHeader td.picture {
	width: 180px;
}
table#holdingHeader td.textFirst {
	padding: 0px 0px 0px 8px;
	vertical-align:top;
}
table#holdingHeader td.text {
	width: 180px;
	padding: 0px 0px 0px 8px;
	vertical-align:top;
}
/*temp*/


/*Seite LINKS*/
table#Links {
	width: 536px;
	vertical-align: top;
	text-align: left;
}
table#Links tr td{
	width: 180px;
	vertical-align: top;
}
table#Links td.Linkstd{
	padding:0px 0px 0px 8px;	
}
table#Links td.space p{
	padding-bottom:18px;
}
table#Links p{
	padding-bottom:0px;
}



/*Vorlage: Katalogrodukte und Werke(Die Bilder unten - da einfach noch ne caption oben dazu)*/
table#produkte, table#werkeBilder {
	width:556px;
	border: none;
}
table#produkte td.text{
	vertical-align: top;
}
table#produkte tr td, table#werkeBilder {
	vertical-align: top;
	/*width:180px;*/ /*wenn ich das angeben ignoriert IE6/7 den colaspan*/
}
table#produkte p, table#werkeBilder{
	padding:0px 0px 0px 0px;
	width: 100%;
}
table#produkte.PictureFirst, table#werkeBilder.PictureFirst{
	border: none;
	padding:0px 0px 0px 0px;
}
table#produkte.Picture, table#werkeBilder.Picture{
	border: none;
	padding:0px 0px 0px 8px;
}
table#produkte.CommentFirst, table#werkeBilder.CommentFirst{
	padding:4px 0px 0px 0px;
}
table#produkte.Comment, table#werkeBilder.Comment{
	padding:4px 0px 0px 8px;
}



/*Vorlage (Technische Produkte)*/
table#produkte.Text {
	padding:4px 0px 0px 8px;
}

/*Vorlage: Werke - Ansprechpartner*/
table#werkeAnsprechpartner {
	width:556px;
}
table#werkeAnsprechpartner td{
	vertical-align: top;
}
table#werkeAnsprechpartner td p{
	padding:0px;
}
table#werkeAnsprechpartner td.line{
	border-bottom:1px solid black;	
}
table#werkeAnsprechpartner td.textFirst{
	width: 176px;
	padding:0px 0px 0px 4px;
}
table#werkeAnsprechpartner td.phone{
	width: 40px;
	padding:0px 0px 0px 8px;
}
table#werkeAnsprechpartner td.text{
	width: 180px;
	padding:0px 0px 0px 8px;
}


table#werke {
	width:556px;
	/*margin-bottom:100x; <<-- geht nur als style.element*/ 
	empty-cells:show;
	
}
table#werke td {
	height: 13px;
	line-height: 13px;
}
/*Safari3*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	table#werke td {
		height: 13px;
		line-height: 13px;
	}	
}
table#werke td p{
	padding:0px 0px 0px 8px;
}
table#werke td.picture {
	vertical-align: top;
	width:180px;
}
table#werke td.picture p{
	padding:0px;
}
table#werke td.textFirst {
	/*border-top: 1px solid black;*/
	border-bottom: 1px solid black;
}
table#werke td.text {
	border-bottom: 1px solid black;
}
table#werke td.phone {
	width:40px;
	border-bottom: 1px solid black;
}
table#werke td.nr {
	padding: 0px;
	border-bottom: 1px solid black;
}

/*Vorlage: 2 Spalten*/
div#links{
    float: left;
    width: 49%;
}
div#rechts{
    float: right;
    width: 49%;
}

/*=========================
	Kontaktformular - mailformplus
=========================*/

#mfpTable {
	padding-bottom:8px;	
}


/**********************************************************
E N D E 
**********************************************************/




/**********************************************************
Projekt:    M&uuml;ller Steinag Gruppe/Holding
Stand:		
Zweck:		Text
Datum:		18. Januar 2008
Author:		bro
Browsercompability:
			FireFox 2.0, Safari 3, IE6, IE7

Aufbau: 0. Farben
		1. Kalibrierung
		2. Allgemeinen Styles
		3. Styles f&uuml;r Layoutbereiche
		4. Sonstige Styles

#ffed00		body
#ffffcc		Content
#000		Fliesstext
#ffec00		Hauptnavi M&uuml;ller STEINAG
#e8e8e9		staticNavi 
#fff		Hauptnavi restliche Gesellschaften
#b1b3b4		Buttonfarbe Navis
#fff		Schriftfarbe Navi

**********************************************************/

/*=========================
	 1. Allgemeine Styles
  =========================*/
a {
	color: #3e4c97;
	outline:none;
	text-decoration: none; 
}
 h1 { 
	font-size:14px; 
	font-weight:bold;
	margin: 9px 0 9px 0;
}
 h2 { 
	font-size:12px; 
	font-weight:bold;
	margin: 9px 0 9px 0;
}

h3 { 
	font-size:10px;
	font-weight:bold;
}



/*=========================
	 2. Styles für Layoutbereiche
  =========================*/

div#eyecatcher span.titel p {
	font: normal 24px Arial, Helvetica, sans-serif;
	color: #fff;
}

div#innercontainer span.adresse a{
	color: white;
	text-decoration: none;
}
div#innercontainer span.adresse a:hover{
	color: #5f5f5f;
}

  /*=============================*/
 /* Navigation / Metanavigation */
/*=============================*/

div#navigation div.button1 a, div#navigation div.button2 a{
	font-weight:bold;
	color:gray;
	text-decoration:none;
}
div#navigation a, div#staticNavigation ul li a, div#staticNavigation a{
	text-decoration:none;
	color:#fff;
}



  /*=========*/
 /* Content */
/*=========*/

html div#content a, html div#content a:hover, html div#content a:visited {
	color:#B1B3B4;
	font-weight: bold;
}


  /*======*/
 /* News */
/*======*/
div#content div.news-list-item a, div#content div.news-single-backlink a{
	text-decoration:none;
	/*color: #5f5f5f;*/
}
div#content hr.clearer{
	border-color: #5f5f5f;
	/*clear: both;*/
}
div#content div.news-list-item {
	margin-bottom: 16px;
}
div#content div.news-list-item a, div#content div.news-list-item a:hover, div#content div.news-list-item a:visited {
	color:#B1B3B4;
	font-weight: bold;
}



/*div#content td.hr{
	border-bottom:1px solid #5f5f5f;
	width:400px;
	clear:both;
}*/



  /*=========*/
 /* Sitemap */
/*=========*/

div.treemenudiv a {
	color: #5f5f5f;
}
div.treemenudiv a:hover {
	color: #5f5f5f;
}

  /*==========*/
 /* Filelist */
/*==========*/
div#content div.tx-filelist-pi1 a{
	text-decoration:none;
	color: #5f5f5f;
}
div#content table.tx-filelist-pi1-table td{
	padding:4px 10px;
	vertical-align: center;
}

  /*===============*/
 /* IndexedSearch */
/*===============*/
div#content ul.browsebox li{
	float:left;
	list-style-type: none; 
}
div#content ul.browsebox li a{
	padding-right: 8px;
}
/**********************************************************
E N D E 
**********************************************************/