/*
******************************************************
*  LZM Online Prototyp v1.05, 20.August 2010         *
*                                                    *
*  CSS                                               *
*                                                    *
*  Alle Kommentare sollten vor der Veroeffentlichung *
*  dieses Codes entfernt werden. Dies gilt besonders *
*  fuer die Kommentare, die mit "GL" beginnen. Diese *
*  sind nur fuer den internen Gebrauch gedacht.      *
******************************************************
*/

/* CSS Reset, damit alle Browser dieselben HTML-Tags auch wirklich gleich anzeigen */
/* Based on Eric Meyer http://meyerweb.com/eric/tools/css/reset/ */
a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    border: none;
    outline: 0;
    background: transparent;
}

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

/* remember to define focus styles! */
/* :focus { outline: 0; } */

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* END CSS Reset */

/* Browser Hacks  - Really only the most necessary stuff */

/* Clearfix based on http://positioniseverything.net/easyclearing.html, but with structural naming ('group' instead of 'clearfix') */
.group:after, .contentItem:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* for IE6 */
* html .group, * html .contentItem { height: 1% } /* GL: * html ist eine unerlaessliche Browserweiche. Was hinter "* html" kommt, wird nur vom Internet Explorer interpretiert */
/* for IE7 */
*:first-child+html .group, *:first-child+html .contentItem { min-height: 1px; }
/* END Clearfix */

/* END Browser Hacks */

/* NZZ Netz */
/* GL: Hier kommen alle CSS-Definitionen hin, die fuer alle Websites des NZZ Netz gemeinsam sind. */
/* GL: Da ueber das Design der restlichen Websites zurzeit noch keine gesicherten Infos           */
/* GL: verfuegbar sind, bleibt dieser Bereich vorerst leer.                                       */
/* END NZZ Netz */

/* LZM */

body {
	background-color: white;
    font: 0.75em Arial,Verdana,Helvetica,sans-serif;
    margin: 10px;
    word-wrap: break-word;
}

a { text-decoration: none; }

th { text-align: left; }

abbr, acronym {
    border-bottom: 1px dotted;
    cursor: help;
}

a strong {
    color: #ea5e2f;
}

.negativ, .negativ a { color: #f00 !important; }
.positiv, .positiv a { color: #0b0 !important; }
.neutral, .neutral a { color: blue !important; }
.hide { display: none }
.narrow { width: 180px; }
.wide { width: 370px; }

.linkZumArtikel { /* Wird nur fuer die Print-Ansicht benoetigt */
	display: none;
}

.more {
    padding-right: 7px;
    background: transparent url(/images/templates/static/pecheMore.gif) right 0.5714285em no-repeat; /* entspricht 8px */
	font-weight: bold;
}
a:hover .more {
    background-image: url(/images/templates/static/orangeMore.gif);
}

.dachzeile,
.homepage .artikel .dachzeile {
    color: #666;
	line-height: 1;
    font-size: 0.916667em; /* entspricht 11px */
	margin-bottom: 0;
/*	text-transform: uppercase; */
/*	font-weight: bold; */
}

.dachzeile em {
    font-style: normal;
}

/* Icon Bar */
.iconBar {
    position: absolute;
    right: -6px;
    top: 2px;
}
.iconBar li {
    float: right;
}
.iconBar a {
    display: block;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    text-indent: -5000px;
}
.iconBar a.video {
    background-image: url(/images/templates/static/lzm_ico_video.gif);
}
.iconBar a.chart {
    background-image: url(/images/templates/static/lzm_ico_chart.gif);
}
.iconBar a.video:hover {
    background-image: url(/images/templates/static/lzm_ico_video_hover.gif);
}
.iconBar a.chart:hover {
    background-image: url(/images/templates/static/lzm_ico_chart_hover.gif);
}
.iconBar a.photo {
    background-image: url(/images/templates/static/lzm_ico_photo.gif);
}
.iconBar a.sound {
    background-image: url(/images/templates/static/lzm_ico_sound.gif);
}
.iconBar a.photo:hover {
    background-image: url(/images/templates/static/lzm_ico_photo_hover.gif);
}
.iconBar a.sound:hover {
    background-image: url(/images/templates/static/lzm_ico_sound_hover.gif);
}
/* END Icon Bar */

.contentItem {
	background-color: white;
    position: relative;
    border: 10px solid white;
    margin-bottom: 10px;
	clear: both; /* Wichtig fuer einspaltige Teaser */
}

#wrapper {
	position: absolute;
	margin-left: 14px;
}

div#contentAndTeasers { width: 980px; }

:link, :visited,
.more,
.skyBoxes .strong a,
.skyBoxes .strong a p,
.skyBoxes .strong a h4,
.required {
    color: #f77239;
}

a:hover, a:hover .more {
    color: #f77239 !important;
}


/* ********************* */
/* *   Zone Top Row    * */
/* ********************* */

#topRow {
    background-color: green; /* Nur zu Testzwecken */
    width: 980px;
    margin-top: 10.666667em; /* entspricht  128px */
    height: 0;
    visibility: hidden;
    margin-bottom: 0;
	border-top: 28px solid white;
}
* html #topRow {
    margin-top: 11.33333em; /* entspricht 136px */
	border-top: 5px solid white;
}
.topRowVisible #topRow {
    visibility: visible;
    height: auto;
/*  margin-bottom: 10px; */
}


/* *********************** */
/* *   Zone Bottom Row   * */
/* *********************** */
           
#bottomRow {
    clear: left;
    width: 980px;
    background-color: green; /* Nur zu Testzwecken */
    display: none;
}
.bottomRowVisible #bottomRow {
    display: block;
}


/* ************************ */
/* *   Zone Leaderboard   * */
/* ************************ */

#leaderBoard {
	margin-bottom: 10px;
}


/* ********************* */
/* *   Zone Inserate   * */
/* ********************* */

#inserate {
    width: 160px;
    position: absolute;
    left: 990px;
    top: 0;
}

#skyScraper a {
	display: block;
	margin-bottom: 10px;
}

#inserate .contentItem {
    border-width: 6px;
	border-color: #ececec;
    border-bottom: none;
	background-color: #ececec;
}

#inserate li {
    padding: 6px 0 6px 0;
    border-top: 1px dotted #fff;
    font-size: 0.916667em;
}

#domizil li {
    padding-bottom: 4px;
}

#domizil ul {
	margin-bottom: 2px;
}

#inserate h4 {
    padding-bottom: 4px;
    color: #666;
}

#inserate .contentItem img {
    float: left;
    margin-right: 6px;
	padding-bottom: 2px;
}

#inserate li a:link,
#inserate li a:visited { color: black }

#jobs li.strong { font-weight: bold }


/* ********************* */
/* *   Zone Menu Bar   * */
/* ********************* */

/* Zone "menuBar" - GL @Netpioneer: Der Menu Bar ist absolut positioniert, damit der Content im HTML-Code an den Anfang gestellt werden kann (vorteilhaft fuer Google Ranking) */
#menuBar {
    height: 11.5em;
    width: 960px;
    position: absolute;
    left: 0;
    top: 0;
	border-top-width: 8px;
	border-bottom: none;
}

* html #menuBar { /* "height" und "width" wird fuer IE6 ueberschrieben */
    height: 13em;
    width: 980px;
}

#logoUndDatum {
    position: absolute;
    top: 0.33333333em; /* entspricht 4px */
    left: 0;
}
#logoUndDatum .dachzeile {
    margin-top: 0.4166667em;
	text-transform: uppercase;
	font-size: 10px;
}


/* ********************* */
/* *  Meta-Navigation  * */
/* ********************* */

#metaNavi {
    float: right;
	line-height: 1;
}
#metaNavi li {
    float: left;
    background: transparent url(/images/templates/static/pecheBullet.gif) left 0.41666667em no-repeat;
    padding: 0 8px 0.333333em 9px;
    font-weight: bold;
    position: relative;
}
*:first-child+html #metaNavi li {
    padding-right: 5px;
}
#metaNavi li.selected a {
    color: #666 !important;
}

#metaNavi li.hasSubmenu:hover {
    background: white url(/images/templates/static/shadow.gif) right top repeat-y; /* Schatten-Simulation für Internet Explorers */
}

