/********************************************************************************************************
	created by:		ICSurselva AG	http://www.icsurselva.ch
	project:		XXX
	date:			Monat/2008, Autor
	version:		4.1
	file:			content.css
	function:		all contents-style  
********************************************************************************************************/
A:LINK,
A:VISITED,
A:ACTIVE {
	color: #FEDC00;
	text-decoration: underline;
}

A:HOVER {
	color: #FEDC00;
	text-decoration: none;
}

/*  entfernt den Linkrahmen  um das bild  */ 
img {
	border: none;
}

img.icon {
	padding-right:0.5em;
	vertical-align: top;
}

h1 {
	font-style: normal;
	font-weight: bold;
	margin:0px;
	margin-bottom: 0.25em;
	font-size: 22px;
}

h2 {
	font-style:normal;
	font-weight:bold;
	margin:0px;
	margin-bottom: 0.25em;
	font-size: 18px;
}

/** 
 * Formatierung des eigentlichen Inhaltsbereichs 
 * Diese Stilvorgabe wird für jedes Content-Objects verwendet.
 **/
div#colNormal div.cobject {
	width: 617px;
	margin: 0 17px 17px 17px;
}

/**
 * Ausnahmen zur oben festgelegten Regel (Für alle Content-Objects des selben Typs
 */
div#colNormal div.cobject.html {
	margin-left: 0px;
}

/**
 * Ausnahmen zur oben festgelegten Regel. (Für alle Plugins)
 * Alt: div#colNormal div.cobject div.tx-commerce-pi3
 */
div#colNormal div.cobject div.tx-commerce-pi1,
div#colNormal div.cobject div.tx-commerce-pi2 {
	margin-left: -17px;
}

div#colNormal div.cobject.son_imagebutton p,
div#colNormal div.cobject.son_imagebutton {
	display: inline;
	margin: 0px;
	margin-right: 1px;
}

div#colNormal div.cobject.son_imagebutton img {
	margin-bottom: 7px;
}

/* div#colNormal div.cobject div.tx-srfeuserregister-pi1 */
div.csc-mailform {
	margin-left: -17px;
}

/**
 * Ausnahmen zur oben festgelegten Regel. (Für alle Plugins)
 */

p.bodytext {
	line-height: 1.5em;
	margin-bottom: 0.5em;
}

p.bodytext.warning {
	background-image:url(../img/icons/warning.png);
	background-position: 3px 3px;
	background-repeat:no-repeat;
	padding: 2px;
	padding-left: 22px;
	color: #990000;
	border: 1px solid #990000;
	background-color:#FFFFCC;
}

ul {
	margin:0px 10px 0px 8px;
	padding:0px 10px 16px 8px;
}

ol {
	margin:0px 10px 0px 13px;
	padding:0px 10px 16px 13px;
}
div#colNormal li {
	line-height:1.5em;
}
.csc-sitemap ul {
	margin:0px 10px 0px 8px;
	padding:0px 10px 0px 8px;
}

/* footer */
#main_footer p.bodytext {
	display:inline;
}

/**************************************************************************************************/
/***************************EINZELNE FORMULARELEMENTE**********************************************/

/* Ueberschriften der LABEL bei Radio Buttons*/	  
legend {
	padding-left:0px;
	padding-right:0px;
	margin:0px;
	border:none;
}

/* Definition des Gesamtrahmens der Radio Buttons*/
fieldset {
	padding:0px;
	border:none;
}

/* eigene Klasse fuer die Abstaende nach oben und unten
bei der vwerwendung von Radio Buttons in Formularen */
.radiolayout {
	padding-left:0px;
	padding-right:0px;
	position: relative;
	left:-5px;
}

/*textfelder*/
.csc-form-fieldcell .mf-text {
	font-family: Arial, Helvetica, sans-serif;
	margin:0px 0px 8px 0px;
	border: 1px solid #7B8892;
	width:351px;
	height:100px;
	padding-left:4px;
}

/*sendebutton*/	   
.csc-form-fieldcell .mf-submit,
.tx-indexedsearch-searchbox-button {
	width:60%;
	height:20px;
	border: 1px solid #7B8892;
	font-size: 11px;
	text-align: center;
	vertical-align: top;
	padding-bottom:2px;
	margin:8px 0 2px 0;
}

/*eingabefelder*/
  .csc-form-fieldcell .mf-input,
.tx-indexedsearch-searchbox-sword {
	background-color: #EFEFEF;
	height: 17px;
	width:175px;
	border: 1px solid #7B8892;
	padding-left:4px;
}

