/********************************************************************************************************
	ICSurselva AG	http://www.icsurselva.ch
	Projekt:		RHB
	Date:			05/2008, claudia
	Version:		1.0
	file:			RI.css
	function:		style for elements of RI-Spalte! *CLEAN*
********************************************************************************************************/
/*
ELEMENTE RI:
(1)	XAJAX SEARCH
(2)	HEADERELEMENTE RI
(3)	LOGIN-RI
(4)	RI-Vereina
(5)	STANDARD FAHRPLAN SBB
(6)	HOME FAHRPLAN SBB
*/

/*pixelproblem gesamte RI-Spalte im IE6*/
* html .rielement{width:186px; overflow:hidden;}
	
/*verhindert das die anderen RI Elemente in Tabellen kaputt gehen*/
#N3-nav_right tbody p.bodytext {
	padding-left:0px;
}

#N3-nav_right div.rielement tbody{
	color:#545353;
}

/*--------------------------(1) XAJAX SEARCH ----------------------------------------------*/
/*Ausgabe*/
#tx_mhajaxsearch_result_parentlayer{
	position:absolute; 
	z-index:2; 
	top: 1px; 
	left: 50%; 
	width: 50;
}

#tx_mhajaxsearch_result{
	position:relative; 
	width:200px; 
	height: 1%; 
	z-index:1; 
	left:273px;
	top: 151px; 
	border: 0px none #000000;
}

/*Schatten in Ausgabe*/
#tx_mhajaxsearch_result table{
	background:url(/fileadmin/rhb/bilder/layout/redesign/bg-ajax.png)repeat-y scroll 0px 0px;
}

*+html #tx_mhajaxsearch_result table{	
	background:transparent url(/fileadmin/rhb/bilder/layout/redesign/bg-ajax.gif) repeat-y;
}

* html #tx_mhajaxsearch_result table{
	left:275px; 
	background:transparent url(/fileadmin/rhb/bilder/layout/redesign/bg-ajax.gif) repeat-y;
}

#tx_mhajaxsearch_result tr.ajaxshadowtop{
background:red url(/fileadmin/rhb/bilder/layout/redesign/ajax-oben.gif) no-repeat  left top;
height:5px;}

* html #tx_mhajaxsearch_result tr.ajaxshadowtop{
margin-top:-5px;}

/*unfertig Schatten unten*/
#tx_mhajaxsearch_result tr.ajaxshadowbottom{
background:transparent url(/fileadmin/rhb/bilder/layout/redesign/ajax-unten.gif) no-repeat;
height:7px;}

/*--------------------------- (2) HEADERELEMENTE RI -------------------------------------*/
/*
#N3-nav_right .csc-header h1 		= Textheader ohne Link
#N3-nav_right .csc-header h1 a		= Textheader ohne Link
#N3-nav_right div#rielement h1		= Applikationsheader (News/Fahrplan)
#N3-nav_right div#rielement h1 a 	= Applikationsheader mit Link
#N3-nav_right div#rielement h3 a 	= Newsheader mit Link
#N3-nav_right  .csc-header h6		= Splashheader
*/

/*GENERELL HEADER*/
#N3-nav_right .csc-header h1, #N3-nav_right .csc-header h6 {
	color:#E2001A;
	font-size:11px;
	font-weight:bold;
	font-style:normal;
	padding:0px;
	display:block;
	margin:0px;
	
	line-height:28px;	
}

#N3-nav_right .csc-header h1 a{
	text-indent:15px;
	display:block;
	
	line-height:28px;
	background:url(/fileadmin/rhb/bilder/layout/redesign/icons/link.gif) no-repeat scroll 0px 4px;
}

/*APPLIKATIONSHEADER*/
#N3-nav_right div.rielement h1, #N3-nav_right div.rielement h3{
	color:#E2001A;
	font-size:11px;
	font-weight:bold;
	font-style:normal;
	padding:0px;
	display:block;
	margin:0px;
	
	line-height:28px;
}
	
#N3-nav_right div.rielement h1 a, #N3-nav_right div.rielement h3 a{
	color:#E2001A;
	text-indent:15px;
	background:url(/fileadmin/rhb/bilder/layout/redesign/icons/link.gif) no-repeat scroll 0px 4px;
	display:block;
	
	line-height:28px;	/*17-06*/
}

#N3-nav_right .csc-header a:hover, #N3-nav_right  h1 a:hover{
	color:#E2001A;
	text-decoration:underline;
}

