/* CSS Document */

/***
	Object:			FIDES
	Version:			1.0
	Author:			andre.ceres@crealogix.com
	Date:				10. Juli 2007
	Last Update:	26. Juli 2007
***/

/* ///// HTML */ 
html {
	height: 100%;
}

/* ///// BODY */
body { 
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-family: Arial, Helvetica;
	background: #dde4e9 url(../img/blau_weiss_verlauf.jpg) repeat-x;
}

ul {
  list-style-type: square;
}

img {
	border: 0px;
}

h1 { 
	margin-top: 0px;
	font-size: 18px;
	color: #5183ab;
	font-weight: normal;	
	text-align: left;
}

h2 {
	margin-top: 0px;
	font-size: 1em;
	color: #5183ab;	
	font-weight: bold;
}

fieldset {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

* html p { /* IE 6 */
	margin-top: 1px;
}
* + html p { /* IE 7 */
	margin-top: 1px;
}
p {
	margin-top: 0px;
}

a:active { 
	color: #0b2153;
	font-weight: normal;
}
a:hover { 
	color: #FFFFFF;
	text-decoration: none;
}

div#template {
	min-height: 100%;
	margin: 0 0 0 10px;
	padding: 0;
	width: 840px;
	border-left: 1px solid #B2ADA9;
	border-right: 1px solid #B2ADA9;
	background: url(../img/bg_viewport.gif) repeat-y top left;
	
}
* html div#template { /* IE6 */
	height: 100%;
}

div#pageTop {
	position: relative;
	margin: 0 -1px 0 -1px;
	padding: 0;
	height: 12px;
	background: url(../img/bg_page_top_840.jpg) no-repeat top left;
	/*overflow: hidden;*/
}
/*
* html div#pageTop {
	margin: 0 -12px 0 -1px;
}
*/
div#page {
	margin: 0 0 0 10px;
	padding: 0;
	width: 840px;
	border-left: 1px solid #B2ADA9;
	border-right: 1px solid #B2ADA9;	
	background: #ffffff url(../img/bg_SubNav.gif) 8px 0 repeat-y;
	overflow: visible; /* vorher: hidden */
	height: 100%;
	display: table;
}
* html div#page { /* IE6 */
	height: 100%;
	/*overflow: visible;*/
}
* + html div#page { /* IE7 */
	height: auto;
	min-height: 100%;
}

/* ///// LOGO */ 
div#logo {
	float: left;
	margin: 0px 0px -26px 8px;
	padding: 0px 0px 0px 0px;
}
* html div#logo { /* IE 6 */
	margin-left: 4px;
	margin-top: -2px;
}

/* ///// META NAVIGATION */ 
div#metaNav {
	float: right;
	margin: 11px 0 0 0;
	padding: 0 0 0 0;
	width: 400px;
}
div#metaNav UL {
	float: right;
	margin: 0;
	padding: 0 0 1px 0;
	list-style: none;
	list-style-type: none;
	line-height: 11px;
}
div#metaNav LI {
	display: block;
	float: right;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
	list-style-type: none;
	white-space: nowrap;
}
div#metaNav LI a {
	/*color: #00529C;*/
	color: #5183ab;
	background: none;
	text-decoration: none;
}
div#metaNav LI a.hover {
	color: #00529C;
	background: none;
	text-decoration: none;
}


div#metaNav LI.VerticalLineFirst {
	border-left: 1px solid #00529C;
	padding-left: 8px;
	padding-right: 8px;
}
* + html div#metaNav LI.VerticalLineFirst { /* IE7 */
	padding-left: 8px;
	padding-right: 8px;
}
div#metaNav LI.VerticalLine {
	border-left: 1px solid #00529C;
	padding: 0 8px 0 8px;
}
* html div#metaNav LI.VerticalLine { /* IE6 */
	border-left: 1px solid #00529C;
	padding: 0 8px 0 8px;
}
div#metaNav LI.VerticalLineLast {
	padding-right: 8px;
}
* html div#metaNav LI.VerticalLineLast { /* IE6 */
	padding-right: 8px;
}

div#metaNav LI.navSelector a {
	color: #5183ab;
	text-decoration: none;
}

div#metaNav LI.navSelector a:hover{
	color: #073d7f;
}


