//Less

@images-url: "../images";
@plugin-url: "../images-plugins";

@width: 745px;
@spacer: 5px;
@paddingleft: 175px;
 
@color: #0b2644;
@color-hover: #dedede;
@light-color: #989a97;

@line-color: #0b2644;
// @background-gray: #dedede;
@background-white: #ffffff;

@hinweis-gray: #999999;
@border-color: #0b2644;

// @font-small: 11px;
@font-headline: 16px;
@font-standard: 13px;

html, body {
  padding: 0;
  margin: 0;
}

body {
  // background: #d5d5d5 url('@{images-url}/bg.jpg');
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: @font-standard;
  line-height: @font-standard + 2;
  color: @color;
}
img { border: 0; }
a {
  text-decoration: none;
  color: @color;
  
  &:hover { color: @line-color; }
  &:active, &:selected, &:visited {
    border: none;
    outline: none;
  }
}
a.marked { font-weight: bold; }
h2 {
  margin: 10px 0 10px 0;
  font-size: @font-headline;
  line-height: @font-headline + 4;
}
/*h2 {
  margin: 0 0 10px 0;
  font-size: @font-headline;
  line-height: @font-headline + 4;
  text-transform: uppercase;
  border-bottom: 1px solid @line-color;
}
span.h2 {
  margin: 0;
  font-size: @font-headline;
  line-height: @font-headline + 4;
  text-transform: uppercase;
  font-weight: bold;
}*/
table {
  border: 0;
  padding: 0;
  border-spacing: 0;
  //width: 100%;
}
td { 
  vertical-align: top; 
  padding: 3px 15px 3px 0;
}

th { 
  background-color: @line-color;
  padding: 5px 2px 5px 2px;
}

// FAQ-Tables
/*tr.faq, td.faq {
  text-align: left;
  padding: 5px 2px 5px 2px;
  border-bottom: 1px solid @line-color;
}

// Content-Tables
tr.ctab, td.ctab {
  text-align: left;
  padding: 5px 0 5px 0;
  border-top: 1px solid @line-color;
}
p.ctab, div.ctab {
  padding: 5px 0 5px 0;
  // padding-top: 1em;
  border-top: 1px solid @line-color;
}*/
/*button {
  background : @line-color;
  color: @background-white;
  border: 1px solid @background-gray;
  //padding: @spacer 2*@spacer;
  padding: 2px 10px;
  cursor: pointer;
  height: 22px;
}

.height15 { height: 15px; }
.height25 { height: 25px; }
.paddtop30 { padding-top: 30px; }
.cursor-pointer { cursor: pointer; }
.marked { color: @line-color; }
.border-bottom { border-bottom: 1px solid @line-color; }
*/
#wrapper {
  width: @width;
  margin: 5*@spacer auto;
}

#header {
  .language {
      text-align: right;
  }
  .logo {
    float: left;
    position: relative;
    left: 25px;
    top: 22px;
    background: @background-white;
    width: 125px;
    text-align: center;
  }
  
  .navigation {
    padding: 0 0 15px @paddingleft;
    border-bottom: 1px solid @line-color;
    
    ul {
      padding:0;
      margin:0 0 0 -@spacer;
      list-style: none;
      
      li {
        padding: 2px 0;
        
        a {
          padding: 2px @spacer;
          &:hover { background: @color-hover; }
        }
      }
    }
  }
  .subnavigation {
    padding: 2*@spacer 0 0 @paddingleft;
    font-size: 11px;
    
    ul {
      padding:0;
      margin:0 0 0 -@spacer;
      list-style: none;
      
      li {
        float: left;
        padding: 2px 0;
        border-left: 1px solid @line-color;
        
        a {
          padding: 2px @spacer;
          &:hover { background: @color-hover; }
        }
      }
      li.first { border-left: 0; }
    }
  }
}

#content { padding: 8*@spacer 0 20px @paddingleft; }

