* {
    margin: 0; 
    padding: 0;
}

body {
    background-color: #ffffff;
    color: #666060;
    font: normal 12px/16px verdana,arial, helvetica, sans-serif;
}

/* setzt die Scollbalken damit die Seite nciht springt */
html { overflow-y: scroll; }
body { height: 100%; }
* html body { height: auto; }
*+html body { height: auto; }

h1 {
    font: normal 30px/35px georgia,arial,helvetica,sans-serif;
    padding-bottom: 5px;
    margin: 0px 0px 15px;
}

h2 {
    font: normal 20px/26px georgia,arial,helvetica,sans-serif; 
    margin: 20px 0px 10px;
}

h3 {
    font: normal 15px/19px georgia,arial,helvetica,sans-serif; 
    margin: 0px 0px  5px;
}

h4 {
    font: normal 20px/25px georgia,arial,helvetica,sans-serif; 
    margin: 0px 0px 5px;
}

p {
    font: normal 12px/16px verdana,arial, helvetica, sans-serif;
    margin-bottom: 10px;
}

ul, ol, li { 
    list-style: none;
}

li p {
    line-height: inherit; 
    margin: 0;
}

th { text-align: left; }
td, th  {
    empty-cells: show; 
    font-size: 12px; /* IE 5.x */
}

img { border: 0px solid; }

/* ----- Links ----- */
a         { color: #213557; text-decoration:none; }
a:visited,
a:active  { color: #213557; }
a:hover   { text-decoration: underline; }
a img     { border: 0px solid; }
a:focus   { outline: none; }

/* ----- Seitenaufbau ----- */
#container {
    background: url(../img/navi/bg-navi-left.gif) 0px 0px no-repeat;
    margin: 30px auto 0px;
    padding-left: 3px;
    width: 999px;
}
.login #container {
    width: 1189px;
}

/* ----- Header ----- */
#header {
    background: url(../img/bg/bg-page-top.gif) 100% 100% no-repeat;
    height: 25px;
    padding: 0px 0px 15px;
    width: 999px;
}
.login #header {
    width: 1165px;
}
#header h1 {
    background: url(../img/headline_small.gif) 0px 0px no-repeat;
    height: 25px;
    margin-left: 10px;
    width: 236px;
}
#header h1 span {
    display: none;
}

#main { 
    background: url(../img/navi/bg-navi-right.gif) right bottom no-repeat;
    padding: 25px 23px 40px 0px;
}

#footer { 
    background: url(../img/bg/bg-page-bottom.gif) left top no-repeat;
    color: #666060;
    font-size: 10px;
    height: 18px;
    padding-top: 8px;
    width: 986px;
    text-align: right;
    margin-top: -20px;
}
.login #footer {
    width: 1165px;
}
#footer a,
#footer a:hover {
    color: #666060;
}

/* ------- Hacks, noetig fuer das korrekte Spaltenlayout ------ */
/* um gefloatete Elemente zu umschliessen ( Gecko ) */
#main:after {
   content:    ".";
   clear:      both;
   height:     0;
   visibility: hidden;
   display:    block;
}
* html #main {
    height: 1%;
}
*+html #main {
    height: 1%;
}

/* ----- Navigation ----- */
#nav {
    float: left;
    width: 160px;
}

#nav ul {
    margin: 0px; 
    padding: 0px;
}

#nav ul.ebene-1 {
    margin: 0px; 
    padding: 20px 0px 0px 0px;
    width: 160px;    
}

#nav li {
    vertical-align: bottom;
}

#nav a {
    color: #b67570;
    display: block;
    height: 22px;
    line-height: 22px;    
    padding: 0px 5px 0px 20px;
}
* html #nav li,
* html #nav a {
    zoom: 1;
}

#nav a:hover {
    text-decoration: none;
}

#nav .ebene-1 a {
    background: #ffffff url(../img/navi/nav-bullet-1.gif) 10px 8px no-repeat;
}

#nav .ebene-1 .active a,
#nav .ebene-1 a:hover {
    /*background: #cdc6c9 url(../img/navi/nav-bullet-1-active.gif) 14px 8px no-repeat;*/
    /*background: #dad3d6 url(../img/navi/nav-bullet-1-active.gif) 14px 8px no-repeat;*/
    /*background: #e5dfe1 url(../img/navi/nav-bullet-1-active.gif) 14px 8px no-repeat;*/
    background: #edebec url(../img/navi/nav-bullet-1-active.gif) 10px 8px no-repeat;
    color: #b91b0f;
}

