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

/* BODY ------------------------------------------------------------------ */
body {
    background: #fff url(img/header-bg.png) no-repeat center 0;
    color: #333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 87.5%; /* 14px */
    line-height: 1.2857; /* 18px */
    margin: 0 auto;
    text-shadow: #ccc 0px 2px 5px;
}

/* HEADINGS ------------------------------------------------------------- */

/*h1, h2, h3, h4, h5, h6 {text-shadow: #ccc 0px 2px 5px;}*/

h1 { font-size: 2.1429em; line-height: 0.8; margin-bottom: 0.8em; clear: both; }
h1 + h6 { margin-top: -1.4em; margin-bottom: 1.6em; }
h2 { font-size: 1.2857em; line-height: 1.0; margin-bottom: 1.0em; }
h3, h4, h5 { font-size: 1.0em; color: #4a7dad; line-height: 1.2857; }
h3 + table { margin-top: 0.5em; margin-bottom: 1.5em; }
h6 { font-size: 1.0em; color: #ababab; font-weight: normal; line-height: 1.2857; }

/* TYPOGRAPHY ----------------------------------------------------------- */

p { margin-bottom: 1.2857em; }
#homepage #main p,
#homepage #side p,
#homepage .news p {
    color: #ababab;
    font-size: 0.7857em;
    line-height: 1.6363;
}

strong { font-weight: bold; }
em, dfn { font-style: italic; }
abbr, dfn { 
    font-weight: bold;
    cursor: help;
    border-bottom: 1px dotted #999;
}

address { font-style: normal; }

ins { text-decoration: underline; }
del { text-decoration: line-through; }

sup { font-size: 80%; vertical-align: super; }
sub { font-size: 80%; vertical-align: sub; }

/* Lists */
#main ul { 
    list-style-type: disc;
    margin-bottom: 1.2857em;
    margin-left: 30px;
}

#main #text-merkblaetter ul { list-style: none; margin-left: 0; }
#main li { margin-bottom: 0.5em; }
#main ul ul, 
#main ul ol { margin: 0 0 0 1.2857em; }
#main ol {
    list-style-type: decimal;
    margin-bottom: 1.2857em;
    margin-left: 30px;
}
#main ol ol,  #main ol ul { margin: 0 0 0 1.2857em; }

#main .checkliste li {
    background: transparent url('img/check_green.png') no-repeat center left;
    margin: 0;
    padding: 25px 0 25px 40px;
    list-style: none;
    border-bottom: 1px solid #F3F7FB;
	line-height: 22px;
}

#main #checkliste2 li {
	background: transparent url('img/check.png') no-repeat center left;
}

#main .checkliste li > strong:first-child {
	font-weight: normal;
	display: block;
	float: left;
}

#main .checkliste li a {
	margin-left: 20px;
	display: block;
}

#main #checkliste h2.ce_headline {
	color: #375D81;
}


#vergleich-beitritt-button a {
	display: block;
	width: 561px;
	height: 51px;
    background: url("img/vergleich-beitritt_button.png") no-repeat 0 0;
	text-indent: -99999px;
	margin-bottom: 2px;
}

#vergleich-beitritt-button a:hover  {background-position: 0 -51px}
#vergleich-beitritt-button a:active {background-position: 0 -102px; height: 53px; margin-bottom: 0px;}


dl { margin-bottom: 1.2857em; }
dt { font-weight: bold; }
dd { margin: 0 0 1.2857em 0; }

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

blockquote cite, blockquote em { font-style: normal; }
h3 + blockquote { margin-top: 1.125em; }
#main blockquote ul,
#main blockquote ol { margin-left: 0; }

