/* Haupt-divs und Haupt-Konfigurationen */
BODY  {
	height: 100%;
	/*margin-top: 13px;*/
	margin:0;
	background-color: #ffffff;
	}

.invisible {display: none;}

/* Allgemeine Formatierungen */

p {
	font-family: Arial,Helvetica,Univers,Zurich BT;
	font-size: 12px;
	color: #000000;
	margin: 0px;
	}
a {
	font-family: Arial,Helvetica,Univers,Zurich BT;
	font-size: 12px;
	color: #933B3A;
	margin: 0px;
  text-decoration: none;
	}

b, strong { font-family: Verdana,Arial,Helvetica; font-weight: bold;}

	ul {
	list-style-image:url(pfeilchen.gif);
	list-style-position: outside;
	/*margin-left: 10px;
  margin-top: 6px;
  margin-bottom: 6px;*/
	padding-left: 30px;
	}
li {
	font-family: Arial,Helvetica,Univers,Zurich BT;
	font-size: 10px;
	color: #333333;
	margin: 0px;
  padding: 6px;
	}

ul.menu, li.menu {
	padding: 0px;
         margin: 0px;
         list-style-type: none;
         }


hr	{
	border: 0px dashed #D4E0A5;
         height: 1px;
         color: #D4E0A5;
         background-color: #D4E0A5;
	}


/* Styles die auch für den HTML-Editor gelten */

h1 {
	font-family: Arial,Helvetica,Univers,Zurich BT;
	font-size: 16px;
	color: #933B3A;
	padding-bottom: 6px;
  padding-top: 0px;
	}
h2 {
	font-family: Arial,Helvetica,Univers,Zurich BT;
	font-size: 14px;
	color: #933B3A;
	margin: 0px;
 	padding-bottom: 6px;
         text-align: left;
	}

/* Formulare & Co */

textarea {
  margin-top: 6px;
 	border:1px solid #82ABBF;
 	width: 200px;
	}

form.eingabefeld {
   	margin-top: 6px;
   	border:1px solid #82ABBF;
   	width: 200px
 	}

input {
   	margin-top: 6px;
   	font-family:Arial,Helvetica,Univers,Zurich BT;
   	font-size: 11px;
 	}

input[type="text"] {
   	margin-top: 6px;
   	border:1px solid #82ABBF;
   	font-family:Arial,Helvetica,Univers,Zurich BT;
   	font-size: 11px;
 	}
 	
input[type="checkbox"] , input[type="radio"] {
   	margin-top: 6px;
   	border: 0px;
   	font-family:Arial,Helvetica,Univers,Zurich BT;
   	font-size: 11px;
 	}


.meta {
	font-family: Arial,Helvetica,Univers,Zurich BT;
	font-size: 10px;
	color: #933B3A;
	vertical-align:baseline;
	}

.meta a{
	font-family: Arial,Helvetica,Univers,Zurich BT;
	font-size: 10px;
	color: #933B3A;
	margin: 0px;
  text-decoration: none;
  vertical-align:bottom;
	}


#menu_waagerecht {
	background-color: #ffffff;
	background-repeat: no-repeat;
	height: 18px;
	overflow: hidden;
	background-position: left top;
	}
/* alles fürs waagerechte Menü */
td.menu_waagerecht_1, td.menu_waagerecht_1 a, td.menu_waagerecht_1_act  {
	height: 18px;
	width:116px;
}

a.menu_waagerecht_1 {
	height: 18px;
	font-family: Arial,Helvetica,Univers,Zurich BT;
	font-size: 12px;
	text-decoration: none;
	color: #002F32;
	display: block;
	padding:0;
	text-align: center;
	font-weight: bold;
	background-color: #DEDEDE;
	width:116px;
	border: 1px solid #FFFFFF;
	margin:0;
}

a.menu_waagerecht_1:hover, a.menu_waagerecht_1_act, a.menu_senkrecht_1_RO {
	height: 18px;
	font-family: Arial,Helvetica,Univers,Zurich BT;
	font-size: 12px;
	text-decoration: none;
	color: #002F32;
	display: block;
	padding:0;
	text-align: center;
	font-weight: bold;
	background-color: #D4E0EC;
	width:116px;
	border: 1px solid #FFFFFF;
	margin:0;
}

td.menu_waagerecht_2 {
	height: 18px;
	width:118px;
}