body:nth-of-type(1) #metaNavi li.hasSubmenu:hover {  /* Schatten-Simulation für andere Browser */
    background: none;
    box-shadow: 0px 2px 4px rgba(0,0,0,.3);
    -moz-box-shadow: 0px 2px 4px rgba(0,0,0,.3);
    -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,.3);
}

#metaNavi li.first {
    background-image: none;
}

#metaNavi li.last {
    padding-right: 0;
}
*:first-child+html #metaNavi li.last {
    padding-right: 0;
}

#metaNavi ul {
    z-index: 300;
    left: 0;
	top: 1.33333em;
}
*:first-child+html #metaNavi ul { /* Nur IE7 */
    top: 1.333333em;
	left: 1px !important;
}
* html #metaNavi ul { /* Nur IE6 */
    top: 1.333333em;
}

#metaNavi ul a {
    white-space: nowrap;
	padding-top: 3px !important;
}
#metaNavi ul li {
	font-weight: normal;
	background: white;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 2px;
}


/* ************************* */
/* *       Skyboxes        * */
/* ************************* */

ul.skyBoxes {
    clear: right;
    float: right;
    margin-top: 5px;
}
*:first-child+html .skyBoxes {
	width: 575px;
}
* html .skyBoxes {
	width: 575px;
}

.skyBoxes li {
    float: right;
    line-height: 1.3333em;
    padding: 4px 8px 4px 0;
    background-color: #ececec;
}
* html .skyBoxes li {
    padding-top: 4px;
}

.skyBoxes h4 {
    font-weight: bold;
}

.skyBoxes a {
    display: block;
    padding-left: 8px;
    border-left: 1px dotted white;
    color: black;
    width: 173px;
    min-height: 4.083333em;
    max-height: 5.25em;
    overflow: hidden;
}
.skyBoxes a p,
.skyBoxes a h4 {
    color: black;
}
* html .skyBoxes .first a {
	padding-left: 8px;
}
.skyBoxes li.first a {
    border: none;
}
* html .skyBoxes a {
    width: 181px;
    height: 4.5em;
}
.skyBoxes .thema {
    text-transform: uppercase;
}


/* ********************************* */
/* *  1st-Level Navi (Horizontal)  * */
/* ********************************* */

#navi {
    position: absolute;
    top: 7.166667em; /* entspricht 86px */
    width: 960px;
    background: url(/images/templates/static/greyLine.gif) bottom repeat-x;
}

.mainNavi {
    display: inline-block;
    vertical-align: bottom;
}

.mainNavi,
#wetterMenu {
    font-size: 1.166667em; /* entspricht 14px */
    text-transform: uppercase;
    padding: 0.2142857143em 0.07142857em 0.357142857em 0.07142857em; /* entspricht 3 resp. 5 resp. 1px */
/*  font-weight: bold; */
}

*:first-child+html .mainNavi {
    display: inline;
}

* html .mainNavi {
    display: block;
	float: left;
	padding-top: 0.2857143em; /* entspricht 4px */
}

.mainNavi.selected, /* GL: Achtung, IE6 versteht diese Notation nicht. */
* html #navi .selected { 
    border: 0.07143em solid #999; /* entspricht 1px */
    border-bottom: none;
    padding: 0.2142857143em 0 0.357142857em 0; /*entspricht 3 resp. 5px */
	background-color: white;
}

.mainNavi a,
.dropdownMenu a,
.mainNavi.selected ul a,
.submenu li.selected ul a,
* html #navi .mainNavi a,
* html #metaNavi ul a,
* html #navi .selected .submenu a,
* html #navi .selected .submenu .selected ul a{
    color: #666;
}
.mainNavi a {
    padding-left: 12px;
    padding-right: 12px;
}
.mainNavi.selected a,
.submenu li.selected a,
* html #navi .selected a,
* html #navi .selected .submenu .selected a {
    color: black;
}
.mainNavi.first,
* html #navi .first {
    border-left: none;
}
.mainNavi.first a {
    padding-left: 0;
}


/* ********************************* */
/* *  2nd-Level Navi (Horizontal)  * */
/* ********************************* */

.submenu {
    position: absolute;
    left: 0;
    top: 2.07142857em; /* entspricht 29px */
    border-bottom: 2px solid #999;
    width: 960px;
    display: none;
/*	font-weight: normal; */
}
body:nth-of-type(1) .submenu { /* "top" wird fuer Firefox & Safari ueberschrieben */
    top: 1.92857143em; /* entspricht 27px */
}

.selected .submenu {
    display: block;
}

.submenu li {
    float: left;
    position: relative;
    text-transform: none;
    vertical-align: middle;
    padding: 0 0 0.2857143em 0; /* entspricht 4px */
}

.submenu a,
.mainNavi.first .submenu a {
    padding-left: 12px;
    padding-right: 10px;
    vertical-align: middle;
    background: transparent url(/images/templates/static/greyBullet.gif) left 0.714286em no-repeat; /* entspricht 10px */
}
body:nth-of-type(1) .submenu a,
body:nth-of-type(1) .mainNavi.first .submenu a {
	background-position: left 0.57143em; /* entspricht 8px */
}
*:first-child+html .submenu a,
*:first-child+html .mainNavi.first .submenu a {
    padding-right: 7px;
	background-position: left 0.57143em; /* entspricht 8px */
}
.submenu .first a,
.mainNavi.first .submenu .first a {
    padding-left: 0;
	background: none;
}

* html #navi .submenu .selected {
	border: none;
	padding: 0;
	background: none;
}

.submenu li:hover a,
.submenu li.over a {
	color: black;
}


/* ******************************** */
/* *  3rd-Level Navi (Vertical)   * */
/* ******************************** */

.dropdownMenu {
    display: none;
    position: absolute;
    font-family: Arial,Verdana,Helvetica,sans-serif;
/*  word-wrap: normal; */
	min-width: 160px;
    padding-right: 3px; /* Schatten-Simulation fuer Internet Explorer */
    padding-bottom: 3px; /* Schatten-Simulation fuer Internet Explorer */
	background: transparent url(/images/templates/static/shadow.png) right bottom no-repeat; /* Schatten-Simulation fuer Internet Explorer 7 & 8 */
}

body:nth-of-type(1) .dropdownMenu { /* Schatten-Simulation wird fuer Firefox & Safari rueckgaengig gemacht */
    padding-right: 0;
    padding-bottom: 0;
	background: none;
}

*:first-child+html .dropdownMenu {
	width: 160px;
}

* html .dropdownMenu { /* Schatten-Simulation fuer Internet Explorer 6 */
	width: 160px;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/static/shadow.png", sizingMethod="scale");
}

.submenu .dropdownMenu {
    left: 0.4166667em; /* entspricht 5px */
    top: 1.35em; /* entspricht 16px */
    font-size: 0.857142857143em; /* entspricht 12px */
	border-top: 0.3333333em solid white; /* entspricht 4px */
}

body:nth-of-type(1) .submenu .dropdownMenu { /* Nur Firefox & Safari */
	border-top-color: transparent;
    top: 1.42em; /* entspricht 17px */
}

*:first-child+html #metaNavi .dropdownMenu { /* Nur IE7 */
	top: 1.3333em; /* entspricht 16px */
}

.submenu .first .dropdownMenu {
    left: -0.66667em; /* entspricht -8px */
}

.dropdownMenu li {
    text-transform: none;
    float: none !important;
    background: white;
	box-shadow: 0px 2px 4px #666;
    -moz-box-shadow: 0px 2px 4px rgba(0,0,0,.3);
    -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,.3);
}
*:first-child+html .submenu .dropdownMenu li {
	min-width: 10em;
}
* html .submenu .dropdownMenu li {
	width: 10em;
}

.submenu .dropdownMenu li {
	padding-bottom: 0;
}

.dropdownMenu a {
    border-top: 1px dotted #999;
    display: block;
    padding: 2px 5px 2px 8px !important;
	background: none !important;
}

.submenu li:hover ul,
.submenu li.over ul,
#wetterMenu:hover ul,
#wetterMenu.over ul,
#metaNavi li:hover ul,
#metaNavi li.over ul {
    display: block;
}


/* ****************** */
/* *  Wetter-Menu   * */
/* ****************** */

