/* gueltig fuer das gesamte Layout */
body {
	background-color:#e2edf3; 
	font-family: helvetica neue, microsoft sans serif, geneva, arial, verdana, sans-serif;
	font-size: 14px;
	width:1198px;
	margin:0px auto;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

/* Werbung an der rechten Seite */
div#rechts {
	position:relative;
	left:+10px;
	width:auto;
	z-index:0;
}

div.angebot {
	font-size:92%;
	text-align:left;
}

div.ang_headline {
	font-size:85%;
	text-align:left;
}

div#rechts img {
	height:85px;
	border:0;
}

div#topartikel {
	position:relative;
	top:+10px;
	text-align:left;
	width:480px;
	z-index:1;
	line-height:110%;
	padding-left:10px;
	padding-right:5px;
	padding-bottom:5px;
	margin-right:10px;
	float:left;
	z-index:1;
}

div#topartikel img {
	position:relative;
	width:150px;
	left:-15px;
	top:-10px;
	float:left;
	margin:3px;
	margin-right:5px;
	padding:5px;
	border: 1px solid #f2f2f2;
	z-index:10;
}

div#topartikel ul a { color:#090;}
div#topartikel a { color:#000; }

/* Zeitungslayout */
div#zeitung {
	width:994px;
	margin:0px auto;
	text-align:left;
	float:left;
}

ol, ul {
	list-style:none;
	margin-left:0;
	padding-left:0;
}

a { text-decoration: none; }
h1 {font-size:100%; font-style:normal; }
h2 {font-size:100%; font-style:bold; }
h3 {font-size:100%; font-style:bold; }
p.artikel { 
	margin-top:-10px;
}

/*oberer Rand */
div#randoben {
	height:30px;
}

/* Impressum ganz oben */
div#impressum {
	height:25px;
	z-index:1;
	text-align:right;
}

div#obere_zeile {
	position:relative;
	z-index:1;
	height:25px;
}

/* Ausgabenkennzeichnung */
div#wo_bin_ich {
	height:25px;
	z-index:1;
	text-align:left;
	float:left;
}

div#impressum a:link,  div#impressum a:visited, div#impressum a:active {
	border:1px solid #c1d5df;
	height:24px;
	padding:3px;
	color:#151517;
}

div#impressum a:hover {
	background-color:#c1d5df;
}

/* Branding */
div#branding {
	position:relative;
	height:124px;
	left:0;
	padding:0;
	margin:0;
	z-index:0;
	background-color:#f9ffff;
}

/* Werbebanner oben 728 x 90 PX und Ausgabenkennzeichnung */
div#werbeoben {
	position:relative;
	width:994px;
	height: 105px;
	z-index:1;
	background-color:#f9ffff;
}

/* Banner 728 x 90 PX oben */
div#mdbanner {
	position:relative;
	margin-left:25px;
	z-index:1;
	height:100px;
	width:738px;
	float:left;
	background:url(/logos/banner_hg.jpg) no-repeat top;
}

/* suche */
div#suche {
	text-align:center;
	position:relative;
	z-index:7;
	height:149px;
	background-color:#f9ffff;
}

/* Register oben */

div.rzeile {
	height:32px;
	background-color:#f9ffff;
}

div.passiv a:link,  div.passiv a:visited, div.passiv a:active {
	border:1px solid #c1d5df;
	height:24px;
	padding:3px;
	float: left;
	color:#151517;
}

div.passiv a:hover {
	border:1px solid #c1d5df;
	background-color:#c1d5df;
	height:24px;
	padding:3px;
	float: left;
	color:#151517;
}

div.aktiv {
	border:1px solid #c1d5df;
	padding:3px;
	height:24px;
	float: left;
	background-color:#c1d5df;
	font-size:110%;
	font-style:bold;
	text-decoration:none;
	text-align:center;
}

div.aktiv a {
	font-style:normal;
	text-decoration:none;
	color:#151517;
}

/* innen */
div#innen{
	position:relative;
	width:994px;
	height:4747px;
	border: 1px solid #c1d5df;
	z-index:8;
	background-color:#f9ffff;
}

/* Navigation oben */
div#navi1 {
	position:relative;
	width:994px;
	height: 50px;
	top: +20px;
	text-align:center;
	background:url(/logos/graustufen984.png) no-repeat top;
	z-index:2;
}

div.nav_left {
	width:140px;
	float:left;
}

div.nav_left a {
	font-style:normal;
	text-decoration:none;
	text-align:center;
	color:#ffffff;
	line-height:2;
}

div.nav_left span {
	font-size:140%;
	font-style:bold;
	text-decoration:none;
	text-align:center;
}

