/* allgemein */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	background-color:#6699ff;
	color:#FFFFFF;
	margin:0;
	padding:0;
	text-align:center;
}

img 	  {	border:0; }

a:link	  {	color:#FFFFFF;	background-color:#6699ff; }
a:visited {	color:#FFFFFF;	background-color:#6699ff; }
a:hover   {	color:#003399;	background-color:#6699ff; }
a:active  {	color:#003399;	background-color:#6699ff; }
a:focus   {	color:#003399;	background-color:#6699ff; }

p {	text-align:left; }
li { margin-bottom:1em; }

h1, h2 { color:#003399;	background-color:#6699ff; margin-bottom:0.2em;}
h1 { margin-top:1em; }
h2 { margin-top:0em; }
h3 {
	float:none; /* Positionierung*/
	clear:both;
	text-align:left;
}
h4 { text-align:left; }


/* Positionierung */
div#container {
	width:700px;
	margin:0px auto 0px auto;
	padding:0;
	text-align:left;
}

div#titel {
	text-align:center;
}

div#willkommen {
	float:left;
/*	width:242px;*/
	width:242px;
	font-size:117%;
	text-align:justify;
	margin-top:2em;
}


div#teilnehmer {
	position:relative;
	float:left;
	width:458px;
	height:400px;
	background-image:url(../img/kreiskarte.gif);
	background-repeat:no-repeat;
	background-position:center;
}

ul#links {
	float:left;
	width:40%;
	text-align:left;
}

ul#rechts {
	text-align:left;
	float:left;
	width:40%;
}

div#menue {
	float:none;
	clear:both;
	text-align:left;
}

/* Navigation
*/
div#menue ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
div#menue ul li {
	display:inline;
	margin: 0em 2em 0em 2em;
	padding:0;
	list-style-type:none;
}

/* Start-Link
*/
div#willkommen a {
	text-decoration:none;
	font-size:110%;
	font-weight:bold;
	color:#003399;
	background-color:#ffffff;
	border-top: 3px solid #f0f8ff;
	border-left: 3px solid #f0f8ff;
	border-bottom: 3px solid #003399;
	border-right: 3px solid #003399;
	margin:0px 0px 0px 0px;
	padding:5px 5px 5px 5px;
	height:10px;
}
div#willkommen a *  { vertical-align:top; }

div#willkommen a:hover, div#willkommen a:active, div#willkommen a:focus {
	color:#fa8511;
	background-color:#ffffff;
	border-top: 3px solid #003399;
	border-left: 3px solid #003399;
	border-bottom: 3px solid #f0f8ff;
	border-right: 3px solid #f0f8ff;
}

/* Bibliotheksliste mit Info-Popup */
ul#liste 			{
	color:#000000;
	background-color:transparent;
}
ul#liste li 		{
	list-style-type:none;
	background-image:url(../img/bullet.gif);
	background-repeat:no-repeat;
	background-position: left center;
	padding-left: 10px;
}
ul#liste a			{ color:#000000; background-color:transparent; text-decoration:underline; font-weight:bold; }
ul#liste a span 	{ display:none; }

ul#liste a:hover, ul#liste a:active, ul#liste a:focus { text-decoration:none; height:auto; }
ul#liste a:hover span, ul#liste a:active span, ul#liste a:focus span {
	display:block;
	color:#000000;
	background-color:#ffffff;
	text-decoration:none;
	font-weight:normal;
	padding:1px 1px 1px 1px;
	border-top: 3px solid #f0f8ff;
	border-left: 3px solid #f0f8ff;
	border-bottom: 3px solid #003399;
	border-right: 3px solid #003399;
	z-index:100;
	width:14.7em;
	height:13em;
/*	width:236px;
	height:180px;
*/
}

/* info-popup intialposition */
ul#liste li#bgl { position:absolute; top:200px; left: 83px; }
ul#liste li#bur { position:absolute; top:112px; left: 76px; }
ul#liste li#gum { position:absolute; top:194px; left:323px; }
ul#liste li#hue { position:absolute; top: 68px; left:226px; }
ul#liste li#lei { position:absolute; top: 94px; left: 20px; }
ul#liste li#mor { position:absolute; top:345px; left:393px; }
ul#liste li#ove { position:absolute; top:268px; left:160px; }
ul#liste li#rad { position:absolute; top: 38px; left:240px; }
ul#liste li#roe { position:absolute; top:300px; left: 90px; }
ul#liste li#wal { position:absolute; top:328px; left:337px; }
ul#liste li#wer { position:absolute; top: 85px; left:133px; }
ul#liste li#wie { position:absolute; top:261px; left:313px; }
ul#liste li#wip { position:absolute; top: 95px; left:267px; }

/* info-popup anzeigen und postionieren */
ul#liste li#bgl a:hover span, ul#liste li#bgl a:active span, ul#liste li#bgl a:focus span { position:absolute; top:-180px; left:-312px; }
ul#liste li#bur a:hover span, ul#liste li#bur a:active span, ul#liste li#bur a:focus span { position:absolute; top:-130px; left:-322px; }
ul#liste li#gum a:hover span, ul#liste li#gum a:active span, ul#liste li#gum a:focus span { position:absolute; top:-150px; left:-514px; }
ul#liste li#hue a:hover span, ul#liste li#hue a:active span, ul#liste li#hue a:focus span { position:absolute; top: -50px; left:-482px; }
ul#liste li#lei a:hover span, ul#liste li#lei a:active span, ul#liste li#lei a:focus span { position:absolute; top: -90px; left:-262px; }
ul#liste li#mor a:hover span, ul#liste li#mor a:active span, ul#liste li#mor a:focus span { position:absolute; top:-330px; left:-612px; }
ul#liste li#ove a:hover span, ul#liste li#ove a:active span, ul#liste li#ove a:focus span { position:absolute; top:-260px; left:-402px; }
ul#liste li#rad a:hover span, ul#liste li#rad a:active span, ul#liste li#rad a:focus span { position:absolute; top: -10px; left:-482px; }
ul#liste li#roe a:hover span, ul#liste li#roe a:active span, ul#liste li#roe a:focus span { position:absolute; top:-300px; left:-332px; }
ul#liste li#wal a:hover span, ul#liste li#wal a:active span, ul#liste li#wal a:focus span { position:absolute; top:-345px; left:-537px; }
ul#liste li#wer a:hover span, ul#liste li#wer a:active span, ul#liste li#wer a:focus span { position:absolute; top:-100px; left:-382px; }
ul#liste li#wie a:hover span, ul#liste li#wie a:active span, ul#liste li#wie a:focus span { position:absolute; top:-270px; left:-542px; }
ul#liste li#wip a:hover span, ul#liste li#wip a:active span, ul#liste li#wie a:focus span { position:absolute; top:-150px; left:-492px; }

/* nur zum Vorlesen */
.unsichtbar{
	position:absolute;
	left:-1000px;
	top:-1000px;
}
/* Absatz und Logo Ministerium */
p#mpnrw {
	float:left;
}
p#mpnrw img {
	height:36px;
	width:254px;
}
/* Absatz und Logo Digibib */
p#digibib {
	float:right;
}
p#digibib img {
	height:36px;
	width:193px;
}