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

/*
Theme Name: bildungsfilm
Description: Template zum Wordpress Tutorial auf http://wordpress.lernenhoch2.de
Author: 
Author URI: 
*/



body        {margin-left: 0px;
			margin-top: 0px;
			margin-right: 0px;
			margin-bottom: 0px;
			overflow-x:hidden;
			overflow-y:visible;
			background-image: url(images/background.gif);
			font-family: "Trebuchet MS", Arial;
			font-size:13px;
			line-height: 20px;
			background-repeat: repeat;
			background-attachment: fixed;}
 
#wrapper    {width: 2001px; margin: auto; text-align: left; }
#header     {position: fixed; 
			height: 360px; 
			width: 2002px;
			left:0px;
			top:39px;
			overflow:hidden;
			z-index:1;
			 }
			 
#headerProjekte	{position: absolute; 
			height: 360px; 
			left:0px;
			top:39px;
			overflow:hidden;
			z-index:2;
			 }	 
	
			
#main       {position: relative; width: 400px; top: 400px; left:95px; float: left; color: #1D283C; border-style: none;}
/*#sidebar    {width: 270px; padding: 10px; padding-top: 20px; float: left;}*/
/*#footer     {clear: both; height: 100px; padding: 20px; }*/



#headerFilme {position: fixed; 
			height: 100%; 
			left:0px;
			top:39px;
			overflow:hidden;
			z-index:50;
			 }

#filme 		{position: fixed; 
			height: 100%;
			width:100% 
			left:0px;
			top:39px;
			overflow:hidden;
			z-index:50;
			 }


A:visited
{color: #31485C; text-decoration: none}
A:link {color: #31485C; text-decoration:
none}
A:hover {color: #31485C; text-decoration: none}
A:active {color:
#31485C; text-decoration: none}



#navigation {
	position:fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height:39px;
	border:thin;
	border-bottom-color: 1px;
	border-color: #666666;
	overflow:hidden;
	z-index:50;
	background-image: url("images/navigation.gif");

}



#kontakt  {
	position: absolute;
	left:90px;
	top: 75px;
	width: 400px;
	height:264px;
	overflow:visible;
	z-index:19;
	border-style: none;
}


/*
#flash {
	position: fixed;
	left:0px;
	top: 40px;
	width: 2000px;
	height:360px;
	border:thin;
	overflow:hidden;
	z-index:45;
	
}*/




#text  {
	position: relative;
	left:95px;
	top: 400px;
	width: 400px;
	height:100%;
	overflow:visible;
	z-index:38;
}



#textTitel  {
	position: relative;
	left:95px;
	top: 390px;
	width: 440px;
	height:100%;
	overflow:visible;
	z-index:18;
	font-size:18px;
	line-height: 25px;
	color: #1C425A;
}

#logoMini {
	position: relative;
	left:0px;
	top: 0px;
	width: 20px;
	height:100%;
	overflow:visible;
	z-index:24;

}









.rolloverWir a {
display:block;
width: 20px;
height:7px;
padding:10px 10px 10px 7px;
font: bold 13px sans-serif;;

background: url("images/navigationWir.png") 0 0 no-repeat;
text-decoration: none;

left:140px;
top:9px;
z-index:1001;
position:fixed;

}
.rolloverWir a:hover { 
background-position: 0 -24px;
color: #049;

left:140px;
top:9px;
z-index:1001;
position:fixed;

}

.rolloverWirOn {
display:block;
width: 22px;
height:7px;
padding:10px 10px 10px 7px;
font: bold 13px sans-serif;;

background: url("images/navigationWirOn.png") 0 0 no-repeat;
text-decoration: none;

left:140px;
top:9px;
z-index:1001;
position:fixed;

}


.rolloverProjekte a {
display:block;
width: 78px;
height:7px;
padding:10px 10px 10px 7px;
font: bold 13px sans-serif;;

background: url("images/navigationProjekte.png") 0 0 no-repeat;
text-decoration: none;

left:430px;
top:9px;
z-index:1001;
position:fixed;

}
.rolloverProjekte a:hover { 
background-position: 0 -24px;
color: #049;

left:430px;
top:9px;
z-index:1001;
position:fixed;

}


