/*  SPG-Verein-Web - Cascading Style Sheet    */
/*  Author : Kai Ehlers-Schulze, BMP GmbH  */
/*  Version: 4.0                           */
html, body {
    height:100%;
    margin: 0px;
}
body {
    background-color:#FFFFFF;
}
body,table,tr,td,div {
    font-family:'Fjalla One', Arial, 'Arial Unicode MS', Helvetica, sans-serif;/*Roboto, Arial, 'Arial Unicode MS', Helvetica, sans-serif;*/
    font-size:14px;
    color:#000000;
}

input.readonly {
    color:#808080; 
}
td.top {
    background-color:#AD1A2A;
    background-repeat:repeat-y;
    font-size:14px;
    font-weight:bold;
    color:#FFFFFF;
    text-align:left;
    vertical-align:bottom;
    padding-left:6px;
    padding-right:6px;
}
td.bottom {
    background-color:#AD1A2A;
    background-repeat:repeat-y;
    font-size:12px;
    color:#FFFFFF;
    text-align:right;
    vertical-align:middle;
    padding-left:6px;
    padding-right:6px;
}
td.greyline {
    background-color:#C2C2C2;
}
td.white {
    background-color:#FFFFFF;
}
td.message {
    background-color:#F2F2F2;
    color:#666666;
    padding-left:6px;
    padding-right:6px;
}
td.messagetext {
    color:#666666;
    padding-left:4px;
    padding-right:6px;
} 
td.menu {
    padding-left:6px;
    padding-right:6px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    margin: auto;
    width: 1024px;
    text-align: center;
    display:block;
}
td.menu table{
    display: inline-block;
    width: 1024px;
}
td.menu_n {
    background-color:#cccccc;
    vertical-align:bottom;
    color:#ad1a2a;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    width: 1024px;
    text-align: center;
}
td.menu_a {
    background-color:#F2F2F2;
    background-repeat:repeat-x;
    vertical-align:bottom;
    color:#ad1a2a;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    width: 475px;
    text-align: center;
}
td.menu_h {
    background-color:#F2F2F2;
    background-image:url(images/menu_h_bg.gif);
    background-repeat:repeat-x;
    vertical-align:bottom;
    color:#000000;
}
td.shadow {
    background-color:#FFFFFF;
    background-image:url(images/shadow.gif);
    background-repeat:repeat-x;
}
td.formsep {
    font-size:12px;
    color:#000000;
    font-weight:bold;
    padding-right:5px;
    border-left:7px solid #FFC83C;
    padding-left:3px;
}
td.formhead {
    font-size:10px;
    color:#808080;
    padding-right:5px;
}
td.formfield {
    padding-left:0px;
    padding-right:5px;
    padding-bottom:3px;
    padding-top:5px; 
 }
td.line1 {
    padding-left:2px;
    padding-right:2px;
    background-color:#EFEFEF;
}
td.line2 {
    padding-left:2px;
    padding-right:2px;
    background-color:#FFFFFF;
}
td.line1b {
    padding-left:2px;
    padding-right:2px;
    background-color:#EFEFEF;
    font-size:10px;
    color: #808080;
}
td.line2b {
    padding-left:2px;
    padding-right:2px;
    background-color:#FFFFFF;
    font-size:10px;
    color: #808080;
}
div.formhead {
    font-size:14px;
    color:#000000;
}
div.formhead2 {
    font-size:16px;
    font-weight: bold;
    color:#ad1a2a;
}
div.searchhead {
    font-size:12px;
    font-weight:bold;
    color:#ad1a2a;
}
input.search {
    background-color:#ad1a2a;
    color:#FFFFFF;
    border:0px;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    padding:3px;
}
input.search:hover {
    background-color:#000000;
    color:#ffffff;
}
td.info {
 /* background-color:#F2F2F2;*/
    padding-left:8px;
    padding-top:0px;
    text-align:justify;
    vertical-align:top;
}

div.info {
   /* background-color:#E5EBF1;
    border: 1px solid #7F9DB9;*/
    font-size:14px;
  /*  padding:3px;*/
}

div.comment {
    padding-left:6px;
    padding-right:6px;
    padding-top:3px;
    padding-bottom:3px;
    font-size:11px;
    color:#808080;
}

a {
    color:#828385;
    text-decoration:none;
}
a:hover {
    color:#000000;
    text-decoration:none;
}
a.menu {
    color:#ad1a2a;
    text-decoration:none;
}
td.menu_n:hover{
    color:#D9534F;
    background-color:#C0C0C0;
    text-decoration:none;
}
td.menu_n:hover a.menu{
    color: #ffffff;
}
a.menu:hover {
    color: #ffffff;
    text-decoration:none;
}

