/*Allgemeines Markup*/
* {
margin: 0;
padding: 0;
 }
body {
background-color: white;
background-image: url(/stadt/buecherei/pics/bg_body.jpg);
background-repeat:  no-repeat;
background-position:  -60px 10px;
padding-right: 30px;
padding-left: 30px; 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 100.01%;
color: #414c5e;
}
ul, ol {
list-style-type: none;
list-style-image: none; 
}
a {
 color: #ff7d21;
}
a:hover, a:focus, a:active {
 text-decoration: underline; 
}
img {
    border-width: 0;
}
strong {
    font-style: normal;
    font-weight: bold;
}
.clearboth {
height: 0;
clear: both;
border-style: none;
outline-style: none; 
visibility: hidden;
}
hr.clear2 {
clear: both;
height: 20px;
visibility: hidden;
border-style: none;
}
abbr, acronym {
    font-style: inherit;
    border: 0;
}
abbr[title], acronym[title] {
    border-bottom: 1px dotted #ff7d21; 
    cursor: help;
}
/* --------------- Seitenstruktur ---------------------- */
 #container {
 margin-top: 110px;
 width: 100%;
 }
*html #container {
padding-top: 110px; 
}
+html #container {
padding-top: 110px; 
}

/*DIV Top und Muenster-Logo*/
#top {
width: 100%;
height: 40px;
display: block;
}
#toprechts {
position: absolute;
top: 6px;
right: 30px;
width: 220px;
}
/*Kopfbereich */


#kopflinks {
position: absolute;
top: 40px;
left: 30px;
width: 220px;
height: 120px;
background-image: url(/stadt/buecherei/pics/bg_kopf_links.jpg);
background-repeat: no-repeat;
z-index: 100;
}
#kopfmitte {
position: absolute;
top: 40px;
right: 0px;
background-image: url(/stadt/buecherei/pics/bg_kopf_mitte.jpg);
background-repeat: no-repeat;
background-position: center;
width: 99%;
height: 120px;
}
*html #kopfmitte {
 right: 40px; 
}
+html #kopfmitte {
 right: 40px; 
}

#kopfrechts {
position: absolute;
top: 40px;
right: 30px;
background-color: white;
background-image: url(/stadt/buecherei/pics/motiv_rechtsoben.jpg);
background-repeat: no-repeat;
background-position: right;
width: 220px;
height: 120px;
overflow: hidden;
border-left: 1px solid #ffffff;
}

/*Contentbereich*/

#content {
width: 100%;
padding-top: 10px; 
}

#contentlinks {
position: absolute;
top: 212px;
left: 30px;
width: 220px;
}
#contentmitte {
margin-top: 18px;
margin-left: 230px;
margin-right: 250px;
}
*html #contentmitte {
 margin-top: 10px;
}
#contentrechts {
position: absolute;
top: 212px;
right: 30px;
width: 220px;
}
#contentrechts a {
text-decoration: none;
}
#contentrechts a:hover, 
#contentrechts a:focus, 
#contentrechts a:active {
 text-decoration: underline; 
}
/*Hauptmenue*/
#navcontainer {
background-color: #ff7d21;
background-image: url(/stadt/buecherei/pics/bg_infobox_h1.gif);
background-repeat: repeat-y;
background-position: right 0;
width: 100%;
float: left;
margin-top: 1px;
display: block; 
}
*html #navcontainer {
 float: none;
 margin-top: 11px;
}
*+html #navcontainer {
 float: none;
 margin-top: 121px;
 position: relative;
}
#navcontainer h1 {
display: none; 
}
#navcontainer ul {
background-color: #ff7d21;
background-image: none;
list-style-type: none; 
}
#navcontainer ul li {
background-color: #ff7d21;
background-image: none;
float: left; 
}
#navcontainer li a {
color: #fff;
font-size: 70%;
font-weight: bold;
line-height: 1em;
background-color: #ff7d21;
background-image: url(/stadt/buecherei/pics/bg_mainmenue.gif);
background-repeat: repeat-y;
background-position: 1px 0;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
padding: 6px 8px 6px 13px;
border-right: 1px solid #fff;
display: block;
}
#navcontainer li a.katalog {
background-image: url(/stadt/buecherei/pics/icon_katalog.gif);
background-repeat: no-repeat;
background-position: 4px 6px;
padding-left: 24px;
}
#navcontainer li a.katalog:hover {
background-image: url(/stadt/buecherei/pics/icon_katalog_hover.gif);
background-repeat: no-repeat;
background-position: 4px 6px;
}
/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#navcontainer li a {float:none;}
/* End IE5-Mac hack */
#navcontainer ul li a:hover, #navcontainer ul li a.naviactive {
background-color: #0d59ab;
background-image: url(/stadt/buecherei/pics/bg_mainmenue_aktiv.gif);
background-repeat: repeat-y;
background-position: 1px 1px; 
}
/*Sub-Navigation, max 2 Ebenen*/
#subnavi {
margin-right: 20px;
 }
