/*	Styles für die Webseiten der Jugendhilfestation Langen
	Author:	Matthias Hillmann - mathill@mathill.de
	Date:	15.10.05
*/

h1 {
	font-size: 1.3em;
	font-weight: bold;
	color: black;
	background: none;
	text-align: left;
	padding: 5px 0;
}

.bg {
/*	background-color:#d7d7ff; */
	background-color:white;
}

small  { font-size: 80% }

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


a:link, a:active, a:visited {
	color: #000000;
}

img {
	position: relative;
	padding: 0;
	border: none;
}

@media print {
	#navi {display:none;}
	#navi-bottom {display:none;}
	#top {display:none;}
}

.text   { background: #f4f4ff; display: block; margin-top: 20px; padding: 10px 10px 20px; position: relative; width: 95%; overflow: hidden; border: solid 1px black }

.text p  { padding: 10px 20px; width: auto }

#jhst-navi-bottom   { line-height: 44px; text-align: right; margin-top: 20px; position: relative; width: 95%; height: 45px; min-width: 600px; border-top: 1px solid black }

#top  { margin-top: 20px; position: relative }

#imagemap { background: url("pics/tafel.jpg") no-repeat; list-style: none; position: relative; left: 260px; width: 450px; height: 372px; border: none }

#imagemap li{
	position:static;
	text-decoration:none;
	background:none;
}

#imagemap a{
	text-decoration:none;
	background:none;
}

#button1 a{
	position:absolute;
	display:block;
	left:265px;
	top:210px;
	width:115px;
	height:140px;
}

#button1 a span{
	display:none;
}

#button1 a:hover { /* just for the IE Popup-Bug */
	border:1px dotted #FBFA3E;
}

#button1 a:hover span{
	display:block;
	position: absolute;
	width: 200px;
	height: 300px;
	border: 1px solid black;
	background-color: #f0f0ff;
	left: -518px;
	top: -170px;
	padding: 5px;
	z-index: 150;
}
 
#button2 a {
	position:absolute;
	display:block;
	left:80px;
	top:155px;
	width:150px;
	height:180px;
}
 
#button2 a span{
	display:none;
}

#button2 a:hover { /* just for the IE Popup-Bug */
	border:1px dotted #FBFA3E;
}

#button2 a:hover span{
	display:block;
	position: absolute;
	width: 200px;
	height: 300px;
	border: 1px solid black;
	background-color: #f0f0ff;
	left: -333px;
	top: -115px;
	padding: 5px;
}
 
#button4 a {
	position:absolute;
	display:block;
	left:320px;
	top:1px;
	width:120px;
	height:120px;
}
 
#button4 a span{
	display:none;
}

#button4 a:hover { /* just for the IE Popup-Bug */
	border:1px dotted #FBFA3E;
}

#button4 a:hover span{
	display:block;
	position: absolute;
	width: 200px;
	height: 300px;
	border: 1px solid black;
	background-color: #f0f0ff;
	left: -573px;
	top: 40px;
	padding: 5px;
}
 
#tabs {
	display:inline;
	position:absolute;
	left:12em;
	width:100px;
	text-align:right;
	overflow:hidden;
}