/*
******************************************************
*  LZM Online Prototyp v1.10, 10.Sept. 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 }
.rightAligned { float: right; }
.leftAligned { float: left; }
.narrow { width: 180px; }
.wide { width: 370px; }

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

.more {
    padding-right: 7px;
    background: transparent url(../img/static/pecheMore.gif) right 0.5714285em no-repeat; /* entspricht 8px */
	font-weight: bold;
}
a:hover .more {
    background-image: url(../img/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(../img/static/lzm_ico_video.gif);
}
.iconBar a.chart {
    background-image: url(../img/static/lzm_ico_chart.gif);
}
.iconBar a.video:hover {
    background-image: url(../img/static/lzm_ico_video_hover.gif);
}
.iconBar a.chart:hover {
    background-image: url(../img/static/lzm_ico_chart_hover.gif);
}
.iconBar a.photo {
    background-image: url(../img/static/lzm_ico_photo.gif);
}
.iconBar a.sound {
    background-image: url(../img/static/lzm_ico_sound.gif);
}
.iconBar a.photo:hover {
    background-image: url(../img/static/lzm_ico_photo_hover.gif);
}
.iconBar a.sound:hover {
    background-image: url(../img/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,
.required {
    color: #ea5e2f;
}

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


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

#topRow {
/*  background-color: green; Nur zu Testzwecken */
    width: 980px;
    margin-top: 10.91666667em; /* entspricht 131px */
    height: 0;
    visibility: hidden;
    margin-bottom: 0;
	padding-top: 28px;
}

* 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(../img/static/pecheBullet.gif) left 0.41666667em no-repeat;
    padding: 0 5px 0.333333em 6px;
    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(../img/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;
	padding-left: 7px;
}
*: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;
}


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

#navi {
    position: absolute;
    top: 7.166667em; /* entspricht 86px */
    width: 960px;
    background: url(../img/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: 2em; /* 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(../img/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(../img/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(../img/wetter1_klein.gif);
}
#wetterMenu.regnerisch:hover { /* GL @Netpioneer: Hier weitere Deklarationen anfuegen fuer die verschiedenen Wetterlagen */
    background-image: url(../img/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,
#contentSearchTerm {
    height: 1.5em; /* entspricht 18px */
    color: #666;
    width: 11.25em; /* entspricht 135px */
    padding: 2px 6px 0 3px;
    background: white url(../img/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,
#contentSearchTerm:focus {
    background-color: #ffedd5; /* #efffdf */
	outline: none;
}

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

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

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

#searchSubmit,
#footerSearchSubmit,
#contentSearchSubmit {
    width: 16px;
    height: 16px;
    background: url(../img/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,
*:first-child+html #contentSearchSubmit {
    padding-top: 20px; /* macht den Text ">>" unsichtbar */
}
* html #searchSubmit,
* html #footerSearchSubmit,
* html #contentSearchSubmit {
    padding-top: 20px; /* macht den Text ">>" unsichtbar */
}
#searchSubmit:hover,
#footerSearchSubmit:hover,
#contentSearchSubmit:hover {
    background-image: url(../img/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 p,
#teaser a h5,
.fuenfSpalten .rechts a h5,
.contentItem,
.box .autor {
    color: #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;
}

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

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

.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,
body.artikel .artikelTeaser .bildLegende {
    font-size: 0.75em;
    border-bottom: 1px dotted #999;
    padding: 0.3125em 0 0.5em 0; /* entspricht 5px resp. 8px */
    line-height: 1.5em;
}

body.artikel div.artikel .bildLegende {
	margin-bottom: 0;
}

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

body.artikel .artikel p {
    margin-bottom: 1em;
	font-size: 0.9375em; /* entspricht 15px */
}

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

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

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

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

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

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

.weiterfuehrendeLinks strong {
    color: #666;
}

span.media {
    background-repeat: no-repeat;
    background-position: center;
	vertical-align: text-top;
}

span.media img {
    margin-bottom: 0 !important;
	padding-right: 0 !important;
	padding-top: 0 !important;
	float: none !important;
}

a:hover span.media img {
    visibility: hidden;
}

span.video {
    background-image: url(../img/static/lzm_ico_link2video_hover.gif);
}

span.sound {
    background-image: url(../img/static/lzm_ico_link2sound_hover.gif);
}

span.chart {
    background-image: url(../img/static/lzm_ico_link2chart_hover.gif);
}

span.dossier {
    background-image: url(../img/static/lzm_ico_link2dossier_hover.gif);
}

span.photo, span.foto {
    background-image: url(../img/static/lzm_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 #999;
    margin-top: 0.75em;
	margin-bottom: 1em;
}

.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 #999;
    border-bottom: 1px dotted #999;
    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.4em 0.6em;
}

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

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

/* Komponente "Formular" */
.formular {
    background-color: #ececec;
	padding: 8px 10px 0 10px;
	margin-top: 10px;
}

body.artikel .artikelTeaser .formular p,
body.artikel .artikelTeaser .formular dd {
	font-size: 1em; /* entspricht 12px */
}

body.artikel .artikelTeaser .formular h2,
body.artikel .formular h2 {
	font-size: 1.1666667em; /* entspricht 14px */
	line-height: 1;
}

.formular h2 {
/*	font-weight: normal; */
	margin: 0 0 5px 0;
	clear: both;
}

body.artikel #content .formular {
    font-size: 0.75em; /* entspricht 12px */
}

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

.formular dl {
	margin-top: 8px;	
}

div.formular dd {
	margin-left: 0;
}

.formular dd {
/*  margin-left: 178px; */
	margin-left: 0;
	color: #666;
	margin-bottom: 10px;
	display: inline-block;
	vertical-align: top;
	width: 360px;
}  

*:first-child+html .formular dd { /* Nur IE7 */
	display: inline;
}

form.formular dd {
	position: relative;
}

.formular dd span {
	color: #06c;
}

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

.buttonBar {
    display: block;
	border-top: 1px dotted white;
	padding-top: 10px;
}  

.buttonBar input {
    float: right;
	margin-bottom: 10px;
}  

form.formular img {
	padding-top: 0;
	vertical-align: bottom;
}

.formular select {
	margin-right: 10px;	
}

.formular input[type=submit] {
	float: right;
}

.formular label {
    font-weight: bold;
}

.formular dt,
.artikel .formular dt {
    font-weight: normal;	
    display: inline-block;
    width: 176px;
	vertical-align: top;
	padding-top: 2px;
	margin-bottom: 10px;
/*	line-height: 0.9166667em; entspricht 11px */
}

*:first-child+html .formular dt,
*:first-child+html .artikel .formular dt {
	display: inline;
}

.formular input[type=text],
.formular textarea {
    border-top: 1px solid #666;
    border-left: 1px solid #666;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.formular input[type=text] {
    width: 355px;
}

body:nth-of-type(1) .formular input[type=text] {
    width: 357px;
}

.formular textarea {
    width: 355px;
}

.formular input.narrow {
	width: 250px;
}

body:nth-of-type(1) .formular input.narrow {
	width: 250px;	
}

.formular input.tiny {
	width: 96px;
}

body:nth-of-type(1) .formular input.tiny {
	width: 96px;
}

.formular .wide {
	width: 360px;
	margin-right: 0;
}

body:nth-of-type(1) .formular .wide {
	width: 360px;
	margin-right: 0;
}

.formular input[type='text']:focus,
.formular input[type='password']:focus,
.formular textarea:focus,
.formular select:focus,
.formular .highlightInput {
	border-width: 1px;
    border-color: #333 !important;
    background-color: #ffedd5; /* #efffdf */
}

input.button {
    background: #eee url(../img/static/buttonBg.gif) left center repeat-x;
    font-weight: bold;
    cursor: pointer;
    color: #333;
    margin-left: 7px;
	font-size: 100%;
	padding-bottom: 1px;
    border: 1px solid #999;
}

#fancybox-wrap .button,
#content .button {
    width: 8em;
	padding-left: 0;
	padding-right: 0;
}

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

.button:active {
    background-image: url(../img/static/buttonBg_hover.gif);
    border-top-color: #666;
    border-left-color: #666;
}

.waitAnim {
	position: absolute;
	top: -0.6666667em; /* entspricht -11px */
}

.legende {
    color: #666;
}

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

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

.auswahl, .bildAuswahl {
	margin-top: 8px;
}

.bildAuswahl li {
	float: left;
	width: 180px;
	margin: 0 10px;
}

.formular input[type=checkbox],
.formular input[type=radio] {
	margin-left: 0;
	margin-right: 5px;
}

.clip145px .first img,
.clip145px .last img {
	clip: rect(0 170px 145px 0);
	position: absolute;
}

.clip77px .first img,
.clip77px .last img {
	clip: rect(0 170px 77px 0);
	position: absolute;
}

.clip145px label {
	display: block;
	height: 145px;
	margin-bottom: 7px;
}

.clip77px label {
	display: block;
	height: 77px;
	margin-bottom: 7px;
}

.bildAuswahl .first,
.bildAuswahl .last {
	margin: 0;
	width: 170px;
}

.auswahl input[type=checkbox],
.auswahl input[type=radio] {
	float: left;
}

.auswahl li {
	margin-bottom: 0.5em;
}

.auswahl label, .auswahl p {
	margin-left: 20px;
	display: block;
}

*:first-child+html .auswahl label {
	display: inline;
	margin-left: 0;
}

.marginBelow, .auswahl .marginBelow {
	margin-bottom: 1em;
}

.section {
	border-top: 1px dotted white;
	margin-top: 9px;
	padding-top: 9px;
}

.section.buttonBar {
	padding-top: 10px;
	margin-top: 0;
}

dl.section {
	padding-top: 10px;
}

.formular h2.section {
	margin-top: 7px;
}

#rechnungAdresse {
	border-top: 1px dotted white;
	margin-top: 5px;
	padding-top: 6px;
	display: none;
}

