body {
/*    font-family:verdana,tahoma,arial,helvetica,sans-serif;*/
    font-family: 'helvetica neue', helvetica, arial, tahoma, sans-serif;
    font-size:100.01%; /* 90.01%; */
    color:#000;
    background-color:#fff;
    line-height:1.2em;
    font-weight:normal;
    margin:0 0 4ex 0;
}

p, h5 {
/*    font-family:verdana,tahoma,arial,helvetica,sans-serif;*/
    font-family: 'helvetica neue', helvetica, arial, tahoma, sans-serif;
    font-size:1em;
    color:#000;
    background-color:inherit;
    line-height:1.28em;
    font-weight:normal;
    margin:0 0 1em 0;
}
h5 {
    font-weight:bold;
    margin:0;
}

form p {
    margin:0;
    padding:0.2em;
}

#top {
    width:100%;
    min-width:400px;
    background-color:#000;
    color:#fff;
    height:80px;
    position:relative;
/*    overflow:visible;*/
}

#logo {
    font-family:georgia, times, 'times new roman', serif;
    font-style:italic;
/*    padding:6px 0 0 8em;*/
    font-size:1.5em;
    position:absolute;
    top:.2em;
    left:2.5em;
}

#logo a, #logo a:hover, #logo a:visited, #logo a:active {
    color:#fff;
    text-decoration:none;
}

#imprint {
    position:absolute;
    top:0;
    right:0;
    color:#fff;
    z-index:100;
    font-size:80%;
    padding:4px 4px 0 0;
}

#imprint a {
    color:#fff;
}

#imprint.indexpage,  #imprint.indexpage a {
    color:#000;
}

#navi #barblock {
    display:none;
    width:80px;
    height:80px;
    position:absolute;
    right:0;
    left:0;
    background-color:#7086a3;
    color:#000;
}
#barblock .bar {
    display:none;
    height:4px;
    background-color:#fff;
    margin:10px auto 0 auto;
    width:60px;
}
#barblock .bar:first-child {
    margin-top:24px;
}

#navi ul {
    margin:0 0 0 50px;
    padding:0;
    list-style-type:none;
    position:absolute;
    bottom:0;
    min-width:800px;
}

#navi ul li {
    display:block;
    float:left;
    width:9em;
    line-height:40px;
    border: 1px solid #fff;
    border-bottom:none;
    border-right:none;
    background-color:#000;
    text-align:center;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

#navi ul li.lastli {
    border-right: 1px solid #fff;
}

#navi ul li.topright {
    display:none;
}

#navi ul li a {
    display:block;
    font-size:110%;
    line-height:40px;
    color:#da001b;
    text-decoration:none;
    font-weight:bold;
    letter-spacing:0.05em;
    background-image: -webkit-linear-gradient(top, white 0%, #303030 40%);
    background-image: -moz-linear-gradient(top, white 0%, #303030 40%);
    background-image: linear-gradient(top, white 0%, #303030 40%);
}
#navi ul li a:hover {
    background-color:#ccc;
    background-image: -webkit-linear-gradient(top, white 0%, black 80%);
    background-image: -moz-linear-gradient(top, white 0%, black 80%);
    background-image: linear-gradient(top, white 0%, black 80%);
}

#navi ul li a.current {
    background-image: -webkit-linear-gradient(top, #303030 0%, white 60%);
    background-image: -moz-linear-gradient(top, #303030 0%, white 40%);
    background-image: linear-gradient(top, #303030 0%, #white 40%);
}

#classpixbox {
    width:880px;
    height:570px;
    margin:2em auto 1em auto;
    position:relative;
}

#vierteklasse {
    position:absolute;
    left:40px;
    top:0;
    z-index:10;
}

#kommunion {
    position:absolute;
    top:200px;
    left:420px;
    z-index:5;
}

#headlineOne {
    position:absolute;
    top:40px;
    left:560px;
}

#headlineTwo {
    position:absolute;
    top:360px;
    left:60px;
}