#wetterMenu {
    position: absolute;
    top: 0.07142857em; /* entspricht 1px */
    right: 0;
    z-index: 120;
    padding-right: 26px;
    background-position: right 0.2857143em; /* entspricht 4px */
    background-repeat: no-repeat;
	color: #333;
}

#wetterMenu ul {
	width: 20.6666667em; /* entspricht 248px */
    left: -0.5em; /* entspricht 6px */
    top: 1.916666667em; /* entspricht 23px */
    font-size: 0.85714em; /* entspricht 12px */
}

body:nth-of-type(1) #wetterMenu ul {
	width: 20.416666667em; /* entspricht 244px */
}

#wetterMenu.regnerisch { /* GL @Netpioneer: Hier weitere Deklarationen anfuegen fuer die verschiedenen Wetterlagen */
    background-image: url(/images/templates/wetter1_klein.gif);
}
#wetterMenu.regnerisch:hover { /* GL @Netpioneer: Hier weitere Deklarationen anfuegen fuer die verschiedenen Wetterlagen */
    background-image: url(/images/templates/wetter1_klein_hover.gif);
}


/* ****************** */
/* *  Suchformular  * */
/* ****************** */

#formContainer {
    position: absolute;
    bottom: -1.9166667em; /* entspricht -23px */
    float: none !important;
    right: 0;
    z-index: 110;
    padding-right: 0;
}

* html #formContainer { /* "bottom" wird fuer IE6 ueberschrieben */
    bottom: -2.166667em; /* entspricht 26px */
}

#searchTerm,
#footerSearchTerm {
    height: 1.5em; /* entspricht 18px */
    color: #666;
    width: 11.25em; /* entspricht 135px */
    padding: 2px 6px 0 3px;
    background: white url(/images/templates/static/searchBackground.gif) left top no-repeat;
	box-shadow: inset 1px 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.3);
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-bottom: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    vertical-align: bottom;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#searchTerm:focus,
#footerSearchTerm:focus {
    background-color: #ffedd5; /* #efffdf */
	outline: none;
}

#searchForm .highlightInput,
#footerSearchForm .highlightInput {
    background-image: url(/images/templates/static/searchBackground_focus.gif);
}

#searchTerm {
    font-size: 1em; /* entspricht 12px */
}

body:nth-of-type(1) #searchTerm, /* "bottom" wird fuer Firefox & Safari ueberschrieben */
body:nth-of-type(1) #footerSearchTerm { /* "bottom" wird fuer Firefox & Safari ueberschrieben */
    padding: 0 6px 0 3px;
    height: 1.5833333em; /* entspricht 19px */
}
*:first-child+html #searchTerm, /* nur IE7 */
*:first-child+html #footerSearchTerm {  /* nur IE7 */
    padding: 2px 6px 0 3px;
}

#searchSubmit,
#footerSearchSubmit {
    width: 16px;
    height: 16px;
    background: url(/images/templates/static/lzm_searchSubmit.gif) no-repeat;
    border: none;
    text-indent: -5000px; /* macht den Text ">>" unsichtbar */
    cursor: pointer;
    margin-left: 7px;
    vertical-align: bottom;
	margin-bottom: 0.2142857143em; /* entspricht 3px */
}
*:first-child+html #searchSubmit,
*:first-child+html #footerSearchSubmit {
    padding-top: 20px; /* macht den Text ">>" unsichtbar */
}
* html #searchSubmit,
* html #footerSearchSubmit {
    padding-top: 20px; /* macht den Text ">>" unsichtbar */
}
#searchSubmit:hover,
#footerSearchSubmit:hover {
    background-image: url(/images/templates/static/lzm_searchSubmit_hover.gif)
}


/* ****************** */
/* *  Zone Content  * */
/* ****************** */

#content {
    width: 580px;
    float: left;
    line-height: 1.5em; /* entspricht 18px */
	position: relative;
}

#content .contentItem {
    border-top-width: 9px;
    border-bottom: 1px solid #00adef;
	padding-bottom: 10px;
	border-left: none;
	border-right: none;
	margin-left: 10px;
	margin-right: 10px;
}


h1 a:link,
h1 a:visited,
.homepage h2 a:link,
.homepage h2 a:visited,
.dreispaltig h2 a,
.dreispaltig a h3,
a h2,
a h3,
a h6,
a p,
.themenTeaser a h4,
#teaser a h5 {
    color: black;
}

#teaser a p,
.contentItem {
    color: black; /* früher #333; */
}

div.artikel h1,
.homepage div.artikel h2 {
    font-size: 1.6667em; /* entspricht 20px */
    line-height: 1.1em; /* entspricht 22px */
    margin-top: 7px;
	margin-bottom: 6px;
}

div.headlines h1 {
	margin-bottom: 4px;
}

div.artikel img {
	padding-top: 4px;
}

h1 a:hover,
.homepage h2 a:hover {
    color: #f77239;
}

.homepage .artikel h3 {
    margin-top: 0.25em; /* entspricht 3px */
	font-weight: bold;
}

.homepage .artikel p,
.homepage .artikel h3 {
	font-size: 1.16666667em; /* entspricht 14px */
}

p.dachzeile em {
    color: #ea5e2f;
	font-weight: bold;
	text-transform: uppercase;
}

body.artikel div.artikel .bildLegende {
    font-size: 0.75em;
    border-bottom: 1px dotted #bfbfbf;
    padding: 0.3125em 0 0.5em 0; /* entspricht 5px resp. 8px */
    line-height: 1.5em;
	margin-bottom: 0;
}

.zoomedImgSmall .bildLegende,
.zoomedImgBig .bildLegende {
    padding-top: 6px;
	color: #666;
}

body.artikel .artikel p {
    margin-bottom: 1em;
}

body.artikel #content .content {
    font-size: 0.9375em; /* entspricht 15px */
}

.bildQuelle,
.autor,
.quelle {
    font-style: italic;
}

.autor,
.quelle {
    color: #666;
}

.box .autor {
    color: #333;
}

.autor {
    font-size: 0.9375em; /* entspricht 15px */
/*  margin-bottom: 0.4275em; /* entspricht 7px */
}

/* Weiterfuehrende Links */
.weiterfuehrendeLinks {
    line-height: 1.5em;
	border-top: 1px dotted #bfbfbf;
    margin-top: 0.41666667em; /* entspricht 5px */
    padding-top: 0.41666667em; /* entspricht 5px */
}

.weiterfuehrendeLinks li {
    padding-left: 10px;
    background: transparent url(/images/templates/static/pecheTriangle.gif) 2px 0.583333333em no-repeat;
}

.weiterfuehrendeLinks strong {
    color: #666;
}

a.media {
    padding-right: 13px;
    background-repeat: no-repeat;
    background-position: right 0.16666667em;
}

a.video {
    background-image: url(/images/templates/static/ico_link2video.gif);
}
a.video:hover {
    background-image: url(/images/templates/static/ico_link2video_hover.gif);
}

a.sound {
    background-image: url(/images/templates/static/ico_link2sound.gif);
}
a.sound:hover {
    background-image: url(/images/templates/static/ico_link2sound_hover.gif);
}

a.chart {
    background-image: url(/images/templates/static/ico_link2chart.gif);
}
a.chart:hover {
    background-image: url(/images/templates/static/ico_link2chart_hover.gif);
}

a.photo {
    background-image: url(/images/templates/static/ico_link2photo.gif);
}
a.photo:hover {
    background-image: url(/images/templates/static/ico_link2photo_hover.gif);
}
/* END Weiterfuehrende Links */


/* Komponente "Videoplayer" */
.homepage .video h2 {
    font-size: 1.66667em; /* entspricht 20px */
}

.video h2 {
    padding-top: 0.3125em;
}

div.video {
    border-top: 1px dotted #bfbfbf;
    margin-top: 0.75em;
}

.video .bildLegende {
	padding-top: 0.5em; /* entspricht 8px */
}

*:first-child+html .video .bildLegende {
	padding-top: 5px; /* entspricht 11px */
}
/* END Komponente "Videoplayer" */


/* Komponente "Box" */
.box {
    padding: 10px 0;
    border-top: 1px dotted #bfbfbf;
    border-bottom: 1px dotted #bfbfbf;
    margin-top: 0.75em;
	margin-bottom: 1em;
}
.box p,
.box h3,
.box div {
    background-color: #e0edf3;
}

