/* Standard-HTML */

/* colors:
 * yellow: #ffd400
 * blue:   #007acf
 */

*,
img {
  border: 0px none;
  margin: 0px;
  padding: 0px;
  font-family: Verdana, Arial, sans-serif;
  position: static;
}

td.numerical {
  text-align: right;
}

#headers {
  background-color: #000;
  width: 978px;
}

#bodyWrapper {
  width: 978px;
}

body {
  z-index: 50;
  padding-left: 16px;
  color:#FFD400;
  background: #000;
  background-image: url(../images/background.gif);
  background-repeat: repeat-y;
  font-size: 12px;
}

body.help {
  background-color: #ffd400;
  color: #000000;
  padding: 15px;
  background-image: none;
}

h1, h2 {
  color: #007ACF;
  font-weight: bold;
}

body.help h1, h2 {
  font-size: 16px;
}

body.help p {
  margin: 10px 0px;
}

h3 {
  font-weight: normal;
}

h3.disclaimer{
  font-weight: normal;
  color: #007ACF;
}

br { clear:left; }

p.content{
    line-height: 1.5em;
    margin-top: 1em;
}

a:link    { text-decoration : underline; color:#000; }
a:visited { text-decoration : underline; color:#000; }
a:hover   { text-decoration : underline; color:#000; }
a:active  { text-decoration : underline; color:#000; }

dl.facts{
    margin-bottom: 25px;
}

dl.facts dt{
    font-weight: bold;
    padding-top: 8px;
}
dl.facts dt span{
    font-size:15px;
    margin-right:15px;
}

dl.facts dd {
    margin-left:28px;
}

/* allgemeine Klassen */
.intro {
    font-weight: normal;
    line-height: 1.5em;
    margin: 20px 0;
}

.intro em {
    text-decoration: underline;
    font-style: normal;
}

.listheader{ font-weight: bold; }
.brand { text-transform: uppercase; }
h2 .brand { text-transform: uppercase; color: #007ACF; font-weight: bold;}

/* allgemeiner Seitenaufbau */

#headers {
  padding-top: 10px;
}

#logoutbox {
  float: left;
  line-height: 25px;
  padding-right: 10px;
}

#logoutbox img {
  vertical-align: middle;
  margin-left: 15px;
}

#languages {
  float: right;
  line-height: 25px;
}

#languages img {
  border: 1px solid #FFD700;
}

#headnavi {
  line-height: 25px;
}

#headnavi a {
  text-decoration: underline;
  color:#FFD400;
}

#alarmmeldung {
  float: right;
  margin-right: 5px;
  margin-top: 3px;
  color:#FFFFFF;
  padding:5px;
  font-size:12px;
  background-color:#b71101;
  border: 2px #FAFAFA solid;
}

#alarmmeldung a {
  color:#FFFFFF;
  font-size:16px;
  text-decoration:none;
}

#barrier{ 
  clear: both;
  height: 58px; 
  background:url('../images/barrier-standard.gif');
}
                                                               
/* Content */
#contentArea {
    float:left;
    width:728px;
    min-height: 700px;
    height: auto !important;
    height: 550px;
    padding-top:20px;
    padding-bottom:20px;
    background: #FFD400;
    color: #000;
    margin-top: -2px;
}

/* Content-Hauptbereich*/
#main{ margin-left: 18px; width:490px; }
#main.extended {width: 680px !important; }
#main h1{ font-size: 24px; }
#main h2{ font-size: 16px; margin-top:16px;}
#main h3{ font-size: 12px; margin-top:12px;}

/* Content-Teaserleiste*/
div#teaserbar { float: right; width: 200px; }

.teaser   { margin-bottom: 15px; }
.teaser * {
    background: #FFF;
    color: #000;
    font-size: 10px;
}
.teaser .inverse {
    background: #000;
    color: #FFF;
}

.teaser ul{
  list-style-type: none;
  list-style-position: inside;
}

.teaser li a{
  color: #000;
  background: #FFF;
  /*font-weight: bold;*/
}

.teaser dl{
    display: block;
    width: 185px;
}

.teaser dt{
  height: 15px;
  padding: 7px 10px;
  color: white;
  background: black;
  font-weight: bold;
}

.teaser dd{
  _width:170px;
  padding: 7px 3px 7px 10px;
  border: 1px black dotted;
  overflow: hidden;
}

/* START sachfahndung.de */
.teaser dl dd div           { font-weight: bold; }

