/* CSS Document */ /* // -------------------------------------------------------------------------------------------- // global.css copyright by Digipanda - Agentur fuer digitale Kommunikation | www.digipanda.net // -------------------------------------------------------------------------------------------- */ /* --------------------------------------------- 01. main/default elements --------------------------------------------- */ body { background:#212121; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#787878} a:link, a:visited {color:#313131; text-decoration: none} a:hover {color:#787878; text-decoration: none} p { line-height:1.5em; color:#787878} h1 { color:#636363;} h2 { color:#00B9E9} h3 { font-size:11px} h4 { font-size:11px; color:#AFA860; font-family:Verdana, Arial, Helvetica, sans-serif; } h6 { font-size:13px; color:#00B9E9; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;} embed { z-index:1 } /* --------------------------------------------- 02. container and wrapper --------------------------------------------- */ #container { width:100%; float:left; background:url(../images/bg_container.jpg) repeat-y top center; overflow:hidden } #wrapper { width:985px; margin:0 auto; padding-left:9px; padding-right:9px;} /* --------------------------------------------- 03. light big and light top --------------------------------------------- */ #light-big { width:985px; float:left; background:url(../images/light_big.png) no-repeat top left} #light-top { width:897px; float:left; background:url(../images/light_top.png) no-repeat top left; padding-left:44px; padding-right:44px} /* --------------------------------------------- 04. header styles --------------------------------------------- */ #header { width:895px; float:left; padding-left:1px; padding-right:1px; background:url(../images/grey_brick_header.gif) no-repeat bottom right; border-bottom:1px solid #373737; padding-bottom:6px} #header .pink_brick { width:149px; height:10px; float:left; background:url(../images/pink_brick_header.png) no-repeat top left; padding-bottom:90px;} #header .yellow_brick { width:149px; height:10px; float:left; background:url(../images/yellow_brick_header.png) no-repeat top left; padding-bottom:90px;} #header .orange_brick { width:149px; height:10px; float:left; background:url(../images/orange_brick_header.png) no-repeat top left; padding-bottom:90px;} #header .blue_brick { width:149px; height:10px; float:left; background:url(../images/blue_brick_header.png) no-repeat top left; padding-bottom:90px;} #header .nav { float:right; padding-top:18px;} #header .nav ul { float:right;} #header .nav ul li { float: left; font-size:18px; background:url(../images/divider_nav.png) no-repeat center right; color:#636363; padding-left:10px; padding-right:10px} #header .nav ul li a { float:left; text-decoration:none; color:#636363; border-bottom:3px solid #373737; padding-bottom:2px} #header .nav ul li a:hover { text-decoration:none; color:#ffffff; border-bottom:3px solid #ffffff} #header .nav ul li a.selected { text-decoration:none; color:#ffffff; border-bottom:3px solid #ffffff} #header .nav ul li.nodivider { background:none; padding-right:0px} #header .logo { width:895px; height:55px; margin-left:-1px; float:left; background:url(../images/logo_eckart.png) no-repeat top left} #header .logo .logo-link { width:460px; height:55px; position:absolute; float:left; background:url(../images/blank.gif);} /* --------------------------------------------- 05. video --------------------------------------------- */ #video { width:895px; float:left; padding-left:1px; padding-right:1px; border-top:1px solid #373737; border-bottom:1px solid #373737; padding-top:12px; padding-bottom:27px; margin-top:2px} #video .border { width:893px; height:315px; float:left; border:1px solid #373737} #video .flvvideo { visibility:hidden; } #video .link_schliessen { width:893px; float:left; text-align:right; position:relative;visibility:hidden; top:-5px;} #video .link_schliessen a { background:url(../images/icon_schliessen.png) no-repeat left; color:#636363; text-decoration:none; padding-left:18px;} #video .link_schliessen a:hover { color:#636363; text-decoration:none} /* --------------------------------------------- 05.1 flashpersonal --------------------------------------------- */ #flashpersonal { width:895px; float:left; padding-left:1px; padding-right:1px; border-top:1px solid #373737; border-bottom:1px solid #373737; padding-top:27px; padding-bottom:27px; margin-top:2px} #flashpersonal .border { width:893px; height:269px; float:left; border:1px solid #373737} /* --------------------------------------------- 06. welcome box styles --------------------------------------------- */ #welcome { width:897px; float:left; border-top:1px solid #373737; padding-top:20px; padding-bottom:20px; margin-top:2px; background:url(../images/grey_brick_header.gif) no-repeat top left} #welcome .box_top { width:895px; height:10px; float:left; background: url(../images/welcomebox_big_top.png) no-repeat top} #welcome .box_middle { width:845px; float:left; background:#313131; padding-top:15px; padding-bottom:15px; padding-left:10px; padding-right:40px} #welcome .box_bottom { width:895px; height:10px; float:left; background: url(../images/welcomebox_big_bottom.png) no-repeat top} #welcome .leftpanel { width:420px; float:left; padding-right:20px} #welcome .rightpanel { width:390px; float: right;} #personal { width:897px; float:left; border-top:1px solid #373737; border-bottom:1px solid #373737; padding-top:20px; padding-bottom:2px; margin-top:2px; background:url(../images/grey_brick_header.gif) no-repeat top left} #personal .box_top { width:895px; height:10px; float:left; background: url(../images/welcomebox_big_top.png) no-repeat top} #personal .box_middle { width:845px; float:left; background:#313131; padding-top:15px; padding-bottom:15px; padding-left:10px; padding-right:40px} #personal .box_bottom { width:895px; height:10px; float:left; background: url(../images/welcomebox_big_bottom.png) no-repeat top} #personal .leftpanel { width:290px; float:left; padding-right:20px; padding-top:70px;} #personal .rightpanel { width:520px; float: right;} #personal .brick_right {width:895px; float:left; border-bottom:1px solid #373737; padding-top:20px; background:url(../images/grey_brick_header.gif) no-repeat bottom right;} /* --------------------------------------------- 07. movie thumbs styles --------------------------------------------- */ #moviethumbs { width:897px; float:left; border-bottom:1px solid #373737; padding-bottom:15px; background:url(../images/grey_brick_header.gif) no-repeat bottom right} #moviethumbs ul { width:897px; float:left; border-top:1px solid #373737; padding-top:20px; padding-bottom:20px; position:relative; } #moviethumbs ul li { width:280px; height:187px; float:left; padding-right:26px; border:none} #moviethumbs ul li a { width:278px; height:185px; border:1px solid #373737} #moviethumbs ul li a.link:hover {} #moviethumbs ul li .type { display:none; z-index:-2} #moviethumbs ul li:hover .type { display:block; z-index:-1 } #moviethumbs ul li.last { padding-right:0px} #moviethumbs ul li a.link { width:278px; height:185px; position:absolute; float:left; } #moviethumbs ul li a.pink { width:278px; height:185px; position:absolute; float:left; } #moviethumbs ul li a:hover.pink {} #moviethumbs .thumb { width:279px; height:101px; margin-bottom:-101px;} #moviethumbs h2 { padding-bottom:10px; padding-left:6px; font-size:16px; font-weight:normal; position:relative; padding-top:120px; font-size:12px; text-transform:uppercase; z-index:1000;} #moviethumbs h3 { color:#FFFFFF; padding-top:85px; float:right; padding-right:10px} #moviethumbs p { padding-left:6px; position:relative; z-index:1000;} .dividerbottom { width:897px; float:left; border-top:1px solid #373737; padding-top:2px; padding-bottom:0px; margin-top:2px; } /* --------------------------------------------- 08. contact nav --------------------------------------------- */ #contactnav { width:897px; float:left; border-bottom:4px solid #313131; padding-top:164px } #contactnav ul { float:right} #contactnav ul li { float: left; font-size:18px; color:#636363; border-right:1px solid #1A1A1A} #contactnav ul li a { float:left; text-decoration:none; color:#636363; padding:10px 15px; padding-bottom:5px; background:#313131} #contactnav ul li a:hover { text-decoration:none; color:#ffffff; } #contactnav ul li a.selected { text-decoration:none; color:#ffffff; background:#313131} #contactnav ul li.nodivider { background:#313131; padding-right:0px; border:none} #contactnav ul li.morespace { float:left; text-decoration:none; color:#636363; padding:0px 15px; background:#313131} /* --------------------------------------------- 09. contact box styles --------------------------------------------- */ #contact { width:897px; float:left; border-top:1px solid #373737; background:url(../images/arrow_nav.gif) no-repeat top right; margin-top:2px; border-bottom:1px solid #313131; padding-bottom:5px;} #contact .box_top { width:895px; height:10px; float:left; background: url(../images/box_black_top.png) no-repeat top; margin-top:31px;} #contact .box_middle { width:815px; float:left; background:#1A1A1A; padding-top:15px; padding-bottom:25px; padding-left:40px; padding-right:40px} #contact .box_bottom { width:895px; height:10px; float:left; background: url(../images/box_black_bottom.png) no-repeat bottom;} #contact .box_contact { width:897px; float:left; display:none; } #contact h4 { border-bottom:1px solid #313131; padding-bottom:17px; text-transform:uppercase; letter-spacing:3px; margin-bottom:25px} #contact h4.nodivider { border:none; padding-bottom:15px; padding-top:20px} #contact p { padding-bottom:25px; } /* --------------------------------------------- 09.1 contact box - link_schliessen --------------------------------------------- */ #contact .link_schliessen { width:815px; float:left; text-align:right} #contact .link_schliessen a { background:url(../images/icon_schliessen.png) no-repeat left; color:#AFA860; text-decoration:none; padding-left:18px} #contact .link_schliessen a:hover { color:#AFA860; text-decoration:none} /* --------------------------------------------- 09.2 contact box - inhalte --------------------------------------------- */ #contact .inhalte { width:280px; float:left; padding-top:30px;} /* --------------------------------------------- 09.3 contact box - sitecredits --------------------------------------------- */ #contact .sitecredits { width:285px; float:left; padding-top:30px;} #contact .sitecredits p { width:225px;} #contact .sitecredits p a { text-decoration:underline; color:#787878;} #contact .sitecredits p a.developer { background:url(../images/icon_external_link.png) no-repeat center right; padding-right:20px} /* --------------------------------------------- 09.4 contact box - datenschutz --------------------------------------------- */ #contact .datenschutz { width:250px; float:left; padding-top:30px;} /* --------------------------------------------- 09.5 contact box - copyright --------------------------------------------- */ #contact .copyright { width:845px; float:left; padding-top:15px} #contact .copyright p { padding:0px} /* --------------------------------------------- 10. footer styles --------------------------------------------- */ #footer { width:897px; float:left; border-top:1px solid #373737; padding-top:13px; margin-top:2px; } #wrapper .link_nachoben { width:897px; float:left; text-align:right;} #wrapper .link_nachoben a { float: right; background:url(../images/arrow_top.gif) no-repeat 2px 3px; color:#313131; text-decoration:none; padding-left:14px } #wrapper .link_nachoben a:hover { color:#787878; text-decoration:none} #footer .pink_brick { width:189px; height:10px; float: right; background:url(../images/pink_brick_footer.png) no-repeat bottom left; margin-top:148px} #footer .yellow_brick { width:189px; height:10px; float: right; background:url(../images/yellow_brick_footer.png) no-repeat bottom left; margin-top:148px} #footer .orange_brick { width:189px; height:10px; float: right; background:url(../images/orange_brick_footer.png) no-repeat bottom left; margin-top:148px} #footer .blue_brick { width:189px; height:10px; float: right; background:url(../images/blue_brick_footer.png) no-repeat bottom left; margin-top:148px} /* --------------------------------------------- 11. filmmusik & soundtracks page styles --------------------------------------------- */ #filmmusik { width:897px; float:left; padding-top:75px; border-top:1px solid #373737; margin-top:2px} /* --------------------------------------------- 11.1 filmmusik & soundtracks - nav --------------------------------------------- */ #filmmusik .nav_bookmark { float:left; padding-top:15px} #filmmusik .nav_bookmark ul li { float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#00B9E9; text-transform:uppercase; background:url(../images/divider_blue.png) no-repeat right center} #filmmusik .nav_bookmark ul li.bordernone { border:none; background:none} #filmmusik .nav_bookmark ul li a { float:left; color:#00B9E9; text-decoration:none; padding:0 10px; letter-spacing:1px} #filmmusik .nav_bookmark ul li a:hover { color:#00B9E9; text-decoration:underline} #filmmusik .nav_bookmark ul li a.bookmark { background:url(../images/icon_bookmark.gif) no-repeat 0 5px;padding-left:20px;} #filmmusik .nav_thumbview { height:35px; float:right} #filmmusik .nav_thumbview ul li { float:left; font-size:12px; font-weight:normal; color:#787878; text-transform:uppercase; padding-left:1px} #filmmusik .nav_thumbview ul li .icon { padding-right:5px} #filmmusik .nav_thumbview ul li a { width:142px; height:24px; float:left; background:#373737; color:#787878; text-decoration:none; text-align:center; padding-top:11px} #filmmusik .nav_thumbview ul li a:hover { color:#787878; text-decoration:none; background:#424141} #filmmusik .nav_thumbview ul li a.selected { color:#787878; text-decoration:none; background:#424141} #filmmusik .thikunderline { width:897px; float:left; border-top:1px solid #373737; background: url(../images/grey_brick_filmmusik.gif) no-repeat top left; height:15px} /* --------------------------------------------- 11.2 filmmusik & soundtracks - dropdown --------------------------------------------- */ #dropdown { width:895px; height:27px; float:left; border-top:1px solid #373737; border-bottom:1px solid #373737; padding-top:3px; } #dropdown a { width:262px; height:21px; float:left; background:#373737 url(../images/nav_filmwahil_arrow.gif) no-repeat top right; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#647379; text-decoration:none; text-transform:uppercase; padding-left:23px; padding-top:3px; letter-spacing:1px} /* --------------------------------------------- 11.3 filmmusik & soundtracks - mp3 thumb layout --------------------------------------------- */ .mp3thumblayout { width:895px; float:left; margin-top:14px; margin-bottom:25px} #filmmusik .mp3thumblist { width:895px; float:left; margin-top:20px; background:url(../images/grey_brick_filmmusik.gif) no-repeat bottom right; padding-bottom:4px} #filmmusik .mp3thumblist-blank { width:895px; float:left; height:16px; background:url(../images/grey_brick_filmmusik.gif) no-repeat bottom right; padding-bottom:4px} #filmmusik .mp3thumb { width:211px; float:left; padding-right:17px} #filmmusik .mp3thumb-last { width:211px; float:left; padding-right:0px} #filmmusik .photo { width:205px; height:111px; float:left; border:3px solid #424141} .mp3thumblayout .expanded { width:199px; float:left; background:#313131; border-bottom:1px solid #767676; padding:8px 6px 15px 6px; display:none;} .mp3thumblayout .expanded p { line-height:1.3em; padding-bottom:5px} .mp3thumblayout .expanded h3 { color:#FFED00; border-bottom:1px dotted #767676; padding-bottom:5px; margin-bottom:3px } .mp3thumblayout .expanded .website { width:199px; float:left; border-top:1px dotted #767676; border-bottom:1px dotted #767676; padding:10px 0} .mp3thumblayout .expanded .website ul li { float:left; font-size:11px; font-weight:normal; color:#A0A0A0; padding-right:5px; padding-left:1px} .mp3thumblayout .expanded .website ul li.truck { float:left; background:url(../images/icon_mail.gif) no-repeat center left; padding-left:17px} .mp3thumblayout .expanded .website ul li a {color:#AFA860; text-decoration:none} .mp3thumblayout .expanded .website ul li a:hover {color:#AFA860; text-decoration: underline} .mp3thumblayout .mp3thumbspace {border-bottom: 1px solid #373737;position:relative;top:-20px;} .flashplayer { float:left; padding-top:18px; z-index:0} /* --------------------------------------------- 11.4 filmmusik soundtracks - listenansicht --------------------------------------------- */ #listenansicht { width:895px; float:left; border-bottom:1px solid #373737; margin-top:13px; padding-bottom:20px} #listenansicht .photo { width:434px; height:188px; float:left; border:3px solid #424141; overflow:hidden} #listenansicht .infobox { width:443px; float: right; padding-left:12px} #listenansicht .infobox p { padding-bottom:3px; line-height:1.3em; height:65px;} #listenansicht .infobox h3 { color:#FFED00; border-bottom:1px dotted #767676; padding-bottom:5px; margin-bottom:3px; line-height:1.4em} #listenansicht .infobox .distanz p { color:#FFED00;border-bottom:1px dotted #767676; padding-bottom:3px; margin-bottom:3px} #listenansicht .website { width:395px; float:left; border-top:1px dotted #767676; border-bottom:1px dotted #767676; padding:9px 0; padding-top:8px} #listenansicht .website ul li { float:left; font-size:11px; font-weight:normal; color:#A0A0A0; padding-right:25px} #listenansicht .website ul li.truck { float:left; background:url(../images/icon_mail2.gif) no-repeat center left; padding-left:17px} #listenansicht .website ul li a {color:#AFA860; text-decoration:none} #listenansicht .website ul li a:hover {color:#AFA860; text-decoration: underline} #listenansicht .bordertop { width:443px; height:10px; float:left; background:url(../images/bg_listenanbox_bordertop.png) no-repeat; overflow:hidden} #listenansicht .bordermiddle { width:395px;float:left; background:#333335; padding:8px 21px 5px 27px} #listenansicht .borderbottom { width:443px; height:7px; float:left; background:url(../images/bg_listenanbox_borderbottom.png) no-repeat} /* --------------------------------------------- 11.5 filmmusik & soundtracks - pagination --------------------------------------------- */ #wrapper .pagination { float:right; padding-top:0px; padding-bottom:5px} #wrapper .pagination ul li { float:left; font-size:11px; font-weight:normal; color:#00A7E5; text-transform:uppercase; padding-left:6px} #wrapper .pagination ul li a { float:left; color:#00A7E5; text-decoration:none; border:1px solid #373737; padding:4px 6px} #wrapper .pagination ul li a:hover { color:#212121; text-decoration:none; background:#00A7E5; border:1px solid #00A7E5} #wrapper .pagination ul li a.selected { color:#212121; text-decoration:none; background:#00A7E5; border:1px solid #00A7E5} #wrapper .pagination ul li span.last {border:1px solid #373737;color:#373737;padding:4px 6px;float:left;} #filmmusik .link_nachoben { width:895px; float:left; border-top:1px solid #373737; padding-top:15px; padding-bottom:100px} /* --------------------------------------------- 12. email page styles --------------------------------------------- */ #email { width:895px; float:left; padding-bottom:35px} #email .hallobox { width:440px; float:left;} #email .hallobox h6 { text-transform:uppercase; padding-top:10px; padding-bottom:10px} #email .hallobox p { color:#FFFFFF} #email .hallobox p a { color:#00B9E9; text-decoration:none} #email .hallobox p a:hover { color:#00B9E9; text-decoration:underline} #email .hallobox p a.linkhome { color:#00B9E9; float:right; margin-top:-8px; padding-right:20px} #email .hallobox p.dieses { padding-bottom:15px} #email .hallobox .bordertop { width:438px; height:10px; float:left; background:url(../images/hallobox_bordertop.gif) no-repeat top; overflow:hidden} #email .hallobox .bordermiddle { width:348px; float:left; background:#313131; padding-left:30px; padding-right:60px; background:url(../images/hallobox_bordermiddle.gif) repeat-y top center} #email .hallobox .borderbottom { width:438px; height:10px; float:left; background:url(../images/hallobox_borderbottom.gif) no-repeat bottom} /* --------------------------------------------- 13. Filmauswahl --------------------------------------------- */ div.cmf-skinned-select { background: url(../images/skin.png) top right no-repeat; border: none; } div.cmf-skinned-text { background-color: #373737;border: none;padding: 3px 3px 3px 20px;margin-top:2px;text-transform:uppercase; } #my-select { width: 286px;background-color: #373737;border:1px solid #373737;padding:3px 5px 4px 20px;color: #647379;height: 26px;text-transform: uppercase; } /* --------------------------------------------- 14. Tell a Friend --------------------------------------------- */ #tellafriend { width: 600px; padding-top:10px;} #tellafriend .teaser { padding-bottom:15px; } #tellafriend h1 { color:#FFED00; font-size: 16px; font-weight:normal; padding-bottom: 10px;} #tellafriend label { width: 180px; float: left; } #tellafriend label.error { float: none; color: red; padding-left: .5em; vertical-align: top; } #tellafriend p { clear: both; } #tellafriend input, #tellafriend textarea { border:none; width: 265px; background-color: #2a2a2a; padding: 4px;border-bottom: 1px solid #555555;margin-bottom: 5px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px; } #tellafriend input[type=submit] { margin: 20px 0px 0px 180px; width: 273px; font-size: 12px;text-transform: uppercase;letter-spacing: 3px;cursor: pointer;color:#00A7E5; text-decoration:none; border:1px solid #373737; padding:4px 6px; background:none;} #tellafriend .pflicht { float:left; } #tellwait { padding-top:10px; display:none; } #tellwait .teaser { padding-bottom:15px; } #tellwait h1 { color:#FFED00; font-size: 16px; font-weight:normal; padding-bottom: 10px;} #tellwait .waiting img { margin-left: 250px;margin-top:100px;} #tellwait p { clear: both; } #tellerror { padding-top:10px; display:none; } #tellerror .teaser { padding-bottom:15px; } #tellerror h1 { color:#FFED00; font-size: 16px; font-weight:normal;} #tellerror p { clear: both; } #tellerror .goback {margin-top:10px;} #tellerror .goback a { text-decoration:none; color:#636363;} #tellerror .errordesc { padding:10px 0px 10px 0px; width:600px; text-align:center;border-top:1px solid #636363;border-bottom:1px solid #636363;} #tellsuccess { padding-top:10px; display:none; } #tellsuccess .teaser { padding-bottom:15px; } #tellsuccess h1 { color:#FFED00; font-size: 16px; font-weight:normal; padding-bottom: 10px;} #tellsuccess p { clear: both; } /* --------------------------------------------- 15. contact box styles --------------------------------------------- */ #cform { width:897px; float:left; border-top:1px solid #373737; background:url(../images/arrow_nav.gif) no-repeat top right; margin-top:2px; border-bottom:1px solid #313131; padding-bottom:5px; display:none; } #cform .box_top { width:895px; height:10px; float:left; background: url(../images/box_black_top.png) no-repeat top; margin-top:31px;} #cform .box_middle { width:815px; float:left; background:#1A1A1A; padding-top:15px; padding-bottom:25px; padding-left:40px; padding-right:40px} #cform .box_bottom { width:895px; height:10px; float:left; background: url(../images/box_black_bottom.png) no-repeat bottom;} #cform .box_contact { width:897px; float:left; } #cform h4 { color: #bcc132; text-transform:uppercase;margin:40px 0px 5px 0px;} #cform h3 { color: #FFFFFF; text-transform:uppercase; margin-bottom:25px; } #cform p { font-size:11px;padding-bottom:25px;letter-spacing:1px;} #cform .pflicht { margin-top: 90px; } /* --------------------------------------------- 15.1 contact box - link_schliessen --------------------------------------------- */ #cform .link_schliessen { width:815px; float:left; text-align:right} #cform .link_schliessen a { background:url(../images/icon_schliessen.png) no-repeat left; color:#AFA860; text-decoration:none; padding-left:18px} #cform .link_schliessen a:hover { color:#AFA860; text-decoration:none} /* --------------------------------------------- 15.2 contact box - content --------------------------------------------- */ #cform .inhalte { width:280px; float:left; padding-top:30px;} /* --------------------------------------------- 15.2 contact box - contact form --------------------------------------------- */ #cform .contactform { width:512px; float:left; position:relative;top:-5px; } #cform .contactform p { padding-bottom: 6px; width:512px; } #cform .contactform label { width:512px;display:block;text-transform:uppercase;font-size:12px; float:left; } #cform .contactform textarea { width:508px; height:180px; background-color:#2a2a2a;border:0;border-bottom:1px solid #555555; } #cform .contactform input[type=text] { width:435px;height:30px;background-color:#2a2a2a;border:0;border-bottom:1px solid #555555 } #cform .contactform button { border:none; background: none; margin:0; padding:0 } #cformwait { padding-top:10px; display:none; } #cformwait .teaser { padding-bottom:15px; font: normal 12px Arial, Helvetica, sans-serif; } #cformwait h1 { color:#FFED00; font-size: 16px; font-weight:normal; padding-bottom: 10px;} #cformwait .waiting img { margin-left: 150px;margin-top:100px;} #cformwait p { clear: both; } #cformerror { padding-top:10px; display:none; } #cformerror .teaser { padding-bottom:15px;font: normal 12px Arial, Helvetica, sans-serif; letter-spacing:1px; } #cformerror h1 { color:#FFED00; font-size: 16px; font-weight:normal;margin-bottom:10px;} #cformerror p { clear: both; font: normal 12px Arial, Helvetica, sans-serif; letter-spacing:0;} #cformerror .goback {margin-top:10px;} #cformerror .goback a { text-decoration:none; color:#636363;font: normal 12px Arial, Helvetica, sans-serif; letter-spacing:1px;} #cformerror .errordesc { font: normal 12px Arial, Helvetica, sans-serif; letter-spacing:0; padding:10px 0px 10px 0px; width:500px; text-align:center;border-top:1px solid #636363;border-bottom:1px solid #636363;} #cformsuccess { padding-top:10px; display:none; } #cformsuccess .teaser { padding-bottom:15px;font: normal 12px Arial, Helvetica, sans-serif; letter-spacing:1px; } #cformsuccess h1 { color:#FFED00; font-size: 16px; font-weight:normal; padding-bottom: 10px;} #cformsuccess p { clear: both; } /* --------------------------------------------- 15.3 contact box - copyright --------------------------------------------- */ #cform .copyright { width:845px; float:left; padding-top:15px} #cform .copyright p { padding:0px; font: normal 12px Arial, Helvetica, sans-serif; letter-spacing:0; } /* --------------------------------------------- 16 social network buttons --------------------------------------------- */ #startsocial { width: 600px; padding-top:10px;} #startsocial .teaser { padding-bottom:15px; } #startsocial h1 { color:#FFED00; font-size: 16px; font-weight:normal; padding-bottom: 10px;} #startsocial p { clear: both; } #startsocial ul {list-style-type:none;} #startsocial li {float:left;margin-left:10px;}