/* ++++++++++++++++++++++++++++++++++++++++++++++

   Stylesheet: Stadtbuecherei Bad Harzburg

   Author: Oliver Gliss

   Date: 18.05.2005

++++++++++++++++++++++++++++++++++++++++++++++ */



html { 
margin: 0px;
padding: 0px;
height: 100%;
}



body {
 margin:0;
 padding:0 0 0 0;
 height: 100%;
 background:#c9c9c9;
 color: #E9E9E9;
 text-align:left;
 height: 100%;
 font-family:Verdana,Arial,sans-serif;
 font-size:10px;
}



h1 {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
}

h2 {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #000;
}

.unsichtbar {
 display:none;
}


.textfluss_rechts {
  float: left;
  margin-right: 15px;
  margin-bottom: 7px;
}

.textfluss_links {
  float: right;
  margin-left: 15px;
  margin-bottom: 7px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++

   100% Hoehe fuer den Hintergrundaufbau 

++++++++++++++++++++++++++++++++++++++++++++++ */

#absolut {
    z-index:0;
    margin: auto;
    top: 0px;
    width: 791px;
    height: 100%;
    background-image: url(hintergrund/background.gif);
	  background-repeat: repeat-y;
}


#full {
    z-index:0;
    margin: auto;
    top: 0px;
    width: 791px;
    overflow:auto;
    background-image: url(hintergrund/background.gif);
	  background-repeat: repeat-y;
    border:solid #000000;	
    border-width:0px;
}



#mutterebene2 {
    z-index:0;
    height:100%;
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 791px;
    background-image: url(hintergrund/background.gif);
	  background-repeat: repeat-y;
    border:solid #6E2626;	
    border-width:0px;
}



#mutterebene2[id] {
    z-index:0;
    height:100%;
    margin: auto;
    top: 0px;
    width: 791px;
    background-color: #E9E9E9;
    background-image: url(hintergrund/background.gif);
	  background-repeat: repeat-y;
    border:solid #000000;	
    border-width:0px; 
}





#mutterebene_bottom {
    float:left;
    z-index:3;
    width: 791px;
    margin:0;
    padding:0;
}





/* ++++++++++++++++++++++++++++++++++++++++++++++

   Divs Container linke Seite

++++++++++++++++++++++++++++++++++++++++++++++ */



#container_links {
    float:left;
    width: 161px;
    margin:0;
    padding:0;
}



#schriftzug_links {
    float:left;
    width: 161px;
    height:84px;
    margin:0;
    padding:0;
    background-image: url(hintergrund/stadtbuecherei.gif);
	  background-repeat: no-repeat;
}





#navigation {
    float: left;
    padding: 0;
    margin: 0 0 0 0;
    width: 161px;
}

#navigation[id] {
    float: right;
    padding: 0;
    margin: 0 0 0 0;
    width: 161px;
}


#navigationslayer {
    float: left;
    width:161px;
    color:#4C5048;
    margin:0;
    padding:0;
}

#navigationslayer[id] {
    float: left;
    width:261px;
    color:#4C5048;
    margin:0;
    padding:0;
}





#hauptnavigation {
    float:left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold; 
    color: #E9E9E9;
    text-align: right;
}

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

#hauptnavigation li {
    margin: 0;
    padding: 0;
}

#hauptnavigation a:link, #hauptnavigation a:visited {
    display:block;
    margin:0 0 0 0;
    padding:2px 20px 2px 2px;
    height:20px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #E9E9E9;
    text-decoration: none;
}

#hauptnavigation a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding:2px 20px 2px 2px;
    margin: 0 0 0 0;
    color: #E9E9E9;
    text-decoration: none;
    background:#837C58;
}

#hauptnavigation a:focus{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding:2px 20px 2px 2px;
    margin: 0 0 0 0;
    color: #E9E9E9;
    text-decoration: underline;
    background:#837C58;
}

#current a:link, #current a:visited {
    display:block;
    margin:0 0 0 0;
    padding:2px 20px 2px 2px;
    height:20px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #696969;
    text-decoration: none;
    background:#EBCA15;
}



#current a:hover{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding:2px 20px 2px 2px;
    margin: 0;
    color: #696969;
    text-decoration: none;
    background:#EBCA15; 
}

#current a:focus{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding:2px 20px 2px 2px;
    margin: 0;
    color: #696969;
    text-decoration: underline;
    background:#EBCA15; 
} 



#hauptnavigation[id] {
    float:left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold; 
    color: #E9E9E9;
    text-align: right;
}

#hauptnavigation[id] ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#hauptnavigation[id] li {
    margin: 0;
    padding: 0;
}

#hauptnavigation[id] a:link, #hauptnavigation[id] a:visited {
    display:block;
    margin:0 0 0 0;
    padding:2px 20px 2px 40px;
    height:20px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #E9E9E9;
    text-decoration: none;
}

#hauptnavigation[id] a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding:2px 20px 2px 40px;
    margin: 0 0 0 0;
    color: #E9E9E9;
    text-decoration: none;
    background:#837C58;
}

#hauptnavigation[id] a:focus{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding:2px 20px 2px 40px;
    margin: 0 0 0 0;
    color: #E9E9E9;
    text-decoration: underline;
    background:#837C58;
}

#current[id] a:link, #current[id] a:visited {
    display:block;
    margin:0 0 0 0;
    padding:2px 20px 2px 40px;
    height:20px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #696969;
    text-decoration: none;
    background:#EBCA15;
}



#current[id] a:hover{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding:2px 20px 2px 40px;
    margin: 0;
    color: #696969;
    text-decoration: none;
    background:#EBCA15; 
}

#current[id] a:focus{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding:2px 20px 2px 40px;
    margin: 0;
    color: #696969;
    text-decoration: underline;
    background:#EBCA15; 
} 




#bezug_links {
    float:left;
    width: 161px;
    margin:0;
    padding:0;
}



/* ++++++++++++++++++++++++++++++++++++++++++++++

   Divs Container linke Seite

++++++++++++++++++++++++++++++++++++++++++++++ */



#container_mitte {
    float:left;
    width: 576px;
    margin:0;
    padding:0;
}



#logo_oben {
    float:left;
    width: 576px;
    height: 41px;
    margin:0;
    padding:0;
}



#spruch_oben {
    float:left;
    width: 576px;
    height: 100px;
    margin:0;
    padding:0;
}



#inhalt {
    float:left;
    text-align:justify;
    color:#000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    width: 536px;
    margin:0;
    padding:0px 20px 20px 20px;
}



.table1 td {
    padding: 5px 5px 5px 5px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++

   Ebene der oberen Inhalte

++++++++++++++++++++++++++++++++++++++++++++++ */

#bilder {
    float:right;
    margin: 0;
    padding: 40px 0 0 0;
    width: 159px;
    text-align: right;
    color: #000000;
}



#textinhalt {
    float:left;
    margin:0 0 0 0;
    padding:40px 0px 40px 40px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    width: 400px;
    color: #6E2626;
}


.tableheadline {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #AD2121;
}

.tableheadline2 {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color: #e9e9e9;
}

.bestseller {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-align:left;
    color: #000000;
}

.verlag {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-align:left;
    color: #000000;
}

.tablecontent {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
}



.service {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
}

.service a:link, .service a:visited {
    font-family: Times New Roman, Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #696969;
    text-decoration: none;
}



.service a:hover {
    font-family: Times New Roman, Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #EBCA15;
    text-decoration: underline;
}


.infos {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
}

.infos a:link, .infos a:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #AD2121;
    text-decoration: none;
}



.infos a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #696969;
    text-decoration: underline;
}

.annotation {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #696969;
}