body{ margin:0; padding:0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px; background: url(../images/bg_site.gif) repeat-x #BBB8B3; } .javascriptAlert{ width:730px; float:left; margin:10px 0 0 0; padding:8px 0; background-color:#C20000; border:1px solid #ffffff; color:#ffffff; font-weight:bold; text-align:center; } h1, h2, h3, h4, h5, h6; ul, li{ margin:0; padding:0; } /* BEGIN Links*/ a { font-size: 11px; color:#56544E; text-decoration:underline; } a:visited{ color:#56544E; text-decoration:underline; } a:hover { color:#56544E; text-decoration:none; } /* END Links*/ ul{margin:0;padding:0;list-style: none;} ol{clear:both;} img{border:none;} /* BEGIN tooltip */ #tooltip { position: absolute; z-index: 3000; border: 1px solid #BBB8B3; background-color: #ffffff; /* height:20px;*/ padding: 5px; /* opacity: 0.85;*/ } #tooltip h3{ margin:0; padding:0; font-size:10px; color:#9a968f; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } #tooltip div.url { margin:0; padding:0; font-size:9px; color:#9a968f; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } /* END tooltip */ /* BEGIN Uebergeordneter Divcontainer */ #seite{margin: 0 auto;padding: 0;width: 968px;} /* END Uebergeordneter Divcontainer */ /* BEGIN Headbereich*/ #head{margin:30px 0 0 0;padding:0;float:left;width:968px;} #head .claim{ float:left; margin:0 0 0 3px; width:434px; height:54px; background:transparent url(../images/claim.png) no-repeat} *html #head .claim{ float:left; width:434px; height:52px; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/claim.png', sizingMethod='scale');} #head .logo{ float:right; padding:0; margin:0 14px 0 0; width:186px; height:54px; background:transparent url(../images/logo_quisma.png) no-repeat} *html #head .logo{ float:right; padding:0; margin:0 4px 0 0 ; width:186px; height:54px; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo_quisma.png', sizingMethod='scale');} /* END Headbereich*/ /* BEGIN navi */ #navi{float:left; padding:0; margin:55px 0 0 0; width:968px; height:36px;} #navi .main{float:left;padding:0 0 0 3px; width:692px; height:36px; background:transparent url(../images/bg_navi.png) no-repeat} *html #navi .main{float:left;padding:0 0 0 3px; width:692px; height:36px; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_navi.png', sizingMethod='scale');} /*#navi .main ul{float:left; margin:0; padding:0; width:752px; height:24px;}*/ #navi .main .leistung a{float:left; margin:2px 0 0 0; padding:0; list-style: none;display:inline; width:138px; height:24px; background: transparent url(../images/sprite_leistungsangebot.gif) no-repeat 0 0 ;} #navi .main .leistung a:hover{float:left; margin:2px 0 0 0; padding:0; list-style: none;display:inline; width:138px; height:24px; background: transparent url(../images/sprite_leistungsangebot.gif) no-repeat 0 -24px ;} #navi .main .leistung a.active{float:left; margin:2px 0 0 0; padding:0; list-style: none;display:inline; width:138px; height:24px; background: transparent url(../images/sprite_leistungsangebot.gif) no-repeat 0 -48px ;} #navi .main .partner a{float:left; margin:2px 0 0 0; padding:0; list-style: none;display:inline; width:176px; height:24px; background: transparent url(../images/sprite_partner_technologie.gif) no-repeat 0 0 ;} #navi .main .partner a:hover{float:left; margin:2px 0 0 0; padding:0; list-style: none;display:inline; width:176px; height:24px; background: transparent url(../images/sprite_partner_technologie.gif) no-repeat 0 -24px ;} #navi .main .partner a.active{float:left; margin:2px 0 0 0; padding:0; list-style: none;display:inline; width:176px; height:24px; background: transparent url(../images/sprite_partner_technologie.gif) no-repeat 0 -48px ;} #navi .main .referenzen a{float:left; margin:2px 0 0 0; padding:0; list-style: none;display:inline; width:97px; height:24px; background: transparent url(../images/sprite_referenzen.gif) no-repeat 0 0 ;} #navi .main .referenzen a:hover{float:left; margin:2px 0 0 0; padding:0; list-style: none;display:inline; width:97px; height:24px; background: transparent url(../images/sprite_referenzen.gif) no-repeat 0 -24px ;} #navi .main .referenzen a.active{float:left; margin:2px 0 0 0; padding:0; list-style: none;display:inline; width:97px; height:24px; background: transparent url(../images/sprite_referenzen.gif) no-repeat 0 -48px ;} #navi .main .kontakt a{float:left; margin:2px 0 0 0; padding:0; list-style: none;display:inline; width:80px; height:24px; background: transparent url(../images/sprite_kontakt.gif) no-repeat 0 0 ;} #navi .main .kontakt a:hover{float:left; margin:2px 0 0 0; padding:0; list-style: none;display:inline; width:80px; height:24px; background: transparent url(../images/sprite_kontakt.gif) no-repeat 0 -24px ;} #navi .main .kontakt a.active{float:left; margin:2px 0 0 0; padding:0; list-style: none;display:inline; width:80px; height:24px; background: transparent url(../images/sprite_kontakt.gif) no-repeat 0 -48px ;} #navi .main .bibliothek a{float:left; margin:2px 0 0 0; padding:0; list-style: none;display:inline; width:95px; height:24px; background: transparent url(../images/sprite_bibliothek.gif) no-repeat 0 0 ;} #navi .main .bibliothek a:hover{float:left; margin:2px 0 0 0; padding:0; list-style: none;display:inline; width:95px; height:24px; background: transparent url(../images/sprite_bibliothek.gif) no-repeat 0 -24px ;} #navi .main .bibliothek a.active{float:left; margin:2px 0 0 0; padding:0; list-style: none;display:inline; width:95px; height:24px; background: transparent url(../images/sprite_bibliothek.gif) no-repeat 0 -48px ;} #navi .quisma{float:right; padding:0; margin:0 4px 0 0; width:96px; height:36px; background:transparent url(../images/bg_navi_quisma.png) no-repeat} *html #navi .quisma{float:right; padding:0; margin:0 2px 0 0; width:96px; height:36px; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_navi_quisma.png', sizingMethod='scale');} #navi .quisma .title a{float:left; margin:2px 0 0 0; padding:0; list-style: none;display:inline; width:60px; height:24px; background: transparent url(../images/sprite_quisma.gif) no-repeat 0 0 ;} #navi .quisma a:hover{float:left; margin:2px 0 0 0; padding:0; list-style: none;display:inline; width:60px; height:24px; background: transparent url(../images/sprite_quisma.gif) no-repeat 0 -24px ;} #navi .jobs{float:left; width:58px; height:36px; background:transparent url(../images/bg_navi_jobs.png) no-repeat} *html #navi .jobs{float:left; width:58px; height:36px; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_navi_jobs.png', sizingMethod='scale');} #navi .jobs .title a{float:left; margin:2px 0 0 0; padding:0; list-style: none;display:inline; width:46px; height:24px; background: transparent url(../images/sprite_jobs.gif) no-repeat 0 0 ;} #navi .jobs .title a:hover{float:left; margin:2px 0 0 0; padding:0; list-style: none;display:inline; width:46px; height:24px; background: transparent url(../images/sprite_jobs.gif) no-repeat 0 -24px ;} /* END navi */ /* ---------------------------------------------------------- BEGIN Left*/ #main{float:left;padding:0;margin:0; width:692px;} #main .top{float:left;padding:0; margin:0; width:692px; height:12px;background:transparent url(../images/bg_main_top.png) no-repeat 0 0} #main .middle{float:left; padding:0; margin:0; width:692px;background:transparent url(../images/bg_main_middle.png) repeat-y 0 0 } #main .bottom{float:left; padding:0; margin:0; width:692px; height:20px;background:transparent url(../images/bg_main_bottom.png) no-repeat 0 0} *html #main{float:left;padding:0 0 0 0; width:695px;} *html #main .top{float:left;padding:0; margin:0; width:695px; height:12px;background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_main_top.png', sizingMethod='scale');} *html #main .middle{float:left; padding:0; margin:0; width:695px;background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_main_middle.png', sizingMethod='scale');} *html #main .bottom{float:left; padding:0; margin:0; width:695px; height:20px;background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_main_bottom.png', sizingMethod='scale');} #main .middle .content{float:left; margin:0 11px 0 13px; padding:0; width:660px;z-index:2;} *html #main .middle .content{float:left; margin:0 6px 0 7px; padding:0; width:660px;} /* BEGIN subnav */ #main .middle .content .subnav{float:left; margin:0; padding:0 0 0 0;width:100%;border-bottom: 1px dotted #BAB7B2; background:#F7F3F2;} #main .middle .content .subnav ul{float:left; margin:0; padding:5px 0;} #main .middle .content .subnav ul li { display:inline; margin:0; padding:0 10px 0 0; border-right: 1px dotted #BAB7B2;} #main .middle .content .subnav ul li a{ margin:0 0 0 10px; padding:0 0 0 14px; text-decoration: none; font-weight:bold; font-size:11px; color:#000000; background: url(../images/arrow_sub.gif) no-repeat;} #main .middle .content .subnav ul li a:hover{color:#6F6A64;} /* END subnav */ #main .middle .content .spacer{float:left;background:#F7F3F2; width:660px; height:15px;} #main .middle .content .text{float:left;margin:0 0 0 10px; padding:15px 0 0 0;width:378px;} *html #main .middle .content .text{float:left;margin:0 0 0 6px; padding:15px 0 0 0;width:378px;} #main .middle .content .text h1{float:left;margin:0; padding:0;font-size:20px; color:#AA0000;} #main .middle .content .text h2{float:left;margin:0; padding:0;font-size:20px; color:#AA0000;} #main .middle .content .text h3{float:left;margin:5px 0; padding:0;font-size:14px; color:#4D4C48;} #main .middle .content .text h4{float:left;margin:5px 0; padding:0;font-size:14px; color:#4D4C48;} #main .middle .content .text .teaser{float:left;margin:2px 0; padding:0;font-size:13px; font-weight:bold; color:#837F79;} #main .middle .content .text p{float:left; line-height:17px; padding:0px 0 8px 0;margin:0; text-align: left;} #main .middle .content .text ul{float:left;padding:5px 0 10px 30px; margin:0px;width:348px;} #main .middle .content .text li{padding:4px 0; margin:0; line-height:17px; display:list-item; color:#AA0000; list-style-image:none; list-style-position:outside; list-style-type:square;} #main .middle .content .text .cform {float:left; padding:0 0 0 0; margin:0; width:350px; /*background:#885544;*/} #main .middle .content .text .cform label {float:left; width:85px;padding:8px 0 0 0 !important;font-size:11px; line-height:13px; font-weight:bold; color:#56544E; text-align:right; margin:5px 0 6px 0 !important} #main .middle .content .text .cform textarea {float:right; padding:4px !important; margin:5px 0 5px 0 !important; width:240px; line-height:14px; background:#ffffff; border:1px solid #9A968F;font-size:11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;} #main .middle .content .text .cform input {float:right; padding:4px !important; margin:5px 0 5px 0 !important; width:240px; line-height:14px; background:#ffffff url(../images/bg_input.jpg) repeat-x 0 0; border:1px solid #9A968F;font-size:11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;} #main .middle .content .text .cform textarea, #main .middle .content .text .cform input:focus{border:1px solid #13C0CA;} #main .middle .content .text .cform .sendbutton{float:right; padding:3px 10px;margin:5px 0 10px 0;background:#E7E6E5; border:1px solid #ffffff;font-weight:bold;color:#AA0000;width:250px;} #main .middle .content .text .cform .cfhidden {display:none;} #main .middle .content .text ol.cf-ol {margin:0!important; padding:0!important;} #main .middle .content .text ol.cf-ol li { background:none!important; list-style:none!important;} #main .middle .content .text .cf_hidden {display:none;border:none!important;background:none!important;padding:0!important; margin:0!important;} #main .middle .content .text .cform .cf_error {color:red;border:1px solid red;} #main .middle .content .text .cform .cf_error label {color:red; border:1px solid #ad2929;} #main .middle .content .text div.mailerr { display:block;} #main .middle .content .text .mailerr,.cform .cf_errortxt { color:red;} #main .middle .content .text .failure { display:block; color:darkred; font-weight:bold;clear:both;} #main .middle .content .text p.cf-sb {padding-left:100px;} /* BEGIN SIEGEL */ #main .middle .content .siegel{float:right;width:111px; height:111px; margin:0 10px; background:url(../images/stempel_garantie.gif) no-repeat; z-index:2} /* BEGIN SIEGEL */ #main .middle .content .marginale{float:left;margin:0 0 0 26px;padding:20px 0 10px 0;width:233px; font-size:10px; color:#706D65;} *html #main .middle .content .marginale{float:left;margin:0 0 0 24px;padding:20px 0 10px 0;width:233px; font-size:10px; color:#706D65;} #main .middle .content .marginale p{padding:3px 0 0 0; margin:0;} #main .middle .content .marginale img{padding:0; margin:0; border:1px solid #E8E8E3;} #main .middle .content .marginale li{list-style-type:none;color:#AA0000;} #main .middle .content .marginale a{text-decoration:none;} /* ---------------------------------------------------------- BEGIN Right */ #right{float:left;padding:0;margin:0 0 0 -2px; width:272px;} *html #right{float:left;padding:0;margin:0 0 0 -2px; width:275px;} #right .box{float:left;margin:0 0 0px 0;padding:0;width:272px;} #right .boxTop{float:left;padding:0; margin:0; width:272px; height:12px;background:transparent url(../images/bg_right_box_top.png) no-repeat top right} #right .boxMiddle{float:left;padding:5px 30px 5px 22px; margin:0; width:220px;background:transparent url(../images/bg_right_box_middle.png) repeat-y top right} #right .boxMiddle .cform {float:left; padding:0 0 0 0; margin:0; width:220px; /*background:#885544;*/} #right .boxMiddle .cform label{float:left; width:60px;padding:8px 0 0 0 !important;font-size:11px; font-weight:bold; color:#56544E;text-align:right;margin:5px 0 5px 0 !important} #right .boxMiddle .cform input{float:right; padding:4px !important; margin:5px 0 5px 0 !important; width:140px; background:#ffffff url(../images/bg_input.jpg) repeat-x 0 0; border:1px solid #9A968F;font-size:11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;} #right .boxMiddle .cform input:focus{border:1px solid #13C0CA;} #right .boxMiddle .cform .sendbutton{float:right; padding:3px 10px;margin:5px 0 10px 0;background:#E7E6E5; border:1px solid #ffffff;font-weight:bold;color:#AA0000;width:150px;} #right .boxMiddle .cform .cfhidden {display:none;} #right .boxMiddle ol.cf-ol {margin:0!important; padding:0!important;} #right .boxMiddle ol.cf-ol li { background:none!important; list-style:none!important;} #right .boxMiddle .cf_hidden {display:none;border:none!important;background:none!important;padding:0!important; margin:0!important;} #right .boxMiddle .cform .cf_error {color:red;border:1px solid red;} #right .boxMiddle .cform .cf_error label { color:red; border:1px solid #ad2929;} #right .boxMiddle div.mailerr { display:block;} #right .boxMiddle .mailerr,.cform .cf_errortxt { color:red;} #right .boxMiddle .failure { color:darkred; font-weight:bold;} #right .boxBottom{float:left;padding:0; margin:0; width:272px; height:20px;background:transparent url(../images/bg_right_box_bottom.png) no-repeat top right} *html #right .boxTop{float:left;padding:0; margin:0; width:275px; height:12px;background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_right_box_top.png', sizingMethod='scale');} *html #right .boxMiddle{float:left;padding:5px 33px 5px 22px; margin:0; width:220px;background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_right_box_middle.png', sizingMethod='scale');} *html #right .boxBottom{float:left;padding:0; margin:0; width:275px; height:20px;background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_right_box_bottom.png', sizingMethod='scale');} #right .cert{ float:left; width:250px;padding:0 0 0 23px;margin:18px 0 20px 0;} .hidden{display: none;} /* END Right */ .contentbottom {float:left; width:660px; border-top:1px solid #E8E8E3;} .contentbottom .btn{float:left; width:260px; padding:10px;} .contentbottom .quisma{ float:right; width:380px;} /* BEGIN Footer */ .footer{float:left;margin:0px;padding:0 0 20px 3px ;width:677px; color:#686762} .footer .left{float:left;margin:0;padding:0;color:#686762} .footer .right{float:right;margin:0;padding:0;color:#686762} .footer .right a{color:#7C7B76; font-weight:bold;text-decoration:none;} .footer .right a:visited{text-decoration:none;} .footer .right a:hover{color:#93928C; text-decoration:none;} .footer .links .quisma a{float:left;width:72px; height:21px; padding:0; margin:0 23px 0 0; background: transparent url(../images/footer_quisma.gif) no-repeat 0 0 ;} .footer .links .quisma a:hover{float:left;width:72px; height:21px; padding:0; margin:0 23px 0 0; background: transparent url(../images/footer_quisma.gif) no-repeat 0 -21px ;} .footer .links .twoqubes a{float:left;width:38px; height:21px; padding:0; margin:0 23px 0 0; background: transparent url(../images/footer_twoqubes.gif) no-repeat 0 0 ;} .footer .links .twoqubes a:hover{float:left;width:38px;height:21px; padding:0; margin:0 23px 0 0; background: transparent url(../images/footer_twoqubes.gif) no-repeat 0 -21px ;} .footer .links .twisma a{float:left;width:60px; height:21px; padding:0; margin:0 23px 0 0; background: transparent url(../images/footer_twisma.gif) no-repeat 0 0 ;} .footer .links .twisma a:hover{float:left;width:60px;height:21px; padding:0; margin:0 23px 0 0; background: transparent url(../images/footer_twisma.gif) no-repeat 0 -21px ;} .footer .links .facebook a{float:left;width:65px; height:21px; padding:0; margin:0 23px 0 0; background: transparent url(../images/footer_facebook.gif) no-repeat 0 0 ;} .footer .links .facebook a:hover{float:left;width:65px;height:21px; padding:0; margin:0 23px 0 0; background: transparent url(../images/footer_facebook.gif) no-repeat 0 -21px ;} /* END Footer*/