/* BASE LAYOUT MOPO */

.mopo * { margin: 0; padding: 0; }

body.mopo {
	font: normal normal 1em/1em Verdana, Arial, sans-serif;
	font-size: 100.01%;
	margin: 0;
	padding: 0;
}

/* Superbanner part für Wallpaper */
.mopo #adl_sb_table {
	width: 902px;
}

/*
geändert, weil ansonsten html-tablellen auseinanderreissen.
Kann wieder zurückgestellt werden,
wenn alles auf stylesheets umgestellt ist.
table td { padding: 2px 3px; }*/

.mopo table td, .mopo table th {
	padding: 0px 0px;
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
}

.mopo table td p {
	padding: 0px 0px;
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
}

.mopo img, div { border: 0; }

.mopo .noborder { border: none!important; }
.mopo hr, .inv { display: none; }

.mopo p {
	font-size: 13px;
}

.headteaser {
	font-size: 10.2px;
	line-height: 11.5px;
}

.mopo DIV.inner UL,
.mopo DIV.inner OL {
  margin-left: 10px;
  margin-top: 3px;
  margin-bottom: 8px;
  font-size: 13px;
}
.mopo DIV.inner OL {
  margin-left: 20px;
}
.mopo DIV.inner UL {
  list-style: square;
}

/* wrapper including skyscraper */
.mopo #wrapper-full {
	width: 1060px; /* <= 940px + 80px + 40px (new subnewscol) TODO(RN) */
	/*background: #FFF url('../images/base/menu_bg.gif') 0 0 repeat-y;*/
	/*20051007_ADLINK-WALLPAPER*/
	background: url('http://www.mopo.de/images/base/menu_bg.gif') 0 0 repeat-y;
	position: absolute;
	top: 100px;
}

/* wrapper left columns and content columns, width => 150 + 630 */
.mopo #wrapper-content {
	width: 900px; /* <= 780px + 80px + 40px (new subnewscol) TODO(RN) */
	float: left;
}

/* left column, width => 140 + 10 */
.mopo #wrapper-leftcol {
	width: 150px;
	float: left;
}

/* content section, width => 620 + 10 + 80 + 40 (new subnewscol) */
.mopo #wrapper-midcol {
	float: right;
	width: 750px;
}

/* head section (3 blocks) */
.mopo #wrapper-head {
	height: 150px;
	margin-bottom: 10px;
}

/* rosa.redux - New ressort header box */
.mopo #MOPO-head-content {
	float: left;
	width: 430px;
	background-color: #999;
	margin-right: 10px;
	height: 150px;
}
.mopo #MOPO-head-content DIV.head-inner {
	height: 150px;
	color: #FFF;
}
.mopo #MOPO-head-content DIV.head-inner A {
	color: #FFF;
	background-color: #555;
}
.mopo #MOPO-head2 {
  float: left;
  width: 110px;
  background-color: #FFF; /* border */
  margin-right: 10px;
  height: 150px;
}
.mopo #MOPO-head3 {
	float: left;
	width: 180px;
	height: 150px;
	background-color: #FFF;
}

/* for borders in head boxes */
.mopo .head-inner {
	margin: 1px;
	background-color:#FFF;
	height: 148px;
	/*20051007_ADLINK-WALLPAPER*/
	font-size: 12px;
}

.mopo .head-inner.ad {
	margin: 0;
	height: 150px;
}


/* INFOBAR */
/* the info bar (f.e. date) */
.mopo .wrapper-infobar {
	float: left;
	width: 740px; /* <= 620+80+40 (new subnewscol) */
	min-height: 18px;
	background-color:#FFF;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
* html .mopo .wrapper-infobar { height: 18px; } /* IE HACK */
.mopo .MOPO-infobar {
	margin: 1px 0;
	background-color:#FFF;
	min-height: 16px;
	padding: 0 10px;
}
* html .mopo .MOPO-infobar { height: 16px; } /* IE HACK */

/* mopo logo (140 * 170) */
.mopo #MOPO-logo {
	height: 180px;
	background-color:#C00;
	width: 140px;
}


/* NAVIGATION */
.mopo #MOPO-nav {
	width: 140px;
}

/* TEASER (left) */
.mopo #MOPO-tease {
	width: 140px;
}

/* main content section CONTENT (full width) */
.mopo .MOPO-content-full {
	width: 740px; /* <= 620px + 80px + 40px (new subnewscol) TODO(RN) */
}
/* CONTENT */
.mopo .MOPO-content {
	float: left;
	width: 430px;
	margin-right: 10px;
}
/* SUBNEWS */
.mopo .MOPO-subnews {
	float: left;
	width: 300px; /* <= 180px + 80px + 40px (new subnewscol) TODO(RN) */
}

