/**

CSS Stylesheet fuer die e-Vergabe.

Ausser diesem Stylesheet sind noch folgende Stylesheets relevant:
- print.css:          Fuer Druckausgaben
- ieanpassungen.css:  Um die besonderheiten des Internet Explorer zu berücksichtigen

Die Datei glieder sich analog zum Layout der e-Vergabe Webseiten:

- Globale Definitionen
- 1. topzeile Die gesamte obere Zeile über Content und Navigationsspalte
    - 1.1 logo: Rahmen fuer das Logo
    - 1.2 rechtespalte: Rahmen um Links und Navigationsposition
       - 1.2.1 leiste: Dort sind die home, kontakt usw. Links enthalten
         - 1.2.1.1 druckansicht: Zeigt nur die Druckansicht Schaltflaeche an
       - 1.2.2 hauptnavileiste: Zeile, die die aktuelle Position in der Navigation darstellt
- 2. hintergrund: Ein Rahmen um Hauptfenster und Navigationsspalte für einen saubern Abschluss unten
    - 2.1 navigationsleiste: Ein Rahmen um die Navigationsspalte
       - 2.1.1 subnavispalte: Hier ist die linke Navigationsspalte enthalten
    - 2.2 content: Inhalt des Hauptfensters
       - Definitionen fuer bestimmte Seiten/Kontexte
- 3. xhtmlvalid: Logo vom W3C
- Tabellen
- Formulare
- Ueberschriften
- Layouthilfen
- Testboxen (standardmaessig auskommentiert)

/******************************************************************************************/
/** Globale Definitionen ******************************************************************/
/******************************************************************************************/
body {
	background-color        : #FFF;
        min-width               : 70em;
        font-size               : 69%;
 	font-family		: Arial, Verdana, Helvetica;
	margin			: 0;
	padding			: 0;
}

body.otherweb {
        margin                  : 3em;
}

.noshow {
	display			: none;
}

img {
	border			: 0 none;
}

div {
        font-size               : small;
}

a {
        text-decoration         : none;
        color                   : #006DAD;
}

a:hover {
        color                   : #002852;
}

.rot {
        color                   : #C21902;
}

.floatrechts {
        float                   : right;
}

.unsichtbar, .nurDruck {
        position                : absolute;
        left                    : -1000px;
        top                     : -1000px;
        width                   : 0px;
        height                  : 0px;
        overflow                : hidden;
        display                 : inline;
}
.nowrap {
        white-space             : nowrap;
}

p.zeilenabstand {
        padding-top             : 1.5em;
}

div.clear {
        clear                   : both;
}

/** 1. Topzeile *****************************************************************************/

div#topzeile {
	clear			: both;
	float			: none;
	padding			: 0;
	margin			: 0;
	width			: 100%;
    height          : 100%;
	background-color: #DEE7F7;
}
html>body div#topzeile {
	width			: 100%;
}


/** 1.1. Logo *******************************************************************************/

div#logo {
	float			: left;
	overflow		: hidden;
	padding			: 0;
	margin			: 0;
 	width			: 15em;
}

#logo img {
        width                   : 14em;
}

/**
img.navigationspfeil {
        width                   : 1.5em;
}**/

/** 1.2 rechtespalte ***************************************************************************/

div#rechtespalte {
	margin-left     	: 15em;
	padding			: 0;
        height                  : 100%;
        min-height              : 56px;
	background-image	: url(images/banner_oben.gif);
	background-repeat	: no-repeat;
}

/*** 1.2.1 serviceleiste *********************************************************************/

div#serviceleiste {
	padding			: 0;
	float			: right;
	text-align		: right;
	width			: 100%;
	background-color: #DEE7F7;
}

#serviceleiste ul,
#serviceleiste ul li {
	display			: inline;
	list-style		: none;
	padding			: 0;
	margin			: 2px;
	text-align		: right;
	background-color: #DEE7F7;
}

.metanavigation {
        font-family             : Arial,Helvetica,sans-serif;
        font-weight             : normal;
        color                   : #006dad;
        text-decoration         : none;
        padding                 : 0 4px 0 4px;
        margin                  : 0 4px 0 4px;
}

/*** 1.2.1.1 druckformat *****************************************************************/