/*Markierungsfeld*/	   
.csc-form-fieldcell .mf-check {
	margin:0px 2px 0px 0px;
	text-align: left;
	vertical-align: top;
	width:15px;
}

/* special classes for Formlements */
.mf-radio {
	border: none;
	color:#666666;
	margin-right:4px;
}

/*Passwortfeld*/
.csc-form-fieldcell .mf-pass {
	width:175px;
	border: 1px solid #7B8892;
	font-size: 100%;
}

.mf-check {
	border: 0px;
}

/*Auswahlfeld*/
.csc-form-fieldcell .mf-select {
	border:0px;
	border: 1px solid #7B8892;
	width:275px;
	margin:2px 0px 0px 0px;
	font-size: 95%;
}

/*Dateiupload*/
.csc-form-fieldcell .mf-file {
	width:175px;
	border: 1px solid #7B8892;
	font-size: 95%;
}

/*Beschriftung - Zusatzvermerke, br`s*/
.csc-mailform-label {
	padding:2px 0px 2px 0px;
}

.mf-reset {
	color: #666666;
	font-size: 100%;
}

/* RTE / Table styling */
TABLE.contenttable {
	width: 100%;
	padding:0;
	margin:0;
}

TABLE.contenttable TR TD {
	padding:2px;
	margin:1px;
	border:1px solid #085a8c;
}

TABLE.contenttable TR TD P.bodytext {
	font-size: 12px;
}

TABLE.contenttable TR {
}

/*******************************************************/
/* Powermail Formular Elemente 						   */
/*******************************************************/

#uid69, 
#uid71,
#uid73,
#uid75,
#uid77,
#uid79,
#uid81,
#uid83,
#uid85,
#uid87 {
	float:left;	
	width:80px;
}

#powermaildiv_uid69 label,
#powermaildiv_uid71 label,
#powermaildiv_uid73 label,
#powermaildiv_uid75 label,
#powermaildiv_uid77 label,
#powermaildiv_uid79 label,
#powermaildiv_uid81 label,
#powermaildiv_uid83 label,
#powermaildiv_uid85 label,
#powermaildiv_uid87 label {
	display:inline;	
	float:left;	
	width:60px;
	margin-left:10px;
}
#powermaildiv_uid68,
#powermaildiv_uid70,
#powermaildiv_uid72,
#powermaildiv_uid74,
#powermaildiv_uid76,
#powermaildiv_uid78,
#powermaildiv_uid80,
#powermaildiv_uid82,
#powermaildiv_uid84,
#powermaildiv_uid86 {
	width:428px;
	float:left;	
}
#powermaildiv_uid68 div,
#powermaildiv_uid70 div,
#powermaildiv_uid72 div,
#powermaildiv_uid74 div,
#powermaildiv_uid76 div,
#powermaildiv_uid78 div,
#powermaildiv_uid80 div,
#powermaildiv_uid82 div,
#powermaildiv_uid84 div,
#powermaildiv_uid86 div {
	width:250px;
}
#powermaildiv_uid69,
#powermaildiv_uid71,
#powermaildiv_uid73,
#powermaildiv_uid75,
#powermaildiv_uid77,
#powermaildiv_uid79,
#powermaildiv_uid81,
#powermaildiv_uid83,
#powermaildiv_uid85,
#powermaildiv_uid87 {
	display:inline;	
	width:180px;
	float:left;	
	clear:none;
}

#powermaildiv_uid69 .csc-mailform-input,
#powermaildiv_uid71 .csc-mailform-input,
#powermaildiv_uid73 .csc-mailform-input,
#powermaildiv_uid75 .csc-mailform-input,
#powermaildiv_uid77 .csc-mailform-input,
#powermaildiv_uid79 .csc-mailform-input,
#powermaildiv_uid81 .csc-mailform-input,
#powermaildiv_uid83 .csc-mailform-input,
#powermaildiv_uid85 .csc-mailform-input,
#powermaildiv_uid87 .csc-mailform-input {
	width:80px;
}

/*******************************************************/
/* Spezialformatierungen für diverse Content Templates */
/*******************************************************/
TABLE.contenttable TR TD.contenttable_2_colums_title {
	font-weight: bold;
	width: 160px;
}

TABLE.contenttable TR TD.contenttable_2_colums_content {
}

/* History Table */
#table_history.contenttable {
	width: 100%;
	padding:0;
	margin:0;
}

#table_history.contenttable TR TD {
	padding:2px;
	margin:1px;
	border:none;
}

