/* Stylesheet für oneproduct bzw. onebrand */
/* styles fuer Transparenz bei Vergroesserungsfunktion - beta */
/* 2008-01-23 */

BODY.trans {
	FONT-SIZE: 11px;
	BACKGROUND: #dcebfa;
	FONT-FAMILY: verdana,arial,helvetica,sans-serif;
	FILTER: alpha(opacity=100);
	opacity: 1.0;
	-moz-opacity: 1.0;
	z-index: 0;
}
DIV.translayer {
	WIDTH: 100%;
	HEIGHT: 100%;
	FILTER: alpha(opacity=25);
	opacity: .25;
	-moz-opacity: 0.25;
	z-index: 1;
}

DIV.notranslayer {
	WIDTH: 100%;
	HEIGHT: 100%;
	FILTER: alpha(opacity=100);
	opacity: 1.0;
	-moz-opacity: 1.0;
	z-index: 1;
}

div.showpic {
	FILTER: alpha(opacity=100);
	opacity: 1.0;
	-moz-opacity: 1.0;
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 2;
}

div.close {
	/** background-image: url(_images/gradient_blau_klein.gif); background-repeat: repeat-x;  **/
	background-image: url(_images/gross_kopfzeile.gif); background-repeat: no-repeat;
	padding: 0px;
	border: 0px;
	margin: 0px;
}

div.iconleiste {
    background-color: #fff;
}