div#druckansicht {
	margin			: 10px;
	padding			: 0;
	float			: right;
	text-align		: right;
}

div#druckformat {
 	font			: normal 1.0em Verdana, Arial, Helvetica, sans-serif;
	float			: none;
	width			: 100%;
	padding			: 0 0 0 0;
	margin			: 0;
	text-align		: right;
}

div#druckformat a {
	text-decoration	: none;
 	font			: normal .9em Verdana, Arial, Helvetica, sans-serif;
	padding			: 0;
	margin			: 0;
}

div#druckformat img {
	border			: 0;
	padding			: 0;
	margin			: 0;
}

/** 1.2.2 hauptnavileiste ******************************************************************/

div#hauptnavileiste {
        float                   : left;
        clear                   : both;
	padding			: 0;
	margin			: 0 0 0 0;
	width			: 70%;
}

html>body div#hauptnavileiste {
	width			: 70%;
}

#hauptnavileiste ul,
#hauptnavileiste ul li {
	display			: inline;
	list-style		: none;
        padding-top             : 2px;
	margin			: 0;

}

#hauptnavileiste .noakt {
	background-image	: url(images/pfeil_off.gif);
	background-repeat	: no-repeat;
        padding-left            : 9px;
        margin-left             : 7px;
        color                   : #002852;
}

#hauptnavileiste a:hover,
#hauptnavileiste a:active {
        color                   : #700000;
}

#hauptnavileiste .akt {
	background-image	: url(images/pfeil_on.gif);
	background-repeat	: no-repeat;
        padding-left            : 9px;
        margin-left             : 7px;
        color                   : #700000;
}

.navigationspos {
        float                   : left;
}

#loginstatus {
        float                   : right;
}

/** 2. hintergrund ******************************************************************************/

#hintergrund {
        background-image	: url(images/hintergrundnavigation.png);
}

/** 2.1 navigationsleiste ***********************************************************************/

#navigationsleiste {
        background-image	: url(images/hintergrundnavigation.png);
	border-color	        : #006dad;
	border-width	        : 1px;
	border-style	        : none solid none none;
        padding-bottom          : 2em;
        width                   : 15em;
        float                   : left;
}

/** 2.1.1  subnavispalte ************************************************************************/

div#subnavispalte {
	float			: left;
	margin-left     	: 3px;
	width			: 14em;
	border-color	        : #94BAD6;
	border-width	        : 0 0 0 1px;
	border-style	        : none none none solid;
        font-size               : small;
        text-decoration         : none;
}

#subnavispalte .navigationdir_pfeil_on {
	background-image	: url(images/pfeil_on.gif);
	background-repeat	: no-repeat;
        padding-left            : 9px;
        margin-left             : 0px;
	border-color	        : #94BAD6;
	border-width	        : 0 0 1px 0;
	border-style	        : none none solid none;
}
#subnavispalte .navigationdir_pfeil_off {
	background-image	: url(images/pfeil_off.gif);
	background-repeat	: no-repeat;
        padding-left            : 9px;
	border-color	        : #94BAD6;
	border-width	        : 0 0 1px 0;
	border-style	        : none none solid none;
}
#subnavispalte a {
        color                   : #002852;
}

#subnavispalte .navigationdir_pfeil_on a,
#subnavispalte .navigationdir_runter_pfeil_on a {
        color                   : #700000;
}

ul.navigationsliste, ul.navigationsliste li{
	list-style		: none;
        margin-left             : 0;
        padding-left            : 0;
        margin-bottom           : 0;
}

#subnavispalte a:hover,
#subnavispalte a:active,
#subnavispalte .akt a,
#subnavispalte .navigationsubdir_bullet_on a {
        color                   : #700000;
}

#subnavispalte .navigationdir_pfeil_runter_off {
	background-image	: url(images/pfeil_runter_off.gif);
	background-repeat	: no-repeat;
        padding-left            : 9px;
      	border-color	        : #94BAD6;
	border-width	        : 0 0 1px 0;
	border-style	        : none none solid none;
}

#subnavispalte .navigationdir_pfeil_runter_on {
	background-image	: url(images/pfeil_runter_on.gif);
	background-repeat	: no-repeat;
        padding-left            : 9px;
	border-color	        : #94BAD6;
	border-width	        : 0 0 1px 0;
	border-style	        : none none solid none;
}

