/* INFOS
Website Luwoge BASF --------------------------------------------------------
Autor: A. Heid
Version 1.0, 13-08-2007
Bemerkung: in main_standard_1.css sind alle styles defi. in main_standard_2.css nur die abweichenden.
--Verkn&#65533;pfte Dateien----------------------------------------------------------
--Farben----------------------------------------------------------------------
*/
/*border-style: solid;
border-width: 1px;
border-color: #000000;*/
/**/
/**/
/*-- Grundformate der Seite ---------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*-- allgemein Body --*/

/*-- allgemein links: in der korrekten css reiehnfolge --*/

/**/
/*-- allgemein liststyle --*/

/* ----------------------------------------------------------------------------------------------------------*/
/**/
/**/
/**/  /* BEGINN DES EIGENTLICHEN STYLS */  /**/
/**/
/*--Grundger&#65533;st der Seite ----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/

#cont-traceline {
  /*border-style: solid;
	border-width: 1px;
	border-color: #000000;*/
	border-right: #90A0B7 1px solid;
	padding: 0;
	margin: 0;
	vertical-align: top;
	width: 1002px;
	height: 50px;
	background-color: #FFFFFF;
}
/* muss groesser sein wegen IE */
* html #cont-traceline {
	width: 1003px;
}

#cont-navi {
	/*border-style: solid;
	border-width: 1px;
	border-color: #00ff00;*/
	/* breite des cont_body */
	width: 208px;
	float: left;
	display: block;
	vertical-align: top;
	padding: 0px 0px 30px 0px;
	/*min-height: 300px;*/
}

#cont-content-right {
	float: left;
}

#cont-opener {
	width: 780px;
	/*height: 225px;
	overflow: hidden;*/
	margin: 0px 0px 20px 0px;
}


#cont-content {
	/*border-style: solid;
	border-width: 1px;
	border-color: #0000ff;*/
	
	width: 497px;
	padding: 0px 0px 30px 0px;
	float: left;
	/*height: 529px;*/
	vertical-align: top; 
}

#cont-info {
	/*border-style: solid;
	border-width: 1px;
	border-color: #cc0000;*/
	width: 237px;
	padding: 0px 60px 0px 0px;
	float: left;
	vertical-align: top; 
}
/* muss kleiner sein wegen IE */
* html #cont-info {
	width: 294px;
}

/* ------------------------------------------------------------------------------------------------------*/
/**/
/*-- Header der gesamten Seite ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/*-- Header ------------------------*/


/*-- Header Globalnav ------ --*/
.table-globalnav {
	/*border-style: solid;
	border-width: 1px;
	border-color: #cc0000;*/
	
	/*width: 646px;*/ 
	color: #666666; 
	font: 11px arial, verdana, helvetica, sans-serif;
	margin: 10px 0px 0px 538px;
}

.table-globalnav TD#globalnav {
	width: 150px;
}

/*-- Suche --*/

/*-- Traceline Navigation --*/
#tracer {
	/*border-style: solid;
	border-width: 1px;
	border-color: #000000;*/
	margin: 0px 0px 0px 208px;
	padding: 16px 0px 0px 0px;
	height: 20px;
}
/*- normal -*/
.tracernav-no {
	font-weight: normal; 
	font: 10px arial, verdana, helvetica, sans-serif;
	float: left; 
	color: #999999; 
	text-decoration: underline;
}
.tracernav-no A {
	font-weight: normal; 
	font: 10px arial, verdana, helvetica, sans-serif;
	float: left;
	color: #999999; 
	text-decoration: underline;
}
.tracernav-no A:visited {
 	color: #999999; 
	text-decoration: underline;
}
.tracernav-no A:hover {
	color: #999999; 
	text-decoration: underline;
}
.tracernav-no A:active {
	color: #999999; 
	text-decoration: underline;
}



/*- act -*/
.tracernav-act {
	color: #F54D00;
	text-decoration: none;
	font-size: 10px; 
}
.tracernav-act A {
	font-weight: normal; 
	font-size: 10px; 
	float: left;
	color: #F54D00; 
	text-decoration: underline;
}
.tracernav-act A:hover {
	color: #F44E00;
	text-decoration: underline;
}