.teaser dl dd div a { display:block; margin-bottom: 3px;}
.teaser dl dd div a:link    { font-weight: normal; background: #FFF; text-decoration:none;}
.teaser dl dd div a:visited { font-weight: normal; background: #FFF; text-decoration:none;}
.teaser dl dd div a:hover   { font-weight: normal; background: #FFF; text-decoration:underline;}
.teaser dl dd div a:active  { font-weight: normal; background: #FFF; text-decoration:none;}

.teaser dl dd h2            { color: #007ACF; margin-bottom: 5px; }
/*ENDE sachfahndung.de */

.teaser strong{
    display: block;
    margin-bottom: 5px;
}

.teaser em{
    display: inline;
    font-weight:bold;
    font-style: normal;
}

.teaser .action {
    padding: 7px 10px 12px 10px;
    position:relative;
    top: -1px;
    width:163px;
    /*height:20px;*/
    border: 1px black dotted;
}

.teaser .action a{
    color: #000;
    background: #FFF;
}

/* Fussbereich */
#footer {
    position: static;
    z-index: 90;
    height: 90px;
    width: 776px;
    margin-left:202px;
    color: #000;
    font-size: 10px;
    clear: both;
}

#footer p {
  background-color:#FFD700;
  padding:10px 0px 18px 66px;
}

tr.odd td{
  background-color: #E1F2FF;
}

.sitemapliste{
  margin-left: 15px;
  margin-bottom: 30px;
}
.sitemapliste li{
  list-style-type: none;
  margin-bottom: 10px;
}

.sitemapliste dd{
  margin: 0 0 10px 20px;
  font-style: italic;
}
.sitemapheader{
  font-weight: bold;
  font-size: 14px;
  margin-top: 20px;
  margin-left: -15px;
}

.locked{
  color: #F00;
  font-weight:bold;
}

.red {
  color: #F00;
}

.right {
  text-align: right;
}

.center {
  text-align:center;
}

.floatRight {
  float: right;
}

.floatLeft {
  float: left;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear {
  clear: both;
}


/* common styles */

.floatLeft {
  float: left;
}

/*
 * 3 columns for the wide page layout. there are 10 pixels left for the
 * space between them.
 */
.widthExtended3rd {
  width: 220px !important;
}

.rightMargin {
  margin-right:10px;
}

/* slider */

.slider {
  margin-top: 15px;
  margin-bottom: 15px;
  border-bottom: 2px solid black;
}

.sliderHead a {
  display: block;
  float: right;
  width: 16px;
  height: 16px;
  background: url('../images/slider_button_down.gif') no-repeat left;
  text-decoration: none !important;
}

.sliderHead a:inactive {
}

.sliderHead a:hover {
  background-position: right;
}

.sliderHead {
  border: 1px solid black;
  border-right: 2px solid black;
  border-bottom: none;
  padding-left: 5px;
  background: url(../images/slider_bg_head.gif) repeat-x;
}

.sliderHead h4 {
  line-height: 16px;
}

.sliderBody {
  border-left: 1px solid black;
  border-right: 2px solid black;
  padding: 5px;
  display: none;
}

.deviceSelector {
  width: 330px;
}

/* fix: select has a standard width of 100 defined in formular.css. */
.deviceSelector .formCol select,
.deviceSelector .formCol input
{
  width: 120px;
}

.deviceSelector .formColWide select,
.deviceSelector .formColWide input {
  width: 200px;
}

.deviceSelector input.ds_device {
  background-image: url(../images/bg_dropdown.gif);
  background-repeat: no-repeat;
  background-position: right center;
}

/* loadingIndicator */

.loadingIndicator {
  color: black;
}

/* columns in forms */

.formCol {
  float: left;
  width: 120px;
  overflow: hidden;
}

.formColButton {
  float: left;
  width: 120px;
  overflow: hidden;
  margin-top: 15px;
}

.formCol label {
  width: 120px;
  display: block;
  text-align: left;
}

.formColWide {
  float: left;
  width: 200px;
  overflow: hidden;
}

.formColWide label {
  width: 200px;
  display: block;
  text-align: left;
}

.formCol.button {
  margin-top: 13px;
}

#pageContextHelpButton {
  float: right;
  width: auto;
  text-align: center;
}

/*
 * This fixes the calendar being the whole screen wide because of table
 * set to width: 100% in guest.css and screen.css (which should not be the
 * case).
 */
.calendar table {
  width: auto;
}

/* Ausblenden des DIV Container zur Ausgabe des Debugs */
#sm2-container {
  display:block;
}

#soundmanager-debug-toggle {
  display:block;
}

.graphPlaceholder {
  width: 680px;
  height: 300px;
}

.tabList {
  list-style-type: none;
}

.tabList li {
  float: left;
  background-color: #ffe566;
}

.tabList a {
  text-decoration: none !important;
  padding: 0px 0px 0px 10px;
  background-image: url(../images/tab_left.gif);
  background-position: top left;
  background-repeat: no-repeat;
}

.tabList a span {
  padding: 0px 10px 0px 0px;
  background-image: url(../images/tab_right.gif);
  background-position: top right;
  background-repeat: no-repeat;
}

.tabList li.active {
  background-color: #000000;
}

.tabList li a:hover {
  color: #ff0000;
}

.tabList li.active a {
  color: #ffd400;
}
/* Old formular.css starts here. */
/* Styleangaben fuer Formularelemente */

/* allgemeine Klassen */

.mandatory { font-weight:bold; } /* Pflichtfeldeingaben */

/* HTML Formularelemente */

form br {
  clear: both;
  line-height: 2.5em;
}

fieldset {
  border-top: 1px dotted #000;
  padding: 10px 0;
}

#actions{
  display: block;
  width: 100%;
  padding: 10px 0;
}