a.btn {
    color:#000000;  
}

span.info {
    cursor: help;
    padding-left: 8px;
    background: url(images/indicator_info.gif) no-repeat left center;
}


#sky {
    height:100%;
}
#logo { position:absolute; top:4px; left:448px; width:400px; height: 60px; }
.logo { font-size:10px; color:#C0C0C0; text-align:right; width: 400px }

#invalid {
    background-color:#E5EBF1;
    border:1px solid #7F9DB9;
}

#abclist {
    margin: 3px 0px 10px 0px;
    font-size:10px;
    font-weight:bold;
    color:#8080FF;
}
#abclist a {
    padding: 0px 3px;
    text-decoration: none;
    color:#ad1a2a;
}
#abclist a:hover {
    text-decoration: underline;
    color:#000000;
}
#abclist b {
    color:#000000;
}
input#bbtn{
    background-color:#ad1a2a;
    color:#FFFFFF;
    border:0px;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    padding:2px;
}
input#bbtn:hover{
    background-color:#000000;
    color:#ffffff;
}
input#cbtn{
    background-color:#ad1a2a;
    color:#FFFFFF;
    border:0px;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
}
input#cbtn:hover{
    background-color:#000000;
    color:#ffffff;
}
input#dbtn{
    background-color:#ad1a2a;
    color:#FFFFFF;
    border:0px;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
}
input#dbtn:hover{
    background-color:#000000;
    color:#ffffff;
}
a.ebtn{
    background-color:#ad1a2a;
    color:#FFFFFF;
    border:0px;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    padding:4px;
}
a.ebtn:hover{
    background-color:#000000;
    color:#ffffff;
}
span{
    font-weight:bold;
    padding:4px;
}
span1{
    background-color:#ad1a2a;
    color:#FFFFFF;
    border:0px;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    padding:5px;
}
span1:hover{
    background-color:#000000;
    color:#ffffff;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Fjalla One', Arial, 'Arial Unicode MS', Helvetica, sans-serif;
    font-weight: 500;
} 
#frm_land,
#frm_geschlecht,
#frm_zahlart,

Input {
    font-size: 12px;
    padding: 6px 12px;
    line-height: 1.42857143;
    color: #777777;
    border: 1px solid #cccccc;
    border-radius: 4px;
    margin: 0;
}
#mitglied {
     background-color: #F2F2F2;
     width: 1024px;
     text-align: center;
     margin: auto;
     display: block;
     width: 1024px;
     text-align: center;
     border-bottom-right-radius: 4px;
     border-bottom-left-radius: 4px;
     padding-top: 10px;
}
#partner {
     background-color: #F2F2F2;
     width: 1024px;
     text-align: center;
     margin: auto;
     display: block;
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
     border-bottom-left-radius: 4px;
     border-bottom-right-radius: 4px;
     padding-top: 10px;
}
#admin {
     background-color: #E9E9E9;
     width: 1024px;
     text-align: center;
     margin: auto;
     display: block;
     width: 1024px;
     text-align: center;
     padding-top: 10px;
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
     border-bottom-left-radius: 4px;
     border-bottom-right-radius: 4px;
}
#editda{
    width: 1024px;
}
#tab{
    background-color: #F2F2F2;
    width: 1024px;
    text-align: center;
    margin: auto;
    display: block;
    text-align: center;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding-top: 10px;
}
#list{
    background-color: #F2F2F2;
    width: 1024px;
    text-align: center;
    margin: auto;
    display: block;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    padding-top: 10px;
}

/* Login-Logo Text */
div.login_logo_text {
    display: inline-block;
    height: 60px;
    color: #AD1A2A;
    font-weight: bold;
    font-size: 27px;
}
div.login_logo_text span {
    padding-top: 18px;
}

/* Klasse um ein Div grau und Zentriert darzustellen  */
div.centerGray {
    background-color: #F2F2F2;
    width: 1024px;
    text-align: center;
    margin: auto;
    display: block;
    width: 1024px;
    text-align: center;
    padding-top: 10px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

/* Background für die Menüs*/
div.backgound {
    /* background-color: #F2F2F2;*/
     width: 1024px;
     text-align: center;
     margin: auto;
     display: block;
     padding-top: 10px;

}

.info_new{
    font-size: 27px;
}
/* Registrieren dropdown*/
#land_field select,
#zahlart_field select,
#geschlecht_field select {
    font-size: 12px;
    padding: 6px 12px;
    line-height: 1.42857143;
    color: #777777;
    border: 1px solid #cccccc;
    border-radius: 4px;
    margin: 0;
}
div.mitgliedd{
    background-color: #F2F2F2;
    margin: auto;
    display: block;
    width: 1024px;
    text-align: center;
    padding-top: 10px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}