/* 
CSS only for www.baltenspergerstahl.ch
created by pswerbung.ch
*/

 /*##############################
Menu-Definitionen 
###############################*/
@import url(bb_stilvorlagen_menu07.css);

/*##############################
tt_news Formatierungen
###############################*/
@import url( ext_news/tt_news_styles.css);


/*##############################
Grundeinstellungen (Seite und Schriften)
###############################*/

body {
	margin: 0px;
	padding: 0px;
	background: #333333 url(bilder/hintergrundfader2.gif) repeat-y top center;
	/*background-image:url(bilder/hintergrundfader.jpg);
	background-repeat:repeat-x;
	background-color:#333333;*/
	color: #EEE;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1 {
	padding-bottom:0px;
	margin-bottom: 0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#EFDB00;
	font-size:17px; 
	line-height:22px;
	page-break-before:avoid;
}

h2 {
	padding-bottom:0px;
	margin-bottom: 0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#EFDB00;
	font-size:14px;  
	line-height:22px;
	page-break-before:avoid;
}

h3 {
	padding-bottom:0px;
	margin-bottom: 0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:13px; 
	line-height:22px;
	page-break-before:avoid;
}


a:link {
	color: #EEE; 
	text-decoration: underline;
}
a:visited {
	color: #EEE; 
	text-decoration: underline;
}
a:hover {
	color: #EFDB00; 
	text-decoration: none;
}
a:active {
	color: #EFDB00; 
	text-decoration: none;
}

/*##############################
Grundlayout analog Typo3 Elementen
###############################*/

#wholepage 
{
	position:absolute;
	top:0px;
	left:50%;
	width:900px;
	margin-left:-450px;
	height:100%;
	/* background-image:url(bilder/hintergrund-home.gif); */
	background-image:url(bilder/graubalken.gif);
	background-color:#000;
	background-repeat:repeat-y;	
	z-index:1;
}


#hintergrund
{
	position:relative;
	z-index:2;
}

/* Hintergrundbilder variieren pro Kapitel */

.hintergrund-firma {
	background: url(bilder/hintergrund-firma09.gif)  no-repeat;
	height:1000px;
}
.hintergrund-produkte {
	background: url(bilder/hintergrund-produkte09.gif)  no-repeat;
	height:1000px;
}
.hintergrund-referenzen {
	background: url(bilder/hintergrund-referenzen09.gif)  no-repeat;
	height:1000px;
}
.hintergrund-kontakt {
	background: url(bilder/hintergrund-kontakt09.gif)  no-repeat;
	height:1000px;
}
.hintergrund-aktuell {
	background: url(bilder/hintergrund-aktuell09.gif)  no-repeat;
	height:1000px;
}
.hintergrund-home {
	background: url(bilder/hintergrund-home09.jpg) no-repeat; 
	height:1000px;
}


#hintergrundturm
{
	position:fixed;
	z-index:0;
	right:0px;
	bottom:0px;
	width:596px;
	height:690px;
	background: url(bilder/hintergrund-muster-2007.png) no-repeat bottom right;
}
#kopf 
{
	/*display:none;*/
	position:absolute;
	left:210px;
	top:0px;
	width:670px;
	z-index:80;
	height:165px; 
}
#leftside  /* Container für Navigation */
{
	position:absolute; 
	left:0px; 
	top:0px; 
	width:207px; /* Breite Navibalken, der bis zum Text ragt, etwas kleiner wie 210 */ 
	z-index:5;
}
#center /* Linke Inhaltsspalte */
{
	position:absolute; 
	left:210px; 
	top:165px;  
	width:675px;
	/*width:265px;  
	overflow:auto;*/
	z-index:5;
}
#rightside  /* Rechte Inhaltsspalte */
{
	visibility:hidden;
	/*
	position:absolute; 
	left:495px; 
	top:165px; 
	width:390px; 
	z-index:5;*/
}

#borderside  /* Kopfbereich */
{
	position:absolute; 
	left:210px;
	padding:0;
	margin:0; 
	top:0px; 
	width:670px;
	height:165px;
	/*overflow:hidden;*/
	z-index:5;
}


/*##############################
Inhaltsformatierungen für Typo3 Elemente
###############################*/

#leftcontent 
{

}
#leftcontentshared
{
	
}
#normalcontent 
{
	font-size:13px;  /* neu wegen Umbruch statt 12px */
	line-height:22px;  /* neu wegen Umbruch statt 25px */
}
#normalcontent p, h1
{
	padding-top:0px;
	margin-top: 0px;
}
#normalcontentshared 
{
	margin-top: 10px;
	color:#666666;
	font-size:9px;
}
#rightcontent 
{

}

#rightcontentshared 
{

}
#bordercontent
{

}
#bordercontentshared 
{

}

/*##############################
Formulare
###############################*/



/*##############################
Sitemap
###############################*/

#normalcontent .csc-menu p {
	line-height:13px;
}
#normalcontent .csc-menu .csc-sitemap-level2 {
	/* margin-left:20px; */
	margin-top:0px;
	padding:0px;
	padding-left: 10px;
	border-left: #EFDB00 solid 12px;
}


/*##############################
Bildlegende
###############################*/

#rightcontent .csc-caption
{	
	font-size:12px;
	color:#999999;
	line-height:15px;
	padding:0px;
	margin: 0px;
	margin-top:2px;
	/* color:#666666; */
}

