@charset "utf-8";

/* START - OVERRIDING CSS IN THEME WAR */
@media (min-width:768px){.container{width:auto;}}
@media (min-width:992px){.container{width:auto;}}
@media (min-width:1200px){.container{width:auto;}}


/* END - OVERRIDING CSS IN THEME WAR */


/* START csslayout.css stylesheet entries */

/* -------------- NEUE STYLES ----------------- */
.header {
	background:#FFFFFF url(../images/IMG_2.PNG) no-repeat scroll 0%;
	height:176px;
	width:1010px;
}

.topImage {
	background:#FFFFFF url(../images/IMG_1.gif) no-repeat scroll top left;
	height:100px;
	/*width:1010px;*/
}

/* GLOBALS */

* html body{
  behavior:url();
}
body{
  color:#383838;
  background-color:#FFFFFF;
  margin:0px;
  padding:0px;
}
img{
  border:0px;
}
a, a:link, a:visited, a:active, a:hover {
  text-decoration:none;
}
.middle a, .middle a:link, .middle a:visited, .middle a:active, .middle a:hover {
  text-decoration:underline;
}
.middle a.over, .middle a.over:link, .middle a.over:visited, .middle a.over:active, .middle a.over:hover {
  text-decoration: none;
}
a:hover {
  text-decoration:underline;
}

/* this style breakes form display in admin portlet
input, textarea, select{
  width:100%;
}
*/
textarea {
  height:400px;
}
/* HEADER */
#header {
	background-color:#FFFFFF;
	color:inherit;
	height:100px;
	margin:0;
	padding:0;
	width:100%;
	z-index:10;
}

#header .logo {
left:0;
position:absolute;
top:0;
}

form{
  padding:0px;
  margin:0px;
}

/* FOOTER */
.footer{
  float:left;
  display:block;
  background-image:url(../images/page-bg_hellgrau.gif);
  background-position:0px -45px;
  background-repeat:repeat-y;
  padding: 0px 0px 16px 199px;
  margin:0px;
  width:811px;
  clear:left;
}
* html  .footer{
  padding-left:159px;
  width:1011px;
}
.footer .servicenavi{
  float:left; width:532px; border-top:1px solid #a09188; text-align:right;
}
.servicenavi a, .servicenavi a:link, .servicenavi a:active, .servicenavi a:visited, .servicenavi a:hover {
  float:right; text-decoration:none; font-size:10px;
  margin:16px 10px 0px 30px;
}
.servicenavi a:hover {
  text-decoration:none;
}
.servicenavi #toplinkicon{
  position: relative; top: 0px
}
* html  .servicenavi{
  margin-left:25px;
}
.footer .breadcrumb{
 float:left;
 width:180px;
 border-top:1px solid white;
 margin-left:34px;
 font-size:10px;
 color:white; padding:0px 0px 0px 20px;
 background-color:transparent;
}
.footer .breadcrumb ul{
  float:left; list-style-type:none; font-size:10px; color:white; margin:0px; padding:0px;
  color:inherit;
  background-color:transparent;
}
.footer .breadcrumb a, .footer .breadcrumb a:link, .footer .breadcrumb a:active, .footer .breadcrumb a:visited, .footer .breadcrumb a:hover {
  font-size:10px; color:white;
  background-color:transparent;
  margin:16px 10px 0px 0px;
  float:left;
  text-decoration:none;
}
#bottom{
  color:inherit;
  display:block; float:left; padding:5px 0px 0px 0px;  background-color:white; height:65px;
  width:1011px;
  width: 100%;
  background-image:url(); background-position:765px 0px; background-repeat:no-repeat;
}

#bottomnavi{
 padding:0px 0px 0px 75px;
}

#bottomnavi a, #bottomnavi a:link, #bottomnavi a:active, #bottomnavi a:visited, #bottomnavi a:hover {
  font-size:10px;
  margin:0px 3px 0px 3px;
}

