/*
##-----------------------------------------------------------------------------
##  Resource:      /apps/fiduciade/docroot/fiduciade/css/content.css
##  Beschreibung: Formatierungen fuer HTML im Contentbereich 
##  History:
##	  19.11.2007,sth : Ergaenzungen wegen Ausblendung des neuen Service-Ordners
##    05.12.2007,sth : Ergaezungen fuer paragraphsystem-Template
##-----------------------------------------------------------------------------
*/


body
{
	background: #ffffff;
	margin: 0;
	padding: 0;
}

body *
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

br.clear
{
	clear: both;	
}

br.dispNone
{
	display: none;	
}

a
{
	color: #0063B1;	
}

a:hover
{
	text-decoration: underline;
}

a img
{
	border: none;	
}

p
{
	clear: both;
	margin: 0;
	padding: 0 0 14px 0;
}

h1
{
	font-size: 14px;
	margin: 0;
	padding: 0;
}
div#content h2.formheadline 
{
	font-size:14px;
	line-height:18px;
	color:#FFFFFF;
}

div#content div.article h1,
div#document.home h1
{
	font-size: 16px
}

h2, h3
{
	padding: 0;
	margin: 0;	
}

*.padTop
{
	padding-top: 14px !important;
	display: block;
}

td.padTop
{
	display: table-cell;
}

*.uppercase
{
	text-transform: uppercase;	
}

ul
{
     padding-left: 15px;
     padding-bottom: 14px;
     margin: 0;
}

ul.linklist li
{
	padding: 0 0 14px 0;
}

ul.linklist li span.text
{
	padding-left: 15px;
	display: block;
}

div#content span.link,
div#crossNav span.link
{
	padding: 0 0 0 15px;
	display: block;
}

ul.linklist span.link a,
div#content span.link a,
div#crossNav span.link a
{
	display: block;
}

* html ul.linklist span.link a,
* html div#content span.link a,
* html div#crossNav span.link a
{
	float: none;
	display: block;
}
* html span.link
{
	height: 0;
}


ul.linklist p
{
	margin: 0 !important;
}



div#document
{
	width: 960px;
}


div#header
{
	height: 113px;
	border-bottom: 1px solid #ffffff;
}

div#logo
{
	float: left;
	position: relative;
	top: 30px;
	left: 26px;
}

div#logo a
{
	display: block;
}

div#logo img
{
	visibility: hidden;	
}

div#document.home div#body,
div#document.sitemap div#body
{
	margin-left: 10px;
}

div#mainNav
{
	height: 24px;
	padding-left: 204px;
	padding-top: 13px;
}

div#sectionNav
{
	width: 194px;
	padding: 7px 10px 0 0;
	float: left;
	min-height: 200px;
}

* html div#sectionNav
{
	height: 200px;
}

div#document.home div#sectionNav
{
	display: none;
}


div#crossNav
{
	float: right;
	width: 204px;
}

div#crossNav div.portlet
{
	padding: 10px 0 1px 0;
}

div#crossNav h2
{
	padding: 4px 11px 4px 11px;
	margin: 0 0 11px 0;
}

div#crossNav ul,
div#crossNav p,
div#crossNav h3
{
	margin: 0;
	padding: 0 9px 14px 11px;
}

div#crossNav ul
{
	padding: 0;
}

div#crossNav p.indent
{
	padding-left: 26px;
}

div#crossNav span.link
{
	margin: 0 9px 0 11px;	
}

div#crossNav p span.link
{
	margin: 0;	
}

div#crossNav img
{
	margin: 0 9px 13px 11px;
}

div#search
{
	float: left;
	width: 193px;
	padding-left: 11px;
}



div#keyVisual,div#keyvisualhome
{
	margin: 10px 0 20px 0;
}

div#keyVisual img
{
	border: 1px solid #D4DEE3;
	display: block;
}

div#footer
{
	clear: both;
	width: 	522px;
	margin-top: 20px;
}