.mopo table.content {
	margin: 10px 0 10px 0;
	width: 100%;
	border-collapse: collapse;
	clear: both;
}
.mopo table.content tr.tr1 td,
.mopo table.content tr.tr3 td,
.mopo table.content tr.tr5 td,
.mopo table.content tr.tr7 td,
.mopo table.content tr.tr9 td,
.mopo table.content tr.tr11 td,
.mopo table.content tr.tr13 td,
.mopo table.content tr.tr15 td,
.mopo table.content tr.tr17 td,
.mopo table.content tr.tr19 td,
.mopo table.content tr.tr21 td,
.mopo table.content tr.tr23 td,
.mopo table.content tr.tr25 td,
.mopo table.content tr.tr27 td,
.mopo table.content tr.tr29 td,
.mopo table.content tr.tr31 td,
.mopo table.content tr.tr33 td,
.mopo table.content tr.tr35 td,
.mopo table.content tr.tr37 td,
.mopo table.content tr.tr39 td {
	background-color: #f6f6f6;
}
.mopo table.content th {
	border: solid 1px #6d6d6d;
	padding: 5px;
	background-color: #999999;
	color: #FFFFFF;
}
.mopo table.content td {
	padding: 5px;
	border: solid 1px #6d6d6d;
}

.mopo table.contentSimple th,
.mopo table.contentSimple td {
  padding: 3px;
  border: none;
  border-bottom: solid 1px #6d6d6d;
  vertical-align: top;
  text-align: left;
}

.mopo table.tabelle td.td1,
.mopo table.belletristik td.td1,
.mopo table.sachbuch td.td1 {
	font-weight: bold;
	width: 10px;
}
.mopo table.belletristik td.td2,
.mopo table.sachbuch td.td2 {
	width: 10px;
}

.mopo table.ergebnisse td.td4 {
	font-weight: bold;
}
.mopo table.ergebnisse td span.hsv,
.mopo table.tabelle td span.hsv {
	font-weight: bold;
}
.mopo table.ergebnisse td span.stpauli,
.mopo table.tabelle td span.stpauli {
	font-weight: bold;
}

/* Wetter Auslandsdaten */
.mopo table#wettertabelle {
	margin: 10px 0 0 0;
	width: 100%;
	border-collapse: collapse;
}
.mopo table#wettertabelle tr#tr1 td,
.mopo table#wettertabelle tr#tr3 td,
.mopo table#wettertabelle tr#tr5 td,
.mopo table#wettertabelle tr#tr7 td,
.mopo table#wettertabelle tr#tr9 td,
.mopo table#wettertabelle tr#tr11 td,
.mopo table#wettertabelle tr#tr13 td,
.mopo table#wettertabelle tr#tr15 td,
.mopo table#wettertabelle tr#tr17 td,
.mopo table#wettertabelle tr#tr19 td,
.mopo table#wettertabelle tr#tr21 td,
.mopo table#wettertabelle tr#tr23 td,
.mopo table#wettertabelle tr#tr25 td,
.mopo table#wettertabelle tr#tr27 td,
.mopo table#wettertabelle tr#tr29 td,
.mopo table#wettertabelle tr#tr31 td,
.mopo table#wettertabelle tr#tr33 td,
.mopo table#wettertabelle tr#tr35 td,
.mopo table#wettertabelle tr#tr37 td,
.mopo table#wettertabelle tr#tr39 td {
	background-color: #f6f6f6;
}

/* Leaderboard (728 * 90) => height 110 */
.mopo div#MOPO-ad-uap-super-banner {
	/*background: #FFF url(http://www.mopo.de/images/base/anzeige.gif) no-repeat;*/
	/*20051007_ADLINK-WALLPAPER*/
	background: url(http://www.mopo.de/images/base/anzeige.gif) no-repeat;
	top: 0px;
	position: absolute;
}
.mopo #MOPO-ad-uap-super-banner div#MOPO-ad-uap-super-banner-inner{
	/*
	height: 90px;
	*/
	/*20060402_ADLINK-MEGABANNER*/
	/*
	width: 728px;
	background-color: #f9f9f9;
	margin: 10px 10px 10px 42px;*/
	/*20051007_ADLINK-WALLPAPER*/
	/*width: 860px;*/ /* <= 770+80 */
	width: 892px; /* <= 770+120 */
	margin: 0 10px 10px 0;
}
/* right side skyscraper */
.mopo #MOPO-ad-uap-wide-skyscraper {
	position: absolute;
	left: 902px;
	top: 100px;
	float: right;
}
.mopo #MOPO-ad-uap-wide-skyscraper #MOPO-ad-uap-wide-skyscraper-inner {
	height: 600px;
	width: 160px;
	/*background-color: #f9f9f9;*/
}
/* content tail: banner */
.mopo #MOPO-ad-banner {
	float: left;
	margin-right:10px;
}
.mopo #MOPO-ad-banner div {
	width: 468px;
	height: 60px;
	background-color: #f9f9f9;
}
/* content tail: button */
.mopo #MOPO-ad-button {
	float: right;
}
.mopo #MOPO-ad-button div {
	width: 137px;
	height: 60px;
	background-color: #f9f9f9;
}

