/* 
modulename:: seitendefintion.css
bearbeiter:: Tomolik, Juergen [to]
datum:: 2004-09
projekt:: zentrada.de
*/

/* Bereich: gesamte Seite   */
.area-zentrada-gesamt {
width:1070px;
text-align:left;
z-index:0;
margin:0 auto;
}

/* Bereich: gesamte Seite   */
#area-gesamt {
width:860px;
text-align:left;
float:left;
z-index:0;
margin:0 auto;
}

.head_portale {
padding-right:7px;
text-align:right;
}

/* Bereich: Head allgemein */
#area-head {
position:relative;
height:155px;
}

/*
#winter {
	background-image: url(../images/bg_winter2009.gif);
}
*/

/* Bereich: Head Logo allgemein */
.area_head_logo {
position:absolute;
left:0;
}

/* Bereich: Head Logo */
.head_logo {
position:absolute;
left:75px;
top:20px;
width:70px;
}

/* Bereich: Head Unterzeile */
.head_image_unterzeile {
position:absolute;
left:75px;
top:65px;
}

/* Bereich: Head Slogan */
.head_slogan {
position:absolute;
width:850px;
height:25px;
color:#FFF;
background-repeat:no-repeat;
padding-top:5px;
text-align:center;
font-weight:700;
}

/* Bereich: Head Image1 */
.head_rahmen_oben {
position:absolute;
left:0;
top:0;
}

/* Bereich: Head Image1 */
.head_logo_links {
position:absolute;
left:5px;
top:10px;
}

/* Bereich: Head Image2 */
.head_image_my_zentrada {
position:absolute;
left:550px;
top:60px;
width:105px;
height:50px;
background:transparent;
z-index:1;
}

/* Bereich: Head Image2 */
.head_image_einkaufen {
position:absolute;
left:700px;
top:50px;
width:49px;
height:32px;
background:transparent;
z-index:0;
}

/* Bereich: Head Image2 */
.head_image_verkaufen {
position:absolute;
left:750px;
top:50px;
width:49px;
height:32px;
background:transparent;
z-index:0;
}

/* Bereich: Head Image2 */
.head_image_rechts {
position:absolute;
left:742px;
top:3px;
width:107px;
height:109px;
background:transparent;
}

/* Bereich: Head Hilfe */
.head_hilfe {
position:absolute;
left:274px;
top:27px;
width:560px;
margin:0;
padding:0;
}

ul.hilfe_eintrag {
float:left;
/* font-weight: bold; */
list-style-type:none;
font-size:10px;
margin:0;/* hack for opera7 */
}

ul.hilfe_eintrag li {
float:left;
border-right:1px solid #000;
font-size:10px;
line-height:10px;
margin:0;/* hack for opera7 */
padding:0 5px;
}

.area_head_navigation {
position:absolute;
left:280px;
top:79px;
width:460px;
padding:2px 2px 2px 0;
}

.head_navigation_zeile1 {
position:relative;
left:0;
float:left;
}

.head_navigation_zeile1_3 {
position:relative;
left:145px;
float:left;
}

.head_wechselkurs {
font-size:10px;
text-align:center;
position:relative;
top:20px;
left:0;
width:120px;
float:left;
}

.head_navigation_zeile1_eintrag {
float:left;
left:0;
}

.area_head_navigation_2 {
position:absolute;
left:0;
top:108px;
padding-bottom:2px;
padding-top:2px;
}

.head_suche {
position:absolute;
left:30px;
top:8px;
width:250px;
float:left;
}

.head_navigation2_zeile2 {
position:absolute;
left:270px;
top:8px;
width:580px;
text-align:left;
}

ul.head_navigation_eintrag {
left:0;
float:left;
list-style-type:none;
margin:0 0 0 10px;
padding:0 20px 0 0;
}

ul.head_navigation_eintrag li {
left:0;
float:left;
margin:0 0 0 10px;
}

.head_sprache {
position:absolute;
left:600px;
top:0;
width:150px;
}