#rightcontent .csc-textpic-caption
{	
	font-size:12px;
	color:#999999;
	line-height:15px;
	padding:0px;
	margin: 0px;
	margin-top:2px;
	/* color:#666666; */
}
/*##############################
File-Liste
###############################*/


#normalcontent .csc-uploads td p   /* Abstände Nullen */
{		
	padding:0px;
	margin:0px;
	vertical-align:top;
	padding-right: 3px;
}

#normalcontent .csc-uploads-fileName 
{		
	color:#EFDB00; /* Farbe von Text ändern */
	font-size:12px;  /* neu wegen Umbruch statt 12px */ /* damits auch im IE PC gut aussieht */
}
#normalcontent .csc-uploads-fileSize 
{		
	font-size:12px;  /* neu wegen Umbruch statt 12px */ /* damits auch im IE PC gut aussieht */
}

#normalcontent .csc-uploads .tr-odd
{		
	background-color:#333333; /* Hintergrundfarbe der Liste ändern */
}


/*##############################
Globale Layoutelemente
###############################*/

#linien {
	display:none;
	/*
	position:absolute;
	width:180px;
	left: 800px;
	top: 0px;
	z-index:99;*/
}

#linien p {
	/*line-height:10px;
	border-bottom: 1px solid #FFFFFF;
	padding-bottom:10px;*/
}

#adresse
{
	position:absolute;
	top:450px;
	left:0px;
	width:210px;
	height:150px;
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:13px; 
	text-transform:uppercase;
	font-weight:normal;

	padding-left: 7px;
	padding-top: 15px;
}

#adresse p 
{
	line-height: 20px;
	margin:0;
}

#adresse h2 {
	padding:0;
	margin:0;
	padding-top:10px;
	line-height: 20px;
}

/*##############################
Referenz-Stile 
(Spaltengrösse: 255px 15px 390px)
###############################*/

#normalcontent table input, textarea, select  {
	background-color:#5B5B5B;
	color:#EFDB00;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px; 
	border-width:0;
	padding:5px;
}

.tx-t3references-pi1 
{
	width:660px;
}
.tx-t3references-pi1-listrow img /* Bilderrahmen Listenansicht*/
{
	border: 1px solid white;
}

.tx-t3references-pi1-singleView img /* Bilderrahmen Detailansicht */
{
	border: 1px solid white;
}

.tx-t3references-pi1 .tx-t3references-pi1-modeSelector select {  /* Pulldown */
	padding: 0px 3px 0px 3px;
}

.tx-t3references-pi1 .tx-t3references-pi1-listrow TD  /* Inhalt Liste, Default-Grau als Hintergrund wieder rückgängig machen */
{
	background:inherit;
	width:660px;
}
.tx-t3references-pi1 .tx-t3references-pi1-listrow TD p  /* Inhalt Liste, breite Textspalte */
{
	width:388px;
	margin-right:5px;
	font-size:13px;  /* damits auch ein IE kapiert! */
	line-height:20px;  /* neu wegen Umbruch statt 25px */ /* damits auch ein IE kapiert! */
	/* damits auch ein IE kapiert! */
}
.tx-t3references-pi1 .tx-t3references-pi1-listrow TR.tx-t3references-pi1-listrow-header TD { /* Titelbalken */
	background-color: #5B5B5B;
	color:#EFDB00;
	font-weight:bold;
	font-size:14px;
	line-height:19px;
	text-decoration: none;
}
.tx-t3references-pi1-listrow-header p { /* Titelbalken ListView Abstände raus */
	margin-top: 0px; 
	margin-bottom: 0px; 	
}
.tx-t3references-pi1 .tx-t3references-pi1-listrow TR.tx-t3references-pi1-listrow-header TD a { /* Titelbalken-Link */
	color:#EFDB00;
	font-weight:bold;
	font-size:14px;
	text-decoration: none;
}
.tx-t3references-pi1-browsebox p { /* Zeige Referenz .... von ..  */
	font-size:11px;
	color:#999999;
	margin:0px;
	padding:0px;
}
.tx-t3references-pi1-browsebox table p { /* Blättern-Funktion */
	border: 1px solid #5B5B5B;
	line-height:14px;
	padding-left:2px;
	padding-right:2px;
}

.tx-t3references-pi1-browsebox table a { /* Blättern-Funktion Links */
	text-decoration: none;
	color:#999999;
}

.tx-t3references-pi1-browsebox table a:hover { /* Blättern-Funktion Links bei Hover */
	background-color:#5B5B5B;
	color:#EFDB00;
}

.tx-t3references-pi1-browsebox .tx-t3references-pi1-browsebox-SCell a { /* Blättern-Funktion: Die aktuelle Box*/
	color:#EFDB00;
}
 
.tx-t3references-pi1 h2 { /* Titelbalken-Singleview */
	margin-top: 0px; 
	margin-bottom: 0px; 
	color:#EFDB00;
	font-weight:bold;
	font-size:14px;
	text-decoration: none;
	background-color: #5B5B5B;
}	
.tx-t3references-pi1 .tx-t3references-pi1-singleView TD p  /* Inhalt Liste, breite Textspalte für Einzelansicht */
{
	font-size:13px;   /* damits auch ein IE kapiert! */
	line-height:22px;   /* damits auch ein IE kapiert! */
	margin-right:5px;
}