.box p {
    font-size: 0.875em; /* entspricht 14px */
    line-height: 1.2857143em;
    padding: 0 0.7143em 0.7143em 0.7143em;
}

body.artikel .artikel .box p {
	margin-bottom: 0;
}

body.artikel .artikel .box h3 {
    padding: 0.3em 0.5em;
	margin-bottom: 0;
	margin-top: 0;
}
/* END Komponente "Box" */

/* Komponente "Formular" */
.formular {
    background-color: #ececec;
}

.formular h4 {
    padding: 0 0 10px 0;
	line-height: 1;
	font-weight: bold;
    border-bottom: 1px dotted white;
	margin-bottom: 10px;
}

.formular dd {
    margin-left: 178px;
	color: #666;
	margin-bottom: 10px;
}  

.formular p {
    line-height: 1.5em;
	margin-top: 0.333333em;
}  

.buttonBar {
    float: right;
}  

/*
.formular dl {
    line-height: 2.16666667em;
}
*/

.formular label {
    font-weight: bold;
}

.formular dt, .artikel .formular dt {
    font-weight: normal;
    float: left;
}

.formular input,
.formular textarea {
    border-top: 1px solid #666;
    border-left: 1px solid #666;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    width: 358px;
}

*:first-child+html .formular input,
*:first-child+html .formular textarea {
    width: 356px;
}

.formular input:focus,
.formular textarea:focus,
.highlightInput {
    border-color: #333 !important;
    outline: none;
    background-color: #ffedd5; /* #efffdf */
}

input.button {
    background: #eee url(/images/templates/static/buttonBg.gif) left center repeat-x;
    font-weight: bold;
    cursor: pointer;
    color: #333;
/*  text-shadow: white 0 1px; */
    margin-left: 7px;
	font-size: 100%;
	padding-bottom: 1px;
    border: 1px solid #999;
/*
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
*/
}

#fancybox-wrap .button,
#content .button {
    width: 8em;
}

.button:hover {
    color: #000;
/*  text-shadow: #eee 0 1px; */
}

.button:active {
    background-image: url(/images/templates/static/buttonBg_hover.gif);
    border-top-color: #666;
    border-left-color: #666;
/*  text-shadow: #ccc 0 1px; */
}

.formular .legende {
    color: #666;
}

.formular .help {
    font-size: 0.91666667em; /* entspricht 11px */
	margin-top: 0;
}

.formular .schlussbemerkung {
    padding-left: 178px;
	padding-top: 0.41666667em; /* entspricht 5px */
	clear: both;
	border-top: 1px dotted white;
}  

/* END Komponente "Formular" */

/* Komponente "ToolBar" */
.toolBar {
    padding-top: 10px;
    border-top: 1px dotted #bfbfbf;
    line-height: 1;
    font-size: 0.75em;
}

#kommentareLesen,
#kommentarSchreiben {
    margin-top: 10px;
	display: none;
}

.articleTools,
.commentsTools {
    padding: 10px;
    background-color: #ececec;
}

body.artikel .artikel .commentsTools h4 {
    border-top: 1px dotted white;
    font-size: 1em; /* entspricht 12px */
    padding: 8px 0 9px 0;
	line-height: 1;
}

.commentsTools h5 {
    border-top: 1px dotted white;
    font-size: 11px;
    color: #666;
    text-transform: uppercase;
    padding-top: 6px;
}

#kommentareLesen p {
    margin-bottom: 10px;
}

#kommentareLesen {
    line-height: 1.5em; /* entspricht 18px */
}

.printOrSend li.first,
.commentsTools li.first {
    width: 180px;
}

.commentsTools li.last {
	width: 360px;
}

.commentsDisclaimer {
	background-color: #FFEDD5;
	border: 1px solid #FF9900;
	margin-top: 8px;
	padding: 3px 5px;
	line-height: 1.5em; /* entspricht 18px */
/*	font-size: 0.9166667em /* entspricht 11px */
}

.toolBar dd {
    margin-left: 178px;
}  

.toolBar dt {
    font-weight: bold;
}

.toolBar li {
    font-weight: normal;
}

.toolBar dt,
.toolBar li {
    float: left;
}

.commentsTools {
    margin-top: 10px;
}
/*
.commentsTools ul {
    margin-bottom: 10px;
}
*/
.printOrSend,
.commentsTools dl {
    border-bottom: 1px dotted white;
    margin-bottom: 10px;
}
.socialMedia li {
    margin-right: 10px;
}
.socialMedia a {
    display: block;
    width: 16px;
    height: 16px;
}
.socialMedia a:hover img {
    width:0;
}
a.twitter:hover { background-image: url(/images/templates/static/ico_twitter_hover.gif); }
a.bluered:hover { background-image: url(/images/templates/static/ico_bluered_hover.gif); }
a.facebook:hover { background-image: url(/images/templates/static/ico_facebook_hover.gif); }
a.blogger:hover { background-image: url(/images/templates/static/ico_blogger_hover.gif); }
a.delicious:hover { background-image: url(/images/templates/static/ico_delicious_hover.gif); }
a.yahoo:hover { background-image: url(/images/templates/static/ico_yahoo_hover.gif); }
a.windows:hover { background-image: url(/images/templates/static/ico_windows_hover.gif); }
a.flower:hover { background-image: url(/images/templates/static/ico_flower_hover.gif); }
a.thumb:hover { background-image: url(/images/templates/static/ico_thumb_hover.gif); }
a.google:hover { background-image: url(/images/templates/static/ico_google_hover.gif); }
a.people:hover { background-image: url(/images/templates/static/ico_people_hover.gif); }
a.hangman:hover { background-image: url(/images/templates/static/ico_hangman_hover.gif); }
a.green:hover { background-image: url(/images/templates/static/ico_green_hover.gif); }

a.anzKommentare {
	font-weight: bold;
}

.printOrSend a,
a.lesen, a.schreiben {
    padding-left: 18px;
    background-repeat: no-repeat;
    background-position: left center;
}

a.drucken { background-image: url(/images/templates/static/ico_lzm_printer.gif); }
a.senden { background-image: url(/images/templates/static/ico_lzm_envelope.gif); }
a.lesen { background-image: url(/images/templates/static/ico_lzm_callout.gif); }
a.schreiben { background-image: url(/images/templates/static/ico_lzm_pencil.gif); }

a:hover.drucken { background-image: url(/images/templates/static/ico_lzm_printer_hover.gif); }
a:hover.senden { background-image: url(/images/templates/static/ico_lzm_envelope_hover.gif); }
a:hover.lesen { background-image: url(/images/templates/static/ico_lzm_callout_hover.gif); }
a:hover.schreiben { background-image: url(/images/templates/static/ico_lzm_pencil_hover.gif); }

.printOrSend,
.commentsTools dl {
    padding-bottom: 10px;
}      
/* END Komponente "ToolBar" */

/* Komponente "Ressort-Teaser" */
.ressortTeaser li {
	float: left;
	width: 275px;
	border-top: 1px dotted #bfbfbf;
	padding-top: 6px;
	margin-top: 8px;
}

.ressortTeaser .mitBildUndText img {
	margin-top: 4px;
}

.ressortTeaser .uneven {
	margin-right: 10px;
}

.ressortTeaser .mitBildUndText p,
.ressortTeaser .mitBildUndText h3 {
	margin-left: 95px;
}

.homepage .ressortTeaser h2 {
    font-size: 1.66667em; /* entspricht 20px */
}
/* END Komponente "Ressort-Teaser" */

/* Komponenten "multifunktionsFormat" (Themen des Tages, Themen aus dem Ressort) und "bildStrecke" */
div.artikel .multifunktionsFormat {
    border-top: 1px dotted #bfbfbf;
    margin-top: 0.75em;
}

.bildStrecke h2 {
    margin-bottom: 6px;
	padding-top: 6px;
}

.homepage .multifunktionsFormat h2,
.homepage .bildStrecke h2 {
    font-size: 1.66667em; /* entspricht 20px */
}

.multifunktionsFormat h2 {
    padding-bottom: 0.45em; /* entspricht 9px */;
}

.themenDesTages h2 {
    border: none !important;
}

.themenTeaser h4,
.multifunktionsFormat h3,
.ressortTeaser h3 {
    font-size: 1.16666667em; /* entspricht 14px */
	font-weight: bold;
	color: #333;
}

