/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

/*Flexieblen_stoerer*/
.flex_stoerer {height: 172px; width: 172px;; overflow: hidden; position: relative;  background: url(img/stoerer.png) no-repeat left  top; text-align: center; }
.flex_stoerer[class] {display: table; position: static;}

.fs_middle {position: absolute; top: 50%; width: 172px;  margin-left: -50% ;  } /* for explorer only*/
.fs_middle[class] {display: table-cell; vertical-align: middle; width: 172px; position: relative; margin: 0; }

.ie8 .fs_middle[class] {top: 0 }

.fs_inner{position: relative; ; top: -50%; left: 0;} /* for explorer only */

.fs_inner {font-size: 24px; line-height: 24px; font-weight: bold; padding: 15px; color: #fff; text-shadow: 1px 2px 5px #000; }
.fs_inner small{display: block; font-size: 14px; line-height: 14px; padding: 5px 5px; letter-spacing:-0.5px;  }

.gg_base .stoerer{position: absolute; right: 50px; top: 15px; }
/*
.lang_de .stoerer{background: url(img/neukunden_DE.png); width: 171px; height: 171px;  }
.lang_fr .stoerer{background: url(img/neukunden_FR.png); width: 171px; height: 171px;   }
.lang_nl .stoerer{background: url(img/neukunden_NL.png); width: 171px; height: 171px;   }
.lang_en .stoerer,
.lang_sv .stoerer,
.lang_no .stoerer {background: url(img/neukunden_EN.png); width: 171px; height: 171px;   }
.lang_dn .stoerer{background: url(img/neukunden_EN.png); width: 171px; height: 171px;  }
*/
.gg_base .produktbild{width: 134px; height: 133px; float: right; background:url(img/fotostapel_butterfly.png) no-repeat left top}
.gg_base .pb_fotos{background-image:url(img/fotostapel_butterfly.png)}


.gg_base {position: relative; width: 722px;  }
.gg_base .content{padding: 200px 10px 0 300px; position: relative; }

.gg_base p{margin:0; padding: 0; font-size: 12px; }

.gg_base p.prod{font-size: 24px; padding: 10px 0; font-weight: bold; }
.gg_base .sup{font-size: 0.7em; display:inline-block; vertical-align: top; padding:0  2px;  }


.gg_base .voucher {padding: 10px 0; font-weight: bold; }
.gg_base .vouchercode {display:block; font-size: 21px; padding-top: 5px; }

.gg_base .footer {padding: 10px; }
.gg_base .footer p, 
.gg_base .footer a {font-size: 10px; line-height: 14px; color: #ababab;   }

.butterfly {background:#fff url(img/bg_butterfly.jpg ) no-repeat top left; }
.butterfly .pb_fotos{ background-image:url(img/fotostapel_butterfly.png)}

.herbst {background:#fff url(img/bg_herbst.jpg ) no-repeat top left; }
.herbst .pb_fotos{ background-image:url(img/fotostapel_herbst.png)}


.goldengirls{background:#fff url(img/bg_goldengirls.jpg ) no-repeat top left; }
.goldengirls .pb_fotos{ background-image:url(img/fotostapel_goldengirls.png)}

.present{background:#fff url(img/bg_present.jpg ) no-repeat top left; }
.present .pb_fotos{ background-image:url(img/fotostapel_present.png)}

.beach {background:#fff url(img/bg_beach.jpg ) no-repeat top left; }
.beach .pb_fotos{ background-image:url(img/fotostapel_beach.png)}

.laptop {background:#fff url(img/bg_laptop.jpg ) no-repeat top left; }
.laptop .pb_fotos{ background-image:url(img/fotostapel_laptop.png)}

.gg_base .button,
.gg_base .button .cap{display:block; background: url(img/button_8.png); height: 60px; text-decoration: none; }

.gg_base .button {background-position: left top; height: 60px; margin-right: 7px;  line-height: 55px; font-size: 18px; color: #ffffff; padding-left: 10px;  text-align: center; position: relative; }

.gg_base .button .cap{background-position: right top ; height: 60px; width: 10px; position: absolute; top:0;right: -10px; }


.dialog {position:relative;margin:0px auto;min-width:8em;max-width:1000px; color:#fff; z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(img/dialog_8.png) no-repeat top right;
 /*_background-image:url(dialog2-blue.gif);*/
}

.dialog .content {position:relative;zoom:1;_overflow-y:hidden;padding:0px 12px 0px 0px;}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;left:0px;top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
position:relative;width:100%;
}

.dialog .b,
.dialog .b div {height:12px; /* height of bottom cap/shade */font-size:1px;}

.dialog .b {background-position:bottom right;}

.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog p, .dialog h1, .dialog ul, .dialog li{margin:0}

/*INTERNATIONALISIERUNGEN*/
.gg_base .testsiege{height: 0;  width: 250px; float: left; margin: 10px 0 0;  }

.lang_de .gg_base .testsiege{background: url(img/TS_DE.png) no-repeat -4px 0; height: 60px; }
.lang_nl .gg_base .testsiege{background: url(img/TS_NL.png) no-repeat 0px 5px; height: 60px; margin: 0 0 0 -5px;  }
.lang_fr .gg_base .testsiege{background: url(img/TS_FR.png) no-repeat 0px 0; height: 50px; margin: 0 0 0 -5px;  }
.lang_en .gg_base .testsiege,
.lang_sv .gg_base .testsiege,
.lang_no .gg_base .testsiege,
.lang_es .gg_base .testsiege {background: url(img/TS_INT.png) no-repeat 0px 0; height: 50px; margin: 10px 0 0 -3px;  }
.lang_it .gg_base .testsiege{background: url(img/TS_IT.png) no-repeat 0px 0; height: 50px; margin:10px 0 0 0;  }
.lang_da .gg_base .testsiege{background: url(img/TS_DK.png) no-repeat 0px 0; height: 50px; margin:10px 0 0 0;  }

#main .komputerforalle .testsiege{background: url(img/komputer_dk_logo.png) no-repeat 0px 0; height: 60px; margin:10px 0 0 0; z-index: 20  }
.aff_52 #main .komputerforalle .testsiege{background: url(img/komputer_sv_logo.png) no-repeat 0px 0; height: 60px; margin:10px 0 0 0; z-index: 20  }
.aff_1 #main .komputerforalle .testsiege{background: url(img/komputer_fi_logo.png) no-repeat 0px 0; height: 60px; margin:10px 0 0 0; z-index: 20  }