/* END Komponente "Formular" */

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

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

.articleTools,
#commentsCount,
#kommentareLesen,
.commentsTools ul {
	font-size: 0.75em;
}

#commentsCount dt {
	width: auto;
}

.artikelTeaser #commentsCount dd,
body.artikel .artikelTeaser #kommentareLesen p,
.interview .toolBar dt,
.bonus .toolBar dt {
	font-size: 1em;
}

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

body.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;
}

.articleTools dd,
#commentsCount dd {
    margin-left: 178px;
}  

.toolBar dt {
    font-weight: bold;
}

.toolBar li {
    font-weight: normal;
}

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

.commentsTools {
    margin-top: 10px;
}

.printOrSend,
#commentsCount {
    border-bottom: 1px dotted white;
    margin-bottom: 10px;
}

.socialMedia li {
    margin-right: 10px;
}
.socialMedia a {
    display: block;
    width: 16px;
    height: 16px;
}
ul.socialMedia img {
    padding-top: 0;
}
.socialMedia a:hover img {
    width:0;
}
a.twitter:hover { background-image: url(../img/static/ico_twitter_hover.gif); }
a.bluered:hover { background-image: url(../img/static/ico_bluered_hover.gif); }
a.facebook:hover { background-image: url(../img/static/ico_facebook_hover.gif); }
a.blogger:hover { background-image: url(../img/static/ico_blogger_hover.gif); }
a.delicious:hover { background-image: url(../img/static/ico_delicious_hover.gif); }
a.yahoo:hover { background-image: url(../img/static/ico_yahoo_hover.gif); }
a.windows:hover { background-image: url(../img/static/ico_windows_hover.gif); }
a.flower:hover { background-image: url(../img/static/ico_flower_hover.gif); }
a.thumb:hover { background-image: url(../img/static/ico_thumb_hover.gif); }
a.google:hover { background-image: url(../img/static/ico_google_hover.gif); }
a.people:hover { background-image: url(../img/static/ico_people_hover.gif); }
a.hangman:hover { background-image: url(../img/static/ico_hangman_hover.gif); }
a.green:hover { background-image: url(../img/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(../img/static/ico_lzm_printer.gif); }
a.senden { background-image: url(../img/static/ico_lzm_envelope.gif); }
a.lesen { background-image: url(../img/static/ico_lzm_callout.gif); }
a.schreiben { background-image: url(../img/static/ico_lzm_pencil.gif); }

a:hover.drucken { background-image: url(../img/static/ico_lzm_printer_hover.gif); }
a:hover.senden { background-image: url(../img/static/ico_lzm_envelope_hover.gif); }
a:hover.lesen { background-image: url(../img/static/ico_lzm_callout_hover.gif); }
a:hover.schreiben { background-image: url(../img/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 #999;
	padding-top: 6px;
	margin-top: 10px;
}

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

.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 #999;
    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 #999;
	margin-bottom: 9px;
	line-height: 1;
}

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

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

.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" */
	margin-bottom: 1em;
}

