/* 0 BASIC TAGS */

table {
    /* font-size: 1em; */
}

h1, h2, h3, h4 {
    margin: 0;
    font-family: tahoma, arial, helvetica, sans-serif;
}

p {
    line-height: 1.4em;
}

hr {
    border: 0;
    border-top: 1px solid #bababa;
    height: 1px;
}

a {
    text-decoration: none;
    color: #284393;
}


    a:hover {
        text-decoration: underline;
        color: #284393;
    }

    a:active {
        color: #284393;
    }

body {
    background-color: #ffffff;
    background: url('../../Images/himmel.jpg') center top repeat-x #fff;
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 62.5%;
    color: #666666;
}

img {
    border-width: 0;
}

#lang {
    float: right;
    margin-top: 1em;
    /* text-align: right; */
    /* width: 170px; */
    display: inline;
    /* border: 1px solid black; */
}

.ContactLogoFormat > img {
    height: 30px;
}

#nav-container {
    /* border: 1px solid black; */
    float: right;
    margin: 100px 0 0 0;
    width: 39em;
}

#bgkompass {
    background: url('../../images/kompass.png') left bottom no-repeat;
    height: 170px;
    position: absolute;
    z-index: 100;
    width: 280px;
}
.sidebar-home-menu a,
.sidebar-home-menu a img{
    float:left;
}
.sidebar-home-menu a img{
    margin-right: 4px;
}
.sidebar-home-menu{
   float: left;
   width: 100%;
}
#nav {
    float: right;
}
#content ul,
li {
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 1.6em;
}

#content ul {
  margin: 2em 0;
}


#content li {
  margin: 1em;
  margin-left: 3em;
}

#content li:before {
  content: '\f054';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -1.1em;
  margin-top: .1em;
  color: #284393;
  font-size: 8px;
  font-weight: 800;
}

#content ul .link {
  font-size: 0.45em;
}

.sup {
    font-size: 60% !important;
    vertical-align: super;
    margin-left:0.2em;
}

#lang ul {
    float: left;
    margin: 0;
    margin-top: -2px;
    margin-right: 1em;
}

    #lang ul li {
        display: inline; 
    }
        #lang ul li input { 
        margin-top: 0.2em;
    }
#login-status {
    float: right;
}
/* Logo */
#logo {
    float: left;
    margin: 30px 0 0 0;
}

#impressum .headbold {
    font-weight: 700;
    margin-bottom: -10px;
    margin-top: 20px;
}

#impressum p.content {
    margin-bottom: 0px;
}

/* 1 HEADER */

#header {
    position: relative;
    width: 76em;
    height: 20em;
    margin-left: auto;
    margin-right: auto;
}

h1 {
    position: absolute;
    left: 37px;
    top: 12px;
    text-transform: uppercase;
    font-size: 18px;
}

h2 {
    position: absolute;
    left: 37px;
    top: 60px;
    font-size: 11px;
}

.menua {
    /* position: absolute; */
    /* right: 37px; */
    /* top: 17px; */
    text-transform: uppercase;
    font-size: 10px;
}

.nav {
    position: absolute;
    right: 37px;
    top: 60px;
    text-transform: uppercase;
    font-size: 10px;
}

    .menua a:visited, .nav a:visited {
        color: #284393;
    }

.ChooseLanguage {
    /* position: absolute; */
    /* left: 8px; */
    /* top: -5px; */
    width: 165px;
    text-decoration: none;
    background-color: #F0F0F0;
    color: #284393;
    display: none;
}

