/********************************************************************************************************
	ICSurselva AG	http://www.icsurselva.ch
	Projekt:		RHB
	Date:			05/2008, claudia
	Version:		1.0
	file:			content.css
	function:		base Stylesheet Do not change anything!
********************************************************************************************************/	
* :focus{outline:none;}


/********************************/
/* Frames, spacing, link-to-top */
/********************************/
P.csc-linkToTop {}
P.csc-linkToTop A { font-weight: bold; }

/*#thebody .csc-frame { border: 0px; }
#thebody .csc-frame-invisible {}
#thebody .csc-frame-rulerBefore { border-top: 1px solid #666666; margin-top: 10px; margin-bottom: 10px; }
#thebody .csc-frame-rulerAfter { border-bottom: 1px solid #666666;margin-top: 10px; margin-bottom: 10px;}
#thebody .csc-frame-indent { padding-left: 100px; }
#thebody .csc-frame-indent3366 { padding-left: 33%; }
#thebody .csc-frame-indent6633 { padding-right: 33%; }*/

/*normales Layout Footer Telefonservice*/
#thebody div.csc-frame-frame1 { 
/*background: #FFFF99;*/
clear:both; margin:0px;
padding:16px 0px 0px 0px;
width:auto; 
}

* html #thebody div.csc-frame-frame1 {}

span.phone {
	background:none;
	white-space:nowrap;
}

/*claudio inserted*/
span.reserve{
	font-weight: bold;
}


/*---------------------------  (3)  Header mit Icons Start---------------------------------------*/	
.contentElement .csc-header, .contentElement .csc-header a {
display:block;
width:100%;
}

.CollapsiblePanel .csc-header, .CollapsiblePanel  .csc-header a {
display:block;
width:100%;
}

/*GENERELL HEADER*/
#content .csc-header h1, #content .csc-header h6 {
	color:#E2001A;
	font-size:11px;
	font-weight:bold;
	font-style:normal;
	padding:0px;
	display:block;
	line-height:21px;
	text-transform:none;
	margin:0px;
	/*claudio kommentiert*/
	/*background:url(/fileadmin/rhb/bilder/layout/redesign/icons/link.gif) no-repeat scroll 0px 0px;*/
}

#content  div.csc-header a, #content  h1 a{
	color:#E2001A;
	display:block;
	/*claudio eingefuegt*/
	background:url(/fileadmin/rhb/bilder/layout/redesign/icons/link.gif) no-repeat scroll 0px 0px;
}

/*#content div.csc-header a{
	line-height:21px;
	background:url(/fileadmin/rhb/bilder/layout/redesign/icons/link.gif) no-repeat scroll 0px 0px;
}*/

/*17-06*/
#content div.csc-header a{
	line-height:28px;
	background:url(/fileadmin/rhb/bilder/layout/redesign/icons/link.gif) no-repeat scroll 0px 4px;
}


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

/*DIVERSE HEADERLINKS (INTERN/EXTERN)*/
#content .csc-header h1 a{
	text-indent:15px;
}

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

/*17-06*/
#content .csc-header h1.splash100 a:hover, #content div.CollapsiblePanelOpen div.csc-header h1.splash100 a{
	text-indent:15px;
	display:block;
	background:url(/fileadmin/rhb/bilder/layout/redesign/icons/splash_act.gif) no-repeat scroll 0px 4px;
}



/*HEADER-DATEILINK
#content .csc-header h6 a{
	text-indent:15px;
	background:url(/fileadmin/rhb/bilder/layout/redesign/icons/datei.gif) no-repeat scroll 0px 0px;
}*/

/*27-06 HEADER-DATEILINK*/
#content .csc-header h6 a{
	text-indent:15px;
	background:url(/fileadmin/rhb/bilder/layout/redesign/icons/datei.gif) no-repeat scroll 0px 4px;
}


/*HEADER, ABER KEIN LINK*/
content div.contentElement div.text .csc-header h1, #content div.contentElement div.text h1{
	padding:7px 0px 0px 0px;
	background:none;
	line-height:15px;
	color:#E2001A;
	text-indent:0px;
}	

#content div.contentElement div.text .csc-header h1 a{
	text-indent:0px;
}


/*HEADER IM RTE*/
#content h1{
	color:#E2001A;
	font-size:11px;
	line-height:15px;
	font-weight:bold;
	font-style:normal;
	padding:0px;
	margin:0px;
	text-transform:none;
}

/*HEADER IM RTE MIT LINK*/
#content h1 a.download{
	color:#E2001A;
}

#content h1 a:hover.download{
	color:#E2001A;
	text-decoration:underline;
}