div#document.home div#footer,
div#document.sitemap div#footer
{
	width: 718px;
}

div#content
{
	float: left;
	padding: 0 0 0 14px;
	/*width: 524px;*/
	
}


/*
div#document.search div#content,
div#document.noNav div#content
{
	padding-left: 215px;
}
*/



div#content div.portlet
{
	/*margin-top:20px !important;*/
	width: 524px;
} 

div#content div.marginTop
{
	margin-top: 20px;
}

div#content div.content h1, h2.formheadline
{
	padding: 4px 11px 4px 11px;
	margin: 0 0 14px 0;
	color: #ffffff;
}

div#document.home div#content div.content h1,
div#document.home div#content div.content h2,
div#document div#content div.article div.content h1,
div#document div#content div.article div.content h2
{
	background: none;
	margin: 0;
	padding: 0 0 14px 0;
	color: #000000;
}

div#document.home div#content div.content p
{
	margin: 0 !important;
	padding: 0 !important;
}

div#document.home div#content div.content div.homeTeaser
{
	padding: 0 0 14px 0;
}

div#document div#content div.article div.content h2
{
	padding: 6px 0 22px 0;
}


div#content div.linklist ul,
div#content div.linklist p,
div#content div.linklist span.link,
div#content div.border ul,
div#content div.border p,
div#content div.border span.link,
div#content div.bgColor ul,
div#content div.bgColor p,
div#content div.bgColor span.link
{
	margin: 0px 10px 14px 11px;
}

div#content ul#searchlist span.link
{
	margin: 0px 10px 14px 0px;
}

div#content div.linklist ul.linklist span.link,
div#content div.border ul.linklist span.link,
div#content div.bgColor ul.linklist span.link
{
	margin: 0;
}

div#content div.linklist img,
div#content div.border img,
div#content div.bgColor img
{
	margin: 0 10px 0 11px;
}


div#document.home div#content div.portlet
{
	float: left;
	margin: 9px 14px 0 0;
	width: 352px;
} 

* html div#document.home div#content div.portlet
{
	padding: 9px 14px 0 0;
	margin: 0;
} 


div#document.home div#content div.portlet div.content
{
	width: 327px;
	height: 239px;
	padding: 10px 10px 10px 13px;
	overflow: hidden;
}

div#document.sitemap div#content div.portlet
{
	width: 718px;
}

/*div#content h2
{
	margin: 0;
	padding: 16px 0 0 0;
}*/

div#content div.linklist h2,
div#content div.border h2,
div#content div.bgColor h2
{
	padding: 0 0 20px 11px !important;
}

div#content div.portlet p.indent
{
	padding-left: 11px;
}





/* IMAGE-LIST / DOWNLOAD-LIST */
ul.imagelist
{
	padding: 0 0 10px 0 !important;
	margin: 0 !important;
}

ul.download
{
	margin: 0 0 10px 0 !important;
	padding: 0 !important;
}

ul.imagelist li
{
	float: none !important;
	margin: 0 !important;
	padding: 14px 0 0 0 !important;
}

* html ul.imagelist li
{
	padding: 8px 0 0 0 !important;
}

ul.imagelist li.first
{
	padding: 0 0 0 0 !important;
}

ul.download li
{
	padding-bottom: 10px !important;
	padding-top: 14px !important;
}

* html ul.download li
{
	padding-bottom: 6px !important;
}

ul.download li.first
{
	border-top: 1px solid #ffffff;
	padding-top: 0 !important;
	padding-bottom: 14px !important;
}

* html ul.download li.first
{
	padding-bottom: 10px !important;
}

ul.download li.editVisible
{
	display: none;
}


ul.download li img,
div#document.home div.portlet img
{
	padding: 0 !important;
	background: none !important;
}

ul.imagelist h3
{
	padding-bottom: 28px;
}

ul.download h3
{
	padding: 0 10px 28px 0;
}


ul.imagelist p,
ul.download p
{
	margin: 0 !important;
	padding: 0 !important;
}

