/* * Project: www.visualacting.de * Author: VisualActing GmbH */ @import "global.css"; @import "superfish.css"; /* TYPO3 */ @import "typo3/boxes.css"; @import "typo3/templates.css"; @import "typo3/extension.css"; @import "typo3/t3_rte.css"; @media screen, projection { /* -------------RESET--------------- */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;vertical-align:baseline;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;padding:0} html[xmlns^="http"]{overflow-y:scroll} body{background-color:#fff} :focus{outline:0} ul,ol{list-style:none;list-style-type:none} table{border-collapse:separate;border-spacing:0} caption,th,td{text-align:left;font-weight:400} blockquote:before,blockquote:after,q:before,q:after{content:""} blockquote,q{quotes:"" ""} a,a:link,a:visited,a:hover{text-decoration:underline;color:#000} a:active,a:focus,input{outline:none} sup{position:relative;bottom:0.3em;vertical-align:baseline} sub{position:relative;bottom:-0.2em;vertical-align:baseline} acronym,dfn,abbr{cursor:help;border-bottom:1px dashed} del{text-decoration:line-through} a abbr,a acronym{border:none} cite,em,dfn,i{font-style:italic} ins,dfn{border-bottom:1px solid #ccc} code,kbd,samp,pre,tt,var{font-size:100%;font-family:monaco, "Lucida Console", courier, mono-space} a img,img,img,iframe{border:none;text-decoration:none} html{font-size:100%} body{font:62.5%/1.3 Verdana, Geneva, Tahoma, sans-serif;color:#fff;background:#e6e6e6} em{font-style:italic} a,a:link,a:visited{position:relative;z-index:9999;background-color:transparent;text-decoration:none;color:#cff9ff} a:hover{color:#fff;text-decoration:underline} a:visited{color:#355a5f} p{font-size:1.1em;padding-bottom:1em;line-height:1.5em} strong,b,th{font-weight:700} /* -------------PRELOAD IMAGES--------------- */ #preloader {position:absolute;top:-1000px;left:-1000px;display:none} /* -------------LAYOUT--------------- */ #page {padding:20px 0 10px} #page-wrap{position:relative;width:948px;height:598px;background:url(../images/bg_test.jpg) no-repeat;border:1px solid #f1f1f1;margin:0 auto 0 auto} #sidebar-left{position:relative;float:left;width:354px;height:600px;padding-left:114px} #menuService{position:absolute;right:32px;top:30px} #logo{position:absolute;left:617px;top:115px;z-index:2} .sf-menu{position:absolute;z-index:99;left:114px;top:25px;width:400px} #service{position:absolute;left:114px;bottom:15px;width:360px;z-index:112} #teaserText{position:absolute;z-index:4;left:114px;top:110px;width:390px} #breadcrump{position:absolute;left:114px;top:174px;z-index:96} #content{position:absolute;left:114px;top:210px;width:360px;height:335px;overflow:hidden;z-index:97} #sidebar-right{height:288px;left:625px;overflow:hidden;position:absolute;top:240px;width:303px;z-index:2} #bg-right {position:absolute;right:0;top:0;width:333px;height:598px;z-index:1} .slideshow ul li{position:absolute;left:58px;top:120px;width:29px;} /* -------------HEADLINES--------------- */ h2,h3,h4,h5,h6 {font-weight:bold} h2 {font-size:1.4em;padding-bottom:.5em} h3 {font-size:1.3em;padding-bottom:.4em} h4 {font-size:1.2em;padding-bottom:.2em} /* -------------LIST ELEMENTS------------ */ #content ul,#sidebar-right ol,#sidebar-right ul,#content ol{padding:0 0 1em .5em} #content ol,#sidebar-right ol{list-style-type:decimal;padding-left:25px} #content ul li,#content ol li,#sidebar-right ul li,#sidebar-right ol li{background:transparent url(../images/icons/listIcon.gif) 0 6px no-repeat;line-height:1.3em;font-size:1.1em;padding:0 0 3px 12px} #sidebar-right ul li,#sidebar-right ol li{background:transparent url(../images/icons/listIcon_black.gif) 0 6px no-repeat} #sidebar-right a,sidebar-right a:visited{color:#000} #sidebar-right a:hover{text-decoration:none} /* -------------MAINNAVI----------------- */ .sf-menu li{background:none;text-transform:uppercase;font-size:11px} .sf-menu li:hover ul,.sf-menu li.sfHover ul{top:2.5em} .sf-menu a,.sf-menu a:visited,.sf-menu a:link{border-left:none;border-top:1px solid #fff;text-decoration:none;color:#fff;padding:0.75em .8em} .sf-menu li li a,.sf-menu li li a:visited,.sf-menu li li a:link{color:#fff;border-top:none;font-style:normal} .sf-menu li a:hover{border-top:1px solid #8EBFC4;color:#fff} .sf-menu li {background:none;border-top:none} .sf-menu li li{background:#4B9AA1;border-top:none} .sf-menu li li li{background:#4B9AA1;border-top:none} .sf-menu li li a:hover{background:#fff;border-top:none;color:#4B9AA1} .sf-menu li.sfHover a,.sf-menu li.active a {border-top:1px solid #8EBFC4;background:none} .sf-menu li li.sfHover a,.sf-menu li li.sfHover a:visited {background:#fff;color:#4B9AA1} .sf-menu li:hover,.sf-menu li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active{background:none;outline:0;border-top:none} .sf-menu li.level2 a,.sf-menu li.level2 a:visited {background:#4B9AA1!important;border-top:none;color:#fff!important} .sf-menu li.level2 a:hover {background:#fff!important;border-top:none;color:#4B9AA1!important} .sf-menu li li a,.sf-menu li li a:visited,.sf-menu li li li a,.sf-menu li li li a:visited {border-left:1px solid #8EBFC4!important} /* ----------- SLIDELETTERS ---------------- */ .slideshow li{position:absolute;top:0;left:0;z-index:100;opacity:0;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"} .slideshow li.active{z-index:102;opacity:1;filter:alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"} .slideshow li.last-active{z-index:101} /* ------------- BREADCRUMB ------------------ */ ul.breadMenu li{display:inline;color:#fff;font-size:1.1em} ul.breadMenu li a,ul.breadMenu li a:visited{color:#fff;text-decoration:none;padding:0 3px 0 0} ul.breadMenu li a:hover{color:#fff;text-decoration:none} /* -------------LOGO------------------ */ #logo a{z-index:1} /* -------------CONTENT------------------ */ #sidebar-right{color:#000} #content h3{padding-bottom:0.8em;} /* -------------PAGE HEADLINE------------ */ #teaserText h2{position:relative;font-size:4em;color:#fff;line-height:1.2em} /* -------------SERVICE------------------ */ #service a {position:relative;float:left;margin-right:16px;z-index:0} #service a.first {margin-right:28px} #service a.last {float:right;margin-right:0} /* -------------NEWSLETTER------------------ */ body.newsletter {width:360px;background:url(../images/bg-nl.gif) repeat-y} iframe.iframe {width:380px;height:250px;overflow:hidden} /* -------------TEAM------------------ */ ul.team {margin:0 !important;;padding:0 !important;;float:left;} ul.team li {float:left;list-style:none !important;margin:0 !important;padding: 0 !important;overflow:hidden} /*--------------STRATEGIE/BERATUNG--------------*/ #img-arrows{display:none;position:absolute;left:916px;top:8px;height:24px;width:24px;z-index:1000} #strategie{background: #fff url(../images/strategie/strategie-moduls.gif) no-repeat -1px -11px;height:452px;width:934px}/*to load image befor animation?????*/ #strategie.startimg{background: url(../images/strategie/strategie-start-bg.png) no-repeat;width:288px;height:303px} * html #strategie.startimg{background: url(../images/strategie/strategie-startie-bg.gif) no-repeat 1px 23px} .strategie-modul h4,.strategie-modul h5,.strategie-modul p{color:#414141} .strategie-modul.small strong{color:#fff} .strategie-modul{float:left} /*full size*/ .strategie-modul h4{font-size:18px} .strategie-modul h5{font-size:16px;height:117px} .strategie-modul strong{font-size:23px} .strategie-modul p{font-size:15px;padding-top:11px} #modul1 {height:420px;width:165px;padding-top:21px;background:#fff url(../images/strategie/strategie-moduls.gif) no-repeat -14px -3146px} #modul1 h5{padding-top:35px;height:82px} #modul1 p{padding-right:14px} #modul2 {height:420px;width:158px;padding-top:21px;background:#fff url(../images/strategie/strategie-moduls.gif) no-repeat -179px -3146px} #modul2 h5{padding-top:15px;padding-left:12px;height:102px} #modul2 p{padding-right:5px} #modul3 {height:420px;width:158px;padding-top:21px;background:#fff url(../images/strategie/strategie-moduls.gif) no-repeat -337px -3146px} #modul3 h5{padding-top:25px;padding-left:14px;height:92px} #modul3 p{padding-right:6px} #modul4 {height:420px;width:150px;padding-top:21px;background:#fff url(../images/strategie/strategie-moduls.gif) no-repeat -495px -3146px} #modul4 h5{padding-top:25px;padding-left:14px;height:92px} #modul4 p{padding-right:13px} #modul5 {height:420px;width:150px;background:#fff url(../images/strategie/strategie-moduls.gif) no-repeat -645px -3146px} #modul5 h5{padding-top:32px;padding-left:22px;height:85px} #modul5 p{padding-right:13px} #modul6 {height:420px;width:152px;background:#fff url(../images/strategie/strategie-moduls.gif) no-repeat -795px -3146px} #modul6 h5{padding-left:13px;padding-right:34px;padding-top:20px;;height:97px} #modul6 p{padding-right:21px} #sidebar-right-active{height:598px;width:948px;left:0px;top:0px;overflow:hidden;position:absolute;z-index:999;background:#fff} #sidebar-right-active #strategie{height:452px;width:934px;padding-left:14px;padding-top:146px;z-index:1000} #sidebar-right-active #strategie{background: #fff url(../images/strategie/strategie-moduls.gif) no-repeat -1px -11px} #sidebar-right-active #strategie.modul2-active{background-position: -1px -608px} #sidebar-right-active #strategie.modul3-active{background-position: 0 -1206px} #sidebar-right-active #strategie.modul4-active{background-position: 0 -1804px} #sidebar-right-active #strategie.modul5-active{background-position: 0 -2402px} #sidebar-right-active #strategie.modul6-active{background-position: 0 -3000px} #sidebar-right-active #strategie.all{background-position: 0 -3598px} * html #sidebar-right-active #strategie, * html #strategie{background: #fff url(../images/strategie/strategie-moduls.gif) no-repeat 0 -3598px} /*small view*/ .strategie-modul.small{height:303px;padding-left:2px;cursor:pointer} .strategie-modul.small h4{font-size:6px} .strategie-modul.small h5{font-size:5px} .strategie-modul.small strong{font-size:8px} #modul1.small p,#modul2.small p,#modul3.small p,#modul4.small p,#modul5.small p,#modul6.small p{font-size:4px;padding-top:5px;padding-right:2px;padding-left:2px} #modul1.small h4,#modul2.small h4,#modul3.small h4,#modul4.small h4{padding-top:6px} #modul1.small h5{padding-top:11px;padding-left:2px;height:24px} #modul2.small h5{padding-top:4px;padding-left:5px;height:31px} #modul3.small h5{padding-top:7px;padding-left:6px;height:28px} #modul4.small h5{padding-top:7px;padding-left:6px;height:28px} #modul5.small h5{padding-top:9px;padding-left:7px;height:24px} #modul6.small h5 {padding-top:4px;padding-left:3px;padding-right:10px;height:29px} #modul1.small strong{padding-left:2px} #modul6.small strong{padding-left:1px} #modul1.small {width:50px} #modul2.small,#modul3.small {width:46px} #modul6.small {width:45px;overflow:hidden} #modul4.small,#modul5.small {width:44px} #modul1.small,#modul2.small,#modul3.small,#modul4.small,#modul5.small,#modul6.small {padding-top:39px;background:none} /* -------------FOOTER----------- */ #footer {float:left;width:831px;padding:7px 0 7px 115px;margin:10px 0 5px;background:#afccd0 url('../images/bg-footer.png') repeat-x 0 -10px;border:1px solid #f9f9f9} #footer .fo-sm{display:inline;float:left;font-size:1.1em;width:24%} #footer .fo-sm h2{color:#999;font-size:1.1em;font-weight:700;margin-bottom:3px;padding:0} #footer .fo-sm ul li{margin-bottom:0.2em;line-height:1.2} #footer .fo-sm a,.fo-sm a:visited{color:#999;text-decoration:none;font-size:.9em} #footer .fo-sm a:hover{text-decoration:underline} .copy {float:left;margin:0 0 5px;color:#777} /* COPYRIGHT */ .copyright{float:left;width:474px} /* VISUAL */ .visual {float:right;width:474px;text-align:right} .visual h3 {font-weight:normal;font-size:1em} /* -------------FORM----------------- */ form {display:inline} form label {cursor:pointer} fieldset {border:none} input,select,textarea {font-size:100%;font-family:inherit} textarea {line-height:1.25} button {cursor:pointer} /* -------------COMMON FORM--------------- */ .form input,.form select,.form textarea {padding:0;margin:0;border:1px solid #538084} /* -------------FORM CONTACT & FORM NEWSLETTER--------------- */ .form table{border-collapse:collapse;width:341px} .form table td{vertical-align:top;padding-bottom:2px} .form table td.label{padding-top:2px} .form table select{height:19px;padding:1px;margin:0;color:#414141} .form table input{width:97%;height:13px;padding:1px 2px;color:#414141} .form table textarea{overflow: auto;width:97%;height:80px;padding:1px 2px;color:#414141} .form table td.submit button {background:#fff;color:#414141;font-size:1.1em;height:auto;margin: 2px 0 0 0;padding:1px;width:95px;border:1px solid #538084} .form table td.submit{text-align:right;padding-right:1px} * + html .form table tr td{padding-bottom:0px} * + html .form table tr.selectfield td{padding-bottom:1px} .nl table input{width:250px} .nl table td.submit{padding-right:0} .nl table td.label{padding-right:10px} /* -------------FORM KUNDENBEFRAGUNG--------------- */ .tx-pbsurvey-pi1 .barcontainer{border:1px solid #fff} .tx-pbsurvey-pi1 .barcontainer .bar{height:10px;background:#fff} .tx-pbsurvey-pi1 .barcontainer .bartext,.tx-pbsurvey-pi1 .required{display:none} .tx-pbsurvey-pi1 h4.question{padding:15px 0 10px 0;font-size:1.1em;font-weight:bold} .tx-pbsurvey-pi1 .survey_item{font-size:1.1em} .tx-pbsurvey-pi1 .survey_item input{margin:2px 7px 0 0;width:13px;float:left;clear:both} .tx-pbsurvey-pi1 .survey_item label{float:left;width:340px;margin-bottom:7px} .tx-pbsurvey-pi1 .survey_item label.additional{width:66px;margin-top:2px} .tx-pbsurvey-pi1 .survey_item textarea{overflow: auto;padding:1px 2px;color:#414141;width:353px;height:80px} .tx-pbsurvey-pi1 .additional_ver input{width:270px;clear:none;margin:0;color:#414141;border:1px solid #538084;padding:1px} .tx-pbsurvey-pi1 .formbuttons input{background:#fff;color:#414141;font-size:1.1em;height:auto;margin: 15px 0 0 0;padding:1px;width:95px;border:1px solid #538084} .tx-pbsurvey-pi1 table.matrix tr.surveyrow_even td{background-color:#4C9395} .tx-pbsurvey-pi1 table.matrix td.columnFirst{width:200px;padding:3px 0 3px 5px;vertical-align:middle} .tx-pbsurvey-pi1 table.matrix td.columnNext{padding-left:12px;padding-bottom:3px;vertical-align:middle} .tx-pbsurvey-pi1 .survey_item table td.inputlabelinput input{margin:0;color:#414141;border:1px solid #538084;padding:1px;width:236px} .tx-pbsurvey-pi1 .survey_item table td.inputlabel label{width:100px} .tx-pbsurvey-pi1 .survey_item table td.inputlabel{vertical-align:middle} #content .tx-pbsurvey-pi1 .questionSubtext ul{margin:0 0 3px 0;padding:0;text-align:right} #content .tx-pbsurvey-pi1 .questionSubtext li{margin:0;padding:0 2px 0 15px;display:inline;background:none;font-size:0.8em} }