* 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(../img/static/lzm_imgBrowserRight_hover.png);
	background-repeat: no-repeat;
}

.arrowLeft a:hover {
    background-image: url(../img/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: #ea5e2f;
}
/* 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(../img/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(../img/static/googleRight_hover.gif);
}
.googleAd a:hover.left {
    background-image: url(../img/static/googleLeft_hover.gif);
}

.vertical {
    background: #f2f2f2 url(../img/static/googleAnzeigen2.gif) right bottom no-repeat;
	padding: 1px 10px 7px 10px;
	margin: 10px 0;
}

.vertical a {
	font-weight: normal;
}

.vertical li {
	float: none;
	width: 100%;
	margin: 0;
	border-bottom: 1px dotted white;
	padding: 8px 0;
}

.vertical li.last {
	float: none;
	border-bottom: none;
}
/* 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(../img/static/pecheAngle.gif) left 0.5em no-repeat;
}

.breadcrumbs li a:hover {
    background-image: url(../img/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;
    margin:0 10px;
}

.artikel .vermarktungsflaeche {
	margin:0px;
}

#teaser .vermarktungsflaeche {
    border-bottom: none;
    margin:0 10px;
}

.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 #999;
    border-bottom: 1px dotted #999;
    padding-top: 8px;
    padding-bottom: 10px;
}

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

.homepage .vermarktungsflaeche h4,
#teaser .vermarktungsflaeche h4 {
    font-size: 0.833333em;
    border-bottom: 1px dotted #999;
	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 {
  border-bottom:0px !important;
}

.sitemap .breadcrumbs {
    margin-bottom: 0.75em;
}

.breadcrumbs .first {
    color: #666;
}

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

.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 #999;
}

.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 #999;
	border-bottom: 1px dotted #999;
	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(../img/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;
	padding-top: 4px;
}
/* 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(../img/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: #ececec;
	padding: 6px 10px 10px 10px;
}

.fuenfSpalten .rechts {
	padding: 5px 10px 10px 10px;
    background-color: #e5effa;
}

#teaser p,
.fuenfSpalten .rechts p {
    font-size: 1.083333em;
}

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

#teaser .contentRelated h4 {
	font-size: 1em;
    border: none;
    padding: 0;
	margin: 0;
	text-transform: none;
	color: #333;
	font-weight: bold;
}

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

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

.iframe iframe {
  float: left;
}

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

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

.einspaltigerTeaserLinks .weiterfuehrendeLinks,
.einspaltigerTeaserRechts .weiterfuehrendeLinks {
	border-top: none;	
	font-weight: bold;
	line-height: 1;
	margin-top: 0.25em; /* entspricht 3px */
}

