/* !Introfenster
=============================================== */
#intro{
	text-align: center;
}

/* !Allgemeine Elemente
=============================================== */
body{
    margin: 0px 0px 0px  0px;
    background-color:#FFFFFF;
    padding-left: 15%;
}
#wrapper{
   width: 1100px;
   padding: 0px;

   background-image: url(images/wrapperBG.jpg);
   background-repeat: no-repeat;
}

#website{
    width: 700px;

    background-image: url(images/bg.jpg);
    background-repeat: repeat-y;

    padding-left: 50px;
    padding-right: 50px;

    margin-right: 140px;
    float: right;
}

/* !Header
=============================================== */
#header{
    background-image: url(images/header.jpg);
    background-repeat: no-repeat;
    
    width: 700px;
    height: 300px;
}

/* !Navigation
=============================================== */
#navigation{
    margin: 360px 0px 0px 0px;
    padding: 15px 15px 20px 40px;
    list-style: none;

    min-height: 340px;
    height: 340px;
    background-image: url(images/navigationBG.jpg);
    background-repeat: no-repeat;


    width: 100px;
    float: left;
}

/*Hack fuer zu kleinen Navigationsbereich in IE8 */
html > body #navigation{
    height: auto;
}

ul#navigation li{
    border: solid 1px #b2b7bb;

    margin-bottom: 1px;
}

ul#navigation li a {
  text-decoration: none;
  padding: 0px 0px 0px 5px;
  display:block;
  height: 28px;
  width: 100px;
}

ul#navigation li a:hover {
    
    background-image: url(images/totenkopf.png);
    background-repeat: no-repeat;

    height: 28px;
}



ul#navigation li a:link, ul#navigation li a:visited { 
    color: #686868;
}

ul#navigation li a:hover,ul#navigation li a:active { 
    color: #686868;
}

/* !Content
=============================================== */
#content{
    margin: 0px 0px 30px 10px;
    padding: 0px 10px 0px 0px;
    min-height: 300px;
    height: 300px;
    font-family: georgia, sans-serif;
}
/*Hack fuer leeren Content in IE8 */
html > body #content{
    height: auto;
}

#pinup{
    clear: both;

    width: 650px;
    height: 300px;
    background-image: url(images/pinup_vertikal.jpg);
    background-repeat: no-repeat;
}

/* !Footer
=============================================== */
#footer{
    clear:both;
}

/* !Mitgliederliste
=============================================== */
.mitglied{
    width:  inherit;
    height: 200px;

    margin: 10px;
    background-image: url(images/mitgliedFotoOverlay.png);
    background-repeat: no-repeat;
    
}

.mitglied img{
    padding: 0px;
    margin: 35px 35px 35px 35px;
    border: solid 1px black;

    width: 130px;
    float: left;
}

.mitglied p{
    padding: 5px;
    margin: 85px 10% 0px 0px;

    border: solid 1px black;
    text-align: center;
    font-weight: bolder;


    width: 300px;
    background-color: #b2b7bb;
    float: right;

}

/* !Bildergallerie
=============================================== */
#bildergallerie{

}
.pop img{
    margin: 0px 3px 3px 0px;
    border: solid black thin;
}

/* !Impressum
=============================================== */
#impressum fieldset{
    color: #b2b7bb;
    border-color: #b2b7bb;
    padding: 5px;
}

#googleMapLink{
    margin-top: 10px;
    font-size: 14pt;
}