.rightBorder .trenner{
 margin:10px 0px 3px 0px; padding:0px; height:1px;
}
.rightBorder .trenner_bn{
 margin:10px 0px 0px 0px; padding:0px; height:1px;float: left;
}
.rightBorder .banner .trenner {
  margin:10px 0px 0px 0px; padding:0px; height:1px; float: left;
}


.rightBorder .beratung a, .beratung a:active, .beratung a:link, .beratung a:visited, .beratung a:hover {
	 display:block; font-size:11px; color:#ffffff; padding:5px 0px 5px 20px; text-decoration:none; width:100px;  background-repeat:no-repeat; background-position: 70px 35px; background-image:url();
}
.rightBorder .beratung a img{
	 margin-top:2px;
}
.rightBorder .zitat{
  margin:-2px 0px 10px 20px; width:200px; font-weight:bold; color:#ffffff;
}
.rightBorder .zitatImg{
  margin:8px 0px 8px 20px;
}
.rightBorder .zitatImgBorder{
/*SR FIX  border: 8px solid #CC0000; */
  border: 8px solid #a09188;
}
.rightBorder .text{
  margin:0px 0px 0px 20px; color:#ffffff;
  width: 190px;
}

.rightBorder {
	float:left;
	left:765px;
	margin:0 ;
	padding:0 ;
	width:200px;
}

#rightBorderPadding {
	padding:0px;
}

*/
.rightBorder ul{
  padding: 0px;
  margin: 0px;
  list-style-type : none;
}
.rightBorder li{
  padding: 0px;
  margin: 3px 0px 0px 10px;
}
.rightBorder li a{
  color: white;
}


/* Content Canvas */
#ContentCanvas {
  background-color:#efeceb;
  background-image:url(../images/background-logo.gif);
  background-position:1050px 50px;
  background-repeat:no-repeat;
  width: 100%;
  float: left;
}

#content {
	background-image:url(../images/page-bg_hellgrau.gif);
	background-position:0 2px;
	background-repeat:repeat-y;
	display:block;
	float:left;
	padding:26px 15px 0 0;
	position:relative;
	width:995px;
}

#content .blockLeft {
	background-image:url(../images/element_blocks.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	height:100px;
	left:0;
	position:absolute;
	top:26px;
	width:195px;
}

#content .blockRight {
	background-color:#CC0000;
	display:inline;
	height:100px;
	left:740px;
	position:absolute;
	top:26px;
	width:25px;
}

* html .content{
  width:1011px;
}



/* STOP csslayout.css stylesheet entries */

/* START csscontent.css stylesheet entries */


/* CONTENT */
hr {
	border: 0px;
	border-top: 1px solid #FFF;
}

* html .content{
  width:1011px;
}
/* content Reiter*/
.reiter{
  position:relative; border-bottom:1px solid #a09188; height:16px; margin:25px 0px 0px 14px; width:532px;
}
.contentTable tr th{
  border-bottom: 1px solid #383838;
  padding-left: 5px;
}
.contentTable tfoot td{
  border-top: 1px solid #383838;
  font-size: 10px;
}
.contentTable .clickable {
	border-right: 1px solid #CCC;
}
.contentTable td {
	padding-left: 5px;
}
.contentTable .even td{
  background-color: #efeceb;
}
.contentTable .odd td{
  background-color: #f5f4f3;
}
.contentTable .out{
  background: #efefef;
}
.contentTable .over {
  background: #980000;
  cursor: pointer;
}
.contentTable .over td {
  background: #980000;
  cursor: pointer;
  color: white;
}
.reiter div{
  position:relative;
  background:url(../images/bg-reiter.gif) no-repeat top right;
  padding:1px 10px 0px 10px;
  border-left:1px solid #a09188;
  border-bottom:1px solid #a09188;
  margin:1px 0px 0px 13px;
}
* html .reiter div{
  margin-top:0px; top:1px;
}
.reiter div a, .reiter div a:active, .reiter div a:link, .reiter div a:visited, .reiter div a:hover{
  text-decoration:none; display:inline; padding:2px 0px 0px 0px; margin:0px;  font-weight:bold; font-size:11px;
}
.reiter div.current a, .reiter div.current a:active, .reiter div.current a:link, .reiter div.current a:visited, .reiter div.current a:hover{
  color:#cc0000;
}
.reiter .current{
  position:relative; float:left; border-bottom:1px solid #efeceb; clear:right;
}
.reiter .inactive{
  position:relative; float:left;
}
#inhalt{
  float:left; position:relative;
  left:0px;
  top: 0px;
  width:580px;
  margin:0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: 0px;
}