.button,.CopyRemainingTimesButton {
    display: block;
    margin-top: 8px;
    margin-bottom: 8px;
    background-image: -webkit-linear-gradient(top, #ffffff, #e3e3e3);
    background-image: -moz-linear-gradient(top, #ffffff, #e3e3e3);
    background-image: -ms-linear-gradient(top, #ffffff, #e3e3e3);
    background-image: -o-linear-gradient(top, #ffffff, #e3e3e3);
    background-image: linear-gradient(to bottom, #ffffff, #e3e3e3);
    padding: 4px 8px 4px 8px;
    border: solid #adb1b3 1px;
    text-decoration: none;
}

.button-float-left {
    display: block;
    margin-top: 8px;
    margin-bottom: 8px;
    background-image: -webkit-linear-gradient(top, #ffffff, #e3e3e3);
    background-image: -moz-linear-gradient(top, #ffffff, #e3e3e3);
    background-image: -ms-linear-gradient(top, #ffffff, #e3e3e3);
    background-image: -o-linear-gradient(top, #ffffff, #e3e3e3);
    background-image: linear-gradient(to bottom, #ffffff, #e3e3e3);
    padding: 4px 8px 4px 8px;
    border: solid #adb1b3 1px;
    text-decoration: none;
    float: left;
}

/* 1.1 SHIM */

.shim {
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    width: 760px;
    height: 8px;
    font-size: 0;
}

.column {
    background-image: url(images/content-shim.gif);
}

.gradient {
    background-image: url(images/content-shim-photo.gif);
}

.solid {
    background-image: url(images/content-shim-none.gif);
}

/* 2 PAGE */

.page {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

h3 {
    margin-top: 1.0em;
    margin-bottom: 1.12em;
    font-size: 1.5em;
    font-weight: bold;
}

h4 {
    margin-top: 1.0em;
    margin-bottom: 1.12em;
    font-size: 1.3em;
    font-weight: bold;
}

/* 2.1 HOME, RESUME, LINKS, REGISTER, ADMIN/ALBUMS, ADMIN/PHOTOS PAGES */

#home, #wbetriebflugzeiten, #wbetriebadmin,#flugzeitenerfassen, #links, #impressum, #register, #requesttrial, #admin-albums, #admin-photos {
    position: relative;
    width: 744px;
    /* padding: 0px 37px; */
    padding-top: 1px; /* Weird Mozilla Bug */
    margin-bottom: 10px;
    /* padding-right: 8px; */
    padding-bottom: 40px; /* Weird Mozilla Bug */
    /* border-left: #aeaeae 1px solid; */
    /* border-right: #aeaeae 1px solid; */
    /* background-color: darkgrey; */
    border-bottom: #aeaeae 1px solid;
}

 #remaintimes {
    background-image: url(images/body-repeat-photo.gif);
    position: relative;
    width: 686px;
    padding: 0px 37px;
    padding-top: 1px; /* Weird Mozilla Bug */
    padding-bottom: 40px; /* Weird Mozilla Bug */
}

#sidebar {
    float: left;
    width: 208px;
    background-color: #f5faff;
    padding-left: 37px;
    padding-right: 20px;
    margin-bottom: auto;
}

#content {
    margin-left: 280px;
    margin-right: 20px;
}

#coollinks {
    margin-left: 220px;
}

#resume h4, #links h4, #flugzeitenerfassen h4, #wbetriebflugzeiten h4 {
    margin-top: 0;
    border-top: 1px solid #bababa;
    padding-top: 1.0em;
    position: absolute;
    left: 37px;
    width: 214px;
}

#resume #photo {
    position: absolute;
    left: 37px;
    top: 20px;
    width: 214px;
}

#resume .first {
    margin-top: 0;
    border-top: 1px solid #bababa;
    padding-top: 1.5em;
}

dl {
    margin-top: 0;
    margin-bottom: 0;
    border-top: 1px solid #bababa;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    position: relative;
}

dt {
    position: absolute;
    left: 0;
}

dd {
    margin-left: 150px;
    height: 2.0em;
}

.emptydata td {
    padding: 50px;
    color: #aeaeae;
}

/* 2.2 ALBUMS PAGE */

#albums {
    background-image: url(images/body-repeat-photo.gif);
    padding: 0px 37px;
    padding-bottom: 40px;
    width: 686px;
}

.view {
    margin-left: auto;
    margin-right: auto;
    width: 686px;
    text-align: center;
}

    .view .photo-frame {
        margin-left: auto;
        margin-right: auto;
    }

.item {
    padding: 20px 50px;
    color: #B2B2B2;
}

    .item h4 {
        margin-bottom: 0.4em;
    }

.nullpanel {
    padding: 150px;
    width: auto;
    text-align: center;
}

/* 2.3 PHOTOS, DETAILS, ADMIN/DETAILS PAGE */

#photos, #details, #admin-details {
    background-image: url(images/body-repeat-photo.gif);
    padding: 0;
    width: 760px;
}

.buttonbar {
    background-image: url(images/photonav-bg.gif);
    background-repeat: repeat-x;
    margin-left: auto;
    margin-right: auto;
    padding-top: 4px;
    width: 744px;
    height: 33px;
    text-align: center;
}

.buttonbar-top {
    background-image: url(images/photonav-top-bg.gif);
}

#photos .view, #admin-details .view {
    margin-top: 20px;
    margin-bottom: 20px;
}

