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;
}

img {
    border: 0;
}

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

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

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;

	/* Flaeche für den Footer freischlagen	Muss bei groeszer werdendem Footer angepasst werden */
	padding-bottom: 100px;
}

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

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;
}

.deaktiviert {
	color: #c6c7c9;
}

/* 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 5px 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;
}

/* 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 Workflowverwaltung */
.workflowwarnung {
	margin: 5px 2px 10px 2px;
	padding: 5px;
	font-weight: bold;
	background-color: #ffdddd; /* siehe .doppelt */
}
/* 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_info {
	font-weight: bold;
    color: #FFFFFF;
    background-color: #1b2c57;
    margin: 0px 2px;
    padding: 2px 10px;
	text-align: center;
}

.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;
}

.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_mini {
    border: 0;
    padding: 5px;
    text-align: center;
}

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

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

.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 0;
    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%;
}

.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;
}

.small_margin {
	margin: 3px 0;
}

.hover:hover {
	background-color: whitesmoke;
	box-shadow: 1px 1px 3px #CCC;
}

/* Styles für Tabellen */

.table {
    width: 100%;
}

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

.table_heading a {
	color: #FFFFFF;
}

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

.table_row {
}

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

.table_icon {
	font-size: 100%;
    border: 1px solid #999;
    padding: 1px;
	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;
}

/* Style für doppelte Dateien bei Aufträge hinzufügen */

.doppelt, .warnung {
	margin: 5px auto;
	padding: 5px;
	background-color: #ffdddd;
	border: 1px solid black;
}
.loginWarnung {
	width: 550px;
	margin-left:auto;
	margin-right:auto;
	font-size: 11px;
}
/* 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;
	/*color: #707173;
	text-decoration: none;
	font-weight: bold;*/
	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;
}*/

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.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 Rechteauswahl */

.form_inside {
	float: left;
	margin: 4px 5px 5px 4px;
    border: 1px solid #CCC;
    padding: 5px;
	min-height: 120px;
	width: 230px;
	display: block;
}

.form_inside ul {
	list-style: none;
	margin-left: 2px;
	padding-left: 2px;
}

h1.form_inside_heading {
	text-align: left;
	font-weight: bold;
	font-size: 10pt;
}

.rechte_radiobuttons {
	margin-top: 15px;
	margin-bottom: 55px;
}

.rechte_radiobuttons ul {
	margin-left: auto;
	margin-right: auto;
	list-style: none;
	padding: 0;
	margin: 0;
}

.rechte_radiobuttons li {
	float: left;
}

 
.hilfebereich {
	float:right;
	clear:right;
	border: 1px solid #AAAAAA;
	padding: 16px 16px;
	margin-top: 20px; 
	margin-right: -20px; 
}