
/* ++++ Basics ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

*	{
	margin: 0; padding: 0; border: 0;
	text-align: left; list-style-type: none; text-decoration: none; outline: none;
}

/* ++++ Body ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
body	{
	background: rgb(188,228,247) url(/files/bg_body.png) 0 0 repeat-y;
	color: black; font-family: Trebuchet, 'Trebuchet MS', Arial, Verdana; font-size: 13px; line-height: 1.5em;
}

body.popup { background-color: white; background-image: none; padding: 20px 20px 50px 20px; }
body.body-admin { background: white url(/files/bg_body_admin.png) 620px 30px no-repeat; padding: 20px 20px 50px 150px; }

table, form, input, textarea, select {
	font-family: Trebuchet, 'Trebuchet MS', Arial, Verdana; font-size: 13px; line-height: 1.5em;
}


/* ++++ Layout Hauptcontainer +++++++++++++++++++++++++++++++++++++++++++++++++ */

#c-sub { width: 168px; position: absolute; left: 0; top: 0; z-index: 10; }
#c-sub img#logo-80 { margin: 10px 0 20px 0; }
.c-background { width: 400px; position: absolute; left: 168px; top: 0; height: 500px; }
	#bg-start { background: url(/files/bg_kinder_start.jpg) 0 0 no-repeat; }
	#bg-2 { background: url(/files/bg_kinder_testprogramm.jpg) 0 0 no-repeat; }
	#bg-3 { background: url(/files/bg_kinder_bewerbung.jpg) 0 0 no-repeat; }
	#bg-6 { background: url(/files/bg_kinder_expertenteams_testen.jpg) 0 0 no-repeat; }
.c-main { width: 570px; position: absolute; left: 168px; top: 0; min-height: 600px; z-index: 0; margin: 0 20px 0 22px; }
#c-foot { 
	width: 570px; padding: 0.3em 0 0 0; margin: 30px 0 50px 0;
	border-top: 2px solid rgb(188,228,247); color: rgb(175,175,175); line-height: 1.1em; text-align: center; font-size: 0.92em;
}

#c-sub img { display: block; }

/* ++++ Headlines +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

h1, h2, h3 { color: rgb(215,39,39); }

h1 { font-size: 1.8em; padding: 25px 0 1.0em 0; line-height: 1.1em; text-align: center; }
h2 { font-size: 1.3em; padding: 0.7em 0 0.7em 0; line-height: 1.3em; }
h3 { font-size: 1.1em; padding: 0.7em 0 0.7em 0; }
h5 { font-size: 1.3em; padding: 0.7em 0 0.7em 0; line-height: 1.3em; } /* nur Spielzeug-iFrames */

h1#startseite { background: url(/files/hd_start.png) 0 0 no-repeat; height: 60px; margin: 20px 0 0 0; }
h1#startseite-final { background: url(/files/hd_start_final.png) 0 0 no-repeat; height: 60px; margin: 20px 0 0 0; }
h1#testprogramm { background: url(/files/hd_testprogramm.png) 0 0 no-repeat; height: 3px; margin: 20px 0 0 0; }
h1#bewerbung { background: url(/files/hd_bewerbung.png) 0 0 no-repeat; height: 3px; margin: 20px 0 0 0; }
h1#testen { background: url(/files/hd_expertenteams_testen.png) 0 0 no-repeat; height: 30px; margin: 20px 0 0 0; }
h1#expertenteams { background: url(/files/hd_expertenteams.png) 0 0 no-repeat; height: 3px; margin: 20px 0 0 0; }
h1#highlightprodukte { background: url(/files/hd_produkthighlights.png) 0 0 no-repeat; height: 3px; margin: 20px 0 0 0; }
h1#meinungen { background: url(/files/hd_meinungen.png) 0 0 no-repeat; height: 30px; margin: 20px 0 0 0; }
h1.steckbrief { background: url(/files/hd_steckbrief_m.png) 0 0 no-repeat; height: 30px; margin: 24px 0 0 0; }
h1.steckbrief#w { background-image: url(/files/hd_steckbrief_w.png); }
h1.steckbrief#mm { background-image: url(/files/hd_steckbrief_mm.png); }
h1.steckbrief#ww { background-image: url(/files/hd_steckbrief_ww.png); }
h1.steckbrief#mw, h1.steckbrief#u { background-image: url(/files/hd_steckbrief_mw.png); }

