@import url(reset.css); /* Reset CSS */


body {
    color: #333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12pt;
    line-height: 1.2857;
}

/* Links */
a { color: #000; text-decoration: underline; }
#aktuelles_blog a, 
#aktuelles_mietertipp a, 
#aktuelles_urteil a { text-decoration: none; }

a[href]:after {
    content: ' (' attr(href) ') ';
    font-style: italic;
}

.image_container a[href]:after, 
#map a[href]:after {
    content: '';
}

/* Don’t display */
#nav, #side, #breadcrumb, #feature_1, #feature_2, #feature_3,
.pagination, .back, .mod_customnav { display: none; }

/* Logo */
#header h1 {
    height: 3.0cm;
    width: 100%;
    background: url(img/logo-print.png) no-repeat center 0;
    text-indent: -10000px;
}

/* Headlines */
h1 { font-size: 30pt; margin-bottom: 12pt; }
h2 { font-size: 18pt; margin-bottom: 6pt; }
.sidenote h2 { font-size: 18pt; }
h3 { font-size: 14pt; margin-bottom: 3pt; }
h4, h5, h6 { font-size: 14pt; margin-bottom: 1pt; }

/* Text Elements */
p, ul, ol { margin: 12pt 0; }
p.date { color: #999; }
h1 + p, h2 + p, h3 + p { margin-top: 0; }
ul, ol { margin-left: 36pt; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
#text-satzung ol ol { list-style-type: lower-alpha; margin-left: 24pt; }
li { margin-bottom: 5pt; }
strong { font-weight: bold; }
em { font-style: italic; }

/* Images */
img {
    border: 2px solid #ddd;
    padding: 1pt;
}
img.links, .links .image_container {
    float: left;
    margin: 0 12pt 6pt 0;
}

img.rechts, .rechts .image_container {
    float: right;
    margin: 0 0 6pt 12pt;
}

.inline-photo .image_container {
    float: right;
    width: 110px;
    margin-left: 12pt;
}


.caption { font-size: 8pt; color: #999; }

/* Quotes */
blockquote {
    font-family: Palatino, Georgia, serif;
    font-size: 13pt;
    line-height: 1.125;
    font-style: italic;
    margin: 0 36pt 12pt 36pt;
}

blockquote ul, blockquote ol { margin-left: 0; }
blockquote cite, blockquote em { font-style: normal; }

/* Forms */
form ul { list-style: none; }
form div { margin-bottom: 12pt; }

fieldset {
    background: #ccc;
    padding: 12pt;
    margin-bottom: 12pt;
    border-right: 2px solid #aaa;
    border-bottom: 2px solid #aaa;
}

legend {
    font-weight: bold;
    background: #ccc;
    color: #fff;
    padding: 6pt 12pt;
}

label { font-weight: bold; }
label.mandatory:after { content: "*"; }
form .help { display: block; font-style: normal; }

input, textarea, select, button {
    font-family: inherit;
    font-size: 12pt;
    display: block;
}

input.radio, input.checkbox {
    display: inline;
}

input[type='text'], input[type='password'] { width: 100%; margin-bottom: 12pt; }
textarea { width: 100%; margin-bottom: 12pt; }

.radio_container span {
    display: block;
    clear: both;
}

.radio_container input {
    float: left;
    width: 12pt;
    margin-right: 6pt;
    margin-top: 3pt;
}

.radio_container label {
    float: left;
    margin-bottom: 12pt;
}

.radio_container { clear: both; }
.checkbox_container { clear: both; }
.explanation { clear: both; }
.form_level_2 { margin-left: 24pt; }
.form_level_2 label { width: 60%; }
input[type="text"].form_level_2 { width: 96%; }

form div { clear: both; }

/* Tables */
table { 
    margin-bottom: 12pt;
    width: 100%;
    font-size: 10pt;
}

caption {
    font-weight: bold;
    padding-bottom: 6pt;
}

thead th {
    text-align: left;
    background: #333;
    color: #fff;
    font-weight: bold;
}

td, th {
    padding: 3pt;
}

tbody .even td {
    background: #ddd;
}

tbody .odd td {
    background: #fff;
}

tfoot td {
    background: #aaa;
    color: #000;
    font-weight: bold;
}

/* Sidenotes */
.sidenote { 
    background: #eee;
    width: 30%;
    float: right;
    padding: 12pt;
    margin: 0 0 12pt 12pt;
    border: 2px solid #ddd;
    clear: both;
}

/* Map */
#map {
    width: 17cm;
    height: 10cm;
    border: 2px solid #ddd;
    padding: 1pt;
    margin-bottom: 12pt;
}

/* Homepage */
#feature img { float: right; }

/* Footer */
#footer {
    background: #eee;
    padding: 12pt;
    font-size: 10pt;
    text-align: center;
}

#footer p { margin: 0 0 3pt 0; }

/* Misc */
.neu {
    background: url(img/mini-button.png) no-repeat 0 center;
    padding-left: 24pt;
}