div.nav_mitte {
	width:697px;
	float:left;
	z-index:2;
}

div.nav_mitte a {
	font-style:normal;
	text-decoration:none;
	text-align:center;
	color:#ffffff;
}

div.nav_mitte span {
	font-size:140%;
	font-style:bold;
	text-decoration:none;
	text-align:center;
}

div.nav_right {
	width:140px;
	float:left;
}

div.nav_right a {
	font-style:normal;
	text-decoration:none;
	text-align:center;
	color:#000000;
	line-height:2;
}

div.nav_right span {
	font-size:140%;
	font-style:bold;
	text-decoration:none;
	text-align:center;
}

/* Monitorhilfe */
div#hilfe {
	text-align:center;
	font-size: 90%;
	z-index:1;
	height:40px;
}

/* eartTV (neu in 4.2) */
div#earthtv {
	width:490px;
	height:490px;
	margin:5px;
	float:left;
	z-index:5;
}

/* Artikelblock 1 (geändert in 4.2 für Restbreite 494 PX) */
div#artikelblock1 {
	position:absolute;
	line-height:110%;
	left:+495px;
	width:449px;
	height:784px;
	padding-left:20px;
	padding-right:5px;
	padding-bottom:5px;
	margin-right:10px;
	margin-left:10px;
	float:left;
	z-index:1;
	border-left: 1px solid #CCC;
	border-right: 1px solid #999;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #999;
	background-color:#FFF;
}

div#artikelblock1 img {
	position:relative;
	height:125px;
	left:-15px;
	top:-10px;
	float:left;
	margin:3px;
	margin-right:5px;
	padding:5px;
	border: 1px solid #f2f2f2;
	z-index:10;
}

div#artikelblock1 a:hover img{
	position:relative;
	overflow:visible;
	left:-25px;
	top:0px;
	height:200px;
	padding:5px;
	background-color:#fff;
	border: 1px solid black;
	z-index:41;
}


/* 1. Trenner (geändert in 4.2) */
div#trenner1 {
	position:absolute;
	top:+893px;
	left:+17px;
	width:941px;
	height:245px;
	padding-left:10px;
	padding-right:10px;
	padding-top:18px;
	float:left;
	z-index:2;
	text-align:center;
	border-left: 1px solid #CCC;
	border-right: 1px solid #999;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #999;
}

div#trenner1  a {
	color:#666;
}

div#trenner1l {
	position:relative;
	width:568px;
	border:0;
	padding:0;
	margin:0;
	float:left;
	text-align:center;
	z-index:2;
}

div#trenner1r {
	position:relative;
	width:348px;
	border:0;
	padding-left:10px;
	padding-right:10px;
	margin:0;
	float:left;
	text-align:left;
	z-index:2;
}

div#trenner1r ul { list-style: disc; }

div#satire {
	width: 231px;
	padding-left:20px;
	height:245px;
	float:left;
	text-align:left;
	font-size:90%;
	line-height:110%;
	color:#666;
}

div#satire span {
	font-size: 120%;
	font-style:normal;
	font-variant:small-caps;
}

div#wortwolke {
	width: 275px;
	height:195px;
	padding-left:20px;
	margin:10px;
	float:left;
	z-index:100;
}

div#werbemitte {
	position:absolute;
	top:+1162px;
	width:994px;
	height: 140px;
	text-align:center;
	margin-top:10px;
	z-index:3;
}

div#werbemitte img {
	
	border: 0px;
	text-align:center;
}

div#banneroben {
	position:relative;
	width:772px;
	left:+111px;
	float:left;
	text-align:center;
	z-index:1;
}

div#schwerpunkt {
	position:relative;
	width:752px;
	left:+121px;
	height:115px;
	float:left;
	text-align:center;
	z-index:1;
	margin-right:20px;
	padding-top:5px;
	padding-bottom:5px;
	background:url(bilder/schwerpunkt_hg.jpg) no-repeat top;
	color:#fff;
}

div#schwerpunkt h1 {
	font-size:150%;
	font-style:italic;
	color:#f6f6f6;
}

div#schwerpunkt a {
	color:#f6f6f6;
}

div#banneroben img {
	height:70px;
	border: 0px solid black;
	margin: 0px;
	padding: 0px;
	text-align:center;
}

/* Werbeblock 1 */
div#werbe1 {
	position:absolute;
	top:+1289px;
	height:500px;
	padding:0;
	margin:3;
	float:left;
	z-index:1;
	text-align:center;
}

/* mit earthTV width 570 */
div#map {
	width:470px; 
	height:710px; 
	margin-left:10px; 
	margin-top:10px;
	z-index:1;
}