#subnavispalte .navigationsubdir_bullet_on {
	background-image	: url(images/bullet_on.gif);
	background-repeat	: no-repeat;
        padding-left            : 9px;
        clear                   : both;
}

#subnavispalte .navigationsubdir_bullet_off {
	background-image	: url(images/bullet_off.gif);
	background-repeat	: no-repeat;
        padding-left            : 9px;
        clear                   : both;
}

#navisubmit {
        margin-bottom           : 1em;
}

#navisubmitsprache {
        margin-bottom           : 1em;
}

div.navtextcolor {
        color                   : #002852;
}

/** Definitionen fuer die Navigation **/
input.navigationinput {
        font-size               : x-small;
	width			: 16em;
}

select.navigationselect {
        font-size               : x-small;
        width                   : 16em;
}


/** 2.2 content ************************************************************************************/


div#content {
        font-size               : small;
        padding                 : 2em;
        margin                  : 0 0 0 15em;
	border-color	        : #006dad;
	border-width	        : 1px 0 0 1px;
	border-style	        : solid none none solid;
	background-color        : #FFF;
}

div#showAusschreibungOhneFrame {
        font-size               : small;
        padding                 : 2em;
        margin                  : 0 0 0 0;
    border-color            : #006dad;
    border-width            : 1px 0 0 1px;
    border-style            : none none none none;
    background-color        : #FFF;
}

div#content p {
	padding			: 0;
	margin			: 0 0 .7272em 0;
}

/** Definitionen fuer bestimmte Seiten/Kontexte ************************************************/


/** News, Hinweise und AGBs auf der Startseite **/
#news {
       float                    : left;
       width                    : 45%;
}

#newstable {
       float                    : left;
}

#news tr td {
	background-image	: url(images/pfeil_off.gif);
	background-repeat	: no-repeat;
        background-position     : 8px;
        padding-left            : 17px;
}

#hinweise {
        float                   : right;
        width                   : 45%;
}

#agbs {
        margin-top              : 5em;
        clear                   : both;
}

.esendertop {
	border-color	        : #006dad;
	border-width	        : 0 0 1px 0;
	border-style	        : none none solid none;
}

.esendercontent {
        font-size               : small;
        padding                 : 2em;
        margin                  : 0 0 0 15em;
}

/** Ausschreibungstexte - START ********************************************************************************/

h4.titel {
	text-align: center;
	font-size: small;
	color: black;
}

h4.ebene2ueberschrift, 
	h4.ebene3ueberschrift {
	margin-top: 0;
	margin-bottom: 0;
	font-size: small;
	color: black;
	text-indent: -3px;
}

h4.abschnitt{
	font-variant: small-caps;
	color: black;
	font-size: small;
}

div.nummer {
	float: left;
	width: 3em;
	margin-bottom: .5em;
	font-size: small;
	font-weight: bold;
}

div.ueberschrift {
	float: left;
	width: 19em;
	margin-left: 3em;
	margin-bottom: .5em;
	font-size: small;
}

div.ueberschriftNationalOhneNr {
	float: left;
	width: 19em;
	margin-left: 6em;
	margin-bottom: .5em;
	font-size: small;
}

div.eingabetextOhneUeberschriftOhneNr {
	margin-left: 6em;
	margin-bottom: .5em;
	font-size: small;
}

div.eingabetextOhneUeberschrift {
	margin-left: 6em;
	margin-bottom: .5em;
	font-size: small;
}

 div.ueberschriftOhneNummer {
	float: left;
	clear: both;
	width: 19em;
	margin-left: 3em;
	margin-bottom: .5em;
	font-size: small;
}

div.eingabetext {
	margin-left: 25em;
	margin-bottom: .5em;
	font-size: small;
}

div.ebene2num,
div.ebene3num {
	float: left;
	width: 4em;
	font-size: small;
	font-weight: bold;
}

div.losnr{
	float: left;
	width: 5em;
	font-size: small;
	font-weight: bold;
}

div.ebene2value,
div.ebene3value {
	margin-left: 5em; 
	margin-bottom: 1em;
	font-size: small;
}

div.vobFeldname {
	float: left;
	width: 25em;
   }
   