h1 {
    font-family:georgia,'times new roman',times,serif;
    font-size:2.2em;
    line-height:1.8em;
    font-weight:normal;
    font-style:italic;
    text-rendering: optimizeLegibility;
}
h2 {
    font-family:georgia,'times new roman',times,serif;
    font-size:1.2em;
    line-height:1.1em;
    font-weight:bold;
    margin-top:4ex;
    text-rendering: optimizeLegibility;
}



small, .smaller {
    font-size:0.8em;
    font-weight:normal;
    line-height:1em;
}

.big {
    font-size:1.5em;
}

.nameslist td {
    line-height:0.8em;
    padding:0.1em;
    vertical-align:middle;
}

.nameslist.registrated.missing td {
    line-height:2em;
}

.nameslist.registrated tr:nth-child(odd) {
    background-color: #ececec;
}
.nameslist.registrated tr:nth-child(even) {
    background-color: #fff;
}

.nameslist.registrated img {
    width:40px;
}

.nameslist.registrated td {
    width:300px;
    padding: 0 0 0 0.4em;
    min-height:40px;
}

.nameslist.registrated td:first-child {
    width:auto;
    padding:0;
}


.lust {
    font-weight:bold;
    color: #008000;
}
.keinelust, .wirdgesucht {
    font-weight:bold;
    color: #800000;
}
.evtllust {
    font-weight:bold;
    color: #ff8000;
}
.termin {
    color:#666;
}

ul.pdatalist {
    list-style:outside;
    margin:1em 0 2em 2em;
}

.picholder {
    float:left;
    width:100px;
    height:100px;
    padding:4px;
    border: 1px solid #ccc;
    font-size:0.8em;
    margin-right:8px;
    background-color:#fff;
}

.picholder img {
    max-width:100%;
    max-height:100%;
}

.picholder.autosize {
    width:auto;
    height:auto;
}
.picholder.autosize img {
    max-width:none;
    max-height:none;
}

.picholder.bigimg {
    width:200px;
    height:200px;
    text-align:center;
}

.picholder.bigimg img {
/*    max-width:200px;
    max-height:200px;*/
}

.picholder.smallimg {
    width:50px;
    height:50px;
    text-align:center;
}

.picholder.smallimg img {
/*    max-width:50px;
    max-height:50px;*/
}

.picholder.verysmallimg {
    width:30px;
    height:30px;
    text-align:center;
}

.picholder.verysmallimg img {
/*    max-width:30px;
    max-height:30px;*/
}

img.autos {
    max-width:100%;
}

#commmentbox {
    max-width:70%;
}

#commmentbox textarea {
    width:97%;
}

.ac_subcommentlist {
    font-size:0.8em;
}

#profileleft {
    float:left;
    width:45%;
}
#profileright {
    float:right;
    width:45%;
    
}

.profilemain {
    margin-left:216px;
    min-height:200px;
}

.profilemsgsender {
    clear:both;
    width:70%;
    margin-top:2em;
}

.profilemsgsender textarea {
    width:97%;
    height:12em;
}

.prevnextnavbox {
    width:90px;
    text-align:right;
    position:absolute;
    top:20px;
    right:2em;
/*    float:right;
    line-height:1.8em;*/
}

form.boxedform, .boxed {
    border:1px solid #dedede;
    border-radius:12px;
    padding:16px;
    margin: 0 0 24px 0;
}
.boxed {
    background-color:#dedede;
}
.msgbox {
    background-color:#ff6666 !important;
    border:1px solid #ff6666;
}

.commentblock {
    
}

.a_comment {
    border-bottom: 1px solid #dedede;
    margin-bottom:2em;
    padding-bottom:1em;
}

.ac_text {
    margin:1em 0 1em 0;
}

.ac_subline {
    clear:both;
    font-size:0.8em;
}

.a_comment {
    border-bottom: 1px solid #dedede;
}

.ac_rightblock {
    margin-left:80px;
}

.sc_subline {
    clear:both;
    height:3px;
    background-color: #fff;
}