.tracernav-trenner {
	padding-right: 5px; 
	padding-left: 5px; 
	font-weight: normal; 
	font-size: 10px; 
	float: left;
	color: #999999; 
	text-decoration: none;
}
/*alle br-tags in der traceline aus blenden*/
.tracernav-act br {
    display: none;
}

/*-- end of Header der gesamten Seite ---------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------------------------*/
/**/
/*-- Content ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/* -- content opener -----------------------------------------------------------------------------------------------*/
/*Headline Box*/
#cont-opener DIV.headline-default {
    margin: 0 0 12px;
    padding: 5px 15px 0 0;
}
/*H1 Headline*/
#cont-opener .headline-default h1.csc-firstHeader, #cont-opener .headline-default h1 {
    color: #666666;
    font-size: 22px;
    font-weight: normal;
    margin: 0;
    padding: 1px 5px 4px 0;
}
/*Subheader*/
#cont-opener .headline-default p.csc-subheader {
    color: #333333;
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}


/* -- end of content opener -----------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------*/
/* ---------------------------------------------------------------*/
/*-- content block mitte ------------------------------------------------------------------------------------------------------*/

/*-- Text+Bild Styles im Contentbereich ------------------------------------------------------ --*/

/*-- box 1 --*/
/*-- box 1 --*/
/*-- erste headline mit subheader auf der seite --*/
#cont-content .csc-frame-frame1 h1.csc-firstHeader {
	/*border-style: solid;
	border-width: 1px;
	border-color: #000000;*/
	
	font-weight: normal;
    color: #666666;
	font-size: 22px;
	padding: 1px 5px 4px 0px;
	margin: 0px;
}

/*-- headline bild mit text box --*/
#cont-content DIV.csc-frame-frame1 h1 {
	
	/*-- testen ob clear: both; noch auswirkung in IE oder firefox hat --*/
	/*clear: both;*/
	font-size: 13px; 
	font-weight: bold;
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 0px;
	color: #333333; 
}

/*-- content box 1 --*/
#cont-content DIV.csc-frame-frame1 {
	/*border-style: solid;
	border-width: 1px;
	border-color: #00ff00;*/
	
	min-height: 125px;
	padding: 4px 15px 3px 0px;
	margin: 0px 0px 20px 0px;
	/**/
	clear: both;
}
/*-- / box 1 --*/


#cont-content DIV.csc-frame-frame1 .csc-textpic .csc-textpic-imagewrap {
	/*border-style: solid;
	border-width: 1px;
	border-color: #000000;*/
	position: relative;
	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


/*--*/
/*-- boxstyles fuer die standard headline --*/
/*- firstheader -*/
#cont-content .headline-default h1.csc-firstHeader {
	/*border-style: solid;
	border-width: 1px;
	border-color: #000000;*/
	
	font-weight: normal;
    color: #666666;
	font-size: 22px;
	padding: 1px 5px 4px 0px;
	margin: 0px;
}
/*- subheader -*/
#cont-content .headline-default p.csc-subheader {
	/*border-style: solid;
	border-width: 1px;
	border-color: #000000;*/
	
	font-weight: normal;
	font-size: 16px; 
	color: #333333;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/*- box fuer erste headline-*/
#cont-content DIV.headline-default {
	/*border-style: solid;
	border-width: 1px;
	border-color: #00ff00;*/
	
	padding: 5px 15px 0px 0px;
	margin: 0px 0px 12px 0px;
}

/*--headline trefferliste --*/
#cont-content DIV.page-headline-1 h1.csc-firstHeader {
	/*border-style: solid;
	border-width: 1px;
	border-color: #000000;*/
	
	font-weight: normal;
    color: #666666;
	font-size: 22px;
	padding: 1px 5px 0px 0px;
	margin: 0px 0px 0px 0px;
}
/*- box fuer headline trefferliste-*/
#cont-content DIV.page-headline-1 {
	/*border-style: solid;
	border-width: 1px;
	border-color: #00ff00;*/
	
	padding: 5px 15px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/*-- content block alle pulldown's (erweiterte suche) --*/