/* Speichern Submitbutton */
div#saver{
  float:right;
  text-align:right;
  margin-right:10px;
}

div#saver a{
  color: #0079CE;
}



/* Steuerelemente */ 
input.extended {
    width: 294px;
}
input.extendedEmail {
    width: 340px;
}


input.standard {
    width: 230px;
}

input.shortened {
    width: 55px;
}


input.error {
  border: 1px solid #F00;
  background-color: #FFD7D7;
}

textarea {
  width: 296px;
  border: 1px inset black;
  margin-bottom: 12px;
  padding: 3px;
}

textarea.extendedEmail {
  width: 340px;
  /*border: 1px inset black;*/
  border: none;
  margin-bottom: 12px;
  padding: 3px;
  font-size: 8pt;
}


select {
  width: 100px;
}

select.sortBy {
  width: 400px;
}

select.extended{
  width:300px;
}


table select {
    width: auto;
}

/* Formularbuttons */
input.formAction,
a.formAction,
a:visited.formAction,
a:active.formAction {
  display:         block; 
  height:          20px;
  float:           left;
  margin-left:     4px;
  background:      url('../images/button-hintergrund.gif') repeat-x;
  font-weight:     bold;
  font-size:       14px;
  font-family:     Verdana Arial sans-serif;
  text-decoration: none;
  padding:         3px 15px 2px 15px;
  border-top:      1px solid #000;
  border-right:    2px solid #000;
  border-bottom:   2px solid #000;
  border-left:     1px solid #000;
}

input.formAction { height: 35px; }
a:hover.formAction { background: #FFF; text-decoration:  none;}


/* Formularbuttons */
a.formActionRight,
a:visited.formActionRight,
a:active.formActionRight {
  display:         block; 
  height:          20px;
  float:           right;
  margin-left:     4px;
  background:      url('../images/button-hintergrund.gif') repeat-x;
  font-weight:     bold;
  font-size:       14px;
  font-family:     Verdana Arial sans-serif;
  text-decoration: none;
  padding:         3px 15px 2px 15px;
  border-top:      1px solid #000;
  border-right:    2px solid #000;
  border-bottom:   2px solid #000;
  border-left:     1px solid #000;
}

a:hover.formActionRight { background: #FFF; text-decoration:  none;}

a.formActionPdf,
a:visited.formActionPdf,
a:active.formActionPdf {
  display:         block; 
  width:           58px;
  height:          30px;
  float:           right;
  margin-left:     4px;
  background:      url('../images/pdf_icon.gif') no-repeat;
  font:            bold 8px Arial;
  text-decoration: none;
  padding:         2px 5px 2px 25px;
  border-top:      1px solid #000;
  border-right:    2px solid #000;
  border-bottom:   2px solid #000;
  border-left:     1px solid #000;
}

a:hover.formActionPdf { 
background: url('../images/pdf_icon.gif') no-repeat;
text-decoration:  none;
}

a.formActionPdfGrau,
a:visited.formActionPdfGrau,
a:active.formActionPdfGrau {
  display:         block; 
  width:           58px;
  height:          30px;
  float:           right;
  margin-left:     4px;
  background:      url('../images/pdf_icon_grau.gif') no-repeat;
  font:            bold 8px Arial;
  text-decoration: none;
  padding:         2px 5px 2px 25px;
  border-top:      1px solid #000;
  border-right:    2px solid #000;
  border-bottom:   2px solid #000;
  border-left:     1px solid #000;
}

a:hover.formActionPdfGrau { 
background: url('../images/pdf_icon_grau.gif') no-repeat;
text-decoration:  none;
}

a.formActionPdfWo,
a:visited.formActionPdfWo,
a:active.formActionPdfWo {
  display:         block; 
  width:           30px;
  height:          30px;
  float:           right;
  margin-left:     4px;
  background:      url('../images/pdf_icon.gif') no-repeat;
  font:            bold 8px Arial;
  text-decoration: none;
  padding:         2px 15px 2px 35px;
  border: none;
}

a:hover.formActionPdfWo { 
background: url('../images/pdf_icon.gif') no-repeat;
text-decoration:  none;
}

/* ENDE Formularbuttons */


/* Gruppierungen von Formularelementen */
div.checkboxgroup {
    float: left;
    width: 310px;
}

div.checkboxgroup label {
  text-align: left;
}

.formfields input,
.formfields select{
  border:1px solid #000;
  float: left;
  margin-right: 3px;
  padding: 2px;

}

.formfields input.numerical{
  width: 25px;
}

.checkboxgroup input {
  border: 0 none;
  margin-right: 3px;
  float:left;
}
.checkboxgroup label {
  padding-top: 2px;
}

label{
  float: left;
  width: 160px;
  text-align: right;
  padding-top: 2px;
  margin: 0 12px 0 0;
}
label.search{
  font-size:10px;
  width: 90px;
  text-align:left;
}

/* this is probably only needed for checkboxgroup and defined there too. */
label.inverse{
  text-align: left;
}

label.inverseBig{
  text-align: left;
}

#main label.inverse{
  width: 250px;
}

#main label.inverseBig{
  width: 350px;
}