/* LINKS ---------------------------------------------------------------- */
a:link { color: #375d81; text-decoration: underline; }
a:visited { color: #375d81; text-decoration: underline; }
a:hover { color: #b4cbf7; text-decoration: underline; }
a:focus { color: #f00; text-decoration: underline; }
a:active { color: #f00; text-decoration: underline; }
#homepage a { text-decoration: none; }
#homepage h2 a,
#homepage h3 a { color: #333; }
#homepage p span { color: #000; font-weight: bold; }
#homepage p a { color: #375D81; display: block; }
#homepage p a:hover { color: #333; }
.formlink a:hover { color: #fff; }


/* IMAGES --------------------------------------------------------------- */
img { border: 2px solid #a4bdd7; padding: 1px; }
#homepage img {
    border: 0;
    padding: 9px 7px;
    background: url(img/tile-bg.png) repeat 0 0;
    float: left;
    margin: 0 0 20px 0;
}

#homepage #dmb img {
    float: right;
    background: transparent;
    padding: 0;
    margin: 0 0 5px 5px;
}

#nl-logo img { border: none;}

img.links, .links .image_container { float: left; margin: 0 10px 5px 0; }
img.rechts, .rechts .image_container { float: right; margin: 0 0 5px 10px; }
.noborder img { border: 0; }
.enclosure img { border: 0; padding: 0; margin-bottom: -5px; }
.image_container { margin-bottom: 1.2857em; }
#homepage .image_container, 
#text-pressekontakt .image_container { margin-bottom: 0; }
.image_container .caption { font-size: 11px; color: #b4cbf7; }
.inline-photo .image_container { float: right; width: 110px; margin-left: 15px; }

/* FORMS ---------------------------------------------------------------- */
form ul { list-style: none; }
form div { margin-bottom: 1.2857em; }
form div#suche { margin-bottom: 0; }

fieldset {
    clear: both;
    background: #b9cde8;
    padding: 15px;
    margin-bottom: 1.125em;
    border-right: 2px solid #92a3c0;
    border-bottom: 2px solid #92a3c0;
}

legend {
    font-weight: bold;
    background: #b9cde8;
    color: #fff;
    padding: 0.5em 1.0em;
}

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

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

input.radio,
input.checkbox { display: inline; }
input[type='text'],
input[type='password'] { width: 290px; }

textarea { width: 99%; }

.radio_container { clear: both; }
.radio_container span { display: block; clear: both; }
.radio_container input {
    float: left;
    width: 20px;
    margin-right: 5px;
    margin-top: 2px;
}

.radio_container label {
    float: left;
    width: 520px;
    margin-bottom: 1.0em;
}

.checkbox_container { clear: both; }
.explanation { clear: both; }

.form_level_2 { margin-left: 30px; }
.form_level_2 label { width: 470px; }


/**/

#text-wohnungssuche-suchen input[type="text"], 
#text-wohnungssuche-suchen input[type="password"] {
    width: auto;
}

#text-wohnungssuche-suchen input, 
#text-wohnungssuche-suchen textarea, 
#text-wohnungssuche-suchen select, 
#text-wohnungssuche-suchen button {
    display: inline;
}

/* TABLES --------------------------------------------------------------- */
table { margin-bottom: 1.2857em; width: 100%; }
caption { font-weight: bold; padding-bottom: 0.64285em; }
thead th {
    text-align: left;
    background: #375d81;
    color: #fff;
    font-weight: bold;
}

td, th { padding: 0.25em 0.5em; }
tbody .even td { background: #c4d7ed; }
tbody .odd td { background: #fff; }

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

.abkuerzungen .col_0 { width: 150px; font-weight: bold; }

/* CLASSES -------------------------------------------------------------- */
.error { color: red; }
.confirm { color: green; }
.notice { color: green; }
.neu {
    background: url(img/mini-button.png) no-repeat 0 center;
    padding-left: 35px;
}

.hinweis { color: #acc0e2; font-weight: bold; }
.highlight { font-weight: bold; color: #acc0e2; }

/* File Icons */
a[href$=".pdf"] {
    background: url(img/page_white_acrobat.png) no-repeat 0 0;
    padding-left: 20px;
}

.noPdfIcon a[href$=".pdf"] {
    background: none;
    padding-left: 0;
}

a[href^="http://"] {
    background: url(img/world_link.png) no-repeat 0 0;
    padding-left: 20px;
}

.image_container a[href^="http://"],
#deutscher-mieterbund a[href^="http://"],
#ziele a[href^="http://"],
#map a[href^="http://"] { background: none; padding: 0; }

a[href^="https://"] {
    background: url(img/world_link.png) no-repeat 0 0;
    padding-left: 20px;
}

a[href^="mailto"] {
    background: url(img/email.png) no-repeat 0 2px;
    padding-left: 20px;
}

#footer a[href^="mailto"] {
    background: none;
    padding: 0;
}

a[href$=".eps"],
a[href$=".gif"],
a[href$=".jpg"],
a[href$=".tif"] {
    background: url(img/page_white_picture.png) no-repeat 0 1px;
    padding-left: 20px;
}

.image_container a[href$=".jpg"] { background: none; padding: 0; }

a[href$=".xml"], a[href^="http://feeds.feedburner.com"] {
    background: url(img/feed.png) no-repeat 0 0.25em;
    padding-left: 22px;
    padding-top: 2px;
}

.invisible {
    width: 0;
    height: 0;
    left: -1000px;
    top: -1000px;
    position: absolute;
    overflow: hidden;
    display: inline;
}


/* LAYOUT --------------------------------------------------------------- */

#page { margin: 0 auto; width: 960px; }
#header { position: relative; text-align: center; height: 159px; }
#header h1 {
    text-indent: -1000em;
    background: url(img/logo.png) no-repeat 0 0;
    width: 477px;
    height: 63px;
    position: absolute;
    left: 240px;
    top: 23px;
}

#header h1 a {
    display: block;
    width: 477px;
    height: 63px;
}

#body { width: 820px; margin: 30px auto; }
#subsite #main { width: 580px; margin-bottom: 30px; float: right; }
#subsite #side {
    background: url(img/subnav-bg.png) no-repeat 0 0;
    width: 220px;
    min-height: 700px;
    margin-bottom: 30px;
    float: left;
}

#footer {
    background: #fff url(img/seperator-bg.png) no-repeat center 0;
    padding: 25px 0;
    clear: both;
    text-align: center;
    color: #9b9b9b;
    font-size: 0.8571em;
    line-height: 1.5;
}

#footer p { margin-bottom: 0; }
#footer p a {
    color: #9b9b9b;
    text-decoration: underline;
    display: inline;
}

#footer a:hover { color: #666; }

/* HOMEPAGE ------------------------------------------------------------- */

#homepage #main { width: 520px; float: left; margin: 0 10px 0 0; }
#homepage #feature_1 {
    width: 160px;
    float: left;
    margin: 0 10px 0 0;
}

#homepage #feature_2 {
    width: 160px;
    float: left;
    margin: 0 10px 0 10px;
}