div.vobFeldnameKompletteBreite {
	width: 55em;
}

div.vobFeldwert{
	margin-left: 28em; 
	font-size: small;
	margin-bottom: .5em;					
}

/** Header VOB-Formulare - START */

div.vobUeberschrift{
	margin-top: 1.2em;
	margin-bottom: 1em;
    font-size: small;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}

div.vobUeberschriftNummer{
	float: right;
	width: 10em;
	margin-bottom: 2em;
	font-size: small;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}

span.untertitel{
  	font-size: small;
}

/** Header VOB-Formulare - ENDE */

.ausschreibungsbuttons,.showausschreibungbuttons {
        width                   : 100%;
        text-align              : right;
}

/** Ausschreibungstexte - ENDE ********************************************************************************/

/** Tabellen *******************************************************************************************/
.evtable {
        text-align              : left;
        margin-bottom           : 1em;
        margin-top              : 0.4em;
}


table {
        border                  : 0;
        border-collapse         : collapse;
}

table caption {
        text-align              : left;
}

#news {
        float                   : left;
}

table caption.minor {
        display                 : none;
}


table.evtable tr th {
	background-color        : #FFBA00;
	border-width	        : 2px;
	border-style	        : groove;
        padding                 : 3px 10px;
}
table.evtable tr td {
	border-width	        : 2px;
	border-style	        : groove;
        padding                 : 3px 10px;
}
tr.ungeradezeile {
        background-color        : #DEE7F7;
}

/* Dies ist zum Darstellen der Ausschreibungsdetailansicht */
td.yellowBack  {
        vertical-align          : top;
        font-weight             : bold;
}
td.blueBack  {
        vertical-align          : top;
}

/** Darstellung von Formularen  *************************************************************/

input.checkbox {
  padding-left: 0;
  margin-left: 0;
}

/** Schaltflächen (Buttons) **/
div.schaltflaecheformular {
        font-weight                   : bold;
        width                         : auto;
}

div.schaltflaeche, input.schaltflaeche,
input.schaltflaecherechts, a.schaltflaeche,
a.schaltflaecherechts, a.schaltflaecheSchraffiert {
        font-size                     : small;
        font-weight                   : bold;
        background-color              : #FFBA00;
        color                         : #000000;
/**        color                         : #006DAD; **/
}

input.schaltflaecherechts, a.schaltflaecherechts, .schaltflaecheformularrechts {
        float                         : right;
        color                         : #000000;
}

a.schaltflaeche, a.schaltflaecherechts {
        margin                        : 4px 4px 4px 4px;
        padding                       : 2px 10px 2px 10px;
}
.schaltflaecheformular a:link,
.schaltflaecheformular a:visited,
.schaltflaecheformularrechts a:link,
.schaltflaecheformularrechts a:visited,
a.schaltflaecheSchraffiert {
        border-top                    : 2px solid #e0e0e0;
        border-bottom                 : 2px solid #4a4a4a;
        border-left                   : 2px solid #e0e0e0;
        border-right                  : 2px solid #4a4a4a;
        color                         : #000000;
}
.schaltflaecheformularrechts a:active,
.schaltflaecheformular a:active{
        border-bottom                 : 2px solid #e0e0e0;
        border-top                    : 2px solid #4a4a4a;
        border-right                  : 2px solid #e0e0e0;
        border-left                   : 2px solid #4a4a4a;
}
a.schaltflaecheSchraffiert {
        font-style                    : italic;
        color                         : #FFFFFF;
        vertical-align                : middle;
        margin                        : 0px 4px 0px 0px;
        padding                       : 1px 10px 1px 10px;
}

/** Kontaktformular **/

#kontaktFormular {
        float                   : left;
        padding                 : 1em 1em 1em 1em;
        background-color        : #DEE7F7;
        max-width               : 60em;
        min-width               : 20em;
        width                   : 75%;
}

input.kontaktInput, .kontaktInputReadonly, textarea.kontaktInput{
        float                   : left;
}

.kontaktInputReadonly {
        background-color        : #E0E0E0;
}

label.kontaktLabel {
        float                   : left;
}
p.kontaktParagraph {
        clear                   : both;
        margin-bottom           : 0;
        padding-bottom          : 0;
}