/* 3 FOOTER */

.footerbg {
    width: auto;
    height: 75px;
    text-align: center;
}

.footer {
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 75px;
    text-align: center;
    font-size: 10px;
    float: left;
}

.menub {
    margin: 12px auto 5px auto;
    text-transform: uppercase;
    font-size: 10px;
}

    .menub a:visited {
        color: #d32525;
    }



/* Inline styles are used because image controls hard code a border property */

.photo_198 {
    border: 4px solid #FFFFFF;
}

/* Images Styles */

.Img_Logo {
    position: absolute;
    left: 12px;
    top: 0px;
    height: 47px;
}

.Img_LTB {
    position: absolute;
    left: 150px;
    top: 0px;
    height: 47px;
}

.Img_Plane1 {
    position: absolute;
    left: 257px;
    top: 0px;
    height: 47px;
}

.Img_Plane2 {
    position: absolute;
    left: 455px;
    top: 0px;
    height: 47px;
}

.Img_Plane3 {
    position: absolute;
    left: 514px;
    top: 0px;
    height: 47px;
}

.Img_Plane4 {
    position: absolute;
    left: 581px;
    top: 0px;
    height: 47px;
}

.WarningValidator,
.FlugDatenLinksLayout1WarningValidatorACTime,
.FlugDatenLinksLayout1WarningValidator,
.FlugDatenLinksLayout2WarningValidator,
.FlugDatenLinksLayout3WarningValidator {
    color: #eeb422;
}

.ErrorMessage {
    color: red;
}

/* Layouts for Flugdaten Erfassen */

.FlugDatenLinksLayout1 {
    text-align: right;
    position: absolute;
    left: 470px;
}

.FlugDatenLinksLayout1SecondPartLbl {
    text-align: right;
    position: absolute;
    left: 549px;
    margin-top: 3px;
}

.FlugDatenLinksLayout1SecondPart {
    text-align: right;
    position: absolute;
    left: 561px;
}

.FlugDatenLinksLayout1ValidatorACTime,
.FlugDatenLinksLayout1WarningValidatorACTime {
    text-align: right;
    position: absolute;
    left: 590px;
}

.FlugDatenLinksLayout1Validator,
.FlugDatenLinksLayout1WarningValidator {
    text-align: right;
    position: absolute;
    left: 545px;
}

.FlugDatenLinksLayout2 {
    text-align: right;
    position: absolute;
    left: 560px;
}

.FlugDatenLinksLayout2Validator,
.FlugDatenLinksLayout2WarningValidator {
    text-align: right;
    position: absolute;
    left: 635px;
}

.FlugDatenLinksLayout3 {
    text-align: right;
    position: absolute;
    left: 650px;
}

.FlugDatenLinksLayout3Validator,
.FlugDatenLinksLayout3WarningValidator {
    text-align: right;
    position: absolute;
    left: 725px;
}

.FlugDatenFDatumLayout {
    text-align: left;
    position: absolute;
    left: 470px;
    width: 71px;
}