.multifunktionsFormat h3 {
    margin-top: 0.5em; /* entspricht 6px */
}

.themenDesTages .dachzeile {
    display: none;
}

/*
.themenRessort h2 {
    border-bottom: 1px dotted #bfbfbf;
	margin-bottom: 9px;
	line-height: 1;
}

.themenRessort .dachzeile {
	margin-bottom: 8px;
	line-height: 1;
}
*/

body.artikel .bildStrecke h2 {
    border-top: 1px dotted #bfbfbf;
}

.multifunktionsFormat h3,
.multifunktionsFormat a:hover h3 {
	color: #333 !important;
}

div.images {
    position: relative;
	margin-top: 1px;
}

.horizontallyScrollable, .bildStrecke {
    overflow: hidden; /* GL: Um den Scrollbar anzuzeigen, hier "auto" einsetzen statt "hidden" */
}

* html .horizontallyScrollable {
    width: 560px;
}

.arrowLeft,
.arrowRight {
    position: absolute;
}

/*
.themenRessort .arrowLeft,
.themenRessort .arrowRight {
    top: 75px;
}
*/

.themenDesTages .arrowLeft,
.themenDesTages .arrowRight {
    top: 52px;
}
.arrowLeft {
    left: 7px;
}
.arrowRight{
    right: 6px;
}

.arrowLeft a,
.arrowRight a{
    display: block;
    width: 34px;
    height: 34px;
}

.arrowLeft a:hover img,
.arrowRight a:hover img,
* html .arrowLeft img,
* html .arrowRight img {
    display: none;
}

* html .arrowLeft a {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/static/lzm_imgBrowserLeft.png", sizingMethod="scale");
}

* html .arrowRight a {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/static/lzm_imgBrowserRight.png", sizingMethod="scale");
}

.arrowRight a:hover {
    background-image: url(/images/templates/static/lzm_imgBrowserRight_hover.png);
	background-repeat: no-repeat;
}

.arrowLeft a:hover {
    background-image: url(/images/templates/static/lzm_imgBrowserLeft_hover.png);
}

* html .arrowLeft a:hover {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/static/lzm_imgBrowserLeft_hover.png", sizingMethod="scale");
}

* html .arrowRight a:hover {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/static/lzm_imgBrowserRight_hover.png", sizingMethod="scale");
}

.horizontallyScrollable img {
    float: none;
}

.multifunktionsFormat table,
.bildStrecke table {
	table-layout: fixed;
	margin-bottom: 2px;
	border-collapse: collapse;
}
*:first-child+html .multifunktionsFormat table,
*:first-child+html .bildStrecke table {
	margin-bottom: 0;
}

.multifunktionsFormat td,
.bildStrecke td {
    vertical-align: top;
    padding-right: 10px;
    min-width: 180px;
}

*:first-child+html .multifunktionsFormat td,
*:first-child+html .bildStrecke td {
	width: 180px;
}

* html .multifunktionsFormat td,
* html .bildStrecke td {
	width: 190px;
}

.bildStrecke td.last {
	width: 180;
}

.horizontallyScrollable a:hover h3 {
    color: #f77239;
}
/* END Komponenten "multifunktionsFormat" und "bildStrecke" */

/* Komponente "googleAd" */
.googleAd {
    position: relative;
    font-size: 0.75em; /* entspricht 12px */
    line-height: 1.25em; /* entspricht 15px */
}

#content .googleAd {
    border-top-width: 10px;
}

.googleAd ul {
    border: 1px solid #bfbfbf;
    background: transparent url(/images/templates/static/googleAnzeigen.gif) right bottom no-repeat;
    padding-bottom: 20px;
}

.googleAd li {
    float: left;
    width: 178px;
    margin: 4px 4px 2px 4px;
}
* html .googleAd li {
    width: 177px;
}

.googleAd a {
    font-weight: bold;
	color: #039;
}

.googleAd h5 a {
    text-decoration: underline;
}

.googleAd .last {
    margin-right: 2px;
    float: right;
}

.googleAd .left,
.googleAd .right {
    position: absolute;
    bottom: 5px;
    display: block;
    width: 15px;
    height: 14px;
}
.googleAd .left {
    left: 5px;
}
.googleAd .right {
    left: 24px;
}
.googleAd a:hover.left img,
.googleAd a:hover.right img {
    width: 0;
}
.googleAd a:hover.right {
    background-image: url(/images/templates/static/googleRight_hover.gif);
}
.googleAd a:hover.left {
    background-image: url(/images/templates/static/googleLeft_hover.gif);
}
/* END Komponente "googleAd" */


/* Komponente "breadcrumbs" */
#content div.breadcrumbs {
    border-top: none;
	border-bottom: none;
}

ul.breadcrumbs {
    line-height: 1;
    font-size: 1em; /* entspricht 12px */
	margin-top: 1px;
    font-weight: bold;
}

.breadcrumbs li {
    float: left;
}

.breadcrumbs li a {
    padding-left: 8px;
    margin-left: 5px;
    background: transparent url(/images/templates/static/pecheAngle.gif) left 0.5em no-repeat;
}

.breadcrumbs li a:hover {
    background-image: url(/images/templates/static/orangeAngle.gif);
}

.breadcrumbs li.first a {
    padding-left: 0;
    margin-left: 0;
	background-image: none;
}

.breadcrumbs li.last {
    float: none;
}
/* END Komponente "breadcrumbs" */

/* Komponente "vermarktungsflaeche" */
.vermarktungsflaeche {
	background: white;
    border-bottom: 1px solid #00adef;
}

.vermarktungsflaeche h4 {
    color: #666;
    text-transform: uppercase;
    text-align: left;
	line-height: 1;
}

*:first-child+html .vermarktungsflaeche {
    padding-bottom: 7px;
}

body.artikel #content .vermarktungsflaeche {
    margin-bottom: 1em;
    border-top: 1px dotted #bfbfbf;
    border-bottom: 1px dotted #bfbfbf;
    padding-top: 8px;
    padding-bottom: 10px;
}

.homepage .vermarktungsflaeche,
#teaser .vermarktungsflaeche {
    padding: 8px 10px 20px 10px;
	margin-bottom: 10px;
}

.homepage .vermarktungsflaeche h4,
#teaser .vermarktungsflaeche h4 {
    font-size: 0.833333em;
    border-bottom: 1px dotted #bfbfbf;
	margin-bottom: 20px;
	padding-bottom: 8px;
}

body.artikel .vermarktungsflaeche h4 {
	margin-bottom: 9px;
}

body.artikel #content .vermarktungsflaeche h4 {
    font-size: 0.625em;
    width: 300px;
	margin-bottom: 9px;
}
/* END Komponente "vermarktungsflaeche" */


/* Komponente "sitemap" */
.sitemap .breadcrumbs {
    margin-bottom: 0.75em;
}

.breadcrumbs .first {
    color: #666;
}

.sitemap dt,
.sitemap dd{
    border-top: 1px dotted #bfbfbf;
}

.sitemap dt {
    float: left;
    width: 180px;
    clear: both;
    font-weight: bold;
}

.sitemap dd {
    margin-left: 190px;
}

.sitemap dt.last,
.sitemap dd.last {
    padding-top: 0.75em;
    border-bottom: 1px dotted #bfbfbf;
}

.sitemap dt.solid,
.sitemap dd.solid {
    border-top-style: solid;
}

.sitemap dt a {
    color: #000;
}

.sitemap dd a {
    color: #333;
    word-wrap: normal;
}

.sitemap dd li {
    display: inline-block;
    vertical-align: top;
    width: 120px;
}

*:first-child+html .sitemap dd li {
    display: inline;
}

* html .sitemap dd li {
    display: inline;
}

#footerSearch {
	border-top: 1px dotted #bfbfbf;
	border-bottom: 1px dotted #bfbfbf;
	padding: 10px 0;
}

#footerSearch dt,
#footerSearch dd {
	border-top: none;
}

#footerSearchTerm {
    font-size: 1em; /* entspricht 12px */
}

#footerLinks {
    clear: both;
	line-height: 1;
	margin-top: 9px;
}

#footerLinks li {
    float: left;
    padding-right: 9px;
    margin-right: 8px;
    background: transparent url(/images/templates/static/greyBullet.gif) right center no-repeat;
    word-wrap: normal;
}

