@charset "UTF-8";

/* =General
--------------------------------------------------------------------------------
*/

html, body{
    height:100%;
    width:100%;
    position:absolute;   
}

body {
    font-family: Arial, Helvetica, sans-serif; 	/*Helvetica is a bitmap font in Opera */
    font-size:100.01%;                           /* Improves relative font-sizing in IE */    
    margin:0;
    padding:0;   
}

ul {
   list-style-type:none;
   margin:0;
   padding:0;
   
}


/* =Basic Layout
--------------------------------------------------------------------------------
*/

#container {
    position:relative;
    margin:0;
    padding:0;
    margin-left:2%;
    margin-right:2%;
    height:100%; 
}

#content {
    position:relative;
    width:auto;
    margin:0;
    padding:0;
    height:100%;
}


#branding {
    width:220px;
    height:100%;
    color:#FFFFFF;
    margin:0;
    padding:0;
    float:left;
    background-color:#CCE9F3;
    border-style:solid;
    border-width:0 1px 0 1px;
    border-color:#000000;
}

#branding h1 {
    font-size:1.3em;
    padding:5px 5px 0 5px;
    margin:0;
    background-color:#0090C2;
    height:5.5em;

}

#navigation {
    position:absolute;
    top:5.5em;
    left:0px;
    width:220px;
    margin:0 0 0 0;
    padding:0;
    background-color:#CCE9F3;
    border-style:solid;
    border-width:0 1px 0 1px;
    border-color:#000000;
    height:auto;
    

}

#navigation-section {
    position:relative;
    list-style-type:none;
    display:block;
    margin:0;
    padding:6px 0px 2px 5px;
    background-color:#0090C2; 
    border-style:solid;
    border-width:0 0 1px 0;
    border-color:#000000;
    width:auto;
}

ul[id$="navigation-section"]:not([class="xxx"]){
/* http://www.brothercake.com/site/resources/reference/xxx/ */
    padding-bottom:1px !important;
}

#navigation-section li {
    position:relative;
    display:inline;
    margin:0;
    padding:0;
}


#navigation-section li a {
    position:relative;
    bottom:0;
    display:inline;
    text-indent:0;
    margin:5px 0 0 0; 
    padding:3px 5px 2px 5px;
    border-width:1px 1px 1px 1px;
    border-style:solid;
    border-color:#000000;
    background-color:#B3DEED;
    text-decoration:none;
}

#navigation-section li.navigation-last a {
    border-width:1px 1px 1px 0;
}

#navigation-section li.active a {
    top:0;
    color:#000000;
    background-color:#CCE9F3;
    padding:5px 5px 2px 5px;
    border-bottom: 1px solid #CCE9F3;
}

#navigation-section li a:hover {
    background-color:#FFFFFF;
}


#navigation-content {
   margin:0;
   padding:0;
   position:relative;
   top:0;
}



#navigation-masthead {
    position:absolute;
    color:#FFFFFF;
    background-color:#0090C2;
    bottom:0;
    left:0;
    width:210px;
    margin:1px;
    padding:3px 5px 3px 5px;
    border-style:solid;
    border-width:1px 0 0 0;
    border-color:#000000;    
    color:#FFFFFF;
    font-weight:bold;
    background-color:#0090C2;
}

#navigation-masthead a {
    color:#FFFFFF;
}

#navigation-masthead a:visited {
    color:#DFDFDF;
}


#content-main {
    float:left;
    margin:5px 12px 5px 10px;
    padding:0;
    width:29em;
    height:auto;
}

#content-main h2 {
    margin:0;
    padding:0;
    padding-top:.5em;
    border-top:1px solid #999999; 
    clear:both;    
}

#content-main p {
    height:auto;
    font-size:.95em;
    line-height:1.3em;   
}

#content-extended {
    position:relative;
    top:0;
    right:0;
    width:220px;
    height:100%;
    background-color:#CCE9F3;
    float:left;
    margin:0;
    padding-top:7px;
    border-style:solid;
    border-width:0 1px 0 1px;
    border-color:#000000;
    overflow:hidden;       
}

#content-extended p {
   padding:9px;
}

