/*
  Stylesheet für die ConSense-Webseite
*/


/*
  Seitenbereiche definieren
  Änderungen in diesem bereich führen zur Änderung des layouts
*/


div#metaNavi {  /* Bereich für die Metanavigation oben rechts über dem Bildbereich */
	height: 30px;
	position:absolute;
	width: 400px;
	left: 680px;
	top:0px;
	z-index: 99;
  }

div#header { /* Bildbereich mit Logo */
	position:absolute;
	top:0px;
	left:0;
}

div#logo { /* Position des Logos, hier wird nur ein transparentes GIF für de link eingesetzt */
	position:absolute;
	top:225px;
	left:830px;
	z-index:500;
}

div#Menu { /* Menue */
	height: 10px;
	position:absolute;
	left: 0px;
	top:259px;
	z-index: 60;
  }

div#Right { /* Rechte Spalte mit blauem Hintergrund */
	float: left; 
	width: 195px;
	/*height: 100%;*/
	height: 700px;
	position:absolute;
	top:335px;
	left:786px;
	padding: 10px;
  }

div#TopLayer { /* Breadcrumb - Navigationspfad */
	position:absolute;
	top:330px;
	left:245px;
	z-index:55;
}

div#TopLayerFull { /* Breadcrumb - Navigationspfad */
	position:absolute;
	top:330px;
	left:20px;
	z-index:55;
}


div#Left { /* Linker Bereich mit blauem Rand und Verlauf im Hintergrund */
	width: 216px;
	text-align: left;    
  position:absolute;
	top:340px;
	left:10px;
	z-index:50;
	background-image:url(../layout_images/links_background.gif);
  }
  
  
div#Content { /* Mittlerer Bereich mit Inhalt */
	width: 525px;
	text-align: left;    
  position:absolute;
	top:340px;
	left:235px;
	padding: 0 10px;
  }
  
div#ContentFull { /* Mittlerer Bereich mit Inhalt */
	width: 760px;
	text-align: left;    
  position:absolute;
	top:340px;
	left:0px;
	padding: 0 0px;
 }


/*
  Schriften formatieren
*/


body { /* Default */
    color: black; 
    font-family: Helvetica,Arial,sans-serif;
  }

div, p, ul, li {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size:13px;
	line-height: 1.4em;
}

a  {
	text-decoration: none ;
	color: #004495;
  }

#Content a.hover  {
	text-decoration: underline
	color:#fff ;
  }

/*
  Überschriften definieren
  HINWEIS: H1 wird nur zur Anzeige im Hintergrund verwendet, nicht im Text
*/

  
h2 { /* Überschrift Heading 2 */
	font-size: 20px;
	font-weight: bold;
	color: #004495;
	text-decoration: none ;
	padding: 0px;
	line-height: 30px;
} 
h3 { /* Überschrift Heading 3 */
	font-size: 14px;
	font-weight: bold;
	color: #004495;
	text-decoration: none ;
	padding: 0px;
	line-height: 20px;
} 
 
h4 { /* Überschrift Heading 4 */
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none ;
	padding: 0px;
}

/*
  Spezielle Formate für Navigationspfad (Breadcrumb) definieren
*/


#TopLayer a {
	text-decoration: none ;
	font-size: 12px;
	color: #004495;
  }

#TopLayerFull a {
	text-decoration: none ;
	font-size: 12px;
	color: #004495;
  }

/*
  Spezielle Formate Metanavigation definieren
*/

#metaNavi li {
	display: inline;
	font-size: 12px;
	color: blue;
	padding-right: 30px;
}




/*
  Spezielle Formate für rechten Bereich definieren
*/

#Right h3 { /* Überschrift H3, nur für rechten Bereich */
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-decoration: none ;
	padding: 0 10px 0 10px;
}  


#Right p { /* Format für alle normalen Absätze in der rechten Spalte*/
	margin: 0 0 4px 0;
	color: #fff;
  font-family: Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height: 1.3em;
	padding: 0 10px 0 10px;
}

p.news-list-header { /* Überschrift der News in der rechten Spalte fett setzen*/
	font-weight: bold;
}
  
#Right .news-list-container { /* Newslistencontainer in der rechten Spalte*/
	margin: 0 0 4px 0;
}

#Right a { /* Links in der rechten Spalte weiss setzen*/
	color: #fff;
}

/*
  Spezielle Formate Content-Bereich ohne linke Spalte definieren
*/

#ContentFull p { 
	padding: 0 20px;

}

#ContentFull h2 { 
	padding: 0 20px;

}

#ContentFull h3 { 
	padding: 0 20px;

}

#ContentFull h4 { 
	padding: 0 20px;

}


#ContentFull dl.csc-textpic-image { /* Format für Bilder im linken Bereich*/
	padding-left: 0px;
}

#ContentFull dl.csc-textpic-firstcol { /* Format für Bilder im linken Bereich*/
	padding-left: 0px;
}

#ContentFull dl.csc-textpic-lastcol { /* Format für Bilder im linken Bereich*/
	padding-left: 0px;
}



/*
  Spezielle Formate für linken Bereich definieren
*/

#Left h3 { /* Überschrift H3, nur für linken Bereich */
	font-size: 11px;
	font-weight: bold;
	color: #004495;
	text-decoration: none ;
	padding: 0 10px 0 10px;
}

#Left p { /* Format für alle normalen Absätze in der linken Spalte*/
	margin: 0 0 4px 0;
	color: #000000;
  font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 1.3em;
	padding: 0 10px 0px 10px;
}

