html, body {
    /* Für festhängenden Footer benötigt */
    margin: 0;
    height: 100%;
}

body {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    background-image: url(./img/hintergrund.png);
    background-repeat: repeat-x;
    background-color: #e3e4e5;
    /*overflow-y: scroll; /* Scrollbalken immer anzeigen (verhindert "springen" des Seiteninhalts) */
}

img {
    border: 0;
}

h1 {
    font-size: 14pt;
    color: #1b2c57;
    margin-top: 10px;
    margin-bottom: 10px;
}

hr {
	color: #999;
}

/* Autotexte in der Tabelle bei Autotext Übersicht */
.autotext_td h1, .autotext_td h2, .autotext_td h3, .autotext_td h4 {
    color: #000;
    font-family: sans-serif;
    font-weight: 100;
}

h2 {
    font-size: 12pt;
    margin-top: 8px;
    margin-bottom: 8px;
}

h2.abstand {
    margin-top: 20px;
}

h3 {
    font-size: 11pt;
}

div#wrapper {
    margin-left: auto;
    margin-right: auto;
    /* Variable Breite für fließendes Layout */
    min-width: 1060px;
    max-width: 1280px;
    /* Für festhängenden Footer benötigt */
    min-height: 100%;
    position: relative;
}

div#inhalt {
    padding: 5px;
    padding-right: 20px;
    margin-bottom: 10px;
    margin-left: 30px;
    /* Abstand Rechts für das Rechtsmenü */
    margin-right: 205px;
    /* Fläche für den Footer freischlagen
     Muss bei größer werdendem Footer angepasst werden */
    padding-bottom: 100px;
}

div#inhalt.uebersicht {
    /* Anderer Wert für den Inhalt falls kein Rechtsmenü vorhanden ist */
    margin-right: 30px;
	padding-right: 5px;
}

div#menue_oben {
    /* Header */
    height: 125px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 20px;
    padding-top: 20px;
    margin: 0 30px 10px 30px;
    position: relative;
    border-bottom: 1px solid #999;
}

div#menue_oben.login {
    /* Header der Loginseite ohne Top-Menü */
    height: 60px;
}

div#logo {
    /* Logo im Header */
    float: left;
    margin-left: -5px;
}

div#logo a {
    text-decoration: none;
}

/* Rechtsmenü */
div#menue_rechts {
    border-left: 1px solid #707173;
    width: 150px; /* Eventuell noch etwas verbreitern */
    padding-right: 5px;
    padding-left: 20px;
    padding-top: 15px;
    padding-bottom: 60px;
    margin: 0 30px 10px 0;
    /* Positionierung des Rechtsmenüs mit passendem Rahmen
     Top Wert muss bei Änderung der Höhe des Headers entsprechend angepasst werden
     Bottom Wert muss bei Änderung der Höhe des Footers entsprechend angepasst werden */
    position: absolute;
    right: 0;
    top: 180px;
    bottom: 70px;
}

div#menue_rechts a {
    color: #1b2c57;
    font-weight: bold;
    text-decoration: none;
}

div#menue_rechts a:hover {
    font-weight: bold;
    text-decoration: underline;
}

div#menue_rechts .fake_link {
    color: #1b2c57;
    font-weight: bold;
}

div#menue_rechts .fake_link:hover {
    text-decoration: underline;
}

/* Footer */
div#footer {
    text-align: center;
    border-top: 1px solid #999;
    margin-left: 30px;
    margin-right: 30px;
    padding-top: 5px;
    /* Positionierung des Footers
     Durch die left/right Werte wird erreicht, dass das Margin genutzt wird
     Feste Höhe wird für festhängenden Footer benötigt */
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
}

div#footer a {
    text-decoration: none;
    color: black;
}

div#footer a:hover {
    text-decoration: underline;
}

/* Styles für Nebeneinanderdarstellung Projekte Dateien */
div#dateien_wrapper {
    position: relative;
    height: 350px;
}

div.dateiverwaltung {
    width:390px;
	position: absolute;
	right: 0;
	margin: 20px 0 0 0;
	height: 298px;
}

div.neben_datei {
    position: absolute;
    left: 0;
}

/* Userbereich oben rechts */
div.user_header {
    background-color: #1b2c57;
    color: white;
    font-size: 8pt;
    float: right;
    padding: 5px;
    margin-right: -5px;
}

div.user_header a {
    color: white;
    text-decoration: none;
    vertical-align: middle;
}

div.user_header img {
    vertical-align: middle;
}

div.user_header a:hover {
    text-decoration: underline;
}

/* Projekte-Hinzufügen Div für Vorschaulinks */
div.vorschau {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 3px 3px 0 3px;
    background-color: #1b2c57;
}

div.vorschau img {
    padding-left: 3px;
    padding-right: 3px;
}

