@charset "UTF-8";
/**
 * Globales Zurücksetzen aller Abstände
*/ 

* { margin:0; padding:0; }
option { padding-left:0.4em; }

html { height:100%; margin-bottom:1px; }
body { font-size:100.01%; color:#000; background:#fff; text-align:left; }

/* Rahmen für <fieldset> und <img> Elemente löschen */
fieldset, img { border:0 solid; }

/* Neue Standardwerte für Listen und Zitate */
ul, ol, dl {margin:0 0 1em 1em; }
li { margin-left:1.5em; line-height:1.5em; }

dt { font-weight:bold; }
dd { margin:0 0 1em 2em; }

blockquote, cite { margin:0 0 1em 1.5em; }

  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }
  .center { text-align:center; margin: 0.5em auto }

 /**
  * @section clearing methods
  * @see     http://yaml.de/en/documentation/basics/general.html
  */

  /* (en) clearfix method for clearing floats */
  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
   .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
  }

  /* (en) essential for Safari browser !! */
  /* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
  .clearfix { display: block }

  /* (en) overflow method for clearing floats */
  /* (de) Overflow-Methode zum Clearen der Float-Umgebungen */
  .floatbox { overflow:hidden }

  /* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
  /* (de) IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
  #ie_clearing { display: none }


/* Spezielle Einstellungen für www.mbplayer.de */
body {
  background:#000000;
  color:white;
  font-family:Verdana,Arial,sans-serif;
  margin-top:10px;
}
  
div.main {
  position:absolute;
  left:50%;
  width:1024px;
  height:700px;
  margin-left:-512px;
}

ul#menu {
  list-style:none;
  margin:0px;
  padding:0px;
}

ul#menu li {
  color:#999999;
  margin-bottom:1.5em;
  padding:1px;
}

ul#menu li#no {
}

ul#menu li#act {
  color:red;
  font-weight:bold;
}

#menu a {
  color:#999999;
  text-decoration:none;
}

ul#menu li#act a {
  color:white;
}

#menu a:hover {
  text-decoration:none;
  font-weight:bold;
  color:white;
  width:auto;
}

#menu li#act a:hover {
}

# Ueberschriftzeile mit mb-Logo
div.topBanner {
  height:40px;
  color:#999999;
  text-align:center;
  vertical-align:middle;
}

div.topBanner img {
  position:absolute;
  height:50px;
  top:4px;
  right:10px;
}
  
div.topBanner div.mbPlayer {
}

div.topBanner h1 {
  position:relative;
  top:-1.0em;
  font-size:44px;
  letter-spacing:0.1em;
  text-align:center;
  font-weight:bold;
}

h1 a {
  display:inline;
  background-color:black;
  color:white;
  text-decoration:none;
}

div.topBanner h2 {
  font-size:16px;
  text-align:center;
  vertical-align:middle;
  width:100%;
  float:left;
  line-height:60px;
  letter-spacing:0.1em;
  color:#BBBBBB;
  font-weight:bold;
  margin-bottom:5px;
}

#PlanerBauherr {
  position:relative;
  top:-1.1em;
}
  
div.bauherr {
  display:inline;
  position:absolute;
  left:50px;
  font-size:15px;
  text-transform:uppercase;
  letter-spacing:0.1em;
  z-index:5;
}

div.bauherrpf {
  display:inline;
  position:absolute;
  left:200px;
  font-size:15px;
  text-transform:uppercase;
  letter-spacing:0.1em;
}

div.planer {
  display:inline;
  position:absolute;
  text-align:right;
  right:60px;
  font-size:15px;
  text-transform:uppercase;
  letter-spacing:0.1em;
  z-index:8;
}

div.planerpf {
  display:inline;
  position:absolute;
  text-align:right;
  right:200px;
  font-size:15px;
  text-transform:uppercase;
  letter-spacing:0.1em;
}

div.topBanner hr {
  border: 0px; /* Für Firefox und Opera */
  border-top: solid 1px #666666;
  border-bottom: transparent;
}

div.topBanner hr.top {
  position:relative;
  top:-1.3em;
}

div.topBanner hr.bottom {
  position:relative;
  top:-3.1em;
  z-index:-1; 
}

div.clear {
  float:none;
}

div.footer {
  clear:both;
  color:#555555;
  margin-top:60px;
  padding-left:30px;
  padding-right:30px;
  font-size:9px;
}

div.footer div.left {
  position:absolute;
}

div.footer div.right {
  position:relative;
  right:0;
  text-align:right;
}

div.mainContent {
  font-size:12px;
  clear:both;
  width:auto;
  height:auto;
/*  height:*;*/
}

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   * |-------------------------------|
   * | #header                       |
   * |-------------------------------|
   * | #col1   | #col3               |
   * | 250px   | flexible            |
   * |-------------------------------|
   * | #footer                       |
   * |-------------------------------|
   */

  #col1 {z-index: 3}
  #col2 {z-index: 5}
  #col3 {z-index: 1}
  #col1_content {z-index: 4}
  #col2_content {z-index: 6}
  #col3_content {z-index: 2}

  #col1_content, #col2_content, #col3_content { position:relative }

  #col1 { float:left; width:150px }
  #col1_content { padding: 0px 18px 0px 5px; }

  #col2 { float:right; width: 150px; }
  #col2_content { padding: 0px 5px 0px 5px; }

  #col3 { width:auto; margin: 0 150px; }
  #col3_content { padding: 0px 100px; min-height:500px; max-height:500px; }

  /* Grafikfreier Spaltentrenner zw. #col1 und #col3*/
  #col3 {
	border-left: 1px #ddd solid;
	border-right: 1px #ddd solid;
  }

  #col1_content { text-align:right; }
  #col2_content { text-align:left; }
  
  #col3_content div {
    line-height:1.5em;
	margin-bottom:1.5em;
  }

  #col3_content li {
    line-height:1.5em;
	margin-bottom:1.5em;
  }

  #col3_content tr {
    line-height:1.5em;
  }
  
  #col3_content a {
    /*font-size:1.2em;*/
	color:white;
  }

form {
  /*display:inline;*/
}

input {
/*  border:0px none;
  background-color:black;
  color:white;*/
}

input.text {
  /*border:0px none;
  background-color:black;
  color:white;
  border-bottom:1px solid;*/
}

th {
  text-align:left;
  vertical-align:top;
}

.imgbsp {
  height:150px;
  margin-left:15px;
}

.imgmedien {
  float:right;
  height:40px;
  margin-right:5px;
  margin-left:5px;
}