#homepage #feature_3 {
    width: 160px;
    float: left;
    margin: 0 0 0 10px;
}

#homepage #side {
    margin: 0 0 0 10px;
    width: 280px;
    float: right;
}

/*  Objectives */
#ziele {
    clear: both;
    width: 780px;
    padding: 20px;
    background: url(img/tile-bg.png) repeat 0 0;
    font-size: 0.8571em;
    margin-bottom: 20px;
}

#ziele h2 { font-size: 1.5em; }
#ziele p { margin-bottom: 0; }

#ziele a:link, #ziele a:visited {
    font-size: 1.5em;
    color: #000;
    line-height: 1.0em;
    display: inline;
}

#ziele a:hover { text-decoration: underline; }

/* News */
#homepage #aktuelles_blog,
#homepage #aktuelles_mietertipp,
#homepage #aktuelles_urteil {
    width: 260px;
    float: left;
    margin-bottom: 20px;
}

#homepage #aktuelles_blog { margin-right: 20px; }
#homepage #aktuelles_mietertipp { margin-right: 20px; }

#aktuelles_blog h3,
#aktuelles_mietertipp h3,
#aktuelles_urteil h3 { margin-bottom: 0; font-size: 0.8571em }

#aktuelles_blog p,
#aktuelles_mietertipp p,
#aktuelles_urteil p { line-height: 14px;}

