/* Hintergrund, der aeusserste div des main Templates. */
.site-background {
	margin: 0px auto;
	width: 1021px;
	background-image: url("../images/hg_uniserv.gif");
	background-repeat: no-repeat;
	text-align: left;
	position: relative;
}

.site-background-accountStatement {
	margin: 0px auto;
	width: 1421px;
	background-image: url("../images/hg_uniserv-accountStatement.gif");
	background-repeat: no-repeat;
	text-align: left;
	position: relative;
}


.site-background-account {
	margin: 0px auto;
	width: 1421px;
	background-image: url("../images/hg_uniserv-accountStatement.gif");
	background-repeat: no-repeat;
	text-align: left;
	position: relative;
}

/* Der Rumpf der Seite */
.site-container {
	width: 999px;
	padding-left: 11px;
	padding-right: 11px;
	position: relative;
}

.site-container-accountStatement {
	width: 1399px;
	padding-left: 11px;
	padding-right: 11px;
	position: relative;
}


.site-container-account {
	width: 1399px;
	padding-left: 11px;
	padding-right: 11px;
	position: relative;
}

/****************************/ /*    Site Header Bereich   */
	/****************************/
.site-header {
	width: 999px;
	height: 155px;
	background-image: url("../images/hg_header.gif");
	background-repeat: no-repeat;
	position: relative;
}

.site-header-accountStatement {
	width: 1399px;
	height: 155px;
	background-image: url("../images/hg_header.gif");
	background-repeat: no-repeat;
	position: relative;
}


.site-header-account {
	width: 1399px;
	height: 155px;
	background-image: url("../images/hg_header.gif");
	background-repeat: no-repeat;
	position: relative;
	left: 200px;
}

.servicephone-text {
	color: #ffffff;
	font-family: Arial;
	font-weight: normal;
	font-size: 12px;
	text-transform: uppercase;
	position: absolute;
	right: 50px;
	top: 7px
}

/********************************/ /* Normaler Navigations Bereich */
	/********************************/
.site-header-main-navigation {
	position: absolute;
	top: 90px;
	left: 42px;
}

.site-header-navigation-bar {
	
}

a.navigation-link:link,a.navigation-link:visited,a.navigation-link:active
	{
	font-weight: normal;
	font-family: Arial;
	font-size: 13px;
	text-transform: uppercase;
	color: #FFFFFF;
}

a.navigation-link:hover {
	font-weight: normal;
	font-family: Arial;
	font-size: 13px;
	text-transform: uppercase;
	color: #9398F2;
}

a.selected-navigation-link:visited,a.selected-navigation-link:active,a.selected-navigation-link:link
	{
	font-weight: normal;
	font-family: Arial;
	font-size: 13px;
	text-transform: uppercase;
	color: #514e4a;
}

.navigation-separator {
	background-color: #FFFFFF;
	width: 2px;
	height: 12px;
	margin: 0px 10px;
}

.selected-navigation-bg-left {
	margin-left: 10px;
	background-image: url(../images/left-menuitem-background.gif);
	background-repeat: no-repeat;
	height: 32px;
	width: 12px;
}

.selected-navigation-bg-mid {
	background-image: url(../images/menu-item-background.gif);
	background-repeat: repeat-x;
	float: left;
	height: 32px;
}

.selected-navigation-bg-inner-mid {
	padding-top: 9px;
}

.selected-navigation-bg-right {
	margin-right: 10px;
	background-image: url(../images/right-menuitem-background.gif);
	background-repeat: no-repeat;
	height: 32px;
	width: 12px;
}

/**************************/ /*    Untermenu Bereich   */
	/**************************/
.site-header-subnavigation-bar {
	margin-top: 9px;
}

.subnavigation-separator {
	background-color: #cf0534;
	width: 2px;
	height: 10px;
	margin: 0 8px;
}

.subnavigation-separator-selected {
	background-color: #514e4a;
	width: 2px;
	height: 10px;
	margin: 0 8px;
}

a.subnavigation-link:link,a.subnavigation-link:visited,a.subnavigation-link:active
	{
	font-weight: normal;
	font-family: Arial;
	font-size: 13px;
	color: #cf0534;
}

