/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    overflow-y: scroll;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* Sticky Footer by Ryan Fait
   http://ryanfait.com/
 ----------------------------------------------------------------------------- */
html, body {
    height: 100%;
}
#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -150px;
}
#footer {
    height: 150px;
}


/* Fonts
 ----------------------------------------------------------------------------- */
@font-face {
    font-family: 'EurostileLTStdMedium';
    src: url('../fonts/eurostileltstd-webfont.eot');
    src: url('../fonts/eurostileltstd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/eurostileltstd-webfont.woff') format('woff'),
         url('../fonts/eurostileltstd-webfont.ttf') format('truetype'),
         url('../fonts/eurostileltstd-webfont.svg#EurostileLTStdMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* Global CSS-Properties
 ----------------------------------------------------------------------------- */
html {
    background: #424242 url("../img/layout/background_layout.png") repeat-x scroll top center;
}
body {
    font: normal normal normal 13px/1.5em Arial, sans-serif;
}
strong, b { font-weight: bold; }
i {
    font-style: italic;
}

/* ..
 ----------------------------------------------------------------------------- */
html, body {
    min-width: 900px;
}
#wrapper {
    width:      850px;
    position:   relative;
}
#push {
    height:     220px;
    clear:      both;
}


/* Layout (Spalte links)
 ----------------------------------------------------------------------------- */
#left {
    float:          left;
    display:        inline;
    width:          250px;
    margin-right:   30px;
}
.logo {
    display:        block;
    margin-top:     61px;
}


/* Navigation Ebene 1
 --------------------------------------- */
#navigation {
    font-size:      13px;
    margin-top:     56px;
}
#navigation li {
    border-bottom:      1px solid #4e4e4e;
}
#navigation li a {
    color:              #d8d8d8;
    line-height:        0.9em;
    text-decoration:    none;
    display:            inline-block;
    padding:            0.55em 0;
}
#navigation li a.active,
#navigation li a:hover {
    color: #fdf52b;
}


/* Navigation Ebene 2
 --------------------------------------- */
#navigation ul {
    border-top:     1px solid #4E4E4E;
    padding-left:   17px;
    padding-top:    0;
    margin-bottom:  -1px;
}
#navigation li li {}
#navigation li li a {}
#navigation li li a.active {}


/* News
 --------------------------------------- */
#left h2 {
    color:          #777777;
    font-size:      11px;
    margin-left:    1px;
    margin-top:     22px;
}
#left h2 a {
    display: none;
}
#left h2:hover a {
    color:          #F1E92B;
    text-decoration: none;
    padding-left:   5px;
    display:        inline;
}
#left h2 a:hover {
    text-decoration: underline;
}

#aktuell {
    background:     url("../img/layout/news_background_gradient.gif") repeat-x scroll center top #313131;
    border:         1px solid #808080;
    margin-top:     2px;
    padding:        11px 15px 21px;
    overflow:       hidden;
}
#aktuell div { margin-top: -32px; }
#aktuell img {
    border-top:     1px solid #4e4e4e;
    margin-bottom:  10px;
    margin-top:     13px;
    padding-top:    17px;
}
#aktuell a {
    background:     url("../img/layout/news_arrow_right.gif") no-repeat scroll 0 -1px transparent;
    color:          white;
    font-weight:    bold;
    padding-left:   26px;
    text-decoration: none;
    display:        inline-block;
}
#aktuell a:hover {
    color:          #d8d8d8;
}
#aktuell p {
    color:          #d8d8d8;
    font-size:      12px;
    line-height:    1.35em;
    padding:        2px 9px 0 26px;
    text-align:     left;
}

#files {
    color:          #DDDDDD;
    margin-top:     42px;
}
#files div {}
#files div div {}
#files table { width: 100% }
#files tr {}
#files td {
    border-bottom:  1px dashed #777777;
    padding:        3px 0;
}
#files a {
    color:          #C2BB09;
    text-decoration: none;
}
#files a:hover {
    color:          #E8E022;
}

/* Layout (Spalte rechts)
 ----------------------------------------------------------------------------- */
#right {
    float:          right;
    width:          570px;
    overflow:       hidden;
}

#meta-navigation {
    display:        inline;
    float:          right;
    font-size:      11px;
    margin-right:   -8px;
    margin-top:     31px;
    overflow:       hidden;
    white-space:    nowrap;
}
#meta-navigation li {
    border-right:   1px solid #808080;
    display:        inline;
    padding:        0 0.75em 0 0.75em;
}
#meta-navigation a {
    color:          #808080;
    text-decoration: none;
}
#meta-navigation .first {
    color:          #18bbe5;
}
#meta-navigation.matroag .first {
    color:          #fff600;
}
#meta-navigation a:hover {
    color:          white !important;
}


/************ HEADER ************/
#header {
    border-top: 11px solid transparent;
    clear:      both;
    position:   relative;
    height:     243px;
}
#header img {
    border:     1px solid #505050;
    position:   absolute;
    top:        0;
    left:       0;
    z-index:    8;
    opacity:    0.0;
}
#header img.active {
    z-index:    10;
    opacity:    1.0;
}
#header img.last-active {
    z-index:    9;
}

