@charset "UTF-8";
/* CSS Document */

/* Internet Explorer */
@font-face {
font-family: Georgia;
src: url("fonts/Georgia.eot");
}

body {
	text-align: center;
	margin: 100px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9pt;
	color:#dad9ce;
	line-height:12pt;
	background-color:#1e1e1e;
	overflow:hidden;
}
 
img{
	border:none;
}
				
h1 {
	float:left;
	margin: 0px;
	padding: 0px;
	text-indent:-9999px;
	width: 75px; 
	height: 70px;
	background: url('images/mikebauer_logo1.png') no-repeat;
}

h1 a {
	display: block;
	overflow: hidden;
	width: 75px;
	height: 70px;
}

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

/*a:focus { 
	outline: none; 
}
*/
a:hover { 
	color:#FDC600;
	text-decoration:none;
}


/* Float clearing workaround also working on Mozilla */
.clearer {
	clear:both;
	height:0px;
	overflow:hidden;
	margin-top:-1px;
	font-size:0em;
	line-height:0px; 
}

* html .clearer { margin-top:0px; }


#content {
	z-index: 3;
	position: relative;
	border: none;
	background: none;
	width:750px;
	height:450px;
	margin: 0px auto;
	text-align:left;
	padding: 50px;
}

#container {
	float:left;
	width:420px;
	height:300px;
	margin:50px 0px 0px 30px;
	overflow:hidden;
	/*position: relative;*/
}

#container_text {
	float:left;
	width:320px;
	height:300px;
	margin:50px 0px 0px 30px;
	overflow:hidden;
	/*position: relative;*/
}

#container_audio {
	float:left;
	width:100px;
	height:150px;
	margin:50px 0px 0px 5px;
	overflow:hidden;
	/*position: relative;*/
}

#container ul, #container_text ul {
	padding: 0px 0px 0px 20px;
}

#container ul.gallery {
	margin: 0; padding: 0.8em;
    text-align: left;
}

#container ul.gallery li  {
    list-style: none;
    display: inline;
    margin: 0em; padding: 0;
  }

#container li span, #container_text li span {
	list-style:outside;
}

#container ul li, #container_text ul li{
	list-style-type:none;
}
		
#container h2, #container_text h2 {
	font-size:11px;
	font-weight:bold;
	margin:15px 0 0 10px;
	color:#6B6351;
}

#container_audio h2 {
	font-size:11px;
	font-weight:bold;
	margin:15px 0 0 2px;
	color:#6B6351;
}

#container p, #container_text p {
	padding:5px 0px 0px 10px;
}

#sub.mb{
	float:left;
	width:300px;
	height:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	text-align:left;
	margin:0px 0px 0px 12px;
}

#address.mb {
	float:left;
	width:111px;
	height:15px;
	font-size:7pt;
	text-align:right;
	margin: 0px 0px 0px 225px;
}

#subnavi.mb{
	float:left;
    clear:left;
	width:115px;
	height:250px;
	margin:50px 0px 0px 5px;
}

#subnavi.mb ul{
	padding: 3px 0px 0px 0px;
}

#subnavi.mb ul li{
	font-size:11px;
	font-weight:bold;
	list-style-type:none;
}

#subnavi.mb ul li a.active{
	color:#6B6351; 
}

#subnavi.mb ul li a { 
	color:#dad9ce; 
	text-decoration:none;
}

#subnavi.mb ul li a:hover { 
	color:#FDC600;
	text-decoration:none;
}


/* Navigation */

#nav.mb {
    clear:right;
	float:left;
	width:500px;
	height:20px;
	margin:25px 0px 25px 75px;
}

/* Menue */

ul#menu{
 margin:0px 0px 0px 0px;
 padding:0; /*Innenabstaende*/
 line-height:100%; /*Diese Angaben verhindern eine unschoene Darstellung im IE*/
 position:relative;

}

ul#menu li, ul#menu li a{
 width:115px;
 height:20px;
 position:relative;
 display:block;
 overflow:hidden;
 list-style-type:none;
 list-style-position:outside;
 float:left;
 text-indent:-9999px;
}

ul#menu li a span{
 width:115px;
 height:20px;
 display:block;
 cursor:pointer;
}

ul#menu li a:hover{
 background: 0 0;
 } /*Hack fuer den IE und siene Fehlinterpretationen des :hover-Status */

li#performance a span,
li#performance a:link span,
li#performance a:visited span{
 	background:url(images/button11.png); /*0px 0px no-repeat*/
}

li#performance a:focus span,
li#performance a:hover span,
li#performance a:active span{
 	background:url(images/button1.png); /*0px 0px no-repeat;*/
}

li#performance.active {
	background:url(images/button1.png) 0px 0px no-repeat;
}

li#vielfalt a span,
li#vielfalt a:link span,
li#vielfalt a:visited span{
 	background:url(images/button21.png); /*0px 0px no-repeat;*/
}

li#vielfalt a:focus span,
li#vielfalt a:hover span,
li#vielfalt a:active span{
 	background:url(images/button2.png); /*0px 0px no-repeat;*/
}

li#vielfalt.active {
	background:url(images/button2.png) 0px 0px no-repeat;
}

li#kompetenz a span,
li#kompetenz a:link span,
li#kompetenz a:visited span {
 	background:url(images/button31.png); /*0px 0px no-repeat;*/
}

li#kompetenz a:focus span,
li#kompetenz a:hover span,
li#kompetenz a:active span{
 	background:url(images/button3.png); /*0px 0px no-repeat;*/
}

li#kompetenz.active {
	background:url(images/button3.png) 0px 0px no-repeat;
}

li#media a span,
li#media a:link span,
li#media a:visited span {
 	background:url(images/button41.png); /*0px 0px no-repeat;*/
}

li#media a:focus span,
li#media a:hover span,
li#media a:active span{
 	background:url(images/button4.png); /*0px 0px no-repeat;*/
}

li#media.active {
	background:url(images/button4.png) 0px 0px no-repeat;
}

div#sub.mb a {
    margin-right:20px;
}

.browntext{
	color:#999;
}

.zitat{
	font-size:18pt;
	line-height:20pt;
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}