#content-extended dl {
   margin-top:6.6875em;
   padding-top:10px;
   padding-left:9px;
   padding-right:9px;
}


.empty {
    background-image:url(images/zeitungsverkaeufer.gif);
    background-repeat:no-repeat;
    background-position:bottom;
}

#navigation dl dt, #content-main dl dt, #map {
    position:relative;
}

#pin {
    position:absolute;
    background:transparent url(images/pin.gif) no-repeat;
    width:21px;
    height:23px;    
}

#content-main dl dt, #map {
    width:29em;
    height:31.9em;
    border:1px solid #000000;
}

#content-main dl dt ul, #map ul {
    position:absolute;
    top:0;
    left:0;
}


#content-main dl dt ul li, #map ul li {
    position:absolute;      
}



#content-main dl dt ul li a, #map ul li a{   
    position:absolute;
    top:-11px;
    left:-10px;
    display:block;
    text-align:center;
    vertical-align:middle;
    width:21px;
    height:23px;    
    color:#0090C2;
    text-decoration:none;
    font-size:1em;
    font-weight:bold;
    background:transparent url(images/pin_grey.gif) no-repeat center;
}

#content-main dl dt ul li a.active, #map ul li a.active{   
    background-image:url(images/pin_red.gif);
}

#content-main dl dt ul li a:hover, #map ul li a:hover{
    background-image:url(images/pin.gif);
}


dl dt img, #map img {
    margin:0px;
    margin-bottom:0;
    border:1px solid #000000;
}

#content-main dl dt img, #fallback {
    width:29em;
    height:31.9em;
}

#navigation-content dl {
    margin-top:0;
}

#navigation-content ul,
#navigation-content p,
#navigation-content dl {
    padding:9px;
}

.legend, dd {
    margin-top:0;
    padding-top:0;
    margin-left:0;
    font-size:.8em;
    font-style:italic;
}

#search {
    position:relative;
    width:220px;
    /*height:6.5em;*/
    height:6.6875em;
    background-color:#0090C2;
    border-width:0 0 1px 0;
    border-style:solid;
    border-color:#000000;
    position:absolute;
    top:0px;
    padding:4px 9px 3px 9px;
}

#search input {
    width:197px;
    height:1.3em;
    padding-left:3px;
    margin:3px 0 3px 0;
    border:1px solid #000000;
    font-size:1.1em;
    color:#999999;
    background-color:#FFFFFF;
}

#search input:focus {
    color:#000000;
    background-color:#FFFFFF;
}

#search #submit {
    width:80px;
    margin:0;
    border-width:2px;
    border-style:outset;
    color:#000000;
    font-size:1.1em;
    float:right;
    border-color:#999999;
    height:1.7em;
    background-color:#CCE9F3;    
}

#search p {
    width:202px;
    margin:0;
    padding:0;
    color:#FFFFFF;
    font-weight:bold;
    font-size:.8em;
}

#breadcrumb, #browse, .browse {
   font-size:.75em;
   font-weight:bold;
   padding-bottom:.5em;
}

#breadcrumb {

   float:left;
   vertical-align:middle;
   height:100%;
   margin-top:.2em;
}


#browse, .browse {
   position:relative;
   float:right;
   overflow:visible;
}

dd .browse {
  width:200px;
  float:none;
  text-align:right;
  margin-top:.5em;
}

#browse a, .browse a {
   margin-left:.5em;
}

.nolink {
   color:#AAAAAA;
   margin-left:.5em;
   border:0;
}

#browse>img, .browse>img {
   color:#AAAAAA;
   margin-left:.5em;
   border:0;
}

#browse a img, .browse a img {
   border:0;
}

dd .browse img {
  font-size:1.1em;
  font-style:normal;
}

#book_browse a img {
  float:left;
  text-decoration:none;
  border:0;
  margin-top:.1em;
  margin-right:.3em;
  font-size:.75em;
  font-weight:bold;
}

address {
  font-style:normal;
  font-weight:bold;
  font-size:.8em;
  line-height:1.3em;
  margin-bottom:1em;
  margin-left:1em; 
}