#table_history.contenttable TR TD P.bodytext {
	font-size: 12px;
	padding-bottom:20px;
}

#table_history.contenttable TR {
}

#table_history.contenttable TR TD.contenttable_2_colums_title {
	font-weight: bold;
	width: 160px;
	/*border-top:1px solid #085a8c;*/
}

#table_history.contenttable TR TD.contenttable_2_colums_title P.bodytext {
	font-size: 16px;
}

/********************************/
/* 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;
}

#thebody .csc-frame-rulerAfter {
	border-bottom: 1px solid #666666;
	padding-top: 6px;
	padding-bottom: 6px;
}

#thebody .csc-frame-indent {
	padding-left: 100px;
}

#thebody .csc-frame-indent3366 {
	padding-left: 33%;
}

#thebody .csc-frame-indent6633 {
	padding-right: 33%;
}

#thebody .csc-frame-frame1 {
	background-color: #EDEBF1;
	padding: 2px 4px 2px 4px;
	border: 1px solid #666666;
}

#thebody .csc-frame-frame2 {
	background-color: #F5FFAA;
	padding: 2px 4px 2px 4px;
	border: 1px solid #666666;
}

#thebody .csc-frame-frame1 H1,
DIV.csc-frame-frame1 H2,
DIV.csc-frame-frame1 H3,
DIV.csc-frame-frame1 H4,
DIV.csc-frame-frame1 H5 {
	margin-top: 2px;
}

#thebody .csc-frame-frame2 H1,
DIV.csc-frame-frame2 H2,
DIV.csc-frame-frame2 H3,
DIV.csc-frame-frame2 H4,
DIV.csc-frame-frame2 H5 {
	margin-top: 2px;
}

p.csc-frame-frame3,
table.csc-frame-frame3 {
	background-color: #000000;
	padding: 2px 4px 2px 4px;
	border: 1px solid #333333;
	color: #FFFFFF;
}

#thebody .csc-form-label-req {
}

/* Left, center and right alignment of text in paragraphs and cells.*/
p.align-left,
h1.align-left,
h2.align-left,
h3.align-left,
h4.align-left,
h5.align-left,
h6.align-left,
td.align-left {
	text-align: left;
}

p.align-center,
h1.align-center,
h2.align-center,
h3.align-center,
h4.align-center,
h5.align-center,
h6.align-center,
td.align-center {
	text-align: center;
}

p.align-right,
h1.align-right,
h2.align-right,
h3.align-right,
h4.align-right,
h5.align-right,
h6.align-right,
td.align-right {
	text-align: right;
}

/* Two frame examples taken from the example CSS file of CSS Styled Content extension and applied to p and table block elements.*/
p.csc-frame-frame1,
table.csc-frame-frame1 {
	background-color: #EDEBF1;
	padding: 2px 4px 2px 4px;
	border: 1px solid #333333;
}

p.csc-frame-frame2,
table.csc-frame-frame2 {
	background-color: #F5FFAA;
	padding: 2px 4px 2px 4px;
	border: 1px solid #333333;
}

/* Bullet styles for unordered lists.*/
ul.component-items {
	color: #186900;
	list-style-type: circle;
}

ul.action-items {
	color: #8A0020;
	list-style-image: url(../../../../css/img/red_arrow_bullet.gif);
}

/* Numbering styles for ordered lists.*/
ol.component-items-ordered {
	color: #10007B;
	list-style-type: lower-roman;
}

ol.action-items-ordered {
	color: #8A0020;
	list-style-type: lower-greek;
}

/* Three inline text colors taken from the color scheme of CSS Styled Content extension.*/
span.important {
	color: #8A0020;
}

span.name-of-person {
	color: #10007B;
}

span.detail {
	color: #186900;
}

/* Selectors for the default configuration of the link accessibity feature.*/
a.external-link {
}

a.external-link-new-window {
}

a.internal-link {
}

a.internal-link-new-window {
}

a.download {
}

a.mail {
}

/**************************************************************************************************/
/*************************** Spezieller Seitentitel für den HCD ***********************************/
/* Normaler Titel */
div.page-title {
	height: 51px;
	background-image:url(../ext/pageheader/normal_bg.png);
}

/* Titel mit Unternavigation */
div.page-title-menu {
	height: 87px;
	background-image:url(../ext/pageheader/menu_bg.png);
}

div.page-title,
div.page-title-menu {
	width: 650px;
	margin: 0px;
	margin-bottom: 1.5em;
	padding: 0px;
}

div.page-title-menu * {
	font-size: 11px;
}