div#map_ges {
	float:left;
	z-index:1;
}

div#map_u {
	padding-left:10px;
	z-index:1;
}

/* Fixbloxk (geändert in 4.2) */
div#fix1 {
	position:absolute;
	top:-12px;
	left:+523px;
	width:446px;
	height:280px;
	padding:5px;
	z-index:2;
	background-color:#FFF;
	text-align:center;
}

div#fix1 span {
	font-size: 120%;
	font-style:normal;
	font-variant:small-caps;
}

div.fixoben {
	width:400px;
	height:125px;
	text-align:left;
	border-left: 1px solid #CCC;
	border-right: 1px solid #999;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #999;
	padding:5px;
	margin-left:8px;
	margin-right:8px;
	margin-top:15Px;
	font-size:90%;
	line-height:110%;
}

div#twitter {
	position:absolute;
	width:994px;
	left:+25px;
	top:+308px;
	padding:0;
	margin:3;
	float:left;
	z-index:1;
}

/* Artikelblock 2 */
div#artikelblock2 {
	position:absolute;
	top:+1797px;
	line-height:110%;
	width:547px;
	height:660px;
	padding-left:20px;
	padding-right:5px;
	padding-bottom:5px;
	margin-right:10px;
	margin-left:10px;
	float:left;
	z-index:1;
	background-color:#FFF;
	border-left: 1px solid #CCC;
	border-right: 1px solid #999;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #999;
}

div#artikelblock2 img {
	position:relative;
	height:125px;
	left:-15px;
	top:-10px;
	float:left;
	margin:3px;
	margin-right:5px;
	padding:5px;
	border: 1px solid #f2f2f2;
	z-index:3;
}

div#artikelblock2 a:hover img{
	position:relative;
	overflow:visible;
	left:-25px;
	top:0px;
	height:200px;
	padding:5px;
	background-color:#fff;
	border: 1px solid black;
	z-index:5;
}

/* Werbeblock 2 */
div#werbe2 {
	position:absolute;
	top:+1797px;
	left:+592px;
	width:160px;
	height:630px;
	padding:0;
	margin:3;
	float:left;
	z-index:2;
	text-align:center;
}

/* Fixbloxk 2 */

div#fix2 {
	position:absolute;
	top:+1797px;
	left:+752px;
	width:180px;
	height:647px;
	margin-left:5px;
	margin-right:5px;
	padding-left:18px;
	padding-right:23px;
	padding-top:18px;
	float:left;
	font-style:normal;
	font-size:90%;
	line-height:110%;
	z-index:1;
	border-left: 1px solid #CCC;
	border-right: 1px solid #999;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #999;
}

div#fix2 span {
	font-size: 120%;
	font-style:normal;
	font-variant:small-caps;
}

/* 2. Trenner */
div#trenner2 {
	position:absolute;
	top:+2475px;
	left:+11px;
	width:966px;
	height:163px;
	float:left;
	z-index:10;
	text-align:center;
	border-left: 1px solid #CCC;
	border-right: 1px solid #999;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #999;
}
div#trenner2r {
	position:relative;
	width:568px;
	left:+10px;
	border:0;
	margin:0;
	float:left;
	text-align:center;
	z-index:6;
}

div#trenner2l {
	position:relative;
	width:358px;
	left:+7px;
	border:0;
	padding-left:20px;
	padding-right:10px;
	margin:0;
	float:left;
	text-align:left;
	z-index:6;
}

div#trenner2l a { color: #000000; }
div#trenner2r a { color: #000000; }
div#trenner2l ul { list-style: disc; }

div#trenner2r img {
	height:70px;
	margin:5px;
	padding:5px;
	border: 1px solid black;
}

div#edition1, div#edition2, div#edition3, div#edition4 {
	position:relative;
	float:left;
	text-align:center;
}


div#edition1 {
	position:absolute;
	left:0px;
	width:142px;
	float:left;
	z-index:10;
}

div#edition2 {
	position:absolute;
	left:142px;
	width:142px;
	float:left;
	z-index:9;
}

div#edition3 {
	position:absolute;
	left:284px;
	width:142px;
	float:left;
	z-index:8;
}

div#edition4 {
	position:absolute;
	left:426px;
	width:142px;
	float:left;
	z-index:7;
}

div#edition1 a:hover img{
	position:absolute;
	overflow:visible;
	left:-10px;
	top:-50px;
	height:200px;
	padding:5px;
	background-color:#fff;
	border: 1px solid black;
	z-index:41;
}