p.buttonGroup {
        float                   : right;
}

/** Formular erweiterte Suche **/

#erweitertesuche {
        padding                 : 1em 1em 1em 1em;
        max-width               : 60em;
        width                   : 46em;
}

#profilForm {
        max-width               : 60em;
        width                   : 46em;
        padding                 : 1em 1em 1em 1em;
}

div.labelErweiterteSuche {
        float                   : left;
        margin-bottom           : .5em;
        width                   : 13em;
}
div.eingabeErweiterteSuche {
        margin-left             : 13em;
        font-size               : small;
        white-space             : nowrap;
        margin-bottom           : .5em;
}
div.erweiterteSchaltflaechen {
        float                   : right;
        margin-bottom           : .5em;
}

input.eingabeErweiterteSuche {
        font-size               : x-small;
        width                   : 10em;
}

input.eingabeErweiterteSucheExtended {
        font-size               : x-small;
        width                   : 13.5em;
}

select.eingabeErweiterteSuche {
        font-size               : x-small;
        margin-bottom           : 0;
        margin-bottom           : 2px;
        white-space             : nowrap;
        min-width               : 15em;
        width                   : 70%;
}
fieldset.fieldseterweitertesuche {
        clear                   : right;
        padding                 : .5em .5em .5em .5em;
        min-height              : 3.5em;
}

/** Vergabestellenindex **/
.mandantLetterList, .mandantLetterList ul {
	list-style		: none;
}

.mandantLetterList ul li img {
	margin-bottom           : -3px;
        margin-right            : 4px;
}

.mandantLetterList ul li input {
	margin-bottom           : -1px;
}

.mandantIndexButtons {
        width                   : 60%;
        min-width               : 25em;
        text-align              : right;
        margin-top              : .5em
}

/** Formulare: Global **/

select {
        color                   : black;
        width                   : 95%;
        font-size               : x-small;
}

.formBackground, #formBackground {
        background-color        : #DEE7F7;
}
div.formEntry {
        vertical-align          : middle;
        margin-left             : 1em;
        text-align              : left;
}


/** Ueberschriften **************************************************************************/
h1, h2, h3, h4 {
        font-family             : Verdana,Arial,Helvetica,sans-serif;
        font-weight             : bold;
}
h4 {
        color                   : #002852;
}
h3 {
        font-size               : medium;
        color:#002852;
}
h2 {
        font-size               : large;
        color                   : #002852;
}
h1 {
        color                   : #002852;
}

/** Layouthilfen **************************************************************************/
.clearfix:after {
    content                     : ".";
    display                     : block;
    height                      : 0;
    clear                       : both;
    visibility                  : hidden !important;
}

.clearfix {
    display                     : inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {
    display                     : block;
}
/* End hide from IE-mac */

/* Overflow-Hack */
.floatbox {
    overflow                    : hidden;
}

.clear_columns{
    content                     : ".";
    display                     : block;
    height                      : 0;
    font-size                   : 0;
    clear                       : both;
    float                       : left;
    visibility                  : hidden;
    border                      : 0;
    margin-top                  : -2em;
}


/** Testboxen ****************************************************************************/
/**
#topzeile {
  border-color: red;
  border-style: solid;
  border-width: 1px 2px 3px 4px;
}
#rechtespalte {
  border-color: darkgreen;
  border-style: solid;
  border-width: 1px 2px 3px 4px;
}
#logo {
  border-color: yellow;
  border-style: solid;
  border-width: 1px 2px 3px 4px;
}
#serviceleiste {
  border-color: green;
  border-style: solid;
  border-width: 1px 2px 3px 4px;
}
#navigationsleiste {
  border-color: blue;
  border-style: blue;
  border-width: 1px 2px 3px 4px;
  width:        15em;
  float:        left;
}
#druckansicht {
  border-color: black;
  border-style: solid;
  border-width: 1px 2px 3px 4px;
}
#hauptnavileiste {
  border-color: purple;
  border-style: solid;
  border-width: 1px 2px 3px 4px;
}
#content {
  border-color: lightgreen;
  border-style: solid;
  border-width: 1px 2px 3px 4px;
}
#agbs {
  border-color: blue;
  border-style: solid;
  border-width: 1px 2px 3px 4px;
}

**/