/* /////////////////////
CSS FILE

Author: Aktives Friedrichsdorf
E-Mail: info@aktives-friedrichsdorf.de
Date: 3.2.2010
Projekt: www.aktives-friedrichsdorf.de


////////////////////// */


body {
        color: #333;
        font-family: Verdana, Arial, sans-serif;
        font-size: 0.8em;
        line-height: 130%;
        }

a:hover, a:visited {
        color: #0066cc;
        }

#mother {
        text-align: center;
        padding: 25px 0;
        }

#main {
        width: 836px;
        margin: 0 auto;
        text-align: left;
        }

#head {
        width: 100%;
        }

#head img {
        border: 0;
        }

#metaNavi {
        background-color: #0066cc;
        padding: 0;
        margin: 5px 0 0 0;
        border-bottom: 5px solid #EEEEDD;
        display: block;
        }

#metaNavi ul {
        margin: 0 0 0 150px;
        padding: 0;
        border-left: 1px solid #fff;
        min-height: 20px;
        height: 100%;
        }

#metaNavi ul li {
        float: left;
        list-style-type: none;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #EEEEDD;
        min-height: 20px;
        height: 100%;
        padding: 0;
        margin: 0;
        background-color: #0066cc;
        }

#metaNavi ul li a {
        padding: 1px 10px 0 9px;
        padding= 1px 10px 0 9px;
        _padding: 1px 10px 0 9px;
        margin: 0;
        color: #fff;
        text-decoration: none;
        min-height: 20px;
        display: block;
        display= inline;
        _display: inline;
        }

#metaNavi ul li a:hover {
        color: #333;
        background-color: #EEEEDD;
        min-height: 20px;
        margin: 0;
        border-bottom= 5px solid #EEEEDD;
        _border-bottom: 5px solid #EEEEDD;
        }

body#body_home a#home {
        color: #333;
        background-color: #EEEEDD;
        min-height: 20px;
        margin: 0;
        border-bottom= 5px solid #EEEEDD;
        _border-bottom: 5px solid #EEEEDD;
        }

body#body_about a#about {
        color: #333;
        background-color: #EEEEDD;
        min-height: 20px;
        margin: 0;
        border-bottom= 5px solid #EEEEDD;
        _border-bottom: 5px solid #EEEEDD;
        }

body#body_aktivitaeten a#aktivitaeten {
        color: #333;
        background-color: #EEEEDD;
        min-height: 20px;
        margin: 0;
        border-bottom= 5px solid #EEEEDD;
        _border-bottom: 5px solid #EEEEDD;
        }

body#body_mitglieder a#mitglieder {
        color: #333;
        background-color: #EEEEDD;
        min-height: 20px;
        margin: 0;
        border-bottom= 5px solid #EEEEDD;
        _border-bottom: 5px solid #EEEEDD;
        }

body#body_presse a#presse {
        color: #333;
        background-color: #EEEEDD;
        min-height: 20px;
        margin: 0;
        border-bottom= 5px solid #EEEEDD;
        _border-bottom: 5px solid #EEEEDD;
        }

body#body_vorstand avorstand {
        color: #333;
        background-color: #EEEEDD;
        min-height: 20px;
        margin: 0;
        border-bottom= 5px solid #EEEEDD;
        _border-bottom: 5px solid #EEEEDD;
        }

body#body_partner a#partner {
        color: #333;
        background-color: #EEEEDD;
        min-height: 20px;
        margin: 0;
        border-bottom= 5px solid #EEEEDD;
        _border-bottom: 5px solid #EEEEDD;
        }

body#body_kontakt a#kontakt {
        color: #333;
        background-color: #EEEEDD;
        min-height: 20px;
        margin: 0;
        border-bottom= 5px solid #EEEEDD;
        _border-bottom: 5px solid #EEEEDD;
        }

#content {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        }

#leftColumn {
        width: 150px;
        float: left;
        padding: 7px 0 0 0;
        }

#leftColumn h2,
#rightColumn h2 {
        background-color: #7BA3CC;
        margin: 0;
        padding: 1px 0 3px 18px;
        min-height: 10px;
        height: 100%;
        font-size: 1em;
        font-weight: normal;
        color: #fff;
        border-bottom: 1px solid #fff;
        background-image: url('../media/ico_2arrow_white_right.gif');
        background-repeat: no-repeat;
        }

#leftColumn h2.dark,
#rightColumn h2.dark {
        background-color: #0066CC;
        }

#mainNavi {
        background-color: #C3CCDD;
        margin-bottom: 10px;
        }