/* NEWS ----------------------------------------------------------------- */
/* List */
.article {
    border-bottom: 1px solid #dde2e8;
    padding: 0 0 1.0em 0;
    margin-bottom: 1.2857em;
}

.article .date {
    font-size: 1.0em;
    color: #ababab;
    line-height: 1.2857;
}

.article h2 { margin-bottom: 0; }
.article h2 a { text-decoration: none; }

.mod_newsreader .article { padding: 0; }
.mod_newslist .last, .mod_newsreader .last { border-bottom: 0; }

/* Detail */
.enclosure { margin-bottom: 1.2857em; }
.enclosure p { margin-bottom: 0.5em; }

/* SEARCH --------------------------------------------------------------- */
#suche {
    width: 230px;
    height: 54px;
    line-height: 54px;
    float: left;
}

#suche input {
    width: 130px;
    display: inline;
    color: #949494;
    font-size: 0.8571em;
}

#suche input.submit {
    margin: 0 20px -7px 5px;
    width: auto;
}

.mod_search input.text { float: left; margin-right: 5px; }
.searchresult {
    border-bottom: 1px solid #dde2e8;
    padding: 0 0 1.0em 0;
    margin-bottom: 1.2857em;
}

.mod_search .last { border: none; }
.searchresult h2 { margin-bottom: 0; }
.searchresult h2 a { text-decoration: none; }
.searchresult p.relevance {
    font-size: 1.0em;
    color: #ababab;
    line-height: 1.2857;
}

/* BREADCRUMB ----------------------------------------------------------- */
#breadcrumb {
    font-size: 0.8571em;
    line-height: 1.5;
    margin-bottom: 20px;
}

#breadcrumb a { text-decoration: none; }

/* PAGINATION ----------------------------------------------------------- */
#main .pagination { border-top: 1px solid #dde2e8; padding-top: 0.5em; }
#main .pagination ul { list-style-type: none; margin: 0; }
#main .pagination li { float: left; border-right: 2px solid #fff; }
#main .pagination .current {
    display: block;
    padding: 0.1em 0.5em;
    background: #b4cbf7;
}

#main .pagination a {
    display: block;
    padding: 0.1em 0.5em;
    text-decoration: none;
    background: #eee;
}

#main .pagination a:hover { background: #b4cbf7; color: #fff; }

/* NEWSLETTER ----------------------------------------------------------- */
.mod_subscribe input,
.mod_unsubscribe input {
    margin-bottom: 1.2857em;
}

/* PRESS ---------------------------------------------------------------- */
#text-pressekontakt h2 { margin-bottom: 0; clear: both; }
#text-pressekontakt h3 { margin-bottom: 0.5em; }
#text-pressekontakt img {
    float: left;
    margin-right: 15px;
    margin-bottom: 1.5em;
}

#main .ce_downloads ul { list-style: none; margin-left: 0; }
.ce_downloads { clear: both; }
.ce_downloads p { margin-bottom: 0.85em; }

/* FLOATING BOXES ------------------------------------------------------- */
.sidenote {
    width: 200px;
    background: url(img/tile-bg.png) repeat 0 0;
    float: right;
    font-size: 0.8571em;
    margin: 0 0 15px 15px;
    padding: 15px 15px 0 15px;
}

.sidenote h3 {
    color: #333;
    font-size: 1.2857em;
    line-height: 1.0;
    margin-bottom: 1.0em;
}

.sidenote p { line-height: 1.5em; }

#main .sidenote ul,
#main .sidenote ol { margin-left: 0; list-style: none; }

.sidenote a {
    height: 1.5em;
    line-height: 1.5em;
    padding-top: 1px;
    font-weight: bold;
}

