/********************************************************************************************************
	created by:		NewMedia http://www.newmedia.ch
	project:		newmedia.ch
	date:			Februar/2009, Marianne Luck
	version:		4.1
	file:			content.css
	function:		content-style  
********************************************************************************************************/

/*--------------------------------
 csc Content 
--------------------------------*/
td 
{
	font-size:10px;
	line-height: 17px;
}

p, p.bodytext, span
{
	line-height: 1.8em;
	font-size:1.0em;	
	margin:0px;
	padding:0px;
	font-weight:normal;
	margin-bottom:1.2em;
}


strong, b
{
	line-height: 1.8em;
	font-size:1.0em;	
	margin-bottom: 1.2em;
	padding:0px;
}

h1 
{
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.8em;
	margin-bottom: 1em;
	padding:0px;
	color:#000000;
}

h2 
{
	font-size: 1.0em;
	font-weight: bold;
	line-height: 1.8em;
	margin-bottom: 1.0em;
	padding:0px;
	color:#720C68;
}

h3 
{
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.8em;
	margin-bottom: 0.5em;
	padding:0px;
	color:#000000;
}

h4 
{
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.8em;
	margin-bottom: 0.5em;
	padding:0px;
	color:#720C68;
}
#content ul
{
	margin-bottom:1.0em;
	margin-left:15px;
}

#content ol
{
	margin-bottom:1.0em;
	margin-left:22px;
}
#content li
{
	line-height: 1.8em;
	font-size:1.0em;	
	padding:0px;
	list-style:square;
	color:#000000;
}

hr 
{
	background-color: #000000; 	/* Mozilla 1.4 */
	color: #000000; 			/* IE 6 */
	border: #000000; 			/* Opera 7.11 */
	height: 1px; 				/* in Opera fuer die Anzeige noetig, in Mozilla fuer die einheitliche Hoehe */
	margin:0px;
	padding:0px;
}

pre 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	line-height: 1.4em;
}	

a			{ color: #720c68; line-height:1.8em;}
a:link 		{ color: #720c68; }
a:visited   { color: #720c68; }
a:hover 	{ color: #720c68; }
a:active	{ color: #720c68; }
a:focus 	{ color: #720c68; }		


#content img
{
	border:1px solid black;
}
/*FORMULAR  ----------------------------------------------*/
select
{
	width:230px;
}

.checkbox
{
	height:20px;
}
.checkbox input
{
	margin-right:5px;
	line-height:20px;
}	
/*REFERENZEN */
.tx_nwrefernzen_pi1_submit
{
	width:115px;
	border:1px solid black;
	background-color:black;
	color:#FFFFFF;
	height:20px;
}

.tx_nwrefernzen_pi1_selectbox
{
	margin-bottom:10px;
}


/*SITEMAP  ----------------------------------------------*/
.csc-sitemap ul {
	margin-bottom:0px;
	padding-bottom:0px;
}

.csc-sitemap ul li
{
	margin-bottom:0px;
	padding-bottom:0px;
	font-weight:bold;	
}

.csc-sitemap ul li ul li
{
	margin-bottom:0px;
	padding-bottom:0px;
	font-weight:normal;	
}

/* HINTERGRUENDE --------------------------------------*/

/* EINSPALTIG */
.dunkel_1_links, .tx-nwrefernzen-pi1
{
	background-image:url(../html/img/content_backgrounds/dunkel_1_links.jpg);
	background-repeat:repeat-y;
}

.dunkel_1_links_mitte
{
	background-image:url(../html/img/content_backgrounds/dunkel_1_links_mitte.jpg);
	background-repeat:repeat-y;
}

.dunkel_1_rechts_mitte
{
	background-image:url(../html/img/content_backgrounds/dunkel_1_rechts_mitte.jpg);
	background-repeat:repeat-y;
}

.dunkel_1_rechts
{
	background-image:url(../html/img/content_backgrounds/dunkel_1_rechts.jpg);
	background-repeat:repeat-y;
}

/* ZWEISPALTIG */
.dunkel_2_links
{
	background-image:url(../html/img/content_backgrounds/dunkel_2_links.jpg);
	background-repeat:repeat-y;
}

.dunkel_2_rechts
{
	background-image:url(../html/img/content_backgrounds/dunkel_2_rechts.jpg);
	background-repeat:repeat-y;
}

.dunkel_2_links_rechts
{
	background-image:url(../html/img/content_backgrounds/dunkel_2_links_rechts.jpg);
	background-repeat:repeat-y;
}

.dunkel_2_links_links_mitte_rechts
{
	background-image:url(../html/img/content_backgrounds/dunkel_2_links_links_mitte_rechts.jpg);
	background-repeat:repeat-y;
}

/* TEASER --------------------------------------*/

.teaser_box
{
	padding-bottom:20px;
	margin-bottom:20px;
}

.image_right .teaser_txt
{
	text-align:right;

}

.teaser_img
{
	float:left;
	width:230px;

}

.image_left .teaser_img
{
	width:250px;

}

.teaser_txt
{
	float:left;
	width:230px;
}

.content_750 .teaser_txt
{
	width:460px;
}

.teaser_txt h2, .teaser_txt p
{
	font-size: 1.0em;
	margin-bottom: 0px;	
	padding-bottom:0px;
}
.image_left, .image_right, .image_top  
{
	border-bottom:1px solid black;
}

.image_right .teaser_img
{
	float:right;
	text-align:right;
}

.image_top .teaser_img
{
	margin-bottom:10px;
}


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

.tx-indexedsearch-searchbox
{
	padding:10px;
	border:1px solid #000000;
	height:80px;
	background-color:#ffffff;
	
}
.tx-indexedsearch-res
{
	width:690px;
}
.tx-indexedsearch-searchbox p
{
	margin-left:85px;
}

.tx-indexedsearch-searchbox label
{
	font-weight:bold;
}

/*sendebutton*/	   
.csc-form-fieldcell .mf-submit,
.tx-indexedsearch-searchbox-button {
	width:140px;;
	height:20px;
	border: 1px solid #333333;
	font-size: 11px;
	text-align: center;
	vertical-align: top;
	padding-bottom:2px;
	margin:8px 0 2px 0;
	background-color:black;
	color:white;
	margin-bottom:10px;
	margin-left:10px;
}

/*eingabefelder*/
  .csc-form-fieldcell .mf-input,
.tx-indexedsearch-searchbox-sword {
	background-color: #ffffff;
	height: 18px;
	width:135px;
	border: 1px solid #ADB0A5;
	padding-left:4px;
	margin-left:10px;
}

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

/*******************************************************/
/* 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 {
	font-weight:bold;
}

span.name-of-person {
	color: #720c68;	
}

span.detail {
	color: #720c68;
}

/* 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;
	font-size:1.0em;
	margin-bottom: 0.5em;
}

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

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

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/line.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: #ffffff;
	background-color:#730C68;
}

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

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

.csc-textpic-image 
{
	padding-bottom:10px;
	width:250px;
}

.csc-textpic-caption
{
	line-height:1.8em;
	font-style:italic;
}

.csc-textpic-intext-left-nowrap
{

}

.csc-textpic-imagewrap 
{
	margin-right:10px;
	float:left;
	width:230px;
}	

.csc-textpic-text
{
	float:left;
}	

#content .tx-indexedsearch-icon img
{
	border:none;
}