.head_meldung {
position:absolute;
left:300px;
top:35px;
width:300px;
font-size:10px;
color:red;
}

#area-mid {
position:relative;
float:left;
margin-top:5px;
text-align:left;
z-index:0;
}

.area_left {
width:160px;
float:left;
overflow:hidden;
}

.area_nav_produktgruppe {
line-height:16px;
font-weight:700;
}

.nav_produktgruppeEintrag {
margin-left:5px;
}

.nav_gruppename {
font-size:12px;
}

.nav_gruppeanzahl {
font-weight:bolder;
}

.nav_gratisabo {
margin:570px 0 0 6px;
}

#successStories .middle {
width:100%;
background-image:url(../images/kasten-bg.gif);
background-repeat:repeat-y;
padding:4px 10px 2px;
}

.area_produkt {
width:460px;
float:left;
font-size:11px;
margin-top:3px;
}

.area_anbieter {
width:690px;
float:left;
font-size:11px;
margin-top:3px;
}

#area_content {
width:700px;
float:left;
padding:0;
}

#content_info {
width:225px;
float:left;
padding:6px 0 0 2px;
}

#content_caption {
width:460px;
float:left;
}

#content_carousel {
height:190px;
margin-bottom:8px;
}

.area_content_title {
margin-left:2px;
}

.content_title_beschreibung {
font-size:10px;
margin-bottom:5px;
}

.area_content_produktliste_watchlist {
width:440px;
float:left;
}

.area_content_special {
width: 440px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 2px;
border: 1px solid #E2DDD5;
background-color: #f1eee8;
float: left;
padding: 5px;
}

.area-content-special-bild {
float:left;
margin-top:3px;
margin-right:3px;
}

.area-content-special-headline {
font-size:12px;
font-weight:700;
}

/*neue hintergrundfarbe */
.backColor {
background-color:#F1EEE8;
}
/*neue Dunkle hintergrundfarbe */
.darkBackColor {
background-color:#E2DDD5;
}
/*neue Rahmenfarbe*/
.borderColor {
border-color:#E2DDD5;
}

.area_content_produktgruppe_detail {
	float: left;
	width: 222px;
	height: 110px;
	background-color: #f1eee8;
	margin: 4px 2px 0;
	border: 1px solid #E2DDD5;
}

.area_content_produktgruppe_detail_opt {
	float:left;
	width: 222px;
	height: 120px;
	background-color: #f1eee8 ;
	margin: 4px 2px 0;
	border: 1px solid #E2DDD5;
}

.area_content_produktgruppe_detail_sponsored {
float:left;
width: 222px;
height:117px;
background-color:#FFC;
margin: 4px 2px 0;
border: 1px solid #FFF000;
}

.area_content_produktgruppe_detail_affine {
float:left;
margin:1px 2px 0 0;
}

.content_produktgruppe_detail_preis_affine {
color:#3366cc;
font-size:9px;
}


.area_content_produktgruppe_detail_sponsored_anzeige {
float:left;
width:223px;
height:115px;
margin-left:2px;
margin-right:2px;
margin-top:4px;
}


.area_content_produktgruppe_detail_watchlist {
float:left;
width:225px;
height:130px;
background-color:#f1eee8 ;
margin-left:2px;
margin-right:2px;
margin-top:4px;
}

.content_produktgruppe_detail_image {
width:80px;
height:90px;
float:left;
margin-left:3px;
margin-top:2px;
margin-right:2px;
}

.imageSize {max-width:80px; height:90px;}

.content_watchlist_detail_image {
width:80px;
height:90px;
margin-left:4px;
margin-top:8px;
margin-right:2px;
}

.content_watchlist_checkbox {
float:left;
margin-top:1px;
margin-left:1px;
}

.content_produktgruppe_detail_text {
float:right;
width: 130px;
margin-top: 2px;
height:95px;
}

.content_produktgruppe_detail_name {
font-weight:700;
}

.content_produktgruppe_detail_datum {
font-size:10px;
vertical-align:top;
}

.content_produktgruppe_detail_preis {
font-weight:700;
color:#E10A80;
font-size:11px;
float:left;
}

