.content-mitte {
margin-top:2px;
padding: 0px 0% 0px 0%;
width: 100%; /* 99.75%die verbleibenden 0.25% gleichen border aus */
float:left;
/*border: 1px solid transparent; siehe layout_background.css*/
/*background-color: siehe layout_background.css */
}



font,th,th,td,p,div,h1,h2,h3,h4,h5,h6,textarea, input, select, option, span, ol, ul, li, body { font-family: 'DejaVu Sans', sans-serif; line-height:150%}  /* font-family: Verdana, Helvetica, sans-serif;*/
h1,h2,h3,h4,h5,h6 {font-weight: bold;display:block;padding: 4px 4px 4px 4px; margin: 2px 0px 1px 0px;}


td {padding: 5px 4px 5px 4px;}
/*ol, ul, li {margin:0; padding:0;}*/
h1 {
color: #FF7F00;
font-size: 20px;
margin: 0px 0px 5px 0px;
}
h2 {
color: #404E95;
font-size: 16px;
margin: 0px 0px 5px 0px;
}
h3 {color: #000066;font-size: 14px; margin: 2px 0px 3px 0px;}
h4 {color: #000000;font-size: 12px;}
h5 {color: #000000;font-size: 12px;}
h6 {color: #000000;font-size: 12px;}

body { font-size: 14px;padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;} /*margin: 3px 2px 6px 2px*/
p {margin: 2px 0px 12px 0px; padding: 0px 0px 0px 0px} /* Das margin definiert den Abstand des p-Tags zu umgebenden Elementen.Insbesondere gibt es so die Abstände der Absätze von einander vor. */

/* Für den Einzug von Listeneinträgen*/
li {margin: 0px 0px 12px 0px; padding: 0px 0px 0px 0px}

ul, ol {
margin-left:40px; /* Definiert den Einzug eines Listeneintrages. Überschreibt die Standardbrowsereinstellung.*/
margin-top: 0px;
margin-bottom: 0px;
margin-right:0;
padding: 0;
}

/* General text */
.gen,.select-option, a.select-option,.overall{ font-size : 14px; }
.genmed { font-size : 12px;}
.gensmall {font-size : 11px;}
.gen_grau {color:#7f7f7f}
.gensmall_grau {font-size : 10px; color:#9f9f9f;}
.gen_hinweis {font-size : 10px; color:#9f9f9f; text-align:left;}
.gen_bold {font-weight:bold}



.click_link {cursor: pointer;} /* Menu ausblenden/anzeigen*/

a.genextra,a.genextra:visited { background: url(../../rbc/images/rokrudit_link.png) no-repeat 0px 2px; padding-left: 13px; 1px; text-decoration: none; }
a.genextra:hover{ background: url(../../rbc/images/rokrudit_link2.png) no-repeat 0px 2px;}
a.link_disabled {color:#9f9f9f; cursor:text;} /* wird nicht genutzt*/

.extracolor{color: #fff} /* wird verwendet für die Schriftfabe, bei blauem hintergrund */
.extra_background {/*background: #00668b;*/} /* definiert in den popupfenstern den blauen background */
.hover_bg {background-color: #E4F2FF}


.tableline {
background-color: transparent;
width: 100%;
margin: 0% 0% 0% 0%;
}

.tableline_ue {
width: 100%;
float: left;
margin: 0.5% 0% 0.5% 0%;
background: #FF7F00;
color: #fff;
text-align: center;
font-weight: bold;
}

.box { /* auswahl.tpl */
position: relative;
margin: 0% 0% 0px 0%; /* Das margin bestimmt den Rahmen um die box */
padding: 0.5% 0% 0.5% 0%;
height: auto;
width: 100%;
border-bottom: 0px solid #F1ECD2;
/*float: left; Diese Anweisung verursucht Fehler bei IE6*/
clear: left;
/*background:#fff;*/
}


div#box-cal-links {
position: relative;
padding: 0.5% 0.0% 0.5% 0.0%;
width: 40%;
float: left;
}
div#box-cal-rechts { /* hier ist der calendar drin */
position: relative;
padding: 0.5% 0% 0.5% 0%;
width: 60%;
float: left;
}

/* wird verwendet in der überschriften-reihe*/
div#box_ue {
position: relative;
margin: 0% 0% 1px 0%;
padding: 0.5% 0.5% 0.5% 0.5%;
height: auto;
width: 99%;
border: 0px solid #F1ECD2;
float: left;
-moz-border-radius: 0px;
-khtml-border-radius: 0px;
background: #D9DCEA;FF7F00;
}

/* Bestimmt das Menu in content-mitte */
.box-menu-projekt {
position: relative;
margin: 0% 0% 1px 0%; /* Das margin bestimmt den Rahmen um die box */
padding: 0% 0% 0% 0%;
width: 100%;
float: left;
background:#00668b;

}
a.menu-projekt {
text-decoration: none;
font-size: 14px;
height: 20px;
background-color: #fff;
padding: 0.4% 0.5% 0.6% 0.5%;
margin: 0% 5px 0% 0%;
text-align: center;
display: inline;
float: left;
border: 2px solid black;
border-left-color: white;
border-top-color: white;
background-color: buttonface;
}
td.menu-projekt{
padding: 5px 0% 3px 2px;
margin: 0px 0px 0px 0%;
}
/* Für die Grafik */
.menu-projekt img{margin-right:5px;}




#calendar-container-flat{margin:0 auto;width:auto;float:right;}

.name_input { /* wird nur genutzt, wenn die edit-Box zum Bearbeiten des Namens genutzt wird, also wenn die alte Einstellung zum Eingeben eines Datensatzes gilt (-> auswahl.tpl)*/
padding: 1px 1px 1px 3px;
height: 16px;
margin: 2px 0px 3px 2px;
font: 14px arial, helvetica, sans-serif;
font-weight: normal;
background-color: #fff;/*#FFFACD;*/
border-top: 2px solid #808080;
border-bottom: 2px solid #ededed;
border-left: 2px solid #404040;
border-right: 2px solid #404040;
width: 95%;
}

.input_preis_zeitraum {
width: 86px;

}
.input_preis_preis {
width: 40px;
text-align: right;
padding-right: 3px;
}
td.input_preis{text-align:center}
td.preis_extra_ue {
font-weight:bold;
color: #000066;
text-align: left;
}

.name_input_upload {
height: 20px;
background-color: #FFFACD;
font-size: 12px; /* notwendig, weil das Feld sonst zu groß angezeigt wird */
}
.name_input_fehler {
background: #ff0000;
color: #fff;
}
.input_kalender { width: 170px; } /* Größenangabe für die Eingabefelder Datum in der Suchmaske*/

option {

/* Diese border-Einstellung ist nur bei Morzilla zu sehen */
border-bottom: 1px solid #eaeaea;
font-weight:normal;
}

/* als erinnerung. optgroup wird derzeit nirgends genutzt*/
optgroup {font: 12px arial, helvetica, sans-serif;font-weight:bold;padding-left: 2px;}

/* Morzilla nimmt nur den select-background beim Anzeigen des "selected" Eintrages. IE überschreibt den select-background mit dem option-background. */
select {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-weight: normal;
/*border-top: 2px solid #808080;
border-bottom: 2px solid #D4D0C8;
border-left: 2px solid #404040;
border-right: 2px solid #404040;*/
/*width: 98%;*/
}

/*
   spalte definiert die Tabellenspalten.
*/
/* wird genutzt in auswahl.tpl*/
td.reihe1{background: transparent;}
td.reihe2{background-color: transparent;}
td.spalte_ue1 {width: 100%;}
td.spalte1{width: 30%;}
td.spalte2{width: 50%;}
td.spalte3 {width: 20%;text-align: center}

td.zeitraum_spalte1 {width: 10%; text-align:center;}
td.zeitraum_spalte2 {width: 15%; text-align:center;}

td.zeitraum_js_spalte1 {width: 95%;}
td.zeitraum_js_spalte1 input, img, p {vertical-align: middle;}
td.zeitraum_js_spalte1 p {display: inline;}

/* Eingabeormular Fotos wird definiert */
div.box_fotos {margin:0 0 0 0;padding:0 0 0 0;border:0;}
table.tableline_fotos_ue {margin:0 0 0 0;padding:0 0 0 0;}
td.reihe_fotos {background-color: transparent; border-bottom: 1px solid; border-color: #9f9f9f;}
td.reihe_fotos_ue {background-color: #eaeaea;}
.reihe_fotos_ue h3 {color: #000066; text-align: center;}

td.fotos_spalte1 {width: 48%; border-right: 1px solid #eaeaea;}
td.fotos_spalte2 {width: 48%; border-right: 1px solid #eaeaea;}
td.fotos_spalte3 {width: 12%; border-right: 1px solid #eaeaea;}
td.fotos_spalte4 {width: 12%; }

td.fotos_upload_spalte1 {width: 60%; border-right: 1px solid #eaeaea;}
td.fotos_upload_spalte2 {width: 38%; border-right: 1px solid #eaeaea;}
td.fotos_upload_spalte3 {width: 12%; }

/* Freitextauswahl wird definiert */
td.reihe_freitext {background-color: transparent; border-bottom: 1px solid; border-color: #eaeaea;}
td.reihe_freitext_ue {background-color: #eaeaea;}
div#box.reihe_freitext_ue h3 {color: #000066; text-align: center;}

td.freitext_spalte1 {width: 5%; border-right: 1px solid #eaeaea; text-align: center;}
td.freitext_spalte2 {width: 78%; border-right: 1px solid #eaeaea;}
td.freitext_spalte3 {width: auto; border-right: 1px solid #eaeaea; text-align: center;}
td.freitext_spalte4 {width: auto; border-right: 1px solid #eaeaea; text-align: center;}
td.freitext_spalte5 {width: auto; text-align: center;}


/* Layout für die Freitextdaten in der Vorschau */
div#container_freitext_vorschau {
margin: 0 0 0 0;
padding:0 0 0 0;
height: auto;
border: 0px solid;
background-color: #fff transparent;
color: #000;
padding: 0% 3% 0% 3%;
}
div.freitext_vorschau {
position: relative;
margin: 1% 0% 1% 0%; /* Das margin bestimmt den Rahmen um die box */
padding: 0% 0% 0% 0%;
height: auto;
width: 100%;
border-bottom: 0px solid #F1ECD2;
float: left;
background: #fff;
}
div.freitext_vorschau p {
margin:0;
}
td.freitext_vorschau_ue{
margin:0;
color: #000066;
font-size: 14px;
font-weight: bold;
background: #fff transparent;
}
table.freitext_vorschau {
position: relative;
background-color: #fff transparent;
float: left;
width: 100%;
}

/* Preis wird definiert */
td.reihe_preis {border-bottom: 1px solid; border-color: #9f9f9f;}
td.preis_border {border-right: 1px solid #9f9f9f;} /* Spaltenabgrenzung */
td.preis_dummy {height:0;margin:0;padding:0}

td.reihe_preis_ue {background-color: #eaeaea; border-bottom: 1px solid; border-color: #9f9f9f;}
div#box.reihe_preis_ue h3 {color: #000066; text-align: center;}

td.preis_spalte1ue {width: 5%; text-align:center; font-weight: bold}
td.preis_spalte2ue {width: 40%; text-align: center;}
td.preis_spalte3ue {width: 40%; text-align: center;}
td.preis_spalte4ue {width: 5%; text-align: center;}
td.preis_spalte5ue {width: 3%;} /* wird überschrieben durch class update_box */
td.preis_bindestrich {width: 1%; text-align:center};
td.preis_grafiken {width: 3%; }
td.preis_spalte_trigger {width: 3%; }
td.preis_spalte_datum {width: 10%; }

td.preis_pro {width:10%}

td.preis_align{text-align:center}
td.preis_border_extra {background: #f5f5f5}
/* Hinweismeldungen */
.allg-hinweis, .allg-hinweis2 {
clear: both;
padding: 0.4% 0.4% 0.4% 0.4%;
text-align: left;
height: auto;
font: 14px monospace;
}

.allg-hinweis-verborgen {
font-size: 12px;
}

.allg-hinweis-normal {color: #000;}
.allg-hinweis-wichtig {color: #fff; background:#ff0000; font-weight: bold;}
.allg-hinweis-programm {color: #000; background:#fff; border: 1px solid red}

.allg-hinweis-formular{
clear: both;
margin: 1px 0px 0px 0px;
padding: 2px 2% 2px 2%;
text-align: center;
height: auto;
width: 96%;
font: 16px monospace;
float: left
}
.allg-hinweis-formular-normal {color: #000; background:#eaeaea;}
.allg-hinweis-formular-wichtig {color: #fff; background:#ff0000; font-weight: bold; font-size: 20px;}

/*.hinweis-formular {float: left;}*/

.update-hinweis {
position: relative;
clear: both;
margin: 1px 0px 0px 0px;
padding: 0.4% 0.4% 0.4% 0.4%;
text-align: center;
height: auto;
width: 100%;
font: 16px monospace;
}
.update-hinweis-ok {color: #fff; font-weight: bold;position: absolute; z-index:10; background: url(../../rbc/images/bg_update_ok.png); width:99%}
.update-hinweis-fehler {color: #fff; background:#ff0000;}


.hinweis-protokoll-body {
margin: 1px 0px 0px 0px;
padding: 1%;
text-align: left;
background: #eaeaea;
display:block;
}
.hinweis-protokoll-felder {
position: relative;
clear: both;
margin: 1px 0px 0px 0px;
padding: 0.4% 0.4% 0.4% 0.4%;
text-align: left;
font-family: monospace;
background: #fff;
display:block;
}

.hinweis-protokoll-text{
color: #000066;
}

.error { /* Layout der Fehlerhinweise im Formular */
font-weight:normal;
color:red;
text-align:left;
padding-left:25px;
background: url(../../rbc/images/rokrudit_cross_16.png) no-repeat scroll  5px 0px;
}

.fehlermeldung {
width:90%;
clear:both;
margin:5px auto;
background:#99CC99;
color:#000;
padding:5px
}
/*
a.gen:visited, a.genmed:visited,a.gensmall:visited{color: #808080; text-decoration: none;}
a.gen:hover,a.genmed:hover,a.gensmall:hover{ color: #DD6900; }
a.gen:active {
background-color: #00668b;
color: #f2f2f2;
}
*/