.saveChanges {
  display:         block; 
  height:          30px;
  float:           left;
  margin-left:     4px;
  background:      url('../images/button-hintergrund.gif') repeat-x;
  font-weight:     bold;
  font-size:       14px;
  font-family:     Verdana Arial sans-serif;
  text-decoration: none;
  padding:         3px 15px 2px 15px;
  border-top:      1px solid #000;
  border-right:    2px solid #000;
  border-bottom:   2px solid #000;
  border-left:     1px solid #000;
 /* cursor: hand;*/
}

.saveChangesRight {
  display:         block; 
  height:          30px;
  float:           right;
  margin-left:     4px;
  background:      url('../images/button-hintergrund.gif') repeat-x;
  font-weight:     bold;
  font-size:       14px;
  font-family:     Verdana Arial sans-serif;
  text-decoration: none;
  padding:         3px 15px 2px 15px;
  border-top:      1px solid #000;
  border-right:    2px solid #000;
  border-bottom:   2px solid #000;
  border-left:     1px solid #000;
 /* cursor: hand;*/
}

/* Validierungsfehler in Formularen */
div.form_error{
  color: #F00;
}

/* Kontaktformular im Demomodus */
dl.maildemo *{
    margin-bottom: 10px;
}
dl.maildemo dt {
    width: 200px;
    float:left;
    color: #FFF;
    background-color:#000;
}

.linkAlignLeft {
	text-align: left;
	float: left;
}

.linkAlignRight {
	text-align: right;
	float: right;
}

.floatRightTop {
	float: right;
	vertical-align:top;
}
.floatLeftTop {
	float: left;
	vertical-align:top;	
}
.bold {
	font-weight: bold;
}

input.submit,
button.submit {
  height:          30px;
  background:      url('../images/button-hintergrund.gif') repeat-x;
  font-weight:     bold;
  font-size:       14px;
  font-family:     Verdana, Arial, sans-serif;
  padding:         3px 15px 2px 15px;
  border-top:      1px solid #000;
  border-right:    2px solid #000;
  border-bottom:   2px solid #000;
  border-left:     1px solid #000;
  overflow:visible;
  width:auto;
  cursor: pointer;
}

input.submit_thin,
button.submit_thin {
  height:          20px;
  background:      url('../images/button-hintergrund.gif') repeat-x;
  font-size:       10px;
  font-weight:	   bold;
  font-family:     Verdana, Arial, sans-serif;
  padding:         2px 10px 2px 10px;
  border-top:      1px solid #000;
  border-right:    2px solid #000;
  border-bottom:   2px solid #000;
  border-left:     1px solid #000;
  overflow:visible;
  width:auto;
  cursor: pointer;
  margin-top:12px;
}

button.flatButton,
input.flatButton
{
  border: solid black;
  border-width: 1px 2px 2px 1px;
  background: url(../images/bg_flat_button.gif) repeat-x;
  background-position: top;
  cursor: pointer;
  height: 22px;
  padding: 0px .5ex
}