#right h1,
#right h2,
#right h3,
#right h4,
#right h5,
#right h6 {
    border-bottom:  1px solid #4E4E4E;
    color:          #F1E92B;
    font-family:    "EurostileLTStdMedium",Helvetica;
    font-size:      1.85em;
    font-weight:    normal;
    line-height:    1em;
    margin-bottom:  15px;
    padding:        39px 0 11px;
    text-transform: uppercase;
}
#right h2,
#right h3,
#right h4,
#right h5,
#right h6 {
    color:          #F1E92B;
    display:        inline-block;
    font-size:      1.1em;
    line-height:    1.2em;
    padding:        20px 30px 4px 0;
    text-transform: none;
}

#content {
    color:          white;
    text-align: left;
}
#content b,
#content strong {
    color:          #d8d8d8;
}
#content p {
    line-height:    1.45em;
    margin-bottom:  19px;
    color:          #d8d8d8;
    text-align:     left;
}
#content a {
    color:          #d8d8d8;
    text-decoration: none;
    border-bottom:  1px solid #d8d8d8;
}
#content a:hover {
    color:          #fff;
    border-bottom-color: white;
}


/* Content-Formatierungen
 ----------------------------------------------------------------------------- */

/************ NEWS list ************/
#content .news-list-item {
    overflow:       hidden;
    margin-bottom:  30px;
}

#content .news-list-date {
    color:          #F1E92B;
    float:          right;
    margin-left:    25px;
}
#content .news-list-item a {}
#content .news-list-item a img {
    float:          left;
    margin:         4px 14px 0 0;
}
#content .news-list-item h2 {
    margin-bottom:  12px;
    padding:        0 30px 4px 0;
}
#content .news-list-item h2 a {
    border-bottom:  0 none;
    color:          #F1E92B;
    font-weight:    normal;
}
#content .news-list-item h2 a:hover {
    /*text-decoration: underline;*/
}
#content .news-list-item p {}
#content .news-list-item hr {
    border-bottom:  0px solid #4E4E4E;
    border-width:   0;
    margin:         37px 0 13px;
}
.news-list-category { display:none }


/************ NEWS single ************/
#right .news-single-rightbox {
    color:          #F1E92B;
    margin-top:     -45px;
    padding:        0 0 0 11px;
    position:       absolute;
    right:          0;
    display:        none;
}
#right .news-single-item {}
#right .news-single-item h2 {}
#right .news-single-item hr {
    border-bottom:  1px solid #4E4E4E;
    border-width:   0 0 1px;
    margin:         12px 0 13px;
}
#right .news-single-item .news-single-img {
    display:        inline;
    float:          left;
    margin:         4px 14px 0 0;
}
#content .news-single-item .news-single-img a { border:0 }
.news-single-itemp {}
.news-single-item .news-single-backlink {}
.news-single-item .news-single-backlink a {}


/************ Text mit Bild ************/
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
    background:     none repeat scroll 0 0 #333;
    border-top:     1px solid #999;
    color:          #bbb;
    font-size:      11px;
    margin:         0;
    padding:        4px 10px 6px;
}

DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap {
    margin-top:     4px;
}
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
    margin-top:     23px;
}
DIV.csc-textpic DIV.csc-textpic-imagerow-last {
    margin-bottom:  9px;
}


/************ Tabelle ************/
#content table {
    margin-bottom:  19px;
}
#content table th,
#content table td {
    background-color:   #343434;
    border-bottom:      1px solid #111111;
    padding:            10px 15px;
    vertical-align:     bottom;
}
#content table tr {}
#content table td {
    background-color:   #494949;
    border:             1px solid #333333;
    vertical-align:     top;
}
#content table tr:hover td {
    background-color:   #454545;
}
#content table.tabelle0 {}
#content table.tabelle0 th,
#content table.tabelle0 td {
    background:         none !important;
    border:             0 !important;
    padding:            0 !important;
}

/************ Dateilinks ************/
#content table.csc-uploads {}
#content table.csc-uploads tr {}
#content table.csc-uploads td { padding: 5px 57px 3px 15px; }
#content table.csc-uploads p { margin-bottom: 4px; }
#content table.csc-uploads p.csc-uploads-description {}

#content table.csc-uploads td.csc-uploads-fileSize {
    padding:        5px 15px 3px;
    text-shadow:    0 1px 2px black;
    vertical-align: middle;
}


/************ Formular ************/
#mailform {}
#mailform fieldset {}
#mailform fieldset div {
    margin-bottom:  5px;
    overflow:       hidden;
}
#mailform label {
    display:        block;
    float:          left;
    width:          125px;
    white-space:    nowrap;
}
#mailform input,
#mailform textarea {
    background:     none repeat scroll 0 0 #494949;
    border:         1px solid #333333;
    color:          #CCCCCC;
    padding:        5px 10px;
    width:          397px;
}
#mailform input:hover,
#mailform input:focus,
#mailform textarea:hover,
#mailform textarea:focus {
    color: white;
}