a.subnavigation-link:hover {
	font-weight: normal;
	font-family: Arial;
	font-size: 13px;
	color: #9398F2;
}

a.selected-subnavigation-link:active,a.selected-subnavigation-link:visited,a.selected-subnavigation-link:link
	{
	font-weight: normal;
	font-family: Arial;
	font-size: 13px;
	color: #514e4a;
}

.subnavigation-link-disabled{
	font-weight: normal;
	font-family: Arial;
	font-size: 13px;
	color: #B8B8B8;
	margin-right: 0px;
	line-height: 16px;
}

/****************************/ /* Meta-Navigations Bereich */
	/****************************/
.site-header-meta-navigation {
	position: absolute;
	top: 96px;
	right: 46px;
	
}

.site-header-meta-navigation-admin {
	position: absolute;
	top: 96px;
	left: 875px;
	
}

.meta-navigation-separator {
	background-color: #9398F2;
	width: 1px;
	height: 8px;
	margin: 0 10px;
}

/* Hyperlinks in der Meta-Navigation */
a.meta-navigation-link:link,a.meta-navigation-link:visited,a.meta-navigation-link:active
	{
	font-weight: normal;
	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
}

a.meta-navigation-link:hover {
	font-weight: normal;
	font-family: Arial;
	font-size: 11px;
	color: #9398F2;
}

/*************************/ /* Seiteninhalts Bereich */
	/*************************/
.site-body {
	margin: 0 22px;
	width: 955px;
	min-height: 421px;
	vertical-align: top;
}

.site-content {
	vertical-align: top;
	padding-top: 1px;
	width: 672px;
}


.site-content-accountStatement {
	vertical-align: top;
	padding-top: 1px;
	
}

/* �berschrift des Contents */
.headline {
	height: 46px;
	padding-left: 20px;
	margin-bottom: 20px;
}

.headline-title {
	font-family: Arial;
	font-weight: normal;
	font-size: 24px;
	color: #514e4a;
	margin-left: 12px;
}

/* Beschreibung des Contents */
.content-desc-bold {
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	color: #515151;
	margin-left: 20px;
	margin-bottom: 15px;
	display: block;
}

.content-desc {
	font-family: Arial;
	font-weight: normal;
	font-size: 14px;
	color: #515151;
	margin-left: 20px;
	margin-bottom: 15px;
	display: block;
}

.content-desc-center {
	font-family: Arial;
	font-weight: normal;
	font-size: 14px;
	color: #515151;
	margin-left: 20px;
	margin-bottom: 5px;
	display: block;
	
}

.content-desc-buttom {
	font-family: Arial;
	font-weight: normal;
	font-size: 14px;
	color: #515151;
	margin-left: 15px;
	margin-bottom: 0px;
	display: block;
	
}


.content-desc-info {
	font-family: Arial;
	font-weight: normal;
	font-size: 12px;
	color: #515151;
	margin-left: 20px;
	margin-bottom: 15px;
	display: block;
}

/** Die anzeige f�r die Schritte bei der Auftragserstellung */
.stepBar {
	height: 30px;
	width: 674px;
	padding-left: 20px;
	padding-right: 10px;
	margin-bottom: 3px;
	background-color: #D4D4D4;
	font-family: Arial;
	font-weight: normal;
	font-size: 14px;
	color: #000000;
}

.stepBar-complete {
	padding-left: 17px;
	background-position: left;
	background-image: url("../images/greenDot.png");
	background-repeat: no-repeat;
	float: left;
}

.stepBar-incomplete {
	padding-left: 17px;
	background-image: url("../images/greyDot.png");
	background-position: left;
	background-repeat: no-repeat;
	float: right;
}

.stepBar-active {
	padding-left: 17px;
	background-position: left;
	background-image: url("../images/yellowDot.png");
	background-repeat: no-repeat;
	float: left;
}

.stepBar-separator {
	margin: 0 10px;
	width: 14px;
	height: 18px;
	background-image: url("../images/whiteArrow.png");
	background-repeat: no-repeat;
}

.site-context-menu {
	vertical-align: top;
	padding-left: 22px;
	width: 266px;
}

.site-footer {
	margin-top: 48px;
	margin-left: 21px;
	margin-right: 21px;
	padding-top: 8px;
	background-image: url(../images/footer-line.gif);
	background-repeat: no-repeat;
	width: 956px;
	height: 1px;
}

a.linkFooter:link,a.linkFooter:visited,a.linkFooter:active {
	font-weight: normal;
	font-family: Arial;
	font-size: 12px;
	color: #999999;
	margin-left: 10px;
}

a.linkFooter:hover {
	font-weight: normal;
	font-family: Arial;
	font-size: 12px;
	color: #9398F2;
}

/* Eingabefeld Beschriftung/Beschreibung */
label {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #514e4a;
	line-height: 35px;
	margin-right: 20px;
}

/* Eingabefelder */
input[type="text"],input[type="password"] {
	background-color: #FFFFFF;
	background-image: url("../images/spacer.gif");
	border-color: #b8b8b8;
	border-style: solid;
	color: #000000;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

/* deaktivierte Eingabefelder - erben von normalen */
textarea[type="textarea"][disabled],input[type="text"][disabled],input[type="password"][disabled],select[disabled]
	{
	color: #000000;
	background-color: #f6f6f6;
}

/* Boolsche Auswahlboxen */
input.rich-combobox-button-icon,input.rich-combobox-button-icon-inactive
	{
	background-image: url("../images/selectButton.jpg");
}

/* SelectOneMenu/Dropdown auswahl */
select {
	background-color: #FFFFFF;
	background-image: url("");
	border-color: #999999;
	border-style: solid;
	color: #000000;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	width: 200px;
}

/**************************/ /*		   Button         */
	/**************************/
a.button {
	cursor: pointer;
}
.buttonLeftPart {
	background-image: url(../images/buttonsV2/left-b-part.png);
	height: 35px;
	width: 14px;
}

.buttonMiddlePart {
	background-image: url(../images/buttonsV2/middle-b-part.png);
	height: 27px;
	min-width: 80px;
	padding-right: 6px;
	padding-left: 5px;
	vertical-align: middle;
}

.buttonRightPart {
	background-image: url(../images/buttonsV2/right-b-part.png);
	height: 35px;
	width: 29px;
}

.buttonLabel {
    color: #cf0534;
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
    padding-left: 0;
    padding-right: 0;
}
.hiddenSubmit {
	display: inline;
	height:0;
	width:0;
	overflow:hidden;
}

button[type="button"],button[type="submit"],input[type="reset"],input[type="submit"],input[type="button"]
	{
	font-weight: regular;
	font-family: Arial;
	font-size: 14px;
	color: #cf0534;
	border: none;
	background-color: #ffffff;
	border-color: #ffffff;
	background: none;
	background-image: url();
	padding-left: 0px;
	padding-right: 0px;
}

input[type="submit"],input[type="submit"][disabled],input[type="submit"].disabled
	{
	font-weight: regular;
	font-family: Arial;
	font-size: 14px;
	color: #cf0534;
	border: none;
	background-color: #ffffff;
	border-color: #ffffff;
	background: none;
	background-image: url();
	padding-left: 0px;
	padding-right: 0px;
} 

.button-borderless {
	background-color: #FFFFFF;
	border-style: none;
	border-color: #FFFFFF;
}

/* abbruch Buttons */
.cancelButtonLabel {
	color: #000000;
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
    padding-left: 0;
    padding-right: 0;
}

.cancelButtonLeftPart {
	background-image: url(../images/buttonsV2/cancel_button_left.png);
	height: 35px;
	width: 36px;
}

.cancelButtonMiddlePart {
	background-image: url(../images/buttonsV2/cancel_button_mid.png);
	height: 27px;
	min-width: 85px;
	vertical-align: middle;
}

.cancelButtonRightPart {
	background-image: url(../images/buttonsV2/cancel_button_right.png);
	height: 35px;
	width: 19px;
}

button[type="reset"],input[type="reset"] {
	font-weight: regular;
	font-family: Arial;
	font-size: 14px;
	color: #514e4a;
	border: none;
	background: none;
	background-image: url();
	background-color: #ffffff;
	border-color: #ffffff;
	padding-left: 0px;
	padding-right: 0px;
}

/* zur�ck Buttons */
.backButtonLeftPart {
	background-image: url(../images/buttonsV2/back_button_left.png);
	height: 35px;
	width: 35px;
}

.backButtonMiddlePart {
	background-image: url(../images/buttonsV2/cancel_button_mid.png);
	height: 27px;
	min-width: 85px;
	vertical-align: middle;
	text-align: right;
}

.backButtonRightPart {
	background-image: url(../images/buttonsV2/cancel_button_right.png);
	height: 35px;
	width: 19px;
}

/*******************/ /* Fehlermeldungen */ /*******************/
.errorPanel {
	color: #ffa800;
	font-size: 12px;
	font-family: Arial;
	font-weight: normal;
	background-color: #f6f6f6;
	padding: 20px;
	width: 100%;
	border-bottom: #ffffff 3px solid;
	line-height: 20px;
}

.errorHeadline {
	color: #FFA800;
	font-family: Arial;
	font-size: 13px;
	line-height: 20px;
}

.errorList {
	color: #FFA800;
	font-size: 13px;
	font-family: Arial;
	list-style-type: decimal;
	list-style-position: inside;
	margin-top: 0;
	padding-top: 0;
	margin: 0px;
	padding: 0px;
}

.infoHeadline {
	color: #26ad10;
	font-family: Arial;
	font-size: 13px;
	line-height: 20px;
}

.infoList {
	color: #26ad10;
	font-size: 13px;
	font-family: Arial;
	list-style-type: decimal;
	list-style-position: inside;
	margin-top: 0;
	padding-top: 0;
	margin: 0px;
	padding: 0px;
	padding-left: 22px;
	padding-bottom: 15px;
}

/*******************/ /* rich:modalPanel */ /*******************/
.rich-modalpanel {
	border: solid 1px #c9c9c9;
}

.rich-mp-content {
	background-color: #fbfbfb;
	padding: 0px;
}

.rich-mpnl-header {
	border: none;
	background: none;
	padding: 0px;
}

.rich-mpnl-body {
	padding: 20px;
}

.modalPanelHeader-left {
	background-image: url("../images/modalPanel-header-left.png");
	height: 40px;
	width: 38px;
}

.modalPanelHeader-mid {
	background-image: url("../images/modalPanel-header-mid.png");
	height: 40px;
	font-family: Arial;
	font-size: 18px;
	color: #ffffff;
	font-weight: normal;
}

.modalPanelHeader-right {
	background-image: url("../images/modalPanel-header-right.png");
	height: 40px;
	width: 38px;
}

.modalPanelCloseImagePosition{
	padding-top:2px;
	margin-right:23px;
}

.dr-mpnl-pnl-b {
	color: #514e4a;
	font-size: 14px;	
}

/*******************/ /* rich:popupPanel */ /*******************/
.rf-pp-cntr {
	border: solid 1px #c9c9c9;
}

.rf-pp-cntr {
	background-color: #fbfbfb;
	padding: 0px;
}
.rf-pp-cnt-scrlr{
	background-color: #fbfbfb;
}

.rf-pp-hdr {
	border: none;
	background: none;
	padding: 0px;
}


.rf-pp-hdr-cnt{
	padding: 0px;
}

.rf-pp-cnt {
	padding: 20px;
}

.modalPanelHeader-left {
	background-image: url("../images/modalPanel-header-left.png");
	height: 40px;
	width: 38px;
}

.modalPanelHeader-mid {
	background-image: url("../images/modalPanel-header-mid.png");
	height: 40px;
	font-family: Arial;
	font-size: 18px;
	color: #ffffff;
	font-weight: normal;
}

.modalPanelHeader-right {
	background-image: url("../images/modalPanel-header-right.png");
	height: 40px;
	width: 38px;
}

.modalPanelCloseImagePosition{
	padding-top:2px;
	margin-right:23px;
}

.dr-mpnl-pnl-b {
	color: #514e4a;
	font-size: 14px;	
}

.selectDisplayOnly {
	font-family: Arial;
	font-size: 12px;
	color: #000000;
}