/* Musikverein Bilstein - Stylesheet by Skill.Design */

html, body, #wrap {
    height: 100%;
}

body > #wrap {
    height:auto;
    min-height:100%;
}

#struktur {
    padding-bottom:270px;    /* must be same height as the footer */
}

#footer {
    position:relative;
    margin-top:-270px;    /* negative value of footer height */
    height:270px;
    clear:both;
}

body {
    font: 12px 'trebuchet ms',arial,helvetica,sans-serif;
    margin:0;
    background: #F0F0F0;
    text-align:center;
    color:#333;
}

ul, li {
    margin:0;
    padding:0;
    list-style-type:none;
}

p {
    margin:0;
    margin-bottom:12px;
}

a {
    text-decoration:none;
    color:#376615;
    font-weight:bold;
}

a:hover {
    text-decoration:underline;
}

img {
    border:0;
    display:inline;
}

table, input, textarea, select {
    font: 12px 'trebuchet ms',arial,helvetica,sans-serif;
}

input, textarea, select {
    border:1px solid #CCC;
    padding:2px;
}

td {
    vertical-align:top;
}

#struktur {
    width:980px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    background: url('../bilder/bg_struktur.jpg') repeat-y center top;
}

#inner_struktur {
    padding-left:20px;
    padding-right:20px;
    background: url('../bilder/bg_inner_struktur.jpg') no-repeat 20px 20px;
}

#footer {
    color:white;
    background-color:#376615;
}

#inner_footer {
    width:940px;
    margin-left:auto;
    margin-right:auto;
    padding-top:20px;
    text-align:left;
    background: url('../bilder/bg_inner_footer.jpg') repeat-x left top;
}

#inner_footer > ul {
    display:inline;
    float:left;
    width:150px;
    padding-left:20px;
    padding-top:10px;
    padding-bottom:10px;
    color:white;
    font-variant:small-caps;
    color:white;
    font-size:14px;
    border-left:1px solid #71975A;
}
#inner_footer > ul#footer_1 {
    border-left:0;
    padding-left:230px;
}
#inner_footer > ul a {
    color:white;
}
#inner_footer > ul li.first {
    font-size:18px;
    padding-bottom:4px;
}

#navigation {
    display:inline;
    float:left;
    width:170px;
    margin-right:60px;
}

#navigation > ul {
    margin-top:40px;
}

#navigation > ul li {
    display:inline;
    float:left;
    width:170px;
    text-align:right;
}

#navigation a {
    display:block;
}

#navigation li.navmainStandardLevel_1 a {
    font-size:22px;
    font-variant:small-caps;
    font-weight:normal;
    color:#999;
}

#navigation li.navmainStandardLevel_1 a:hover, #navigation li.navmainStandardLevel_1 a.active {
    text-decoration:none;
    color:#376615;
}

#navigation li.navmainStandardLevel_2 a {
    font-size:14px;
    font-variant:small-caps;
    color:#376615;
    padding-right:10px;
}

#navigation li.navmainStandardLevel_2 a:hover, #navigation li.navmainStandardLevel_2 a.active {
    text-decoration:none;
    color:#999;
}

#navigation > ul li.last {
    margin-bottom:5px;
}

#navigation li.navmainStandardLevel_2 {
    border-right:1px solid #8DA67C;
    padding-top:2px;
    padding-bottom:2px;
}

#balken_oben {
    width:660px;
    height:20px;
    background-color:#698D50;
}

#logo {
    width:320px;
    height:150px;
    display:block;
    margin-left:562px;
}

#unten {
    position:relative;
    clear:both;
    min-height:500px;
    padding-bottom:80px;
}

#content_links {
    display:inline;
    float:left;
    width:350px;
    margin-right:40px;
    min-height:300px;
}

#content_rechts {
    display:inline;
    float:left;
    width:320px;
    min-height:300px;
    margin-top:20px;
    background: url('../bilder/bg_content_rechts.jpg') repeat-x left top;
}
#inner_content_rechts {
    padding-top:21px;
}

#content_breit {
    position:relative;
    display:inline;
    float:left;
    width:710px;
    min-height:300px;
}
#content_breit .textItem {
    padding-right:75px;
}
#balken {
    position:absolute;
    z-index:1000;
    width:320px;
    height:1px;
    right:0px;
    top:20px;
    /* background: url('../bilder/bg_content_rechts.jpg') repeat-x right top; */
    background-color:#A9B995;
}