#mainNavi ul {
        margin: 0;
        padding: 0;
        }

#mainNavi ul li {
        border-bottom: 1px solid #fff;
        list-style-type: none;
        }

#mainNavi ul li a {
        display: block;
        text-decoration: none;
        padding: 2px 0 2px 18px;
        font-size: 0.9em;
        color: #333;
        background-image: url('../media/ico_2arrow_grey_right.gif');
        background-repeat: no-repeat;
        min-height: 16px;
        }

#mainNavi ul li a:hover {
        display: block;
        text-decoration: none;
        padding: 2px 0 2px 18px;
        font-size: 0.9em;
        color: #333;
        background-image: url('../media/ico_2arrow_grey_right.gif');
        background-repeat: no-repeat;
        background-color: #EEEEDD;
        }

#middleColumn {
        width: 506px;
        float: left;
        padding: 0 15px 0 15px;
        }

#middleColumn h1 {
        color: #0066cc;
        font-weight: normal;
        margin: 0;
        padding: 0;
        font-size: 1.8em;
        line-height: 130%;
        }

#middleColumn h2 {
        color: #0066cc;
        font-weight: normal;
        margin: 0;
        padding: 0 0 5px 0;
        font-size: 1.3em;
        line-height: 130%;
        }

#middleColumn .imgmiddle {
        float: right;
        text-align: center;
        font-weight: bold;
        margin: 15px 0 5px 5px;
        }

#middleColumn .imgmiddle img {
        margin-bottom: 5px;
        border: 1px solid #ddd;
        }

#middleColumn .leftFloatImg {
        float: left;
        margin-right: 5px;
        border: 0;
        }

#middleColumn p.down {
        margin-top: 115px;
}

form {
        background-color: #EEEEDD;
        padding: 10px;
        width: 230px;
        }


#leftColumn form {
        margin: 0;
        background-color: #C3CCDD;
        padding: 10px 0 10px 0;
        width: auto;
        }

input {
        float: right;
        margin: 3px 0 3px 0;
        }

#leftColumn input {
        float: none;
        margin: 3px 0 3px 7px;
        }

input.button {
        float:  none;
        _float:  right;
        float=  right;
        margin-top: 25px;
        margin-top= 3px;
        _margin-top: 3px;
        }

#leftColumn input.button {
        float:  none;
        margin: -15px 0 0 7px;
        }

label {
        float: left;
        margin: 3px 0 3px 0;
        }

#leftColumn label {
        float: none;
        margin: 3px 0 3px 7px;
        }

#rightColumn {
        width: 150px;
        float: right;
        padding: 7px 0;
        }

#leftColumn p,
#rightColumn p {
        margin: 0;
        padding: 5px 0 10px 7px;
        background-color: #C3CCDD;
        border-bottom: 1px solid #fff;
        }

#leftColumn p a,
#rightColumn p a {
                color: #0059FF;
        }

.subbox {
        margin-bottom: 10px;

        }

#leftColumn p.subboxZertifikat,
#rightColumn p.subboxZertifikat {
        margin: 10px 0;
        padding: 0;
        background-color: #fff;
        }

#footer {
        width: auto;
        margin: 10px 0 0 0;
        padding: 0;
        padding-top: 30px;
        _padding-top: 0px;
        padding-top= 0px;
        clear: both;
        text-align: center;
        }

.clear {
        clear: both;
        visibility: hidden;
        display: none;
        }

body.pop hr {
        height: 20px;
        background-color: #7BA3CC;
        }

p#anfahrt_f {
        display: none;
        }

body.pop img {
        border: 0;
        }

body.pop span.spanPopBottom {
        height: 20px;
        background-color: #C3CCDD;
        display: block;
        text-align: center;
        }

body.pop span.spanPopBottom a {
        font-weight: bold;
        }


.date {
        padding: 5px 5px 5px 5px;
        display: block;
        float: right;
        text-align: right;
        font-size: 0.9em;
}

.grey {
  font-size: 1,5em;
  margin: 10px 5px 0px 10px;
  padding: 10px 10px 10px 15%;
  background-color: #C3CCDD;
  border: 1px solid #ACACAC;
  padding-left: 5px;
}

#bilder {
float: left;
}

#vorstand {
float: right;
}

.left {
        margin-right: 10px;
        margin-top: 3px;
        float: left;
        display: block;
}

.vorstand {
      border: 1px solid #ACACAC;
      padding-left: 10px;
      margin: 5px; 0px; 5px; 0px;
      background-color: #FBFBFD;
      border-style: dotted;
}

.description {
  margin-top: 5px;
  margin-left: 10px;
}