/**
 * stylesheet by nora dibowski and simon laburda, dkia.at
 */


body { 
	padding: 0 0 0 0; 
	margin: 0 0 0 0; 
	background:#2a2c2c;
	background-image: url('../images/bga.png');
	background-repeat:repeat-x;
	font-family: 'Lato';
	font-size: 9.5pt;
	color: #fff;
	overflow: hidden;
 }

img { border: 0; } 

 #header{
 	position: absolute;
	top: 0;
	left: 0;
	height: 100px;
	width: 100%;
  	background: url('../images/btop.png') repeat-x left top;	
 }

 .logo{
 	position: absolute;
 	left : 93%;
 	z-index: 39;
 	top: 5.5em;
 	bottom:10em;
 	margin-left: 2.5em;
 }
  @-moz-document url-prefix() {
  .logo {
   	bottom:9em;

  }
}

/* IE 7 */
* + html .logo{
	margin: 0 0 10em 2.5em;
	height: 73%;
}

#content{
	position: absolute;
	top: 5.5em;
	right: 11em;
	bottom:8em;
	left: 8.5em;

}
 h1 {
 	font-size: 10.5pt;
 	font-weight: normal;
 	margin: 1em 0 0.8em 1em;
 	padding: 0 0 0 0;
 }

h2 {
 	color: #ffd800;
 	font-size: 11pt;
 	font-weight: bold;
 	margin: 0 0 0 1em;
 	padding: 0 0 0 0;
 }

h4{
	font-size: 8pt;
	font-style: normal;
	margin: 0 0 2em 1.5em;
	padding: 0 0 0 0;
	font-weight: normal;

 }
.mo{
 	margin: 0 0 2em 0;
 }
 
.mo a{
 	width: 100%;
 	text-decoration: none;
 	color: #fff;
 }
 
.mo a img {
	display: inline;
	border: none;
}

.mo a:hover img {
	display: none;
	border: none;
	}

.mo a span{
	display: none;
}

.mo a:hover span {
	display: inline;
	margin: 2em 4em 2em 0;
}

.tbh{
	font-size: 9.5pt;
} 

.bildbiografie{
}
.werkbeschreibung{
}

/* stylesheet by nora dibowski and simon laburda */

.werkvideo{
margin: 0 0 0 5em;
}

  .navigation {
	position: absolute;
 	right: 14em;
    margin: 0 0 0 0;
    font-size: 10pt;
    bottom: 42px;
    font-weight: bold;
	z-index: 4200;	

  }
/* IE 7 */
* + html  .navigation{
	 bottom: 36px;
 }
 
.navigation a {
	text-decoration: none;
	color: white;
}
 .navigation ul{
	list-style: none;
 }
 
  .navigation ul li{
	display: inline;
	padding: 5px 8px 5px 8px;
	margin: 0 1px 0 1px;
	background: #373737;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px; 
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px; 

 }

 
.contenttext{
	 margin: 8em 8em 0 8em;
 
 }
 
 .description{
	margin: 7.8em 2em 2em 2em;
 	font-style: normal;
 }

#container{
	margin: 9.8em 0 0 4em;
}
 
#footer{
	min-width: 1100px;
 	position: absolute;
	bottom: 0;
	left: 0;
	height: 50px;
	width: 100%;
  	background: url('../images/bbottom.png') repeat-x left center;
  	z-index: 3000;
 }
 
.sponsoren{
	position: relative;
	float: left;
	z-index: 3002;
	left: 12em;
	bottom: 1em;
}
 .ettlin{
	margin: 1.1em 0 0 0;
	width: 82px;
}
 .zkm{
 	margin: 0 0 0.2em 2em;
	width: 221px;
 }
 
 .navbar{
	position: relative;
	z-index: 3001;
	margin: -1.9em 14em 1em 0em; 
 }
 
/* IE 7 */
* + html  .navbar{
	position: relative;
 	z-index: 3001;
	margin: 0em 14em 1em 0em; 
 }

 

#seitennav{
	text-align: center;
	margin: 1.2em 0 0 45%;
	list-style:none;
 }
 
.first{
	background: url('../images/pfeilendelh.png') no-repeat;
	width: 14px;
	height: 12px;
	float:left;
   	padding: 0 0.5em 0 0.5em;
   	margin: 0.5em 0 0 0;
 }