.content_produktgruppe_anbieterPremium {
margin-left:38px;
margin-top:2px;
}

.content_produktgruppe_memberrabatt {
float:right;
margin-right:2px;
margin-top:1px;
}

.content_angebotsdetaillink {
margin-top:100px;
text-align:center;
}

.content_angebotsdetaillink_IE6 {
margin-top:8px;
text-align:center;
}

.area_content_seitenzaehler {
width:99%;
float:left;
margin:5px 2px 10px;
}

.content_seitenzaehler_seiteLink {
float:right;
}

.area_right {
float:left;
width:230px;
padding-left:4px;
margin-top:4px;
}

.area_right_zentradaInfo {
padding-bottom:4px;
}

.area_right_news {
padding-top:10px;
}

.right_news_aussteller {
margin-top:2px;
font-size:10px;
padding-left:8px;
}

.right_news_headline {
font-weight:700;
font-size:10px;
padding-left:8px;
}

.area_right_top20 {
margin-top:10px;
width:220px;
}

.area_right_Rubriken_bezeichnung {
color:#E10A80;
font-size:13px;
font-weight:700;
}

.area-banner {
position:relative;
float:left;
width:180px;
margin-top:210px;
height:600px;
padding:3px;
}

.area-banner-lower {
position:relative;
width:180px;
float:left;
height:600px;
margin-top:100px;
padding:3px;
}

#area-footer {
position:relative;
float:left;
margin-top:10px;
width:860px;
text-align:center;
z-index:0;
}

.area-footer-links-gesamt {
position:relative;
top:5px;
float:left;
text-align:center;
}

.area-footer-links {
width:860px;
height:20px;
text-align:center;
background-image:url(../images/bg-submenue.gif);
background-repeat:no-repeat;
background-position:bottom;
margin-bottom:10px;
padding:13px 0 15px;
}

ul.footer-links-eintrag {
float:left;
list-style-type:none;
text-align:center;
margin:0 0 0 150px;
padding:0 20px 0 0;
}

ul.footer-links-eintrag li {
float:left;
margin:0 0 0 10px;
}

.footer-presselinks {
margin-top:8px;
}

.nav_trenner {
background-image:url(../images/bg-trenner.gif);
height:6px;
font-size:1px;
margin:3px 4px 3px 5px;
padding:0;
}

.nav-trenner-news {
background-image:url(../images/bg-trenner.gif);
height:3px;
font-size:1px;
margin:3px 4px 3px 5px;
padding:0;
}

.ff-suchen {
width:130px;
height:17px;
font-size:11px;
vertical-align:top;
margin:0 10px 2px 0;
padding:0 2px;
}

.ff-suchen-submit {
vertical-align:bottom;
margin:0 10px 3px 0;
padding:0 2px;
}

.content-clear {
clear:both;
}

.csv-vorlagen {
margin: 15px 0 15px 0;
font-size: 13px;
font-weight:bold;
line-height:18px;
}

.csv-druckversion {
margin-bottom:10px;
}

.suche-ergebnis-headline {
margin-top:10px;
margin-bottom:9px;
margin-left:3px;
font-weight:700;
}

.liste-suche-anbieter-ausgabe {
margin-left:3px;
}

.area_sponsored_link {
float:none;
border:1px solid #FFF000;
background-color:#FFC;
text-align:center;
padding: 4px 0;
/* margin: 10px 2px 5px 2px; */
}


#clicks_head_text {
padding-top:5px;
text-align:center;
font-weight:700;
}

#clicks_div_box {
background-color:#FEF5FA;
border-left:2px solid #E70883;
border-right:2px solid #E70883;
width:140px;
padding:5px;
}

.area_right_rabattListeTabelle {
margin-top:2px;
}

.myZentradaStartseiteEmailAnzeige {
margin-top:1px;
}

#statusMeldung {
border:1px solid #A5CF31;
background-color:#eefbcc;
color:#A5CF31;
font-weight:700;
margin-bottom:10px;
padding:5px;
}