/*---------------------------  (3) ENDE Header mit Icons ---------------------------------------*/	


/*------------------------------() GENERELLE ELEMENTE LIST, LINK---------------------------------------*/

ul {list-style-type: square;
	padding:0px;
	margin:0px;
}
/*---------------------
	(1) Link 
-----------------------*/
	
a {
	color:#E2001A;
	text-decoration:none;
}
	
a.active, a:hover{
	color:#E2001A;
	text-decoration:underline;
}

a.extern {
	background-image:url(/fileadmin/rhb/bilder/layout/icon_arrowExtern.gif);
	background-position:left 0.4em;
	background-repeat:no-repeat;
	padding-left:1em;
	display:block;
}
a.link  {
	display:block;
	margin:0.4em 0;
	padding-left:1em;
	text-indent: -1em;
}
a.default {
	display:block;
}
#content a.download {
	color:#E2001A;
}

#content a:hover.download{
	text-decoration:underline;
}

#content a.internal-link {
	color:#E2001A;
}

#content a:hover.internal-link{
	color:#E2001A;
	text-decoration:underline;
}
/*--------------------------------------------------------------------------------------------------*/


/*--------------------  (5)  ELEMENTE AUSSERHALB SPLASH CONTENT--------------------------------------------*/
DIV.header{
}

/*abstand nach oben bei normalen CE Text*/
DIV.text{
/*background: #E1FDF0;*/
	width:100%;
	
}

* html DIV.text{
width:100%;
/*background:orange;*/
}

*+html DIV.text{
/*background:yellow;*/
}

/*OPera
html:first-child>b\ody DIV.text {width:470px;}*/

DIV.textpic{
/*background-color:silver;*/
}

DIV.image{
/*background-color:yellow;*/
}

DIV.mailform{
/*background-color:red;*/
}

form#mailform{
}

/*Datensatz einfuegen*/
DIV.shortcut{
}

/* entfernt doppelung des schattens um CE*/
#content DIV.shortcut .contentElement{
background:none;
padding:0px;
}

/*---------------------------(5)  ELEMENTE AUSSERHALB SPLASH CONTENT-------------------------------------*/

/*wenn text mit bild normal als CE erfasst, dann aber nicht #content p*/
/*.csc-textpic-text p.bodytext{
margin:0px;
padding:0px;}*/

/*-----------------------  (6)   SHOP START---------------------------------------------------*/
p, td {
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
margin-right:5px;
padding:0px;
}

/*-----------------------------------------SHOP ENDE----------------------------------------------------*/


/*-------------------------------   (7)   Tabellen Start   -------------------------------------------*/
*+html DIV.text table.contenttable{
}

/*in Tabellenspalten keinen abstand links*/
#content td p{margin-left:0px;}

#content tr td {
padding-left:0px;
}

#content table.contenttable td{
background:url(../bilder/layout/tr1.gif) repeat-x;
background-position:30px bottom}


table.contenttable{
width:470px;
padding:0px;
margin:0px;
overflow:hidden;
}

/*OPera*/
html:first-child>b\ody table.contenttable{
                       max-width:470px;
					   overflow:hidden;
                                 }

/*Tabelle im normalen CE*/
.contentElement .contenttable{
/*background:pink;*/

/*claudio comment*/
/*width:auto;*/

/*claudio insert*/
width:100%;

}



/*Abstand in Tabelle - Line height*/
td p.bodytext{
line-height:17px;
margin:0px;
padding:0px;}

/*--------------------------(7)  Tabellen Stop  ---------------------------------------------------*/


/*--------------------  (8)   INDEXED SEARCH  START------------------------------------------*/
		
/*um ganze suchausgabe*/
.tx-indexedsearch{
	padding:0px;
	}
		
/*explicit suchwortzeile*/	
.tx-indexedsearch-whatis{
	margin:0px;}
		
/*suchwort*/
.tx-indexedsearch-sw{
	color:#CC0000;
	font-weight:bold;}
		
/*display resultateanzahl*/
.tx-indexedsearch-browsebox{
	line-height:25px;}
		
/*ganzes resultat*/
.tx-indexedsearch-res table{
	background-color:#FAFBFB;
	border: 1px solid #E0E0E0;
	padding-bottom:5px;
	font-size:11px;}

/*header einzelnes resultat*/
.tx-indexedsearch-icon{
	background-color:#E0E0E0;
	padding-bottom:2px;}
		
.tx-indexedsearch-result-number{
	background-color:#E0E0E0;
	padding-bottom:2px;}
		
