/* CSS Document */

body {
margin:0;
padding:0;
border:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
background-image: url(projects/pattern.jpg)
}

img, a {
margin:0;
padding:0;
border:none;
color:#000000;
text-decoration:none;
}



div#navirhizom a {
font:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #4c4c4c;
/*font-weight:bold;*/
}



div#navirhizom a:hover {
color: #2a2a2a;

}



a:hover  {
color: #666666;
}

p {
font-size: 10px;
margin:0;
padding:0;
}

h2 {
font-size: 11px;
color:#FFFFFF;
font-weight: bold;
margin:0;
padding:0;
}

h3 {
margin:0;
padding:0;
font-size: 10px;
color: #FFFFFF;
font-weight: bold;
}

h4 {
margin:0;
padding:0;
font-size: 10px;
font-weight: bold;
}

div#content1 {
	top: 0;
	width: 950px;
	height: 600px;
	position: relative;
	margin:auto;
	padding:0 0 0 0;
	background-image: url(bilder/backgrounds/background_start.jpg);
	background-repeat: no-repeat;
	z-index:1;

}

div#contentfilm {
	top: 0;
	width: 950px;
	height: 600px;
	position: absolute;
	margin:0;
	padding:0 0 0 0;
	background-image: url(bilder/backgrounds/background_film.jpg);
	background-repeat: no-repeat;
	z-index:1;
}

div#contentfilmlang {
	top: 0;
	width: 950px;
	height: 600px;
	position: absolute;
	margin:0;
	padding:0 0 0 0;
	background-image: url(bilder/backgrounds/background_film_lang.jpg);
	background-repeat: no-repeat;
	z-index:1;
}

div#content_ohneBG {
	top: 20px;
	width: 950px;
	height: 600px;
	position: relative;
	margin:auto;
	padding:0 0 0 0;
	z-index:50;
}


/*navigation*/

div#navibalken {
width: 640px;
height: 20px;
position: absolute;
top:0;
right:0;
margin:0;
padding:0;
z-index:10;
}

div#navibalkenBG {
width: 640px;
height: 20px;
position: absolute;
top:0;
right:0;
margin:0;
padding:0;
z-index:11;
}

div#loginbalken, div#linksbalken {
float:left;
margin-right:3px;
z-index:11;
}

div#imprintsbalken {
position:absolute;
top:0px;
left:347px;
}

div#navirhizom {
width: 950px;
height: 190px;
position: absolute;
top:20px;
left:0;
margin:0;
padding:0;
z-index:11;

}


/*    MAINNAVIGATION    */

div#plateau {
	position: absolute;
	top:105px;
	left:113px;
}

div#videoart {
	width: auto;
	height: 7px;
	position: absolute;
	top:105px;
	left:238px;
}

div#skinlines {
	width: auto;
	height: 7px;
	position: absolute;
	top:65px;
	left:324px;
}


div#dovepeople {
width: auto;
height:7px;
position: absolute;
top:142px;
left:260px;
}



div#woyzek {
width: 41px;
height:7px;
position: absolute;
left:394px;
top:118px;
}

div#projects {
width: 45px;
height:7px;
position: absolute;
left:421px;
top:81px;
}

div#droctagon {
	width: 100px;
	height:15px;
	position: absolute;
	left:413px;
	top:32px;
}

div#samson {
	width: 20px;
	height: 7px;
	position: absolute;
	top:141px;
	left:531px;
}


div#jollyrocker {
	width: 100px;
	height:16px;
	position: absolute;
	left:803px;
	top:65px;
}

div#aligningminds {
	width: 100px;
	height:15px;
	position: absolute;
	left:554px;
	top:100px;
}


div#panasonic {
width: auto;
height:9px;
position: absolute;
left:534px;
top:50px;
}


div#noend{
	width: 107px;
	height:-913025864px;
	position: absolute;
	left:658px;
	top:30px;
	bottom: 17927863px;
}


div#proud{
	width: auto;
	height:15px;
	position: absolute;
	left:400px;
	top:160px;
}




div#tanzimaugust{
	width: 130px;
	height:15px;
	position: absolute;
	left:696px;
	top:113px;
}


div#expo2010{
	width: 130px;
	height:15px;
	position: absolute;
	left:665px;
	top:155px;
}



div#deutschewelle{
	width: 150px;
	height:15px;
	position: absolute;
	left:628px;
	top:75px;
}


div#news {
	width: 38px;
	height:7px;
	position: absolute;
	left:850px;
	top:135px;
}


div#kontaktfeldtext {
top: 405px;
left: 30px;
position: absolute;
width: 147px;
height: 170px;
margin:0;
z-index:1;

  } 
  
div#kontaktfeldtext p {
font: Verdana, Arial, Helvetica, sans-serif;
color:#333333;
text-align:left;
font-size: 9px;
margin-bottom:5px;
  } 
  
  
  
 div#intro {
 width: 535px;
height:200px;
	position: absolute;
	top: 270px;
	left:300px;
  
  }
  
  
  
div#intro h2 {
color: #6f6f6f;
font-size:12px;

}

  


/*kontaktfeld - projekte*/
	
div#kontaktprojekte {
	width: 200px;
	height:110px;
	position: absolute;
	top: 485px;
	left:25px;
	z-index:60;
	padding: 0;
	margin:0;
}


	

/*kontaktfeld - startseite*/
	