div#edition2 a:hover img{
	position:absolute;
	overflow:visible;
	left:-10px;
	top:-50px;
	height:200px;
	padding:5px;
	background-color:#fff;
	border: 1px solid black;
	z-index:41;
}

div#edition3 a:hover img{
	position:absolute;
	overflow:visible;
	left:-10px;
	top:-50px;
	height:200px;
	padding:5px;
	background-color:#fff;
	border: 1px solid black;
	z-index:41;
}

div#edition4 a:hover img{
	position:absolute;
	overflow:visible;
	left:-10px;
	top:-50px;
	height:200px;
	padding:5px;
	background-color:#fff;
	border: 1px solid black;
	z-index:41;
}

/* Fixbloxk 3 */
div#fix3 {
	position:absolute;
	top:+2653px;
	width:180px;
	height:647px;
	margin-left:10px;
	margin-right:5px;
	padding-left:18px;
	padding-right:23px;
	padding-top:18px;
	float:left;
	font-style:normal;
	font-size:90%;
	line-height:110%;
	z-index:2;
	border-left: 1px solid #CCC;
	border-right: 1px solid #999;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #999;
}

div#fix3 span {
	font-size: 120%;
	font-style:normal;
	font-variant:small-caps;
}

/* Werbeblock 3 */
div#werbe3 {
	position:absolute;
	top:+2653px;
	left:+236px;
	width:160px;
	height:630px;
	padding:0;
	margin:3;
	float:left;
	z-index:2;
	text-align:center;
}

/* Artikelblock 3 */
div#artikelblock3 {
	position:absolute;
	top:+2653px;
	left:+390px;
	line-height:110%;
	width:552px;
	height:660px;
	padding-left:20px;
	padding-right:5px;
	padding-bottom:5px;
	margin-right:10px;
	margin-left:10px;
	float:left;
	z-index:2;
	background-color:#FFF;
	border-left: 1px solid #CCC;
	border-right: 1px solid #999;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #999;
}

div#artikelblock3 img {
	position:relative;
	height:125px;
	left:-15px;
	top:-10px;
	float:left;
	margin:3px;
	margin-right:5px;
	padding:5px;
	border: 1px solid #f2f2f2;
	z-index:10;
}

div#artikelblock3 a:hover img{
	position:relative;
	overflow:visible;
	left:-25px;
	top:0px;
	height:200px;
	padding:5px;
	background-color:#fff;
	border: 1px solid black;
	z-index:41;
}

/* 3. Trenner */
div#trenner3 {
	position:absolute;
	top:+3332px;
	left:+11px;
	width:965px;
	height:315px;
	float:left;
	z-index:10;
	text-align:center;
	border-left: 1px solid #CCC;
	border-right: 1px solid #999;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #999;
}
div#trenner3l {
	position:relative;
	width:686px;
	border:0;
	padding-left:30px;
	padding-top:13px;
	margin:0;
	float:left;
	text-align:center;
	z-index:3;
}

div#tvprogramm {
	float:left;
	width:300px;
}

div#seastar {
	float:left;
	width:386px;
}

div#trenner3r {
	position:relative;
	width:200px;
	border:0;
	padding-left:20px;
	padding-right:10px;
	margin:0;
	float:left;
	text-align:left;
	z-index:3;
}

div#trenner3r a { color: #000000; }
div#trenner3l a { color: #000000; }
div#trenner3r ul { list-style: disc; }

/* Artikelblock 4 */
div#artikelblock4 {
	position:absolute;
	top:+3661px;
	line-height:110%;
	width:552px;
	height:660px;
	padding-left:20px;
	padding-right:5px;
	padding-bottom:5px;
	margin-right:10px;
	margin-left:10px;
	float:left;
	z-index:2;
	border-left: 1px solid #CCC;
	border-right: 1px solid #999;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #999;
	background-color:#FFF;
}

div#artikelblock4 img {
	position:relative;
	height:125px;
	left:-15px;
	top:-10px;
	float:left;
	margin:3px;
	margin-right:5px;
	padding:5px;
	border: 1px solid #f2f2f2;
	z-index:10;
}

div#artikelblock4 a:hover img{
	position:relative;
	overflow:visible;
	left:-25px;
	top:0px;
	height:200px;
	padding:5px;
	background-color:#fff;
	border: 1px solid black;
	z-index:41;
}

/* Werbeblock 4 */
div#werbe4 {
	position:absolute;
	top:+3661px;
	left:+592px;
	width:160px;
	height:630px;
	padding:0;
	margin:3;
	float:left;
	z-index:2;
	text-align:center;
}

/* Fixbloxk 4 */