.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 "1-spaltiger Teaser" */
.einspaltig {
  float:left;
  background:#ECECEC;
  width: 160px;
  padding:10px;
	border-top-width: 7px !important;
}

.einspaltig h2 {
  margin-top:-2px;
	margin-bottom: 10px;
  font-weight:bold;
}

.einspaltig small {
  font-size:0.833em;
}

.einspaltig select {
  width:100%;
}
.einspaltig input {
  width:155px;
}

.einspaltig .button {
  width:auto;
}

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


/* Komponente "Wetter" */
#teaser .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;
}

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

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


/* Komponente "Webcam" */
.webcam img {
	position: absolute;
	top: -10px;
}

.webcamLink {
	display: block;
	position: relative;
}

.homepage .webcam img {
	clip: rect(10px 155px 105px 0px);
	width: 155px;
}

.homepage .webcamLink {
	margin-top: 9px;
	height: 95px;
	width: 155px;
}

body.artikel .webcam img {
	clip: rect(12px 280px 218px 5px);
	width: 291px;
	left: -5px;
}

body.artikel .webcamLink {
	height: 206px;
	width: 275px;
	margin-top: 3px;
}

body.artikel .webcam h3,
body.artikel .webcam p {
	font-size: 0.75em; /* entspricht 12px */
}

body.artikel .webcam ul {
	margin-top: 3px;
}

body.artikel .webcam .weiterfuehrendeLinks,
body.artikel .webcam .weiterfuehrendeLinks li {
	border: none;
	float: none;
	margin-top: 0;
}

body.artikel .webcam .weiterfuehrendeLinks li {
	padding-top: 0;
	padding-bottom: 0;
}

body.artikel .webcam li.uneven {
	margin-right: 10px;
}

body.artikel .webcam li {
	border-top: 1px dotted #999;
	float: left;
	padding-top: 6px;
	padding-bottom: 5px;
}

.artikelTeaser .videoLegende dd {
	font-size: 1em;
}

.webcamDetail img {
	margin-bottom: 5px;
}

img.webcamDetail {
	margin-bottom: 1em;
}

.webcamDetail dt {
	width: 7em;
	white-space: nowrap;
}

.webcamDetail .weiterfuehrendeLinks {
	margin-bottom: 6px;
}
/* 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;
}

#content .fuenfSpalten .multiLayer {
    width: 370px;
}

.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;
}

body.homepage #content .multiLayer h2 {
	font-size: 1.66666667em;
}

#content .multiLayer h2 {
	text-transform: none;
}

.register {
    background: url(../img/static/greyLine.gif) bottom repeat-x;
    position: relative;
	margin-top: 4px;
}
* html .register {
	height: 1;
}

body.homepage .register h3,
body.artikel #teaser .register h3 {
	font-size: 1.166667em; /* entspricht 14px */
}