#subnavi ul li {
list-style-type: none;
border-bottom: 1px solid #ffffff;
 }

#subnavi ul li a,
#subnavi ul li a:link,
#subnavi ul li a:visited {
color: #ffffff;
font-size: 0.8em;
font-weight: bold;
background-color: #ff7d21;
background-image: url(/stadt/buecherei/pics/bg_mainmenue.gif);
background-repeat: repeat-y;
background-position: 1px 1px;
text-decoration: none;
padding: 5px 5px 5px 12px;
display: block;
 }

#subnavi ul li a:hover, 
#subnavi ul li a:active,
#subnavi ul li a:focus,
#subnavi ul li a.subactive,
#subnavi ul li a.subactive:link,
#subnavi ul li a.subactive:visited {
background-color: #0d58aa;
background-image: url(/stadt/buecherei/pics/bg_mainmenue_aktiv.gif);
background-repeat: repeat-y;
background-position: 1px 1px;
 }
#subnavi ul li ul {
border-top: 1px solid #fff;
 }
#subnavi ul li ul li {
list-style-type: none;
border-bottom: 1px solid #fff;
 }
#subnavi ul li ul li a,
#subnavi ul li ul li a:link,
#subnavi ul li ul li a:visited {
color: #0d59ab;
font-size: 0.75em;
font-weight: normal;
background-color: #e6eef6;
background-image: url(/stadt/buecherei/pics/bg_submenue_level2.gif);
background-repeat: repeat-y;
background-position: 1px 0;
text-decoration: none;
padding: 3px 5px 5px 12px; 
}
#subnavi ul li ul li a:hover,
#subnavi ul li ul li a:active,
#subnavi ul li ul li a:focus,   
#subnavi ul li ul li a.subactive,
#subnavi ul li ul li a.subactive:link,
#subnavi ul li ul li a.subactive:visited{
color: #0d59ab;
font-weight: bold;
background-color: #bcd3e6;
background-image: url(/stadt/buecherei/pics/bg_submenue.gif);
background-repeat: repeat-y;
background-position: 1px 0;
 }
/*Typo contentmitte*/
#contentmitte h1, h2, h3, h4, h5, h6, p {
xpadding-right: 20px;
 }
#contentmitte h1, #content h1 a {
 color: #0d59ab;
 font-size: 1.3em;
 font-weight: normal;
 line-height: 1.2em;
 background-image: none;
 margin-bottom: 20px;
 }
#contentmitte h2 {
color: #0d59ab;
font-size: 1.1em;
font-weight: normal;
line-height: 1.2em;
padding-bottom: 10px;
 }
#contentmitte h3 {
 color: #0d59ab;
 font-size: 0.9em;
 line-height: 1.2em;
 margin-top: 10px;
 margin-bottom: 10px;
 }
#contentmitte p {
font-size: 80%;
line-height: 1.4em;
padding-bottom: 5px;
 }
#contentmitte p a {
 xbackground-image: url(/stadt/buecherei/pics/icon_link.gif);
 xbackground-repeat: no-repeat;
 xbackground-position: 3px 3px;
 xpadding-left: 15px;
  }
#contentmitte p.infopfad {
color: #4C80B7;
font-size: 80%;
margin-bottom: 10px; }
#contentmitte p.infopfad a {
background-image: none;
padding-left: 0; }
#contentmitte .teaser {
clear: both;
margin-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid #dce8f4;
}
#contentmitte .teaser p {
line-height: 1.2em;
}
#contentmitte .teaser h2 {
color: #0d59ab;
font-size: 0.9em;
font-weight: bold;
line-height: 1.2em;
padding-bottom: 3px;
}
#contentmitte p.small {
color: #0d59ab;
font-size: 65%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold; }
#contentmitte ul {
font-size: 80%;
margin-top: 15px;
margin-bottom: 15px;
padding-left: 30px; }

#contentmitte ul {
 margin-top: 0;
 margin-left: 0;
}
#contentmitte ul li {
 background-image: url(/stadt/buecherei/pics/listbullet.gif);
 background-repeat: no-repeat;
 background-position: 3px 6px;
 margin-bottom: 2px;
 padding-left: 18px;
 }