.sc_comment {
    padding: 2px 6px 0 2px;
    min-height:42px;
}

.sc_comment:nth-child(odd) {
    background-color: #ececec;
}
.sc_comment:nth-child(even) {
    background-color: #fff;
}

.sc_text {
    padding:0 0 0 50px;
}

.scTime {
    font-size:0.85em;
}

.textfeld {
    border: 2px inset #dedede;
    background-color:#ececec;
    width:260px;
    padding:8px;
    border-radius:4px;
    font-family: 'helvetica neue', helvetica, arial, tahoma, sans-serif;
    font-size:1em;
}

.textfeld.autowidth {
    width:auto;
}

.textfeld.smalltf {
    padding:1px 2px 1px 2px;
    font-size:0.8em;
    border: 2px inset #dedede;
    border-radius:4px;
    line-height:1.1em;
}

.butt {
    border: 2px outset #dedede;
    background-color:#bfbfbf;
    width:150px;
    padding:4px 8px 4px 8px;
    margin:8px 0 0 0;
    border-radius:4px;
    font-family: 'helvetica neue', helvetica, arial, tahoma, sans-serif;
    font-size:1em;
    cursor:pointer;
}
.butt:active {
    border: 2px inset #dedede;
    background-color:#9D9D9D;
}

.butt.smallbutt {
    width:auto;
    padding:2px 4px 2px 4px;
    margin:0;
    border-radius:2px;
    font-size:0.8em;
}

ul.biggerlidist li {
    margin-bottom:1em;
    color:#000;
}


td {
    /*background-color:#fff;*/
    padding: 0.2em;
    margin: 0;
}

th, h4 {
    font-size:1.2em;
    font-weight:bold;
    text-align:center;
    letter-spacing:0.05em;
    margin:0;
}
h4 {
    padding:0 0 12px 0;
}
th {
    padding:0.2em;
}

tt {
    font-family:courier,'courier new',prestige,monospace;
    font-weight:normal;
    font-size:1.2em;
}

.topaligned td, td.topaligned {
    vertical-align:top;
}
.midaligned td, .midaligned {
    vertical-align:middle;
}

.rightaligned td, .rightaligned {
    text-align:right;
}

.centeraligned {
    text-align:center !important;
}

a:link {color: #3366FF; text-decoration:none;}
                 
a:active          {color: #009999; text-decoration:none;}
                 
a:visited         {color: #3366FF; text-decoration:none;}
                 
a:hover           {color: #33CC66; text-decoration:underline;} /* was CC0033 */


#main_content {
    margin: 1em 0 0 56px;
    width:90%;
    max-width:1100px; /* 920px; */
    position:relative;
}

#main_content.centerAll {
    margin:auto;
    text-align:center !important;
}

#main_content p,  #main_content ul {
    max-width:55em;
}

#main_content.centerAll p {
    max-width:100%;
}

#ldIndicator {
    position:absolute;
    left:0;
    top:0;
    color:#f90;
    background-color:#c00;
    border:1px solid #f90;
    font-family:verdana,tahoma,arial,helvetica,sans-serif;
    font-size:10px;
    font-weight:bold;
    padding:2px;
}

.textred {
    color:#c00;
    background-color:inherit;
}

.textgreen {
    color:#393;
    background-color:inherit;
}

.textgrey {
    color:#999;
    background-color:inherit;
}

.noborder {
    border:none;
}

.valigned {
    vertical-align:baseline;
}
.valigned {
    vertical-align:baseline;
}

.clearboth { clear: both; }

.sperrung {
    letter-spacing:0.4em;
    font-weight:bold;
}

.biggertopmargin {
    margin-top:4ex;
}
h2.biggertopmargin {
    margin-top:8ex;
}
.notopmargin {
    margin-top:0;
}

.nsti {
    display:none;
}

.splitter {
    letter-spacing:-0.17em;
}

#footer {
    margin:6em auto 3em auto;
    max-width:524px;
    text-align:center;
    font-size:0.85em;
}