.FlugDatenFDatumBtnLayout {
    position: absolute;
    left: 550px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #ffffff, #e3e3e3);
    background-image: -moz-linear-gradient(top, #ffffff, #e3e3e3);
    background-image: -ms-linear-gradient(top, #ffffff, #e3e3e3);
    background-image: -o-linear-gradient(top, #ffffff, #e3e3e3);
    background-image: linear-gradient(to bottom, #ffffff, #e3e3e3);
    padding: 4px 0px 0px 4px;
    border: solid #adb1b3 1px;
    text-decoration: none;
}

.FlugDatenFDatumLayoutValidator,
.FlugDatenFDatumLayoutWarningValidator {
    text-align: right;
    position: absolute;
    left: 572px;
}

.FlugDatenFDatumCalendarLayout {
    position: relative;
}

.FlugDatenFDatumFontLayout {
    position: absolute;
    width: 190px;
}

.FlugDatenFDateBlock {
    line-height: 100%;
}

.SmallEndLinePlaceholder {
    line-height: 5%;
}

.MediumEndLinePlaceholder {
    line-height: 130%;
}

.FlugDatenLinksLabelLayout2 {
    position: absolute;
    left: 560px;
}

.button-float-right {
    /* position: absolute; */
    /* left: 453px; */
    float: right;
    margin-top: 8px;
    margin-bottom: 8px;
    background-image: -webkit-linear-gradient(top, #ffffff, #e3e3e3);
    background-image: -moz-linear-gradient(top, #ffffff, #e3e3e3);
    background-image: -ms-linear-gradient(top, #ffffff, #e3e3e3);
    background-image: -o-linear-gradient(top, #ffffff, #e3e3e3);
    background-image: linear-gradient(to bottom, #ffffff, #e3e3e3);
    padding: 4px 8px 4px 8px;
    border: solid #adb1b3 1px;
    text-decoration: none;
}

.FlugDatenLongButtonRightLayout {
    margin-top: 8px;
    margin-bottom: 8px;
    float: right;
}

.FlugDatenSmallButtonRightLayout {
    position: absolute;
    left: 603px;
}

.LastTransferData {
    height: 303px;
    width: 200px;
    line-height: 150%;
}

.LastTransferDataFrame {
    float: left;
    width: 190px;
}

.ForecastFrame {
    float: left;
    width: 420px;
}


/* Layouts for WBetriebFlugzeiten */

#content1 {
    margin-left: 5px;
}

.gridWBF {
    /*position: absolute;*/
    /*left: 50px;*/
}

    .gridWBF td, .gridWBF th {
        padding: 4px;
    }
    /*.gridWBA {
    width: 25%;
    font: bold 14px Arial,Sans-Serif;
}*/

    .gridWBA td, .gridWBA th {
        padding: 4px;
    }
.headerWBF {
    text-align: left;
    color: White;
    background-color: #6495ED;
}

.rowWBF {
    background-color: #eeeeee;
}

    .rowWBF td {
        border-bottom: solid 1px blue;
    }

.currentRowWBF {
    color: white;
    font: bold;
    background-color: #738A9C;
}

.alternatingWBF {
    background-color: #eeeeee;
}

    .alternatingWBF td {
        border-bottom: solid 1px blue;
    }

.popupWindow {
    position: absolute;
    left: 50px;
    top: 80px;
    width: 370px;
    border: solid 1px black;
    padding: 10px;
    background-color: white;
    display: none;
}

.error {
    color: red;
    font: bold 14px Arial,Sans-Serif;
}

.popupWindowAddNewUser {
    position: absolute;
    left: 320px;
    top: 80px;
    width: 250px;
    border: solid 1px black;
    padding: 10px;
    background-color: white;
    display: none;
}

.LinkBtnBordered1B {
    border: solid 1px black;
}

.SmallTextLabel {
}

.SmallTextLongLabel {
    /* position: absolute; */
    /* width: 40px; */
    /* line-height: 90%; */
    /* font-size: small; */
}

.UserLoginDropDown {
    width: 200px;
}

.AircraftCategoryDropDown {
    width: 300px;
}

.ContactLogoFormat {
    width: 144px;
    height: 45px;
    border: 0;
    margin: 20px;
    top: 50px;
}

.ContactAddressFormat {
    margin: 20px;
}

.ContactAddressCompanyName {
    color: #660000;
    font-size: medium;
}

.CrystalViewerRTimes {
    float: left;
    width: 350px;
    height: 350px;
}





.TitleHeaderFont {
    font-family: tahoma, arial, helvetica, sans-serif;
    margin-top: 0.9em;
    margin-bottom: 0.4em;
    font-size: 0.9em;
    font-weight: bold;
}

.MiddleCommentFont {
    /* font-family: tahoma, arial, helvetica, sans-serif; */
    /* font-size: 0.9em; */
    /* line-height: normal; */
}

.SmallCommentFont {
    margin-bottom: 1em;
    margin-top: .4em;
    /* font-family: tahoma, arial, helvetica, sans-serif; */
    /* font-size: 0.9em; */
    /* line-height: normal; */
}

.SmallCommentBlock {
    margin-top: 0.7em;
    margin-bottom: 1.2em;
}

.SmallCommentBlock2 {
    margin-top: 0.5em;
    margin-bottom: 0.6em;
}

.SmallCommentBlockAfterTitle {
    margin-top: -1.2em;
    margin-bottom: 0.6em;
}


.RequestTrialFields {
    position: absolute;
    left: 420px;
    width: 230px;
}

.RequestTrialValidators {
    position: absolute;
    left: 655px;
    width: 200px;
}

.RequestTrialContinueButton {
    position: absolute;
    left: 530px;
}



.CopyRemainingTimesButton {
    width: 190px;
}

.TextMultilineComments {
    height: 143px;
    width: 380px;
}