body {
  	background-color: #141e2d;
  	font-color:#ffffff;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif; 
	}
	
div.container
{
	top: 0px;
	left: 73px;
	position: absolute;
	width: 882px;
	height: 989px;
	border-right: 2px solid #4784bb;
	}

div.header1	{
	float:left;
	top: 0px;
	}

div.header2	{
	float:left;
	top: 0px;
	}
	
.2010logo {
	position:absolute;
	left:830px;
	top:20px;
}
	
	
.whiteborder {
	border-bottom: 2px solid #ffffff;
}

	
div.balkenlinks
	{
	position: absolute;
	width: 182px;
	height: 1003px;
	top: -2px;
	}
	
div.nav {
	top: 475px;
	left: 290px;	
}

p.c5
{
	top:0px; 
	left: 20px; 
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#ffffff;
	text-align: justify;
	position:relative; 
	width:400px;
}

div.nav2 {
	top: 475px;
	left: 270px;	
}

div.conferencelogo {
	top: 324px;
	left: 815px;
	position: absolute;
	
}

div.menubuttoninhalt
{
	
	position: relative;
/*keine ortsangaben da diese alles verschieben*/
	height:600000em; 
}

div.items /* bilder + text in ganz der geladen werden soll beim menuwechsel*/
{
	
	position: relative;
	
}
	
	

	
	

p.c3
{
	top:0px; /*platziert den text an richtiger stelle*/
	left: 160px; /*platziert den text an richtiger stelle rechts neben dem bild*/
	font-family:Verdana, Arial, Helvetia, sans-serif;
	font-size:11px;
	color:#ffffff;
	text-align: justify;
	position:relative; /*sonst nicht scrollbar*/
	width:300px;
	
	
}

.c3_a
{
	top:0px; /*platziert den text an richtiger stelle*/
	margin-left: 20px; /*platziert den text an richtiger stelle rechts neben dem bild*/
	font-family:Verdana, Arial, Helvetia, sans-serif;
	font-size:11px;
	color:#ffffff;
	text-align: justify;
	position:relative; /*sonst nicht scrollbar*/
	width:410px;
}
.c3_a img {
float:left;
margin:5px;
}
p.c2
{
	top:0px; /*platziert den text an richtiger stelle*/
	left: 15px; /*platziert den text an richtiger stelle rechts neben dem bild*/
	position:relative; /*sonst nicht scrollbar*/
	width:20px;
	font-size:9px;
	float:left;
	font-family:Verdana, Arial, Helvetia, sans-serif;
	font-size:10px;
	color:#ffffff;
	
	
}

.c2_a
{
	width:120px;
	font-size:9px;
	float:left;
	font-family:Verdana, Arial, Helvetia, sans-serif;
	font-size:10px;
	color:#ffffff;
	
	
}

p.c2venues
{
font-family:Verdana, Arial, Helvetia, sans-serif;
	font-size:11px;
	color:#ffffff;
	text-align:left;
	
}

.img holder{ 
   float:left;
} 

	

	
div.menu

{
	top: 322px;
	left: 272px;
	width:120px;
	position: absolute;	
	}
	
	
	
	
div.bislogo

{
	top: 37px;
	left: 793px;
	position: absolute;


	}
	
	
	div.button_en
	{
	top: 108px;
	left: 954px;
	position: absolute;
	border: 1px solid #4784BB;


	}
	
	div.button_tr
	{
	top: 127px;
	left: 954px;
	position: absolute;
	border: 1px solid #4784BB;


	}
	
	
	
	
	
	
	
	
.vertical { 
	position:absolute;	/*damit es auch dahinkommt wo man es hinpackt, deklariert*/
    top:320px; /*damit man es richtig positioniert, ansonsten am linken rand*/
	left:400px; /*damit man es richtig positioniert, ansonsten am linken rand*/
	width: 500px;/*defines the width and the heights of the scrolling text"*//*wäre es größer, dann geht es über den rand raus*/
	padding-bottom:20px; 
    overflow:hidden; 
	margin-bottom:20px;
	color:#FFF;
	font-size:11;
	font-family:Verdana, Arial, Helvetia, sans-serif;
}


div.buttonnachunten
{
	left: 350px;
	top:450px;
	font-size:10px;		
	cursor:pointer;

}


div.buttonnachoben
{
    left:550px;
	top:250px;
	font-size:10px;		
	cursor:pointer;
	
}


/* the action buttons above the scrollable */
#actions {

	width:200px;
	margin:30px 0 10px 0;	
}

#actions a {
	font-size:11px;		
	cursor:pointer;
	color:#666;
}

#actions a:hover {
	text-decoration:underline;
	color:#000;
}


.disabled {
	visibility:hidden;		
}

.nextPage {
	float:right;
}	



.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0px;
	top: 0px;
	height: 100%;
	background: #111D2B;
}
.jScrollPaneDrag {
	position: absolute;
	background: #111D2B;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow:visible;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/* Stylesheet for my demo pages for jScrollPane - these styles aren't necessary for using jScrollPane and aren't specific to any particular example */



a.jScrollArrowUp {
	background: url(../images/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(../images/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}


.orange-bar .jScrollPaneTrack {
	background: #111D2B;
}
.orange-bar .jScrollPaneDrag {
	background: #00f url(http://www.kelvinluck.com/assets/jquery/jScrollPane/images/drag_grab.gif) no-repeat 50% 50%;
}
.orange-bar .scroll-pane {
	
	font-color:#ffffff;
	font-size:11;
	font-family:Verdana, Arial, Helvetia, sans-serif;
	width:500px;
}
			
.holder {
	float: left;
	color:#ffffff;
	font-size:11;
	font-family:Verdana, Arial, Helvetia, sans-serif;
	width:450px;
}

.scroll-pane {
	overflow:hidden;
	float: left;
	padding-top:15px;
	padding-bottom:20px; 
	text-align: justify;
}



.h2
{

	font-family:georgia, times new roman, times, serif;
	font-size:12px;
}




#pane4 { /*größe des scrollfeldes*/
	 /*muss mit der höhe von .vertical übereinstimmen sonst verschwindet der rest*/
	width: 510px; /*je breiter, desto mehr verschwindet der scrollbalken nach rechts*/
	
	
}

a:link { text-decoration:underline; font-weight:normal; color:#ffffff; }
a:visited { text-decoration:underline; font-weight:normal; color:#ffffff; }
a:hover { text-decoration:none; font-weight:normal; color:#ffffff;}
a:active { text-decoration:none; font-weight:normal; color:#ffffff}


/*accordion styles*/
ul{
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#accordion{
	position:absolute;
	height:80px;
	width:650px;
	left: 302px;
	top: 160px;
	font-family:Verdana, Arial, Helvetia, sans-serif;
	font-size:11px;
	color:#ffffff;
	}

ul li{
  float: left;
  padding: 0px;
  display: block;
  margin-right: 0px;
}

ul li a{
  display: block;
  overflow: hidden;
  height: 130px;
  width: 80px;
}

#a1{
  width: 290px;
}

ul li img{
  position: absolute;
}

ul li p{
  margin: 0px;
  padding-bottom: 5px;
  width: 190px;
  display: block;
  margin-left: 90px;
  border-bottom: 1px solid #00aeef;
}
.seperator {
	color:#00eaef;
}
.sbox {
margin-bottom:10px;
}
.selectedArtist {
	color:#00eaef;
}
.artist:hover {
color:#00eaef;
}