#statusMeldung .statusText {
margin:4px 0 0;
}

#statusMeldung .icon {
float:left;
width:30px;
}

#statusMeldungROT {
border:1px solid #ff4e45;
background-color:#ffd6d4;
color:#000;
font-weight:700;
margin-bottom:10px;
padding:5px;
}

#area_message {
width:96%;
text-align:left;
margin:1em;
}

.message_error {
border:1px solid #ff4e45;
background-color:#ffd6d4;
color:#C03;
font-weight:700;
margin-bottom:10px;
padding:5px;
}

.message_success {
border:1px solid #A5CF31;
background-color:#eefbcc;
color:#00B200;
font-weight:700;
margin-bottom:10px;
padding:5px;
}

.message_hint {
border:1px solid #FFE500;
background-color:#FF9;
color:#E59900;
font-weight:700;
margin-bottom:10px;
padding:5px;
}

.message_error p {
color:#C03;
font-weight:700;
}

.message_success p {
text-align:center;
color:#00B200;
font-weight:700;
}

.message_hint p {
color:#E59900;
font-weight:700;
}

.nav_gruppenameUG,.content_produktgruppe_detail_beschreibung,.font-small {
font-size:10px;
}

.left_akademie,.left_pressecenter,.left_successstory {
display:none;
margin-top:10px;
}

.area_content_produktliste,.area_content_anbieterliste,.content_seitenzaehler_bezeichnung,.area-suche-anbieter,.area-suche-artikel {
float:left;
}

.area_right_topanbieter,.area_right_special,.area_right_rabattListe,.area_right_partnerDesHandels {
margin-top:10px;
}

.right_topanbieter_inhalt,.right_highlight_liste,.right_special_liste,.right_top10_liste {
padding-left:8px;
}

#clicks_div_tablehead,#clicks_div_tablebottom {
background-color:#FEF5FA;
background-repeat:no-repeat;
color:#000;
height:27px;
width:154px;
}

.x-grid-row-over td,.x-grid-row-selected td {
background-color:#F4F4BC;
}



/*relaunch*/
/* Layout Seite Popup Anmeldefenster */

#containerSeite_1 {
    background-color:#FFFFFF;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    width: 440px;
}

#containerSeite_1 p, ul {
    margin: 0 0 10px 0;
}

#containerSeite_1 a {
    color: #3366cc ;
    font-weight: normal;
    text-decoration: underline;
}

#containerSeite_1 a:hover {
    color: #FC158D;
    text-decoration: underline;
}

#containerSeite_1 .bannerZN {
    margin: 0 0 15px 0;
}

#containerSeite_1 h3 {
    font-weight: bold;
    font-size: 14px;
    margin: 0;
    padding: 3px;
    width: 208px;
}

#containerSeite_1 h3.einkaeufer {
    background-color: #3366cc ;
    float: left;
    color: #FFF000 ;
}

#containerSeite_1 h3.einkaeufer a {
    font-size: 14px;
    font-weight: bold;
    color: #FFF000 ;
    text-decoration: underline;
}

#containerSeite_1 h3.einkaeufer a:hover {
    color: #FDF189;
}

#containerSeite_1 h3.anbieter {
    background-color: #FFF000 ;
    float: right;
    color: #3366cc ;
}

#containerSeite_1 h3.anbieter a {
    font-size: 14px;
    font-weight: bold;
    color: #3366cc ;
    text-decoration: underline;
}

#containerSeite_1 h3.anbieter a:hover {
    color: #FC158D;
}

#containerSeite_1 .welcome {
    color: #3366cc ;
    color: #000;
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    margin: 15px 0;
    text-align: center;
}

#containerSeite_1 .direktAnmelden {
    padding: 10px 0 20px 0;
    text-align: center;
}

#containerSeite_1 ul {
    margin-left: 25px;
}


/*
    Projekt: Anmeldeseiten zentrada.de
    Author: Carolin Schwank
*/

/* Layout Seite einkaufen */

