/*
Farben:
Blau: #1d5086
grau hell: #e3e2de
grau dunkel: #c2c1bc
sidebar: #dcd8cd
*/

/* -- RESETTING ALL STYLES -- */
* {padding:0;margin:0;-moz-border-sizing:border-box;border-sizing:border-box;}
html {height:100%;}
ul,ol   {padding-left:1.5em;}
h1, h2, h3, h4, h5, p, ul, ol, dl, li, dd, dt   {margin-bottom: 0.7em;}
fieldset    {padding:0.5em;}
button {padding:0em;}
input, label {vertical-align:middle;}
h1 {font-size:190%;}
h2 {font-size:150%;}
h2.sub {font-size:90% !important;text-transform:uppercase;}
h3 {font-size:120%;}
h4 {font-size:100%;font-weight:bold;color:#333;}
table, td, th   {font-size:1em; vertical-align:top;color:#000;}
th  {text-align:left;}
img {border:none;}

/* -- PAGE LAYOUT -- */
body    {font:80% Arial,sans-serif;background:#ccc;height:100%;}
table.layout_table {clear:both;border-collapse:collapse;border-spacing:0;width:100%;}

#container  {background:white;width:823px;/*8.56in;*/}

/* HEADER */
#header {position:relative;text-align:center;background:white;border-bottom:2px solid #1d5086;color:#666;font-size:0.9em;margin-bottom:0.9em;}
#header *   {margin:0;}
#header h1 small    {position:relative;display:block;color:white;background:#1d5086;font-size:11px;padding:3px;margin-top:10px;letter-spacing:3.5em;text-transform:uppercase;font-weight:normal;padding-left:3.5em;}
#header .date   {position:absolute;right:4pt;top:108px;color:white;}

#header ul.pagetool {position:absolute;top:10pt;right:4pt;margin:0;padding:0;text-align:right;list-style:none;font-size:0.8em;}
#header ul.pagetool li  {display:block;}
#header ul.pagetool a   {color:#666;text-decoration:none;}
#header ul.pagetool a img   {vertical-align:-3pt;}

/* NAVIGATION */

#navigation {width:140px;overflow:hidden;font-weight:bold;padding-left:1px;font-size:12px;}
#navigation * {padding:0;margin:0;text-indent:0;}
#navigation a {display:block;font-size:0.9em;color:#333;text-decoration:none;font-weight:bold;}
#navigation dt {color:white;background:#1d5086;text-transform:uppercase;padding-right:0;}
#navigation dt.folder   {background:url(/.img/berliner-zeitung/icons/nav_arrow.gif) no-repeat 4px 50% #1d5086;margin-bottom:1em;}
#navigation a.folder, #navigation a:hover.folder   {background:url(/.img/berliner-zeitung/icons/nav_arrow_333.gif) no-repeat 4px 50% #e3e2de;}
#navigation a:hover.folder {background-color:#c2c1bc;}
#navigation dt a {display:block;color:white;}
#navigation dd {margin-bottom:1em;}
#navigation li {list-style-type:none;}
#navigation dt, #navigation ul li a {padding:3pt 4pt 3pt 9pt;border-bottom:1px solid white;}
#navigation ul ul li a {padding:3pt 4pt 3pt 20pt;border-bottom:1px solid white;}
#navigation ul li a {background:#e3e2de;}
#navigation ul li a.selected {background:#c2c1bc;}
#navigation ul li a:hover {background:#c2c1bc;}

#navigation form {padding:3pt 4pt 3pt 9pt;background:#e3e2de;}
#navigation form label {color:#1d5086;text-transform:uppercase;font-weight:bold;padding-bottom:0.2em;display:block;position:relative;}
#navigation form input {width:99%;}
#navigation form button {margin-top:0.2em;padding:0.1em;float:right;}

/* CONTENT */

#content_wrapper    {border-bottom:1px solid #ff6500;border-right:1px solid #fff;}
#content {padding-left:8px;}
#content .mainbar   {width:360px;padding-right:6px !important;padding-bottom:0.8in;}
#content .mainbar_plus   {width:auto !important;}
#content .sidebar   {width:300px;background:#dcd8cd;}
/* disable ie on mac mac \*/
#content .inhalt {border: 1px solid #e3e2de;}
#content .inhalt ul {padding-left:.2em;}
#content .inner li {background:url(/.img/berliner-zeitung/icons/bullet_blue.gif) no-repeat left 0.5em;list-style-type:none;padding-left:1em;margin-left:0;}
#content ul.pager {padding:0;margin:.4em;}
#content ul.pager li {padding:.4em;}
#content ul.pager li * {padding:0em;margin:0}
#content .t_photo ul.pager {position:absolute;bottom:2em;width:480px;}
#content .t_photo ul.pager img {vertical-align:bottom;}

#content .t_toc {background:#e3e2de;clear:both;min-height:4em;}
#content .t_toc dl {margin:0;padding:0;float:left;background:#e3e2de;}
#content .t_toc dt {font-weight:bold;background:#e3e2de;margin-left:-1px;padding:.2em;}
#content .t_toc dd {background:#e3e2de;}
#content .t_toc dd p {padding-top:4pt;}
#content .t_toc .center {width:30%;text-align:center;}
#content .t_toc .left {width:35%;text-align:left;}
#content .t_toc .right {width:35%;text-align:right;}

#content ul.blog_nav {padding-left:0;overflow:hidden;text-align:center;background:#E3E2DE;}
#content ul.blog_nav li {display:block;width:25%;float:left;background-image:none;padding-left:0;padding-right:1em;}

.pager {margin:4pt 40pt;}
.pager li {list-style-type:none;display:inline;vertical-align:middle;}
.pager img {float:none !important;}

/* TEASER \*/

.mainbar h2 {line-height:1.2em;font-size:270%;font-family:Georgia,serif;color:#1d5086;margin-bottom:0.3em;font-weight:normal;padding-top:0 !important;margin-bottom:.6em;margin-top:-0.15em;}
.mainbar h2 a {color:#1d5086 !important;}
.mainbar h2.sub, .inhalt h3, .mainbar h2.sub a {font-family:Arial, sans-serif;font-weight:bold;background:#e3e2de;padding:0.2em 0.3em;margin:0em 0 0.5em;clear:both;height:1%;color:#000 !important;line-height:1.4em;}
.mainbar h2.sub a {margin:0 !important;padding:0 !important;margin-bottom:0 !important;color:#000;}
.mainbar h2.special, .mainbar h3.special {background:#1d5086;color:white !important;background:#e3e2de;padding:0.2em 0.3em;margin:0em 0 0.5em;clear:both;height:1%;line-height:1.4em;}
.mainbar h2.special a, .mainbar h3.special a {color:white !important;margin-bottom:0 !important;}
.mainbar h2.special a:hover, .mainbar h3.special a:hover {color:white !important;}
.mainbar h2.mini    {margin-bottom:1px;}
.mainbar h3.special {background:#1d5086;color:white;padding:0.2em 0.3em;margin:0em 0 0.5em;clear:both;height:1%;}

.mainbar .teaser, .mainbar form {line-height:1.4em;margin-bottom:1.3em;}
.mainbar .teaser .img   {color:#666;font-size:0.95em;position:relative;margin-top:4px !important;}
.mainbar .teaser h3 {margin-bottom:0em;}
.mainbar .teaser h3 strong  {color:#1d5086;text-transform:uppercase;padding-left:12px;background:url(/.img/berliner-zeitung/icons/bullet_blue.gif) no-repeat 0% 50%;font-size:80%;}
.mainbar .teaser div.head, .mainbar .teaser div.head a  {color:#1d5086 !important;text-transform:uppercase;font-size:90%;font-weight:bold !important;}
.mainbar .teaser p a {color:#333;}
.mainbar .teaser p a strong {color:#000;}
.mainbar .teaser p a:hover, .mainbar .teaser p a:hover strong {color:#1d5086;}


.mainbar ul.t_links {margin-left:0;padding-left:0 !important;}
.mainbar ul.t_links li {margin:0 !important;list-style-type:none;}
.mainbar ul.t_links a {color:#1d5086 !important;}

/*Werbeteaser */
.mainbar .t_add {border:1px solid black;position:relative;}
.mainbar .t_add h3 {background:#c2000a !important;color:#FFF !important;padding:4pt;font-size:1.4em;line-height:1em;text-align:center;font-family:Georgia,serif;}
.mainbar .t_add .inner {padding:4pt 4pt 4pt 0pt}
.mainbar .t_add .images {margin-top: 1em;text-align:center;overflow:hidden;width:100%;}
.mainbar .t_add .images p {float:left;margin-left:.4em;}
.mainbar .t_add .footer {text-transform:uppercase;text-align:right;font-weight:bold;font-size:.9em;margin-bottom:.3em;padding-bottom:0;}
.mainbar .t_add .footer img {vertical-align:bottom;}
/*  \*/

.mainbar .image {position:relative;}
.mainbar .img img, .mainbar .image img {margin-bottom:0.2em;margin-top:0em;}
.mainbar .t_main .img   {margin-bottom:0.5em;line-height:1em;}
.mainbar .t_split .img  {margin-right:0.8em;width:170px;line-height:1em;}
.mainbar .topteaser .img {width:100% !important;line-height:1em;overflow:hidden;margin-right:0 !important;margin-top:0px !important;}
.mainbar .t_artikel p   {line-height:1.4em;}
.mainbar p.author   {font-style:italic;}
.mainbar .t_artikel .inner a {color:#1d5086 !important;}

.mainbar dl.list {background:#e3e2de;padding-bottom:0.3em;margin-bottom:1.5em;}
.mainbar dl.list h4 {border-bottom:2px solid white;margin-bottom:0;padding-left:0.4em;}
.mainbar dl.list dt {margin:0;margin-top:0.3em;padding-left:1.5em;background:url(/.img/berliner-zeitung/icons/square_blue.gif) no-repeat 0.4em 50%;}
.mainbar dl.list dd {margin:0;margin-top:0.3em;padding-left:1.5em;}
.mainbar .t_special {background:#e3e2de !important;padding:.4em;margin-bottom:1em;}
.mainbar .t_special .teaser {margin-bottom:0em !important;}

.mainbar .listentag {text-align:right;margin-top:0.5em;padding-right:3em;font-size:90%;font-weight:bold;font-style:italic}

#content table.info {margin-top:0em;margin-bottom:2em;}
#content table.info th {font-weight:bold;padding-top:3pt;padding-left:0;}
#content table.info td {font-weight:normal;padding-top:3pt;padding-left:3pt;}

/* Subtitles \*/
.mainbar .teaser .s_long {display:block;} 
.mainbar .teaser .s_short {display:none;} 

.mainbar .col_half .teaser .s_long {display:none;} 
.mainbar .col_half .teaser .s_short {display:block;} 
/* /Subtitles \*/

.col_half   {width:170px;float:left;clear:none;margin:0 0.11in 1em 0;}
.col_last   {margin-right:0;float:right;}

.mainbar fieldset.fragebox {border:none;background:#e3e2de;}
.mainbar fieldset.fragebox label {display:block;}
.mainbar fieldset.fragebox button {float:right;margin-top:0.5em;margin-bottom:0.2em;font-weight:bold !important;padding:0 !important;}
.mainbar fieldset.fragebox .add {clear:both;text-align:right;margin-top:0.6em;margin-bottom:0.3em;}
.mainbar hr {margin:1em 0;border:none;border-top:dotted gray 1px;height:1px;}


/* MINI-NAVI \*/
#content .inner_navi    {display:block;list-style-type:none;padding:0;margin-bottom:1em;width:95%;}
#content .inner_navi li {display:block;background: no-repeat 0% 0.1em;padding-left:18px;}
#content .inner_navi ul li  {margin:0;padding:0;list-style-type:none;}
#content .inner_navi a  {display:block;width:99%;color:#1d5086;}
#content .inner_navi li.ressort {background-image:url(/.img/berliner-zeitung/icons/ressort.gif);}
#content .inner_navi li.archiv  {background-image:url(/.img/berliner-zeitung/icons/archiv.gif);}
#content .inner_navi li.weiter  {background-image:url(/.img/berliner-zeitung/icons/weiter.gif);}
#content .inner_navi li.fotostrecke {background-image:url(/.img/berliner-zeitung/icons/fotostrecke.gif);}
#content .inner_navi li.leserbrief  {background-image:url(/.img/berliner-zeitung/icons/leserbrief.gif);}

/* BERLINONLINE  */

.berlinonline   {font-size:0.92em;}
.berlinonline button {background:none;border:none;margin-top:.5em;width:105px;}
.berlinonline .crossnavi button {width:auto !important;}
.berlinonline input {background:#FFF;}
.berlinonline img.img_finden {margin-top:3px;}
.berlinonline h2 {font-size:1em;border-bottom:1px solid white;text-align:center;}
.berlinonline h2,
.berlinonline h3 {background:#ff6500 no-repeat 99% 50%;padding:1pt 7pt;text-transform:uppercase;color:#FFF;margin:0em;height:1%;}
.berlinonline h3 a, .berlinonline h3 a:hover {color:white !important;}
.berlinonline .teaser {border:1px solid #ff6500;background:white;margin-bottom:1em;background:url(/.img/berliner-zeitung/icons/bo_footer.gif) white no-repeat bottom right;padding:0 0 12px;}
.berlinonline .even {background:#e3e2de !important;margin-left:3pt !important;padding-left:3px !important;}
.berlinonline dt.even[class]  {margin-left:0px !important;padding-left:6pt !important;} 
.berlinonline div.even  {margin-left:0 !important;padding-left:0 !important;} 

.berlinonline .teaser dl    {margin:0;text-align:left;}
.berlinonline .teaser dt,
.berlinonline .teaser dd {padding:4.8pt 5pt;margin:0;}
.berlinonline .teaser dl    {margin-left:-3px;} /* IE 3PX BUG \*/
.berlinonline .teaser[class] dl {margin-left:0px;}
.berlinonline .teaser dd    {padding-top:0;position:relative;}
.berlinonline .teaser img {float:left;margin-left:0px;margin-right:7pt;} /* IE 3PX BUG \*/
.berlinonline .teaser img[src] {margin-left:0;position:relative;z-index:2;} /*position: relative and z-index for links in firefox \*/
.berlinonline .teaser .fotostart {width:372px;height:250px;position:relative;margin-right:20px;margin-top:0;padding-top:0;overflow:hidden;z-index:20;}
.berlinonline .teaser .inner dt a   {display:block;width:99%;}
.berlinonline .teaser .inner dd a   {color:#a51f02;}
.berlinonline .teaser .no_float {float:none !important;}
.berlinonline .teaser div.inner,
.berlinonline .teaser ul.inner {padding:7pt;}
.berlinonline dl.info {margin-top:2em;margin-bottom:0;}
.berlinonline dl.info dt {font-weight:bold;float:left;width:1in;clear:both;padding-top:0;padding-left:0;}
.berlinonline dl.tabs   {position:relative;height:160px;margin-left:0px;background:#ff6500;}
.berlinonline dl.tabs dt.tabs   {float:left;border-right:1px solid #ff6500;padding:.25em 1em .25em 1em;background:#fdd2b5 url(/.img/berlinonline/corner_topright.gif) top right no-repeat;cursor:default;color:#555;}
.berlinonline dl.tabs dd.tabs   {display:none;position:absolute;top:1.8em;left:0px;padding:0.5em 0;}
.berlinonline dl.tabs dt.highlight  {background-color:white;border-bottom:1px solid white;color:black;}
.berlinonline dl.tabs dd.highlight  {display:block;background:white;width:100%;font-weight:normal;}
.berlinonline ul.sponsored {padding-left:0 !important;}
.berlinonline a img.external {float:none !important;}
.berlinonline .t_links li  {background-image:url(/.img/berlinonline/icons/bullet_red.gif) !important;} 

/* SIDEBAR \*/

.sidebar .crossnavi {background:#FF6500;color:white;margin-bottom:1em;overflow:hidden;height:2.2em;font-size:.95em;}
.sidebar .crossnavi ul  {list-style:none;display:block;padding:0;margin:0;}
.sidebar .crossnavi li  {background:#FF6500;display:block;float:left;padding:0.5em;margin:0;border-right:1px solid;}
.sidebar .crossnavi li.last     {border:none;}
.sidebar .crossnavi a   {color:white !important;}
.sidebar .crossnavi form    {margin:0;padding:0;}
.sidebar .crossnavi input   {width:8em;font-size:0.8em;margin-top:-4pt;padding:0.1em;height:auto;}
.sidebar .crossnavi button  {padding:0;margin:0;background:transparent;color:white;border:none;font-weight:normal;font-size:1em;}

.s_blz h2,
.s_blz h3 {background-color:#1d5086;font-size:1.1em}
.s_blz .teaser {border:1px solid #1d5086;background-image:none;padding-bottom:0;}
.s_blz ul {padding-left:0;}
.s_blz input {}

/* FOOTER */

#footer {background:#ff6500;color:white;border-top:1px solid white;padding:3pt 5pt 0pt;font-size:90%;}
#footer a   {color:white;}
#footer ul  {display:block;list-style:none;margin:0;padding:0;}
#footer ul li   {display:block;float:left;}

#footer ul.haftbar li   {border-right:1px solid white;font-weight:bold;text-transform:uppercase;padding:0 3pt;}
#footer ul.haftbar li.last  {border:none;}

#footer ul.partner  {float:right;margin-top:5pt;}
#footer ul.partner li {padding:0 5pt;}
#footer ul.partner li a img {vertical-align:-2em;}

/* POPUP \*/
.popup .t_photo {position:relative;}
.popup #content .t_photo {padding-bottom:2em;height:430px;position:relative;padding-top:2em;}
.popup #content .t_img {width:480px;float:left;text-align:center !important;padding:4.8pt 5pt;}
.popup #content .t_img img {float:none !important;padding:0;margin:0;}
.popup #content li {display:inline;}
.popup #content ul.pager {padding:0;margin:.4em;}
.popup #content ul.pager li {padding:.4em;}
.popup #content ul.pager li * {padding:0em;margin:0}
.popup #content dl.inner dd {margin-right:1em;}


body.blz_img_resize {background:#FFF;height:100%;margin-bottom:0 !important;padding-bottom:0 !important; text-align:center;}
.blz_img_resize {background:#FFF;margin:4pt auto;font-size:.9em !important;}
.blz_img_resize .credit {text-align:right !important;color:#666 !important;}
.blz_img_resize .imgdesc {text-align:left;}


/* GLOBAL */
#content a  {color:black;text-decoration:none;}
#content a:hover    {color:#1d5086 !important;}
#content .berlinonline h3 a:hover {color:white !important;}
h1 a, h2 a, h3 a, h4 a {display:block;width:99%;}
button, input.button {border:1px solid black; background:white;font-weight:bold;font-size:80%;cursor:pointer;}
.row_a td, .row_b td {padding:0.1em;}
.row_a {background:#e3e2de;}
tr.head {background:#1d5086;}
.head th {color:#FFF;padding:.1em;}
.banner {margin:1em 3em; height:90px; background:#cccccc; width:760px;}
.popup #container {width:auto !important}
.popup .banner {width:100%; background:#cccccc !important;margin:0em}
.skyscraper {position:absolute;top:12em;left:835px;z-index:20;}
.rectangle  {margin-bottom:1em;}
.add {text-align:right;margin-bottom:1em;margin-top:.1em;padding-top:0;}
.float_clear_content {clear:both;}
.float_clear {clear:both;height:0px;font-size:1px;}
.float_right {float:right !important;}
.float_left {float:left !important;}
.topglue {padding-top: 0em !important;}
.t_left {float:left;margin-right:.4em;margin-bottom:.4em;}
.t_right {float:right;margin-left:.4em;margin-bottom:.4em;}
.t_center {float:none;text-align:center;}
.credit {color:#666;font-size:0.9em;display:block;}
.zoom {position:absolute;bottom:0;right:0;}
.pop_img {position:absolute;bottom:-15px;background:#FFF;padding:2px;border:1px solid #000;}
.pop_img img {margin:0 !important;z-index:100;}
.t_left .pop_img {left:0;}
.t_right .pop_img {right:0;}
.pop_img .close {position:absolute;top:2px;right:2px;}
.seperator {margin-top:2em !important;}
.big_seperator {margin-top:4em !important;}
a.weiter {font-weight:bold !important;color:#000;}
a:hover.weiter {color:#1d5086;}
#content .special a:hover {color:#FFF !important;}
.input, .textarea   {border:1px solid #cca;background:#e3e2de;font:1em Arial,sans-serif;margin:0.2em;}
.warn {font-weight:bold;color:red;padding:.5em;}

@media screen   {
    #header h1  {padding:38px 0 2px;}
    .popup #header h1 {padding-top:0;}
    #container  {border-left:1px solid #ccc;border-left:1px solid #ccc;}
    .noscreen {display:none;}
}
@media print    {
        #content_wrapper {border-right:none;}
    #container  {width:100%;}
    .noprint,
    #navigation,
    #footer,
    #header .pagetool,
    #header .date,
    #header .meta,
    #content .sidebar,.banner,#content .rectangle,.skyscraper   {display:none;}
    #foobar {clear:both;border-bottom:1px solid black;margin-bottom:12pt;}
    .teaser {border-top:1px solid gray;}
}