/*HEADER-DATEILINK*/
#N3-nav_right .csc-header h6 a{
	text-indent:15px;
	display:block;
	
	line-height:28px;
	background:url(/fileadmin/rhb/bilder/layout/redesign/icons/datei.gif) no-repeat scroll 0px 4px;
}

#N3-nav_right .csc-header h6{
	line-height:28px;
	display:block;
}

#N3-nav_right div.contentElement div.header div.csc-header h6 a{
	display:block;
	width:186px;
}

/*SPLASH*/
#N3-nav_right .csc-header h1.splash100 a{
	color:#E2001A;
	text-indent:15px;
	display:block;
}


#N3-nav_right .csc-header h1.splash100 a:hover{
	text-indent:15px;
	/*B*text-indent:10px;*/
	display:block;
	background:url(/fileadmin/rhb/bilder/layout/redesign/icons/splash_act.gif) no-repeat scroll 0px 4px;
}

#N3-nav_right div.CollapsiblePanelContent {
	border-bottom:1px solid #545353;
	margin:0px;
	padding-bottom:8px;
	padding:0px 0px 1px;
	height:auto;
	width:186px;
	clear:both;
}

#N3-nav_right div.CollapsiblePanelOpen .csc-header h1.splash100 a{
	background:url(/fileadmin/rhb/bilder/layout/redesign/icons/splash_act.gif) no-repeat scroll 0px 4px;
}


/*---------------------------- Border unten bei Header, Text und Splash ---------------------------------------*/
#N3-nav_right div.contentElement{
	border-bottom: 1px solid #545353;
	width:186px; 
}

/*RI-Spalte mit Datensatz einfuegen befuellen erzeugt CE in CE */
#N3-nav_right div.contentElement div.contentElement{
	border-bottom:none;
}

/*linie bei normalen h`s*/
#N3-nav_right div.contentElement .csc-header a{
	border-bottom:none;
}

#N3-nav_right .CollapsiblePanelClosed{
	border-bottom: 1px solid #545353;
}

/*RI Text*/
/*#N3-nav_right div.contentElement div.text{
border-bottom:1px solid #545353;}*/

/*RI Header*/
/*#N3-nav_right div.contentElement div.header div.csc-header h1 a{
}*/

#N3-nav_right p.bodytext{
	padding:0px 0px 14px 0px;
	margin:0px;
}

/*------------------------------Abstaende CE`s in der RI-Spalte--------------------------*/

#N3-nav_right div.contentElement .text{
padding:0px 0px 15px 0px;
}

#N3-nav_right div.contentElement .text p.bodytext a{
background:url(/fileadmin/rhb/bilder/layout/redesign/icons/link.gif) no-repeat scroll 0px -2px;
padding-left:10px;
}

/*#N3-nav_right div.contentElement .text p.bodytext a:link img{
background:none;
margin-left:-10px;
}*/

/*------------------------- (3) LOGIN-RI ----------------------------------------------*/
/*spezifische INPUTfelder*/
div.tx-icsrispalte-pi4 input{
	border:1px solid #7B9CBD;
	background-color: white;
	font-size:11px;
	margin-right:8px;/*!15px*/
	margin-bottom:5px;
	text-indent:5px;
	width:133px; /*!118px*/
}

* html div.tx-icsrispalte-pi4 input{
	width:131px; /*120px*/
}

div.tx-icsrispalte-pi4 input#pass{height:16px; }
div.tx-icsrispalte-pi4 input#user{height:16px; }

* html div.tx-icsrispalte-pi4 input#pass, * html div.tx-icsrispalte-pi4 input#user{ height:18px;}

/*Login Button*/
div.tx-icsrispalte-pi4  div.plan-label input{
	background-color:#E9E9E9;
	color:#E2001A;
	cursor:pointer;
	font-family:Arial,Helvetica,sans-serif;
	border:1px solid silver;
	width:135px;
	font-size:11px;
	text-indent:0px;
	margin-bottom:0px;
	/*margin-left:1px;*/
}

* html div.tx-icsrispalte-pi4  div.plan-label input{
width:131px;
margin-left:4px;}

*+html div.tx-icsrispalte-pi4  div.plan-label input{
margin-left:5px;}

/*class um button*/
div.tx-icsrispalte-pi4 .plan-label{
	margin:0px;
}

	* html div.tx-icsrispalte-pi4 .plan-label{
		margin:0px 0px 0px 1px;
	}

/*LogoutButton*//*!anschauen*/
div.tx-icsrispalte-pi4 .user-logout{ 
	margin-left:2px;
	font-size:11px;
	font-weight:bold;
}


/*------------------------ (4) RI-Vereina ----------------------------------------------*/