#containerSeite_2ue {
    background-color:#FFF;
    font-size: 12px;
    line-height: 18px;
    padding-bottom: 10px;
    text-align: left;
    width: 675px;
}
#containerSeite_2ue p, ul {
    margin: 0 0 10px 0;
    font-weight:normal;
}
#containerSeite_2ue h4 {
    color: #3366cc ;
    font-size: 13px;
    font-weight: bold;
    margin: 20px 0 10px 0;
}
#containerSeite_2ue a {
    color: #3366cc ;
    font-weight: normal;
    text-decoration: underline;
}
#containerSeite_2ue a:hover {
    color: #FC158D;
    text-decoration: underline;
}
#containerSeite_2ue a.weiter{font-weight: bold;}

#containerSeite_2ue .bannerZN {
    margin: 0 0 15px 0;
}

#containerSeite_2ue h3 {
    font-weight: bold;
    font-size: 14px;
    margin: 0 0 15px 0;
    padding: 3px;
}

#containerSeite_2ue h3.einkaeufer {
    background-color: #3366cc ;
    color: #FFF000 ;
}

#containerSeite_2ue h3.einkaeufer a {
    font-size: 14px;
    font-weight: bold;
    color: #FFF000 ;
    text-decoration: underline;
}

#containerSeite_2ue h3.einkaeufer a:hover {
    color: #FDF189;
}

#containerSeite_2ue ul.list {
    margin-left: 15px;
    width: 400px;
}

#containerSeite_2ue ul.list li {
    background: url(../images/list.gif) no-repeat 0 5px;
    margin: 0 0 6px 0;
    padding-left: 17px;
}

#containerSeite_2ue p.hinweis {
    background: #FEE8F4;
    border-left: 10px solid #3366cc ;
    color: #3366cc ;
    font-weight: bold;
    margin: 20px 0 0 25px;
    padding: 7px 10px 7px 10px;
    width: 400px;
}

#containerSeite_2ue p.indent {
    margin: 0 0 10px 25px;
}



#containerSeite_2 {
    background-color:#FFF;
    background: url(../images/bgAnmeldeFooter.jpg) no-repeat left bottom #FFF;
    font-size: 12px;
    line-height: 18px;
    padding-bottom: 95px;
    text-align: left;
    width: 675px;
}

#containerSeite_2 p, ul {
    margin: 0 0 10px 0;
}

#containerSeite_2 h4 {
    color: #3366cc ;
    font-size: 13px;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

#containerSeite_2 a {
    color: #3366cc ;
    font-weight: normal;
    text-decoration: underline;
}

#containerSeite_2 a:hover {
    color: #FC158D;
    text-decoration: underline;
}

#containerSeite_2 a.weiter{font-weight: bold;}

#containerSeite_2 .bannerZN {
    margin: 0 0 15px 0;
}

#containerSeite_2 h3 {
    font-weight: bold;
    font-size: 14px;
    margin: 0 0 15px 0;
    padding: 3px;
}

#containerSeite_2 h3.einkaeufer {
    background-color: #3366cc ;
    color: #FFF000 ;
}

#containerSeite_2 h3.einkaeufer a {
    font-size: 14px;
    font-weight: bold;
    color: #FFF000 ;
    text-decoration: underline;
}

#containerSeite_2 h3.einkaeufer a:hover {
    color: #FDF189;
}

#containerSeite_2 ul.list {
    margin-left: 15px;
    width: 400px;
}

#containerSeite_2 ul.list li {
    background: url(../images/list.gif) no-repeat 0 5px;
    margin: 0 0 6px 0;
    padding-left: 17px;
}

#containerSeite_2 p.hinweis {
    background: #FEE8F4;
    border-left: 10px solid #3366cc ;
    color: #3366cc ;
    font-weight: bold;
    margin: 20px 0 0 25px;
    padding: 7px 10px 7px 10px;
    width: 400px;
}

#containerSeite_2 p.indent {
    margin: 0 0 10px 25px;
}


/*
    Projekt: Anmeldeseiten zentrada.de
    Author: Carolin Schwank
*/