.tx-indexedsearch-percent{
	background-color:#E0E0E0;
	padding-bottom:2px;
	padding-right:5px;}
		
.tx-indexedsearch-title{
	background-color:#E0E0E0;
	padding-bottom:2px;}		

/*verlinktes wort im header*/
.tx-indexedsearch-title a{
	font-weight:bold;
	text-decoration:underline;
	color:#444545;
}
		
.tx-indexedsearch-title a:hover{
	text-decoration:none;
	color:#CC0000;
}
		
/*markiertes suchwort im content*/
.tx-indexedsearch-redMarkup{
	color:#CC0000;}

/*text im context*/	
.tx-indexedsearch-descr{
	padding:0px 5px 3px 2px;}
		
/*info unten in einzelener suchausgabe*/
.tx-indexedsearch-info{
	padding:0px 5px 3px 2px;}

/*link in info*/
.tx-indexedsearch-path a{
	color:#CC0000;}
		
	.tx-indexedsearch-path a:hover{
		text-decoration:underline;
		}
		
/*--------------------  (8)  INDEXED SEARCH ENDE-----------------------------------------------*/	

/*-------------------------(9) Dateilinks-----------------------------------------------------*/
table.csc-uploads{
width:440px;
/*background-color:#FF0000;*/} /*IE 6 braucht andere Masse*/

table.csc-uploads td{
padding-bottom:5px;}

table.csc-uploads tr{
width:400px;}

#content .csc-uploads-fileName p{
padding:0px;
margin:0px 0px 0px 5px;}

#content .csc-uploads-fileSize p{
width:50px;}


.csc-uploads-fileName p a{
color:#666666;
text-decoration:underline;}

.csc-uploads-fileName p a:hover{
color:#CC0000;}

/*bei dateiupload keine Linie*/
#content table.csc-uploads td{
background:none;
}

td.csc-uploads-icon a{}

/*-------------------------(9) Dateilinks-----------------------------------------------------*/


#content .CollapsiblePanel{
	width:auto;}

.tx-icsrhbflashbanner-pi1 .contentElement{background:none;}


#content a {
color:#E2001A;
text-decoration:none;
}

#content a:hover {
text-decoration:underline;
}

#content p a {
color:#E2001A;
text-decoration:none;
}

#content p a:hover {
color:#E2001A;
text-decoration:underline;
}


/*--------------------text mit bild-----------------------------------*/
/*achtung hierfuer aenderung im colNormal auf float:left; ab 08.11.2007 - Seiteneffekt : bisher keiner*/

.contentElement .csc-textpic{}

/*das bild*/
.CollapsiblePanelContent .csc-textpic{}

* html .CollapsiblePanelContent .csc-textpic{
	width:auto;
	margin-left:0px;
}

*+html .CollapsiblePanelContent .csc-textpic{
	width:auto;
}

#content .csc-textpic-text p.bodytext {
margin-left:0px;}

#content .csc-textpic-text h1, #content .csc-textpic-text h2 {
margin-left:0px;}


/*div.csc-textpic-clear {/*content.css (line 323)*/

.CollapsiblePanelContent{
clear:both;
height: inherit;}

#content .CollapsiblePanel {/*content.css (line 771)*/
clear:both;
}

DIV.csc-textpic-text table.contenttable {/*content.css (line 470)*/
/*width:440px;*/
width:auto;
padding-left:0px;
margin-left:0px;
}

#content DIV.csc-textpic-text table.contenttable td{/*content.css (line 470)*/
/*width:440px;*/
width:auto;
padding-left:0px;
background:none
}

/*---------------------text mit bild------------------------------------*/


a:hover span.download{
background: none;}

#content a.download:hover {
background:none;
}



/*-------------------------(5) Flash-----------------------------------------------------*/

/*----------------- flash BIld schatten ----------------------------------------*/
/*FLASH OBEN*/
.flash_schattenoben{
height:0px;
padding:0px;
width:470px;}

* html .flash_schattenoben{
margin-top:-18px;
}

/*FLASH ARROUND*/
.flash_around{
width:470px;}

* html .flash_around{
}

/*FLASH UNTEN*/
/*Linie unter Flashbild*/
div.tx-icsrhbflashbanner-pi1 div.flash_schattenunten{
height:10px;
border-bottom:1px solid #545353;
width:470px;}

* html .flash_schattenunten{
margin-top:-6px;
}

/*-----------------Schatten im content ----------------------------------------*/
/*EBENE ANFANG*/

DIV.tx-icsrhbshadows-pi1{}

* html DIV.tx-icsrhbshadows-pi1{}