.clearcontainer {
 width: auto;
 height: 1px;
 overflow: hidden;
 float: none;
 clear: both; 
}
#contentmitte table {
margin: 20px 20px 20px 0;
padding: 0;
border-top: 1px solid #ceddee;
border-left: 1px solid #ceddee; 
}
#contentmitte td,
#contentmitte th {
font-size: 0.8em;
line-height: 1.2em;
vertical-align: top;
margin: 0;
padding: 4px;
border-right: 1px solid #ceddee;
border-bottom: 1px solid #ceddee;
}
#contentmitte th {
font-weight: 600;
background-color: #dce8f4;
}
#contentmitte td.r {
text-align: right;
}
#contentmitte caption {
display: none;
}

/*Bilder Content*/

.bildrechts {
font-size: 80%;
background-color: #dce8f4;
width: 250px;
float: right;
margin: 5px 20px 15px 15px; 
}
.bildrechts img {
}
.bildrechts_300 {
font-size: 80%;
background-color: #dce8f4;
width: 300px;
float: right;
margin: 5px 20px 15px 15px; 
}
.bildlinks {
font-size: 80%;
background-color: #dce8f4;
width: 250px;
float: left;
margin: 5px 20px 15px 5px; 
}
.bildlinks_300 {
font-size: 80%;
background-color: #dce8f4;
width: 300px;
float: left;
margin: 5px 20px 15px 5px; 
}
.logo {
background-color: #ffffff;
border: none;
float: right;
margin: 5px 20px 15px 15px;
}
.logo_links {
background-color: #ffffff;
border: none;
float: left;
margin: 5px 20px 15px 0px;
}

.bildrechts p,
.bildrechts_300 p,
.bildlinks p,
.bildlinks_300 p {
color: #0d59ab;
padding: 5px;
border-top: 1px solid #fff; 
}

.bild {
width: 400px;
xbackground-color: #dce8f4;
margin: 5px 10px 15px 0px;
padding: 0;
}
.bild img {
padding: 0;
border: 1px solid silver;
}
.bild p {
font-size: 80%;
color: #0d59ab;
padding: 5px;
}
#galerie {
width: 99%;
}
.galerie {
 float: left;
 height: 150px;
 width: 150px;
 margin-right: 10px;
 margin-bottom: 10px;
 text-align: center;
 vertical-align: baseline;
 xborder: solid silver 1px;
}
x*html .galerie {
 height: 152px;
 width: 152px;
}
.galerie img {
 border: none;
 }
.galerie img.q {
 margin-top: 25px;
 }
.galerie img.h {
 margin-top: 0;
}

/*Infoboxen rechts*/

.infobox {
background-color: #fff2e8;
background-image: none;
background-repeat: no-repeat;
background-position: right bottom;
margin-bottom: 1px;
padding-bottom: 4px; 
}
.highlightbox {
background-color: #ff7d21;
background-image: url(/stadt/buecherei/pics/bg_highlightbox_rechts.gif);
background-repeat: no-repeat;
background-position: right bottom; 
}
.infobox h2, .highlightbox h1 {
color: #fff;
font-size: 0.75em;
font-weight: bold;
line-height: 1.1em;
background-color: #ff7d21;
background-image: url(/stadt/buecherei/pics/bg_infobox_h1.gif);
background-repeat: repeat-y;
background-position: right 0;
padding: 5px 5px 5px 8px;
border-bottom: 1px solid #fff; 
}
.infobox h2 { }
.infobox p {
font-size: 0.7em;
line-height: 1.3em;
background-image: none;
padding: 2px 5px 2px 8px; 
}
.highlightbox p {
color: white;
font-size: 0.7em;
line-height: 1.3em;
background-image: none;
padding: 4px 6px 6px; 
}
.infobox p a {
 /* background-image: url(/stadt/buecherei/pics/icon_link.gif); */
 background-repeat: no-repeat; 
}
.infobox img {
margin-left: 1px;
float: right;
background-color: #fff2e8;
}
*html .infobox img {
float: right;
background-color: #fff2e8;
}
.infobox ul {
padding: 0 5px 6px 8px; 
}
.infobox ul li {
font-size: 0.7em;
background-image: url(/stadt/buecherei/pics/icon_link.gif);
background-repeat: no-repeat;
background-position: top left;
padding-left: 13px; 
padding-bottom: 3px;
}
*html .infobox ul li {
background-position: 0 6px;
}
+html .infobox ul li {
background-position: 0 6px;
}

.infobox ul li a {
background-image: none;
padding-left: 0; 
}
.infobox input.text,
.infobox input.password{
 width: 200px;
}

