/* ##############################################################################
**
** Autor Uwe Siedentop
** Datum: 2004
** Pfad: fileadmin/templates/css/anzeigen/anzeigen.css
** Funktion: Stile für die Anzeigen und banner auf HZ-Online, vor allem über den OPenX eingebucht
**
**
** geändert: #medi-form aus hz-artikel.css portiert
** Wann: 2010.05.21
** Wer: Uwe Siedentop
**
**
################################################################################## */


/* #######################################################################
**
** Autor: Uwe Siedentop
** Datum: 17.2.2010
** Funktion: Für die Anzeigen links auf der Startseite
**
**
#########################################################################*/

#werbung-links {
	position: relative;
	top: 0px;
	left: 0px;
	bottom: 0px;	
	background-color: #CCD2DB;
	padding: 5px 5px 5px 5px;
}
#werbung-links .anzeige-1 {
	/*background-color: #FFFFFF;*/
	padding: 5px 5px 5px 8px;
	margin: 0px 0px 0px 0px;
	text-align: center;
}

#werbung-links .anzeige-2 {
	padding: 2px 5px 3px 8px;
	/*background-color: #FFFFFF;*/
	margin: 0px 0px 0px 0px;
	text-align: center;
}

#werbung-links .anzeige-3 {
	padding: 2px 5px 3px 8px;
	/*background-color: #FFFFFF;*/
	margin: 0px 0px 0px 0px;
	text-align: center;
}

#werbung-links .anzeige-4 {
	padding: 2px 5px 3px 8px;
	/*background-color: #FFFFFF;*/
	margin: 0px 0px 0px 0px;
	text-align: center;
}

#werbung-links .anzeige-5 {
	padding: 2px 5px 3px 8px;
	/*background-color: #FFFFFF;*/
	margin: 0px 0px 0px 0px;
	text-align: center;
}
#werbung-links .anzeige-6 {
	padding: 2px 5px 3px 8px;
	/*background-color: #FFFFFF;*/
	margin: 0px 0px 0px 0px;
	text-align: center;
}
#werbung-links .anzeige-7 {
	padding: 2px 5px 3px 8px;
	/*background-color: #FFFFFF;*/
	margin: 0px 0px 0px 0px;
	text-align: center;
}

/* ##############################################################################
**
** Sonderausgabe Fitness-Spezial 24.11.2008 
** hz-online.de/fitness/
** Typo3 ID=386
	
** Rahmen um eine Anzeige, die im OpenAd eingebucht wurde
*/

.kenzei-anzeige { /* das Wörtchen Anzeige als Kennzeichnung der Werbung */
   float: right;
	color: #FFFFFF;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.drittel-anzeige {
}

/* ######################################################## */
/* Im OpenX die dreispaltigen Anzeigen */

.anzeige-box {
   width: 100%;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.anzeige-bild, .anzeige-bild img {
   float: left;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.anzeige-text {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
/*   clear: left;*/
}

/* ######################################################## */

.anzeigen-startseite-aus {
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	width: 98%;
}

.tripleframe-halbe { /* auf der Startseite die Meldungen */	
	margin: 0px 5px 0px 5px;
	padding: 0px 0px 0px 0px;
	width: 48.5%;
	height: 120px;
	float: left;
	text-align: center;
}

.anzeigen-startseite { /* der Rahmen um den Dreierblog Anzeigen*/
   font: normal 10pt Arial, Helvetica, sans-serif;
	margin: 10px 0px 5px 0px;
	padding: 0px 0px 5px 0px;
	width: 100%;
   vertical-align: top;
   background-color: #f0f0f0;
   overflow: hidden; /* Wichtig / jp */
   border-bottom: solid 1px #284169;

}
.tripleframe-drittel { /* auf der Startseite die Meldungen */
	float: left;
	margin: 0 0.5% 0 0.5%;
	padding: 0px 0px 0px 0px;
	width: 32%;
	height: 100%;
	text-align: center;
}


.fitness-spezial {
	margin: 5px 5px 5px 15px;
	padding: 0px 0px 0px 0px;
}
/* Sonderausgabe Fitness-Spezial 24.11.2008 */

/* Rahmen für einen 486 x 60 Banner auf der Startseite */
.banner-startseite {
	margin: 10px 0px 0px 0px;
/*	!important; /* ie-7 HACK */
/*	margin: 5px 8px 0px 0px;*/
   padding: 2px 0px 2px 0px;
   width: 100%;	
   vertical-align: top;
   font: normal 10pt Arial, Helvetica, sans-serif;
   background-color: #f0f0f0;
   border-bottom: solid 1px #284169;
   text-align: center;
	height: auto !important;
	height: 1%;

}

	
/* Rahmen für einen 486 x 60 Banner auf der Startseite */

/* Rahmen für einen 486 x 60 Banner im lokalen Sport */
.banner-sport {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	width: 97.5%;
}
/* Rahmen für einen 486 x 60 Banner im lokalen Sport */

/* Rahmen für einen 486 x 60 Banner im Gesundheitsnetz */
.banner-gesund {
	margin: 10px 0px 0px 0px !important; /* ie-7 HACK */
	margin: 5px 8px 0px 0px;
   padding: 2px 0px 2px 0px;
   width: 100%;	
   vertical-align: top;
   font: normal 10pt Arial, Helvetica, sans-serif;
   background-color: #f0f0f0;
   border-bottom: solid 1px #284169;
   text-align: center;
}
/* Rahmen für einen 486 x 60 Banner im Gesundheitsnetz */




/* alter Banner-Format Einsatz ??? */
#banner{
   width: 100%;
   text-align: center;
   background-color: #EEEEEE;
   border-top: 1px solid #BDBDBD;
   border-bottom: 1px solid #BDBDBD;
}
/* alter Banner-Format Einsatz ??? */

/* ############################################# */
/* digitales schaufenster */

#digifenster {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 100%;
}
#digifenster ul {
	margin: 10px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	text-indent: 0px;
}

