/*
  -- 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: 510px; top: 20px; }
.gg_base .produktbild{width: 134px; height: 133px; margin: 25px 10px 0 0;float: right; background:url(img/fotostapel_butterfly.png) no-repeat left top}
.gg_base .pb_fotos{background-image:url(img/fotostapel_butterfly.png)}

/* Stoerer*/
.stoerer_round {height: 156px; width: 156px; padding-top: 34px; overflow: hidden; text-align: center; color: #fff; font-weight: bold; background: url(img/stoerer_round.png) no-repeat left  top;}
.stoerer_round span {font-size: 35px; line-height: 38px; font-weight: bold; padding: 0;}
.stoerer_round small {font-size: 16px; line-height: 23px; font-weight: bold; }
.stoerer_round .subtitle {font-size: 12px; line-height: 20px; }

#main {background:#fff; min-height: 0;}
.gg_base {position: relative;}
.gg_base .content{padding: 40px 40px 0 500px; position: relative; }
.gg_base p{margin:0; padding: 0; font-size: 12px; line-height: 17px;}
.gg_base p.prod{font-size: 24px; line-height: 27px; padding: 10px 0; font-weight: bold; clear: left; }
.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: 100px 20px 20px; }
.gg_base .footer p,
.gg_base .footer a {font-size: 10px; line-height: 14px; color: #ababab;   }

.focus_magazine .footer {padding: 115px 20px 0 20px;}
.keycamp .footer {padding: 140px 20px 0;}

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

.reisen {background:#fff url(img/bg_reisen.jpg) no-repeat top left; }
.reisen .fotos{height: 509px; width: 545px; overflow: hidden; position: absolute; left:0; top: 20px; background: url(img/reisen_fotostapel.png) no-repeat left  top; }
.reisen .stoerer_round{position: absolute; left: 330px; top: 15px; }
.reisen p.prod{padding: 0 5px; }
.reisen .voucher {padding: 10px 5px; }
.reisen p{padding: 3px 5px; }
.reisen .footer {padding: 145px 20px 0;}
.reisen #main {padding: 0;}

.computer_logo {height: 80px; width: 239px; overflow: hidden; position: absolute; left:710px; top: 375px; background: url(img/computer_logo.png) no-repeat left  top; }

.mastercard {background:#fff url(img/bg_butterfly.jpg) no-repeat top left; }
.mastercard .fotos{ background-image:url(img/fotostapel_mastercard.png); height: 196px; }

.experto {background:#fff url(img/bg_butterfly.jpg) no-repeat top left; }
.experto .fotos{ background-image:url(img/fotostapel_experto.png); height: 196px; width: 150px; margin-top: 20px; }
.experto .testsiegerlogos {float: left;}

.focus_magazine {background:#fff url(img/bg_focus_magazine.jpg) no-repeat top left; }
.focus_magazine .fotos{ background-image:url(img/fotostapel_focus_magazine.png); height: 196px; }

.lecturama {background:#fff url(img/bg_ballons.jpg) no-repeat top left; }
.lecturama .fotos{ background-image:url(img/fotostapel_lecturama.png); height: 154px; width: 198px; margin: -40px 0;}
.lecturama .footer {padding: 45px 20px 0;}

.keycamp {background:#fff url(img/bg_keycamp.jpg) no-repeat top left; }
.keycamp .fotos{ background-image:url(img/fotostapel_keycamp.png); height: 196px; }

.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)}

.colored{background:#fff url(img/bg_colored.jpg ) no-repeat top left; }
.colored .pb_fotos{ background-image:url(img/fotostapel_colored.png)}
.colored .produktbild {width: 133px; height: 133px; margin: 25px 10px 0 0;float: right; background:url(img/fotostapel_colored.png) no-repeat left top}

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

.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)}
.laptop .stoerer{top:120px}

/* @group sommer_2010 */

.sommer2010{background:#fff url(img/sommer_2010_de.jpg) no-repeat top left;}

.lang_de .sommer2010{background-image: url(img/sommer_2010_0000_de.jpg)}
.lang_en .sommer2010,
.lang_sv .sommer2010,
.lang_no .sommer2010,
.lang_fi .sommer2010{background-image: url(img/sommer_2010_0001_en.jpg)}
.lang_fr .sommer2010{background-image: url(img/sommer_2010_0002_fr.jpg)}
.lang_nl .sommer2010{background-image: url(img/sommer_2010_0003_nl.jpg)}
.lang_it .sommer2010{background-image: url(img/sommer_2010_0004_it.jpg)}
.lang_es .sommer2010{background-image: url(img/sommer_2010_0005_es.jpg)}
.lang_da .sommer2010{background-image: url(img/sommer_2010_0006_dk.jpg)}



/* @end */


.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_nl .testsiegerlogos img{height: 65px;}
.lang_fr .testsiegerlogos img{height: 70px;}
.lang_da .testsiegerlogos img{height: 60px;}
.lang_it .testsiegerlogos img{height: 65px;}

.lang_de .gg_base .testsiege{background: url(img/TS_DE.png) no-repeat -4px 0; height: 50px; }
.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;  }
.aff_18 .gg_base .testsiege{background: url(img/TS_UK.png) no-repeat 0 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  }

.win_magazine_logo {background: url(img/win_magazine_logo.png) no-repeat 0px 5px; height: 60px; width: 93px; float: left; margin: 0;  }
.web_idea_logo {background: url(img/web_idea_logo.png) no-repeat 0px 0px; height: 60px; width: 246px; float: left; margin: 0;  }
.actiecode_logo {background: url(img/actiecode_nl.png) no-repeat 0px 0px; height: 51px; width: 118px; float: left; margin: 0;  }

#footer {margin: 0;}

.clear {
	clear: both;
	width: 100%;
	height: 0;
}