div.page-title h1,
div.page-title-menu h1 {
	padding: 8px 8px 0px 14px;
	border: none;
	font-size: 32px;
	color: #d2dce9;
}

div.page-title-menu ul.nav1,
div.page-title-menu ul.nav2,
div.page-title-menu ul.nav3,
div.page-title-menu ul.nav4 {
	list-style-type:none;
	margin-left: 12px;
	width: 400px;
	padding: 0px;
}

div.page-title-menu div.nav1,
div.page-title-menu div.nav2,
div.page-title-menu div.nav3,
div.page-title-menu div.nav4 {
	margin-bottom: 4px;
}

div.page-title-menu ul.nav1 li {
	display: inline;
	padding-left: 4px;
	padding-right: 4px;
}

div.page-title-menu ul.nav1 a,
div.page-title-menu ul.nav1 a:hover {
	background-color:transparent;
	color:#FFFFFF;
	font-size:0.9em;
	text-decoration:none;
	white-space:nowrap;
}

div.page-title-menu ul.nav1 a:hover {
	text-decoration:underline;
}

div.page-title-menu ul.nav1 .cur a,
div.page-title-menu ul.nav1 .cur a:hover {
	color:#FEDC00;
}

/**
 * Formatierung für Formulare 
 * Evtl. kann das Layout der Forms-Extension auch entsprechend angepasst werden...
 */
div.csc-mailform {
	margin-top: 2em;
	margin-bottom: 2em;
}

div.csc-mailform-field {
	clear: both;
	vertical-align:top;
	margin-top: 1em;
}

div.csc-mailform-field label {
	float: left;
	width: 160px;
}

div.csc-mailform-field .csc-mailform-input {
	float: left;
	margin-left: 16px;
	width: 440px;
}

textarea {
	font-family:Arial, Helvetica, sans-serif;
}

div.csc-mailform-field input,
div.csc-mailform-field textarea,
div.csc-mailform-field select {
	width: 241px;
	background-color:#cccccc;
	border: 1px solid black;
	padding: 2px;
	color: black;
}

div.csc-mailform-field select {
	width: 247px;
}

.tx-srfreecap-pi2-cant-read {
	display: block;
	color: white;
	margin-bottom: 0.5em;
}

.tx-srfreecap-pi2-cant-read a,
.tx-srfreecap-pi2-cant-read a:link {
	font-weight: normal;
	text-decoration:underline;
}

.tx-srfreecap-pi2-image {
	margin-left: 0px;
	margin-top: 0.5em;
	border: 1px solid black;
}

p.tx-srfeuserregister-pi1-error {
	color: #dd8800;
	margin-left: 4px;
	display: inline;
	/*white-space:nowrap;*/
}

div.csc-mailform-field.tx-srfeuserregister-pi1-submit {
	margin-top: 3em;
	padding-bottom: 1em;
}

.tx-srfeuserregister-pi1 legend {
	color: white;
	margin: 0px;
	margin-bottom: 1em;
	padding: 0px;
}

/**
 * Formularfelder für Newsletter-Kategorieren
 */
dl.tx-srfeuserregister-pi1-multiple-checkboxes dt dl.tx-srfeuserregister-pi1-multiple-checkboxes dt {
	width: 32px;
}

dl.tx-srfeuserregister-pi1-multiple-checkboxes dd {
	margin-right: 16px;
}

dl.tx-srfeuserregister-pi1-multiple-checkboxes dt,
dl.tx-srfeuserregister-pi1-multiple-checkboxes dd {
	margin-bottom: 0.5em;
	float: left;
}

dl.tx-srfeuserregister-pi1-multiple-checkboxes dt {
	clear: both;
}

dl.tx-srfeuserregister-pi1-multiple-checkboxes label,
dl.tx-srfeuserregister-pi1-multiple-checkboxes input {
	width: auto;
}

ul.tx-srfeuserregister-multiple-checkboxes {
	list-style:none;
	padding: 0;
	margin: 0.25em 0 0.25em 0;
}

ul.tx-srfeuserregister-multiple-checkboxes li {
	margin-left:0px;
	padding-left:0px;
	line-height: 20px;
	vertical-align: baseline;
}

ul.tx-srfeuserregister-multiple-checkboxes label {
	display: inline;
	float: none;
	width:auto;
}

div.csc-mailform-field.com-chkout-address div.csc-mailform-input {
	margin-left: 32px;
}
div.csc-mailform-field.com-chkout-address div.csc-mailform-input input {
	border: none;
	background: none;
}

input.tx-srfeuserregister-pi1-checkbox {
	width: 20px !important;
	border: none !important;
	background-color: transparent !important;
}