#headerimage {
	position:relative;
}

#headerimage div {
	background-color:#C2B5AD;
	border-right:34px solid #A39089;
	height:100px;
	text-align:right;
	width:318px;
}

#headerimage img {
	border-left:4px solid #FFFEFE;
	border-right:24px solid #CC0000;
	left:352px;
	position:absolute;
	top:0;
}

.middle p{
  text-indent :1px;
}

#inhalt .texth {
	float:left;
	height:370px;
}

#inhalt .middle {
	clear:right;
	float:left;
	margin-left:14px;
	margin-top:26px;
	width:532px;
}

.middle #greeting .textHeading {
	font-family: 'Arial';
	font-size: 12px;
	color: #383838;
	padding-top: 10px;
	padding-bottom: 10px;
}

.middle #greeting .textContent {
	font-family: 'Arial';
	font-size: 11px;
	color: #383838;
	padding-top: 10px;
}

/* min height needs to be 550px (i.e. 26px margin from "#inhalt .middle"
   plus 524px  */
.minHeightWithoutMargin{
	min-height: 524px;
}

* html .inhalt  .middle{
  margin-left:7px;
}

.headline, .headline2{
  float:left;
  border-bottom:3px solid #a09188;
  margin: 0px;
  width:100%;
  padding:0px;
  height:19px;
}

.box_headline {
  border-bottom:3px solid #a09188;
  margin: 0px;
  width:100%;
  padding:0px;
  height:19px;
}
.box_headline span{
  font-size:11px;
  padding:3px 10px 3px 10px;
  margin:0px;
  color:#980000;
  font-weight:bold;
  background-color:#D9CDC5;
  text-decoration:none;
  width:auto;
  line-height:19px;
}
.box_headline a, .box_headline a:link, .box_headline a:hover, .box_headline a:visited, .box_headline a:active {
  font-size:11px;
  padding:3px 10px 3px 10px;
  margin:0px;
  color:#980000;
  font-weight:bold;
  background-color:#D9CDC5;
  text-decoration:none;
  width:auto;
  line-height:19px;
}