/*ALLGEMEIN*/
div.tx-icsrispalte-pi3 textarea {
	overflow:hidden;
	border:1px solid #7B9CBD;
	padding-left:7px;
	padding-top:2px;
	width:177px;/*!109px*/
}

* html div.tx-icsrispalte-pi3 td textarea  {
	/*width:120px;
	margin-right:15px;*/
	width:186px;
}

div.tx-icsrispalte-pi3 .time-label{
	line-height:19px;
}

div.tx-icsrispalte-pi3 h3{
	font-size:11px;
	font-weight:bold;
}


/*------------------------ (5) STANDARD FAHRPLAN SBB ---------------------------------------*/
div#formfahrplan td{
	margin:0px;
}

div.tx-icsrispalte-pi1 input.plan-fieldcell {
background-color:white;
border:1px solid #7B9CBD;
font-size:11px;
margin:0px 0px 6px 0px;
padding:2px 0px 1px 0px;
width:131px;
}

	* html div.tx-icsrispalte-pi1 input.plan-fieldcell {
		margin:0px 0px 4px 0px;
		width:133px;
	}
	
	*+html div.tx-icsrispalte-pi1 input.plan-fieldcell{padding:1px 0px 1px 0px; margin:0px 0px 4px 0px;}

div.tx-icsrispalte-pi1 input.plan-fieldcell:focus {
	border:1px solid #E2001A ;
	color:#E2001A;
	outline:none;
}

div.tx-icsrispalte-pi1 input.plan-fieldcell:hover {
	border:1px solid #E2001A ;
	color:#E2001A;
}
	
/*Radiobutton*/	
div.tx-icsrispalte-pi1	input.radio{
	margin-left:8px;

	/*vertical-align:middle;
	height:20px;*/
}

	* html div.tx-icsrispalte-pi1	input.radio{margin-left:0px;}

	*+html div.tx-icsrispalte-pi1	input.radio{margin-left:0px;}

/*Label rechts*/
div.tx-icsrispalte-pi1 .radiolabel{
	margin-right:7px;
	}

/*Darstellung Button Verbindung suchen nach SBB*/
div.tx-icsrispalte-pi1  div.plan-label input{
background-color:#E9E9E9;
color:#E2001A;
cursor:pointer;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
margin:5px 7px 5px 0px;
text-indent:0px;
width:186px;
border:1px solid silver;
}

/*RHB Logo*/
div.tx-icsrispalte-pi1 td.sbblogo img{
	padding:10px 0px 8px 0px;
	float:right;
	margin-right:7px;}
	
	* html div.tx-icsrispalte-pi1 td.sbblogo img{margin:10px 7px 7px 0px;}	
		
/*SMS Fahrplan*/
div.tx-icsrispalte-pi1 h1{
	border-top: 1px solid #545353;
	width:186px; /*186 total neu*/	
}

/*------------------------ (6) HOME FAHRPLAN SBB ---------------------------------------*/

div.tx-icsrispalte-pi1 div.sbbtimetableheader {
	background-color:#00319C;
	color:white;
	font-weight:bold;
	font-size:11px;
	line-height:22px;
	text-indent:10px;
	margin-bottom:5px;
}

	* html div.tx-icsrispalte-pi1 div.sbbtimetableheader {margin-bottom:4px;}
	
	*+html div.tx-icsrispalte-pi1 div.sbbtimetableheader {margin-bottom:4px;}


/*linie oben weg*/
#N3-middle_left_home #N3-nav_left #N3-nav_right{
border-top:none;
}

/*linie unter plan, buendig mit flashs...*/
#N3-middle_left_home #N3-nav_left #N3-nav_right .contentElement {
padding-bottom:-10px; /*37*/
border-bottom:1px solid #545353;
width:186px;
}

/*kein abstand um embeded elements explicit auf home*/
.contentElement div.tx-icsrhbflashbanner-pi1 embed {/*content.css (line 791)*/
margin:0px;
}

/*Links home content*/
#layouthome .contentElement a{
background:url(/fileadmin/rhb/bilder/layout/redesign/icons/link.gif) no-repeat scroll 0px -2px;
padding-left:10px;
}

/** html .tx-icsrispalte-pi1{ background:#E9E9E9;}*/

/*------------------------ (7) WETTER ---------------------------------------*/

#N3-nav_right .tx-icsmeteoneswetter-pi1{
margin:0px 0px 27px 0px;}


/*------------------------ (8) NEWS ---------------------------------------*/

#N3-nav_right .tx-icsnews-pi1{
margin:0px 0px 14px 0px;}