#nav .ebene-1 .open a,
#nav .ebene-1 .open a:hover {
    background: #ebebeb url(../img/navi/nav-bullet-1-open-active.gif) 9px 10px no-repeat;
    color: #b91b0f;
}

#nav .ebene-1 .ebene-2 a {
    background: #ffffff url(../img/navi/nav-bullet-2.gif) 20px 7px no-repeat;
    color: #b67570;
    padding: 0px 5px 0px 30px;
    height: 20px;
    line-height: 20px;
}

#nav .ebene-1 .ebene-2 .active a,
#nav .ebene-1 .ebene-2 a:hover {
    background: #f4f4f4 url(../img/navi/nav-bullet-2-active.gif) 20px 7px no-repeat; 
    color: #b91b0f;
}

#nav .active a,
#nav .open .active a {
  font-weight: bold;
  cursor: default;
}

#nav .open a {
   cursor: pointer;
}

#nav .ebene-2 a {
  font-weight: normal;
  cursor: pointer;
}


/* ----- Content ----- */
#content {
    border: 3px solid #edebec;
    background: #fcfcfc;
    width: 800px;
    min-height: 530px;
    margin-left: 170px;
    height: auto;
}
* html #content { 
    height: 530px;
    margin-left: 167px;
}
.login #content {
    width: 990px;
}
#textcontent {
    padding: 15px;
}

#imgcontent {
    height: 530px;
    position: relative;
    overflow: hidden;
    text-align: center;
    width: 800px;
}

.pic {
    margin:  0px auto;
    text-align: center;
    zoom: 1;
    min-height: 530px;
}

* html .pic { 
    height: expression((this.parentNode.offsetHeight-1)+'px');
}

.pic img {
    display: block;
}

.pic p {
    background: #fcfcfc;
    font-size: 11px;
    line-height: 13px;
    color: #666060;
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 3px 5px 5px;
    min-height: 13px;
    margin: 0px;
    text-align: left;
}

* html .pic p { bottom: 2px; }

#galleryNav { 
    border-top: 3px solid #edebec;
    display: block;
    position: relative;
    z-index: 1000;
    background-color: #fff;
    margin: 0;
    padding: 10px 7px;
    width: 786px;
    height: 58px;
    overflow: hidden;
}

#navSlider { 
    margin: 0px; 
    width: 764px;
    height: 58px;
    overflow: hidden;
    float: left;
}

#navPager { 
    width: 9999px;
    margin: 0px;
    padding: 0px;
}

#galleryNav li { 
    height: 58px;
    width: 83px;
    float: left;
    margin: 0px 8px 0px 0px;
    padding: 0px;
    list-style: none;
    display: inline;
    vertical-align: bottom;
}

#galleryNav ul a {
    display: block;
    height: 50px;
    padding: 3px;
    border: 1px solid #ccc;
    width: 75px;
}

#galleryNav ul a:hover,
#galleryNav ul a.activeSlide { background: url(../img/bg/bg-nav-slider.gif) left top no-repeat; }
#galleryNav ul a:focus       { outline: none; }

#galleryNav img {
    display: block;
    margin: 0px auto;
}

#galleryNav .slide.inactive {
    cursor: default;
    opacity: 0.6;
    -moz-opacity: 0.6;
    filter: Alpha(opacity=60);
}

#galleryNav a.slide {
    background-image: url(../img/icons/arrows-standard.gif);
    background-repeat: no-repeat;
    display: inline;
    float: left;
    height: 58px;
    margin: 0px 5px;
    border: 0px;
    padding: 0px;
    width: 6px;
}

#galleryNav a.slide-rwd {
    background-position: left center;
    margin-left: 0px;
}

#galleryNav a.slide-fwd {
    background-position: right center;
    margin-right: 0px;
}

#gallery {
    padding:    0px;
    height:     530px;
    width:      800px;
    max-height: 530px;
    overflow:   hidden;    
    text-align: center;
    position:   relative;
}
#gallery img {
    margin: 0px auto;
}
#gallery .imageInner { 
    display:        table-cell; 
    padding:        0px;
    vertical-align: middle; 
}

* html #gallery              { position: relative; }
* html #gallery .imageInner  { position: absolute; top:  50%; }
* html #gallery .imageInner2 { position: relative; top: -50%; left: -50%; }
*+html #gallery              { position: relative; }
*+html #gallery .imageInner  { position: absolute; top:  50%; }
*+html #gallery .imageInner2 { position: relative; top: -50%; left: -50%; }


