/* Browser-Reset */

html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, img, blockquote, a, form, input, textarea,
fieldset, legend, pre, div, span, button  { margin: 0;
                                            border: 0;
                                            padding: 0;
                                            background-color: transparent; }

img, a img, :link img, :visited img { padding: 0;
                                      border: 0;
                                      margin: 0;
                                      vertical-align: top; }
                                      
a:link, a:visited { color: #906;
                    text-decoration: none;
                    outline: none;
                    border: 0; }
                                                
a:hover, a:focus, a:active { color: #906;
                             text-decoration: underline;
                             outline: none;
                             border: 0; }
                                                
ul, ol { list-style: none; }


/* Some SEO and other invisible things for the sake of enriched semantics and microformats */

h1, #head_nav li span, .country-name, .mobile { display: none; }


/* Layout */


body { background: url("/images/hh_images/bg.jpg") #666 repeat-x; }

#content { margin: auto;
           width: 905px;
           position: relative;
           top: 13px;
           padding: 0 0 20px; }

#header { width: 908px;
          height: 342px; }
          
.img_01 { background: url("/images/hh_images/header.jpg") no-repeat; }
.img_02 { background: url("/images/hh_images/header_01.jpg") no-repeat; } 
.img_03 { background: url("/images/hh_images/header_02.jpg") no-repeat; } 
.img_04 { background: url("/images/hh_images/header_03.jpg") no-repeat; } 
.img_05 { background: url("/images/hh_images/header_04.jpg") no-repeat; } 

#content_l { background: url("/images/hh_images/bg_cont_l_foot.gif") bottom no-repeat;
             position: relative;
             left: 274px;
             top: 23px;
             width: 631px;
             padding: 0 0 6px;
             margin: 0 0 14px; }
          
#content_s { position: absolute;
             top: 365px;
             float: left; }
              
          
/* Navigation */
          
#head_nav { padding: 303px 0 0; }

#head_nav a:link,
#head_nav a:visited { color: #fff; }

#head_nav a:hover,
#head_nav a:focus,
#head_nav a:active { color: #fff;
                     background: #999;
                     text-decoration: none; }
              
#head_nav li { font: 18px/39px arial, sans-serif;
               float: left;
               padding: 0 25px;
               border-right: 1px #906 solid; }


/* content */

abbr { cursor: help; }