input.image-button-field {
	background: none !important;
	border: none !important;
	padding: 0 !important;
	width: 100px !important;
	height: 20px !important;
	line-height: 20px !important;
}

div.csc-mailform-field.main-adress {
	padding-top: 1.5em;
	margin-bottom: 1em;
}

div.csc-mailform-field.main-adress input {
	width: auto;
}

/*********************
 * Allgemeine Box f�r Formulare
 * Diese Box wird unter umst�nden in ein eigenes CSS verfrachtet...
 *
 * @author Reto Zahner
 *********************/
 
/* */
div.box-layout {
	width: 650px;
	margin-bottom: 8px;
}

div.box-layout div.box-top {
	height: 11px;
	line-height: 11px;
	background-image: url("/fileadmin/templates/hcd/img/box-layout/product_bg_top1.png");
	background-repeat: no-repeat;
	background-position: top;
}

div.box-layout div.box-bottom {
	height: 11px;
	line-height: 11px;
	background-image: url("/fileadmin/templates/hcd/img/box-layout/product_bg_bottom1.png");
	background-repeat: no-repeat;
	background-position: top;
}

div.box-layout div.box-middle-top {
	background-image: url("/fileadmin/templates/hcd/img/box-layout/product_bg_top2.jpg");
	background-repeat: no-repeat;
	background-position: top;
}

div.box-layout div.box-middle-bottom {
	background-image: url("/fileadmin/templates/hcd/img/box-layout/product_bg_bottom2.jpg");
	background-repeat: no-repeat;
	background-position: bottom;
}

div.box-layout div.box-content {
	margin: 0px 16px;
}

div.box-layout div.clearer {
	clear: both;
	line-height: 1px;
}

ul.box-layout-unordered-list {
	margin-top:20px;
}

li.box-layout-unordered-list-elements {
	margin-top:10px;
	margin-bottom:10px;
}

input.box-layout-button-normal {
	background-color:#CCCCCC;
	border:1px solid black;
	color:black;
	padding:2px;
	width:120px !important;
}

/*********************
 * Tabellen
 * -------------------
 * Definition des Layouts der Tabellen im Layoutbereich
 *
 * @author Reto Zahner
 *********************/
 table {
	/*table-layout:fixed;*/
	empty-cells: show;
	border-spacing: 0px;
	border-collapse:collapse;
}

td,
th {
	font-size: inherit;
	color: #FFFFFF;
}

table.contenttable {
	border: none;
}

table.contenttable tr {
	background-image:url(../img/line1.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}

table.contenttable tr th,
table.contenttable tr td {
	border:none;
	padding: 0.5em 0 0.5em 0;
}

/* Layout: Preisliste (3-Spalten) */
table.contenttable-100 td.td-0 {
	width: 540px;
}

table.contenttable-100 td.td-1 {
	width: 22px;
}

table.contenttable-100 td.td-2 {
	width: 55px;
	text-align: right;
}

/*********************
 * Suchresultat
 * -------------------
 * Definition des Layouts der Tabellen im Layoutbereich
 *
 * @author Reto Zahner
 *********************/
 
 h2.searchResultTitle {
 	font-size: 1em;
 }
 
div.tx-indexedsearch-whatis,
div.tx-indexedsearch-res {
	margin-top: 1em;
	margin-bottom: 1em;
}

div.tx-indexedsearch-res {
	margin-top: 1.5em;
}

strong.tx-indexedsearch-redMarkup {
	color: #000000;
	background-color:#FFFF00;
}

td.tx-indexedsearch-title.title {
	font-size: 1.2em;
	font-weight: bold;
}

div.tx-indexedsearch-secHead {
	/*background-image:url(../img/line.gif);
	background-position:bottom right;
	background-repeat:no-repeat;*/
}
.checkbox-resume-isnotchecked {
	margin-top: 5px;
}
/*********************
 * No Flash, NO JavaScript Warnings
 * -------------------
 * Styles der "No components" Meldungen.
 *
 * @author Nico Previtali
 *********************/
.noscript,.noflash {
	color:black;
	text-align:center;
	background-color: #FFFFFF;
	width: 99%;
	padding: 5px;
	border: 2px solid red;
	margin-top: 1px;
}

.powermail_radio {
	position:relative;
	left:5px;
	border:0px solid red !important;
	background-color:transparent !important;	
}

div.csc-mailform-field  input.tx-srfeuserregister-pi1-radio {
	width: 32px !important;
	float: left;
	background: none;
	border: none;
}