body.artikel #content .register h3 {
	font-size: 0.875em; /* entspricht 14px */
}

.register h3 {
    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: #ea5e2f !important;
}

.register .first {
    border-left: none;
}

.register .first h3 {
    padding-left: 0;
}
/* END Komponente "MultiLayer" */


/* Komponente "schlagzeilen" (spezielle Auspraegung der MultiLayer-Komponente) */

.schlagzeilen ul {
    left: 0;
    height: 9.5em;
    width: 100%;
    overflow: auto;
}
* html .schlagzeilen ul {
    width: 360px;
}

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

.schlagzeilen ul li {
	display: block;
    max-width: 335px;
    float: none;
    border-bottom: 1px dotted #bfbfbf;
    padding: 5px 0 6px 0;
}
* html .schlagzeilen li {
    width: 335px;
}
.schlagzeilen 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,
#content .fuenfSpalten .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 #999 !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 #999;
    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;
}

*:first-child+html .checkbox,
*:first-child+html .radio {
	vertical-align: baseline;
}

*:first-child+html .balken {
	vertical-align: middle;
}

#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
}

.voting input[type=submit] {
	position: absolute;
	bottom: 10px;
	right: 10px;
}
/* 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: 0;
}
/* END Komponente "3-spaltiger Teaser" */


/* Komponente "boerse"  (spezielle Auspraegung der MultiLayer-Komponente) */

.boerse table {
    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 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 Suchresultate      * */
/* ********************************* */

#contentSearchForm {
	background-color: #e5eff9;
	padding: 9px 10px 10px 10px;
	margin-bottom: 10px;
	margin-top: 1px;
}

#contentSearchForm dt {
	float:left;
	font-weight:bold;
	width:180px;
}

#contentSearchTerm {
    width: 322px;
}

.suchresultatTitel {
	border-top: 1px dotted #bfbfbf;
	border-bottom: 1px dotted #bfbfbf;
	padding: 8px 0 9px 0;
	font-size: 0.8125em;
}



/* ****************** */
/* *   Paging       * */
/* ****************** */

.suchresultatPaging {
	border-top: 1px dotted #999;
	padding-top: 8px;
}

.suchresultatPaging ul,
.suchresultatPaging label {
	float: right;
}

.suchresultatPaging label {
	margin-right: 5px;
	font-weight: bold;
}

div.suchresultatPaging img {
	vertical-align: baseline;
	padding-top: 1px;
}

.suchresultatPaging .first a,
.suchresultatPaging .last a {
	display: inline-block;
	height: 17px;
	width: 16px;
	background-repeat: no-repeat;
	background-position: center 1px;
}

.suchresultatPaging .first a:hover img,
.suchresultatPaging .last a:hover img {
	display: none;
}

.suchresultatPaging .first a:hover {
	background-image: url(../img/static/searchTriangleLeft_hover.gif);
}

.suchresultatPaging .last a:hover {
	background-image: url(../img/static/searchTriangleRight_hover.gif);
}

.suchresultatPaging li {
	float: left;
	padding: 0 4px;
}

.suchresultatPaging .selected {
	font-weight: bold;
/*	text-decoration: underline; */
}

.suchresultatTitel p {
	float: right;
}

.suchresultatTitel h2 {
	float: left;
	margin-top: 0;
}



/* *************************** */
/* *   Template Wetter       * */
/* *************************** */

.wetterkarte {
	position: relative;
}

.wetterkarte a {
	position: absolute;
	font-weight: bold;
	color: black;
	font-size: 0.75em;
}

.wetterIcon,
.schneeIcon {
	display: block;
	background-repeat: no-repeat;
	background-position: center;
}

.wetterIcon {
	width: 62px;
	height: 50px;
}

.schneeIcon {
	width: 7px;
	height: 7px;
	background-image: url(../img/static/lzm_punkt.gif);
}

.wetterkarte .wetter1 {
	background-image: url(../img/static/lzm_wettericons/1.png);
}

.wetterkarte .wetter3 {
	background-image: url(../img/static/lzm_wettericons/3.png);
}

#ZugImg { left:319px; top:81px; }
#EinsiedelnImg { left:434px; top:73px; }
#LuzernImg { left:166px; top:120px; }
#RigiImg { left:296px; top:162px; }
#SchwyzImg { left:375px; top:179px; }
#EntlebuchImg { left:65px; top:209px; }
#StansImg { left:238px; top:234px; }
#SarnenImg { left:133px; top:272px; }
#AltdorfImg { left:357px; top:292px; }
#EngelbergImg { left:266px; top:284px; }