/* styles fuer die Suchmaske */
input.textfeld { font-family: verdana,arial,sans-serif; font-size: 10px; border: 1px solid #31426b;}
select.auswahl { font-family: verdana,arial,sans-serif; font-size: 10px; border: 1px solid #31426b;}
input.pbutton { font-family: verdana,arial,sans-serif; font-size: 10px; border: 1px solid #31426b; background: #fff;}

div#suchelinks {
  background: #deefff;
  border: 1px solid #c0c0c0;
  width: 255px; /* 170px */
  height: 40px; /* 90px */
  margin-right: 5px;
  margin-top: 5px;
  float: left;
}
div#sucherechts {
  background: #deefff;
  border: 1px solid #c0c0c0;
  width: 318px; /* 403px */
  height: 40px; /* 90px */
  margin-top: 5px;
  float: left;
}

div.navigation { background: url(_images/lasche_582.gif); height: 16px; width: 582px;  float:left; z-index: 0;}
div.navigationb { background: url(_images/lasche_358.gif); background-position: right; height: 16px; width: 303px;  float:left; z-index: 0;}

span.navbutton { font-family: verdana,arial,sans-serif; font-size: 9px; height:15px; border-right: 1px solid #fff; padding-top: 1px; padding-left:7px; padding-right: 7px; float:left; display: block; text-align:center; z-index:1;}
* html span.navbutton { height:16px; padding-top: 1px; padding-left:7px; padding-right: 7px; float:left; display: block; text-align:center; border-right: 1px solid #fff;}

a.navbutton { font-family: verdana,arial,sans-serif; font-size: 9px; height:15px; border-right: 1px solid #fff; padding-top: 1px; padding-left:7px; padding-right: 7px; float:left; display: block; text-align:center; z-index:1;}
* html a.navbutton { height:16px; padding-top: 1px; padding-left:7px; padding-right: 7px; float:left; display: block; text-align:center; border-right: 1px solid #fff;}

a.navbuttonlit { font-family: verdana,arial,sans-serif; font-size: 9px; height:15px; border-right: 1px solid #fff; padding-top: 1px; padding-left:7px; padding-right: 7px; float:left; display: block; text-align:center; }
* html a.navbuttonlit { height:16px; padding-top: 1px; padding-left: 7px; padding-right: 7px; float:left; display: block; text-align:center; border-right: 1px solid #fff;}

.navbutton
{ background: url(/_images/new_images/gradient_blau.gif); color: #fff; text-decoration: none; border-right: 1px solid #fff;}
a.navbutton:link
{ background: url(/_images/new_images/gradient_blau.gif); color: #fff; text-decoration: none; border-right: 1px solid #fff; }
a.navbutton:visited
{ background: url(/_images/new_images/gradient_blau.gif); color: #fff; text-decoration: none; border-right: 1px solid #fff;}
a.navbutton:hover
{ background: #31426B; color: #fff; text-decoration: none; border-right: 1px solid #fff;}
a.navbutton:active
{ background: #31426B; color: #fff; text-decoration: none; border-right: 1px solid #fff;}
a.navbutton:focus
{ background: #31426B; color: #fff; text-decoration: none; border-right: 1px solid #fff;}

a.navbuttonlit:link
{ background: #31426B; color: #fff; text-decoration: none; border-right: 1px solid #fff; }
a.navbuttonlit:visited
{ background: #31426B; color: #fff; text-decoration: none; border-right: 1px solid #fff; }
a.navbuttonlit:hover
{ background: #31426B; color: #fff; text-decoration: none; border-right: 1px solid #fff; }
a.navbuttonlit:active
{ background: #31426B; color: #fff; text-decoration: none; border-right: 1px solid #fff;}
a.navbuttonlit:focus
{ background: #31426B; color: #fff; text-decoration: none; border-right: 1px solid #fff; }

/* styles fuer die Uebersichtsseite mit den Rubriken */
div.clear {
	clear: both;
}
div#veranstaltungen {
	background-image: url(_images/top_veranstaltungen.gif); background-position: top; background-repeat: no-repeat; width: 285; clear: both;
}
div#ezh {
	background-image: url(_images/top_ezh.gif); background-position: top; background-repeat: no-repeat; width: 285; clear: both;
}
div#familienanzeigen {
	background-image: url(_images/top_familienanzeigen.gif); background-position: top; background-repeat: no-repeat; width: 285; clear: both;
}
div#reisen {
	background-image: url(_images/top_reisen.gif); background-position: top; background-repeat: no-repeat; width: 285; clear: both;
}
div#fundgrube {
	background-image: url(_images/top_fundgrube.gif); background-position: top; background-repeat: no-repeat; width: 285; clear: both;
}
div#beilagen {
	background-image: url(_images/top_beilagen.gif); background-position: top; background-repeat: no-repeat; width: 285; clear: both;
}
div#kfz {
	background-image: url(_images/top_kfz.gif); background-position: top; background-repeat: no-repeat; width: 285; clear: both;
}
div#immobilien {
	background-image: url(_images/top_immobilien.gif); background-position: top; background-repeat: no-repeat; width: 285; clear: both;
}
div#bekanntmachungen {
	background-image: url(_images/top_bekanntmachungen2.gif); background-position: top; background-repeat: no-repeat; width: 285; clear: both;
}
div#gesundheit {
	background-image: url(_images/top_gesundheit.gif); background-position: top; background-repeat: no-repeat; width: 285; clear: both;
}
div#bekanntschaften {
	background-image: url(_images/top_bekanntschaften.gif); background-position: top; background-repeat: no-repeat; width: 285; clear: both;
}
div#stellenmarkt {
	background-image: url(_images/top_stellenmarkt.gif); background-position: top; background-repeat: no-repeat; width: 285; clear: both;
}
div#sonstiges {
	background-image: url(_images/top_sonstiges.gif); background-position: top; background-repeat: no-repeat; width: 285; clear: both;
}
div#tageszeitung {
	background-image: url(_images/top_bekanntmachungen2.gif); background-position: top; background-repeat: no-repeat; width: 285; clear: both;
}
div#sonderthemen {
	background-image: url(_images/top_sonderthemen.gif); background-position: top; background-repeat: no-repeat; width: 285; clear: both;
}
div#gewerbekontakte {
	background-image: url(_images/top_gewerbekontakte.gif); background-position: top; background-repeat: no-repeat; width: 285; clear: both;
}

p.anzeigenueberschrift {
	font-size:12px; font-weight: bold; padding-left: 40px; padding-top: 10px;
}
p.anzeigenkasten {
	font-size: 10px; padding-left: 12px; position: relative; top: -3px;
}
* html p.anzeigenkasten {
	font-size: 10px; padding-left: 12px; position: relative; top: -10px;
}

/*styles fuer die Listenansicht */
td.ungerade {
	background-color: #deefff; border-bottom: 1px solid #c0c0c0;
	font-family: verdana,arial,helvetica,sans-serif; color: #31426B; font-size: 9px;
}
td.gerade {
    background-color: #fff;border-bottom: 1px solid #c0c0c0;
	font-family: verdana,arial,helvetica,sans-serif; color: #31426B; font-size: 9px;
}

/* Klasse fuer Tooltipp */

.vorschau {
  position: absolute;
  display: none;
  width:250px;
  border-width:1px;
  border-style:solid;
  border-color:#000;
  background-color: #deefff;
}

/* Styles fuer Beilagenansicht */

div.beilage {
	font-family: verdana,helvetica,arial,sans-serif;
	font-size: 13px;
	font-weight: bold;
	border-bottom: 1px solid #c0c0c0;
	padding-left: 7px;
	padding-bottom:3px;
}

div.beilagen {
	margin-left: 7px;
	margin-top: 7px;
}

div.beilagenkasten {
	background-color: #deefff;
	background-image: url(_images/bg_beilagenbox.gif);
	background-position : top;
	background-repeat: repeat-x;
	width: 92px;
	height: 175px;
	padding-top:8px;
	padding-right:7px;
	padding-left:8px;
	margin-right: 7px;
	margin-bottom: 7px;
	float:left;
}

* html div.beilagenkasten {
	width: 108px;
	height: 183px;
}

.beilagenbeschr{
	font-family: verdana,hevetica,arial,sans-serif; font-size: 9px; color: #000; text-decoration: none;
}

.beilagenbeschr  {font-family:Verdana,Geneva,Arial,Helvetica,Sans-Serif;font-size:9px;color:#000;cursor:pointer;}

A.beilagenbeschr:link {color:#004080;text-decoration:none;}
A.beilagenbeschr:visited {color:#004080;text-decoration:none;}
A.beilagenbeschr:hover {color:#000000;text-decoration:underline;}
A.beilagenbeschr:active {color:#004080;text-decoration:none;}

div.anzeigendaten {
	width: 580px;
	border-top: 1px;
	border-left: 1px;
	border-right: 1px;
	border-bottom: 0px;
	border-color: #cccccc;
	border-style: solid;
}

div.scroll {
	height: 403px;
	width: 580px;
	border: 1px solid #cccccc;
	overflow: auto;
}

  div.zwischenueberschrift {
    width: 580px;
    clear: both; float: none;
    font-weight: normal;
    margin-bottom:10px;
    padding-top:4px;
    padding-bottom:4px;
    /** border-bottom: 1px dotted #222222;  **/
    background-image: url('_images/dotline_004184.gif');
    background-repeat: repeat-x;
    background-position: bottom;
  }
  .ueberschriftnormal {
    font-family: verdana,geneva,arial,helvetica,sans-serif;
    font-size:14px;
    font-weight: normal;
    padding-left:0px;
	color: #004080;
  }
  div.itemcontainer {
    float: left;
    background-color: #deefff;
    border: 1px solid #c0c0c0;
    padding:8px;
    width:90px;
    height:167px;
    margin-right:6px;
    margin-bottom:12px;
  }
  * html div.itemcontainer {
    height:185px;
  }
  /* BO */
  /* Style fuer die Container die includiert werden */
  .s_coupon {
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  border-color: #ccc;
  color: #000000;
  fonz-size: 11px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  width: 580px;
}

.s_head {
  padding-left: 8px;
  background-color: #fff;
  padding-top: 5px;
  padding-bottom: 5px;
  height: 35px;
}

.s_content {
  padding-left: 8px;
  background-color: #fff;
  padding-top: 5px;
  padding-bottom: 5px;
}

.s_footer {
  background-color: #deefff;
  border-top: 1px solid;
  border-color: #ccc;
  padding-top: 10px;
  padding-bottom: 5px;
  padding-left: 8px;
  height: 30px;
  word-spacing: 15px;
  }

  /* BO-Container - beilagen/sonderthemen */
div.comcon{
	background-color:#fff;
	margin:0px;
	padding:0px;
	float:left;
	z-index: 0;
	float:left;
	padding: 2px;
	cursor: pointer;
}
div.piccon {
	background-color:#deefff;
	width: 90px;
	height: 173px;
    margin:0px;
	z-index: 1;
	border: 1px solid #ccc;
	padding: 10px;
}
div.textcon {
	background-color:#cbe0ff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #0066cc;
	width: 100px;
	height: 28px;
    margin:0px;
	padding: 5px;
	z-index: 1;
	clear:both;
	border-top: 0px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}
/* IE Workaround */
* html div.comcon{
	background-color:#fff;
	margin:0px;
	float:left;
	z-index: 0;
	float:left;
	padding:2px;
}
* html div.piccon {
	background-color:#deefff;
	width: 112px;
	height: 183px;
    margin:0px;
	z-index: 1;
	border: 1px solid #ccc;
	padding: 10px;
}
* html div.textcon {
	background-color:#cbe0ff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #0066cc;
	width: 112px;
	height: 43px;
    margin:0px;
	padding: 10px;
	z-index: 1;
	border-top: 0px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	overflow:hidden;
	}
    /* EO-Container - beilagen/sonderthemen */

  /* EO */

  /* Style fuer die Container die includiert werden */