/* Rahmen um Menü */
div#menue_wrapper {
    background-image: url(./img/menue_rahmen.png);
    background-repeat: repeat-x;
    position: absolute;
    left: 5px;
    right: 5px;
    bottom: 20px;
    height: 48px;
}

div#wrapper_links {
    background-image: url(./img/menue_links.png);
    position: absolute;
    left: 0;
    bottom: 20px;
    height: 48px;
    width: 5px;
}

div#wrapper_rechts {
    background-image: url(./img/menue_rechts.png);
    position: absolute;
    right: 0;
    bottom: 20px;
    height: 48px;
    width: 5px;
}

/* Styles für Auftragstabelle */
/* Hervorhebung alle 2 Reihen */
.tab_auftrag {
    background-color: #c6c7c9;
}

/* Auftrag abgeschlossen */
.done {
    background-color: #dfffd5;
}

/* Auftrag in Bearbeitung */
.work {
    background-color: #fffddd;
}

/* Auftrag fehlerhaft */
.error {
    background-color: #ffdddd;
}

/* Div für Multiuploder */
.uploader {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    width: 390px;
}

/* Diverse Styles für Meldungen */
.meldung {
    border: 1px solid #999;
    margin: 20px auto;
    padding: 5px;
    width: 350px;
}

.meldung_oben {
    text-align: center;
    padding: 5px;
    background: #1b2c57;
    color: white;
    font-size: 110%;
}

.meldung_fehler_oben {
    color: white;
    text-align: center;
    padding: 5px;
    background-color: #1b2c57;
    font-size: 110%;
}

.meldung_erfolg_oben {
    color: white;
    text-align: center;
    padding: 5px;
    background-color: #1b2c57;
    font-size: 110%;
}

.meldung_link {
    text-align: right;
    padding: 5px;
    margin: 0;
    border: 1px solid #999;
}

.meldung_link a {
    color: #000;
    font-weight: bold;
}

.meldung_form {
    border: 0;
    padding: 0;
    margin: 0;
    text-align: right;
}

.meldung_form input {
    border: 1px solid #999;
    background: #CCC;
    color: #000;
    padding: 5px;
}

.test_warnung {
	margin: 20px auto 5px auto;
	padding: 10px;
	border: 1px solid #999;
	text-align: center;
	width: 80%;
}

.warnung {
	margin: 5px auto;
	padding: 5px;
	background-color: #ffdddd;
	border: 1px solid black;
}

/* Styles für Links */

.link {
	text-decoration: none;
	color: black;
}

.link:hover {
	text-decoration: underline;
}

/* Styles für die Formulardarstellung */
.form {
    border: 1px solid #999;
    margin: 20px auto;
    padding: 5px;
    width: 550px;
}

.form_big {
    padding: 4px 8px;
    border: 1px solid #999;
}

.form_mini {
    border: 0;
    padding: 5px;
    text-align: center;
}

.form input, .form_big input {
    border: 1px solid #999;
    background: #CCC;
    color: #000;
}

.form textarea, .form_big textarea {
    border: 1px solid #999;
    background: #CCC;
    color: #000;
    width: 300px;
    height: 125px;
}

.form textarea.gross {
    width: 550px;
    height: 250px;
}

.form_mini input {
    border: 1px solid #999;
    background: #CCC;
    color: #000;
}

.form_checkbox { 
    padding-top: 5px;
    padding-bottom: 5px;
	
}

.form_select {
}

.form_select select {
    border: 1px solid #999;
    background: #CCC;
    color: #000;
}

.form_heading {
    text-align: center;
    padding: 5px 5px 10px 5px;
    font-size: 100%;
    font-weight: bold;
}

.form_text {
    float: left;
    width: 200px; 
    padding: 5px 5px 5px 0px;
    margin: 0 5px 0 0;
    border-bottom: 1px solid #999;
}

.form_space {
    float: left;
    width: 200px;
    padding: 5px 5px 5px 0;
    margin: 0 5px 0 0;
}

.form_input {
    padding: 5px 5px 5px 0;
}

.form_desc {
    font-size: 60%;
}

.form_textinput {
	width: 250px;
}

.ansichtbutton {
    width: 220px;
    height: 32px;
    margin: 16px;
    border: 1px black solid;
    background: white;
    color: black;
    font-weight: bold;
}

.ansichtbutton > img {
    vertical-align: top;
    margin-right: 8px;
}

.ansichtbutton_aktiv {
    background: #1b2c57;
    color: white;
}

/* Styles für Tabellen */
.table {
    width: 100%;
}

.table_heading {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #1b2c57;
}

.table_heading_left {
    font-weight: bold;
    color: black;
    background-color: #c6c7c9;
}

.table_row {
}

.table_td {
    font-size: 100%;
    border: 1px solid #999;
    padding: 1px;
	padding-left: 3px;
}

.table_icon {
	font-size: 100%;
    border: 1px solid #999;
    padding: 1px;
	padding-left: 3px;
	width: 25px;
	text-align: center;
}