h1 span { font-size: 11px; }
h1#startseite-final span, h1#startseite span, h1#testprogramm span, h1#meinungen span, 
h1#bewerbung span, h1#testen span, h1.steckbrief span,  h1#expertenteams span, h1#highlightprodukte span   

{ display: block; width: 0; height: 0; overflow: hidden; }


h2.h-form { padding-top: 0; }
h2.h-form-wide {  padding: 0 0 2.0em 0; }
h3.h-form { color: rgb(215,39,39); padding: 0.2em 0 0.5em 0; }
h3.h-form.top { border-top: none; margin: 0; padding: 0 0 0.5em 0; }

h2.h-steckbrief { clear: left; }

h4 { font-size: 1.0em; color: rgb(215,39,39); line-height: 14px; font-weight: bold; padding: 0 0 0.8em 0; }

h1.h-admin { text-align: left; padding: 80px 0 80px 0; color: black; }
h2.h-admin { text-align: left; margin: 0 0 0 0; padding: 0 0 0 0; color: black;}

/* ++++ Absätze, Listen und Auszeichnung ++++++++++++++++++++++++++++++++++++++ */

p, ul, ol { padding: 0 0 0.7em 0; }
ul ol { position: relative; }
ul li  { padding: 0 0 0 10px; }
ol li { list-style-type: decimal; margin: 0 0 0 2.0em;}
em, i { font-style: italic; }
strong, b { font-weight: bold; }
.errorlabel { background: rgb(215,39,39); color: white	; }
p.fehlermeldung { background: rgb(215,39,39); color: white; padding: 5px; line-height: 14px; font-weight: bold; margin: 10px 0 20px 0; }
p.pos-response { background: rgb(199,195,187); color: white; padding: 5px; font-weight: bold; }
p.eng { padding: 0; }
p.abschluss { color: rgb(215,39,39); }
hr { height: 2px; background: rgb(178,173,162); color: rgb(178,173,162); margin: 2.0em 0; }
hr.partial { margin-left: 249px; }

/* ++++ Spezial-Listen ohne Bullets +++++++++++++++++++++++++++++++++++++++++++ */

#l-navi-main { width: 168px; margin: 0; padding: 0; }
#l-navi-main li { margin: 0; padding: 0; background: none; }
#l-navi-main li a  { display: block; height: 23px; width: 168px; background: url(/files/but_start.png) 0 0 no-repeat; margin: 0 0 3px 0; }
#l-navi-main li a:hover  { background-position: -168px 0; }
#l-navi-main li a.active  { background-position: -336px 0; }
#l-navi-main li a.active:hover  { background-position: -168px 0; }

#l-navi-main li a#a-start { background-image: url(/files/but_start.png); }
#l-navi-main li a#a-testprogramm { background-image: url(/files/but_testprogramm.png); }
#l-navi-main li a#a-expertenteams { background-image: url(/files/but_expertenteams.png); }
#l-navi-main li a#a-highlights { background-image: url(/files/but_highlights.png); }
#l-navi-main li a#a-testen { background-image: url(/files/but_testen.png); }
#l-navi-main li a#a-presse { background-image: url(/files/but_presse.png); }
#l-navi-main li a#a-weiterempfehlen { background-image: url(/files/but_weiterempfehlen.png); }
#l-navi-main li a#a-feedback { background-image: url(/files/but_feedback.png); }
#l-navi-main li a#a-fp-website { background-image: url(/files/but_fp_website.png); height: 72px; margin-top: 100px; }