.rolloverProjekteOn {
display:block;
width: 82px;
height:7px;
padding:10px 10px 10px 7px;
font: bold 13px sans-serif;;

background: url("images/navigationProjekteOn.png") 0 0 no-repeat;
text-decoration: none;

left:430px;
top:9px;
z-index:1001;
position:fixed;

}


.rolloverFilme a {
display:block;
width: 40px;
height:7px;
padding:10px 10px 10px 7px;
font: bold 13px sans-serif;;

background: url("images/navigationFilme.png") 0 0 no-repeat;
text-decoration: none;

left:280px;
top:8px;
z-index:1001;
position:fixed;

}
.rolloverFilme a:hover { 
background-position: 0 -24px;
color: #049;

left:280px;
top:8px;
z-index:1001;
position:fixed;

}

.rolloverFilmeOn {
display:block;
width: 40px;
height:7px;
padding:10px 10px 10px 7px;
font: bold 13px sans-serif;;

background: url("images/navigationFilmeOn.png") 0 0 no-repeat;
text-decoration: none;

left:280px;
top:8px;
z-index:1001;
position:fixed;

}


.rolloverKontakt a {
display:block;
width: 70px;
height:7px;
padding:10px 10px 10px 7px;
font: bold 13px sans-serif;;

background: url("images/navigationKontakt.png") 0 0 no-repeat;
text-decoration: none;

left:760px;
top:9px;
z-index:1001;
position:fixed;

}
.rolloverKontakt a:hover { 
background-position: 0 -24px;
color: #049;

left:760px;
top:9px;
z-index:1001;
position:fixed;

}


.rolloverAwards a {
display:block;
width: 70px;
height:7px;
padding:10px 10px 10px 7px;
font: bold 13px sans-serif;;

background: url("images/navigationAwards.png") 0 0 no-repeat;
text-decoration: none;

left:609px;
top:8px;
z-index:1001;
position:fixed;

}
.rolloverAwards a:hover { 
background-position: 0 -24px;
color: #049;

left:609px;
top:8px;
z-index:1001;
position:fixed;

}



.rolloverKontaktOn  {
display:block;
width: 70px;
height:7px;
padding:10px 10px 10px 7px;
font: bold 13px sans-serif;;

background: url("images/navigationKontaktOn.png") 0 0 no-repeat;
text-decoration: none;

left:600px;
top:9px;
z-index:1001;
position:fixed;

}

.rolloverAktuell a {
display:block;
width: 30px;
height:20px;
padding:10px 10px 10px 7px;
font: bold 13px sans-serif;;

background: url("images/navigationAktuell.png") 0 0 no-repeat;
text-decoration: none;

left:3px;
top:0px;
z-index:1001;
position:fixed;

}
.rolloverAktuell a:hover { 
background-position: 0 -40px;
color: #049;

left:3px;
top:0px;
z-index:1001;
position:fixed;

}


.rolloverNominee a {
position: fixed;
display:block;
width: 200px;
height:100px;
padding:10px 10px 10px 7px;
font: bold 13px sans-serif;;

background: url("images/grimme_online.gif") 0 0 no-repeat;
text-decoration: none;

left:555px;
top:452px;
z-index:1001;
position:fixed;

}
/*.rolloverNominee a:hover { 
background-position: 0 -99px;
color: #049;

left:555px;
top:396px;
z-index:1001;
position:fixed;

}*/


	
		
	

.rolloverLogos a {
z-index:20;
position: absolute;
display:block;
width: 200px;
height:570px;
padding:10px 10px 10px 7px;

background: url("images/logosProjekte.gif") 0 0 no-repeat;
text-decoration: none;

left:590px;
top: 400px;


}
.rolloverLogos a:hover { 
background-position: 0 -595px;
color: #049;

left:590px;
top: 400px;
height:570px;


}