ul.imagelist div.img
{
	float: left;
	width: auto;
	width: 136px;
	padding: 0;
	min-height: 50px;
}

* html ul.imagelist div.img
{
	height: 50px;
}

ul.download div.img
{
	float: left;
	width: 214px;
	text-align: center;
}

ul.imagelist div.descrContainer
{
	float: left;
	width: 60%;
	min-height: 50px;
}

* html ul.imagelist div.descrContainer
{
	height: 50px;
}

ul.download div.descrContainer
{
	width: 184px;
	padding-right: 10px;
}

ul.download div.description
{
	margin: 0;	
}

ul.imagelist div.downloadLink
{
	display: none;
}

ul.download div.downloadLink
{
	display: block;
	float: left;
	width: 104px;
	padding: 0 10px 0 0;
}

ul.download div.downloadLink br
{
	display: none;
}

ul.imagelist div.img img
{
	padding: 0;
	margin: 0;
}

ul.download div.downloadLink span.link
{
	margin: 0 !important;
}



/* T A B L E S */
div.tablePortlet h1
{
	margin-bottom: 0 !important;
}

table.data
{
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 24px;
}

table.fixedCols
{
	table-layout: fixed;	
}

table.th.center,
table.td.center
{
	text-align: center;
}

table th.right,
table td.right
{
	text-align: right;
}

table.data th,
table.data td
{
	text-align: left;
	padding: 3px 11px 3px 11px;
}


div#mainNav:after,
div#body:after,
ul.nav:after,
form#login:after,
ul.imagelist li:after,
table.formTable td:after,
div#printHeader:after,
div#printFooter:after
{
	content: "."; 
	display: block; 
	height: 0px; 
	clear: both; 
	visibility: hidden;
}

div#mainNav,
div#body,
ul.nav,
form#login,
ul.imagelist li,
div#printHeader,
div#printFooter
{
	display: inline-table;
}

div#printHeader,
div#printBreadcrumb,
div#printFooter
{
	display: none;	
}

/* hides from IE mac \*/
* html div#mainNav,
* html div#body,
* html ul.nav,
* html form#login,
* html table.formTable td,
* html ul.imagelist li,
* html div#printHeader,
* html div#printFooter
{
	height: 0%;
}

div#mainNav,
div#body,
ul.nav,
form#login,
ul.imagelist li
{
	display: block;
}
/* end hide from IE-mac */


/* EDIT MODE */

body.editMode div#document
{
	width: 1200px;
}

body.editMode div#document div#crossNav
{
	float: left;
}

body.editMode div#document div table img
{
	background: none !important;
	padding: 0 !important;
	margin: 0!important;
	display: none;
}

body.editMode div#document div table a img
{
	display: inline;
}

body.editMode table.data
{
	border-collapse: collapse;
	border: none !important;
	width: 100% !important;
}

body.editMode div#document div table td
{
	padding: 4px 0 0 0 !important;
	margin: 0 !important;
	background-image: none !important;
}

body.editMode div#document table.data th,
body.editMode div#document table.data td
{
	text-align: left;
	padding: 3px 11px 3px 11px !important;
}

body.editMode div#document div table td br
{
	display: none;
}

body.editMode div#document.home div#content div.portlet div.content
{
	height: auto;
	overflow: visible;
}

body.editMode div#document div#crossNav
{
	padding-left: 14px;
}

body.editMode ul.download li.editVisible
{
	display: block;
}


/*08.12.07 ces added classes for GenericFormular START */
#content div.formgeneric div.formtext {margin-bottom:5px;}

/*08.12.07 ces added classes for GenericFormular END */
#content div.formgeneric div.margin {margin-bottom:3px;}


/* Generische Formulare */
#content .formgeneric { font-size:12px; margin:0px 0px 0px 0px;}