.l-teamgruppen-tabs { height: 32px; margin: 0; padding: 0; }
.l-teamgruppen-tabs li { display: inline; padding: 0; background: 0; margin: 0;  }
.l-teamgruppen-tabs li a { display: block; float: left; width: 190px; height: 32px; background: url(/files/tab_expertenteams_1.png) 0 0 no-repeat; margin: 0; padding: 0; }
.l-teamgruppen-tabs li#tab-2 a  { background-image: url(/files/tab_expertenteams_2.png); }
.l-teamgruppen-tabs li#tab-3 a  { background-image: url(/files/tab_expertenteams_3.png); }
.l-teamgruppen-tabs li a:hover { background-position: 0 -50px; }
.l-teamgruppen-tabs li.tabs-selected a, .l-teamgruppen-tabs li.tabs-selected a:hover { background-position: 0 -100px; }
.l-teamgruppen-tabs li a:focus { outline: 0; }

.m-teams { border-left: 4px solid; border-right: 4px solid; padding: 45px 1px 0 1px; }
.m-thumb-box { display: block; width: 132px; margin: 4px; float: left; padding: 0; background: white; font-size: 10px; line-height: 10px; min-height: 150px; }
.m-thumb-box a { color: black; text-decoration: none; }
.m-thumb-box img { display: block; }
.m-thumb-box p { padding: 2px; }
#m-teams-1 { background: rgb(255,191,188) url(/files/bg_tab_gruppe_1.png) 0 5px no-repeat; border-color: rgb(238,82,74); }
#m-teams-2 { background: rgb(255,218,166) url(/files/bg_tab_gruppe_2.png) 0 5px no-repeat; border-color: rgb(252,149,3); }
#m-teams-3 { background: rgb(253,233,140) url(/files/bg_tab_gruppe_3.png) 0 5px no-repeat; border-color: rgb(249,205,1); }

#gruppe-1 { background: url(/files/tab_border_1_top.png) 0 0 no-repeat; padding-top: 5px; }
#gruppe-1 .gruppe-innen { background: url(/files/tab_border_1_bottom.png) left bottom no-repeat; padding-bottom: 5px; }
#gruppe-2 { background: url(/files/tab_border_2_top.png) 0 0 no-repeat; padding-top: 5px; }
#gruppe-2 .gruppe-innen { background: url(/files/tab_border_2_bottom.png) left bottom no-repeat; padding-bottom: 5px; }
#gruppe-3 { background: url(/files/tab_border_3_top.png) 0 0 no-repeat; padding-top: 5px; }
#gruppe-3 .gruppe-innen { background: url(/files/tab_border_3_bottom.png) left bottom no-repeat; padding-bottom: 5px; }

.m-steckbriefalben { clear: left; margin-top: 25px; position: relative; }

.l-steckbriefalben-tabs { height: 31px; margin: 0; padding: 0; }
.l-steckbriefalben-tabs li { display: inline; padding: 0; background: 0; margin: 0; }
.l-steckbriefalben-tabs li a {  display: block; float: left; width: 190px; height: 32px; background: url(/files/tab_fotos.png) 0 0 no-repeat; margin: 0; padding: 0; }
.l-steckbriefalben-tabs li#tab-2 a  { background-image: url(/files/tab_videos.png); }
.l-steckbriefalben-tabs li a:hover { background-position: 0 -49px; }
.l-steckbriefalben-tabs li.tabs-selected a, .l-steckbriefalben-tabs li.tabs-selected a:hover { background-position: 0 -100px; }
.l-steckbriefalben-tabs li a:focus { outline: 0; }

.l-steckbriefalben-tabs-2 { height: 31px; margin: 0; padding: 0; }
.l-steckbriefalben-tabs-2 li { display: inline; padding: 0; background: 0; margin: 0; }
.l-steckbriefalben-tabs-2 li a {  display: block; float: left; width: 120px; height: 32px; background: url(/files/tab_fotos_t1.png) 0 0 no-repeat; margin: 0; padding: 0; }
.l-steckbriefalben-tabs-2 li#tab-2 a  { background-image: url(/files/tab_videos_t1.png); }
.l-steckbriefalben-tabs-2 li#tab-3 a  { background-image: url(/files/tab_fotos_t2.png); }
.l-steckbriefalben-tabs-2 li#tab-4 a  { background-image: url(/files/tab_videos_t2.png); }
.l-steckbriefalben-tabs-2 li a:hover { background-position: 0 -49px; }
.l-steckbriefalben-tabs-2 li.tabs-selected a, .l-steckbriefalben-tabs-2 li.tabs-selected a:hover { background-position: 0 -100px; }
.l-steckbriefalben-tabs-2 li a:focus { outline: 0; }