.stopper {
    clear:both;
    font-size:0.1em;
    height:0.1em;
    overflow:hidden;
}

h1 {
    margin:0;
    margin-bottom:24px;
    font-size:15px;
    color:#376615;
    font-variant:small-caps;
}

h2 {
    margin:0;
    margin-bottom:12px;
    font-size:13px;
    color:#376615;
}

i {
    font-variant:small-caps;
    font-weight:bold;
    font-style:normal;
    font-size:15px;
    color:#376615;
}

#footer h4 {
    margin:0;
    padding-bottom:20px;
    padding-top:20px;
    padding-left:230px;
    font-size:20px;
    font-variant:small-caps;
    background: url('../bilder/logo_footer.jpg') no-repeat 185px 12px;
}

hr {
    margin:0;
    margin-top:12px;
    margin-bottom:12px;
    height:1px;
    border:0;
    border-top:1px solid #CCC;
}

hr#trenner_headline {
    margin:0;
    width:410px;
    height:1px;
    border:0;
    border-top:1px solid #A9B995;
    position:absolute;
    z-index:200;
    left:210px;
    top:20px;
}

div.textItem {
    margin-bottom:12px;
}

#fotogalerie {
    clear:both;
    margin-top:24px;
    margin-bottom:24px;
}

#fotogalerie .thumb {
    position:relative;
    display:inline;
    float:left;
    width:100px;
    height:66px;
    overflow:hidden;
    margin-right:10px;
    margin-bottom:10px;
    cursor:pointer;
}
.fotoinfo {
    clear:both;
    position:relative;
    width:650px;
    text-align:center;
}
.marginrahmen {
    clear:both;
    margin-bottom:24px;
}
.fotoinfo img {
    display:block;
    margin-left:auto;
    margin-right:auto;
}
.fotolupe {
    width:40px;
    height:40px;
    position:absolute;
    z-index:1000;
    left:15px;
    bottom:10px;
    background: url('../bilder/lupe.png') no-repeat left top;
    display:none;
}
.inner_fotoinfo {
    padding:5px;
    background: url('../bilder/progressbar.gif') no-repeat center 60px #DDD;
}
#loginformular label {
    display:inline;
    float:left;
    width:100px;
    margin-bottom:4px;
    padding-top:2px;
}
#loginformular input {
    display:inline;
    float:left;
    width:200px;
    margin-bottom:4px;
}
#loginformular input#loginBtn {
    width:100px;
    margin-left:100px;
}

#vpgb_eintrag label {
    display:inline;
    float:left;
    width:100px;
    margin-bottom:2px;
}

#vpgb_eintrag input, #vpgb_eintrag textarea, #vpgb_eintrag select {
    display:inline;
    float:left;
    width:200px;
    margin-bottom:2px;
    border:1px solid #CCC;
}

.vpgb_eintrag {
    padding-bottom:12px;
    margin-bottom:12px;
    border-bottom:1px solid #CCC;
}

.vpgb_eintrag small {
    color:#666;
    font-size:10px;
}

#gb_smileys {
    display:inline;
    float:left;
    width:200px;
}

.termine {
    margin-top:14px;
}

.termine tr {
    background-color:#EEE;
}

.termine td {
    padding-top:12px;
    padding-bottom:12px;
    padding-right:12px;
    vertical-align:baseline;
    font-size:100%;
    border-bottom:12px solid white;
}

.termine .datum {
    width:120px;
    font-weight:normal;
    color:#888;
    text-align:right;
    padding-right:20px;
    font-size:150%;
}

.artikelliste {
    margin-top:48px;
    background-color:#EEE;
    padding:20px;
}
.artikelliste > div {
    border-bottom:1px solid #CCC;
    margin-bottom:20px;
}
.artikelliste h2 {
    margin-bottom:3px;
}
.artikelliste p {
    margin-bottom:20px;
}
.vorstandsfoto {
    width:220px;
    height:300px;
}
.textbox {
    background-color:#EEE;
    padding:20px;
    display:inline;
    float:left;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
}
table.besetzung td {
    vertical-align:baseline;
    padding-bottom:8px;
}

#vpgb_eintrag input#antibot {
    display:none;
}