.headline a, .headline a:link, .headline a:active, .headline a:visited, .headline a:hover {
  font-size:11px;
  padding:3px 10px 3px 10px;
  margin:0px; color:#980000;
  font-weight:bold;
  background-color:#D9CDC5;
  text-decoration:none;
  width:auto;
  line-height:19px;
}
.headline2 a, .headline2 a:link, .headline2 a:active, .headline2 a:visited, .headline2 a:hover {
  font-size:11px;
  padding:3px 10px 3px 10px;
  margin:0px;
  color:#FFF;
  font-weight:bold;
  background-color:#980000;
  text-decoration:none;
  width:auto;
  line-height:19px;
}
.infotext {
	clear: both;
	padding: 13px 0px 13px 0px;
}
.infobox {
	border: 2px solid #C00;
	background: #FFF;
	padding: 9px;
	width: 425px;
	margin-left: 54px;
}
.preloader {
	border: 2px solid #756a64;
	background: #FFF;
	padding: 9px;
	width: 210px;
	margin-left: 174px;
}
.preloader_text {
	border-top: 16px solid #756a64;
	border-bottom: 16px solid #756a64;
	background: #FFF;
	padding: 0px 9px 0px 9px;
}
.teasertext{
  float:left;
  width:100%;
}
.left .teasertext, .right .teasertext{
  padding:5px 0px 0px 0px; width:256px;
}
.left .teasertext img, .right .teasertext img{
  margin-top:-5px;  margin-right:0px;
}
.middle .teasertext{
  background: #FFF;
  float:left;
  width:532px;
  margin-bottom:22px;
  padding: 0px;
  border-bottom:1px solid #cccccc;
  font-size:11px;
}
.middle .teasertextSub{
  float:left; width:314px; padding:0px 10px 0px 0px;
  font-size:11px;
}
.teasertextSubB{
  float:left;
  width: 140px;
  padding: 18px 5px 18px 30px;
  font-size: 11px;
}
.teasertextSubB2{
  float:left;
  width: 120px;
  padding: 5px 5px 5px 15px;
  font-size: 11px;
  color: #980000;
  font-weight: bold;
}
.teasertextSubB3{
  float:left;
  width: 340px;
  padding: 5px 5px 5px 15px;
  font-size: 11px;
}
.middle .teasertext .teasertextSubB a, .middle .teasertext .teasertextSubB a:link, .middle .teasertext .teasertextSubB a:active, .middle .teasertext .teasertextSubB a:visited, .middle .teasertext .teasertextSubB a:hover{
  text-decoration:none;
  display:block;
  margin:0px;
  padding:0px 0px 0px 0px;
  vertical-align:middle;
  font-size:11px;
}
.left .teasertext a:link,.left .teasertext a:active,.left .teasertext a:visited,.left .teasertext a:hover, .right .teasertext a:link,.right .teasertext a:active,.right .teasertext a:visited,.right .teasertext a:hover{
  text-decoration:none;
  display:block;
  margin:0px;
  padding:0px 5px 5px 10px;
  vertical-align:middle;
  font-size:11px;
}

.middle p{
  margin:0px;
  padding:10px 0px 10px 0px;
}
.middle ul{
  list-style-type:none;
  margin:0px 0px 0px 2px;
  padding:5px 0px 0px 0px;
}
.middle ul li{
  background-image:url();
  background-position:0px 5px;
  background-repeat:no-repeat;
  padding:0px 0px 0px 15px;
}

.middle #sitemap .level2 {
  margin-bottom: 22px;
}

ul.popupLinkList li{
  margin-bottom: 10px;
  margin-left: 20px;
  color: white;
}




/* STOP csscontent.css stylesheet entries */


/* START cssformular.css stylesheet entries */

form{
  margin:0px;
  padding:0px;
}
.form_button {
	float: right;
}

.popup {
  background-color:#ffffff;
  background-image: none;
}
.popup .popupheader {
    height:80px;
}
.popup .popupmain{
  width:auto;
  margin-left:18px;
  margin-right:18px;
  margin-top:15px;
  padding-top:10px;
  padding-left:14px;
  padding-right:24px;
  min-height: 350px;
  display:block;
  border-top:1px solid #a09188;
}
.fonds .popupmain{
  width:auto;
}
.popup table {
}
.popup .popupfooter{
  padding-top:10px;
  padding-right:0px;
  height:65px;
  margin-left:0px;
  margin-top:10px;
  margin-right:18px;
  text-align:right;
  clear: both;
  width:auto;
  border-top:1px solid #a09188;
}
ul.popupLinkList li{
  margin-bottom: 10px;
  margin-left: 20px;
  color: white;
}
ul.popupLinkList a.furtherInfos, ul.popupLinkList a.furtherInfos:hover, ul.popupLinkList a.furtherInfos:link, ul.popupLinkList a.furtherInfos:active, ul.popupLinkList a.furtherInfos:visited {
  color: #cc0000;
}
.popuph {
  height: 350px;
  float: left;
}
.popupIcon, a.popupIcon:hover {
  text-decoration: none;
  font-size: 10px;
  margin-right:10px;
}