/*TRENNER */
DIV.tx-icsrhbshadows-pi2{
/*background:blue;*/
}

* html DIV.tx-icsrhbshadows-pi2{}

/*SPLASH LINIE = Linie vor 1. Splash*/
.contentElement .tx-icsrhbshadows-pi4{
border-bottom:1px solid #545353;}

* html .tx-icsrhbshadows-pi4{}

/*EBENE ENDE = schatten ist 5px, aber nach oben sind noch 20px grau*/
DIV.tx-icsrhbshadows-pi3{}

* html DIV.tx-icsrhbshadows-pi3{}

/*-------------------------(5) Flash -----------------------------------------------------*/

/*--------------neu statt Schatten------------------------------*/
#content .contentElement{}

* html #content .contentElement{}

/*Abstand nach unten, gross*/
#content .contentElement .text{
padding:0px 0px 16px 1px;}

/*Home Layout - Betriebsstoerung*/
#layouthome div.tx-nmmessagebox-pi1 div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image{margin-bottom:0px;}

/*-------------------------(2) Fonts --------------------------------------------------------------*/

#content h2 {
color:#E2001A;
font-weight:bold;
text-transform:none;
font-size:11px;
line-height:15px;
margin:0px;
}
	
/*h3, h4, h5 {}*/
h2 hr {
border-color:#545353;
border-style:solid none;
border-width:1px 0px;
margin:0px 0px 10px -15px;
}

h2 p.bodytext{
	margin:0px;
	font-size:11px;
}

h1 img{height:auto;}

/* Clearer */
DIV.csc-textpic-clear { clear: both; }

/*linie*/
hr{
 border: 0px; /* Für Firefox und Opera */
 border-top: solid 1px #545353;
/* border-bottom: solid 1px #545353; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
}


	/*h1 .csc-firstHeader a{display:block;}*/
h2 hr {
border-color:#545353;
border-style:solid none;
border-width:1px 0px;
/*margin:0px 0px 10px -15px;*/
}

h2 p.bodytext{
	margin:0px;
	font-size:11px;
}
h1 img{
height:auto;}

/* Clearer */
DIV.csc-textpic-clear { clear: both; }


p.bodytext{
	padding:0px 0px 14px 0px;
	font-size:11px;
	line-height:15px;}

#content p{}

p{
margin:0px;}

/*-------------------------(2) Fonts --------------------------------------------------------------*/	

/*--------------------------  (4)  CONTENT-FORMATIERUNG--------------------------------------*/

/*Abstand wenn Bild von Text umflossen im RTE links, rechts*/

/*#content p.align-left img{
padding-right:10px;}*/

p.bodytext img.rte_image{margin-right:8px;}

img.rte_image{margin-right:8px;}

#content p.align-right{
padding-left:10px;}

.CollapsiblePanelContent h1, .CollapsiblePanelContent h2, .CollapsiblePanelContent ul,  .CollapsiblePanelContent li{
font-size:11px;
}

 #content ul,  #content li{
font-size:11px;
margin-left:19px;
}
#content ul, #content ol{
padding:0px 0px 10px 0px;}
#content ol{
margin-left:23px;
}

 * html #content li, * html #content ul{
margin-left:20px;
}

* html #content ol{
margin-left:27px;
}

*+html #content ul, *+html #content li{
margin-left:21px;
}

 *+html #content ol{
margin-left:27px;
}

div.CollapsiblePanelContent img.rte_image{margin-right:8px;}

.CollapsiblePanelContent p.bodytext{}
.CollapsiblePanelContent p{}
/*--------------------------------(4)  CONTENT-FORMATIERUNG---------------------------------------*/


/*------------------- (X) Breites Layout, Maps, IMMOBILIEN--------------------------------------------*/

/*breites Layout Footer Telefonservice*/
#immobilien #colNormal.immobilien div.csc-frame-frame1 {clear:none; margin:0px;
width:100%; }

* html #immobilien #colNormal.immobilien div.csc-frame-frame1 {clear:none; margin:0px;
width:660px;; }

/*------------------- (X) Breites Layout, Maps, IMMOBILIEN--------------------------------------------*/

/*-------------------------- (11) Immobilien-----------------------------------------------*/
.tx-longiframe-pi1 iframe{}
/*-------------------------- (11) Immobilien-----------------------------------------------*/

/*---------------------------------(12) MAPS----------------------------------------*/

/* normales template*/
#content .tx-icsgooglemaps-pi1 .contentElement{
background:none;
}

/* breites template*/
#content #colNormal.immobilien .tx-icsgooglemaps-pi1 .contentElement{
background:none;
float:left;
width:100%;
padding:0px;}