/*Linke Spalte*/
.boxlinks {
background-color: #eaf0f7;
background-image: none;
width: 200px;
margin-right: 20px;
margin-bottom: 1px;
padding-bottom: 4px; 
}
.boxlinks h1 {
color: #fff;
font-size: 70%;
font-weight: bold;
line-height: 1em;
background-color: #0d58aa;
background-image: url(/stadt/buecherei/pics/bg_infobox_h1_links.gif);
background-repeat: repeat-y;
background-position: right 0;
padding: 5px 5px 5px 12px;
border-bottom: 1px solid #fff; 
}
.boxlinks h2 {
color: #0d59ab; 
font-size: 0.8em;
line-height: 1.3em;
background-image: none;
padding: 2px 5px 2px 12px; 
}


.boxlinks a {
color: #0d59ab;
text-decoration: none; }
.boxlinks a:hover {
color: #0d59ab;
text-decoration: underline; 
}
.boxlinks p {
font-size: 70%;
line-height: 1.3em;
background-image: none;
padding: 2px 5px 8px 12px; 
}
.boxlinks ul {
font-size: 70%;
padding: 0 5px 6px 12px; 
}
.boxlinks ul li {
background-image: url(/stadt/buecherei/pics/icon_link_blau.gif);
background-repeat: no-repeat;
background-position: 0 2px;
padding-left: 13px; 
padding-bottom: 3px;
}
*html .boxlinks ul li {
background-position: 0 6px;
}
+html .boxlinks ul li {
background-position: 0 6px;
}

.boxlinks ul li a {
xbackground-image: none;
xpadding-left: 0; 
}
.boxlinks form {
margin: 0;
padding: 0 5px 5px 12px; 
}
.boxlinks form p {
padding-right: 0;
padding-left: 0; 
}
.submit {
 width: 8em;
 color: #0d58aa; 
 font-weight: 600; 
 background-color: #eeeeee; 
 text-align: center; 
 padding: 2px;
 border: solid 1px #0d58aa;
 line-height: 1em;
}
.submit-r {
 color: #FF7D21;; 
 font-weight: 600; 
 font-size: 0.8em;
 background-color: #eeeeee; 
 text-align: center; 
 padding: 2px;
 border: solid 1px #FF7D21;;
}
/*Formulare*/
fieldset {
border: none;
font-size: 0.8em;
}
.left {
 float: left;
 text-align: right;
 width: 10em;
 margin-right: 0.8em;
}
.right {
 margin-left : 8em;
}
.submit_c {
 width: 15.5em;
 color: #0d58aa; 
 font-weight: 600; 
 background-color: #eeeeee; 
 text-align: center; 
 padding: 2px;
 margin-right: 10px;
 margin-bottom: 10px;
 border: solid 1px #0d58aa;
 line-height: 1em;
}
.textarea {
 float: none;
 display: block;
 width: 25em;
}


/*Fuss*/
#fuss {
background-repeat: repeat-x;
background-position: 0 0;
width: 100%;
height: 50px;
clear: both;
margin-top: 20px; 
}
#fuss p {
color: #808080;
font-size: 60%;
line-height: 1.2em;
text-transform: uppercase;
padding-top: 15px; 
}
#fuss p a {
background-image: none;
padding-left: 0; }
#fusslinksmitte {
width: 78%;
float: left; 
}
#fusslinksmitte p {
padding-left: 30%; 
}
#fussrechts {
width: 22%;
float: left; 
}
/*Deko und Bilder*/
.imgleft {
float: left;
margin-top: 3px;
margin-right: 10px; 
}
.imgright {
float: right;
margin-top: 3px;
margin-left: 10px; 
}
.schatten {
background-image: url(/stadt/buecherei/pics/schatten.gif);
background-repeat: repeat-x;
background-position: 0 1px;
width: 100%;
height: 10px;
clear: both;
margin-bottom: 0;
 }
.schattenrechts {
background-image: url(/stadt/buecherei/pics/schatten_orange.gif);
background-repeat: repeat-x;
background-position: 0 0;
margin-bottom: 0;
width: 100%;
height: 10px;
clear: both; 
}
.schattenlinks {
background-image: url(/stadt/buecherei/pics/schatten.gif);
background-repeat: repeat-x;
background-position: 0 0;
margin-bottom: 0;
width: auto;
height: 10px;
margin-right: 20px; 
}
/*Alternative Ausgabe*/
.invisible {
position: absolute;
top: -9999px;
left: -9999px; 
}
.anker {
background-image: none;
margin: 0;
padding: 0;
display: none;
 }
#druckkopf {
visibility: hidden;
display: none;
}
#druckfuss {
visibility: hidden;
display: none;
}
 
.reddot {
 color: #cc0000;
}
.reddot img {
float: none;
 }
#contentmitte p.reddot a {
background-image: none;
padding-left: 0;
}