div#kontaktfeldindex {
	width: 200px;
	height:110px;
	position: absolute;
	top: 475px;
	left:15px;
	z-index:60;
	visibility: hidden;
		padding: 0;
	margin:0;
	}	
	
	
	
	
	div#kontaktfeldBG {
	width:200px;
	height:140px;
	position: absolute;
	top: 0;
	left:0;
	filter:alpha(opacity=50);
-moz-opacity:0.5; 		opacity:0.5;
-khtml-opacity:0.5;
	z-index:61;
	}
	
	
	div#kontaktindex {
width:200px;
height:130px;
	position: absolute;
	top: 10px;
	left:10px;
	padding: 0;
	z-index:62;
	margin:0;
}


div#kontaktfeldsichtbar {
	width: 200px;
	height:110px;
	position: absolute;
	top: 475px;
	left:15px;
	z-index:60;
	visibility: visible;
	padding: 0;
	margin:0;
	}	


  
	

address {
	color:#333333;
	text-align:left;
	font-size: 9px;
	font-style:normal;
	font-weight:bold;
	line-height:14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/*projects_film*/


div#friends {
width: 1px;
height:1px;
position: absolute;
top: 0px;
left:67px;
z-index:100;
padding: 0;
margin:0;

}

div#filmcontent {
width: 930px;
height:250px;
position: absolute;
top: 216px;
left:20px;
z-index:100;
padding: 0;
margin:0;
line-height:10pt

}

div#filmcontenttext {
	width: 290px;
	height:250px;
	position: absolute;
	top: 4px;
	left:1px;
	z-index:3;
	padding: 0;
margin:0;

}



div#navipfadfilm {
width: 267px;
height:7px;
position: absolute;
top: 3px;
left:6px;
padding: 0;
margin:0;
}


a.float{
float:left;
}

div#filmtextfeld {
	width: 275px;
	height:205px;
	position: absolute;
	top: 35px;
	left:0px;
	padding: 0 0 0 0;
}


div#filmcontentfilm {
width: 330px;
height:250px;
position: absolute;
top: 0px;
left:291px;
}

div#filmcontentfilmohneBG {
width: 330px;
height:250px;
position: absolute;
top: 0px;
left:291px;
}


div#filmcontentfoto {
width: 310px;
height:250px;
position: absolute;
top: 0;
left:620px;
}

/* 3 Fotos */

div#filmfoto1 {
width: 135px;
height:70px;
position: absolute;
top: 15px;
left:15px;
}



div#filmfoto2 {
width: 135px;
height:70px;
position: absolute;
top: 15px;
left:160px;
}

div#filmfoto3 {
width: 280px;
height:130px;
position: absolute;
top: 100px;
left:15px;
}

/* 1 grosses Foto */

div#filmfoto4 {
width: 280px;
height:215px;
position: absolute;
top: 15px;
left:15px;
}


/* 2 mittleres fotos*/


div#filmfoto7 {
	width: 280px;
	height:120px;
	position: absolute;
	top: 133px;
	left:15px;
}




/* 2 mittleres fotos*/
div#filmfoto6b {
width: 280px;
height:120px;
position: absolute;
top: 10px;
left:15px;
}


/* 2 vertikale Fotos */
div#filmfoto5 {
width: 135px;
height:215px;
position: absolute;
top: 15px;
left:15px;
}


div#filmfoto6 {
width: 135px;
height:215px;
position: absolute;
top: 15px;
left:160px;
}



/* Impressum */

div#textfeldmitte {
width: 310px;
height: 180px;
position: absolute;
top: 40px;
left:310px;
}


div#textfeldrechts {
	width: 290px;
	height:201px;
	position: absolute;
	top: 38px;
	left:20px;
}

/* Projects */

div#projectstext {
	width: 289px;
	height:152px;
	position: absolute;
	top: 33px;
	left:6px;
	visibility: hidden;
}

div#projectstext2 {
	width: 289px;
	height:152px;
	position: absolute;
	top: 34px;
	left:625px;
	visibility: hidden;
}

div#projectstext3 {
	width: 289px;
	height:152px;
	position: absolute;
	top: 34px;
	left:625px;
	visibility: hidden;
}

div#projectstext4 {
	width: 289px;
	height:152px;
	position: absolute;
	top: 34px;
	left:625px;
	visibility: hidden;
}

div#projectstext5 {
	width: 289px;
	height:152px;
	position: absolute;
	top: 34px;
	left:625px;
	visibility: hidden;
}

div#projectstext6 {
	width: 289px;
	height:152px;
	position: absolute;
	top: 34px;
	left:625px;
	visibility: hidden;
}

div#projectstext7 {
	width: 289px;
	height:152px;
	position: absolute;
	top: 34px;
	left:625px;
	visibility: hidden;
}

div#projectstext8 {
	width: 289px;
	height:152px;
	position: absolute;
	top: 34px;
	left:625px;
	visibility: hidden;
}

div#projectstext9,div#projectstext10,div#projectstext11 {
	width: 289px;
	height:152px;
	position: absolute;
	top: 34px;
	left:625px;
	visibility: hidden;
}

div#inprogress2 {
	width:327px;
	position:absolute;
	left:295px;
	top: 40px;
	height: 142px;
}


/*projects_navigationsindex*/

div#navipfadfilm a{
float:left;
margin-right:4px;
z-index:11;
}



div#logo {
	top:10px;
	left:10px;
	position:absolute;
	height: 70px;
	width:290px;
	z-index:100;
	visibility: visible;
}