a.menu_waagerecht_2 {
	font-family: Arial,Helvetica,Univers,Zurich BT;
	font-size: 11px;
	text-decoration: none;
	color: #002F32;
	padding: 0px;
  	display: block;
	padding-left: 10px;
	padding-right: 10px;
	height: 18px;
	background-color: #D4E0EC;
	text-align: left;
	padding-right: 5px;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

a.menu_waagerecht_2:hover {
	font-family: Arial,Helvetica,Univers,Zurich BT;
	font-size: 11px;
	text-decoration: none;
	color: #002F32;
  	padding: 0px;
  	display: block;
	padding-left: 10px;
	padding-right: 10px;
	height: 18px;
	background-color: #DEDEDE;
	text-align: left;
	padding-right: 5px;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

/* Alles fürs senkrechte Menü - Deluxe made with divs :-)  */
a.menu_senkrecht_1 {
	font-family: Arial,Helvetica,Univers,Zurich BT;
	padding-left: 8px;
	color: #FFFFFF;
	font-size: 12px;
	width: 218px;
	background: #4E537B;
	}

a.menu_senkrecht_1:hover, a.menu_senkrecht_1_act  {;
	color: #FFFFFF;
	padding-left: 8px;
	font-size: 12px;
	background: #1C2560;
	width:20px;
}

td.menu_senkrecht_1{
	background: #4E537B;
	height:18px;
	width:218px;
}

td.menu_senkrecht_1_RO, td.menu_senkrecht_1:hover{
	background: #1C2560;
	height:18px;
	width:218px;
}

a.menu_senkrecht_2  {
	text-align: left;
	padding-left: 8px;
	font-family: Arial,Helvetica,Univers,Zurich BT;
	background-color: #f2f2f2;
	font-size: 12px;
}

a.menu_senkrecht_2:hover, a.menu_senkrecht_2_act  {
	text-align: left;
	padding-left: 8px;
	font-family: Arial,Helvetica,Univers,Zurich BT;
	background-color: #EBF0F6;
	font-size: 12px;
	text-decoration: none;
}

td.menu_senkrecht_2, td.menu_senkrecht_2 a{
	background: #C7CBE6;
	height: 18px;
	width: 202px;
	color:#000000;
}

td.menu_senkrecht_2_RO{
	background: #C7CBE6;
	height: 18px;
	width: 202px;
	color:#000000;
}

a.menu_senkrecht_3  {
	text-align: left;
	height: 18px;
	font-family: Arial,Helvetica,Univers,Zurich BT;
	background-color: #f2f2f2;
	font-size: 12px;
	text-decoration: none;
	color: #002F32;
	padding-left: 8px;
}

a.menu_senkrecht_3:hover, a.menu_senkrecht_3_act  {
	text-align: left;
	height: 18px;
	font-family: Arial,Helvetica,Univers,Zurich BT;
	font-size: 12px;
	text-decoration: none;
	color: #002F32;
	padding-left: 8px;
}

td.menu_senkrecht_3, td.menu_senkrecht_3 a{
	background: #DEDEDE;
	height: 18px;
	width: 202px;
	color:#000000;
}

td.menu_senkrecht_3_ACT, td.menu_senkrecht_3ACT {
	background: #f2f2f2;
	height: 16px;
}

/* Ariadnepfad / Breadcrumb */
.breadcrumb{
	font-family: Arial,Helvetica,Univers,Zurich BT;
	margin:0px 0px 0px 0px ;
 	padding:12px 0px 0px 12px;
	font-size:14px;
	color: #933B3A;
	font-weight:bold;
}

.breadcrumb A{
	font-family: Arial,Helvetica,Univers,Zurich BT;
	margin:0;
 	padding:0px;
	font-size:14px;
	color: #933B3A;
	text-decoration: underline;
	font-weight:bold;
}

#CONTENTCENTER{
	width:430px;
	margin-top:10px;
	padding:0px 0px 0px 10px;
	/*border: 1px solid #000000;*/
	/* background: #c2c2c2 url(imgs/verlauf-bg.jpg) top center repeat-y;*/
}

#CONTENTRIGHT{
	width:175px;
	margin-top:10px;
	padding:0px 0px 0px 0px;
	text-align:left;
	display:block;
	background:#D6D3DE;
	/*border: 1px solid #000000;*/
}

#CONTENTRIGHT  H1{
	width:175px;
	font-family: Arial,Helvetica,Univers,Zurich BT;
	font-size: 14px;
	color: #000000;
	padding:0px;
	background: #C2C1C9;
	/*border: 1px solid #000000;*/
}

H1.csc-firstHeader{
	width:175px;
	margin:0;
}
#CONTENTRIGHT P .csi-image{
	font-family: Arial,Helvetica,Univers,Zurich BT;
	font-size: 10px;
	padding:0px;
	background:#D6D3DE;
	/*border: 1px solid #000000;*/
	/*background: #c2c2c2 url(imgs/verlauf-bg.jpg) top center repeat-y;*/
}
#CONTENTRIGHT .csi-textpic .csi-image {
	/* border: 0px solid red;*/  /*XXX demo only*/
	margin: 0 0 0 0;  /*XXX demo only*/
	background:#D6D3DE;  /*XXX demo only*/
	width: 175px; /*will have to be an inline style - controlled by TS*/
}