/* -- end of content block mitte -----------------------*/					
/* ---------------------------------------------------------------*/
/* ---------------------------------------------------------------*/		
/* -- info block rechts -----------------------------------------------------------------------------------------------*/
/*-- die folgenden Header --*/


/*-- bg farbe box 1 --*/
#cont-info DIV.csc-frame-frame1 {
	/*border-style: solid;
	border-width: 1px;
	border-color: #000000;*/
	
	padding: 0px 0px 10px 7px;
	margin: 0px 0px 10px 0px;
	background-color: #ffffff;
	border-bottom: #E6E6E6 1px solid;
}

/*- box fuer erste headline-*/
#cont-info DIV.headline-default {
	/*border-style: solid;
	border-width: 1px;
	border-color: #000000;*/
	
	padding: 0px 0px 10px 7px;
	margin: 0px 0px 10px 0px;
	background-color: #ffffff;
	border-bottom: #E6E6E6 1px solid;
}
/*-- boxstyles fuer die standard headline --*/
/*- firstheader -*/
#cont-info DIV.headline-default h1.csc-firstHeader {
	font-weight: normal;
    color: #9A9A9A;
	font-size: 16px;
	padding: 0px 5px 0px 0px;
	margin: 36px 0px 18px 0px;
	
}
*html #cont-info DIV.headline-default h1.csc-firstHeader {
	padding: 0px 5px 18px 0px;
	margin: 36px 0px 0px 0px;
}

#cont-info DIV.csc-frame-frame1 h1 {
	font-size: 13px;
	color: #000000;
	padding: 0px 5px 10px 0px;
	font-weight: normal;
}

/*-- die folgenden Header auf der seite, normale headline --*/
#cont-info DIV.headline-default h1 {
	/*border-style: solid;
	border-width: 1px;
	border-color: #000000;*/
	
	font-size: 13px; 
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	color: #000000; 
}

/*-- ansicht suche-aendern auf der trefferliste --*/
#cont-info DIV.sucheaendern-1 {
	/*border-style: solid;
	border-width: 1px;
	border-color: #000000;*/
	
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	background-color: #ffffff;
	border-bottom: #E6E6E6 1px solid;
}
/*-- ansicht suche-aendern auf der detailseite --*/
#cont-info DIV.sucheaendern-2 {
	/*border-style: solid;
	border-width: 1px;
	border-color: #000000;*/
	
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	background-color: #ffffff;
	border-bottom: #E6E6E6 1px solid;
}
/*-- ------------------------------------------------------------------------------------ --*/
/*--*/
/*--*/
/*- Modul: newsletter-registrierung ------------------------------------------------ --*/
#newsletter-registrierung {
	padding: 0px 0px 10px 0px;
	margin: 5px 0px 0px 0px;
	position: relative;
	
}
#newsletter-registrierung form {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#newsletter-registrierung DIV.label {
	padding: 5px 7px 5px 0px; 
}

#newsletter-registrierung DIV.label-error {
	padding: 5px 7px 5px 0px; 
	color: #F64C00;
}

#newsletter-registrierung DIV.field-name input {
	border: #7E9DB9 1px solid;
	font: 11px  arial, verdana, helvetica, sans-serif;
	width: 162px; 
	color: #626260;
	height: 19px;
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#newsletter-registrierung DIV.field-email input {
	border: #7E9DB9 1px solid;
	font: 11px  arial, verdana, helvetica, sans-serif;
	width: 162px; 
	color: #626260;
	height: 19px;
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/*- submit-button -*/
#newsletter-registrierung DIV.field-submit input {
	font: 11px  arial, verdana, helvetica, sans-serif;
	color: #000000; 
	width: 154px;
	height: 19px; 
	margin: 20px 0px 100px 0px;
	padding: 0px 0px 0px 0px;
}
#newsletter-registrierung DIV.cat-list {
	margin: 10px 0px 20px 0px;
}