/* Das k�nnte Sie auch interessieren */
ul.interestingLinkList li {
  background-image:url(../images/bullet-weiss.gif);
  background-position:0px 5px;
  background-repeat:no-repeat;
  margin-bottom: 10px;
  margin-left: 20px;
  padding-left: 10px;
  color: white;
}
div.interestingLinkList{
  margin-bottom: 10px;
  margin-left: 20px;
  font-size: 12px;
  font-weight: bold;
  color: white;
}
ul.interestingLinkList a.furtherInfos, ul.interestingLinkList a.furtherInfos:hover, ul.interestingLinkList a.furtherInfos:link, ul.interestingLinkList a.furtherInfos:active, ul.interestingLinkList a.furtherInfos:visited {
  color: #cc0000;
}

.displayError {
	FONT-SIZE: 11px; COLOR: white; TEXT-ALIGN: left
}
TABLE.errorMessagesList {
	PADDING-LEFT: 33px; FONT-SIZE: 11px
}
.errorMessage {
	FONT-SIZE: 11px; PADDING-BOTTOM: 10px; LIST-STYLE-TYPE: none
}


HTML > BODY .errorContent {
	BORDER-TOP: #636563 3px solid; COLOR: #636563; BORDER-BOTTOM: #636563 1px solid; BACKGROUND-COLOR: #fff; margin-top: 5px;
}

input.wpsProfileFieldErrorText {
         color: #ffffff;
         background-color: #cc0000;
}

select.wpsProfileFieldErrorText {
         color: #ffffff;
         background-color: #cc0000;
}

/* IE6 */
* html #id_securityQuestion {
	width: 102.5%;
}

/* IE7 */
*+html #id_securityQuestion {
	width:102%;
}




/* STOP cssformular.css stylesheet entries */

/* the definitions below are for admin portlet */

.headergrafikFormTitle {

    color:#383838;
    font-size:12px;
    top:129px;
}

span.pagebanner {
        background-color:#eee;
        border:0px dotted #999;
        padding:2px 4px 2px 4px;
        width:520px;
        display:block;
        border-bottom:none;
        position: absolute;
}

span.pagelinks {
        background-color:#eee;
        border:0px dotted #999;
        padding:2px 4px 2px 4px;
        width:375px;
        display:block;
        border-top:none;
        margin-top:10px;
        position: relative;
        left: 165px;
}

.sortable a:link, .sortable a:visited, .sortable a:hover {
	text-decoration: none;
}

th {
   border-bottom:1px solid #666666;
   font-size: 11px;
}

table {
border-collapse:collapse;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
}

thead tr {
background-color:#EFEFEF;
}

input[type=submit]:focus {
	outline: 0 none;
}


/*
* Fixed width button styles POCed in selfcare portlet.
*/
input.customButton {
        width: 84px;
        background: url(../images/btn80.gif) no-repeat;
        color:#525552;
        height: 30px;
        border:0px solid #fff;
        cursor:pointer;
        padding:0;
}

label {
	float:left;
	margin-right:2em;
}

/* easylogin component styling */
.divider {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.bar-separator {
  height: 0;
  width: 100%;
  border: 1px ridge rgba(0, 0, 0, 0.2);
  flex-grow: 1;
}

.divider > div:not(.bar-separator) {
  margin: 0 10px;
  white-space: nowrap;
}

.cl-easylogin-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}

.cl-easylogin-link {
  max-width: max-content;
  display: flex;
  justify-content: space-between;
  text-decoration: none;
  margin-bottom: 20px;
}

.cl-easylogin-link:hover {
  text-decoration: none;
}

.easy-login-button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 46px;
  margin-right: 0px;
  padding: 10px 25px;
  border-radius: 2px;
  background-color: #ba0c2f;
  box-shadow: 0 2px 14px -4px rgba(0, 0, 0, 0.4);
  font-family: Source Sans Pro, sans-serif;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: white;
  border: 0;
  text-decoration: none;
  cursor: pointer;
  margin-right: 10px;
}

.easy-login-button:hover {
  background-color: #e72341;
}

.easy-login-img {
  width: 145px;
}