.sidenote a:link,
.sidenote a:visited { text-decoration: none; }
.sidenote a:hover { text-decoration: underline; color: #000; }

/* GOOGLE MAP ----------------------------------------------------------- */
#map {
    width: 450px;
    border: 2px solid #a4bdd7;
    padding: 1px;
    width: 574px;
    height: 350px;
    margin-bottom: 1.5em;
    font-size: 12px;
}

/* STATUTES ------------------------------------------------------------- */
#main #text-satzung ol ol {
    list-style-type: lower-alpha;
    margin-left: 30px;
}

#main #text-satzung #datum { font-weight: bold; }

/* NAVIGATION ----------------------------------------------------------- */
/* Main Navigation */
#nav {
    background: url(img/seperator-bg.png) no-repeat center bottom;
    position: absolute;
    top: 105px;
    left: 0;
    width: 960px;
    overflow: hidden;
}

#nav p { margin: 0; }
#nav ul {
    font-size: 1.0em;
    list-style: none;
    height: 54px;
    line-height: 54px;
    color: #333;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 0 0 70px;
    width: 650px;
    float: left;
}

#nav li { float: left; }
#nav li.active {
    padding: 0 10px;
    background: #b3c7e1 url(img/nav-aktiv-bg.png) repeat-x 0 0;
}

#nav a {
    padding: 0 10px;
    float: left;
    display: block;
    text-decoration: none;
    color: #333;
}

#nav a:hover {
    background: #b3c7e1 url(img/nav-hover-bg.png) repeat-x 0 0;
    padding: 0 10px;
    color: #fff;
    text-shadow: none;
}

#nav a.trail {
    background: #b3c7e1 url(img/nav-aktiv-bg.png) repeat-x 0 0;
    padding: 0 10px;
}

/* Sub Navigation */
#subnav span { display: block; }
#subnav .level_1 { border-top: 1px solid #d7e1ee; font-size: 12px; }
#subnav .level_2 { font-size: 11px; }
#subnav .level_1 span { height: 2.5em; line-height: 2.5; }
#subnav .level_2 span,
#subnav .level_2 li { height: 1.5em; line-height: 1.5; }
#subnav .level_1 .level_2 li { height: 1.5em; line-height: 1.5; border-bottom: 0; }
#subnav .level_2 li.submenu { height: 1em; line-height: 1; }
#subnav .level_2 li.submenu a { height: 1.5em; line-height: 1.5; }
#subnav li { list-style: none; }
#subnav .level_3 li { list-style-type: disc; }
#subnav .level_1 li {
    border-bottom: 1px solid #d7e1ee;
    height: 2.5em;
    line-height: 2.5;
}

#subnav .level_1 li.active {
    height: auto;
    line-height: 1;
    background: #fff;
}

#subnav .level_2 {
    padding-bottom: 1em;
    padding-left: 0;
    background: #fff;
}

#subnav .level_1 .trail .level_2 { padding-left: 20px; }
#subnav .level_3 { padding-left: 20px; }
#subnav .level_1 li.submenu { height: auto; }
#subnav .level_1 a {
    background: url(img/subnav-pfeil.png) no-repeat 3px 0.75em;
    display: block;
    text-decoration: none;
    padding: 0 0 0 20px;
    color: #9b9b9b;
}

#subnav .level_1 li.active {
    background: #fff url(img/subnav-pfeil.png) no-repeat 3px 0.75em;
    padding: 0 0 0 20px;
}

#subnav .level_2 li.active { background: #fff; padding: 0; }
#subnav .level_2 a { background: #fff; padding: 0; }
#subnav .level_1 li.submenu a.trail {
    background: #fff url(img/subnav-pfeil.png) no-repeat 3px 0.75em;
    color: #000;
}

#subnav .level_2 li.submenu a.trail { background: transparent; }
#subnav .level_1 a:hover {
    background: #c3d2e8 url(img/subnav-pfeil-aktiv.png) no-repeat 3px 0.75em;
    color: #2d496e;
}

#subnav .level_2 a:hover { background: #fff; color: #375d81; } 
#subnav .level_2 span { color: #375d81; }
#subnav .level_1 li.submenu .level_2 a.trail { background: #fff; }