.first:hover{
	background: url('../images/pfeilendel.png') no-repeat;
 }
 
.previous{
	background: url('../images/pfeillh.png') no-repeat;
	width: 11px;
	height: 12px;
    float:left;
    padding: 0 0.5em 0 0.5em;
	margin: 0.5em 0 0 0;
 }
 
.previous:hover{
   background: url('../images/pfeill.png') no-repeat;
 }
.pager{
	float:left;
	width: 31px;
	height:23px;
    background: url('../images/pager.png') no-repeat;
    padding: 0 0.5em 0 0.5em;

 }
 
#seitennr {
 	float: left;
 	width: 25px;
 	height: 18px;
 	margin: 2px 0 0 -4px;
 	border: 0;
 	text-align: center;
 	background-color: #c3c3c3; /*#e8e8e8;*/
 	font-size: 12px;
 }
 form { display: inline; }
 .next{
	background: url('../images/pfeilrh.png') no-repeat;
   	width: 11px;
   	height: 12px;
   	float:left;
   	padding: 0 0.5em 0 0.5em;
   	margin: 0.5em 0 0 0;
 }
 
 .next:hover{
    background: url('../images/pfeilr.png') no-repeat; 
 }
  .last{
    background: url('../images/pfeilenderh.png') no-repeat;
   	width: 15px;
   	height: 13px;
  	float:left;
	padding: 0 0.5em 0 0.5em;
  	margin: 0.5em 0 0 0;
 }
 
 .last:hover{
    background: url('../images/pfeilender.png') no-repeat; 
 }

.overview{
 	position: relative;
	z-index: 3200;
	float: right;
 	padding: 0 0.7em 0 0.7em;
 	width: 24px;
 	height: 22px;
  	background: url('../images/inhaltsverzeichnish.png') no-repeat;
 }
 
.overview:hover{
  	 background: url('../images/inhaltsverzeichnis.png') no-repeat;
 }
 
.contact{
 	position: relative;
 	float: right;
 	padding: 0 0.7em 0 0.7em;
	bottom: -0.3em;
	background: url('../images/contacth.png') no-repeat;
 	height: 19px;
	width: 30px;
 }
 
.contact:hover{
  	background: url('../images/contact.png') no-repeat;

 }
 
.download{
   background: url('../images/download-catalogh.png') no-repeat;
   position: relative;
	float: right;
 	padding: 0 0.7em 0 0.7em;
	width: 31px;
	height: 22px;
 }
 
.download:hover{
   background: url('../images/download-catalog.png') no-repeat;
}

.menu{
  	position: relative;
	float: right;
 	padding: 0 0.7em 0 0.7em;
    background: url('../images/menuh.png') no-repeat;
    height: 22px;
    width: 30px;

  }

.menu:hover{
	background: url('../images/menu.png') no-repeat;
  }
  

 
 #videocontainer {
 	position: absolute;
	left : 55.8%;
 	bottom:6.3%;
 	width: 27%;
 	height: 27%;
 	z-index: 1000;
 	background: transparent;
}

#video-inner {
	width: 100%;
	height:100%;
}
  @-moz-document url-prefix() {
	#videocontainer {
	overflow-x: hidden;
	overflow-y: hidden;
  }
}
#fancybox-outer{

	background: #000000;

}
#index-data {
	min-width: 600px;
	min-height: 400px;
	overflow: auto;
	text-align: center;
	margin: auto auto;
}

#index-data a {
	display: block;
	float: left;
	width: 184px;
	height: 150px;
	padding: 10px;
	margin: 10px;
	border: 1px solid #333;
	background-color: #000;
	text-align: center;
	text-decoration: none;
}

#index-data a:hover {
	background-color: #000;
	text-decoration: none;
}

#index-data a span {
	display: block;
	text-align: center;
	text-decoration: none;
	color: white;
	margin: -1.5em 0 0 0;

}

#index-data a img {
	width: 192px;
	text-align: center;
	border: none;
}
.imgleft{
	position: absolute; 
	z-index: 4000; 
	margin: -0.9em 0 0 -0.8em
}
.imgright{
	position: absolute; 
	z-index: 4000; 
	margin: -0.9em 0 0 -0.80em
}

  @-moz-document url-prefix() {
.imgleft {
	margin: -0.9em 0 0 -0.75em

  }
}