#l-navi-steckbrief { padding: 0; margin: 0; height: 42px; clear: left; margin: 50px 0 0 0; }
#l-navi-steckbrief li { display: inline; padding: 0; background: 0; margin: 0; }
#l-navi-steckbrief li a { display: block; float: left; margin: 0 4px; width: 162px; height: 42px; background: url(/files/but_steckbrief_next.png) 0 0 no-repeat; }
#l-navi-steckbrief li#a-prev a { background-image: url(/files/but_steckbrief_prev.png); }
#l-navi-steckbrief li#a-top a { background-image: url(/files/but_steckbrief_up.png); }
#l-navi-steckbrief li a:hover { background-position: 0 -100px; }

.m-produkthighlights img { display: block; float: left; margin: 0; padding: 0; border: 0; }
.m-hlstatement-bild { float: left; width: 132px; height: 100px; padding: 3px 0 0 0; }
.m-hlstatement-bild img { display: block; }
.m-hlstatement-text { margin: 0 0 0 142px; }


.l-produktfavoriten-tabs { height: 32px; margin: 0; padding: 0; }
.l-produktfavoriten-tabs li { display: inline; padding: 0; background: 0; margin: 0;  }
.l-produktfavoriten-tabs li a { display: block; float: left; width: 190px; height: 32px; background: url(/files/tab_produktfavoriten_1.png) 0 0 no-repeat; margin: 0; padding: 0; }
.l-produktfavoriten-tabs li#tab-2 a  { background-image: url(/files/tab_produktfavoriten_2.png); }
.l-produktfavoriten-tabs li a:hover { background-position: 0 -50px; }
.l-produktfavoriten-tabs li.tabs-selected a, .l-produktfavoriten-tabs li.tabs-selected a:hover { background-position: 0 -100px; }
.l-produktfavoriten-tabs li a:focus { outline: 0; }
#m-produktfavoriten-1, #m-produktfavoriten-2 { background: url(/files/tab_border_4_top.png) 0 0 no-repeat; padding-top: 20px; }
#t-produktfavoriten-1, #t-produktfavoriten-2 { margin-top: 10px; }

#l-admin { padding: 0; background: none; border-top: 1px solid rgb(200,200,200); width: 740px; }
#l-admin li { padding: 10px 0 10px 0; background: none; border-bottom: 1px solid rgb(200,200,200); margin 0; }

.l-ok-uploads li { padding: 0 0 0 30px; background: url(/files/bul_ok.png) 0 0 no-repeat; }


/* ++++ Allgemein: Vollspalten-Bildsequenz ++++++++++++++++++++++++++++++++++++ */

.m-bild, .m-bild-breit { clear: both; }
.m-bild { margin: 0 0 0 249px; }
.m-bild img, .m-bild-breit img { display: block; }

.navi-bildsequenz { height: 18px; position: absolute; right: 25px; }
.navi-bildsequenz a {
	display: block; float: left; border: 1px solid; 
	text-align: center; font-size: 10px; line-height: 10px; text-decoration: none;
	width: 18px; height: 13px;
	margin: 0 0 0 3px; padding: 3px 0 0 0;
}
.navi-bildsequenz a:hover, .navi-bildsequenz a.activeSlide  { color: rgb(75,75,75);  }

/* ++++ Allgemein: Bild/Text 2-spaltig ++++++++++++++++++++++++++++++++++++++++ */

.m-introtext { 
	background: 0 0 no-repeat; font-weight: bold;
	font-family: Trebuchet, 'Trebuchet MS', 'Comic Sans MS'; color: black;
	padding: 0 0 0 250px;
	margin: 0 0 20px 0; min-height: 300px; 
}
.m-introtext h1 { color: rgb(215,39,39); font-weight: bold; font-size: 1.2em; line-height: 1.5em; }

#main-formular .m-introtext { margin: 0; }

