/* Projekt: Website ActPositive.eu Ersteller: EDV-Beratung Winfried Maschke History: 2008-08-30 Erstellung */ /* Allgemein */ body { background-color: #ffffff; padding:0px; margin:0px; } img { border:0px; border-style:none; } a { color:#ffffff; text-decoration:none; } h1 { font-size:2.0em; padding-bottom:0px; padding-top:0px; margin:0; } h2 { font-size:0.90em; padding-bottom:0px; padding-top:0px; margin:0; } h3 { font-size:0.80em; padding-bottom:0px; padding-top:0px; margin:0; } p { font-size:0.75em; padding-bottom:0px; padding-top:0px; margin:0; } form { display: inline; } /* Sitemap */ .csc-sitemap, .csc-sitemap a { font-size:1.30em; } /* Kontaktformular */ .csc-mailform-field { clear:both; font-size:0.75em; padding-top:5px; } .csc-mailform-field input { float:right; width:190px; } .csc-mailform-field textarea { float:right; width:100%; } .csc-mailform-field label { float:left; } input.csc-mailform-submit { float:right; width:7.0em; } .csc-mailform { padding:0px; margin:0px; border:none; } /* Inhaltselemente Tabelle, Listen, Absätze usw. */ table.contenttable { font-size:0.75em; border-collapse:collapse; border:3px solid #4C4C4C; } table.contenttable td { border:2px solid black; padding:4px; } table.contenttable tr.tr-0 {font-weight:bold; } .contbl1 ol { padding:2px; margin:0px; margin-left:1em; } .contbl1 ul { padding:0px; margin:0px; margin-left:1em; } .contbl1 li { font-size:0.75em; line-height:1.20em; } p.indent { padding-left:10px; } li a, p.bodytext a, a.mail { color:#ffffff; text-decoration:underline; } li a:hover, p.bodytext a:hover, a.mail:hover { background-color:#dfdfdf; color:#DB2635; } body.mainb { background-color: #ffffff; background-image:url(images/bg.jpg); font-size: 100.1%; font-family:Verdana,Arial,Helvetica,sans-serif; } #frameouter { width:963px; height:728px; margin-left:auto; margin-right:auto; background-image:url(images/bgouter.png); background-repeat:no-repeat; background-position: 15px 45px; } /* Wechselbilder links*und rechts */ a.change1 img, a.change2 img, a.change3 img, a.change4 img { float:left; height:258px; cursor:url(images/icon.gif), url(images/icon.ani),url(images/icon.ico), auto; } a.change1 { float:left; height:258px; background-image: url(images/titel1.jpg); background-repeat:no-repeat; display:block; background-position: -265px 0px; } a.change2 { float:left; height:258px; background-image: url(images/titel2.jpg); background-repeat:no-repeat; display:block; background-position: -265px 0px; } a.change3 { float:left; height:258px; background-image: url(images/titel3a.jpg); background-repeat:no-repeat; display:block; background-position: 0px 0px; } a.change4 { float:left; height:258px; background-image: url(images/titel4.jpg); background-repeat:no-repeat; display:block; background-position: 0px 0px; } a.change1:hover, a.change2:hover { background-position: 0px 0px; } a.change3:hover, a.change4:hover { background-position: -265px 0px; } /* Sprachmenü */ a.lang_flag { float:left; display:block; border:5px solid #ffffff; } a.lang_flag:hover { border:5px ridge #dfdfdf; } a.lang_flag_sel { float:left; display:block; border:5px solid #ffffff; } a.lang_flag_sel:hover { border:5px ridge #dfdfdf; } #sprachwahl { float:left; width:83px; height:56px; padding-top:57px; padding-left:25px; margin-right:197px; } /* Kopfzeilenelemente */ #kopf { float:left; width:947px; height:161px; overflow:hidden; } #counter { float:left; width:309px; height:23px; color:#ffffff; font-size: 13px; margin-top:62px; background-image:url(images/bg.jpg); } #counter img { float:left; z-index:20; margin-left:-99px; } #num { float:left; z-index:10; text-align:center; padding-top:3px; font-weight:bold; width:99px; height:20px; } #num2 { float:left; z-index:10; text-align:right; color:#000000; background-color:#ffffff; font-weight:normal; font-size: 0.70em; line-height: 1.3em; padding-top:1px; width:309px; } #logo { float:right; } /* Menü */ #menue { clear:both; width:924px; position:relative; top:0px; left:23px; z-index: 200; font-size: 0.8em; } #menu { list-style-type:none; margin:0 0 100px 0; padding:0; } #menu li { display:block; float:left; position:relative; z-index:200; margin-right:1px;} #menu li span { float:left; display:block; z-index:200; padding: 2px 6px; background-color:#ffffff; text-transform:uppercase; } #menu li a, #menu li a:visited { display:block; padding:0; white-space:nowrap;} #menu dl { position:absolute; top:0; left:0; margin:0; padding:0; background:transparent url(images/durchsicht2.png); background-position: 0px 1.6em; background-repeat:no-repeat; } #menu table dl { filter:alpha(opacity=85); } #menu dt { margin:0; float:left; color:#000000; background-color:#ffffff; } #menu dd { margin:0; padding:0; padding-left:6px; padding-right:6px; display:none; background: transparent; clear:left; color: #ffffff; text-align:left;} #menu p { margin:0; padding:0; padding-top:5px; padding-bottom:5px; } #menu dt a, #menu dt a:visited { display:block; color:#000000; text-decoration:none; padding: 2px 6px; text-transform:uppercase; } #menu dd a, #menu dd a:visited { display:block; color:#ffffff; text-decoration:none; padding: 2px 6px; } #menu li a:hover { border:0; text-decoration:none; background-color:#ffffff; } #menu li:hover dd, #menu li a:hover dd {display:block;} #menu li:hover dl, #menu li a:hover dl { padding-bottom:5px; } #menu dd a:hover { background-color:#000000; font-weight:bold; } #menu li:hover dt a, #menu li a:hover dt a { color:#DB2635; } /* Logos */ #logos { float:left; } #logos img { float:left; margin-left:15px; margin-right:27px; } /* Footer */ #foot1 { float:left; width:963px; padding-top:16px; background-image:url(images/bgu.jpg); background-repeat:no-repeat; background-position: 15px 0px; } #footer1 { float:right; width:300px; font-size: 0.8em; } #footer1 a, #footer1 a:visited { color:#ffffff; text-decoration:none; text-transform:uppercase; display:block; float:left; margin-left:10px; } #footer1 a.active:visited, #footer1 a.active { color:#000000; background-color: #ffffff; } #footer1 a:hover { color:#DB2635; background-color: #ffffff; } /* Templates / Spalten / Inhalt */ #content { float:left;} #inhalt, #inhalt2, #inhalt3, #inhaltq { float:left; color:#ffffff; width:957px; height:525px; background-image:url(images/bgouter.png); background-repeat:repeat-y; background-position: 15px 0px; } #inhalt div.contbl0, #inhalt div.contbl2, #inhalt3 div.contbl0, #inhaltq div.contbl2 { float:left; margin:0; width:265px; } #inhalt div.csc-textpic-clear, #inhalt div.csc-textpic-clear, #inhalt3 div.csc-textpic-clear, #inhaltq div.csc-textpic-clear { float:left; margin:0; padding:0; height:9px; width:265px; } #inhalt dl, #inhalt dl, #inhalt3 dl, #inhaltq dl { margin:0; padding:0; } #inhalt div.contbl1 { float:left; width:336px; background-color:#4C4C4C; } #inhalt2 div.contbl1, #inhalt3 div.contbl1 { float:left; padding-top:46px; width:612px; background-color:#4C4C4C; } #inhaltq div.contbl1 { float:left; padding-top:46px; width:604üx; background-color:#4C4C4C; } #inhalt div.inbl1 { float:left; width:289px; padding-left:25px; padding-right:25px; } #inhalt2 div.inbl1, #inhalt3 div.inbl1 { float:left; width:565px; padding-left:25px; padding-right:25px; } #inhaltq div.inbl1 { float:left; width:604px; height:479px; padding-right:25px; overflow:auto; } #manyl { float:left; height:525px; width:265px; padding-left:28px; overflow:hidden; } #manyr { float:left; height:525px; width:265px; margin-left:11px; overflow:hidden; } #manym { float:left; height:500px; width:356px; margin-left:11px; padding-top:25px; background-color:#4C4C4C; overflow:auto; } #many { float:left; height:525px; width:632px; margin-left:11px; background-color:#4C4C4C; overflow:auto; } #manyq { float:left; height:525px; width:632px; padding-left:28px; } div.clearer { clear:both; } dd.csc-textpic-caption { background-color:#dfdfdf; color:#DB2635; font-size:0.70em; margin:0; } /* Quiz */ div.qoben { float:left; overflow:visible; } div.question-number { float:left; width:300px; padding-right:28px; } div.question-number img { float:right; } div.the-question { float:left; width:258px; padding-bottom:26px; } div.question { float:left; } div.tx-szquiz-pi1 { float:left; } #antworten { float:left; width:258px; padding-bottom:26px; } #antworten ul { list-style:none; border:0; padding:0; margin:0; } #antworten li { display:block; border:0; padding:0; margin:0; padding-bottom:3px; padding-top:3px; } #antworten li a, #antworten li a:visited { border:1px solid #4C4C4C; background-position: 0px 0px; padding:0; padding-left:21px; padding-bottom:4px; padding-top:2px; display:block; text-decoration:none; background-image: url(images/boxes.gif); background-repeat:no-repeat; } #antworten li a:hover { border:1px solid #ffffff; background-position: 0px -300px; color:#dfdfdf; } span.r_x { border:1px solid #00b000; background-position: 0px -300px; padding:0; padding-left:21px; padding-bottom:4px; padding-top:2px; display:block; background-image: url(images/boxes.gif); background-repeat:no-repeat; font-weight:bold; } span.f_x { border:1px solid #DB2635; background-position: 0px -200px; color:#dfdfdf; padding:0; padding-left:21px; padding-bottom:4px; padding-top:2px; display:block; background-image: url(images/boxes.gif); background-repeat:no-repeat; } span.r_o { border:1px solid #00b000; background-position: 0px -300px; padding:0; padding-left:21px; padding-bottom:4px; padding-top:2px; display:block; background-image: url(images/boxes.gif); background-repeat:no-repeat; font-weight:bold; } span.f_o { border:1px solid #4C4C4C; background-position: 0px -600px; color:#dfdfdf; padding:0; padding-left:21px; padding-bottom:4px; padding-top:2px; display:block; background-image: url(images/boxes.gif); background-repeat:no-repeat; } #ergebnis { float:left; width:258px; } #next { clear:both; float:left; width:302px; padding-top:13px; padding-right:26px; } #next a, #next a:visited { background-position: 0px 0px; float:right; padding:0; display:block; text-decoration:none; background-image: url(images/next.jpg); background-repeat:no-repeat; } #next a:hover { background-position: 0px -59px; } /* Petition */ #frameouterp { width:620px; height:715px; margin-left:auto; margin-right:auto; background-image:url(images/bgouterp.jpg); background-repeat:no-repeat; background-position: 0px 20px; } #inhaltp { float:left; width:566px; height:567px; padding-left:10px; margin-top:10px; overflow:auto; } #inhaltp div.contbl1, #inhaltp div.contbl2 { float:left; width:527px; padding-left:20px; padding-top:20px; color:#ffffff; background-color:#4C4C4C; } #logop { float:left; } .pform-field { float:left; width:523px; font-size:0.75em; margin-top:5px; padding:2px; } .pform-field_err { float:left; width:523px; background-color:#dfdfdf; font-size:0.75em; margin-top:7px; padding:2px; } .pform-field label { float:left; } .pform-field_err label { float:left; background-color:#dfdfdf; color:#000000; } input.pfeld-mailform-submit { float:right; } .pfeld-mailform { padding:0px; margin:0px; border:none; } .tx-newloginbox-pi1 { font-size:0.75em; } div.pfrad { float:right; width:200px; } div.pfrad_err { float:right; width:200px; color:#000000; } #user, #pass, .pfeld { float:right; width:190px; border:1px solid #ffffff; padding-left:5px; background-image:url(images/feld.gif); background-repeat:no-repeat; background-position: 0px 0px; } .pfeld_err { float:right; width:190px; border:1px solid #DB2635; padding-left:5px; background-image:url(images/feld.gif); background-repeat:no-repeat; background-position: 0px 0px; } .box_pfeld { float:left; border:1px solid #4C4C4C; } .box_pfeld_err { float:left; border:1px solid #4C4C4C; } .sel_pfeld { float:right; width:198px; padding-left:5px; } .sel_pfeld_err { float:right; width:198px; padding-left:5px; } .rad_pfeld { border:1px solid #4C4C4C; } .rad_pfeld_err { border:1px solid #DB2635; } /* Guesbook siehe typoscript auf der entsprechenden Seite */ /* Uploads / Download */ td.csc-uploads-fileName { height:2.50em; } td.csc-uploads-fileName a { display:block; color:#ffffff; text-decoration:underline; font-weight:bold; height:2em; } td.csc-uploads-fileName a:hover { background-color:#dfdfdf; color:#DB2635; } table.csc-uploads csc-uploads-0 tr.tr-odd, table.csc-uploads csc-uploads-0 tr.tr-even { vertical-align:top; } p.csc-uploads-description { padding-bottom:2.0em;} td.csc-uploads-fileSize { vertical-align:top; } /* (Better) Contact Form */ #sp_bettercontact_info { float:left; width:200px; font-size:0.75em; color:#ffffff; font-weight:bold; padding-bottom:0px; padding-top:0px; margin:0; } #sp_bettercontact_name_container, #sp_bettercontact_mail_container, #sp_bettercontact_anfrage_container { float:left; width:295px; } #sp_bettercontact_name_container input, #sp_bettercontact_mail_container input { padding-left:5px; float:right; width:190px; background-image:url(images/feld.gif); background-repeat:no-repeat; background-position: 0px 0px; } #sp_bettercontact_anfrage_container textarea { padding-left:5px; float:right; width:190px; height: 150px; background-image:url(images/feld.gif); background-repeat:no-repeat; background-position: 0px 0px; } div.sp_bettercontact_label { float:left; font-size:0.75em; padding-bottom:0px; padding-top:0px; margin:0; } div.sp_bettercontact_msg { float:left; width:200px; min-height:1.5em; font-size:0.75em; color:#ffffff; padding-bottom:0px; padding-top:0px; margin:0; overflow:visible; } #sp_bettercontact_senden { float:right; margin-top:5px; } #sp_bettercontact_hidden { float:left; width:200px; height: 5px; overflow:hidden; } div.tx-spbettercontact-pi1 { } .tx-srfreecap-pi2-image { float:right; width:163px; height:50px; margin-top:5px; } /* Vorübergehend für Splashpage TheStoryOfAGirl */ body.thestoryofagirl { background-color:#000000; background:url(images/b.gif); margin:0px; } #thestoryofagirl_cont { width:960px; height:960px; margin-left: -480px; position: absolute; top: -480px; left: 50%; overflow:hidden; } #thestoryofagirl_outer { text-align:center; position:absolute; top:50%; left:0px; width:100%; height:1px; overflow:visible; visibility:visible; display:block; } #thestoryofagirl_inner { width:960px; height:960px; border:0px; float:left; background:url(images/splash.jpg); background-repeat:no-repeat; } #thestoryofagirl_inner img { border:0px; } #thestoryofagirl_a1 { float:left; width:960px; height:770px; } #thestoryofagirl_a2 { float:left; width:960px; height:90px; } #thestoryofagirl_a3 { float:left; width:960px; height:70px; }