div#fix4 {
	position:absolute;
	top:+3661px;
	left:+752px;
	width:180px;
	height:647px;
	margin-left:5px;
	margin-right:5px;
	padding-left:18px;
	padding-right:23px;
	padding-top:18px;
	float:left;
	font-style:normal;
	font-size:90%;
	line-height:110%;
	border-left: 1px solid #CCC;
	border-right: 1px solid #999;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #999;
	z-index:2;
}

div#fix4 span { 
	font-size: 120%;
	font-style:normal;
}

/* 4. Trenner */
div#trenner4 {
	position:absolute;
	top:+4339px;
	left:+11px;
	width:965px;
	height:315px;
	float:left;
	z-index:2;
	text-align:center;
	border-left: 1px solid #CCC;
	border-right: 1px solid #999;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #999;
}
div#trenner4l {
	position:relative;
	width:686px;
	border:0;
	padding-left:30px;
	margin:0;
	float:left;
	text-align:center;
	z-index:3;
}

div#trenner4r {
	position:relative;
	width:200px;
	border:0;
	padding-left:20px;
	padding-right:10px;
	margin:0;
	float:left;
	text-align:left;
	z-index:3;
}

div#trenner4r a { color: #000000; }
div#trenner4l a { color: #000000; }
div#trenner4r ul { list-style: disc; }

/* Navigation unten */
div#navi2 {
	position:absolute;
	top:+4667px;
	width:994px;
	height: 50px;
	
	text-align:center;
	background:url(/logos/graustufen984.png) no-repeat top;
	z-index:2;
}

div#rechtliches {
	position:absolute;
	top:+4717px;
	width:994px;
	height:30px;
	text-align: center;
	z-index:2;
}

/* Partnerlinks */
div#partner {
	position:relative;
	overflow:visible;
	width: 992px;
	height:250px;
	z-index:100;
	top:140px;
}

div.schmalep { 
	position:relative;
	width:248px;
	top: +8px;
	text-align:center;
	float:left;
}

div.gschmalep { 
	position:relative;
	width:188px;
	top: +8px;
	text-align:center;
	float:left;
}

div.breitep { 
	position:relative;
	width:556px;
	top: +9px;
	text-align:center;
	float:left;
}

div#hotel {
	position:relative;
	width: 496px;
}

/* über FineArtReisen */
div#infos {
	position:relative;
	width: 932px;
	padding:30px;
	z-index:2;
	bottom:50px;
	top:100px;
	border-left: 1px solid #CCC;
	border-right: 1px solid #999;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #999;
}

/* darstellbare Kapitel */
div.kapitel {
	text-align:center;
}

div.kapitel a {
	color: #000000;
}

div#infostring {
	position:relative;
	overflow:visible;
	width: 992px;
	height:250px;
	z-index:1;
	top:140px;
	text-align:left;
}


/* begin styles for RSS Feed */

.rss-box {
	 margin: 5px;
	 padding: 4px;
}

.rss-title, rss-title a {
	font-family: "American Typewriter", "Trebuchet MS", Trebuchet, Lucida, sans-serif;
	font-size: 14px;
	margin: 2px 0;
	padding: 0;
	letter-spacing: 1px;
	text-align:left;
	color:#000;
}

.rss-items {
  
}

.rss-item  {
  font-family: verdana, arial, sans-serif;
  font-size: 11px; 
  margin: 8px 0;
  text-align:left;
  color:#000;
}

.rss-item a:link, .rss-item a:visited, .rss-item a:active {
	text-decoration : none;
	color: #88b;
	}

.rss-item a:hover { 
	text-decoration : none;
	color: #e0861e;
	}
	
.rss-date {
	font-size: 11px;
	font-weight : normal;
	color: #F60;
	}
	
/* buttons modeled from http://www.wellstyled.com/css-inline-buttons.html */

.pod-play {
   _width:12em;
   margin: 0 0.2em; padding: 0.1em 0; _padding:0;
   
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #fb6;
   color: black;
   }
.pod-play em {
   _width:1em; _cursor:hand;
   font-style: normal;
   margin:0; padding: 0.1em 0.5em;
   background: white;
   color: #222;
   }
.pod-play span {
   _width:1em; _cursor:hand;
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   }
.pod-play:hover {
   background: #666;
   color: white;
   }
.pod-play:hover em {
   background: black;
   color: white;
   }
   
/* Styles zur Google-MAP */
div#map_werbung {
	width:250px;
	height:auto;
}

div#map_werbung img {
	width:75px;
	float:left;
	margin:5px;
	border:0;
}

div#map_werbung a:hover img {
	width:150px;
	float:left;
	margin:5px;
	padding:7px;
	border: 1px solid black;
}