html { height: 100%; background-color: #d2d2d2 }
body { height: 100%; text-align:center; padding: 0px; margin:0px; font-family:verdana,tahoma; font-size: 10px; background: #d2d2d2 url(bg.gif) repeat-x; }

h1 { font-size:15px; margin-bottom: 31px; width: 593px; margin-top: -2px; margin:0px; }
h1.frage { font-size:12px; font-weight: normal; margin-bottom: 10px; color: #666666 }
h1.frage span { font-weight:bold }

h2 { font-family: arial, tahoma; font-size:17px; width: 593px; line-height: 20px; margin-bottom: 15px}

a, a:link, a:active, a:visited { color:#42545e; font-weight:bold; text-decoration:none; }
a:hover { font-weight:bold; text-decoration:underline }
a span { font-size:9px; }

input { width: 400px; font-size:11px }
select  { width: 400px; font-size:11px }

div .headline_result { width: 591px; height: 46px; margin: 5px 0px 5px 0px; background-image: url(hl_result.gif); }
div .headline_result div { position:relative; top: 6px; left: 13px; font-size: 17px; color: #fff; }


#wrapper { position: relative; top:0px; left:0px; width: 980px; margin: 0px auto; text-align:left; }

#wrapper table { position: relative; top:0px; left:0px; padding:0px; margin:0px 0px 10px 0px }

/*#################### H E A D E R ##########################################*/

#header { position: relative; top:0px; left:0px; width: 980px; height:348px; }

#header .logo  { position:absolute; top: 26px; right:0px; }
#header .sponsor  { position:absolute; top: 29px; left:0px; }

#header .metanavi { position:absolute; left:9px; top:0px; width: 960px; height: 26px; background: #01070A url(meta_rundungen.jpg) no-repeat bottom; }
#header .metanavi img { margin: 1px 20px 0px 20px; float:left }

#header .keyvisuals { position:absolute; top: 94px; width: 980px;}
#header .keyvisuals_home { position:absolute; top: 105px; width: 980px;}

/********** Keyvisual mit Button *****************/
#header .keyvisuals_lampen_button { position:absolute; bottom: 1px; right:0px; z-index:3 }
#header .keyvisuals_flash_button { position:absolute; top: 325px; right:90px; z-index:4 }

/********** Keyvisual mit 3 Buttons **************/
#header .keyvisuals .testauswahl_1 { position: absolute; top:0px; left:0px; }
#header .keyvisuals .testauswahl_2 { position: absolute; top:0px; left:325px; }
#header .keyvisuals .testauswahl_3 { position: absolute; top:0px; left:645px; }



/*#################### C O N T E N T  ##########################################*/

#content { position:relative; left:0px; top:0px; width: 980px; font-size: 11px; color:#000000; background:url(bg_content.gif) repeat-y 0px 0px; }
#content_home { position:relative; left:0px; top:0px; width: 980px; font-size: 11px; color:#000000; background:url(bg_content_home.gif) repeat-y 0px 0px; }
#content_column { position:relative; left:0px; top:0px; width: 980px; font-size: 11px; color:#000000; background:url(bg_content_column.gif) repeat-y 0px 0px; }
#content .content_bg { position:relative; left:0px; top: 0px; width: 980px; background:url(bg_content_top.gif) no-repeat 0px 0px; overflow:visible; }
#content .content_bg_podcast { position:relative; left:0px; top: 0px; width: 980px; background:url(bg_content_top_no_box.gif) no-repeat 0px 0px; overflow:visible; }
#content .content_bg_no_box { position:relative; left:0px; top: 0px; width: 980px; background:url(bg_content_top_no_box.gif) no-repeat 0px 0px; overflow:visible; }
#content_home .content_bg { position:relative; left:0px; top: 0px; width: 980px; background:url(bg_content_top_home.gif) no-repeat 0px 0px; overflow:visible; }
#content_column .content_bg_podcast { position:relative; left:0px; top: 0px; width: 980px; background:url(bg_content_column_top.gif) no-repeat 0px 0px; overflow:visible; }

/*#################### C O N T E N T  -  LEFT  ##########################################*/

#content .content_bg .left_content { position:relative; left:40px; top: 40px; width: 593px; padding: 0px 0px 20px 0px; line-height: 15px; float:left; margin-bottom: 50px }
#content .content_bg_podcast .left_content { position:relative; left:40px; top: 10px; width: 585px; padding: 0px 0px 20px 0px; line-height: 15px; float:left; margin-bottom: 50px }
#content_column .content_bg_podcast .left_content { position:relative; left:40px; top: 15px; width: 593px; padding: 0px 0px 20px 0px; line-height: 15px; float:left; margin-bottom: 50px }

.left_content p a, .left_content p a:link, .left_content p a:active, .left_content p a:visited { color:#666666; font-weight:bold; text-decoration:none; }
.left_content p a:hover { font-weight:bold; text-decoration:underline }
p a span { font-size:9px; }

#content .content_bg .left_content table.formular { font-size:11px; width:100%; padding:0px;}
#content .content_bg_no_box .left_content table.formular { font-size:11px; width:100%; padding:0px;}

#content_home .content_bg .left_content table.formular { font-size:11px; width:100%; padding:0px;}
.formular .ort { width:335px; }
.formular .plz { width:56px }

table tr { height: 25px }

.frage_text { color: #666666; font-size: 12px }


table.formular td.valid { width: 150px; font-weight:bold }
table.formular td.invalid { width: 150px; color:#ff0000; font-weight:bold }

table.formular td.valid_privacy { }
table.formular td.invalid_privacy { color:#ff0000; }

td span.valid { font-weight:bold }
td span.invalid { font-weight:bold; color:#ff0000; }

.img_lampen_result {position: relative; top:5px; left:-4px;}

/*#################### C O N T E N T  -  RIGHT  ##########################################*/

#content .content_bg .right_content { position:relative; left:68px; top: 15px; width: 306px; font-size: 10px; color:#000000; padding-bottom: 0px; float:left; } /* Padding macht den Abstand unterhalb den Boxen */
#content .content_bg_no_box .right_content { position:relative; left:68px; top: 15px; width: 306px; font-size: 10px; color:#000000; padding-bottom: 0px; float:left; } /* Padding macht den Abstand unterhalb den Boxen */
#content .content_bg_podcast .right_content { position:relative; left:68px; top: 55px; width: 306px; font-size: 10px; color:#000000; padding-bottom: 50px; float:left; } /* Padding macht den Abstand unterhalb den Boxen */
#content_column .content_bg_podcast .right_content { position:relative; left:68px; top: 15px; width: 300px; font-size: 10px; color:#000000; padding-bottom: 50px; float:left; } /* Padding macht den Abstand unterhalb den Boxen */

.content_bg_podcast .right_content .box_podcast_remote { position:relative; margin-bottom:40px; left:0px; top: 0px; width: 300px; color: #000; background:url(bg_box_podcast_remote.gif) no-repeat; display:table; }
.content_bg_podcast .right_content .box_podcast_remote p { position:relative; left:92px; top: 60px; width:200px; margin-top:0px}
.content_bg_podcast .right_content .box_podcast_remote p a.monitor { font-weight:normal; color: #000000; background:url(bg_monitor.gif) no-repeat; line-height: 30px; padding-left: 20px; padding-top: 5px; }
.content_bg_podcast .right_content .box_podcast_remote p a.download { font-weight:normal; color: #000000; background:url(bg_download.gif) no-repeat; line-height: 30px; padding-left: 20px; padding-top: 5px; }

.content_bg_podcast .right_content .box_reg_partner { position:relative; margin-bottom:1px; left:10px; top: 0px; width: 300px; color: #000; height:78px; background:url(bg_box_reg_partner_podcast.gif) no-repeat; display:table; }
.content_bg_podcast .right_content .box_reg_partner p { position:relative; left:88px; top: 61px; width:240px; margin-top:0px}
.content_bg_podcast .right_content .box_reg_partner p a { color: #666; }

.content_bg_podcast .right_content .box_podcast_list { position:relative; margin-bottom:1px; left:56px; top: 20px; width: 250px; color: #000; height:78px; background:url(bg_box_podcast_list.gif) no-repeat; display:table; }
/*.content_bg_podcast .right_content .box_podcast_list p { position:relative; left: 52px; top: 34px; width:240px; margin-top:0px}*/
.content_bg_podcast .right_content .box_podcast_list p { position:relative; left: 2px; top: 60px; width:240px; margin-top:0px}
.content_bg_podcast .right_content .box_podcast_list p a { color: #666; }

.right_content .box_gespraech { position:relative; margin-bottom:1px; left:0px; top: 0px; width: 306px; color: #000; height:60px; background:url(bg_box_gespraech.gif) no-repeat; display:table;  }
.right_content .box_gespraech p { position:relative; left:66px; top: 29px; width:240px; margin-top:0px}
.right_content .box_gespraech p a { color: #fff; }

.right_content .box_reg_partner { position:relative; margin-bottom:1px; left:0px; top: 0px; width: 306px; color: #000; height:102px; background:url(bg_box_reg_partner.gif) no-repeat; display:table; }
.right_content .box_reg_partner p { position:relative; left:98px; top: 70px; width:204px; margin-top:0px}
.right_content .box_reg_partner p a { color: #666; }

.right_content .box_weiterempfehlen { position:relative; margin-bottom:1px; left:0px; top: 0px; width: 306px; color: #000; height:71px; background:url(bg_box_weiterempfehlen.gif) no-repeat; display:table; }
.right_content .box_weiterempfehlen p { position:relative; left:66px; top: 36px; width:204px; margin-top:0px}
.right_content .box_weiterempfehlen p a { color: #fff; }

.right_content .box_pdf_auswertung { position:relative; margin-bottom:1px; left:0px; top: 0px; width: 306px; color: #000; height:71px; background:url(bg_box_pdf_auswertung.gif) no-repeat; display:table; }
.right_content .box_pdf_auswertung p { position:relative; left:66px; top: 36px; width:204px; margin-top:0px}
.right_content .box_pdf_auswertung p a { color: #fff; }

.right_content .box_portal { position:relative; margin-bottom:1px; left:0px; top: 0px; width: 306px; color: #000; height:71px; background:url(bg_box_portal.gif) no-repeat; display:table; }
.right_content .box_portal p { position:relative; left:66px; top: 36px; width:204px; margin-top:0px}
.right_content .box_portal p a { color: #fff; }


/*################### HOME BOXES #############################################*/

#content_home .content_bg .left_content { position:relative; left:11px; top: 15px; width: 311px; font-size: 10px; color:#000000; float:left;  } /* Padding macht den Abstand unterhalb den Boxen */
#content_home .content_bg .middle_content { position:relative; left:25px; top: 15px; width: 306px; font-size: 10px; color:#000000; float:left; } /* Padding macht den Abstand unterhalb den Boxen */
#content_home .content_bg .right_content { position:relative; left:39px; top: 15px; width: 311px; font-size: 10px; color:#000000; float:left; } /* Padding macht den Abstand unterhalb den Boxen */

#content_home .content_bg .download-link { margin-top:3px }
#content_home .content_bg .download-link .element1 { width:110px; padding-right: 5px }
#content_home .content_bg .download-link .element2 { padding-right: 5px }
#content_home .content_bg .download-link .element3 { }

#content_home .content_bg .left_content .box_init { width: 311px }
#content_home .content_bg .middle_content .box_init { width: 306px }
#content_home .content_bg .right_content .box_init { width: 311px }

/* LINKS */

#content_home .content_bg .box_wachstum { position:relative; margin-bottom:1px; left:0px; top: 0px; height:100px; color: #000; background:url(bg_box_wachstum.gif) #a2a6a9 no-repeat; display:table;}
#content_home .content_bg .box_wachstum div { position:relative; left:63px; top: 24px; width:240px; margin-top:0px}
#content_home .content_bg .box_wachstum div a { color: #000000; }

#content_home .content_bg .box_gute_argumente { position:relative; margin-bottom:1px; left:0px; top: 0px; height:111px; color: #000; background:url(bg_box_gute_argumente.gif) #b7babc no-repeat; display:table;}
#content_home .content_bg .box_gute_argumente div { position:relative; left:63px; top: 37px; width:240px; margin-top:0px}
#content_home .content_bg .box_gute_argumente div a { color: #000000; }

#content_home .content_bg .box_umsatzstarke_loesungen { position:relative; margin-bottom:1px; left:0px; top: 0px; height:109px; color: #000; background:url(bg_box_umsatzstarke_loesungen.gif) #e8e8e8 no-repeat; display:table; }
#content_home .content_bg .box_umsatzstarke_loesungen div { position:relative; left:63px; top: 37px; width:240px; margin-top:0px}
#content_home .content_bg .box_umsatzstarke_loesungen div a { color: #000000; }

/* MITTE */

#content_home .content_bg .box_erfolg { position:relative; margin-bottom:1px; left:0px; top: 0px; height:100px; color: #000; background:url(bg_box_erfolg.gif) #a2a6a9 no-repeat; display:table;}
#content_home .content_bg .box_erfolg div { position:relative; left:63px; top: 24px; width:240px; margin-top:0px}
#content_home .content_bg .box_erfolg div a { color: #000000; }

#content_home .content_bg .box_kunden_warten { position:relative; margin-bottom:1px; left:0px; top: 0px; height:111px; color: #000; background:url(bg_box_kunden_warten.gif) #b7babc no-repeat; display:table;}
#content_home .content_bg .box_kunden_warten div { position:relative; left:63px; top: 37px; width:240px; margin-top:0px}
#content_home .content_bg .box_kunden_warten div a { color: #000000; }

#content_home .content_bg .box_potenzial_rechner { position:relative; margin-bottom:1px; left:0px; top: 0px; height:109px; color: #000; background:url(bg_box_potenzial_rechner.gif) #e8e8e8 no-repeat; display:table;}
#content_home .content_bg .box_potenzial_rechner div { position:relative; left:63px; top: 37px; width:240px; margin-top:0px}
#content_home .content_bg .box_potenzial_rechner div a { color: #000000; }

/* RECHTS */

#content_home .content_bg .box_fakten { position:relative; margin-bottom:1px; left:0px; top: 0px; height:82px; color: #000; background:url(bg_box_fakten.gif) #a2a6a9 no-repeat; display:table;}
#content_home .content_bg .box_fakten div { position:relative; left:63px; top: 24px; width:240px; margin-top:0px}
#content_home .content_bg .box_fakten div a { color: #000000; }

#content_home .content_bg .box_podcast { position:relative; margin-bottom:1px; left:0px; top: 0px; height:89px; color: #000; background:url(bg_box_podcast.gif) #b7babc no-repeat; display:table;}
#content_home .content_bg .box_podcast div { position:relative; left:63px; top: 37px; width:240px; margin-top:0px}
#content_home .content_bg .box_podcast div a { color: #000000; }

#content_home .content_bg .box_programm_erfolg { position:relative; margin-bottom:1px; left:0px; top: 0px; height:115px; color: #000; background:url(bg_box_programm_erfolg.gif) #e8e8e8 no-repeat; display:table;}
#content_home .content_bg .box_programm_erfolg div { position:relative; left:63px; top: 37px; width:240px; margin-top:0px}
#content_home .content_bg .box_programm_erfolg div a { color: #000000; }

#content_home .content_bg .box_reg_partner_home { position:relative; margin-bottom:-10px; left:0px; top: 0px; height:99px; color: #000; background:url(bg_box_reg_partner_home.gif) #e8e8e8 no-repeat; display:table;}
#content_home .content_bg .box_reg_partner_home div { position:relative; left:100px; top: 79px; width:240px; margin-top:0px}
#content_home .content_bg .box_reg_partner_home div a { color: #000000; }


/* ################### RESULT SEITE ##############################*/

#result_block { border:1px solid #666666; color: #666666; background-color:#eeeeee; width:591px; margin-bottom:20px; }


/*#################### C O N T E N T  -  Left - FRAGEN ##########################################*/

.balken { position:relative; left:0px; top:0px; width:523px; background: url(bg_balken_li.gif) no-repeat; height:56px; }
.balken .balken_img { background: url(bg_balken.gif); width:523px; height:56px; margin-left:19px }

.balken_voll { position:relative; left:-6px; top:0px;  background: url(bg_balken_voll.gif) no-repeat; width:523px; height:56px }
.balken_voll .balken_img_voll { width:485px; height:56px; }

table td.radio_antwort { width:20px; text-align:left; }
table td.radio_antwort input { width:20px; }

table.formular .radio { width:20px; text-align:left }
table.formular .antwort { width:100%; border-bottom: 1px solid #b4b9bb; padding: 10px 0px 10px 0px }

.formular td table { height:80px } 


/*#################### F O O T E R  ##########################################*/

#footer { position:relative; font-size: 10px; color:#636363; height: 16px }
#footer .copyright { position:absolute; top:0px; left:15px; font-size: 10px; color:#636363 }
#footer .footer_metanavi { position:absolute; top:0px; right:15px; font-size: 10px; color:#636363 }
.footer_metanavi a, .footer_metanavi a:link, .footer_metanavi a:active, .footer_metanavi a:visited {color:#636363; font-weight:normal; text-decoration:none;}
.footer_metanavi a:hover { text-decoration:underline }

.error { color: #ff0000 }