#newsletter-registrierung DIV.cat-list input{
	font: 11px  arial, verdana, helvetica, sans-serif;
	color: #000000; 
	margin: 0px 0px 0px 10px;
}

#newsletter-registrierung DIV.catlist-label {
	float: left;
}


#newsletter-registrierung DIV.catlist-field {
	width: 30px;
	float: left;
}

#newsletter-registrierung DIV.catlist-label DIV.cat-name {
	padding: 2px 0px 3px 0px;
}

/*-- ------------------------------------------------------------------------------------ --*/
/*--*/
/*--*/
/*- Modul: 2 Boxen Blau nebeneinander im Tempalte Inhaltseite-big-header.html ------------------------------------------------ --*/
/*--*/
/*-- content box 1 im Tempalte Inhaltseite-big-header.html  --*/
#cont-content-right #cont-content DIV.csc-frame-frame1 {
	min-height: 50px;
}
/*-- / box 1 --*/

/*-- Zweispalter Box Blau --*/
#cont-content .zweispalter-blau {
   border: solid 1px #FFFFFF;
    float: left;
    /*margin: 21px 5px 20px 0px;*/
    margin: 0px 7px 20px 0px;
	padding: 0px;
    /*width: 240px;*/
	
	/* Nicht valide */
	filter:progid:DXImageTransform.Microsoft.Shadow (color=#e2e2e2, Direction=135, Strength=5); /* IE6-7 */
  	-ms-filter:"progid:DXImageTransform.Microsoft.Shadow (color=#e2e2e2, Direction=135, Strength=5)"; /* IE8 */
    -webkit-box-shadow: 3px 3px 5px #D3D3D3;
    -moz-box-shadow: 3px 3px 5px #D3D3D3;
    box-shadow: 3px 3px 5px #D3D3D3;
}

#cont-content .zweispalter-blau .inner {
    border: solid 1px #416B93;
    /*margin: 4px 4px 4px 4px;*/
    margin: 0px 4px 4px 0px;
	padding: 0 0 0px;
    width: 230px;
	background-color: #D7DFEC;
	overflow: hidden;
}
#cont-content .zweispalter-blau .inner .csc-textpic.csc-textpic-left.csc-textpic-above {
	overflow:hidden;
}
#cont-content .zweispalter-blau .inner .csc-textpic.csc-textpic-left.csc-textpic-above .csc-textpic-imagewrap {
	margin-bottom: 10px;
	height: 156px;
	overflow: hidden;
}

/*-- internal link im zweispalter-blau-layout --*/
#cont-content .zweispalter-blau A.internal-link {
	/*background-image: url("../images/bg_but_box_blau.gif");*/
	background-image: url("../images/bg_but_box_blau2.gif");
    background-position: 0 0;
    background-repeat: repeat-x;
    border-bottom: medium none;
    color: #FFFFFF;
    font: 13px arial,verdana,helvetica,sans-serif;
    	/* das geht nur im ff - dann ueberlappt der button nach unten */
    	/*margin: 1px 0 0 118px;*/
    	/*position: absolute;*/
    padding: 0px 10px 1px 15px;
	text-decoration: none;
	z-index:100;
	bottom: 0px;
	float: right;
	margin-top: 5px;
}

#cont-content .zweispalter-blau DIV.csc-textpic DIV.csc-textpic-text {
    margin: 0px 0px 0 10px;
}
#cont-content .zweispalter-blau DIV.csc-textpic DIV.csc-textpic-text h3 {
    font-size: 14px;
	margin: 0px 0px 6px 0px;
	color: #416B93;
}
#cont-content .zweispalter-blau DIV.csc-textpic DIV.csc-textpic-text h4 {
    font-size: 14px;
	margin: 0px 0px 6px 0px;
	font-weight:normal;
	color: #416B93;
}

#cont-content .zweispalter-blau DIV.csc-textpic DIV.csc-textpic-text P {
    
	color: #416B93;
}