#footer {
  // overflow: hidden; //for equalize
  padding: @spacer 0 0 @paddingleft;
  margin-top: 2 * @spacer;
  
  border-top:1px solid @line-color;
  
  .logo {
    margin-left: 500px;
  }
  
  .footer-navigation {
    float: left;
    padding: 2*@spacer 0;
    
    ul {
      padding: 0;
      margin: 0 0 0 -@spacer;
      list-style: none;
      
      li {
        float: left;
        padding: 2px 0;
        border-left: 1px solid @line-color;
        
        a {
          padding: 2px @spacer;
          &:hover { background: @color-hover; }
        }
      }
      li.first { border-left: 0; }
    }
  }
}

/*Formulare*/

input.px240 { border-style: solid; border-color: @light-color; border-width: 1px; background-color: #ffffff; font-size: 10px; font-family: Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif; color: #383838; height: 15px; width: 240px; padding: 2px; }
input.px240error { border-style: solid; border-color: #E3000F; border-width: 1px; background-color: #ffffff; font-size: 10px; font-family: Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif; color: #383838; height: 15px; width: 240px; padding: 2px; }

textarea.px470 { border-style: solid; border-color: @light-color; border-width: 1px; background-color: #ffffff; font-size: 10px; font-family: Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif; color: #383838; width: 470px; padding: 2px; }
textarea.px470error { border-style: solid; border-color: #E3000F; border-width: 1px; background-color: #ffffff; font-size: 10px; font-family: Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif; color: #383838; width: 470px; padding: 2px; }

input .button { border-style: solid; border-color: @light-color; border-width: 1px; background-color: #373737; font-size: 10px; font-family: Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif; font-weight: normal; color: #FFFFFF; padding: 4px; cursor: pointer; }


/*.oredc-column {
  float: left;
}
.oredc-column100 {
  width: @width - 2*5*@spacer; //950px
  position: relative;
}
.oredc-column66 {
  width: @width / 3 * 2 - 2*5*@spacer; //617px
  position: relative;
}
.oredc-column50 {
  width: @width / 2 - 2*5*@spacer; //450px
  position: relative;
}
.oredc-column33 {
  width: @width / 3 - 2*5*@spacer; //283px;
  position: relative;
}
.oredc-column25 {
  width: @width / 4 - 2*5*@spacer; //200px
  position: relative;
}
.slot-line {
  border-bottom: 1px solid @line-color;
  padding: @spacer 0;
}*/

/*.fotovorschau {
  float: left;
  width: 150px;
  
  img { width: 140px; }
}
.headline {
  font-weight: bold;
}
.more {
  text-align: right;

  a {
    text-decoration: underline;
    color: @line-color;
  }
}
.more-last {
  position: absolute;
  bottom: 3*@spacer;
  right: 5*@spacer;
}
.help {
  background: url('@{images-url}/icon-hilfe.png') center center no-repeat;
  width: 15px;
  height: 15px;
  float: left;
}
.background-ingenieursuche {
  background: url('@{images-url}/ingenieursuche.jpg');
  height: 105px;
}
.hinweis {
  position: absolute;
  bottom: 3*@spacer;
  right: 5*@spacer;
  color: @hinweis-gray;
}
.uppercase {
  text-transform: uppercase;
}
.newspic_left {
  font-size: @font-small;
  background-color: transparent;
  line-height: @font-small + 2;
  padding: 0 2*@spacer @spacer 0;
}
.newspic_right {
  font-size: @font-small;
  background-color: transparent;
  line-height: @font-small + 2;
  padding: 0 0 @spacer 2*@spacer;
}*/

/*input, textarea {
  border: 1px solid @border-color;
  background-color: @background-white;
  padding: 2px;
}
input.xs {
  font-size : @font-small;
  height: @font-small + 2;
  width: 60px;
}
input.s {
  font-size : @font-small;
  height: @font-small + 2;
  width: 120px;
}
input.m {
  font-size : @font-small;
  height: @font-small + 2;
  width: 200px;
}
input.l {
  font-size : @font-small;
  height: @font-small + 2;
  width: 400px;
}
textarea.m {
  width: 200px;
  height: 130px;
}
textarea.l {
  width: 400px;
  height: 130px;
}*/