.mopo div.ad-mediumrectangle table {
	margin-bottom: 10px;
}

.mopo div.ad-mediumrectangle table table {
	margin-bottom: 0;
}

/* FOOTER */
.mopo #MOPO-footer {
	border-top: 1px dashed #000;
}


/* spacing stuff (div) */
.mopo .t1 { height: 1px; font-size: 1px; line-height: 1px; }
.mopo .t2 { height: 2px; font-size: 2px; line-height: 2px; }
.mopo .t3 { height: 3px; font-size: 3px; line-height: 3px; }
.mopo .t5 { height: 5px; font-size: 5px; line-height: 5px; }
.mopo .t8 { height: 8px; font-size: 8px; line-height: 8px; }
.mopo .t10 { height: 10px; font-size: 10px; line-height: 10px; }
.mopo .t20 { height: 20px; font-size: 20px; line-height: 20px; }

/* bereich leserreisen */
.mopo .price { color: red; font-weight: bold;}

.mopo .subnewsH3 {
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #C00;
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: 15px;
	line-height: 1.1em;
}
.mopo .subnewsH4 {
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #C00;
	font-size: 0.9em;
	line-height: 1.2em;
	margin-bottom: 3px;
}
.mopo .subsubheadline {
	font-weight: bold;
	color: #C00;
	font-size: 0.6em;
	line-height: 1.1em;
}
.mopo .subnewssmall {
	padding: 0px 0px;
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
}
.mopo .stoerer {
	padding: 0 10px 0 10px;
	background-color: #3AA1B8;
	font-weight: bold;
	color: #FFF;
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	width: 158px;
	margin-top: 5px;
	margin-bottom: 5px;
}


/* helpers */
.mopo .err { color: red; font-style: italic; font-weight: bold;}

/* hinweismeldung mit icon */
.mopo span.err2 {
	/*icon als bg im umliegenden span */
	padding-left: 21px;
	background: url(http://www.mopo.de/images/base/error.gif) no-repeat left;
	color: red;
	font-weight: bold;
	font-size: 13px;
}

.mopo .whitebg { background-color: #FFF; }
.mopo .blackbg { background-color: #000; }
/* display: block */
.mopo .ble { display: block; }
/* protecting small columns from breaking the layout */
.mopo .nowrap { overflow: hidden; }

/* clearing */
.mopo .cl {
	clear: left;
	line-height: 0;
	font-size: 0;
	height: 0;
}
.mopo .clboth { clear: both; }
.mopo .clright { clear: right; }

/* form stuff */
.mopo form.formbordered{
	display: inline;
}
.mopo form.formbordered input {
	border: 1px solid #000;
	font-size: 10px;
}
.mopo form.formbordered select {
	border: 1px solid #000;
	font-size: 10px;
}
.mopo form.formbordered label {
	color: #000;
	font-weight: bold;
	font-size: 0.6em;
}
.mopo form.formbordered fieldset {
	border: none;
	padding-left: 8px;
}
.mopo form.formbordered .butt {
	border: none;
}
/* .textbutt - Formular-Button mit Pfeil und Text  */
.mopo form.formbordered .textbutt {
	background-color: #FFFFFF;
	border: none;
	background-image: url(http://www.mopo.de/images/base/lnk.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight:bold;
}

/* formbox ist das standartsuchformular / formbox2 die klasse fuer dropdowns - wert plus 2 pixel */

.mopo form.formbordered .formbox {
	font-size: 10px;
	text-align: left;
	width: 250px;
}
.mopo form.formbordered .formbox2 {
	font-size: 10px;
	text-align: left;
	width: 252px;
}
/*
form {
	display: inline;
}
input, select {
	border: 1px solid #000;
	font-size: 10px;
}
*/
.mopo label {
	font-size: 0.8em;
	line-height: 1.2em;
}
DIV.pollTeaser LABEL {
  margin-left: 20px;
  display: block;
}
DIV.pollTeaser INPUT {
  float: left;
  margin-top: 2px;
  margin-right: 5px;
  width: 15px;
}
DIV.pollTeaser INPUT.pollButton {
  width: 278px;
  height: 16px;
  clear: left;
  margin-top: 10px;
}

/*
fieldset {
	border: none;
	padding-left: 8px;
}
.butt {
	border: none;
}
*/

.mopo .it66 { width: 66px; }
.mopo .it80 { width: 80px; }
.mopo .it100 { width: 100px; }
.mopo .it110 { width: 110px; }
.mopo .it116 { width: 116px; }
.mopo .it120 { width: 120px; }
.mopo .it156 { width: 156px; }
.mopo .it196 { width: 196px; }
.mopo .it236 { width: 236px; }

.mopo .bookmarks{
	padding-bottom:10px;
	padding-left:25px;
}