blockquote { font-family: Trebuchet, 'Trebuchet MS', 'Comic  Sans', Verdana, 'Comic Sans MS'; color: black; line-height: 14px; }

.m-text-links { margin: 0 0 0 185px; }
.m-text-rechts { margin: 0 249px 0 0; }
.m-bild-links { width: 230px; float: left; margin: 0 0 0 0; }
.m-bild-rechts { width: 235px; float: right; margin: 0.3em 0 0 14px; }
.m-bild img, .m-bild-breit img,  .m-bild-links img, .m-bild-rechts img { display: block; margin-bottom: 1.3em; }

/* ++++ Allgemein: Bilderalbum ++++++++++++++++++++++++++++++++++++++++++++++++ */

.m-album { margin: 0 0 0 249px; }
.album-box  { border: 1px solid rgb(178,173,162); width: 89px; height: 89px; float: left; text-align: center; margin: 0 12px 12px 0; }
.m-album-breit .album-box  { width: 98px;  height: 98px; margin: 0 10px 10px 0; }
.album-box img { border: 1px solid rgb(151,145,132); }
.album-box img:hover { border-color: rgb(178,173,162); }

#l-spielzeug { margin: 20px 0 0 0; position: relative; }
#l-spielzeug li { padding: 0; margin: 0; background: none; }
#l-spielzeug li a { width: 129px; height: 88px; display: block; float: left; margin: 0 18px 18px 0; }

/* ++++ Allgemein: Download Bilder ++++++++++++++++++++++++++++++++++++++++++++ */

.m-download-img { margin: 0 0 0 249px; }

.dl-img-box  { width: 124px; float: left; margin: 0 14px 14px 0; font-size: 0.92em; color: rgb(125,125,125); line-height: 1.3em; }
.dl-img-box-img  { border: 1px solid rgb(178,173,162); width: 122px; height: 84px; text-align: center; margin-bottom: 0.2em; }
.dl-img-box img { border: 1px solid rgb(151,145,132); }
.dl-img-box img:hover { border-color: rgb(178,173,162); }

.m-download-img-breit .dl-img-box  { width: 152px; }
.m-download-img-breit .dl-img-box-img  { width: 150px; }