/* Basics */
.mark {color: #FC158D;}
.s {font-size: 10px;line-height:14px;}

/* Layout Seite verkaufen */

#containerSeite_8ue {
    background-color:#FFF;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    width: 665px;
}
#containerSeite_8ue h3 {
    font-weight: bold;
    font-size: 14px;
    margin: 0 0 15px 0;
    padding: 3px;
}
#containerSeite_8ue h3.anbieter {
    background-color: #FFF000 ;
    color: #FC158D;
}

#containerSeite_8ue h3.anbieter a {
    font-size: 14px;
    font-weight: bold;
    color: #FC158D;
    text-decoration: underline;
}

#containerSeite_8ue h3.anbieter a:hover {
    color: #3366cc ;
}



#containerSeite_8 {
    background-color:#FFF;
    background: url(../images/bgAnmeldeFooter.jpg) no-repeat left bottom #FFF;
    font-size: 12px;
    line-height: 18px;
    padding-bottom: 95px;
    text-align: left;
    width: 675px;
}

#containerSeite_8 p, ul {
    margin: 0 0 10px 0;
}

#containerSeite_8 h4 {
    color: #3366cc ;
    font-size: 13px;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

#containerSeite_8 a {
    color: #3366cc ;
    font-weight: normal;
    text-decoration: underline;
}

#containerSeite_8 a:hover {
    color: #FC158D;
    text-decoration: underline;
}

#containerSeite_8 a.weiter{font-weight: bold;}

#containerSeite_8 .bannerZN {
    margin: 0 0 15px 0;
}

#containerSeite_8 h3 {
    font-weight: bold;
    font-size: 14px;
    margin: 0 0 15px 0;
    padding: 3px;
}

#containerSeite_8 h3.anbieter {
    background-color: #FFF000 ;
    color: #FC158D;
}

#containerSeite_8 h3.anbieter a {
    font-size: 14px;
    font-weight: bold;
    color: #FC158D;
    text-decoration: underline;
}

#containerSeite_8 h3.anbieter a:hover {
    color: #3366cc ;
}

#containerSeite_8 ul.list {
    margin-left: 25px;
    width: 400px;
}

#containerSeite_8 ul.list li {
    background: url(../images/list.gif) no-repeat 0 5px;
    margin: 0 0 6px 0;
    padding-left: 17px;
}

#containerSeite_8 p.hinweis {
    background: #FEE8F4;
    border-left: 10px solid #3366cc ;
    color: #3366cc ;
    font-weight: bold;
    margin: 20px 0 0 25px;
    padding: 7px 10px 7px 10px;
    width: 400px;
}

#containerSeite_8 p.indent {
	margin: 0 0 10px 25px;
}

.area_content_produkttypen {
	font-size: 11px;
	margin-top: 15px;
	position: relative;
}

.area_content_produkttypen .zentradaTabButton a:link {color: #000000;	text-decoration: none;}
.area_content_produkttypen .zentradaTabButton a:visited {color: #000000; text-decoration: none;}
.area_content_produkttypen .zentradaTabButton a:hover {color: #E10A80; text-decoration: none;}
.area_content_produkttypen .zentradaTabButton a:active {color: #000000; text-decoration: none;}

.area_content_produkttypen .zentradaTabButton {
	border: 1px solid #E2DDD5;
	background: #F1EEE8;
	padding: 6px 3px;
	margin-right: 2px;
	display: block;
	float: left;
	font-weight: bold;
}

.area_content_produkttypen .zentradaTabButtonActive {
	background: #FFF;
	padding: 6px 5px;
	margin-right: 2px;
	display: block;
	float: left;
	font-weight: bold;
	border-right: 1px solid #E2DDD5;
	border-left: 1px solid #E2DDD5;
	border-top: 1px solid #E2DDD5;
	border-bottom: 1px solid #FFF;
}

#panel {
	border: 1px solid #E2DDD5;
	padding: 10px 1px 10px 1px;
	margin-top: -1px;
}

.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}

.clearfix {
display: inline-block;
}

/* Hides from IE-mac \*/ 
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */