/* Style Sheet Metadata - Rheinland - ******************************/
/*                                                                 */
/* Projekt:      Rheinland | Vergabesatellit                       */
/* Firma:        cosinex GmbH / www.cosinex.de                     */
/* Autor:        A.Broeker                                         */
/* Datum:        18.01.2010                                        */
/* CSS-File:     style.css                                         */
/* Version:      1.0                                               */
/* Optimiert:    ab IE 6, FF, Opera, Safari                        */
/*                                                                 */
/* Elemente:     - HTML / ALLGEMEINE FORMATIERUNGEN                */
/*               - PROJECTROOM  /FORMULARE                         */
/*               - TABELLEN                                        */
/*               - PROJECTROOM                                     */
/*               - BLÄTTERFUNKTION TABELLE                         */
/*               - TOGGLE                                          */
/*               - ADRESS TRANSFER                                 */
/*               - ICONS FUER DATEIENDUNGEN                        */
/*               - ICONS LÖSCHEN UND DOWNLOAD                      */
/*               - FARBANPASSUNGEN KOMMUNIATIONSBEREICH            */
/*               - BEREICH KOMMUNIKATION                           */
/*               - DATEIUPLOAD IM TABLEFOOTER                      */
/*               - ALLGEMEINE TABELLEN CONFIG                      */
/*               - INTERFACE VMS/VMP                               */
/*               - PRINT STYLES                                    */
/*******************************************************************/
@import "style_rheinland_fonts.css";
@import "style_rheinland_layout.css";
@import "style_rheinland_calendar.css";
@import "style_rheinland_modal_dialog.css";
@import "style_rheinland_usergroup.css";
@import "common_icons.css";

/*******************************************************************/
/* HTML / ALLGEMEINE FORMATIERUNGEN                                */
/*******************************************************************/
* {
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;}

html, body {
	margin: 0;
	padding: 0px 0px 0px 0px;}

#header h1 {
	display: none;}

h2 {
	margin: 5px 0px 10px 0px;
	padding: 0px 0px 5px 0px;
	color: #005680;}

h3 {
	margin: 10px 0px;
	padding: 0;
	color: #005680;}

p, .dateTime {
	color: #000;}

p {
	padding:0;
	margin:0px 0px 5px 0px;}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html p {
	height: 1%;
	margin:0px 0px 5px 0px;}
/* End hide from IE5/mac */

strong {
	margin:0px 0px -10px 0px;
	color: #005680;}

a:link {
	color: #5959ff;
	text-decoration: underline;}

a:visited {
	color: #48749b;
	text-decoration: underline;}

a:active {
	color: #fff;
	background-color: #6283aa;
	text-decoration: underline;}

a:hover  {
	color: #fff;
	background-color: #6283aa;
	text-decoration: underline;}

img {
	border:none !important;}

a:hover img{
	background:none !important;}

.linkArrowIcon {
	padding:5px 0px 6px 12px;
	margin:0px 0px 0px 3px;
	background: url(../images/icons/linkpfeil.gif) no-repeat center left;}

/* Links disabled darstellen */
.linkIsDisabled {
	color: #ccc;
	text-decoration:underline;}

/* Wenn eingerueckt und untereinander */
.vmpCalendarLabelAlignment {
	display:block;
	padding:2px 0px 0px 23px;
	float:left;
	width:60px;}

/* Kalender Links */
a.vmpCalendarIcon {
	padding:2px 0px 2px 18px;
	color:#000;
	text-decoration:none;
	background: url(../images/calendar/calendar_icon.gif) no-repeat top left;}

a:active.vmpCalendarIcon,
a:hover.vmpCalendarIcon {
	padding:2px 0px 2px 18px;
	text-decoration:underline;
	color:#000;
	background: url(../images/calendar/calendar_icon.gif) no-repeat top left;}

ol {}

ul {
	margin:0px 0px 10px 20px;}

ul.listStylePositionInside {
	list-style-position:inside;
	margin:0px;
	padding:5px 0px 10px 0px; }

li a:link {
	color: #5959ff;
	text-decoration: underline;}

li a:visited {
	color: #48749b;
	text-decoration: underline;}

li a:active {
	color: #fff;
	background-color: #6283aa;
	text-decoration: underline;}

li a:hover  {
	color: #fff;
	background-color: #6283aa;
	text-decoration: underline;}

pre {
	font-family: Arial, Helvetica, Verdana, sans-serif;}

.breaker {
	clear:both;}

/* für generellen Abstand */
.spaceDistance {
	padding:5px 0px 5px 0px;
	margin:0px 0px 0px 0px;
	clear:both;}


/* READONLY DARSTELLUNGEN */
/* Normaler Text im Span */
.renderedTextBold {
	font-weight:bold;
	padding:0px 0px 0px 0px;}

/* Boxdarstellung */
.readOnlyTextBoxNormal {
	display:block;
	color:#000;
	overflow:auto;
	margin:0px;
	width:460px; /*Layout abhängig */
	list-style:none;
	float:left;
	padding:0px 0px 0px 0px;}

* html .readOnlyTextBoxNormal {
	padding:0px 0px 0px 0px;}

*+html .readOnlyTextBoxNormal {
	padding:0px 0px 0px 0px;}

.readOnlyTextBoxNormalPadding {
	margin:4px 0px 0px 0px;}

.readOnlyTextNormal {
	font-weight:normal;
	padding:0px 5px 0px 5px;}

.readOnlyTextNormal li {
	list-style:none;}

.readOnlyStyleLabel {
	color: #005680; /* Layout beachten */}

/* Readonly Zustand bei Lots mit TNW */
.readOnlyTextLots {
	padding:0px 0px 0px 15px;
	margin: 0px 0px 0px 0px;}

/* IE6 Hack */
* html .readOnlyTextLots {
	padding:0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;}

/* IE7 Hack */
*+html .readOnlyTextLots {
	padding:0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;}

.iconHide {
	display:none;}

#mandatorFootnode {
	margin:25px 0px 10px 0px !important;}

/*******************************************************************/
/* PROJECTROOM  /FORMULARE                                         */
/*******************************************************************/
.projectroomHeader {
	margin: 0;
	font-weight: bold;
	text-align: center;
	padding: .8em;
	background-color: transparent;
	border: 1px solid #b8c7d8;}

.button a {
	padding: 2px 10px;
	text-decoration: none;
	color: #000;
	background: #CCC;}

.button a:link, .button a:visited {
	border-top: 1px solid #CCC;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	border-left: 1px solid #CCC;}

.button a:hover, .button a:active {
	border-top: 1px solid #333;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #333;}

.closeWindowButton {
	margin: 10px 0px 10px 0px;
	text-align:center;}

* html .closeWindowButton {
	height:22px;}

.closeWindowButton a {
	padding: 3px 8px 3px 8px;
	text-align:center;
	text-decoration: none;
	color: #000;
	width:120px;
	background: #eee;}

.closeWindowButton a:link,
.closeWindowButton a:visited {
	color: #000;
	border-top: 1px solid #CCC;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	border-left: 1px solid #CCC;}

.closeWindowButton a:hover {
	text-decoration: none;
	color: #000;
	width:120px;
	background: #eee;
	border-top: 1px solid #333 ;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #333;}

#subNavList {
	background-color: #CCC;
	margin-top: 10px;}

.disabled {
	height:20px;
	border-top:4px solid #fff;
	color: #CCC;}

.firstsubnav {
	/* list-style-image: url(../images/arrow.gif);*/
	display: block;
	padding: 2px;
	width: 136px;
	background-color: #B4C9DD;}

#euTenderNav {
	margin: 0;
	padding: 0;}

#euTenderNav li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;}

#euTenderNav input {
	width: auto;
	margin: 0 0 10px 0;
	padding: 0;
	color: 	#000099;
	background-color: #E8ECF5;
	border: 1px solid #516E96;
	cursor: pointer;}

/* Style für Buttons, die oben z.B. im EU Formular stehen ----- */
ul#submitButtonNav {
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;}

#submitButtonNav li {
	display: inline;
	list-style-type: none;}

#submitButtonNav a {
	width: auto;
	margin: 0 0 10px 0;
	padding: 3px 5px 3px 5px;
	font-weight:bold;
	color: #fff;
	background-color: #3a506b;
	border: none;}

#submitButtonNav a:hover, #submitButtonNav a:active {
	color: 	#000;
	background-color: #eeeeee;}

#submitButtonNav a.highlight {
	color: 	#fff;
	background-color: #e0292e;}

/* Mandantennummer  */
.mandatorNumber {
	font-weight:bold;
	float:left;}

.clr {
	clear: both;}

/* Formulare Formatierung */
#masterForm {
	padding: 0;}

#masterForm form {
	line-height: 150%;}

#masterForm fieldset, fieldset {
	margin-top: 25px;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #516E96;}

#masterForm legend, legend {
	margin-bottom: 8px;
	padding: 2px 10px;
	font-weight: bold;
	color: #000099;
	background-color: #3a506b;}

/* Content Legend / Fieldset */
#content fieldset {
	margin: 20px 0px 10px 0px;
	padding: 10px 20px 10px 20px;
	border: 1px solid #1c2d5b;}

#content legend {
	margin:  0px 0px 10px 0px;
	padding: 2px 5px 2px 5px;
	font-weight: bold;
	color: #fff;
	background-color: #3a506b;}

*+html #content legend {
	margin:0px 0px 10px 0px;}

* html #content legend {
	margin:0px 0px 10px 0px;}

body:last-child #content legend {
	margin:  0px 0px 0px 0px;}

*+html #content fieldset{
	padding:0px 20px 10px 20px;}

* html #content fieldset {
	padding:0px 20px 15px 20px !important;}

/* ANPASSUNG TEXTAREA */
.inputTextLarge {
	width:470px;}

.textAreaLarge {
	margin-top:5px;
	width:470px;
	height:100px;}

.textAreaDefault {
	margin-top:5px;
	width:273px;
	height:100px;}

input {
	margin-bottom:5px;}

select {
	margin-bottom:5px;}

#masterForm p {
	margin: 0;
	padding: 5px 0px 10px 0px;
	font-weight: bold;}

#masterForm .bold, .bold {
	font-weight: bold;}

#masterForm em {
	font-weight: normal;}

#masterForm br {
	clear: left;}


label.left {
	float: left;
	width: 15em;
	margin:0px 0px 8px 0px !important;}

/* START 30.06.2010 */
.checkBoxBlockLeft {
	display:block;
	float:left;}

.labelBlockLeft {
	padding:0px 0px 10px 20px;
	margin:0px 0px 0px 0px;
	display:block;
	cursor:pointer;}

* html .labelBlockLeft {
	padding:3px 0px 10px 20px;}

*+html .labelBlockLeft {
	padding:3px 0px 10px 20px;}

input[type=checkbox],
input[type=radio]{
	cursor: pointer;
	margin: 0;}

#masterForm tfoot input[type="submit"] {
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;}

label, input, select, textarea {
	font-family: Arial, Helvetica, Verdana, sans-serif;}

label,select, textarea, input {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px !important; }

.indentRow1 {
	margin-left: 20px;}

.indentRow2 {
	margin-left: 45px;}

#masterForm .requiredLegend {
	color: #FFF;
	background-color: #e0292e;}

#masterForm .requiredLegend a,
#masterForm .requiredLegend a:visited,
#masterForm .requiredLegend a:active  {
	background:none;
	text-decoration:none;
	font-weight:bold;}

#masterForm .requiredLegend sup {
	color: #000;
	padding:2px 2px 2px 2px;
	background-color: #CCC;}

.tenderPreviewA {
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #516E96;}

.tenderPreviewA legend {
	margin-bottom: 8px;
	padding: 2px 10px;
	font-weight: bold;
	color: #000099;
	background-color: #CCC;}

.tenderPreviewA h3 {
	margin: 2px 8px 5px 8px;
	color: #000;
	font-weight: bold;}

.tenderPreviewA p {
	margin: 0px 8px 5px 8px;}

.tenderPreviewA tr:hover {
	background:none;}

.euTenderChapter {
	margin-bottom: 20px;
	padding: 5px 10px;
	background-color: #E8ECF5;}

.euTenderChapter h3 {
	color: #000;
	font-weight: bold;}

/*******************************************************************/
/* TABELLEN                                                        */
/*******************************************************************/
caption  {
	text-align: left;
	padding: 15px 0px 5px 0px;
	margin-bottom:5px !important;
	font-weight:bold;
	color:#005680;}

* html caption {
	padding: 15px 0px 5px 0px;}

*+html caption {
	padding: 15px 0px 5px 0px;}

body:last-child caption {
	padding: 15px 0px 0px 0px;}

table {
	width:100%;
	margin: 0px 0px 20px 0px;
	border-collapse: collapse;
	table-layout: auto;
	border: 1px solid #b8c7d8;}

th  {
	text-align: left;
	padding: 5px 5px 5px 5px;
	border: 1px solid #b8c7d8;
	background:#d6dfe9;
	color:#000;}

th a:link,
th a:visited,
th a:hover,
th a:active {
	color:#5959ff;
	background:none;
	text-decoration: none;}

tr:hover {
	background:#ecf3fa;}

td  {
	height:20px;
	text-align: left;
	padding: .3em;}

* html td {
	height:0.01%;
	background:#fff;}

td {
	color: #000;
	vertical-align: top;
	border: 1px solid #b8c7d8;}

tfoot {
	background:#d6dfe9;}

tfoot tr:hover {
	background:#d6dfe9;}

tfoot td, .tablefoot {
	text-align: right;
	border-top: 1px solid #b8c7d8;
	border-bottom: 1px solid #b8c7d8;}

* html tfoot td, .tablefoot {
	 background:#d6dfe9;}

tfoot a:link {
	color: #5959ff;
	text-decoration: underline;}

tfoot a:visited {
	color: #48749b;
	text-decoration: underline;}

tfoot a:active {
	color: #fff;
	background-color: #6283aa;
	text-decoration: underline;}

tfoot a:hover  {
	color: #fff;
	background-color: #6283aa;
	text-decoration: underline;}

.overviewtable th {
	width: 25%;}

.tenderPreview {
	margin-bottom: 5px;
	width: 100%;
	border-collapse: collapse;
	table-layout: auto;
	border: none;}

.tenderPreview caption {
	font-weight: bold;
	color: #000;}

.tenderPreview td, .tenderPreview th, .tenderPreview caption {
	border: none;
	background-color: transparent;}

.tenderPreview td, .tenderPreview th {
	font-weight: normal;
	width: 50%;}

.tenderPreview tr:hover {

	background:none;}

#projectRoomHeader {
	margin-bottom: 5px;
	table-layout: fixed;
	border-collapse: collapse;
	background-color: transparent;
	border:1px solid #b8c7d8;}

#projectRoomHeader tr:hover {
	background:none;}

/*******************************************************************/
/* PROJECTROOM                                                     */
/*******************************************************************/
#projectRoomHeader caption {
	font-weight: normal;
	color: #e0292e;}

#projectRoomHeader th {
	width: 30%;}

#projectRoomHeader td {
	width: 70%;}

#projectRoomHeader th, #projectRoomHeader td {
	font-weight: normal;
	color: #000;
	vertical-align: top;
	background-color: transparent;
	border: none;
	padding: 2px 2px 2px 2px;}

#projectRoomHeader th {
	padding: 2px 2px 2px 5px;}

.ppcProjectRoomLeft {
	margin:3px 0px 0px 0px;
	padding:5px 0px 5px 0px;
	font-style:italic;
	color:#000;}

.ppcProjectRoomRight {
	margin:2px 0px 0px 0px;
	padding:5px 0px 5px 0px;
	color:#000;}

.ppcProjectRoomRight a:link {
	color: #5959ff;
	background:none;
	text-decoration: underline;}

.ppcProjectRoomRight a:visited {
	color: #48749b;
	text-decoration: underline;}

.ppcProjectRoomRight a:active {
	color: #fff;
	background-color: #6283aa;
	text-decoration: underline;}

.ppcProjectRoomRight a:hover  {
	color: #fff;
	background-color: #6283aa;
	text-decoration: underline;}

#accessConfirmationLink {
	margin: 10px 0;
	width: auto;
	border: 1px solid #cccccc;
	background-color: #eee;}

#accessConfirmationLink h2 {
	margin: 0;
	padding: 2px 10px;
	color: #FFF;
	background: #1c2d5b;}

#accessConfirmationLink p {
	padding: 4px 10px;
	font-weight: bold;}

#accessConfirmationLink p input {
	margin-bottom: 10px;
	font-weight: normal;
	text-align: center;}

/* Tabnavigation ------------ */
ul#contentNav  {
	margin: 0;
	white-space: nowrap;
	padding: 0;}

#contentNav li	{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;}

#contentNav a {
	padding: 1px 8px 1px 8px;
	border: 1px solid #333;
	background-color: #999;}

#contentNav a:link,
#contentNav a:visited {
	color: #EEE;
	text-decoration: none;}

#contentNav a:hover {
	border: 1px solid #333;
	background-color: #FF6600;
	color: #333;}


/* -- AUFPASSEN -- */

.left {
	float: left;
	width: 15em;}

.leftAddOn {
	width:230px !important;}

.right {
	float:left;
	width: 300px;
	margin-left: 5.3em;
	margin-right: .3em;}

.rightRendered {
	float:left;
	margin:0px 0px 0px 0px;
	padding:4px 0px 0px 0px;}

* html .rightRendered {
	padding:5px 0px 0px 2px;}

*+html .rightRendered {
	padding:5px 0px 0px 2px;}

/* --- images link styles --- */
#pdfImage {
	margin:0px 0px 40px 0px;
	padding: 20px 0px 0px 0px;}

#pdfText {
	text-align:left;
	margin:-25px 0px 0px 0px;
	padding: 0px 0px 0px 40px;}

#pdfImage a img {
	border: none;}

.success, .validBidTextColor {
	font-weight: bold;
	color: #339933;}

.error, .nonValidTextColor {
	font-weight: bold;
	color: #FF0000;}

 .info {
    font-weight: bold;
    color: #3366ff;}

hr {
	border: solid 1px #666666;
	height: 1px;
	background-color: #FFFFFF;}

.userRole {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;}

#agb h2 {
	text-align: center;}

#agb h3 {
	margin: 0;
	padding: 0;}

#agb p {
	margin: 0 10px 10px 10px;
	padding: .3em 0;
	line-height: 130%;}

#top {
	margin: 0;
	padding: 0;
	font-size: 0;}

.submitButton {
	margin: 10px 0;}

.mandatorNews,
.companyNews  {
	height:1%;
	display: block;
	margin:0px 0px 0px 0px;
	padding:5px 5px 5px 5px;
	border: 1px solid #cc0033;}

.katInfo{
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 0px;}

.katPublished{
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:5px 0px 3px 0px;}

.katComment{
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:45px 0px 0px 0px;}

.katNote{
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;}



/*******************************************************************/
/* BLÄTTERFUNKTION TABELLE                                         */
/*******************************************************************/
.browsePages {
	text-align:left;
	padding: 0px 10px 0px 10px;}

.browsePagesText {
	float:left;
	padding:2px 0px 0px 0px;
	margin:0px 0px 0px 15px;
	font-weight:bold;
	color:#000;}

.browsePages a.browseFirst,
.browsePages a:visited.browseFirst{
 	display:block;
	width:16px;
	height:16px;
	border:1px solid #000;
	margin:0px 5px 0px 0px;
	text-decoration:none;
	background: #eee url(../images/table/browse_first_16x16.gif) no-repeat 0 0;
	float:left;}

.browsePages a:hover.browseFirst {
	border:1px solid #fff;
	background: #b8c7d8 url(../images/table/browse_first_HOVER_16x16.gif) no-repeat 0 0;}

.browsePages a.browseBackward,
.browsePages a:visited.browseBackward {
	display:block;
	width:16px;
	height:16px;
	border:1px solid #000;
	margin:0px 5px 0px 0px;
	text-decoration:none;
	background: #eee url(../images/table/browse_backward_16x16.gif) no-repeat 0 0;
	float:left;}

.browsePages a:hover.browseBackward {
	border:1px solid #fff;
	background: #b8c7d8 url(../images/table/browse_backward_HOVER_16x16.gif) no-repeat 0 0;}

.browsePages a.browseLast,
.browsePages a:visited.browseLast {
	display:block;
	width:16px;
	height:16px;
	border:1px solid #000;
	margin:0px 5px 0px 0px;
	text-decoration:none;
	background: #eee url(../images/table/browse_last_16x16.gif) no-repeat 0 0;
	float:left;}

.browsePages a:hover.browseLast {
	border:1px solid #fff;
	background: #b8c7d8 url(../images/table/browse_last_HOVER_16x16.gif) no-repeat 0 0;}

.browsePages a.browseForward,
.browsePages a:visited.browseForward {
	display:block;
	width:16px;
	height:16px;
	border:1px solid #000;
	margin:0px 5px 0px 0px;
	text-decoration:none;
	background: #eee url(../images/table/browse_forward_16x16.gif) no-repeat 0 0;
	float:left;}

.browsePages a:hover.browseForward {
	border:1px solid #fff;
	background: #b8c7d8 url(../images/table/browse_forward_HOVER_16x16.gif) no-repeat 0 0;}

/* Ghostzustände */
.browsePages a.browseFirstGhost,
.browsePages a:visited.browseFirstGhost,
.browsePages a:active.browseFirstGhost,
.browsePages a:hover.browseFirstGhost,
.browsePages a.browseBackwardGhost,
.browsePages a:visited.browseBackwardGhost,
.browsePages a:active.browseBackwardGhost,
.browsePages a:hover.browseBackwardGhost,
.browsePages a.browseLastGhost,
.browsePages a:visited.browseLastGhost,
.browsePages a:active.browseLastGhost,
.browsePages a:hover.browseLastGhost,
.browsePages a.browseForwardGhost,
.browsePages a:visited.browseForwardGhost,
.browsePages a:active.browseForwardGhost,
.browsePages a:hover.browseForwardGhost {
	display:block;
	width:16px;
	height:16px;
	border:1px solid #b8c7d8;
	cursor:default;
	margin:0px 5px 0px 0px;
	text-decoration:none;
	float:left;}

.browseFirstGhost,
.browsePages a:visited.browseFirstGhost,
.browsePages a:active.browseFirstGhost,
.browsePages a:hover.browseFirstGhost {
	background: transparent url(../images/table/browse_first_16x16_ghost.gif) no-repeat 0 0;}

.browsePages a.browseBackwardGhost,
.browsePages a:visited.browseBackwardGhost,
.browsePages a:active.browseBackwardGhost,
.browsePages a:hover.browseBackwardGhost {
	background: transparent url(../images/table/browse_backward_16x16_ghost.gif) no-repeat 0 0;}

.browsePages a.browseLastGhost,
.browsePages a:visited.browseLastGhost,
.browsePages a:active.browseLastGhost,
.browsePages a:hover.browseLastGhost {
	background: transparent url(../images/table/browse_last_16x16_ghost.gif) no-repeat 0 0;}

.browsePages a.browseForwardGhost,
.browsePages a:visited.browseForwardGhost,
.browsePages a:active.browseForwardGhost,
.browsePages a:hover.browseForwardGhost {
	background: transparent url(../images/table/browse_forward_16x16_ghost.gif) no-repeat 0 0;}

.sortTableDESC {
	padding:0px 5px 0px 10px;
	margin:1px 0px 0px 5px;
	background: url(../images/table/sort_desc_16x16.gif) no-repeat 0 0;}

.sortTableASC {
	padding:0px 5px 0px 10px;
	margin:1px 0px 0px 5px;
	background: url(../images/table/sort_asc_16x16.gif) no-repeat 0 0;}

/*******************************************************************/
/* TOGGLE                                                          */
/*******************************************************************/
.toggleBox {
	background:#b8c7d8;
	margin:10px 0px 0px 0px;
	padding:3px 0px 3px 10px;
	border:1px solid #3a506b;}

a.toggleShow,
a:hover.toggleShow {
	color:#3a506b;
	font-weight:bold;
	text-decoration:none;
	padding:0px 20px 0px 0px;
	background: url(../images/toggle/toggleShow_16x16.gif) no-repeat top right;}

a.toggleHide,
a:hover.toggleHide {
	color:#3a506b;
	font-weight:bold;
	text-decoration:none;
	padding:0px 20px 0px 0px;
	background: url(../images/toggle/toggleHide_16x16.gif) no-repeat top right;}

.toggleTxt {
	color:#000;
	background:#d6dfe9;
	border-left:1px solid #516e96;
	padding:10px 0px 10px 10px;
	border-right:1px solid #516e96;
	border-bottom:1px solid #516e96;}

.toggleTxt .error {
	font-weight:normal;
	color:#000;}

/*******************************************************************/
/* ADRESS TRANSFER                                                 */
/*******************************************************************/
.adressTransfer {
	margin: 0px 0px 0px 10px;
	padding:0px 0px 5px 0px;
	float:left;}

.adressTransfer a {
	font-weight:normal;
	padding:0px 0px 1px 20px;
	background: url(../images/icons/status_adress_transfer_16x16.gif) no-repeat top left;
	color:#5959ff;}

* html #content .adressTransfer a {
	color:#5959ff;}

.adressTransfer a:hover{
	color:#fff;
	text-decoration:none;
	padding:0px 0px 1px 20px;
	background: #6283aa url(../images/icons/status_adress_transfer_16x16.gif) no-repeat top left;}

* html #content .adressTransfer a:hover{
	color:#fff;}

/* ANPASSUNG TEXTAREA */
.textAreaVO {
	width:273px;
	margin:0px 0px 5px 0px;}

* html .textAreaVO {
	width:273px;}

*+html .textAreaVO {
	width:273px;}

/* ANPASSUNG ERSTE INPUTFELD FÜR MANDANTENÜBERNEHMEN FÜR IE6 */
* html .inputVO {
	float:left;
	margin:0px 0px 0px 3px;}

.inputVO {
	float:left;
	margin:0px 0px 0px 0px;}

/*******************************************************************/
/* DYNAMISCHE TEXTAREAS        		                               */
/*  01.07.2010                                                     */
/*******************************************************************/
/* Definition Box */
.textAreaDynamic {
	float:left;
	padding:3px 0px 5px 0px;
	margin:0px;
	width:65%;}

/* Definition Textarea */
.textAreaDynamic textarea{
	border:1px solid #a7a6aa;
	overflow:hidden;
	font-weight:normal;
	background:#fff;
	color:#000;
	padding: 0px 5px 0px 3px;
	margin:  0px 0px 0px 0px;
	width:90%;}

/* IE 6 Hack */
* html .textAreaDynamic textarea {
	margin:  -3px 0px 20px -2px;}

/* IE 7 Hack */
*+html .textAreaDynamic textarea {
	margin:  0px 0px 20px 0px;}

/* Definition Control-Box */
.textAreaDynamicControl {
	width:16px;
	float:left;}

/* IE 7 Hack */
*+html .textAreaDynamicControl {
	margin-top:1px;}

.textAreaDynamicControl a {
	display:block;
	width:16px;
	height:16px;
	padding:0px;
	margin-bottom:1px;
	text-decoration:none !important;
	border:1px solid #dfdfdf;}

/* IE 6 Hack */
* html .textAreaDynamicControl  {
	margin:1px -2px 0px 0px;
	font-size:11px;}

.textAreaDynamicShow {
	background:  #e2e2e2 url(../images/icons/textarea_show_16x16.gif) no-repeat top left;}

a:hover.textAreaDynamicShow {
	background:  #e2e2e2 url(../images/icons/textarea_show_over_16x16.gif) no-repeat top left;}

.textAreaDynamicHide {
	background:  #e2e2e2 url(../images/icons/textarea_hide_16x16.gif) no-repeat top left;}

a:hover.textAreaDynamicHide {
	background:  #e2e2e2 url(../images/icons/textarea_hide_over_16x16.gif) no-repeat top left;}

.textAreaDynamicSelectAll {
	background:  #e2e2e2 url(../images/icons/textarea_selectall_16x16.gif) no-repeat top left;}

a:hover.textAreaDynamicSelectAll {
	background:  #e2e2e2 url(../images/icons/textarea_selectall_over_16x16.gif) no-repeat top left;}

/*******************************************************************/
/* ICONS LÖSCHEN UND DOWNLOAD                                      */
/*******************************************************************/
.actionDeleteIcon,
.actionDeleteGhostIcon,
.actionDownloadIcon,
.actionExtractIcon,
.detailsIcon{
	display:block;
    cursor:help;
	width:16px;
	height:16px;
	padding: 0px 8px 0px 0px;
	margin : 2px 0px 0px 0px;
	float:left;
	cursor:pointer;}

.actionDeleteIcon{
	background: transparent url(../images/icons/action_delet.gif) no-repeat;}

.actionDeleteGhostIcon{
	background: transparent url(../images/icons/action_delete_ghost.gif) no-repeat;}


.actionDownloadIcon{
	background: transparent url(../images/icons/action_download.gif) no-repeat;}

.actionExtractIcon{
	background: transparent url(../images/icons/action_extract_archive.gif) no-repeat;}

/*******************************************************************/
/* FARBANPASSUNGEN KOMMUNIATIONSBEREICH                            */
/*******************************************************************/
.percentTableData {
	padding:0px 0px 0px 15px;
	margin: 0px 5px 0px 5px;
	width:120px;}

.percentGreen,
.percentRed,
.percentOrange {
	padding:0px 0px 0px 0px;
	margin: 8px 0px 0px 0px;
	height:10px;
	float:left;
	font-size:2px;
	cursor:pointer;}

.percentGreen {
	background: #25b219;}

.percentRed {
	background: #e0292e;}

.percentOrange {
	background: orange;}

/*******************************************************************/
/* BEREICH KOMMUNIKATION                                           */
/*******************************************************************/
.communicationBoxLeft {
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	float:left;}

.communicationBoxRight {
	margin:20px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	float:left;}

/* Kommunikation Drop-Down */
.communicationDropDown {
	width:720px;
	margin: 0px 0px 5px 0px;
	padding:2px 0px 2px 0px;
	border: 1px solid #a7a6aa;}

.communicationButtons {
	width:18px;
	height:18px;
	cursor:pointer;
	margin:10px 2px 10px 0px !important;
	padding:0px 3px 0px 3px;
	border:1px solid #000;
	font-weight:bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	letter-spacing: -3px;
	color:#000;}

.communicationButtonsRecipientAllDown {
 	background:  #eee url(../images/communication/recipient_all_down_16x16.gif) center center;}

.communicationButtonsRecipientAllDown:hover {
 	background:  #b8c7d8 url(../images/communication/recipient_all_down_HOVER_16x16.gif) center center;}

.communicationButtonsRecipientSingleDown {
 	background:  #eee url(../images/communication/recipient_single_down_16x16.gif) center center;}

.communicationButtonsRecipientSingleDown:hover {
 	background:  #b8c7d8 url(../images/communication/recipient_single_down_HOVER_16x16.gif) center center;}

.communicationButtonsRecipientAllUp {
 	background:  #eee url(../images/communication/recipient_all_up_16x16.gif) center center;}

.communicationButtonsRecipientAllUp:hover {
 	background:  #b8c7d8 url(../images/communication/recipient_all_up_HOVER_16x16.gif) center center;}

.communicationButtonsRecipientSingleUp {
 	background:  #eee url(../images/communication/recipient_single_up_16x16.gif) center center;}

.communicationButtonsRecipientSingleUp:hover {
 	background:  #b8c7d8 url(../images/communication/recipient_single_up_HOVER_16x16.gif) center center;}

.messageWithAttachementIcon,
.messageAllUsersIcon,
.messageSelectedUsersIcon  {
	display:block;
    cursor:help;
	width:16px;
	height:16px;
	padding: 0px 8px 0px 0px;
	margin : 2px 0px 0px 0px;
	float:left;
	cursor:default;}

.messageWithAttachementIcon {
	background: transparent url(../images/icons/pas_msg_attachement_16x16.gif) no-repeat;}

.messageAllUsersIcon {
	background: transparent url(../images/icons/pas_msg_all_user_16x16.gif) no-repeat;}

.messageSelectedUsersIcon {
	background: transparent url(../images/icons/pas_msg_selected_user_16x16.gif) no-repeat;}

h2.messageDetail,
.projectRoomHeads {
	font-weight:bold;
	color:#005680;
	margin:10px 0px 0px 0px;
	padding:2px 0px 2px 0px;}

p.messageInfo {
	padding:0px 0px 0px 2px;
	margin: 0px 0px 20px 0px;
	font-weight:normal;
	color:#000;}

.fileSizeHint {
	padding:0px 0px 0px 0px;
	margin:10px 0px 10px 0px;
	background:#f4f4f4;
	border:1px solid #000;}

*+html .fileSizeHint {
	padding:1px 1px 1px 1px;}

* html .fileSizeHint {
	padding:1px 1px 1px 1px;}

.fileSizeHint h2{
	height:1%;
    padding: 1px 0px 1px 20px;
    margin: 1px 1px 1px 1px;
	font-weight:bold;
	color:#fff;
	background:#497dc2;
	text-transform: uppercase;}

.fileSizeHint ul {
	padding: 5px 5px 5px 5px;
	margin:0px 0px 0px 30px;
	color:#000;}

.fileSizeHint li{
	font-weight: bold;
	list-style-type: square;
	padding:0px 0px 5px 0px;
	margin:0px 0px 0px 0px;
	color:#000;}

*+html .fileSizeHint li {
		padding:0px 0px 0px 0px;}

* html .fileSizeHint li {
		padding:0px 0px 0px 0px;}

/*******************************************************************/
/* DATEIUPLOAD IM TABLEFOOTER                                      */
/*******************************************************************/
.tableFooterLeft {
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 5px;
	font-weight:bold;
	float:left;}

.tableFooterRight {
	text-align:right;
	margin: 0px 0px 0px 0px;
	padding:0px 10px 0px 0px;}

.uploadbox{
	cursor:pointer;
    float:left;
	margin:0px 0px 0px 5px;}

.uploader {
   	position: relative;
  	width: 100px;
  	height: 21px;
  	overflow: hidden;
  	margin:0px 10px 0px 0px;
  	float:left;}

input.uploadbox {
   	position: absolute;
  	right: 0;
  	z-index:2;
  	cursor: pointer;
  	opacity: 0;
  	-moz-opacity:0 ;
  	filter: alpha(opacity: 0);}

* html input.uploadbox{   /* HACK Ausrichtung des Fake Upload Buttons für IE 5/6 */
	position: absolute;
  	right: 0;}

*+html input.uploadbox{   /* HACK Ausrichtung des Fake Upload Buttons für IE 7 */
	position: absolute;
  	right: 0;}

.uploader_img {
	z-index:99;
  	background: url("../images/icons/upload_button.gif") no-repeat;
  	white-space: normal;
  	width: 100px;
 	height:21px;}

.uploadausgabe{
 	overflow:hidden;
 	cursor:default;
 	border:1px solid #a7a6aa;
 	float:left;
  	padding:2px 5px 2px 5px;
 	margin: 0px 0px 0px 0px;
 	background:#fff;
 	color: #000;
    font-weight: bold;}

/*******************************************************************/
/* ALLGEMEINE TABELLEN CONFIG                                      */
/*******************************************************************/
.tableCenterSmall {
	width:30px;
	text-align:center !important;}

.radioMozilla {
	display:block;
	border:none !important;
	margin:2px 0px 0px 0px;}

/*******************************************************************/
/* INTERFACE VMS/VMP                                               */
/*******************************************************************/
.vmsLogo {
	padding:0px 23px 2px 0px;
	margin:0px;
	display:block;
	cursor:default;
	background: transparent url(../images/icons/vms_logo_18x18.gif) top right no-repeat ;
}

.vmsvmpIcon {
	padding:0px 8px 2px 8px;
	margin:0px 5px 0px 5px;
	cursor:default;
	background: transparent url(../images/icons/vmp_vms_interface_16x16.gif) no-repeat;}

.interfaceSyncStatus_SYNCHRONIC_span,
.interfaceSyncStatus_INCOMING_span{
	cursor:help;
	padding:2px 0px 2px 14px;
	margin: 0px 0px 0px 0px;}

.interfaceSyncStatus_SYNCHRONIC,
.interfaceSyncStatus_INCOMING {
	display:block;
	cursor:help;
	width:16px;
	height:16px;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float:left;}

.interfaceSyncStatus_SYNCHRONIC,
.interfaceSyncStatus_SYNCHRONIC_span {
	background: url("../images/interface/interface_syncstatus_synchronic_16x16.gif") top left no-repeat;}

.interfaceSyncStatus_INCOMING,
.interfaceSyncStatus_INCOMING_span{
	background: url("../images/interface/interface_syncstatus_incoming_16x16.gif") top left no-repeat;}

.vmsAdvertisementBox{
	display:block;
	background-color: #d8e4f1;
	display:block;
	border:1px solid #9eb6d4;
	padding:5px;}


/*******************************************************************/
/* INTERFACE erweiterte Projektschnittstelle                       */
/*******************************************************************/

.vmpExtendedInterfaceIcon {
	padding:0px 8px 2px 8px;
	margin:0px 5px 0px 5px;
	cursor:default;
	background: transparent url(../images/icons/vmp_extended_interface_16x16.gif) top left no-repeat;}

.vmpExtendedInterfaceGhostIcon {
	padding:0px 8px 2px 8px;
	margin:0px 5px 0px 5px;
	cursor:default;
	background: transparent url(../images/icons/vmp_extended_interface_ghost_16x16.gif) top left no-repeat;}

/* Tabelle Interface in Projectroom */
.interfaceProjectRoomHeaderTable {
	table-layout: fixed;
	border:1px solid #b8c7d8;
	border-collapse: collapse;
	margin-top:0px;}

.interfaceProjectRoomHeaderTable th {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 5px;
	font-weight: normal;
	border: none;
	background:#ecf3fa;
	width: 30%;}

.interfaceProjectRoomHeaderTable td {
	background: #ecf3fa;
	width: 70%;}

.interfaceProjectRoomHeaderTable td {
	margin:0px 0px 0px 0px;
	padding:3px 0px 3px 2px;
	vertical-align: top;
	border: none;}

.interfaceProjectRoomHeaderTable tr:hover {
	background: transparent;}

/* Styleklasse für die Verfahrensangabenseite der Schnittstellenprojekte */
.procedureData {
	border: none;}

/*******************************************************************/
/* TBM UP-DOWN-Icons                                               */
/*******************************************************************/
.actionUpIcon,
.actionDownIcon,
.actionUpGhostIcon,
.actionDownGhostIcon{
	display:block;
    cursor:help;
	width:8px;
	height:12px;
	padding: 0px 8px 0px 0px;
	margin : 2px 0px 0px 0px;
	float:left;
	cursor:pointer;}

.actionUpIcon{
	background: transparent url(../images/icons/action_up_8x12.gif) no-repeat;}

.actionDownIcon{
	background: transparent url(../images/icons/action_down_8x12.gif) no-repeat;}

.actionUpGhostIcon{
	background: transparent url(../images/icons/action_up_ghost_8x12.gif) no-repeat;}

.actionDownGhostIcon{
	background: transparent url(../images/icons/action_down_ghost_8x12.gif) no-repeat;}

/*******************************/
/* ADDRESS CHOOSER             */
/*******************************/
/* Button */
.adressChooserButton,
.adressChooserButtonDisabled {
	width: auto;/* IE Bug extra padding */
   	height: 1%;
	padding: 1px 5px 1px 5px !important;
	margin: 0px 5px 3px 5px !important;
	border:1px solid #999999;
    background: #dddddd;
	color: #000;
	font-size: 11px;
	cursor: pointer;
	overflow: visible;/* IE Bug extra padding */}

.adressChooserButtonDisabled {
	background: #ccc;
	color: #FFF;}

*:not(hr) .adressChooserButton {
	padding: 1px 5px 0px 5px !important;}

.adressChooserButton:hover {
	background:#ebebeb;}

.adressChooserWidth {
	margin-bottom:3px;
	width:277px;}

*:not(hr) .adressChooserWidth {
	width:277px;}

*+html .adressChooserWidth {
	width:275px;}

* html .adressChooserWidth {
	width:277px;}

/* Link-Icon SuS-Center */
a.centerSuS,
a:link.centerSuS,
a:active.centerSuS,
a:visited.centerSuS {
	line-height:400%;
	margin:0px;
	padding:13px 46px 14px 46px;
	background: transparent url(../images/icons/sus/sus_button_normal.gif) no-repeat center center;
	text-decoration:none;}

a:hover.centerSuS {
	background: transparent url(../images/icons/sus/sus_button_hover.gif) no-repeat center center;}

/* SuS Box */
.susBoxHeadline {
	padding-top:30px;}

.susBoxLeft {
	padding:0px 20px 0px 0px;
	margin: 0px 0px 0px 0px;
	float:left;
	width:80%;}

.susBoxRight {
	text-align:left;
	padding:0px 0px 40px 0px;
	margin: 0px 0px 0px 20px;
	float:none;}

.susBoxLineHeight {
	line-height:270% !important;}

/* Bietertool Button */
.tendererClientButton {
	margin:15px 0px 0px 0px !important;
	cursor:pointer;
	width:143px;
	height:41px;
	border:none !important;
	background: transparent url(../images/icons/tendererclient/button_bietertool_normal.gif) no-repeat center center !important;}

.tendererClientButton:hover {
	width:143px;
	height:41px;
	border:none !important;
	background: transparent url(../images/icons/tendererclient/button_bietertool_hover.gif) no-repeat center center !important;}

/**************************************************
/*	Style für die Angebots/Teilnahmeantragsseite auf Unternehmensseite
/***************************************/
.wrappedsheetIcon{
	text-decoration:none !important;
	padding:10px 5px 10px 10px;
	background: transparent url(../images/icons/bidtype_wrappedSheet.gif) no-repeat center center !important;}

.qualifiedSignatureIcon{
	text-decoration:none !important;
	padding:10px 5px 10px 10px;
	background: transparent url(../images/icons/bidtype_qualifiedSignature.gif) no-repeat center center !important;}

.advancedSignatureIcon{
	text-decoration:none !important;
	padding:10px 5px 10px 10px;
	background: transparent url(../images/icons/bidtype_advancedSignature.gif) no-repeat center center !important;}

.cancelBidIcon{
	text-decoration:none !important;
	padding:10px 5px 10px 10px;
	cursor:pointer;
	background: transparent url(../images/icons/action_withdraw_bid.gif) no-repeat center center !important;}

.showReceiptIcon{
	text-decoration:none !important;
	padding:10px 5px 10px 10px;
	cursor:pointer;
	background: transparent url(../images/icons/action_show_receipt.gif) no-repeat center center !important;}

.showInfoIcon{
	text-decoration:none !important;
	cursor:default;
	padding: 10px 5px 10px 13px;
	background: transparent url(../images/icons/info_icon_16x16.gif) no-repeat center center !important;}

.showExtractBidIcon{
	text-decoration:none !important;
	padding: 5px 5px 10px 13px;
	background: transparent url(../images/icons/extractBid.gif) no-repeat center center !important;}

.showDownloadVMSBidIcon{
	text-decoration:none !important;
	padding: 5px 15px 10px 15px;
	background: transparent url(../images/icons/download_bid_vms.gif) no-repeat center center !important;}

.showDetailsIcon{
	text-decoration:none !important;
	padding: 5px 5px 10px 13px;
	background: transparent url(../images/icons/action_show_details.gif) no-repeat center center !important;}

/*******************************************************************/
/* Fussnoten styles                                                */
/*******************************************************************/
/* ANKER FUER FUSSNOTE */
.mandatorFootnodeAnker {
	margin:0px;
	padding:0px;
	/* border:1px solid pink; */
	text-decoration:none !important;}
	
ul.mandatorFootnode  {
	padding:0;
	margin:30px 0 10px 0;
	padding:0;}
	
.mandatorFootnode li {
	list-style:none;
	margin: 0;
	padding:0;}

.mandatorFootnode li sup {
	display:inline-block;
	position:static;
	float:left;
	width:8px;
	height:15px;}
	
.mandatorFootnode li p {
	margin:0 0 0 15px;
	padding:5px 0 0 0;}
	
*+ html .mandatorFootnode li p {
	padding:0;
	margin: -10px 0 0 20px!important;}

/*******************************************************************/
/* PRINT STYLES                                                    */
/*******************************************************************/
@media print {

	/* Allgemeine Formatierung */
	body,
	html,
	#wrapper,
	#content,
	#container {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border:none !important;
		color:#000 !important;
		font-size:12pt;
		background:none !important;}

	#wrapper,
	#content {
		float:none;}

	#content {
		margin:0px 10px 0px 10px !important;}

	/*hide the left column when printing*/
	#leftcol {
		display: none;}

	#outerA {
		border-left: 0;}

	/* Ausrichtungen */
	table {
		width:99%;
		margin-left:1px;
		margin-top:2px;}

	#masterForm {
		border:1px solid transparent;}

	fieldset,
	legend {
		padding:0px;
		overflow:visible !important;}

	.tabHeader a,
	.tabHeader span {font-size: 75% !important;}

	#footer {
		border:none !important;
		background:#fff;}

	/* Ausblenden */

	#header,
	#mainNav,
	#subNav,
	.contentPrint,
	#ankerTop,
	#testSystemBox,
	#testSystemBoxSpace {
		display: none;}

	/* FARBEN DEFAULT */
	html,
	body,
	.tabContent,
	table,
	#content,
	#container,
	#wrapper,
	#masterForm,
	fieldset,
	legend,
	.tabHeader  {
		background: #fff !important;
		color:#000 !important;}
}
