html { 
	height:100%;
	width: 100%;

}
		
body {
	margin:0px;
	padding: 0px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans";
	font-size: 8pt;
	color: #999999;
	overflow-y: scroll;

}
#container {
	margin-top:190px; /* edit wemove */
	background-image: url('img/backg2.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	border: 1px solid #FFFFFF;
}

#logo {
	position:absolute; 
	left: 50%;
	width: 675px;
	height: 187px;
	margin-left: -445px; /* half of width*/
	z-index:2;
}
#fixed{
	position: absolute;
	left: 50%;
	top: 187px;
	width: 890px;
	height: 918px;
	margin-left: -445px; /*half of width*/
	
	background-repeat: no-repeat;
	background-position: right top;
}


#sponsors {
	position: absolute;
	left: 50%;
	top: 740px; /* edit stefan was 550px */
	width: 400px;
	height: 600px;
	margin-left: -450px; /*half of width*/
	
}
html>body #fixed  {  /* nur fuer moderne Browser! */
    position: absolute;
 }
html>body #sponsors {
	position: absolute;
}
html>body #logo  {  /* nur fuer moderne Browser! */
    position: absolute;
 }
html>body #navigation  {  /* nur fuer moderne Browser! */
    position: absolute;
 }
html>body #sidebar  {  /* nur fuer moderne Browser! */
    position: absolute;
}
 #background {


	
	height: 409px;
 }

#navigation {
	position:absolute; 
	top: 377px; /* edit stefan, was 187px */
	left: 50%;
	z-index:2;
	
}
#navigation ul {
	position: absolute;
	left: 50%;
	top:0px;
	margin-left: -343px;
	width: 193px;
	z-index:0;
	padding-left:0em;
	margin-top:0em;
}


#navigation li { margin: 0px 0px 0px 0px; list-style: none; margin-bottom: 7px;}
#navigation li a { 
	display: block; 
	width: 193px; 
	height: 17px; 
}


#navigation ul #home a 					{ background-image: url('img/navigation/home_idle.png');}
#navigation ul #home a:hover 				{ background-image: url('img/navigation/home_active.png'); }

#navigation ul #festivalinformation a 			{ background-image: url('img/navigation/program_idle.png'); }
#navigation ul #festivalinformation a:hover 		{ background-image: url('img/navigation/program_active.png'); }

#navigation ul #contributions a 				{ background-image: url('img/navigation/exhibits_idle.png'); }
#navigation ul #contributions a:hover 			{ background-image: url('img/navigation/exhibits_active.png'); }

#navigation ul #submityourproject a 			{ background-image: url('img/navigation/submityourproject_idle.png'); }
#navigation ul #submityourproject a:hover 		{ background-image: url('img/navigation/submityourproject_active.png'); }

#navigation ul #tickets a 					{ background-image: url('img/navigation/tickets_idle.png'); }
#navigation ul #tickets a:hover 				{ background-image: url('img/navigation/tickets_active.png'); }

#navigation ul #locations a 				{ background-image: url('img/navigation/locations_idle.png'); }
#navigation ul #locations a:hover 				{ background-image: url('img/navigation/locations_active.png'); }

#navigation ul #contact a 					{ background-image: url('img/navigation/contact_idle.png'); }
#navigation ul #contact a:hover 				{ background-image: url('img/navigation/contact_active.png'); }

#navigation ul #people a 					{ background-image: url('img/navigation/people_idle.png'); }
#navigation ul #people a:hover 				{ background-image: url('img/navigation/people_active.png'); }


#footimage {
	width: 295px;
	height: 409px;
	}
#imglink {
	
	
}
#sidebar {
	position: absolute;
	left: 50%;
	top:180px; /* edit stefan was -10px */
	margin-left: 235px;
	width: 203px;
	height: 580px;
	z-index:3;
}
#sidebar #firstitemcontainer {
	position: absolute;
	height: 183px;
	width: 203px;
}
#sidebar #restitemcontainer {
	position: relative;
	top: 183px;
}
.sideitem {
	background-color: #FFFFFF;
	margin-top: 10px;
	padding: 5px;
	font-size: 7pt;
}
#firstitem {
	position: absolute;
	bottom: 0px;
	width: 193px;
	background-color: #999999;
	margin-top: 0px;
	color: #FFFFFF;
}
.sideitem p { margin-top:0px;margin-bottom:0px;}
.sideitem .title {
	font-weight: normal;
	text-transform: uppercase;
}
.sideitem .date {
	clear:left;
}
.sideitem a {
	background: none;
	color: #999999;
}
.sideitem a:hover {
	background: none;
}
#firstitem a {
	color: #FFFFFF;
}


#content{	
	position: relative;
	left: 50%;
	margin-left: -140px; /*half of width*/
	top: 187px;
	background-color: #efecec;
	width: 353px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 100px;
	visibility: visible;
min-height:600px
	
}
#content img {
margin-right: 10px;
margin-top: 5px;
}
a { 
	color: #444444;
	text-decoration: none;
	background-color: #cccccc;
}
a:hover {
	background-color: #aaaaaa;

}

h1 {
	margin: 0px 0px 10px 0px;
	font-size: 14pt;
	font-weight: normal;
	text-align: left;
	text-transform: uppercase;
}
h1 a {
	background-color: #FFFFFF;
	color: #999999;
}
h1 a:hover{
	background-color: #FFFFFF;
	color: #999999;
}

 a.imglink {
	background-color: #FFFFFF;
	color: #FFFFFF;
	border: 0px solid;
	border-color: #FFFFFF;
	text-decoration: none;
}
.imglink img {
	border:none;
	background-color: #FFFFFF;
}
 a.imglink:hover{
	background-color: #FFFFFF;
	border: 0px solid;
	text-decoration: none;
}




h2 {
	margin: 0px 0px 10px 0px;
	font-size: 12pt;
	font-weight: normal;
	text-align: left;
	text-transform: uppercase;
	color: #a8d049;

}

#content ul { margin: 20px 0px 15px 0px; padding: 0; }
#content ul li { list-style: none;}
#content ul li a { list-style: none; padding-left: 10px; margin-left: 10px; border-left: 3px solid #CCCCCC; background-color: #FFFFFF; color: #999999}
#content ul li a:hover { border-left: 10px solid #BBBBBB; }
#content ul li ul { display: none; }

#sidebar ul { margin: 20px 0px 15px 0px; padding: 0; }
#sidebar ul li { list-style: none;}
#sidebar ul li a { list-style: none; padding-left: 10px; margin-left: 10px; border-left: 3px solid #CCCCCC; background-color: #FFFFFF; color: #999999}
#sidebar ul li a:hover { border-left: 10px solid #BBBBBB; }
#sidebar ul li ul { display: none; }

/* Akkordeon */



#basic-accordian{
	border:5px solid #EEE;
	width:340px;
	height: 100%;
}

.accordion_headings{
	padding:5px;
	background:#99CC00;
	color:#FFFFFF;
	border:1px solid #00000;
	cursor:pointer;
	
}

.accordion_headings:hover{
	background:#000000;
}

.accordion_child{
	padding:15px;
	background:#EEE;
}

.header_highlight{
	background:#000000;
}