h3,
p,
.container_s ul { background: #fff;
                  border-left: 1px #906 solid;
                  border-right: 1px #906 solid; }
     
h3 { font: bold 14px/18px arial, sans-serif;
     padding: 10px 25px 0; }
                
p,
li { font: 12px/16px arial, sans-serif;
     text-align: justify;
     padding: 5px 25px; }
     
table { font: 12px/16px arial, sans-serif;
         color: #666; }
         
.flieder { color: #906; }
    

/* content_s */

.container_s a { display: block; }

.container_s { background: url("/images/hh_images/bg_cont_s_foot.gif") bottom no-repeat;
                padding: 0 0 5px;
                margin: 0 0 14px;
                position: relative;  width: 259px;}
               
.container_s h2 { background: url("/images/hh_images/bg_cont_s_head.gif");
                  color: #fff;
                  font: bold 14px/23px arial, sans-serif;
                  padding: 0 0 0 24px; }
                  
.subnav { background: transparent; }

.subnav ul { border-bottom: 1px #906 solid; }

.subnav ul li { font: bold 14px/15px arial, sans-serif;
                background: url("/images/hh_images/bg_subnav.jpg") repeat-x;}
                
.subnav ul li#sub_last { font: bold 14px/14px arial, sans-serif; }

/* -- Schul-KŠstchen -- */
                  
.mps { background: url("/images/hh_images/bg_cont_s_foot_mps.gif") bottom no-repeat; }

.mps h2 { background: url("/images/hh_images/bg_cont_s_head_mps.gif"); }

.mps p,
.mps h3 { border-left: 1px #f60 solid;
          border-right: 1px #f60 solid; }
          
.mps a:link,
.mps a:visited,
.mps a:hover,
.mps a:focus,
.mps a:active { color: #f60; } 

/* -- Aktion-Pro-Hebamme-KŠstchen -- */

.aph { background: url("/images/hh_images/bg_cont_s_foot_aph.gif") bottom no-repeat; }

.aph h2 { background: url("/images/hh_images/bg_cont_s_head_aph.gif"); }

.aph p,
.aph h3 { border-left: 1px #c03 solid;
          border-right: 1px #c03 solid; }
          
.aph a:link,
.aph a:visited,
.aph a:hover,
.aph a:focus,
.aph a:active { color: #c03; }

/* -- Familienlotsin-KŠstchen -- */

.fl { background: url("/images/hh_images/bg_cont_s_foot_fl.gif") bottom no-repeat; }

.fl h2 { background: url("/images/hh_images/bg_cont_s_head_fl.gif"); }

.fl p,
.fl h3 { border-left: 1px #0cc solid;
         border-right: 1px #0cc solid; }
          
.fl a:link,
.fl a:visited,
.fl a:hover,
.fl a:focus,
.fl a:active { color: #0cc; }

               
/* content_l */

#content_l h2,
#content_l h3,
#content_l h4,
#content_l p,
#content_l ul,
.inner_block { background: #fff;
               border-left: 1px #333 solid;
               border-right: 1px #333 solid; }

#content_l h2 { background: url("/images/hh_images/bg_cont_l_head.gif") no-repeat;
                color: #fff;
                font: bold 14px/22px arial, sans-serif;
                border: 0;
                padding: 0 0 0 55px; }

#content_l h3 { color: #666;
                font: bold 24px/20px arial, sans-serif;
                padding: 44px 0 13px 90px; }
                
#content_l h4 { color: #666;
                font: bold 18px/20px arial, sans-serif;
                padding: 10px 0 13px 100px; }
                
#content_l h5 { color: #666;
                font: bold 14px arial, sans-serif;
                padding: 10px 0 0; }

#content_l p { padding: 5px 25px 5px 90px; }

#content_l img { margin: 10px;
                 float: left; }

#content_l ul { font: 12px/16px arial, sans-serif;
                list-style: square;
                padding: 5px 25px 10px 115px; }

#content_l ul li { padding: 5px 0; }


/* Specials - Archiv und GŠstebuch */

#content_l .inner_block { padding: 0 25px 0 90px; }

#content_l .inner_block p { border-top: 1px solid #333;
                               border-bottom: 1px solid #333;
                               padding: 10px 0;
                               border-left: none;
                               border-right: none;
                               color: #666;
                               width: 100%; }
                                 
#content_l .inner_block p a { border-right: 1px solid #000;
                              padding: 0 5px 0 0; }
                                
#content_l .inner_block p a.last_year { border: none; }
                                 
table { width: 100%; }

caption { text-align: left;
          color: #906;
          background: #fcf;
          font-weight: bold;
          padding: 5px 30px 5px 15px;
          margin: 15px 0; }
          
caption span { font-size: 14px;
               margin: 0 0 0 10px; }
               
caption .publisher { font-weight: normal;
                     font-size: 12px; }
               
tr { padding: 10px 0; }

#content_l .inner_block .article_view { width: 100%; }

#content_l .inner_block .article_view p { border: none; }
               
.media_type { width: 12%;
              padding: 0 0 0 10px; }

.look_at_it { width: 15%; }
                   
#active_year { color: #666; }

#content_l .inner_block .pager { text-align: right;
                                 border-top: none;
                                  border-bottom: 1px solid #666;
                                  color: #666;
                                  padding: 10px 5px 2px 0;
                                  font: 12px arial, sans-serif; }
                                  
#content_l .inner_block .pager a { color: #666;
                                   border: none; }

.active_page { font: bold 14px arial, sans-serif;}

#content_l .inner_block .gb_entry { padding: 15px;
                                    border: 1px solid #906;
                                    margin: 20px 0 20px 5px; }
                                    
#content_l .inner_block .gb_entry h4 { border: none;
                                       border-bottom: 1px solid #906;
                                       padding: 0;
                                       color: #906; }
                                       
#content_l .inner_block .gb_entry h4 span { font: bold 14px arial, sans-serif }

#content_l .inner_block .gb_entry p { border: none; }


/* Specials - Formulare */

form { padding: 30px 0 40px 72px; }

label { font: bold 12px arial, sans-serif;
        width: 100px;
        display: block;
        float: left; }

input, textarea { border: 1px solid #906;
                  width: 300px;
                  margin: 0 0 10px; }
                  
button { color: #906;
         font: bold 12px arial, sans-serif;
         float: right;
         margin: 10px 40px 0 -20px; }