#footerLinks .last {
    float: right;
    padding-right: 0;
    margin-right: 0;
    background: none;
}

#footerLinks a {
    color: #666;
}
/* END Komponente "sitemap" */

/* Homepage-Komponente "narrowImg" */
.narrowImg .leftmargin {
    margin-left: 190px;
}
.narrowImg img {
    float: left;
}
/* END Komponente "narrowImg" */

/* Homepage-Komponente "wideImg" */
.wideImg img {
    float: left;
    padding-right: 10px;
    background: white;
}

.wideImg .weiterfuehrendeLinks li {
	background-image: none;
	padding-left: 0;
}

.wideImg .weiterfuehrendeLinks strong {
	padding-left: 10px;
	background: transparent url(/images/templates/static/pecheTriangle.gif) 2px 0.4166667em no-repeat;
}
/* END Komponente "wideImg" */

/* Komponente "Headlines" */
.homepage .headlines h1,
.homepage .headlines h2 {
	margin-bottom: 12px;
}
.headlines h1 a,
.headlines h2 a {
    font-size: 1.25em; /* entspricht 25px */
}
.headlines img {
    margin: 0 0 0.3333em 0;
}
/* END Komponente "Headlines" */


/* ****************** */
/* *  Zone Teaser   * */
/* ****************** */

#teaser {
    width: 390px;
    line-height: 1.5em; /* entspricht 18px */
    float: right;
}

#teaser .contentItem {
    background-color: #e0edf3;
	padding: 6px 10px 10px 10px;
}

#teaser p {
    font-size: 1.083333em;
}

#teaser h4,
.contentRelated h3 {
	font-size: 1.166667em;
    border-bottom: 1px dotted #b2b2b2;
    padding-bottom: 6px;
	margin-bottom: 10px;
	text-transform: uppercase;
	color: #666;
}

#teaser .mitBildUndText h4,
.contentRelated.mitBildUndText h3 {
	margin-bottom: 10px;
}

.mitBildUndText img {
    float: left;
    margin-right: 10px;
	margin-top: 4px;
}

/* Komponente "einspaltiger Teaser" */
.einspaltigerTeaserLinks,
.einspaltigerTeaserRechts {
	width: 155px;
	clear: none;
}

.einspaltigerTeaserLinks strong,
.einspaltigerTeaserRechts strong {
	line-height: 1;
}

.einspaltigerTeaserLinks .weiterfuehrendeLinks,
.einspaltigerTeaserRechts .weiterfuehrendeLinks {
	font-weight: bold;
	margin-top: 7px;
	line-height: 1;
}

.einspaltigerTeaserLinks .weiterfuehrendeLinks li,
.einspaltigerTeaserRechts .weiterfuehrendeLinks li {
	background-position: 2px center;
}

#teaser .einspaltigerTeaserLinks h4,
#teaser .einspaltigerTeaserRechts h4 {
	margin-bottom: 8px;
}

.einspaltigerTeaserLinks {
	float: left;
}

.einspaltigerTeaserRechts {
	float: right;
}
/* END Komponente "einspaltiger Teaser" */


/* Komponente "Wetter" */
.wetter table {
	background: #d1dfec;
	width: 100%;
	color: black;
	font-weight: bold;
	border-top: 10px solid #d1dfec;
	border-bottom: 10px solid #d1dfec;
	margin-top: 9px;
	height: 95px;
}

.wetter td {
	width: 50%;
	vertical-align: middle;
	text-align: center;
}

.wetter td.last {
	border-left: 1px dotted white;
}
/* END Komponente "Wetter" */


/* Komponente "Webcam" */
.webcam img {
	position: absolute;
	clip: rect(10px 155px 105px 0px);
	top: -10px;
	width: 155px;
}

.webcamLink {
	margin-top: 9px;
	display: block;
	height: 95px;
	width: 155px;
	position: relative;
}
/* END Komponente "Webcam" */


/* Komponente "MultiLayer" */
.multiLayer,
#content .multiLayer {
    background: white !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
    padding-right: 0 !important;
	border-top-width: 7px;
}

.multiLayer h2 {
	padding-bottom: 7px;
	font-size: 1.1666667em;
	text-transform: uppercase;
	margin-bottom: 1px;
	line-height: 1;
	padding-top: 1px;
}
body:nth-of-type(1) .multiLayer h2 {
	padding-top: 0;
}

#content .multiLayer h2 {
	font-size: 1.66666667em;
	text-transform: none;
}

.register {
    background: url(/images/templates/static/greyLine.gif) bottom repeat-x;
    position: relative;
	margin-top: 4px;
}
* html .register {
	height: 1;
}
.register h3 {
	font-size: 1.166667em;
    padding-right: 6px;
    padding-left: 8px;
    display: inline; /* GL: Notwendig fuer das Abkuerzen mit Ellipsis ("..."). */
    text-transform: none;
	font-weight: normal;
}
.register li {
	display: inline-block;
	vertical-align: bottom;
    padding-top: 0.083333em;
    padding-bottom: 0.166667em;
    overflow: hidden; /* GL: Notwendig fuer das Abkuerzen mit Ellipsis ("..."). */
    word-wrap: normal; /* GL: Notwendig fuer das Abkuerzen mit Ellipsis ("..."). */
    white-space: nowrap; /* GL: Notwendig fuer das Abkuerzen mit Ellipsis ("..."). */
    text-overflow: ellipsis; /* GL: Notwendig fuer das Abkuerzen mit Ellipsis ("..."). */
    -o-text-overflow: ellipsis; /* GL: Notwendig fuer das Abkuerzen mit Ellipsis ("..."). */
}
.register li a {
	color: #999;
}
*:first-child+html .register li {
    display: inline;
    padding-bottom: 0.25em;
}
* html .register li {
    overflow: visible;
    display: block;
	float: left;
}
.register .selected {
    border: 0.083333em solid #999;
    border-bottom: none;
    background: white;
}
.register .selected h3 a:link,
.register .selected h3 a:visited {
    color: black;
}
.register .selected h3 a:hover {
    color: #f77239 !important;
}
.register .first {
    border-left: none;
}
.register .first h3 {
    padding-left: 0;
}
/* END Komponente "MultiLayer" */


/* Komponente "schlagzeilen" (spezielle Auspraegung der MultiLayer-Komponente) */
.schlagzeilen {
    height: 14.25em;
}
*:first-child+html .schlagzeilen {
    height: 14.3333em;
}
* html .schlagzeilen {
    height: 16em;
}

.schlagzeilen li ul {
    position: absolute;
    left: 0;
    height: 9.5em;
    width: 100%;
    overflow: auto;
    top: 2.666667em;
}
*:first-child+html .schlagzeilen li ul {
    top: 2.5833333em;
}
* html .schlagzeilen li ul {
    width: 360px;
}

.schlagzeilen .register li {
    max-width: 32%;
}

#neusteArtikel {
    max-width: 29%;
}

#meistGelesen {
    max-width: 27%;
}

#meistKommentiert {
    max-width: 38%;
}

#teaser .schlagzeilen ul ul li {
    max-width: 345px;
}

.schlagzeilen ul.register ul li {
	display: block;
    max-width: 335px;
    float: none;
    border-bottom: 1px dotted #bfbfbf;
    padding: 5px 0 6px 0;
}
* html .schlagzeilen ul ul li {
    width: 335px;
}
.schlagzeilen ul ul a {
    color: #333;
}
.time {
    display: inline-block;
    width: 3em;
    font-weight: bold;
}
.schlagzeilen p {
    margin-left: 3em;
}
/* END Komponente "schlagzeilen" */


/* Komponente "Themen/Rubriken-Teaser" (spezielle Auspraegung der MultiLayer-Komponente) */
.themenTeaser .register {
    margin-bottom: 10px;
}

.themenTeaser.mitBildUndText .register {
    margin-bottom: 5px;
}

.homepage .themenTeaser {
    line-height: 1.5em; /* entspricht 18px */
}

.themenTeaser h4 {
    margin-top: 0.25em; /* entspricht 3px */
}
/* END Komponente "Themen/Rubriken-Teaser" */