#ZugTemp { left:308px; top:64px; }
#EinsiedelnTemp { left:403px; top:125px; }
#LuzernTemp { left:182px; top:173px; }
#RigiTemp { left:283px; top:144px; }
#SchwyzTemp { left:366px; top:164px; }
#EntlebuchTemp { left:66px; top:189px; }
#StansTemp { left:233px; top:212px; }
#SarnenTemp { left:149px; top:250px; }
#AltdorfTemp { left:349px; top:266px; }
#EngelbergTemp { left:234px; top:339px; }

#EinsiedelnRegionPunkt { left:433px; top:122px; }
#EinsiedelnBolzbergPunkt { left:423px; top:133px; }
#RothenturmPunkt { left:409px; top:150px; }
#SattelPunkt { left:396px; top:168px; }
/* ... */
/* GL @Fidion: Hier bitte weitere Orte fuer Schneebericht eingeben */

.wetterkarte table {
	color: #666;
	font-size: 0.75em;
	position: absolute;
	bottom: 10px;
	left: 10px;
}

.wetterkarte th {
	padding-right: 20px;
}

dl.wetter {
	border-top: 1px dotted #999;
	font-style: italic;
	font-size: 0.75em;
	padding-top: 6px;
}

dl.wetter dt {
	float: left;
	margin-right: 0.25em;
}

dl.wetter dd {
	font-size: 1em;
}

table.wetter {
	background-color: #e0edf3;
	margin-top: 10px;
	margin-bottom: 8px;
	font-size: 0.8125em; /* entspricht 13px */
	width: 100%;
	border-bottom: 8px solid #e0edf3;
}

table.wetter td {
	text-align: center;
	padding-top: 9px;
	line-height: 1;
}

table.wetter thead th {
	border-bottom: 1px solid white;
}

table.wetter thead th {
	color: #666;
	padding: 9px 0 8px 0;
}

table.wetter th {
	font-weight: normal;
	padding-left: 10px;
	line-height: 1;
}

tr.wetter th {
	vertical-align: top;
	font-weight: bold;
	padding: 9px 0 0 10px;
}

body.artikel .artikelTeaser table.wetter p {
	font-size: 1em;
	margin-bottom: 0;
}

tr.wetter td {
	padding: 4px 0 8px 0;
}

tr.wetter td, tr.wetter th {
	border-bottom: 1px dotted white;
	font-weight: bold;
}


/* ******************************* */
/* * Komponente "Aktuelle Werte" * */
/* ******************************* */

#content div.wetter li {
	font-size: 0.75em;
	line-height: 1;
	border-top: 1px dotted #999;
	padding-top: 6px;
	padding-bottom: 10px;
}

#content div.wetter h3,
.webcam h3 {
	text-transform: uppercase;
	line-height: 1.5em; /* entspricht 18px */
}

#content div.wetter h4 {
	font-style: italic;
	font-weight: normal;
	line-height: 1.5em; /* entspricht 18px */
}

#content div.wetter img {
	clear: both;
	display: block;
	margin-top: 5px;
}

#content div.wetter table {
	background-color: #e0edf3;
	width: 100%;
	line-height: 1.75em; /* entspricht 21px */
	border-bottom: 4px solid #e0edf3;
	border-top: 4px solid #e0edf3;
}

#content div.wetter th,
#content div.wetter td {
	border-top: 1px dotted white;
}

#content div.wetter tr.first th,
#content div.wetter tr.first td {
	border: none;
}

#content div.wetter th {
	font-weight: normal;
	padding-left: 10px;
}

#content div.wetter td {
	font-weight: bold;
	color: black;
	padding-right: 10px;
	text-align: right;
}

sup {
	font-size: 0.75em;
	vertical-align: text-top;
}


/* *************************** */
/* * Template Spendenaktion  * */
/* *************************** */
.spenden table {
  width:100%;
  margin:10px 0;
}

.spenden .even td {
	background-color: #ececec;
}

.spenden td,
.spenden th {
  font-size:14px;
}

.spenden .right {
  text-align:right;
}


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

.fuenfSpaltig #content {
	width: 980px;
}

.fuenfSpaltig #teaser {
	display: none;
}

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

.fuenfSpaltig.mitBildUndText {
  background:#ececec;
}

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

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;
}

#content .fuenfSpalten .rechts {
	width: 350px;
	border-bottom: none;
}

#content .fuenfSpalten .links {
	border-bottom: none;
}


/* ******************************************* */
/* *     Templates Bonus, Schneebericht      * */
/* ******************************************* */

body.artikel .bonus p.dachzeile {
	margin-bottom: 0.636363636em; /* entspricht 7px */
}