/* ///// LINK */ 
div#metaLink {
	float: right;
	margin: 0 0 0 0;
	padding: 0 14px 0 0;
	width: 824px;
	text-align: right;
}
/*
* html div#metaLink {*/ /* IE6 */
	/*padding: 0 20px 0 0;*/
/*}*/
div#metaLink a {
	color: #00529C;
	text-decoration: none;
}
div#metaLink a:hover {
	color: #00529C;
	text-decoration: none;
}

/* ///// MAIN NAVIGATION */
 
/* ///// MAIN NAVIGATION LEFT */ 
div#mainNavL {
	background-color: #073d7f;
	height: 32px;
	float: left;
	width: 238px;
	margin: 22px 0 0 8px;
	padding: 0 0 0 0;
}
* html div#mainNavL { /* IE6 */
	margin: 8px 0 0 4px;
}
* + html div#mainNavL { /* IE7 */
	margin: 8px 0 0 8px;
}

div#mainNavL UL {
	margin: 0 0 0 0;
	padding: 11px 0 0 0;
	float: left;
	list-style: none;
	list-style-type: none;
	line-height: 11px;
	height: 30px;
}
* html div#mainNavL UL { /* IE6 */
	padding: 12px 0 0 0;
}
* + html div#mainNavL UL { /* IE7 */
	padding: 12px 0 0 0;
}
div#mainNavL LI {
	display: block;
	float: left;
	white-space: nowrap;
	margin: 0 0 0 0;
	padding: 0 0 0 19px;
}
div#mainNavL LI a {
	color: #FFFFFF;
	text-decoration: none;
}
div#mainNavL LI a:hover {
	color: white;
	text-decoration: none;
}
div#mainNavL LI a:active {
	color: white;
	font-weight: normal;
	text-decoration: none;
}
div#mainNavL LI:last-child {
	border-right: 0;
}
div#mainNavL LI:first-child {
	padding-left: 14px;
}

/* ///// MAIN NAVIGATION RIGHT */ 
div#mainNavR {
	background-color: #073d7f;
	height: 32px;
	float: left;
	width: 586px;
	margin: 22px 0 0 0;
	padding: 0 0 0 0;
}
* html div#mainNavR { /* IE6 */
	margin-top: 8px;
	margin-bottom: -1px;
}
* + html div#mainNavR { /* IE7 */
	margin-top: 8px;
	margin-bottom: -1px;
}
div#mainNavR UL {
	margin: 0 0 0 0;
	padding: 11px 0 0 0;
	float: right;
	list-style: none;
	list-style-type: none;
	line-height: 11px;
	height: 30px;
}
* html div#mainNavR UL { /* IE6 */
	padding-top: 12px;
}
* + html div#mainNavR UL { /* IE7 */
	padding-top: 12px;
}
div#mainNavR LI {
	display: block;
	float: left;
	white-space: nowrap;
	margin: 0;
	padding: 0;
}
div#mainNavR LI .VerticalLineFirst {
	border-right: 1px solid #FFFFFF;
	padding-left: 8px;
	padding-right: 8px;
}
div#mainNavR LI .VerticalLine {
	border-right: 1px solid #FFFFFF;
	padding: 0 8px 0 8px;
}
div#mainNavR LI .VerticalLineLast {
	padding-left: 8px;
	padding-right: 16px;
}
div#mainNavR LI a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
}
div#mainNavR LI a:hover {
	color: white;
	text-decoration: none;
}
div#mainNavR LI a:active {
	color: white;
	font-weight: normal;
	text-decoration: none;
}

/* ///// SUB NAVIGATION AREA */
div#subNavArea {
	margin: 0 0 0 8px;
	padding: 64px 0 0 0;
	width: 238px;
	float: left;
	background-color: #DCE6EE;
}
* html div#subNavArea { /* IE6 */
	margin-left: 4px;
}

div#subNavArea  h1 {
	font-size: 14px;
	font-weight: bold;
	margin-left: 24px;
}