/*  Tabellenzelleninhalt bei Notizen wird auf 5 Zeilen begrenzt */
.notizzeilen {
    max-height: 80px;
    overflow: auto;
}

/* Hervorhebung im Rechtsmenü bei Aktivierung eines Menüpunktes */
.menue_markiert {
    background-color: #c6c7c9;
}

/* Styles fürs Top-Menü */
#menue_normal {
    /* Absolute Positionierung um Margins wirksam zu machen */
    /*position: absolute;
     left: 0;
     right: 0;
     bottom: 20px;
     margin-left: 5px;
     margin-right: 5px;
     box-shadow: 0 0 3px 3px #707173;*/
    margin-top: 5px;
    background-color: white;
}

ul.menue_normal {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.menue_normal li {
    float: left;
    width: 180px;
    text-align: center;
}

ul.menue_normal a {
    display: block;
    background-color: white;
    /* Temporär für Textlink im Menü */
    color: #707173;
    text-decoration: none;
    font-weight: bold;
    /* Ende Temporär für Textlink im Menü */
    padding: 5px;
    height: 28px;
    /* Calibri Schriftwerte */
    /*padding-top: 5px;
     padding-bottom: 5px;
     font-size: 170%;
     font-family: Calibri, Verdana, Geneva, Arial, Helvetica, sans-serif;*/
    /* Normale Schriftwerte */
    /*padding-top: 10px;
     padding-bottom: 10px;
     font-size: 120%;*/
    border-right: 1px solid #999;
}

/*ul.menue_normal a:hover, ul.menue_normal a.aktiv {
 color: white;
 background-color: #1b2c57;
 }*/
ul.menue_normal a.aktiv, ul.menue_normal a:hover {
    background-color: #1b2c57;
    color: white;
    /* Temporäres Style für Textlinks im Menü */
}

a.home {
    background-image: url(./img/menue_home.png);
    background-repeat: no-repeat;
    background-position: center;
}

a.home:hover, a.home.aktiv {
    background-image: url(./img/menue_home_hover.png);
    background-color: #1b2c57;
}

a.projekte {
    background-image: url(./img/menue_projekte.png);
    background-repeat: no-repeat;
    background-position: center;
}

a.projekte:hover, a.projekte.aktiv {
    background-image: url(./img/menue_projekte_hover.png);
    background-color: #1b2c57;
}

a.produkte {
    background-image: url(./img/menue_produkte.png);
    background-repeat: no-repeat;
    background-position: center;
}

a.produkte:hover, a.produkte.aktiv {
    background-image: url(./img/menue_produkte_hover.png);
    background-color: #1b2c57;
}

a.autotexte:hover, a.autotexte.aktiv {
    background-image: url(./img/menue_autotexte_hover.png);
    background-color: #1b2c57;
}

a.autotexte {
    background-image: url(./img/menue_autotexte.png);
    background-repeat: no-repeat;
    background-position: center;
}

a.titelbilder:hover, a.titelbilder.aktiv {
    background-image: url(./img/menue_titelbilder_hover.png);
    background-color: #1b2c57;
}

a.titelbilder {
    background-image: url(./img/menue_titelbilder.png);
    background-repeat: no-repeat;
    background-position: center;
}

a.admin {
    background-image: url(./img/menue_admin.png);
    background-repeat: no-repeat;
    background-position: center;
}

a.admin:hover, a.admin.aktiv {
    background-image: url(./img/menue_admin_hover.png);
    background-color: #1b2c57;
}

a.hilfe {
    background-image: url(./img/menue_hilfe.png);
    background-repeat: no-repeat;
    background-position: center;
}

a.hilfe:hover, a.hilfe.aktiv {
    background-image: url(./img/menue_hilfe_hover.png);
    background-color: #1b2c57;
}

/* Admin Untermenü */
ul.untermenue {
    margin: 0;
    margin-top: 50px;
    margin-left: 155px;
    padding: 0;
    list-style: none;
}

ul.untermenue li {
    float: left;
    text-align: center;
}

ul.untermenue a {
    display: block;
    background-color: #707173;
    text-decoration: none;
    color: white;
    padding: 3px;
    border: 1px solid black;
    margin-right: 3px;
}

ul.untermenue a:hover, ul.untermenue a.aktiv {
    background-color: #c6c7c9;
    color: black;
}

/* Styles für Paginierung */
.paginierung {
    background: whitesmoke;
    margin: 4px;
    padding: 2px;
    text-align: center;
}

.paginierung button {
    margin: 0px 4px;
}

/* Styles für Vorschau Eingabemaske @TODO: Eventuell verlagern */


.titel_gross {
	margin-top: 1em; 
	font-size: large;
}

.titel_sehr_gross {
	margin-top: 1em; 
	font-size: x-large;
}

.titel_klein {
	margin-top: 0.6em; 
	font-size: small;
}


.zentriert {
	text-align: center;
}

.rechtsbuendig {
	text-align: right;
}