.bonus dl,
.schneebericht dl {
	margin-bottom: 1em;
}

.schneebericht dl.wetter {
	margin-bottom: 0;
}

.bonus dt,
.schneebericht dt {
	font-size: 0.875em;
	float: left;
	clear: both;
}

.bonus dt {
	width: 9em;
}

.schneebericht dt {
	width: 16em;
}

.schneebericht dl.wetter dt {
	width: auto;
}

.bonus dd {
	margin-left: 9em;
}

.schneebericht dd {
	margin-left: 16em;
}

.schneebericht dl.wetter dd {
	margin-left: 0;
}

.bonus h3 {
	font-size: 20px;
	margin-bottom: 0.45em; /* entspricht 9px */
}

a.bonus {
	font-size: 0.875em; /* entspricht 14px */
	display: block;
	margin-bottom: 3px;
}

.schneebericht table {
	font-size: 0.875em; /* entsprich 14px */
	margin-bottom: 10px;
}

.schneebericht th,
.schneebericht .even td {
	background-color: #ececec;
}

.schneebericht th,
.schneebericht td {
	padding: 2px 0 2px 10px;
}

.warnung {
	color: red;
}



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

#content .panorama {
	border-top-width: 10px;
	padding-bottom: 15px;
	margin-bottom: 10px;
}

.panorama img {
	margin-top: 1px;
}

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

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

.panorama h1 {
	top: 35px;
	color: #ea5e2f;
}

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


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

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 */
}

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

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

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


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

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

*:first-child+html .dossiers li {
  margin-top:-2px !important;
}

*:first-child+html .artikelTeaser.contentItem {
  margin:0px !important;
  padding:0px !important
}

*:first-child+html .artikelTeaser.contentItem li {
  margin-top:-2px !important
}

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

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

.berichte a strong {
	color: #333;
}

#content .berichte {
	padding-bottom: 6px;
}

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

.berichte h3 {
	font-size: 0.875em; /* entspricht 14px */	
}

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

.kurznachricht h2 {
	text-transform: none;
}

.kurznachricht li.last {
	border-bottom: none;
	-moz-border-image: none;
	padding-bottom: 0;
}

body.artikel .kurznachricht h2 {
	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 #999;
/* Gepunktete Linie soll (wenigstens im Firefox) mit einem grauen statt einem transparenten Pixel beginnen: */
	border-image: url(../img/static/borderPixel.gif) 1 repeat;
	-moz-border-image: url(../img/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;
}

#content ul.berichte {
	padding-bottom: 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 .artikelTeaser h1,
body.artikel .panorama h1,
body.artikel .wbSchlagzeile h1,
body.artikel .webTV h1,
body.artikel .multiLayer h2,
body.artikel .wetter h2 {
	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,
#contentSearchForm dt {
	font-size: 0.875em;  /* entspricht 14px */
	line-height: 1.2857143em; /* entspricht 18px */
}

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: 5px;
    margin-right: 10px;
	margin-bottom: 0.75em;
}
*: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 */
}

body.artikel .artikel .weiterfuehrendeLinks {
    line-height: 1.5em; /* entspricht 18px */
	margin-bottom: 5px;
    border-bottom: 1px dotted #999;
/* Gepunktete Linie soll (wenigstens im Firefox) mit einem grauen statt einem transparenten Pixel beginnen: */
	border-image: url(../img/static/borderPixelMirrored.gif) 1 repeat;
	-moz-border-image: url(../img/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 #999;
    float: left;
    width: 270px;
    margin-right: 10px;
}

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

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 #contentSearchTerm,
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 .artikel p.ueberarbeitung,
body.artikel .artikel p.fussnote,
body.artikel h3.obertitel,
body.artikel #content .suchresultatPaging {
    font-size: 0.75em; /* entspricht 12px */
	line-height: 1.5em; /* entspricht 18px */
}

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 #999;
	margin-top: 0.5em !important; /* entspricht 6px */
	padding-bottom: 0.25em;  /* entspricht 3px */
}

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


/* *************************** */
/* *     Template WebTV      * */
/* *************************** */

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

p.videoLegende {
	font-weight: bold;
	margin-top: 6px;
}

dl.videoLegende {
	margin-bottom: 6px;
}

#teaser .videoLegende {
	font-size: 1em; /* entspricht 12px */
}

.videoTeaser h3 {
	padding-left: 20px;
	background: transparent url(../img/static/ico_lzm_titlebar_video.gif) left 0.133em no-repeat; /* entspricht 3px */
}

#teaser .videoTeaser {
	padding-bottom: 8px;
}

