#mydiv {
position: absolute;
top: 50%;
left: 50%;
width: 1020px;
height: 660px;
margin-top: -330px; /*set to a negative number 1/2 of your height*/
margin-left: -510px; /*set to a negative number 1/2 of your width*/
background-color: #ffffff;
	}

#links {
padding-left: 56px;
padding-top: 60px;
width: 270px;
height: 600px;
float:left;
font-family:Arial, Helvetica, sans-serif;

	}
	
#linksoben {
width: 270px;
height: 280px;
	}
	
#linksunten {
width: 270px;
height: 290px;
	}
	
#ganzlinksunten {
width: 270px;
height: 20px;
	}
		
#linksoben a {
	color: #383838;
	text-decoration:none;
	}	
#linksoben a:hover {
	color: #999999;
	text-decoration:none;
	}


#linksunten a {
	color: #666;
	font-size: 20px;
	text-decoration:none;
	}	
#linksunten a:hover {
	color:  #666;
	text-decoration:none;
	}
	
		
#linksganzunten a {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 12px;
	line-height: 20px;
	text-decoration:none;
	}	

#linksganzunten a:hover {
	color: #999999;
	text-decoration:none;
	}
	
#rechts {
	padding-top: 60px;
	padding-right: 100px;
	width: 520px;
	height: 600px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	line-height: 18px;
	}
		
#rechts a {
font-size:12px;
color: #790a39;
text-decoration:none;
	}
	
#rechts a:hover {
font-size:12px;
color: #666;
text-decoration:none;
	}

#mydiv {
background:url(bilder/back_architektur.jpg);
}	
	
	

	
/* 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: #f60;
}
.orange-bar .jScrollPaneDrag {
	background: #666 url(../images/drag_grab.gif) no-repeat 50% 50%;
}
.orange-bar .scroll-pane {
	background: #ccc;
}
			
.holder {
	float: left;
	margin: 10px;
}

.scroll-pane {
	width: 270px;
	height: 280px;
	overflow: auto;
	float: left;
}
.scroll-pane_content {
	width: 570px;
    height: 600px;
	overflow: auto;
	float: left;
}

.scroll-pane_content h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style:normal;
	color:#CCC;
	}
	
.scroll-pane_content2 {
	width: 570px;
	height: 600px;
	overflow: auto;
	float: left;
	color:#39acac;
}

.scroll-pane_content2 h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style:normal;
	line-height: 8px;
	color:#66CC00;
	}
	
.linkbutton{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    line-height: 20px;
	}
	
.linkbutton2{
	font-family: Arial, Helvetica, sans-serif;
	font-style:normal;
	}

.linkbuttonaktiv{
	font-family: Arial, Helvetica, sans-serif;
	font-style:normal;
	color: #666666
	
	}
		
.umschalter{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	color:#CCCCCC;
	}
	
.wide {
	width: 400px;
}

.super-wide {
	width: 700px;
}

.tall {
	height: 510px;
}

#pane1 {
}

.scroll-pane2 {
	width: 270px;
	height: 250px;
	overflow: auto;
	float: left;
	font-size: 20px;
	line-height: 40px;
	font-weight: bold;
}

#pane2 {
	height: 200px;
	font-size: 24px;
	font-style:normal;
	color:#CCC;
}
	

	
#pane3 {
	height: 190px;
}
#pane4 {
	height: 190px;
}

.startlinkfarbe {
	color: #009999;
}

.startlinkfarbe:hover {
	color: #000;
}