/*************************************************************************************************/
/* allgemein */

html, body
{
  padding                    : 0px 0px 0px 0px;
  margin                     : 0px 0px 0px 0px;
  background-color           : #FFFFFF;

  scrollbar-shadow-color     : #264166;
  scrollbar-3dlight-color    : #CEDEDD;
  scrollbar-arrow-color      : #264166;
  scrollbar-track-color      : #CEDEDD;
  scrollbar-darkshadow-color : #CEDEDD;
  scrollbar-face-color       : #B4CCCB; 
  scrollbar-highlight-color  : #B4CCCB;
  }

div#main
{
  padding                    : 110px 10px 100px 210px;
  margin                     : 0px 0px 0px 0px; 
  position                   : absolute;
  z-index                    : 1;
}

/*************************************************************************************************/
/* Header */
/*************************************************************************************************/

#modul_header
{
    position        : fixed;
    z-index         : 700;
    top             : 0;
    left            : 0;
    width           : 100%;
    height          : 100px;
    margin          : 0;
    padding         : 0;
    background      : url('/img/art/sitemap/banner.jpg') repeat-x;
}

div#modul_header h1, div#modul_header_print h1
{
  font-family       : Verdana, Arial;
  font-size         : 32px;
  font-weight       : normal;
  font-style        : normal;
  margin-top        : 8px;
  margin-bottom     : 0px;
  color             : #FFFFFF;
}

div#modul_header h2, div#modul_header h2 a,
div#modul_header_print h2, div#modul_header_print h2 a
{
  font-family       : Verdana, Arial;
  font-size         : 12px;
  font-weight       : normal;
  color             : #FFFFFF;
  margin-top        : 2px;
  margin-bottom     : 0px;
}
div#modul_header h2 a,
div#modul_header_print h2 a 
{
  text-decoration   : underline;
}

div#modul_header h2 a:hover, div#modul_header h2 a:focus,
div#modul_header_print h2 a:hover, div#modul_header_print h2 a:focus
{
  color             : #FF0066;
}

div#modul_header h3 a
{
  font-family       : Verdana;
  font-size         : 10px;
  margin-top        : -1px;
  margin-bottom     : 0px;
  text-decoration   : none;
  text-align        : center;
}

div#motiv
{
  width             : 200px;
  height            : 80px;
  float             : left;
  padding           : 0;
  margin            : 0;
  text-align        : center;
}

div#motiv .flagge
{
  margin-top        : 15px;
}

div#pfad
{
  margin            : 0px 0px 0px 10px;
  float             : left; 
}

/*************************************************************************************************/
/* Ausklappnavi */
/*************************************************************************************************/

#modul_header ul a
{
    color           : #1B334F;
    text-decoration : none;
    display         : block;
    font-weight     : normal;
    font-size       : 11px;
    font-family     : Trebuchet MS,Verdana;
    padding         : 0 8px 0 8px;
    display         : block;
}
#modul_header ul li.aktiv h3 a
{
    font-weight     : bold;
}
#modul_header li.e1 h3 a
{
    text-align      : center;
}

#modul_header li
{
    background      : #CEDEDD;
    position        : relative;
    width           : 200px;
    line-height     : 18px;
    margin          : 0;
    padding         : 0;
    list-style      : none;
    text-align      : left;
}
#modul_header li:hover, #modul_header li.aktiv
{
    background      : #B4CCCB;
}

#modul_header li.line
{
    border-top      : 1px solid #1B334F;
}

#modul_header li.e1
{
    border          : 1px solid #1B334F;
    position        : fixed;
    top             : 80px; 
    width           : 10%; 
    height          : 18px;
}

#modul_header ul.e1
{
    position        : fixed;
    top             : 80px;
    left            : 0;
    width           : 100%;
    height          : 18px;
    margin          : 0;
    padding         : 0;
    list-style      : none;
}