body.artikel .webTV h1 {
	margin-bottom: 7px;
	margin-top: 1px;
}

body.artikel #content .videoLegende {
	font-size: 0.75em; /* entspricht 12px */
	line-height: 1.5em;
}

.videoLegende dt {
	font-weight: bold;
	float: left;
	margin-right: 0.5em;
}

.weitereVideos .dachzeile {
    display: none;
}

.weitereVideos .arrowLeft,
.weitereVideos .arrowRight {
    top: 33px;
}

.paging {
	clear: both;
	font-size: 0.75em;
	font-weight: bold;
	float: right;
}

.pagingLeft {
	margin-right: 2px;
	margin-left: 8px;
}

.pagingLeft,
.pagingRight {
	vertical-align: text-top;
    display: inline-block;
    width: 16px;
    height: 16px;
}

*:first-child+html .pagingLeft,
*:first-child+html .pagingRight {
    display: inline;
}
* html .pagingLeft,
* html .pagingRight {
    display: inline;
}

a.pagingLeft:hover img,
a.pagingRight:hover img {
    width: 0;
}

a.pagingRight:hover {
    background-image: url(../img/static/pagingRight_hover.gif);
}

a.pagingLeft:hover {
    background-image: url(../img/static/pagingLeft_hover.gif);
}

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

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

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

.fancybox-ie #fancybox-close		{ background: transparent !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/static/lzm_closeButton.png', sizingMethod='scale') !important; }
.fancybox-ie #fancybox-close:hover	{ background: transparent !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/static/lzm_closeButton_hover.png', sizingMethod='scale') !important; }


#fancybox-title .bildLegende {
    padding-top: 6px;
	color: #666;
}

.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 #999;
}

#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 */
}

#artikelsenden h3 {
	border-bottom: 1px dotted #999;
	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, #captchaInput {
	margin-top: 6px;
}

#captchaImg {
	margin-bottom: 6px;
}

/* Bilderstrecke */

#bilderstrecke {
	border-top-width: 6px;
}

#bilderstrecke .register {
	margin-top: 1px;
  font-size:1.167em;
}

.bilderstreckeSubmenu {
	border-bottom: 1px dotted #ccc;
	padding: 7px 0;
	margin-bottom: 10px;
}

.bilderstreckeSubmenu li {
	display: inline-block;
	padding-right: 15px;
}

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


.bilderstreckeSubmenu a {
	color: #999999;
}

.bilderstreckeSubmenu a.selected {
	color: #000;
}

.bilderstreckeContent {
	width: 667px;
	float: left;
  line-height: 1.5em; /* entspricht 18px */
}

#lightBox .bilderstrecke h1,
#bilderstrecke h1 {
	font-size: 2em; /* entspricht 24px */
	line-height: 1;
	margin-bottom: 3px;
	padding-top: 0;
	border-top: none;
	font-weight: normal;
}

.bilderstreckeContent h3 {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 11px;
	margin-bottom: 10px;
	font-weight: normal;
}

.bilderstreckeContent .suchresultatPaging {
	height: 1.9166667em; /* entspricht 23px */
	border-top: none;
	padding-top: 3px;
  margin-top:0px;
}

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

.bilderstreckeContent .bild {
	display: block;
	width: 667px;
	height: 445px;
	background-color: #333;
	text-align: center;
}

.weitereBilderstrecken {
	width: 264px;
	padding: 10px;
	background-color: #ececec;
	float: right;
}

.weitereBilderstrecken ul {
	overflow: auto;
	height: 555px;
	padding-right: 10px;
}

.weitereBilderstrecken li {
	border-bottom: 1px dotted #b0b0b0 ;
	margin-bottom: 6px;
	padding-bottom: 10px;
	min-height: 6.166667em; /* entspricht 74px */
  position: relative;
}

#lightBox .weitereBilderstrecken h2,
#bilderstrecke .weitereBilderstrecken h2 {
	font-weight: normal;
	text-transform: uppercase;
	border-bottom: 1px dotted white;
	margin-bottom: 10px;
	padding-bottom: 6px;
}

.weitereBilderstrecken h3 {
	font-weight: bold;
}
.weitereBilderstrecken a:hover img,
.weitereBilderstrecken .selected img {
    position: absolute;
    clip: rect(5px 79px 65px 5px);
}

.weitereBilderstrecken div {
	width: 84px;
	height: 70px;
	margin-top: 4px;
	float: left;
	margin-right: 10px;
  background-color: #ea5e2f;
}

.weitereBilderstrecken p {
	line-height: 1.5em; /* entspricht 18px */
}

/* END LZM */