* { margin:0; padding:0; border:0; }
body { font:12px Arial, sans-serif; color:#666; background:#fff; }
a { outline:0; -moz-outline:0; color:#666; text-decoration:none; }
a:hover { text-decoration:underline; }

#detail { position:absolute; height:530px; width:860px; margin:-265px 0 0 -430px; top:50%; left:50%;  overflow:auto; background:url(../images/detail-h1.gif) #fff top left no-repeat; }
#detail h1 { position:absolute; top:0; left:0; width:331px; height:60px; padding:6px 195px 0 25px; color:#fff; font-size:18px; }
#detail address { position:absolute; width:479px; height:65px; top:80px; left:25px; font-style: normal; }
#logo { position:absolute; width:180px; height:140px; top:5px; right:5px; }
dl.box1 { position:absolute; width:276px; height:341px; bottom:30px; left:5px; line-height:20px; }
dl.box2 { position:absolute; width:276px; height:341px; bottom:30px; left:290px; line-height:20px; }
dl.box3 { position:absolute; width:276px; height:341px; bottom:30px; right:5px; line-height:20px; }



#navi {position:absolute; bottom:5px; left:5px; padding:1px 25px 0 25px; z-index:1000; width:798px; height:17px; background:#dadada; border: 1px #dadada solid; }

dl { border: 1px #dadada solid; background:url(../images/detail-box-title.gif) #fff top left no-repeat; }
dl dt { height:21px; padding-left:25px; padding-top:0px; font-weight:bold; color:#fff; }
dl dd div.scroll { width:224px; height:313px; padding:5px 25px 0 25px; overflow:auto; }
dl dd ul { margin: 5px 0 5px 0; }
dl dd ul li { margin-left:25px; }

/* #map { width:276px; height:316px; } */

div.box3 { position:absolute; width:276px; height:341px; bottom:30px; right:5px; border:1px #dadada solid; }
#mapTitle { position:absolute; display:block; bottom:352px; right:133px; height:18px; width:125px; padding-left:25px; padding-top:3px; font-weight:bold; color:#fff; background:url(../images/detail-box-title.gif) top left no-repeat; z-index:2; }
#map {width:276px; height:341px; }


/* scrollbalken: */
a.jScrollArrowUp { background: url(../images/scrollPane/basic_arrow_up.gif) repeat-x 0 0; }
a.jScrollArrowUp:hover { background-position: 0 -15px; }
a.jScrollArrowDown {background: url(../images/scrollPane/basic_arrow_down.gif) repeat-x 0 0; }
a.jScrollArrowDown:hover {background-position: 0 -15px; }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { background-position: 0 -30px; }
.jScrollPaneContainer { position: relative;	overflow: hidden;	z-index: 1; }
.jScrollPaneTrack {	position: absolute;	cursor: pointer;	right: 0;	top: 0;	height: 100%; 	background: #FFF9EF; }
.jScrollPaneDrag {	position: absolute;	background: #ccc;	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;	height: 9px; }
a.jScrollArrowDown {	display: block;	position: absolute;	z-index: 1;	bottom: 0;	right: 0;	text-indent: -2000px;	overflow: hidden;	height: 9px; }


/* runde ecken für firefox, mozilla: */
#detail, dl, div.box3, #navi { -moz-border-radius:6px; }
#mapTitle { -moz-border-radius-topleft:6px; }


/* runde ecken für safari, konqueror, chrome: */
#detail, dl, div.box3, #navi { -khtml-border-radius:6px; }
#mapTitle { -khtml-border-top-left-radius:6px; }

/* runde ecken css3: */
#detail, dl, div.box3, #navi { border-radius:6px; }
#mapTitle { border-top-left-radius:6px; }