/*---------------------------------(12) MAPS----------------------------------------*/
/*-----------------------------------(13) RI Spalte ---------------------------------*/

* html .contentElement .text{
width:100%;}

DIV.tx-icsrispalte-pi2{
width:194px;
overflow:hidden;}

DIV.tx-icsrispalte-pi2 p{
margin-left:25px;}

DIV.tx-icsrispalte-pi2 td p{
margin-left:0px;}

DIV.tx-icsrispalte-pi2 table.contenttable{
width:150px;
}
/*-----------------------------------(13) RI Spalte ---------------------------------*/

/*----------------------------START Flash Linienplan ueber MUltimedia CE---------------------------*/
.contentElement embed{
margin-left:0px;
margin-bottom:17px;
margin-top:5px;}

*+html DIV.tx-rbflashobject-pi1-swf_altcontent{
margin-left:0px;
margin-bottom:17px;
margin-top:5px;}

* html DIV.tx-rbflashobject-pi1-swf_altcontent{
margin-left:0px;
margin-bottom:17px;
margin-top:5px;}


/*und abstand verhindern auf firefox um die Flashbilder, da diese ebenfalls embed*/
.flash_around embed{
margin-left:0px;
margin-bottom:0px;
margin-top:0px;}

/*achtung!!!testen vom 7.11.07*/
/*p.align-left img{
clear:both;}*/

/*Flash Linienlan im breiten Content*/
#colNormal.immobilien .contentElement embed{
margin-left:0px;
margin-bottom:10px;
margin-top:5px;}

*+html #immobilien DIV.tx-rbflashobject-pi1-swf_altcontent{
margin-left:0px;
margin-bottom:10px;
margin-top:5px;}

* html #immobilien DIV.tx-rbflashobject-pi1-swf_altcontent{
margin-left:0px;
margin-bottom:10px;
margin-top:5px;}

/*----------------------------ENDE Flash Linienplan ueber MUltimedia CE---------------------------*/

/*---------------------------(10a) Flash Homeseite-----------------------------------------------------*/
DIV.flashicon_home {
margin-left:0px;
margin-top:10px;
}

div.contentElement .flash_home{}

* html #content .contentElement div.tx-icsrhbflashbanner-pi1 div.flash_home {
padding-left:1px;
width:506px;
}

/* flash banner Home*/
#content .contentElement DIV.tx-icsrhbflashbanner-pi1 DIV.flash_home{
background:white;
padding:0px;
width:506px;
}

table.flashbanner_home embed{ margin:0px;}

/*---------------------------(10a) Flash Homeseite-----------------------------------------------------*/

/*---------------------------------FUEHRERSTANDSVIDEOS------------------------------------------------------*/
#colNormal .contentElement .tx-icsfuehrerstandvideos-pi1{
margin:0px;
background:white;
}

/*---------------------------------FUEHRERSTANDSVIDEOS------------------------------------------------------*/

/*----------------------------------shop------------------------------------------------------------------*/
#tx-ttproducts-pi1-listhighlights tbody{
width:auto;}
/*----------------------------------shop------------------------------------------------------------------*/


/*--------------------------------Abteilung e card---------------------------------------------------*/
h4{
font-size:12px;
font-weight:bold;
padding-bottom:4px;}

/*abstaende IE7*/
*+html dl.csc-textpic-image a img{padding-bottom:5px;}

/*---------------------------------Abteilung e card----------------------------------------------*/

/*_______________________________________________________________________________________________________________
							HOME SEITE
_______________________________________________________________________________________________________________*/

/*-----------------------------------Ticker-------------------------------------------------------*/
div#ticker_home div#marqueeticker {
	font-weight:bold;
	color:#545353;
	line-height:21px;
}

div#ticker_home div#marqueeticker span.ticker{
	font-weight:bold;
	font-size:11px;
}

div#ticker_home div#marqueeticker span.ticker a{
	color:#545353;
}

div#ticker_home div#marqueeticker span.ticker a:hover{
	color:#E2001A;
	text-decoration:none;
}

/*-------------------------(10) Flash Bild Schatten-----------------------------------------------------*/

/*#mailform legend{
visibility:hidden;
line-height:0px;}*/

/*shop titel mit pfeil*/
	h1 span.com_prod_title a{
	display:block;
	line-height:19px;
	padding-left:10px;
}


*+html ul#mainNavigation li a:hover,
*+html ul#mainNavigation li:hover {
	color:#E2001A;
	background:url(/fileadmin/rhb/bilder/layout/redesign/nav/white_IE8.gif) repeat-x left top;	
	}