#modul_header ul.e2
{
    background      : #CEDEDD;
    border          : 1px solid #1B334F;
    position        : fixed;
    top             : 0;
    width           : 200px;
    margin          : 99px 0px 0 0px;
    padding         : 0;
    display         : none;
    list-style-image: url('/img/trans.gif');
}
#modul_header li.e1:hover ul.e2
{
    display         : block;
}

#modul_header ul.e3
{
    background      : #CEDEDD;
    border          : 1px solid #1B334F;
    position        : absolute;
    top             : 2px;
    left            : 80px;
    width           : 200px;
    margin          : 0;
    padding         : 0;
    display         : none;
    list-style-image: url('/img/trans.gif');
}
#modul_header li.e2:hover ul.e3
{
    display         : block;
}

.l0            { left: 0; border-left: 0px none !important; }
.l0 ul.e2      { left: 0; }
.l1, .l1 ul.e2 { left: 10%; }
.l2, .l2 ul.e2 { left: 20%; }
.l3, .l3 ul.e2 { left: 30%; }
.l4, .l4 ul.e2 { left: 40%; }
.l5, .l5 ul.e2 { left: 50%; }
.l6, .l6 ul.e2 { left: 60%; }
.l7, .l7 ul.e2 { left: 70%; }
.l8, .l8 ul.e2 { left: 80%; }
.l9            { left: 90%; }
.l9 ul.e2      { right: 0; }

/*************************************************************************************************/
/* menue */
/*************************************************************************************************/

#modul_menue
{
  position          : fixed;
  z-index           : 50;
  top               : 100px;
  left              : 0px;
  width             : 200px;
  height            : 100%;
  padding           : 0px 0px 0px 0px;
  margin            : 0px 0px 0px 0px;
  background-color  : #76A09F;
  background-repeat : repeat-x;
    border-right      : 1px solid #264166;
}

#modul_menue h1
{
  font-family       : Verdana;
  font-size         : 18px;
  font-weight       : normal;
  font-style        : italic;
  color             : #1B334F; 
  height            : 18px;
  margin            : 0 0 6px 7px; 
  padding           : 0; 
}

#modul_menue a
{
  background        : url('/img/art/sitemap/punkt.png') no-repeat 11px 7px;
  font-family       : Arial narrow, Arial;
  font-size         : 11px;
  line-height       : 13px;
  text-decoration   : underline; 
  padding           : 0 8px 2px 17px; 
  margin            : 0;
  color             : #1B334F; 
  display           : block;
}

#modul_menue a.sublink
{
  background        : url('/img/art/sitemap/punkt2.png') no-repeat 17px 6px;
  padding           : 0 8px 1px 25px;
}

#modul_menue a:hover, 
#modul_menue a.aktiv
{
  background-color  : #AFC9C8; 
}

#modul_menue .divider
{
  margin            : 10px 0 0 0;
}

/*************************************************************************************************/
/* untere_zeile */
/*************************************************************************************************/

#modul_untere_zeile
{
    background : #76A09F;
    position   : fixed !important;
    position   : absolute;
    z-index    : 800;
    bottom     : 0;
    left       : 0;
    width      : 100%;
    height     : 20px;
    margin     : 0;
    padding    : 0;
    border-top : 1px solid #264166;
}

#modul_untere_zeile a
{
  text-decoration   : underline;
  font-family       : Arial;
  font-size         : 12px;
  font-weight       : normal;
  font-style        : normal;
  color             : #1B334F;
  line-height       : 19px;
}
#modul_untere_zeile a:hover, #modul_untere_zeile a:focus
{ 
  color             : #316688; 
}

#modul_untere_zeile #unten_ganz_links
{
    background : #264166;
    position   : fixed !important;
    position   : absolute;
    bottom     : 0;
    left       : 0;
    width      : 201px;
    height     : 20px;
    margin     : 0;
    padding    : 0;
}

#modul_untere_zeile #unten_links
{
    position   : fixed !important;
    position   : absolute;
    bottom     : 0;
    left       : 220px;
    width      : 200px;
    height     : 20px;
    margin     : 0;
    padding    : 0
}