.formgeneric .block_textfield {margin-bottom:5px; margin-right:5px;}
.formgeneric .horizontal {float:left}
.formgeneric .clearfloat {clear:both;}
.formgeneric .errors {color:#ff0000; font-style:italic; margin-left:20px;}
.formgeneric .addnotes {font-style:italic; margin-left:286px;}
.formgeneric .errorsshort {color:#ff0000; font-style:italic; margin-left:286px;}
.formgeneric .addnotesshort {font-style:italic; margin-left:286px;}

.formgeneric .block_textareafield {margin-bottom:5px;}
.formgeneric .block_textareafield .horizontal {float:left}

.formgeneric .block_textareafield .fieldvalue {display:block; float:none;}

.formgeneric .block_selectfield {margin-bottom:5px;}
.formgeneric .block_selectfield .horizontal {float:left}
.formgeneric .block_selectfield option {font-size:11px;}

.formgeneric .block_checkboxfield {display:block; margin-bottom:5px;}
.formgeneric .block_checkboxfield .options {display:table; width: 240px;}
.formgeneric .block_checkboxfield .horizontal {margin-bottom:5px; float:left;}
.formgeneric .block_checkboxfield checkbox {font-size:11px;}
.formgeneric .block_checkboxfield label {font-weight:bold; margin-right:10px;}
.formgeneric .block_checkboxfield .options label {font-weight:normal; margin-right:10px;}

.formgeneric .block_radiofield {display:block; margin-bottom:5px;}
.formgeneric .block_radiofield .options {display:table; width: 240px;}
.formgeneric .block_radiofield .horizontal {margin-bottom:5px; float:left}
.formgeneric .block_radiofield radio {font-size:11px;}
.formgeneric .block_radiofield label {font-weight:bold; margin-right:10px;}
.formgeneric .block_radiofield .options label {font-weight:normal; margin-right:10px;}

.fieldlabel {width:261px; float:left; padding:5px 0px 0px 20px;}
.fieldlabelshort {width:50px; float:left;}
.fieldlabel label {font-size:12px; margin-right:10px;}
.fieldlabelshort label {font-size:12px; margin-right:10px;}

.formgeneric .reset {}
.formgeneric .pagenext {margin-left:10px;}
.formgeneric .pageprevious {margin-left:10px;}
.formgeneric .pageprint {margin-left:10px;}
.formgeneric .pagepreview {margin-left:10px;}
.formgeneric .pagesubmit {margin-left:10px;}

.formgeneric .previewvalue {float:left; /*margin-left:281px;*/ margin-right:40px; padding-top:5px}
/* Ende Generische Formulare */


/* formatierung der flash-Komponente, author:sth */

.flashItem {
   margin-top:10px;
}

/* formatierung der sitemap, author:sth */

div.sitemaph1{padding-top:18px; }

div#sitemap span.link {background:none;}

#sitemap .level1 {padding: 4px 0 4px 5px; background-color:#99C0E0; font-weight:bold; font-size:12px; line-height:1em;}

#sitemap .level2 {border-top:1px solid #99C0E0;}

#sitemap .level2 .icon {display:block; padding: 3px 5px 0 5px; float:left;}

#sitemap .level2 .link {display:block; padding: 4px 0 2px 0; font-size:12px; line-height:1em; background-color:#cce0ef;}

#sitemap .level3 {border-top:1px solid #99C0E0;}

#sitemap .level3 .icon {display:block; padding: 0px 5px 0 17px; float:left;}

#sitemap .level3 .link {display:block; padding: 3px 0 0px 0; font-size:12px; line-height:1em; background-color:#E5EFF7;}

#sitemap span.navtree {float:left; width:225px; margin-top:20px; padding:0px 20px 5px 5px;}

#sitemap .level3 .link a, #sitemap .level2 .link a {
  padding-left:0px;
	color:#000000;
}

#sitemap .icon a img {
		padding-right:1px;
}

#sitemap .level2 .icon a img, #sitemap .level3 .icon img {
	 vertical-align:middle;
}

/* formatierung der Paragraphensystem-Komponenten und externalcontent, author:sth */
div.paragraphComponent, div.externalcontent {
	padding:6px 0pt 22px;
}