@charset "utf-8";
/* CSS Document */

body {
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 2;
    font-size: 20px;
    margin: 0 auto;
    width: 95%;
}

th,td {
  text-align: left;
  padding-left: 0.3em;
}

#Meldung { font-weight: bold; font-size: 120%; padding: 10px 25px 0; }
#errormessage { color: #ff0000; }
#message { color: #00aa00; }

.eingaben label, 
.eingaben input, 
.eingaben select, 
.eingaben .insteadOfInput { float: left; }
.eingaben label { text-align: right; margin: 0 5px 0 0; }
.eingaben ul, 
.eingaben ol { list-style-position: inside; }

fieldset.eingaben  { margin: 0 auto; }
.eingaben .nichtSichtbar { visibility: hidden; width: 1px; height: 1px; }
fieldset.eingaben  input, 
fieldset#eingabemaske select { height: auto; width: 500px; margin: 0; background: #f8f8f8; }
fieldset.eingaben  label { width: 200px; }
fieldset.eingaben  div.row { clear: left; height: 40px; }

header { height: 100px; background: #eee; }

#content { margin: 20px 10px 5px; }

p { margin: 0 0 1em; }

.fett { font-weight: bold; }

.createdMessage { margin-top: 2em; border: 1px solid; padding: 0.5em; }
.createdMessage legend { padding: 0 0.5em; font-weight: bold; }
.auflistung { clear: left; }

.box-error { background: #f11; padding: 2px; }
.box-error-msg { background: #f77; margin-bottom: 1em; padding: 2px 5px; }
.box-info { background: #1f1; padding: 2px; margin-bottom: 1em; }

table { margin: 10px auto; }
td { padding: 2px 5px; text-align: left; }

#links { margin: 0.5em 0 2em; }
.uebersicht { margin-bottom: 1em; }
.wrapperAuftraege {
   margin-top: 3em;
   text-align: center;
   width:      99%;
}

.alleAuftraege {
   width: 99%;
}

.trAuftrag:hover {
   background-color: #cfcfcf;
}

.wrapperLinks {
   text-align: right;
   padding-right: 1em;
   color: #0000ff;
   /* font-weight: bold; */
}

.pagelink,.pagelink:link,.pagelink:visited,.pagelink:active {
   color: #8080ff;
   text-decoration: none;
   font-weight: normal;
}

.pagelink:hover {
   color: #8080ff;
}


.auftraglink,.auftraglink:link,.auftraglink:visited,.auftraglink:active,.auftraglink:hover {
   display: block;
   height: 100%;
   width: 100%;
   color: #000000;
   text-decoration: none;
}

.ausgelagert { color: #555; }

.help {
    line-height: 1.5;
    font-size: 0.8em;
    color: #cc0000;
}
.sf-menu,.sf-menu * {
	margin:0;
	padding:0;
	list-style:none;
}
.sf-menu {
	line-height:1.0;
}
.sf-menu ul {
	position:absolute;
	top:-999em;
	width:12em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:100%;
}
.sf-menu li:hover {
	visibility:inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:left;
	position:relative;
}
.sf-menu a {
	display:block;
	position: relative;
}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {
	left:0;
	top:2.5em; /* match top ul list item height */
	z-index:99;
}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {
	left:12em; /* match ul width */
	top:0;
}
ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {
	left:12em; /* match ul width */
	top:0;
}

/*** menu skin ***/

.sf-menu {
	float:left;
	font: Arial,Helvetica,sans-serif;
        font-size: 20px;
}
.sf-menu a {
	padding:.75em 1em;
	text-decoration:none;
}
.sf-menu ul a {
	/*border-bottom: 1px solid #333;*/
}
.sf-menu a,.sf-menu a:visited {
	/* visited pseudo selector so IE6 applies text colour*/
	color:#eee;
}
.sf-menu li {
	background:#444;
	margin:12px;
}
.sf-menu>li {
	border-radius:4px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.sf-menu li li {
	background:#444;
}
.sf-menu li li li {
	background:#444;
}
.sf-menu li:hover,.sf-menu li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active {
	background:#555;
	outline:0;
}
.sf-menu>li:hover,.sf-menu>li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active {
	border-radius:4px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.sf-menu li.current {
	background: #266DBB;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right:2.25em;
	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:absolute;
	display:block;
	right:.75em;
	top:1.05em; /* IE6 only */
	width:10px;
	height:10px;
	text-indent:-999em;
	overflow:hidden;
	background:url('../img/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a>.sf-sub-indicator { /* give all except IE6 the correct values */
	top:.8em;
	background-position:0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus>.sf-sub-indicator,a:hover>.sf-sub-indicator,a:active>.sf-sub-indicator,li:hover>a>.sf-sub-indicator,li.sfHover>a>.sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
	background-position:-10px 0;
}
.sf-menu ul a>.sf-sub-indicator {
	background-position: 0 0;
}
/* apply hovers to modern browsers */
.sf-menu ul a:focus>.sf-sub-indicator,.sf-menu ul a:hover>.sf-sub-indicator,.sf-menu ul a:active>.sf-sub-indicator,.sf-menu ul li:hover>a>.sf-sub-indicator,.sf-menu ul li.sfHover>a>.sf-sub-indicator {
	background-position: -10px 0;
	/* arrow hovers for modern browsers*/
}





.sf-button,.sf-button * {
	margin:0;
	padding:0;
	list-style:none;
}
.sf-button {
	line-height:1.0;
}
.sf-button ul {
	position:absolute;
	top:-999em;
	width:12em; /* left offset of submenus need to match (see below) */
}
.sf-button ul li {
	width:100%;
}
.sf-button li:hover {
	visibility:inherit; /* fixes IE7 'sticky bug' */
}
.sf-button li {
	float:left;
	position:relative;
}
.sf-button a {
	display:block;
	position: relative;
}
.sf-button li:hover ul,.sf-button li.sfHover ul {
	left:0;
	top:2.5em; /* match top ul list item height */
	z-index:99;
}
ul.sf-button li:hover li ul,ul.sf-button li.sfHover li ul {
	top: -999em;
}
ul.sf-button li li:hover ul,ul.sf-button li li.sfHover ul {
	left:12em; /* match ul width */
	top:0;
}
ul.sf-button li li:hover li ul,ul.sf-button li li.sfHover li ul {
	top: -999em;
}
ul.sf-button li li li:hover ul,ul.sf-button li li li.sfHover ul {
	left:12em; /* match ul width */
	top:0;
}

/*** button skin ***/

.sf-button {
	float:left;
	font: Arial,Helvetica,sans-serif;
        font-size: 20px;
}
.sf-button a {
	padding:0.2em 0.2em;
	text-decoration:none;
        border: 1px #adadad solid;
}
.sf-button ul a {
	/* border-bottom: 1px solid #333; */
}
.sf-button a,.sf-button a:visited {
	/* visited pseudo selector so IE6 applies text colour*/
        color: #000000;
}
.sf-button li {
	background:#e1e1e1;
	margin:12px;
        border: 0;
}
.sf-button>li {
	border-radius:4px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.sf-button li li {
	background:#888;
}
.sf-button li li li {
	background:#888;
}
.sf-button li:hover,.sf-button li.sfHover,.sf-button a:focus,.sf-button a:hover,.sf-button a:active {
	background:#aaa;
	outline:0;
}
.sf-button>li:hover,.sf-button>li.sfHover,.sf-button a:focus,.sf-button a:hover,.sf-button a:active {
	border-radius:4px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.sf-button li.current {
	background: #266DBB;
}

/*** arrows **/
.sf-button a.sf-with-ul {
	padding-right:2.25em;
	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:absolute;
	display:block;
	right:.75em;
	top:1.05em; /* IE6 only */
	width:10px;
	height:10px;
	text-indent:-999em;
	overflow:hidden;
	background:url('../img/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a>.sf-sub-indicator { /* give all except IE6 the correct values */
	top:.8em;
	background-position:0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus>.sf-sub-indicator,a:hover>.sf-sub-indicator,a:active>.sf-sub-indicator,li:hover>a>.sf-sub-indicator,li.sfHover>a>.sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-button ul .sf-sub-indicator {
	background-position:-10px 0;
}
.sf-button ul a>.sf-sub-indicator {
	background-position: 0 0;
}
/* apply hovers to modern browsers */
.sf-button ul a:focus>.sf-sub-indicator,.sf-button ul a:hover>.sf-sub-indicator,.sf-button ul a:active>.sf-sub-indicator,.sf-button ul li:hover>a>.sf-sub-indicator,.sf-button ul li.sfHover>a>.sf-sub-indicator {
	background-position: -10px 0;
	/* arrow hovers for modern browsers*/
}


.clickable { cursor: pointer; }
.clickable tbody tr:hover { background: #777; }

button, input, select, option { font-size: 100%; cursor: pointer; }

.buttonRow button { margin-right: 5%; }

a.xbutton {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

    text-decoration: none;
    color: initial;
}

#logo {float: right;}