html, body {
    margin: 0;
    background-color: white;
    color: #3a3b3d;
    font-size: 13px;
}

td, li, p, h1, h2, h3, h4, div, span { font-family: Verdana, sans-serif; }

#logo { padding: 10px; }

#logo h1 { font-size: 20px; }

#logo h3 { margin: 40px 0 0 0; font-size: 15px; font-weight: normal; }
#logo h3 .lang-fr { font-size: 80%; }

a { color: #006; text-decoration: none; }

a:hover { text-decoration: underline; }

a:visited { color: #006; }

*[title] { cursor: help; }

dd { margin-bottom: 0.5em; }

dt, pre { padding: 0 1em; }

.wrapper { margin: 20px auto;  /* center horizontally */ }

.header, .body, .wrapper { width: 860px; }

.main {
    float: left;
    width: 696px;
}

.sidebar {
    margin-right: 12px;
    width: 137px;
    float: left;
}

.sidebar * { font-family: "Vialog LT Regular", Vialog, Verdana, sans-serif; }

.header {
    height: 137px;
    margin-bottom: 24px;
}

.header .sidebar {
    padding: 10px;
    background-color: #006;
    color: #fc0;
    height: 117px;
    width: 117px;
}

.header .main {
    height: 137px;
    background: #e8e8e8 none no-repeat top left;
}

.header .sidebar a:visited, .header .sidebar a {
    color: #fc0;
}

.language {
    padding: 0.5ex;
    margin-right: 1ex;
    font-size: 85%;
    float: right;
    background-color: rgba(240, 240, 240, 0.75);
}
.language a { color: #888; }
.language a:visited { color: #888; }

ul.menu {
    padding-left: 0;
    margin: 0;
}

ul.menu li {
    list-style: none;
    margin-bottom: 1.5em;
    font-weight: bold;
}

/* home page blocks */
.section { border: 1px solid #ccc; }

.section h2, .section h3 {
    margin-top: 0;
    padding: 0.2ex 1.5ex;
    font-size: 110%;
    color: #fc0;
    background-color: #006;
}

.section h2 a:link, .section h2 a:visited {
    color: #fc0;
}

.section h3 { font-size: 100%; }

.section h4 { padding-left: 1em; }

.section p { margin: 1em; }

.section a img { border: 0px none; }

.section img.poster { float: left; margin-right: 1.5ex; }

.narrow {
    width: 333px;
    height: 155px;
    float: left;
}

.shadow {
    -moz-box-shadow: 6px 6px 6px #ccc;
    -webkit-box-shadow: 6px 6px 6px #ccc;
    box-shadow: 6px 6px 6px #ccc;
}

.top, .bottom { margin-bottom: 20px; }

.left { margin-right: 26px; }

.blocks .narrow div.img {
    padding: 0;
    width: 163px;
    margin: 0 1.5ex;
    float: left;
}

.blocks .narrow div.img img {
    display: block;
    margin: 0 auto;
}

.subtitle { font-weight: bold; }

.footer {
    clear: both;
    padding-top: 21px;
    font-size: 75%;
}

/* daily verses */
#losung {
    border: 1px solid #ccc;
    width: 100%;
    float: left;
}

#losung h3 {
    margin: 0;
    padding: 0.2ex 1ex;
    font-size: 110%;
    background-color: #fc0;
    color: #006;
}

#losung p { margin: 1ex; }

#losung_detail {
    padding: 26px 26px 40px 26px;
    background-color: #006;
    color: #fc0;
}

#losung_detail div { font-size: 150%; }

#losung_detail h2 { margin-top: 0; }

#losung_detail a { color: #fc0; }

#losung_detail .sonntag { font-style: italic; }

#losung_detail .text {
    text-align: justify;
    margin-bottom: 0;
}

#losung_detail .vers {
    text-align: right;
    font-size: 67%;
    font-style: italic;
    margin-top: 0;
}

#losung_detail .copyright { float: right; }

/* posters */
#posters { text-align: justify; }

#posters .reserved {
    font-weight: bold;
    background-color: #006;
    color: #fc0;
}

/* board pictures */
#vorstand img { float: right; margin: 0 1.5ex; }
#vorstand dt { clear: both; color: #333; }

/* order form */
.bestellung .artikel img { float: left; margin: 0 1.5ex 1.5ex 1.5ex; }
.bestellung h3 { color: #333; background-color: white; }
.bestellung h2, .bestellung h3, .bestellung p.adresse br { clear: both; }
.bestellung input { color: #333; }

form .adresse label { float: left; display: block; width: 12em; }
form .adresse input { margin-bottom: 0.3ex; width: 300px; }
form .adresse p { margin: 0 1em; }

ul.errorlist { margin: 0.25em 1em; padding: 0; color: red; }
ul.errorlist li { list-style-type: none; }
ul.errorlist + p label { color: red; }