.slider_betriebsdaten a, input.auswahl {
  height:          24px;
  background:      url('../images/button-hintergrund.gif') repeat-x;
  font-weight:     bold;
  font-size:       12px;
  font-family:     Verdana, Arial, sans-serif;
  padding:         2px 15px 2px 15px;
  border-top:      1px solid #000;
  border-right:    2px solid #000;
  border-bottom:   2px solid #000;
  border-left:     1px solid #000;
  overflow:visible;
  width:auto;
  cursor: pointer;
}

.slider_betriebsdaten option {
  width:146px;
}

.slider_betriebsdaten input.auswahl {
  height:          22px;
  background:      url('../images/button-hintergrund.gif') repeat-x;
  font-weight:     bold;
  font-size:       12px;
  font-family:     Verdana, Arial, sans-serif;
  padding:         2px 15px 2px 15px;
  border-top:      1px solid #000;
  border-right:    2px solid #000;
  border-bottom:   2px solid #000;
  border-left:     1px solid #000;
  overflow:visible;
  width:auto;
  cursor: pointer;	
}

/* Old frontend.css starts here. */
/* Navigationsmenu */ 
#navigation{
  float:left;
  display:block;
  z-index: 80;
  width:250px;
}

#navigation ul {
  padding-top: 1px;
  background-image: url(../images/navi-trennlinie.gif);
  background-position: top left;
  background-repeat: no-repeat;
  list-style:none;
  margin-bottom: 15px;
}

#navigation ul * {
  display:block;
}

/* Navi-Anker allgemein */
#navigation a {
  color:#FFD700;
  text-decoration: none;
  background: url('../images/nav0.gif') no-repeat 0px -40px;
  padding-left:16px;
  height:   40px;
  width:   235px;
}

#navigation a:hover {
  color: #fff;
}

#navigation a{
  font-weight:bold;
}

#navigation a.active {
  color: #000;
  background: url('../images/nav0.gif') no-repeat 0px -80px;
  text-decoration: none;
}

#navigation a:hover.active {
  color: #fff;
}

#navigation a:hover.active {
  color: #000;
  background: url('../images/nav0.gif') no-repeat 0px -80px;
}

#navigation li a span {
  text-transform:uppercase;
  padding:12px 0 0 6px;
  font-size: 12px;
}

#navigation ul li ul {
  padding-top: 0px;
  background-image: none;
  margin-bottom: 0px;
}

#navigation li ul li a {
  font-weight:normal;
}

#navigation li ul li a span {
  text-transform:none;
  padding: 0px;
  padding-top:12px;
}

#navigation li a span.multiline {
  padding-top:6px;
}

#navigation li ul li a {
  color: #000;
  height:40px;
  width:190px;
  padding-left: 45px;
  text-decoration:none;
}

#navigation li ul li a:visited {
  text-decoration : none;
}

#navigation li ul li a.inactive {
  color: #000;
  font-weight: normal;
  background: url('../images/level2nav.gif') no-repeat 0px 0px;
}

#navigation li ul li a:hover.inactive {
  font-weight: bold;
  background: url('../images/level2nav.gif') no-repeat 0px 0px;
}

#navigation li ul li a.active {
  background: url('../images/level2nav.gif') no-repeat 0px -40px;
  font-weight: bold;
}
#navigation li ul li a:hover.active {
  background: url('../images/level2nav.gif') no-repeat 0px -40px;
}


ul.hilfe{
  list-style:none;
}

ul.hilfe * {
  margin-bottom: 10px;
}



.tagesdaten_mini tr th {
  padding: 1px;
}

.pagination {
  margin-top: 20px;
}

.pagination .pagination-left {
  float: left;
  width: 20%;
}
.pagination .pagination-center {
  float: left;
  width: 59.999999%;
  text-align: center;
}

.pagination .pagination-center form {
  display: inline;
}

.pagination .pagination-center input {
  width: 3ex;
}

.pagination .pagination-right {
  float: left;
  width: 20%;
  text-align: right;
}

a.flatButton {
  display: block;
  border: solid black;
  border-width: 1px 2px 2px 1px;
  background: url(../images/bg_flat_button.gif) repeat-x;
  background-position: top;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  line-height: 19px;
}

table.formtable {
  background-color: #ffd400;
}

.tableEmbeddedForm input {
  font-size: 10px;
  padding: 1px;
  border: 1px solid black;
  width: 60px;
}

fieldset.formfields legend {
  font-weight: bold;
}

#distanceReportListMap {
  width: 500px;
  height: 400px;
}