.inhaltrechts{
	width:175px;
	/*border: 1px solid #000000;*/
	/*background: #DEDEDE url(imgs/verlauf-bg.jpg) top center repeat-y;*/
	background: #D6D3DE top center repeat-y;
	padding: 0px;
}




/*Plugins */
/* default styles for extension "tx_indexedsearch" */
	.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; }
	.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; }
	.tx-indexedsearch .tx-indexedsearch-whatis P .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
	.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
	.tx-indexedsearch P.tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title { background:#eeeeee; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P { font-weight:bold; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P.tx-indexedsearch-percent { font-weight:normal; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P { font-style:italic; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P .tx-indexedsearch-redMarkup { color:red; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#eeeeff; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TABLE { background:#cccccc; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { vertical-align:middle; }
	.tx-indexedsearch .tx-indexedsearch-res .noResume { color : #666666; }


/* default styles for extension "tx_slcssimgtext" */

	/* COMMON */
	.csi-textpic {
		/*padding: 5px;*/
		/*background: #DDDDFF; */ /*XXX demo only*/
		/*border: 2px solid green; */ /*XXX demo only*/
	}

	.csi-textpic img {
		/* border: 3px double #bbb;  /*XXX demo only*/
		margin: 10px;
	}

	.csi-textpic .csi-caption {
		text-align: center;  /* will have to be an inline style?  - controlled by TS [left - right - center]*/
		font-style: italic;  /*XXX demo only*/
	}

	.csi-textpic .csi-image {
		/* border: #BBBBBB double; */ /*XXX demo only*/
		margin: 0 10px 0px 0px;  /*XXX demo only*/
		background: #FFF;  /*XXX demo only*/
		width: 180px;
	}

	.csi-textpic .csi-imagewrap {
		/*border: 1px solid blue;*/ /*XXX demo only*/
		text-align: center;		/* is there a bug in IE? (if we don't set this, the image is not centered above or below the text) */
	}

	.csi-textpic .csi-text {
		/*border: 1px solid silver; *//*XXX demo only*/
		text-align: left; /*will have to be an inline style - controlled by TS*/
	}

	.csi-text p {
		margin-top: 0;
	}

	/* CENTER */

	.csi-center .csi-image {
		margin: 0 auto 3px;
	}

	/* RIGHT */
	.csi-right div.csi-image {
		float: right;
		clear: both;
	}

	.csi-right div.csi-text {
		clear: right;
	}


	/* LEFT */
	.csi-left div.csi-image {
		float: left;
		clear: both;
	}

	.csi-left div.csi-text {
		clear: left;
	}


	/* INTEXT LEFT */
	.csi-intext-left .csi-image {
		float: left;
		clear: both;
		margin-right: 0px;
	}


	/* INTEXT RIGHT */
	.csi-intext-right .csi-image {
		float: right;
		clear: both;
		margin-left: 5px;
	}


	/* INTEXT RIGHT NOWRAP */
	.csi-intext-right-nowrap .csi-text {
		margin-right: 215px; /*will have to be an inline style - controlled by TS*/
	}

	.csi-intext-right-nowrap .csi-image {
		float: right;
		clear: both;
	}


	/* INTEXT LEFT NOWRAP*/
	.csi-intext-left-nowrap .csi-text {
		margin-left: 215px; /*will have to be an inline style - controlled by TS*/
	}

	.csi-intext-left-nowrap .csi-image {
		float: left;
		clear: both;
	}

	.csc-form-radio{
		font-family: Arial,Helvetica,Univers,Zurich BT;
		font-size: 12px;
		color: #000000;
	}

/* Styles für den Sparrechner */

.user_sparrechner_pi1-result {
	width: 400px;
	padding: 5px;
	background: #EFEFF7;
	border: 1px dotted #4E537B;
	font-family: Arial,Helvetica,Univers,Zurich BT;
	font-size: 12px;
}
.user_sparrechner_pi1-title {
	font-family: Arial,Helvetica,Univers,Zurich BT;
	font-size: 14px;
	font-weight: bold;
}
.user_sparrechner_pi1-detail-title{
	font-family: Arial,Helvetica,Univers,Zurich BT;
  font-weight: bold;
	font-size: 12px;
}
.user_sparrechner_pi1-detail-value{
	width: 80px;
	font-family: Arial,Helvetica,Univers,Zurich BT;
  font-weight: bold;
	font-size: 12px;
	text-align: right;
	border: 1px solid #4E537B;
}
.user_sparrechner_pi1-detail-label{
	width: 200px;
	font-family: Arial,Helvetica,Univers,Zurich BT;
	font-size: 12px;
}