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

/*	Alle Innen- und Außenabstände auf 0. Ränder an Biler im IE und Firefox aus
------------------------------------------------------------------------------------------------------*/

* { 
	margin:0; 
	padding:0; 
	border:none !important;/*FF keine Auswirkung auf blaue Rahmen um poster-tag*/
	border:0 !important;/*FF keine Auswirkung auf blaue Rahmen um poster-tag*/
}

a img {
	border:0 !important;/*Firefox: blauer Rand vermeiden*/
}



/*	Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera
------------------------------------------------------------------------------------------------------*/

body { overflow-y:scroll; }
  
  
/*	Gestaltung Basis-Layouts
------------------------------------------------------------------------------------------------------*/

body { 
	background-color:white;
	margin-top:25px; 
}


/*	Intro-Box
- - - - - - - - - - - - - - - - - - - - - - - - */

#FullScreenIntroBox {
	width:100%;
	height:100%;
}

.anpassen{
width:100%;
height:100%;
}
  

/*	Layout-Ausrichtung 
- - - - - - - - - - - - - - - - - - - - - - - - */

#container/*alt: page_margins*/ {
	position:relative;
	width: 976px; /*war 936px*/
	height: 600px;
	margin: 0 auto;
	margin-bottom:12px;
	/*background-color:gold;*/
} 


/*	Bereiche (Überschrift)
- - - - - - - - - - - - - - - - - - - - - - - - */

#bereich {
	position:relative;
	width: 800px;
	height:35px;
	float:left;
}

.video  {
	background:url(../images/bereich-videokunst.png) no-repeat;
	background-position:bottom left;
	/*background-position:0 -74px; für das Rollover*/
}
  	
.foto {
	background:url(../images/bereich-fotografie.png) no-repeat;
	background-position:bottom left;
}

.info {
	background:url(../images/bereich-info.png) no-repeat;
	background-position:bottom left;
}

.kontakt {
	background:url(../images/bereich-kontakt.png) no-repeat;
	background-position:bottom left;
}

/*	Inhalte
- - - - - - - - - - - - - - - - - - - - - - - - */

#arbeiten {
	position:relative;
	width:948px;/*war 988px*/
	height:504px;
	float:left;
	margin:-7px -6px -6px -6px;
	/*background-color:blue;*/
	/*border:blue 1px solid;*/
}

#content {
	position:relative;
	width:936px;
	height:492px;
	float:left;
	/*background-color:blue;*/
	/*border:blue 1px solid;*/
}

.information{
	height:501px;
	top:-5px;
	left:-1px;
}

.information img{
margin:0 !important;
padding:0 !important;
float:left;
}
	
.videoblock {
	position:relative;
	float:left;
	width:304px;
	height:240px;
	margin:6px;
	padding:0;
}

a.videoblock {
	border:0;
	border:none;
}

.fotoblock {
	position:relative;
	float:left;
	width:304px;
	height:240px;
	margin:6px;
	padding:0;
	/*background-color:black;*/
}

.fotoblock img {
	border:none;
}



.plus {
	background-image:url(../images/plus.png);
	width:26px; 
	height:26px;
	position:absolute;
	bottom:0px;
	right:0px;
	visibility:hidden;
}  

a:hover .plus {
	visibility:visible;
}



/*	Video: Rollover
- - - - - - - - - - - - - - - - - - - - - - - - */

a.tooltip span {
	display: none;  
}

a.tooltip:hover span {
	display: block;
	position: absolute; 
	z-index: 100;
	top:1px;
	left:5px;
	z-index:100;
}

/*	Navigation
- - - - - - - - - - - - - - - - - - - - - - - - */

#nav_kontakt {
	position:relative;
	height: 35px;
	width:98px;
	float:right;
	margin-bottom:12px;
	background:url(../images/kontakt.png) no-repeat;	
	/*background-color:yellow;*/
}

#nav_foto {
	position:relative;
	height: 35px;
	width:400px;
	float:left;
	margin-top:12px;
	background:url(../images/foto.png) no-repeat;	
	/*background-color:yellow;*/
}

#nav_video {
	position:relative;
	height: 35px;
	width:400px;
	float:left;
	margin-top:12px;
	background:url(../images/video.png) no-repeat;
	/*background-color:yellow;*/
}

#nav_info {
	position:relative;
	width:400px;
	height: 35px;
	float:right;
	margin-top:12px;
	background:url(../images/info.png) no-repeat;
	background-position:right;
	/*background-color:purple;*/
}

#nav_info a {
	position:relative;
	width:400px;
	height: 35px;
	float:right;
	margin-top:12px;
	background:url(../images/info.png) no-repeat;
	background-position:right;
	border:none;/*Firefox: blauer Rand vermeiden*/
	/*background-color:purple;*/
}

/*	Navigation Fotografie nach links und rechts
- - - - - - - - - - - - - - - - - - - - - - - - */

#back {
	width:20px;
	height:588px;
	position:relative;
	float:left;
	margin:0;
}

#forward {
	width:20px;
	height:588px;
	position:relative;
	float:right;
	margin:0;
}