#mailform input:focus,
#mailform textarea:focus {
    border-color: #AAAAAA;
}
#mailform .mf-check,
#mailform .mf-radio {
    width:          auto;
    margin-left:    104px;
}


#mailform .mf-submit {
    background:     none repeat scroll 0 0 #D7D148;
    border-color:   white;
    color:          #333333;
    cursor:         pointer;
    font-family:    "EurostileLTStdMedium",Helvetica;
    margin-left:    125px;
    width:          auto;
}

/************ Aufzählung / Liste ************/
#content ul {
    line-height:    1.45em;
    margin-bottom:  20px;
}
#content li {
    background: url("/cms/fileadmin/img/content/bullet-list-square-yellow.gif") no-repeat scroll 10px 7px transparent;
    color:          white;
    padding-left:   28px;
}

#content ol {
    list-style-type: decimal;
    margin-left:    28px;
}
#content ol li {
    background-image: none;
    padding-left:   0;
}


/************ News - Detailseite ************/
#right #content .news-single-item h2 {
    border-bottom:  0 none;
    color:          white;
    font-family:    Arial,Verdana;
    font-size:      13px;
    margin-bottom:  0;
    padding:        0;
}


/************ Zitat ************/

#content blockquote {
    font-family:    Georgia;
    padding:        0 70px;
    margin-top:     22px;
    margin-bottom:  22px;
}
#content blockquote p {
    color:          white;
}


/* Footer
 ----------------------------------------------------------------------------- */
#footer {
    background:     #474747 url("../img/layout/background_footer.png") repeat-x scroll top center;
    position:       relative;
    font-size:      12px;
}
#footer div {
    width:          850px;
    position:       relative;
    margin:         0 auto;
}

#footer a { color:  #d5d5d5; }
#footer a:hover { text-decoration: none; }

#footer div div {
    width:          auto;
    margin:         0;
    color:          #d5d5d5;
    position:       absolute;
}
#adresse {
    background:     url("../img/layout/footer_img_bullet.png") no-repeat scroll 0 6px transparent;
    line-height:    1.5em;
    padding-left:   51px;
    top:            39px;
    left:           11px;
}
#telfaxmail {
    background:     url("../img/layout/footer_img_speechbubble.png") no-repeat scroll 0 7px transparent;
    left:           280px;
    line-height:    1.5em;
    padding-left:   56px;
    top:            39px;
}

#badge {
    height:         180px;
    right:          -20px;
    text-align:     right;
    top:            -78px;
}
#badge a { float: right; }
#badge img {}
#badge span {
    font-size:      0.8em;
    position:       absolute;
    right:          19px;
    top:            152px;
    white-space:    nowrap;
}


/* Startseite
 ----------------------------------------------------------------------------- */
#startseite {
    background:     #222222 url("../img/layout/background_startseite.png") repeat-x scroll center center;
}

#container {
    width:          366px;
    position:       absolute;
    left:           50%;
    top:            50%;
    margin-top:     -190px;
    margin-left:    -183px;
}

#container img {
    width:          366px;
    height:         158px;
}

#container a {
    display:        inline-block;
}

#container .immobilien { background-image: url(../img/layout/startseite_button_immobilien.png); }
#container .immobilien:hover { background-image: url(../img/layout/startseite_button_immobilien_h.png); }

#container .matro { background-image: url(../img/layout/startseite_button_matro.png); }
#container .matro:hover { background-image: url(../img/layout/startseite_button_matro_h.png); }


/* Matro AG
   Layoutfarbe: Blau
   Einstellung für <body id="blue"> im Root-Template (TS)
 ----------------------------------------------------------------------------- */

#blue {}
#blue #navigation li a.active,
#blue #navigation li a:hover,
#blue #right h1,
#blue .news-single-rightbox,
#blue .news-list-date,
#blue #content .news-list-item h2 a,
#blue #left h2:hover a,
#blue #right h2,
#blue #right h3,
#blue #right h4,
#blue #right h5,
#blue #right h6 {
    color: #18bbe5;
}

#blue #files a { color: #129EC2; }
#blue #files a:hover { color: #14ABD2; }

#blue #aktuell a {
    background-image: url("../img/layout/news_arrow_right_blue.gif");
}

#blue #mailform .mf-submit {
    background:     #119ABD;
    border-color:   white;
    color:          white;
}

#blue #content li {
    background-image: url("/cms/fileadmin/img/content/bullet-list-square.gif");
}

/* Änderungen Text mit Bild
 ----------------------------------------------------------------------------- */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
    margin-right:   30px !important;
}

/* iframe in Vermietungsobjekte anpassen
 ----------------------------------------------------------------------------- */
#right {
    overflow:       visible;
}

iframe {
    
}

/* [mehr]-Link umbrechen
 ----------------------------------------------------------------------------- */
.news-list-item .news-list-morelink {
    display:block;
}