/* 
on_style.css 
Uebernahme ON/EL-Live von hmmh, Nov. 2008 
ON-Rot: #E3001B
Gesamtbreite: 795px
Linke Navi: 155px
Content: 482px
Rechte Navi: 154px
Abstaende: 2px
m.karl@neue-oz.de 07.08.2008 
*/

body {
  margin: 0px;
  font-family: arial,helvetica,verdana,sans-serif;
  font-size: 11px;
  color: #000;
  background-image: url(_images/backrow.gif);
  background-repeat: repeat-y;
}


div.superbanner img {
  display: block;
}

*html div.superbanner_ie {
  margin-top: -2px;
}

div.skyscraper img {
  display: block;
}

h1 {
  font-size: 16px;
  font-weight: bold;
  color: #000;
  display: inline;
}

h2 {
  font-size: 12px;
  /* color: #E3001B; */
  font-weight: bold;
  text-align: center;
  border-top: 1px solid #E3001B; 
  border-bottom: 1px solid #E3001B;
}

h3 {
  font-size: 12px;
  font-weight: bold;
  color: #000;
  display: inline;
}

input.login {
  border: 1px solid #000;
  width: 120px;
  height: 12px;
  font-size: 8pt;
  padding: 0 0 0 1px;
  margin-top: 5px;
  margin-left: 5px;
  float: left;
}

div#logo{
  float: left;
  width: 155px;
  height: 87px;
  border-right: 2px solid #fff;
}

div#toprow {
  background-color: #E3001B;
  width: 795px;
  height: 87px;
  border-bottom: 2px solid #fff;
  overflow: hidden;
}

img#topad {
  display: block;
}

* html #topad {
  position: relative;
  left: -3px;
  margin-right: -3px;
}

div#topnav {
  display: block;
  text-align: center;
}

div#nachrichten {
  width: 123px;
  padding: 3px 0px 3px 0px;
  float: left;
  border-left: 2px solid #fff;
  background-color: #003C85;
}

div#fun {
  width: 64px;
  padding: 3px 0px 3px 0px;
  float: left;
  border-left: 2px solid #fff;
  background-color: #76003d;
}

div#shop {
  width: 68px;
  padding: 3px 0px 3px 0px;
  float: left;
  border-left: 2px solid #fff;
  background-color: #fecc00;
}

div#kleinanzeigen {
  width: 130px;
  padding: 3px 0px 3px 0px;
  float: left;
  border-left: 2px solid #fff;
  background-color: #a4c300;
}

div#werben {
  width: 89px;
  padding: 3px 0px 3px 0px;
  float: left;
  border-left: 2px solid #fff;
  background-color: #ec740a;
}

div#service {
  width: 154px;
  float: left;
  padding: 3px 0px 3px 0px;
  border-left: 2px solid #fff;
  background-color: #e3001b;
  border-bottom: 2px solid #fff;
}

div#leftnav {
  float: left;
  width: 155px;
  margin-top: -3px;
}

div #content {
  float: left;
  width: 486px;
  margin-top: -3px;
}

/* Korrektur 3-pixel-bug fuer IE */
* html div#content {
  margin-left: -2px;
  width: 488px;
}

div#vorschaubalken {
  background-image: url(_images/aktuelles_bg.gif);
  background-repeat: repeat-y; 
  margin: 0 0 2px 2px; 
  width:482px;
}

* html div#vorschaubalken {
  margin: 0 0 0px 2px;
  position: relative;
  left: 2px;
  top: -2px;
}

div#ressort {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  margin: 0px 0px 2px 2px;
  width: 477px;
  padding: 2px 0px 2px 5px;
  float: left;
  text-transform: uppercase;
}

.header {
  margin: 0px 0px 2px 2px; 
  width:482;
}

* html .header {
  margin: 0px 0px 2px 2px; 
  width:482;
  position: relative;
  left: 2px;
}

div#bildbox {
  background-color: #c9e9f9;
  font-size: 10px;
  width: 250px;
  clear: both;
  float: left;
  margin: 0px 5px 5px 0px
}

div.artikeluebersicht {
  padding: 5px 9px 9px 9px;
}

div.ende {
  clear: both;
  float: none;
  border-bottom: 1px solid #000;
  margin: 5px 0px 5px 0px;
}

div.box_1sp {
  margin: 0px 0px 2px 2px;
  width: 240px;
  float: left;
}

div.box_2sp {
  margin: 0px 0px 2px 2px;
  width: 482px;
  float: left;
}

div.dach {
  padding: 3px 0px 3px 5px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
}

div#rightnav {
  float: left;
  width: 154px;
  margin-top: -3px;
}

/* Classes fuer Links */

a:link, a:visited {
  font-weight: bold;
  color: #E3001B;
  text-decoration: none;
}

a:hover, a:active {
  text-decoration: underline;
}

.ueberschrift {
  font-size: 16px;
  font-weight: bold;
  color: #000;
}

a.ueberschrift:link, a.ueberschrift:visited  {
  color: #000;
  text-decoration: none;
}

a.ueberschrift:hover, a.ueberschrift:active  {
  color: #000;
  text-decoration: underline;
}

.ueberschrift-klein {
  font-size: 12px;
  font-weight: bold;
  color: #000;
}

a.ueberschrift-klein:link, a.ueberschrift-klein:visited  {
  color: #000;
  text-decoration: none;
}

a.ueberschrift-klein:hover, a.ueberschrift-klein:active  {
  color: #000;
  text-decoration: underline;
}

.topwhite {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}

a.topwhite:link, a.topwhite:visited {
  color: #fff;
  text-decoration: none;
}