/* Komponente "Advertorial" */
#teaser .advertorial {
    background: white;
    padding: 0;
	border-top-width: 8px;
}
.advertorial .group {
    background: #e0edf3;
	padding: 6px 10px 10px 10px;
}
.advertorial h4 {
	text-transform: uppercase;
	line-height: 1;
    font-size: 0.8333em !important;
    color: #666;
    border-bottom: 1px dotted #bfbfbf !important;
	padding-bottom: 8px !important;
	padding-top: 1px;
	margin-bottom: 10px !important;
}
body:nth-of-type(1) .advertorial h4 { /* Nur fuer Firefox */
	padding-top: 0;
	padding-bottom: 9px !important;
}

.advertorial h5 {
	font-size: 1.1666667em;
    border-bottom: 1px dotted #b2b2b2;
    padding-bottom: 6px;
	margin-bottom: 10px;
	color: #666;
}                

.advertorial.mitBildUndText h5 {
	margin-bottom: 5px;
}                
/* END Komponente "Advertorial" */

/* Komponente "Voting" */
.checkbox,
.radio {
	margin-right: 9px;
	margin-left: 0;
	vertical-align: sub;
}

#teaser .buttonBar {
	position: absolute;
	float: none;
	bottom: 10px;
	right: 10px;
}

.voting p {
	margin-bottom: 6px;
}

.voting ul {
	float: left;
	margin-top: 4px;
}

.ergebnis span {
	margin-right: 15px;
}

.balken {
	vertical-align: middle;
	background-color: #fff;
	border-left-color: #ea5e2f;
	border-left-style: solid;
	display: inline-block;
	height: 10px;
	vertical-align: sub
}
/* END Komponente "Voting" */

/* Komponente "3-spaltiger Teaser" */
.homepage .dreispaltig h2 {
    font-size: 1.66667em; /* entspricht 20px */
}
.dreispaltig {
	border-top-width: 7px !important;
}
.dreispaltig h2 {
	margin-bottom: 10px;
}
.dreispaltig h3 {
	font-weight: bold;
}
.dreispaltig li {
	float: left;
	width: 180px;
	margin-right: 10px;
	line-height: 1.33333em; /* entspricht 16px */
	word-wrap: break-word;
}
.dreispaltig li.last {
	float: right;
	margin-right: 0;
}
*:first-child+html .dreispaltig li.last {
	float: none;
}

.dreispaltig img {
	margin-top: 3px;
}

/* END Komponente "3-spaltiger Teaser" */


/* Komponente "boerse"  (spezielle Auspraegung der MultiLayer-Komponente) */
.boerse { height: 13.75em; }
*:first-child+html .boerse { height: 13.916667em; }
* html .boerse { height: 13.5em; }

.boerse table {
    position: absolute;
    background: #ececec;
    margin-top: 1em;
    width: 100%;
    left: 0;
}
*:first-child+html .boerse table { top: 1.9166667em; }
* html .boerse table {
    width: 360px;
    top: 1.3333em;
}
.boerse li {
    max-width: 32%;
}
.boerse li.first {
    min-width: 50px;
}
         
.boerse th,
.boerse td {
    padding: 0.0833333em 8px;
    max-width: 120px;
    white-space: nowrap;  
    overflow: hidden;
    word-wrap: normal;
    text-overflow: ellipsis;  
    -o-text-overflow: ellipsis;  
}
.boerse th {
    border-top: 1px solid #7f7f7f;
    border-bottom: 1px solid #7f7f7f;
}
.boerse td {
    border-bottom: 1px solid #ccc;
}
.boerse .aktuell {
    background: #f6f6f6;
    text-align: right;
}
.boerse .vortag {
    text-align: right;
}
.boerse table a {
    color: black;
}
/* END Komponente "boerse" */


/* *************************** */
/* *   Template Marktplatz   * */
/* *************************** */

.fuenfSpaltig #content {
	width: 980px;
}

.fuenfSpaltig #teaser {
	display: none;
}

.fuenfSpaltig #footerLinks .last {
    float: none;
}

.fuenfSpalten {
/*	background: white url(/images/templates/static/marktplatzBg.gif) 580px top repeat-y; */
	clear: both;
	margin-bottom: 10px;
}

h2.marktplatz,
.fuenfSpalten .breadcrumbs {
	background-color: white;
}

h2.marktplatz {
	font-size: 2em; /* entspricht 24px */
	padding: 9px 0 10px 9px;
}

.rechts {
	float: right;
}

.links {
	float: left;
}

.fuenfSpalten .links,
.fuenfSpalten .rechts {
	clear: none;
	margin-bottom: 0;
}

.fuenfSpalten .links {
	width: 560px;
}

.fuenfSpalten .rechts {
	width: 350px;
}


/* *************************** */
/* *     Template Blogs      * */
/* *************************** */

#content .panorama {
	border-top-width: 10px;
}

.panorama h1,
.panorama h2 {
	position: absolute;
	left: 9px;
}

.weiss, .weiss a, .weiss h1 a { color: white; }
.schwarz, .schwarz a, .schwarz h1 a { color: #333; }

.panorama h1 {
	top: 35px;
}

.panorama h2 {
	top: 16px;
	font-weight: bold;
}

.artikelTeaser h1 {
    line-height: 1.1em; /* entspricht 22px */
	margin-bottom: 6px;
}

body.artikel #content .artikelTeaser {
	line-height: 1.125em; /* entspricht 18px */
}

body.homepage .artikelTeaser p {
	font-size: 1.16666667em; /* entspricht 14px */
}

body.artikel .artikelTeaser p,
.artikelTeaser dd {
	font-size: 0.875em; /* entspricht 14px */
}

#content .artikelTeaser {
	border-top-width: 7px;
}

.artikelTeaser img {
	padding-top: 4px;
}


/* *************************** */
/* *     Template Dossiers   * */
/* *************************** */

.dossiers li {
	clear: both;
	border-top: 1px dotted #bfbfbf;
	padding-top: 7px;
	margin-top: 10px !important;
}

.artikelTeaser.mitBildUndText img {
	padding-top: 0;
}

.artikelTeaser .dachzeile {
	margin-bottom: 5px;
}

.berichte a strong {
	color: #333;
}

.berichte h2 {
	text-transform: uppercase;
	font-size: 0.875em; /* entspricht 14px */
	line-height: 1;
}

body.homepage .berichte h2 {
	font-size: 1.166667em; /* entspricht 14px */
}

.berichte h2.kurznachricht {
	text-transform: none;
}

body.artikel .berichte h2.kurznachricht {
	font-size: 1.25em; /* entspricht 20px */
}

.berichte p {
	font-size: 0.875em; /* entspricht 14px */
	line-height: 1.2857142em; /* entspricht 18px */
}

body.homepage .berichte p {
	font-size: 1.166667em; /* entspricht 14px */
}

.berichte li {
	border-bottom: 1px dotted #bfbfbf;
/* Gepunktete Linie soll (wenigstens im Firefox) mit einem grauen statt einem transparenten Pixel beginnen: */
	border-image: url(/images/templates/static/borderPixel.gif) 1 repeat;
	-moz-border-image: url(/images/templates/static/borderPixel.gif) 1 repeat;
	border-width: 0 0 1px 0;
	padding-bottom: 8px;
	margin-top: 7px;
}

*:first-child+html .berichte li {
	margin-top: 4px;
}

.berichte .weiterfuehrendeLinks,
.berichte .weiterfuehrendeLinks li {
	border: none;
	border-image: none;
	-moz-border-image: none;
	padding-bottom: 0;
	margin-top: 0;
}

.berichte hr {
	height: 2em; /* entspricht 24px */
	border: none;
	visibility: hidden;
	margin: 0;
}


/* *************************** */
/* *  Template Artikelseite  * */
/* *************************** */

body.artikel #content {
    font-size: 1.33333333em; /* entspricht 16px */
    line-height: 1.375em; /* entspricht 22px */
}

body.artikel #content p.dachzeile {
    font-size: 0.6875em; /* entspricht 11px */
}

body.artikel .artikel h1 {
    font-size: 1.5em; /* entspricht 24px */
    margin-bottom: 0.125em; /* entspricht 2px */
	letter-spacing: -0.03em;
}

body.artikel .artikel h2 {
	margin-bottom: 10px;
	font-size: 0.9375em; /* entspricht 15px */
	font-weight: normal;
}