dl.csc-textpic-image { /* Format für Bilder im linken Bereich*/
	padding-left: 10px;
}

dl.csc-textpic-firstcol { /* Format für Bilder im linken Bereich*/
	padding-left: 10px;
}

dl.csc-textpic-lastcol { /* Format für Bilder im linken Bereich*/
	padding-left: 10px;
}


div#Left div { 	margin: 0 0 4px 0;
	color: #000000;
  font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 1.3em;
	padding: 0 10px 0px 10px;
}

/*
  Spezielle Formate für mittleren Bereich definieren
*/

.news-single-backlink { /* Format für den Zurück-Link unter den news*/
	margin: 0 0 4px 0;
	color: #fff;
  font-family: Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height: 1.3em;
}

/*
  Formate für Suche und Formulare
*/

.tx-indexedsearch-form, .tx-indexedsearch-search-select-group, .tx-indexedsearch-search-select-results, .formu, .tx-indexedsearch-search-select-order, .tx-indexedsearch-search-for, .tx-indexedsearch-search-in, .tx-indexedsearch-search-select-section {
width:100%;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
border: 0px solid #C0C0C0;
	font-family: Arial, Helvetica, sans-serif;
	color: #3C3C3C;
	font-size:13px;
	line-height: 1.4em;
}

.tx-indexedsearch-search-submit {
margin-left:10px;
}

.sf-label {
float: left;
width: 150px;
border: 0px solid #C0C0C0;
}

.mf-label {
float: left;
width: 200px;
border: 0px solid #C0C0C0;
}

.mf-radio {
border:0px;
}

.mf-text {
color: #000000;
border: 1px solid #C0C0C0;
margin-bottom: 5px;
}

.mf-check {
border: 1px solid #C0C0C0;
margin-bottom: 25px;
}
.mf-select {
border:0px;
}

.mf-input {
border: 1px solid #C0C0C0;
margin-bottom: 15px;
}

.mf-submit {
margin-top: 15px;
}


/* ------------------------------------------- */
/* missing generic elements created 27.1.10 pl */
/* ------------------------------------------- */

table {
	background-color:#E4EFFF;
	margin: 20px 0;
	width: 100%;
	}
		
thead {
	background: #004495;
	}	
th {
	padding: 5px 10px;
	background: #004495;
	color: #ffffff;
	font-size: 11px;
	}


	
td {
	padding: 5px 10px;
	vertical-align:top;
	font-size:11px;
	line-height: 1.2em;
	}		


tr 			{background-color:#e0f2fb; }
tr.listrow-odd {background-color: #9dd7ec;}

tr:hover 	{background-color: #A6CBE3;}



tr td {
	border-top: 1px dotted	#69C;
}



	
dl {
		font-size:11px;
		margin-left:0;
		}	

fieldset {
		margin-top: 0px;
		border: 0px solid #D6D7F3;
}


legend{
	font-size: 11px; 
	background-color: #ffffff;
	padding: 0.2em;;

  }

label, p.tx-srfeuserregister-pi1-notice {
float: none;
	font-size: 11px;
	font-style: normal;
  text-align: left;
  border: 0px solid #C0C0C0;
	font-family: Arial, Helvetica, sans-serif;
	color: #3C3C3C;
	line-height: 1.4em;

  }


.tx-felogin-pi1 div {
	font-size:13px;}






div.tx-srfeuserregister-pi1{
	margin-top: 20px;
	}
.tx-srfeuserregister-pi1-text, .tx-srfeuserregister-pi1-password, .tx-srfeuserregister-pi1-username
{border: 1px solid #C0C0C0;
margin-bottom: 15px;}

textarea.tx-srfeuserregister-pi1-comments
{border: 1px solid #C0C0C0;
margin-bottom: 15px;}
/* ------------------------------------------- */
/* seminars */
/* ------------------------------------------- */


div.tx-seminars-pi1 p{
	font-size: 13px;
	padding: 0;
	margin: 0;
	}

div.tx-seminars-pi1 h2{
	font-size: 18px;
	padding: 0;
	margin: 20px 0 0 0;
	}

div.tx-seminars-pi1 h3{
	font-size: 13px;
	padding: 0;
	margin: 20px 0 0 0;
	}
	


/* ------------------------------------------- */
/* links */
/* ------------------------------------------- */



a:link { 
text-decoration:underline; 
color:004495; 
}
a:visited { 
text-decoration:underline; 
color:004495; 
}
a:hover { 
text-decoration:underline; 
color:004495; 
}
a:active { 
text-decoration:underline; 
color:004495; 
}

a:focus { 
text-decoration:underline; 
color:004495; 
}

#metaNavi a:link { 
text-decoration:none; 
color:#004495; 
}

#metaNavi a:visited { 
text-decoration:none; 
color:#004495; 
}
#metaNavi a:hover { 
text-decoration:none;
color:#4EC24E; 
}
#metaNavi a:active { 
text-decoration:none; 
color:#4EC24E; 
}

#metaNavi a:focus { 
text-decoration:none; 
color:#4EC24E; 
}

thead a:link { 
text-decoration:none; 
color:white; 
}

thead a:visited { 
text-decoration:none; 
color:white; 
}
thead a:hover { 
text-decoration:none;
color:white; 
}
thead a:active { 
text-decoration:none; 
color:white;
}

thead a:focus { 
text-decoration:none; 
color:white; 
}

td a:link { 
text-decoration:none; 
}

td a:visited { 
text-decoration:none; 
}
td a:hover { 
text-decoration:none;
}
td a:active { 
text-decoration:none; 
}

td a:focus { 
text-decoration:none; 
}