div#subNavArea UL {
	margin: 0 0 0 0;
	padding: 0 17px 0 14px;
	list-style: none;
	list-style-type: none;
}
div#subNavArea LI {
	display: block;
	border-top: 1px solid #FFFFFF;
	margin: 0 0 0 0;
	padding: 4px 17px 3px 12px;
}
div#subNavArea LI.Main {
	display: block;
	border-top: none;
	margin: 0 0 0 0;
	padding: 10px 17px 12px 0px;
}
div#subNavArea LI.SecondLevel {
	display: block;
	border-top: 1px solid #FFFFFF;
	margin: 0 0 0 0;
	padding: 4px 17px 3px 24px;
}
div#subNavArea LI.ThirdLevel {
	display: block;
	border-top: 1px solid #FFFFFF;
	margin: 0 0 0 0;
	padding: 4px 17px 3px 36px;
}
div#subNavArea LI:last-child {
	border-bottom: 0px;
}
div#subNavArea LI a {
	color: #00529C;
	text-decoration: none;
}
div#subNavArea LI a:hover {
	color: #00529C;
	font-weight: bold;
	text-decoration: none;
}
div#subNavArea LI a:active {
	color: #00529C;
	font-weight: bold;
	text-decoration: none;
}

/* ///// CONTENT AREA */
div#contentArea {
	margin: 0px;
	padding: 16px 64px 20px 20px;
	width: 503px;
	height: 100%;
	float: left;
	min-height: 100%;
	text-align: justify;
	/*overflow: visible;*/
}

div#contentArea TABLE {
	margin: 0;
	padding: 0;
	border: 0px solid #CCCCCC;
	
	/*
	width: 546px;
	margin-left: 20px;
	margin-right: 20px;
	*/
	border-collapse: collapse;
}

div#contentArea TABLE h1, 
div#contentArea TABLE h2, 
div#contentArea TABLE h3 {
	padding-left: 0px;
}

div#contentArea TD {
	border: 0px solid #CCCCCC;
	vertical-align: top;
}
div#contentArea TD.pict-right {
	text-align: right;
}
div#contentArea TR {
	border: 0px solid #CCCCCC;
}

div#contentArea IMG {
	/*border: 1px solid #8FCBD0;*/
	border: 0px;
}

div#contentArea a {
	color: #00529C;
	text-decoration: none;
}

div#contentArea a:hover {
	color: #00529C;
	text-decoration: none;
}

div#contentArea IMG.WithoutBorderLine {
	border: 0;
}
/* Sitemap-Gestaltung */
div#contentArea .sitemapLevel2 {
	padding: 0 0 0 10px;
}
div#contentArea .sitemapLevel3 {
	padding: 0 0 0 30px;
}
div#contentArea .sitemapLevel4 {
	padding: 0 0 0 50px;
}
div#contentArea .sitemapLevel2 a:hover {
	font-weight: bold;
}
div#contentArea .sitemapLevel3 a:hover {
	font-weight: bold;
}
div#contentArea .sitemapLevel4 a:hover {
	font-weight: bold;
}

/* ///// MOONFISH AREA */ 
div#moonfishArea {
	float: left;
	margin: 0 0 0 8px;
	padding: 0 0 0 0;
	height: 126px;
}
* html div#moonfishArea { /* IE6 */
	margin-left: 4px;
	margin-top: -9px;
}

div#moonfishArea TABLE {
	border-collapse: collapse;
	width: 824px;
}

.moonfishLeft {
	width: 236px;
	height: 124px;
	vertical-align: bottom;
}

.moonfishMiddle{
	vertical-align: bottom;
	padding: 4px 16px 16px 4px;
	text-align: right;
	font-size: 36px;
	color: #fffff9;
	overflow: hidden;
}

.PinboardDate {
	color: #073d7f;
	font-weight: normal;
}

ul#PinboardPreview  li a:active,
ulv#PinboardPreview  li a:focus,
ul#PinboardPreview  li a:hover,
ul#PinboardPreview  li a {
	color: #5183ab;	
}

.PersonName {
    display: block;
	margin-top: 0px;
	font-size: 1em;
	color: #5183ab;	
	font-weight: bold;
}

.StatementBox {	
	padding-top: 8px;
	background-color: #d8e5ec;
	padding: 8px;
}

.Subtitle {
	margin: 0px;
	color: #5183ab; 
	font-size: 11px; 
}

.NavigationSubtitle {
	color: #5183ab; 
	padding-left: 24px; 
	font-size: 9px; 
	margin-top: 0px
}

a#CsLink {
	color: white;
	float: left;
	padding: 10px 0px 16px 20px;
	vertical-align: bottom;
	text-decoration: none;
}