/*************************************************
 * Project: SECOP
 *************************************************
 * Init: 2010-11 | Niels Weber
 * Edit: YYYY-MM | [Name]  
 *************************************************/
 
@import url("navi.css");
@import url("text.css");
@import url("form.css");
@import url("table.css");
@import url("content.css");
@import url("leftcol.css");


@font-face {
  font-family: 'DINWebPro';
  font-style: normal;
  font-weight: normal;
  src: url('http://www.secop.com/fileadmin/res/www/font/DINWebPro.eot#') format('eot'), url('http://www.secop.com/fileadmin/res/www/font/DINWebPro.woff') format('woff'), local('DINWebPro');
}
/*
@font-face {
  font-family: 'DINWebPro';
  font-style: italic;
  font-weight: normal;
  src: url('http://www.secop.com/fileadmin/res/www/font/DINWebPro-Ita.eot#') format('eot'), url('http://www.secop.com/fileadmin/res/www/font/DINWebPro-Ita.woff') format('woff'), local('DINWebPro-Ita');
}
*/
@font-face {
  font-family: 'DINWebPro';
  font-style: normal;
  font-weight: bold;
  src: url('http://www.secop.com/fileadmin/res/www/font/DINWebPro-Bold.eot#') format('eot'), url('http://www.secop.com/fileadmin/res/www/font/DINWebPro-Bold.woff') format('woff'), local('DINWebPro-Bold');
}
/*
@font-face {
  font-family: 'DINWebPro';
  font-style: italic;
  font-weight: bold;
  src: url('http://www.secop.com/fileadmin/res/www/font/DINWebPro-BoldIta.eot#') format('eot'), url('http://www.secop.com/fileadmin/res/www/font/DINWebPro-BoldIta.woff') format('woff'), local('DINWebPro-BoldIta');
}
*/