h3 {
  font-weight:normal;
  font-style:italic;
  font-size:.95em;
  line-height:1.3em;
  margin-top:-.2em;
  margin-bottom:.25em;
}

address + address {
  margin-top:-.5em;
}

#media-keller {
   margin-left:0;
   padding-left:90px;
   background-image:url(images/media-keller-logo.gif);
   background-repeat:no-repeat;
}

#wek {
   background:url(images/wek.gif) no-repeat bottom right;
   padding-right:125px;  
}


.number {  
    color:#0090C2;
    background-color:#CCE9F3;    
    display:block;
    float:left;
    border:1px solid #AAAAAA;
    text-align:center;
}

.large {
    font-size:.7em;
    padding:.65em .2em .65em .2em; 
    margin-right:.5em;
    margin:.05em .5em .05em 0;
    width:1.6em;
}

.small {
    padding:.05em .0 .15em .0;
    margin:.15em .5em 0 0;
    width:1.6em;
    font-size:.6em;
    font-weight:bold;
    line-height:1.2em;
}

#content-main ul {
   margin:0;
   padding:0;
   line-height:1.2em;
}

#content-main ul li ul {
  padding-left:1.4em;
  padding-bottom:.3em;
  line-height:1em;
}

#content-main ul li {
  margin:0;
  padding:0;
  line-height:1.3em;
}

#content-main ul ul li {
  display:inline;
  font-size:.8em; 
  margin:0;
  margin-right:.4em;
}

p {
  margin-top:.2em;
  margin-bottom:.8em;
}

.page {
  margin-left:.2em;
  color:#999999;
}

#content-main #book_browse, .info-browse {
  margin-top:2em;
  border:0 solid #999999;
  border-width:1px 0 0 0;
  position:relative;
  /*bottom:1em;
  width:29em;*/
}

.info-browse {
  margin-top:.3em;
}

#content-main #book_browse li {
  display:block;
  border:0 solid #999999;
  border-width:0 0 1px 0;
  position:relative;
  padding:.2em 0 .3em 0;
}

/*#book_browse ul li span,*/ .info-browse span {
   position:relative;
   background:url(images/arrows.gif);
   width:40px;
   height:19px;
}


/*#book_browse a.next,*/
.info-browse a.next,
/*#book_browse a.previous,*/
.info-browse a.previous,
.info-browse a.up {
   display:block;
   background:url(images/arrows.gif);
   width:20px;
   height:19px;
   position:relative;
   top:2px;
   float:left;
   margin-right:.5em;    
}

.info-browse a.up{
   background-position:140px 0px;
   left:0px;
}

.info-browse a.up:hover  {
   background-position:160px 0px;
}


/*#book_browse a.next,*/
.info-browse a.next {
   background-position:20px 0px;
   left:0px;
}

/*#book_browse a.previous,*/
.info-browse a.previous {
   background-position:40px 0px;
   left:0px;
}

/*#book_browse a.previous:hover,*/
.info-browse a.previous:hover  {
   background-position:80px 0px;
}

/*#book_browse a.next:hover,*/
.info-browse a.next:hover {
   background-position:60px 0px;
}

h3.cross { 
  font-weight:bold;
  font-style:normal;
}

h4 {
  font-size:.9em;
  margin:0;
  padding:0;
  font-style:italic;
  color:#666666;
}

#content-main img.small-image {
   border:1px solid #000000;
   clear:both;
   display:block;
}

#content-main img.thumbnail {
   width:60px;
   border:1px solid #000000;
}

.full-image {
  width:29em;
  border:1px solid #000000;
}

#content-main .caption {
}

#content-main .source {
   font-size:.8em;
   display:block;
   text-align:left;
   float:left;
   font-style:italic;
}

#content-extended dt {
   height:220px;
}

#content-main ul.linkbox {
   display:block;
   text-align:center;
   border:1px #000 solid;
   border-width:1px 0 1px 0;
   padding:.2em 0 .4em 0;
   background-color:#ffffcc;
   margin-top:.2em;
   margin-bottom:.8em;
}

ul.linkbox li {
  display:inline;
}

ul.linkbox li + li:before {
  content:' | ';
}