a.topwhite:hover, a.topwhite:active {
  color: #fff;
  text-decoration: underline;
}

.topblack {
  font-size: 14px;
  font-weight: bold;
  color: #000;
  text-decoration: none;
}

a.topblack:link, a.topblack:visited {
  color: #000;
  text-decoration: none;
}

a.topblack:hover, a.topblack:active {
  color: #000;
  text-decoration: underline;
}

a.leftnavelement:link, a.leftnavelement:visited {
  padding: 4px 0px 4px 4px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  border-bottom: 1px solid #fff;
  color: #fff;
  display: block;
  width: 151px;
}

.headline {
  font-size: 16px;
  font-weight: bold;
  color: #000;
}

a.headline:link, a.headline:visited {
  color: #000;
  text-decoration: none;
}

a.headline:hover, a.headline:active {
  color: #000;
  text-decoration: underline;
}

a.textnodeco:link, a.textnodeco:visited, a.textnodeco:hover, a.textnodeco:active {
  color: #000;
  font-weight: normal;
  text-decoration: none;
}

.boxpic {
  margin-right: 3px;
}

* html .boxpic{
  margin-right: 0px;
}

/* Box-Classes fuer Hover-Effekt, funktioniert noch nicht wie es soll */

.box {
  color: #000;
  display: block;
  float:left;
  border-left: 2px solid #fff;
  text-decoration: none;
  margin-bottom: 2px;
}

* html .box {
  position: relative;
  left: 2px;
}

a.box:link, a.box:visited {
  text-decoration: none;
  color: #000;
  font-weight: normal;
}

a.box:hover, a.box:active {
  text-decoration: none;
  color: #000;
  font-weight: normal;
  FILTER: alpha(opacity=25);
	opacity: .25;
	-moz-opacity: 0.25;
}
div.localcontentcontainer {
	width:482px;
	padding-left:2px;
	padding-right:2px;
}
/* Korrektur fuer IE */
* html div.localcontentcontainer {
	width:482px;
	padding-left:4px;
	padding-right:2px;
}
div#serviceon  {
	font-weight:bold;
	color:#ffffff;
	background-color:#e3001b;
	padding:2px;
	display:block;
	text-transform: uppercase;
}
div#abstand_content{
	margin-left:5px;
}
iframe#on_shop{
	margin-top:-3px;
}
div#ka_titel {
	font-weight:bold;
	color:#000;
	background-color:#A4C306;
	padding:2px;
	display:block;
	text-transform: uppercase;
}
div#werben_titel {
	font-weight:bold;
	color:#fff;
	background-color:#ED740B;
	padding:2px;
	display:block;
	text-transform: uppercase;
}
div.shop_preis{
	text-align:center;
	font-size:13px;
	float:right;
	font-weight:bold;
	color:#fff;
	background-color:#ff0000;
	height:17px;
	width:50px;
}
/** table- und img-Definitionen fuer Sexy, ts 
 *  2sp : "Zweipalter" - zeigt die breiten, zweispaltigen Anzeigen in einer Spalte.
 *  1sp : "Einspalter" - zeigt die schmaleren, einspaltigen Anzeigen in zwei Spalten.
 **/
table.sexy2sp, table.sexy1sp {
  width: 482px;
  margin-left: 2px;
  background-color: #e7c3d6;
  border-collapse: collapse;
  border: 0px solid #e7c3d6;
  border-bottom: 2px solid #e7c3d6;
}
*html table.sexy2sp, *html  table.sexy1sp {
  width: 483px;
}
table.sexy2sp td, table.sexy1sp  td {
  font-size: 1px;
  line-height: 1px;
}
table.sexy2sp td img, table.sexy1sp  td img {
  margin: 0px;
  border: 0px;
  padding: 0px;
}
table.sexy2sp td img.anz {
  margin-left: 7px;
  margin-bottom: 5px;
}
table.sexy1sp td img.anz {
  margin-left: 2px;
  margin-bottom: 5px;
}
table.sexyplus  {
  width: 482px;
  margin-left: 2px;
  background-color: #e7c3d6;
  border-collapse: collapse;
  border: 0px solid #e7c3d6;
  border-bottom: 0px solid #e7c3d6;
}
* html table.sexyplus  {
  margin-left: 4px;
}
table.sexybinnen , table.sexyplus {
  border-collapse: collapse;
}
table.sexybinnen  td, table.sexyplus  td{
  vertical-align: top;
  text-align: left;
}
table.sexybinnen  td {
  padding:1px;
  margin:0px;
  border:0px;
}
table.sexyplus  th {
  vertical-align: top;
  text-align: left;
  color: #ffffff;
  background-color: #760039;
  font-weight: bold;
  border-left: 0px;
  border-right: 0px;
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  padding-top: 3px;
  padding-right: 4px;
  padding-bottom: 3px;
  padding-left: 4px;
  margin: 0px;
}
table.sexyplus  td {
  border: 0px solid #760039;
  border-bottom: 0px solid #ffffff;
  padding: 1px;
  margin: 0px;
}
div.sexyressort {
  width: 474px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  background-color: #730039;
  border: 2px solid #ffffff; 
  margin-left:0px;
  padding-top: 3px;
  padding-right: 4px;
  padding-bottom: 3px;
  padding-left: 4px;
}
* html div.sexyressort {
  margin-left:2px;
}
div.sexyressorttop {
  width: 474px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  background-color: #730039;
  border: 2px solid #ffffff; 
  border-top:0px solid #730039;
  margin-left: 0px;
  padding-top: 3px;
  padding-right: 4px;
  padding-bottom: 3px;
  padding-left: 4px;
}
* html div.sexyressorttop {
  margin-left:2px;
}