/* ++++ Links +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

a { color: rgb(215,39,39); outline: none; text-decoration: underline; }
a:hover { color: rgb(238,46,36); }
#c-foot a { color: rgb(175,175,175); text-decoration: none; }
#c-foot a:hover { color: rgb(238,46,36); text-decoration: underline; }
.errorlabel a, .errorlabel a:hover { color: white; }

/* ++++ Tabellen ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

table { border-collapse: collapse; }
th, td { vertical-align: top; padding: 0; margin: 0; border: 0; }
td.form-submit { text-align: right; }
#t-produktfavoriten-1 td, #t-produktfavoriten-2 td {  padding: 0; }
td img { display: block; margin: 0; padding: 0; line-height: 1.0em; }

/* ++++ Sonstiges +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.m-sequenz-wrapper { width: 280px; float: left; margin: 0 10px 10px 0; }
.m-bild.bildsequenz, .m-bild-breit.bildsequenz { margin-bottom: 0; }
.m-forminfo { padding: 0 0 0.9em 0; line-height: 15px;}
.m-formsmall { padding: 0 0 0.9em 0; font-size: 0.92em; color: rgb(100,100,100); }

.m-bild-links { width: 160px; float: left; margin: 0 10px 0 0; }
.m-bild-links img { display: block; }

.m-schmal { margin: 0 0 0 185px; }
.m-breit { margin: 0; }

.m-bild-links span { display: block; line-height: 14px; color: rgb(100,100,100);  }
.m-steckbrief-intro { margin: 0 0 0 290px; }

.m-steckbrief-intro, .m-sequenz-wrapper, .m-steckbrief-folge { font-family: 'Comic  Sans', 'Comic Sans MS'; }
.m-steckbrief-folge { clear: left; }
.m-steckbrief-intro h2, .m-steckbrief-folge h2 { font-size: 1.3em; padding: 0 0 0.7em 0; line-height: 1.3em; }
.m-sequenz-wrapper p { font-weight: bold; text-align: center; }
.m-sequenz-wrapper div { margin: 0 0 0.7em 0; }

/* ++++ Formularelemente ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

td.label { width: 180px; padding: 0 5px 0 0; clear: left; line-height: 15px; }
.m-textarea-limit { display: block; padding: 0 0 1.5em 0; font-size: 0.92em; color: rgb(100,100,100); }
label {  }
textarea, input, select { padding: 2px; margin: 0 0 1.5em 0; line-height: 15px; border: 1px solid rgb(178,173,162); background: rgb(244,244,242); }
textarea#frage1, textarea#frage2,
textarea#statement1, textarea#statement2, textarea#statement3 { margin: 0; }
select { padding: 0; vertical-align: top; }
option { padding: 0 15px 2px 0; }
textarea:focus, input:focus { background: white; }
input.basic, textarea { width: 386px; }
input.mini { width: 50px; }
.basic-checkbox { display: block; vertical-align: top; float: left; margin: 0.3em 10px 20px 0; }
.multi-checkbox { display: inline; vertical-align: top; float: none; margin: 0 10px 10px 0; }

input#submit-bewerben { margin-top: 2.0em; width: 232px; height: 35px; display: block; background: url(/files/submit_bewerben.png) 0 0 no-repeat; text-indent: -1000em; border: 0; }
input#submit-bewerben:hover { background-position: -300px 0; }


button#submit-weiter { margin-top: 2.0em; width: 212px; height: 35px; background: url(/files/submit_weiter_bild.png) 0 0 no-repeat; cursor: pointer; }
button#submit-weiter:hover { background-position: -230px 0; }

button#submit-empfehlen { margin-top: 2.0em; width: 222px; height: 35px; background: url(/files/submit_empfehlen.png) 0 0 no-repeat; }
button#submit-empfehlen:hover { background-position: -230px 0; }


#button-bewerbung li { margin: 0; padding: 0; background: none; }
#button-bewerbung li a { display: block; margin-top: 1.5em; width: 222px; height: 35px; background: url(/files/button_hier_gehts.png) 0 0 no-repeat; }
#button-bewerbung li a:hover { background-position: -230px 0; }

#button-weiterempfehlen li { margin: 0; padding: 0; background: none; }
#button-weiterempfehlen li a { display: block; margin-top: 1.5em; width: 252px; height: 35px; background: url(/files/button_weiterempfehlen.png) 0 0 no-repeat; }
#button-weiterempfehlen li a:hover { background-position: -300px 0; }



label, button { cursor: pointer; outline: none; }

/* ++++ Invisibles ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


li a span, button span { display: block; width: 0; height: 0; overflow: hidden; }
span i { font-style: normal; }
.clear { clear: both; height: 0; overflow: hidden; float: none; }
.clearbig { clear: both; height: 15px; overflow: hidden; float: none; }



.m-icons { height: 60px; border: none; background: url(/files/fisher_price_icons.png) 0 0 no-repeat; }
.m-abstand { height: 20px; }

.star-ranking { vertical-align: middle; }

#album-fotos, #album-fotos-1, #album-fotos-2 { clear: left; }



/* ++++ Video-Alben +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#album-videos, #album-videos-1, #album-videos-2 { height: 427px; 
	background: white url(/files/bg_tab_videoalbum.png) 0 0 repeat-x;
	border-top: 3px solid rgb(142,200,74); border-bottom: 3px solid rgb(142,200,74); 
	clear: left;
}
#player, #player_1, #player_2  {	
	width: 400px; height: 300px; 
	display: block; text-align: center; margin: 0 auto; 
	margin-top: 32px; margin-bottom: 37px;
} 
#player img { margin-top: 110px; border: 0px; } 
#player_wrap, #player_wrap_1, #player_wrap_2 { 
    width: 570px; height: 338px;
} 
#controlbar, #controlbar_1, #controlbar_2 { width: 0; height: 0; display: block; overflow: hidden; }
/* override buffer color from controls-apple.css */ 
div.controls div.buffer { background-color: blue; }
#clips, #clips_1, #clips_2  { margin-left: 40px; }