/*************************************************/
*         { margin: 0; padding: 0; }
.clear    { clear: both; }
.hidden   { display: none; }
.error    { color: #F47F4C; font-weight: bold; }
.bg_error {
  height: auto;
  padding: 4px;
  display: block;
  overflow: hidden;
  border: 1px solid #BDBDB1;
  background-color: #F47F4C;
  color: #FFFFFF;
}
.bg_error_lite {
  height: auto;
  padding: 4px 0px;
  display: block;
  overflow: hidden;
  border: 1px solid #BDBDB1;
  background-color: #F47F4C;
  color: #FFFFFF;
}
.duty     { color: #CC0000; }
/* * * * * * * * * * * * * * * * * * * * * * * * */
IMG     { border: 0; }
A IMG   { border: 0; }
/* * * * * * * * * * * * * * * * * * * * * * * * */
.float-left   { float: left;  }
.float-right  { float: right; }
.align-left   { text-align: left;   }
.align-right  { text-align: right;  }
.align-center { text-align: center; }
/*************************************************/
HTML {
  height: auto;
  min-height: 101%;
  font-size: 11px;
}
BODY {
  display: block;
  overflow: auto;
  background-color: #E7E7E7;
  color: #333333;
  font-size: 1em;
  font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
  text-align: center;
}
/* * * * * * * * * * * * * * * * * * * * * * * * */
#container {
  width: 960px;
  height: 101%;
  margin: 0 auto 0 auto;
  padding: 0;
  position: relative;
  overflow: visible;
}
/*************************************************/
#header {
  width: 912px;
  height: 71px;
  margin: 0 auto 0 auto;
  position: relative;
  top: 0;
  overflow: visible;
  background-color: #E7E7E7;
  z-index: 50;
}
/* * * * * * * * * * * * * * * * * * * * * * * * */
#header #logo {
  width: 172px;
  height: 44px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 35px;
  left: -9px;
  /*
  bottom: -8px;
  background-color: #000000;
  color: #FFFFFF;
  font-size: 3em;
  font-weight: bold;
  text-align: right;
  */
  z-index: 50;
}
#header #logo IMG {
  margin: 0;
  padding: 0;
}
/* * * * * * * * * * * * * * * * * * * * * * * * */
#header #banner {
  width: 360px;
  height: 55px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 8px;
  left: 278px;
  /*
  bottom: -8px;
  background-color: #000000;
  color: #FFFFFF;
  font-size: 3em;
  font-weight: bold;
  text-align: right;
  */
  z-index: 50;
}
#header #banner IMG {
  margin: 0;
  padding: 0;
}
/* * * * * * * * * * * * * * * * * * * * * * * * */
#header #slogan {
  width: 200px;
  height: 40px;
  position: absolute;
  top: 5px;
  right: -2px;
  background-color: #E7E7E7;
  color: #000000;
  font-size: 15px;
  line-height: 40px;
  text-align: right;
}
/* * * * * * * * * * * * * * * * * * * * * * * * */
#header #search {
  width: 150px;
  height: 16px;
  position: absolute;
  right: 0;
  bottom: 12px;
  text-align: right;
}
/* * * * * * * * * * * * * * * * * * * * * * * * */
#header #fontsize {
  width: 40px;
  height: 16px;
  position: absolute;
  right: 153px;
  bottom: 13px;
}
#header #fontsize SPAN.size0 A { font-size: 12px; font-weight: bold;   }
#header #fontsize SPAN.size1 A { font-size: 20px; font-weight: normal; }
#header #fontsize A {
  color: #999999;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 16px;
}
/*************************************************/
#navi-main {
  width: 912px;
  height: 25px;
  margin: 0 auto 0 auto;
  position: relative;
  overflow: visible;
  z-index: 30;
  background-image: url('../img/bg_navi-main.png');
  background-repeat: repeat-x;
  background-position: 0 0;
}
/*************************************************/
#main {
  width: 912px;
  height: auto;
  margin: 0 auto 0 auto;
  position: relative;
  overflow: visible;
  text-align: left;
}
/* * * * * * * * * * * * * * * * * * * * * * * * */
#main #navi-bct {
  /*width: 890px; --- NW irgendwann*/ 
  /*width: 730px; --- JS 17.04.2013*/
  width: 850px;
  height: 24px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 5px;
  left: 10px;
  text-align: left;
  z-index: 20;
}
/* * * * * * * * * * * * * * * * * * * * * * * * */
#main #navi-sub,
#main #leftcol {
  width: 163px;
  height: auto;
  padding: 4px 0 20px 0;
  margin: 26px 0 0 0;
  float: left;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  text-align: left;
  z-index: 20;
}
/* * * * * * * * * * * * * * * * * * * * * * * * */
#main #content {
  width: 100%;
  height: auto;
  position: relative;
  top: -1px;
  border-top: 1px solid #E7E7E7;
  background-color: #E7E7E7;
  color: #000000;
  font-size: 1.1em;
  text-align: left;
  z-index: 10;
}
BODY.fel1 #main #content,
BODY.fel2 #main #content {
  width: 725px;
  margin: 26px 0 0 0;
  float: right;
}
BODY.fel3 #main #content {
  width: 912px;
  margin: 0;
  float: left;
  clear: both;
}
/*************************************************/
#footer {
  width: 912px;
  height: 3em;
  margin: 0 auto 0 auto;
  padding: 1em 0 0 0;
  position: relative;
  overflow: visible;
  clear: both;
}
/* * * * * * * * * * * * * * * * * * * * * * * * */
#footer #copyright {
  width: 270px;
  display: inline-block;
  float: left;
  background-color: #E7E7E7;
  color: #999999;
  font-size: 1.1em;
  text-align: left;
  line-height: 5em;
}
/* * * * * * * * * * * * * * * * * * * * * * * * */
#footer #navi-basis {
 width: 640px;
  display: inline-block;
  float: right;
  background-color: #E7E7E7;
  color: #999999;
  font-size: 1.1em;
  text-align: right;
  line-height: 5em;
}
#footer #navi-basis A {
  color: #999999;
  text-decoration: none;
}
#footer #navi-basis A:hover {
  color: #666666;
  text-decoration: underline;
}