#modul_untere_zeile #unten_mitte
{
    width      : 300px;
    height     : 20px;
    margin     : 0 auto;
    padding    : 0 0 0 200px;
    text-align : center;
}

#modul_untere_zeile #unten_rechts
{
    position   : fixed !important;
    position   : absolute;
    bottom     : 0;
    right      : 20px;
    width      : 200px;
    height     : 20px;
    margin     : 0;
    padding    : 0;
    text-align : right;
}

/*************************************************************************************************/
/* Startseite */
/*************************************************************************************************/

#modul_startseite_teaser
{
  position          : fixed !important;
  position          : absolute;
  top               : 120px;
  left              : 205px;
  width             : 600px;
  height            : 300px;
  z-index           : 50;
  padding           : 0px 0px 0px 0px;
  margin            : 0px 0px 0px 0px;
}

#modul_startseite_fotos
{
  position          : fixed !important;
  position          : absolute;
  bottom            : 12%;
  left              : 0px;
  width             : 100%;
  height            : 162px;
  z-index           : 30;
  padding           : 0px 0px 0px 0px;
  margin            : 0px 0px 0px 0px;
  white-space       : nowrap;
  overflow          : hidden;
}
#modul_startseite_fotos a
{
  display           : block;
  float             : left;
  padding           : 0px 0px 0px 32px;
  margin            : 0px;
  width             : 216px; 
}

#modul_startseite_besucher
{
  position          : fixed !important;
  position          : absolute;
  bottom            : 4%;
  left              : 215px;
  width             : 700px;
  height            : 40px;
  z-index           : 40;
  padding           : 0px 0px 0px 0px;
  margin            : 0px 0px 0px 0px;
}

/*************************************************************************************************/
/* Seitenaktionen */
/*************************************************************************************************/

div.modul_seitenaktionen
{
  height            : 17px;
  float             : right;
}

/*************************************************************************************************/
/* Adminangaben */
/*************************************************************************************************/

div.album_adminangaben, div#album_adminangaben
{
  position          : absolute; 
  z-index           : 3; 
  visibility        : hidden; 
  left              : 0px; 
  top               : 50px;
}

#admin_box
{
  z-index           : 100;
  position          : absolute;
  left              : 210px;
  top               : 110px;
  display           : none;
  width             : 400px;
}
#admin_box_wrapper:hover #admin_box
{
  display           : block;
}

.bookmark
{
  display           : none;
}

div.link_seitenanfang, div#link_seitenanfang
{
  z-index           : 3; 
  position          : absolute;
  right             : 20px;
}

/*************************************************************************************************/
/* Info Layer */
/*************************************************************************************************/

.info_layer_outer, .float_right, .float_left, .float_
{
  text-decoration   : none;
  position          : relative;
} 

.info_layer
{
  position          : absolute;
  display           : none;
  top               : 109px;
  width             : 200px;         
  border            : 1px solid #264166; 
  z-index           : 300;
  padding           : 0;
}
.info_layer_outer .info_layer
{
  left              : -29px;
  font-size         : 12px;
}
.float_ .info_layer
{
  top               : 25px;
  left              : 0;
}

.info_layer_outer:hover .info_layer,
.float_right:hover .info_layer,
.float_left:hover .info_layer,
.float_:hover .info_layer
{
  display           : block;
} 

.foto_info, .link_info
{
  width             : 398px;
  font-style        : normal;
  float             : left;
}

.link_info .oben
{
  display           : block;
  width             : 390px;
  padding           : 0 4px;
  height            : 26px;
  line-height       : 26px;
}

.foto_info .links, .link_info .links
{
  display           : block;
  float             : left;
  width             : 130px;  
  margin            : 2px 0px 2px 4px;
  font-weight       : normal;
  text-align        : left;
}

.foto_info .rechts, .link_info .rechts
{
  display           : block;
  float             : left;
  width             : 260px;
  margin            : 2px 4px 2px 0;
  font-weight       : normal;
  text-align        : left;
}