body.artikel .multifunktionsFormat h2,
body.artikel .dreispaltig h2,
body.artikel .ressortTeaser h2,
body.artikel .artikel .box h3,
body.artikel .bildStrecke h2,
body.artikel .video h2,
body.artikel .panorama h1,
body.artikel .artikelTeaser h1 {
	font-size: 1.25em; /* entspricht 20px */
}

body.artikel .bildStrecke h2,
body.artikel .video h2 {
    font-weight: bold;
}

body.artikel .multifunktionsFormat h2 {
	line-height: 1;
}

body.artikel .panorama h2 {
	font-size: 0.8125em;  /* entspricht 13px */
	line-height: 1.3846153em; /* entspricht 18px */
}

body.artikel .multifunktionsFormat h3,
body.artikel .ressortTeaser h3,
body.artikel .artikelTeaser h2 {
	font-size: 0.875em;  /* entspricht 14px */
	line-height: 1.3846153em; /* entspricht 18px */
}

body.artikel .multifunktionsFormat h3 {
	margin-bottom: 4px;
}

body.artikel .multifunktionsFormat p,
body.artikel .ressortTeaser p {
	line-height: 1.5em; /* entspricht 18px */
}

body.artikel .artikel h3,
body.artikel .artikel h4,
.interview dt {
    font-size: 0.9375em; /* entspricht 15px */
	font-weight: bold;
}

body.artikel .artikel h3 {
    margin-bottom: 0.4275em; /* entspricht 7px */
	margin-top: 10px;
}

body.artikel .bildStrecke h2,
body.artikel .video h2 {
    font-style: normal;
}

/* Artikel-Komponente "Embedded Image" */
.embeddedImg {
    float: left;
    margin-top: 0.375em; /* entspricht 6px */
    margin-right: 10px;
}
*:first-child+html .embeddedImg img {
    margin-bottom: 4px;
}

.zoomableImg {
    position: relative;
    line-height: 1;
}

.zoomableImg img {
    float: none;
}

.zoomableImg .zoomIcon {
    position: absolute;
    right: 7px;
    bottom: 7px;
}
*:first-child+html .zoomableImg .zoomIcon {
    bottom: 3px;
}
* html .zoomableImg .zoomIcon {
    top: 3px;
    right: 3px;
}

.leadImg2columns {
	margin-bottom: 1em;
}

.leadImg2columns .zoomableImg {
	width: 370px;
}

.leadImg2columns p {
	display: inline-block;
	width: 180px;
	margin: 0 0 0 10px;
	vertical-align: bottom;
}

*:first-child+html .embeddedImg .bildLegende {
    padding-top: 0;
}

*:first-child+html .leadImg2columns p {
	display: inline;
	margin-bottom: 3px;
}

* html .leadImg2columns p {
	display: inline;
	margin-bottom: 3px;
}
/* END Artikel-Komponente "Embedded Image" */


body.artikel .weiterfuehrendeLinks {
    line-height: 1.5em; /* entspricht 18px */
	margin-bottom: 5px;
    border-bottom: 1px dotted #bfbfbf;
/* Gepunktete Linie soll (wenigstens im Firefox) mit einem grauen statt einem transparenten Pixel beginnen: */
	border-image: url(/images/templates/static/borderPixelMirrored.gif) 1 repeat;
	-moz-border-image: url(/images/templates/static/borderPixelMirrored.gif) 1 repeat;
	border-width: 1px 0;
    padding-bottom: 0.5em;
}

body.artikel ul.narrow {
    padding-bottom: 0.5em;
    border-bottom: 1px dotted #bfbfbf;
    float: left;
    width: 270px;
    margin-right: 10px;
}

body.artikel .sitemap dl {
    line-height: 1.125em; /* entspricht 18px */
}

body.artikel .sitemap dt.last,
body.artikel .sitemap dd.last {
    padding-top: 0.5625em;
}
body.artikel .sitemap dd.last {
    padding-bottom: 0.5625em;
}
body.artikel .sitemap dt.last {
    padding-bottom: 0.3125em;
}

body.artikel #footerSearchTerm,
body.artikel #footerLinks,
body.artikel .sitemap dl a,
body.artikel ul.breadcrumbs,
body.artikel .weiterfuehrendeLinks,
body.artikel .multifunktionsFormat p,
body.artikel .ressortTeaser p,
body.artikel .ueberarbeitung,
body.artikel .fussnote,
body.artikel h3.obertitel {
    font-size: 0.75em; /* entspricht 12px */
}

body.artikel .artikel .fussnote {
	line-height: 1.5em; /* entspricht 18px */
	margin-bottom: 0.5em;
}


/* *************************** */
/* *  Template Interview     * */
/* *************************** */

/* Baut auf dem Artikel-Template auf, d.h. dem Artikel muss im HTML-Code sowohl die CSS-Klasse "artikel" als auch die CSS-Klasse "interview" zugewiesen werden. */

dl.interview dd {
	margin-bottom: 1em;
	font-size: 0.9375em; /* entspricht 15px */
}

.obertitel {
	border-bottom: 1px dotted #bfbfbf;
	margin-top: 0.5em !important; /* entspricht 6px */
	padding-bottom: 0.25em;  /* entspricht 3px */
}

blockquote {
	font-size: 1.5em; /* entspricht 24px */
	border-top: 1px dotted #bfbfbf;
	border-bottom: 1px dotted #bfbfbf;
	line-height: 1.25em; /* entspricht 30px */
	padding: 0.583333em 0.4583333em;
	font-style: italic;
	margin-bottom: 0.66667em; /* entspricht 12px */
}


/* *************************** */
/* *       Lightbox          * */
/* *************************** */

/* Die folgenden CSS-Definitionen sollen fuer den Prototypen lediglich das Aussehen einer Lightbox (http://www.huddletogether.com/projects/lightbox2/) simulieren */
/*
#lightBox {
	background-image: url(/images/templates/static/dimmer.png);
	position: absolute;
	width: 100%;
	height: 5500px;
	padding-top: 5%;
	top: 0;
	left: 0;
	z-index: 9990;
}

* html #lightBox {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/static/dimmer.png", sizingMethod="scale");
}

#lightBox .contentItem {
	z-index: 9999;
	text-align: left;
    box-shadow: -4px 4px 20px black;
    -moz-box-shadow: -4px 4px 20px black;
    -webkit-box-shadow: -4px 4px 20px black;
}
*/

/* NZZ Netz Lightbox */
#fancybox-wrap .formular {
	padding: 10px;
}

#fancybox-close {
	background-image: url(/images/templates/static/lzm_closeButton.png) !important;
}

a#fancybox-close:hover {
	background-image: url(/images/templates/static/lzm_closeButton_hover.png) !important;
}

.zoomedImgSmall {
	width: 560px; /* Natuerlich sollte sich die Groesse der Box an die Groesse des Bildes anpassen. Dies ist im Prototyp nicht der Fall, mit der Lightbox (http://www.huddletogether.com/projects/lightbox2/) jedoch ein Leichtes. */
}

.zoomedImgBig {
	width: 960px; /* Natuerlich sollte sich die Groesse der Box an die Groesse des Bildes anpassen. Dies ist im Prototyp nicht der Fall, mit der Lightbox (http://www.huddletogether.com/projects/lightbox2/) jedoch ein Leichtes. */
}

#fancybox-wrap h1 {
	font-size: 1.666666667em; /* entspricht 20px */
	line-height: 1.1em; /* entspricht 22px */
	padding-top: 11px;
	padding-bottom: 1px;
	border-top: 1px dotted #bfbfbf;
}

#fancybox-wrap h1.formularName {
	border-top: none;
	padding-top: 0;
	padding-bottom: 6px;
}

#fancybox-wrap h2 {
	font-size: 1.166666667em; /* entspricht 14px */
	font-weight: bold;
	line-height: 1.3482142em; /* entspricht 18px */
	margin-bottom: 7px;
}

#fancybox-wrap h3 {
	line-height: 1.5em; /* entspricht 18px */
	border-bottom: 1px dotted #bfbfbf;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.lightForm {
	width: 500px;
	border-top-width: 7px;
}

#fancybox-wrap .formular dd {
    margin-left: 120px;
}

#fancybox-wrap .schlussbemerkung {
	margin-top: 10px;
    padding-left: 120px;
}  

#versenden_captcha {
	margin-top: 6px;
}

/* END LZM */