#digifenster .digifenster-item {
	font: bold 9pt Arial, Helvetica, sans-serif;
	color: #284169;
	text-align: left;
	margin: 0px 0px 4px 8px;
	padding: 0px 0px 0px 0px;
}
#digifenster .digifenster-item li {
	text-indent: 0px;
	list-style-position: outside;
}
#digifenster .digifenster-item a {
/*	color: #AA0000;*/
}
#digifenster .kenzei-anzeige { /* das Wörtchen Anzeige als Kennzeichnung der Werbung */
   float: right;
	color: #FFFFFF;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#digifenster .tripleframe {
   clear: right;
}

/* digitales schaufenster */
/* ############################################# */
/* die Anzeigen rechts */

#rechts .anzeige-1-rechts {
	text-align: center;
}
#rechts .anzeige-2-rechts {
	text-align: center;
}


/* KFZ-htrml-Banner Kfz-Innung  18.2. bis 6.3.2009 */
/* ############################################# */
/* Banner 468 / 60 px */

#kfz-banner {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
   background-color: #0096FF;
	height: 60px;
	width: 468px;
	text-align: center;
}

#kfz-banner .kfz-logo {
   float: left;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#kfz-banner .kfz-text {
	padding: 3px 0px 3px 0px;
	font: bold 11pt Arial, Helvetic, sans-serif;
	color: #FFFFFF;
	text-align: left;
	line-height: 11pt;
}

#kfz-banner .kfz-zahl {
	font: bolder 18pt Arial, Helvetic, sans-serif;
	color: #FFFFFF;
	text-align: left;
}

/* ###############################################################
**
** Autor Uwe Siedentop
** Datum: 17.3.2010
** Name: Immobilienmarkt
** Funktion: für die über den OpenX AdServer eingebuchten Buttons links unter der Navi
** 5spaltige Ausführung für den Inhalt
**
################################################################### */


#werbung-links .anzeige-immo-1 {
	margin: 5px 0px 5px 0px;
	text-align: center;
	width: 160px;
}
#werbung-links .anzeige-immo-2 {
	margin: 5px 0px 5px 0px;
	text-align: center;
	width: 160px;
}
#werbung-links .anzeige-immo-3 {
	margin: 5px 0px 5px 0px;
	text-align: center;
	width: 160px;
}
#werbung-links .anzeige-immo-4 {
	margin: 5px 0px 5px 0px;
	text-align: center;
	width: 160px;
}
#werbung-links .anzeige-immo-5 {
	margin: 5px 0px 5px 0px;
	text-align: center;
	width: 160px;
}


/*#########################################################
**
** Autor: Uwe Siedentop
** Datum 18.3.2010
** 5spaltiges Layout über der Immo-Karte
**
############################################################### */

#fuenf-spaltig, #fuenf-spaltig-1 {
	width: 99%;
	text-align: center;
	border-top: solid 1px #000000;
	background-color: #D0D0D0;
	padding: 0px 5px 0px 5px;
	margin: 0 auto;
}
#fuenf-spaltig-1 {
	border: none;
}
#fuenf-spaltig .titel {
   font: normal 14pt Arial, Helvetica, sans-serif;
	text-align: center;
	width: 100%;
	padding: 5px 0px 5px 0px;
}
#fuenf-spaltig .anzeige-immo-5-1, #fuenf-spaltig-1 .anzeige-immo-5-1 {
	margin: 5px 0px 5px 0px;
	text-align: center;
	float: left;
	width: 20%;
}
#fuenf-spaltig .anzeige-immo-5-2, #fuenf-spaltig-1 .anzeige-immo-5-2 {
	margin: 5px 0px 5px 0px;
	text-align: center;
	float: left;
	width: 20%;
}
#fuenf-spaltig .anzeige-immo-5-3, #fuenf-spaltig-1 .anzeige-immo-5-3 {
	margin: 5px 0px 5px 0px;
	text-align: center;
	float: left;
	width: 20%;
}
#fuenf-spaltig .anzeige-immo-5-4, #fuenf-spaltig-1 .anzeige-immo-5-4 {
	margin: 5px 0px 5px 0px;
	text-align: center;
	float: left;
	width: 20%;
}
#fuenf-spaltig .anzeige-immo-5-5, #fuenf-spaltig-1 .anzeige-immo-5-5 {
	margin: 5px 0px 5px 0px;
	text-align: center;
	float: left;
	width: 20%;
}

/* ###############################################################
**
** Autor: Uwe Siedentop
** Datum: 21.5.2010
** Bereich: Mediadaten
** 
**
**
**
############################################################################# */

#media-form {
	width: 80%;
	margin: 0 auto;
}

/* ############################################################### */