/* =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{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}/* tables still need 'cellspacing="0"' in the markup */caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""} /* =Allgemein -----------------------------------------------------------------------------------------------*/ body{ background:#4d4d4d url(../img/ci/images/bg-body.png) repeat top left; font:12px Arial, sans-serif; line-height:20px; color:#666666; padding:20px 0; } /* =headings -------------------------------------------------------------- */ h1,h2,h3,h4,h5,h6{ font-weight: bold; color:#252525; } h1{ font-size:28px; line-height:30px; margin-bottom:12px; } h2{ font-size:24px; line-height:26px; margin-bottom:12px; } h3{ font-size:14px; line-height:24px; margin-bottom:8px; } h4{ font-size:14px; line-height:15px; margin-bottom:8px; } h5{ font-size:13px; line-height:15px; margin-bottom:8px; } h6{ font-size:13px; line-height:15px; margin-bottom:8px; } /* =text -------------------------------------------------------------- */ a{ text-decoration:none; color:#346699; } a:hover{ text-decoration:underline; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover,h5 a:hover, h6 a:hover{ text-decoration:none; } a img{ border:none; } strong{ font-weight: bold; color:#252525; } em{ font-style: italic; } p, ul, ol, pre, code{ margin-bottom:20px; } ul{ list-style-type:disc; list-style-position: inherit; } ul.checklist{ list-style-image:url(../img/ci/images/bg-checklist.png); } ol{ list-style-type:decimal; list-style-position:inside; } blockquote{ padding:5px 20px 5px 60px; line-height:24px; background:#ffffff url(../img/ci/images/quote.gif) no-repeat top left; color:#999999; } blockquote span{ color:#666666; } .blockquote-left{ width:250px; float:left; } .blockquote-right{ width:250px; float:right; } pre, code{ border:1px solid #efefef; border-left-width:5px; display:block; padding:10px; font-size:11px; font-family: monospace; background-color:#f5f5f5; } hr{ border:none; height:1px; margin:30px 0; background-color:#efefef; color:#efefef; } .breadcrumb { margin-top: 10px; } .hr{ border-top:1px solid #efefef; margin:20px 0; } .hr-alt{ border-top:1px solid #efefef; margin:30px -30px 30px -30px; } .hr-alt2{ border-top:1px solid #efefef; margin:10px 0 30px 0; } /* =tabellen -------------------------------------------------------------- */ table{ border-collapse:separate; border-spacing:0; border-top-width:5px; margin-bottom:20px; border:1px solid #efefef; } th{ padding:10px 15px; text-transform:uppercase; font-weight:bold; } td{ padding:2px 15px; border-top:1px solid #efefef; } tr.alt{ background-color:#f5f5f5; } /* =formulare -------------------------------------------------------------- */ label{ font-weight:bold; color:#000000; } label span.required{ color:#ff0000; } fieldset{ padding:15px; margin:0 0 20px 0; border:1px solid #efefef; } legend{ font-weight: bold; } input[type=text], input[type=password], input.text, textarea{ background-color:#ffffff; border:1px solid #e1e1e1; } input[type=text]:focus, input[type=password]:focus, input.text:focus, textarea:focus{ border-color:#cccccc; } select{ border-width:1px; border-style:solid; background-color:#ffffff; } input[type=text], input[type=password], input.text, textarea, select{ margin:5px 0; } input.text{ width:250px; padding:5px; } textarea{ width:380px; height:125px; padding:5px; } .errormsg, .successmsg, .infomsg, .noticemsg{ padding:10px 10px 10px 40px; margin-bottom:10px; border:1px solid #dddddd; border-left-width:5px; } .errormsg{ border-color:#fbc2c4; background:#fbe3e4 url(../img/ci/images/bg-msg.png) no-repeat 0 0; color:#8a1f11; } .errormsg a{ color:#8a1f11; } .successmsg{ border-color:#c6d880; background:#e6efc2 url(../img/ci/images/bg-msg.png) no-repeat 0 -220px; color:#264409; } .successmsg a{ color:#264409; } .infomsg{ border-color:#92cae4; background:#d5edf8 url(../img/ci/images/bg-msg.png) no-repeat 0 -72px; color:#205791; } .infomsg a{ color:#205791; } .noticemsg{ border-color:#ffd324; background:#fff6bf url(../img/ci/images/bg-msg.png) no-repeat 0 -148px; color:#514721; } .noticemsg a{ color:#514721; } #contact-form{} #contact-form fieldset{ margin:0; padding:15px 0 15px 0; } #contact-form p{ padding:5px 0 5px 25px; margin:1px; } p#formstatus{ border:none; border-bottom:1px solid #efefef; padding-right:25px; margin-bottom:10px; } /* =standard klassen -------------------------------------------------------------- */ .img-align-left{ margin:5px 10px 0 0; float:left; } .img-align-right{ margin:5px 0 0 10px; float:right; } .text-right{ text-align:right; } .text-center{ text-align:center; } .text-highlight{ padding:2px 5px; background-color:#ffd324; color:#111111; } .text-highlight2{ padding:2px 5px; background-color:#c6d880; color:#111111; } .bordered{ padding:5px; border:1px solid #efefef; } /* =grid -------------------------------------------------------------- */ .fixed:after{content:"."; display:block; height:0; clear:both; visibility:hidden;} .fixed{display:block;} /* \*/ .fixed{min-height:1%;} * html .fixed{height:1%;} .row{ width:940px; } .col-700{ width:700px; float:left; margin-right:20px; } .col-620{ width:620px; float:left; margin-right:20px; } .col-520{ width:520px; float:left; margin-right:20px; } .col-460{ width:460px; float:left; margin-right:20px; } .col-300{ width:300px; float:left; margin-right:20px; } .col-340{ width:340px; float:left; margin-right:20px; } .col-220{ width:220px; float:left; margin-right:20px; } .col-160{ width:160px; float:left; margin-right:20px; } .col-gesellschafter{ width:220px; float:left; margin-right:10px; } .last{ margin-right:0px; } .lastright{ margin-right:0px; float: right; } .clear{ clear:both; } .block{ display:block; } .hide{ display: none; } /* =LAYOUT -----------------------------------------------------------------------------------------------*/ #wrap{ width:940px; padding:0 30px; margin:0 auto; background-color:#ffffff; border-top:10px solid #f3f3f3; border-bottom:10px solid #f3f3f3; -moz-box-shadow: 0 1px 2px 0 #333; -webkit-box-shadow: 0 1px 2px 0 #333; box-shadow: 0 1px 2px 0 #333; } #header{ padding-top:30px; } .dropdown-container{ position:relative; z-index:10; } /* IE6 and IE7 fix for the dropdown */ .slideshow-container{ position:relative; z-index:5; } /* menu showing below the slider bug */ .inner-page-title-container{ position:relative; z-index:5; margin-right:-30px; } /* =logo -----------------------------------------------------------------------------------------------*/ a#logo{ display:block; float:left; } a#logo img{ display:block; } /* =dropdown-menu -----------------------------------------------------------------------------------------------*/ /* level 1 menu */ .dropdown-container ul{ float:right; list-style:none; } .dropdown-container ul li{ float: left; } .dropdown-container ul li a{ display: block; padding:12px 33px 5px 0; font-size:13px; text-transform:uppercase; color:#252525; } .dropdown-container ul li.hover, ul.dropdown-menu li:hover{ position: relative; } .dropdown-container ul li.hover a{ text-decoration:none; } /* styleing when hovering on menu item a */ .dropdown-container ul li.current > a{ color:#1761A2; font-family: 'Museo500', Arial, sans-serif; } .dropdown-container ul li .sub-menu li a{ color:#252525; } .dropdown-container ul li.last > a{ padding-right:11px; } /* level 2 menu */ .dropdown-container ul ul{ position:absolute; top:100%; left:0; width:180px; list-style:none; display:none; border:1px solid #efefef; border-bottom:none; background-color:#ffffff; z-index:35; } .dropdown-container ul ul li{ width:180px; } .dropdown-container ul ul li a{ width:160px; display: inline-block; border:none; padding:5px 10px; text-transform:none; font-weight:normal; border-bottom:1px solid #efefef; color:#666666; } /* IE 6 and 7 Needs Inline Block */ .dropdown-container ul ul li a:hover{ background-color:#f5f5f5; } /* level 3 menu */ .dropdown-container ul ul ul{ left:100%; top:-1px; } .dropdown-container ul li:hover > ul{ visibility:visible; } .arrow{ background:url(../img/ci/images/bg-sidenav.gif) no-repeat 165px 12px; } /* =suche -----------------------------------------------------------------------------------------------*/ #search fieldset{ position:relative; border:none; margin:0; margin-top:7px; padding:0; } #search-input{ width:208px; padding:5px; margin:0; font-size:12px; border:1px solid #999999; color:#333333; } #search-input:focus{ border:1px solid #cccccc; color:#666666; } #search .search-submit-btn{ position:absolute; top:5px; right:5px; height:17px; width:20px; outline:none; background:url(../img/ci/images/bg-search.png) no-repeat top left; cursor:pointer; border:none; } .ie6 #search .search-submit-btn{ top:6px; } .ie6 #search-input, .ie7 #search-input, .ie8 #search-input{ } /* =kontakt -----------------------------------------------------------------------------------------------*/ #contact{ border-left:1px solid #efefef; padding:13px 0 13px 10px; text-align:center; color:#999999; font-size:14px; font-weight:bold; } /* =Titel innen -----------------------------------------------------------------------------------------------*/ .inner-page-title{ padding-left: 25px; padding-bottom: 25px; padding-right: 25px; background-color:#212121; height:90px; overflow:hidden; } .inner-page-title h2{ width:195px; float:left; color:#ffffff; padding-top: 15px; font-size: 18px; } .inner-page-title p{ margin-bottom:0; margin-left:10px; float:left; width:460px; color:#999999; } .inner-page-title-minimal{ width:700px;} .inner-page-title-minimal h2{} .inner-page-title-minimal p{ margin-bottom:5px; } #content{ } .pdf{ background:url(../img/ci/images/bg-pdf.png) no-repeat 5px 12px; padding:15px 10px 10px 65px; width:125px; min-height:48px; } p.breacrumbs{ color:#999999; font-size:10px; margin-bottom:0; } /* =side-nav -----------------------------------------------------------------------------------------------*/ .side-nav { list-style-type:none; list-style-position:outside; width:200px; } .side-nav li{ border-bottom:1px solid #efefef; } .side-nav li a:hover{ } .side-nav li a{ display:block; padding:5px 0 5px 25px; background:#ffffff url(../img/ci/images/bg-sidenav.gif) no-repeat 10px 12px; } .side-nav li.current a{ color:#000000; } .side-nav li.current a:hover{ text-decoration:none; } /* =tabs -----------------------------------------------------------------------------------------------*/ .tabs-menu{ margin-bottom:0; list-style:none; } .tabs-menu li{ display:inline; } .tabs-menu li a{ float:left; padding:5px 20px; display:block; background-color:#212121; color:#fff; border-right:1px solid #ffffff; border-top:2px solid #ffffff; } .tabs-menu li.current a{ background-color:#f5f5f5; border-top:2px solid #efefef; color:#666; } .tabs-content{ padding:30px 20px; background-color:#f5f5f5; margin-bottom:20px; } /* =accordion -----------------------------------------------------------------------------------------------*/ .accordion { list-style-type: none; } .accordion li { background:#212121; cursor: pointer; float: left; display: block; width:100%; } .accordion li.current>a { background: url(../img/ci/images/bg-accordion.png) no-repeat right 8px; } .accordion li div { padding:20px 20px; background:#f5f5f5; } .accordion li a{ text-decoration: none; display: block; cursor: pointer; background: url(../img/ci/images/bg-accordion.png) no-repeat right -55px; padding:5px; border-bottom:1px solid #ffffff; padding:5px 20px; color:#fff; } #footer{ padding-bottom:30px; } #footer p.last{ margin-bottom:0; } .back-top{ color:#999999; } /* =footer-nav -----------------------------------------------------------------------------------------------*/ #footer-nav{ list-style-type:none; list-style-position:outside; margin-bottom:0; } /* =kontakt info -----------------------------------------------------------------------------------------------*/ #contact-info{ list-style-type:none; list-style-position:outside; margin-bottom:0; } #contact-info li{ padding-left:20px; } #contact-info .phone{ background:url(../img/ci/images/bg-contact-info.png) no-repeat 0 -132px; } #contact-info .adress{ background:url(../img/ci/images/bg-contact-info.png) no-repeat 0 0; } #contact-info .email{ background:url(../img/ci/images/bg-contact-info.png) no-repeat 0 -66px; } /* =newsletter-anmeldung -----------------------------------------------------------------------------------------------*/ #newsletter-subscribe fieldset{ border:none; margin:0; padding:0; position:relative; margin-bottom:15px; } #subscribe-email{ margin:0; padding:5px; height:15px; width:208px; font-size:12px; border:1px solid #e1e1e1; color:#cccccc; } #subscribe-email:focus{ border:1px solid #cccccc; color:#666666; } #newsletter-subscribe .subscribe-submit-btn{ position:absolute; top:1px; right:1px; padding:0 5px 0 5px; width:55px; height:25px; cursor:pointer; border: none; background-color:#e1e1e1; color:#666666; } .ie6 #newsletter-subscribe .subscribe-submit-btn, .ie7 #newsletter-subscribe .subscribe-submit-btn{ top:2px; } .ie6 #subscribe-email, .ie7 #subscribe-email, .ie8 #subscribe-email{ border:1px solid #cccccc; } /* =social-media -----------------------------------------------------------------------------------------------*/ #social-media{ list-style-type:none; margin-bottom:0; } #social-media li{ float:left; } #social-media li img{ display:block; float:left; margin-right:5px; } #social-media li a{ display:block; float:left; margin-right:5px; line-height:18px; } /* =Seiten -----------------------------------------------------------------------------------------------*/ /* =index -----------------------------------------------------------------------------------------------*/ /* =slideshow -----------------------------------------------------------------------------------------------*/ #slideshow{ position:relative; z-index:10; } #slideshow ul{ position:relative; width:940px; height:290px; overflow:hidden; margin-bottom:0; list-style:none; z-index:15; } #slideshow ul li{ width:940px; height:290px; position:relative; overflow: hidden; } #slideshow ul li img{ position:relative; z-index:20; border: 0; } #slideshow ul li .slidetext{ position:absolute; bottom:0; left:0; height:70px; width:915px; padding:20px 0 0 25px; z-index:25; overflow:hidden; background-color:#212121; color:#aeb0b3; } #slideshow ul.higher, #slideshow ul.higher li { height:490px; } #slideshow ul.auto-height, #slideshow ul.auto-height li { height: auto !important; } .slidetext h2, .slidetext h3 { width:195px; float:left; color:#ffffff; line-height: 20px; } .slidetext h2 a, .slidetext h3 a{ color:#ffffff; } .slidetext p{ position: relative; float:left; margin-bottom:0; width:550px; margin-left:20px; line-height: 20px; } #slideshow-nav{ position:absolute; left:850px; top:230px; height:20px; width:50px; z-index:30; } #slideshow-nav .prev{ width:25px; height:25px; position:absolute; top:0; left:0; background:url(../img/ci/images/bg-slideshow-nav.png) no-repeat 0 -225px; } #slideshow-nav .prev:hover{ background:url(../img/ci/images/bg-slideshow-nav.png) no-repeat 0 -150px; } #slideshow-nav .next{ width:25px; height:25px; position:absolute; top:0; left:30px; background:url(../img/ci/images/bg-slideshow-nav.png) no-repeat 0 -75px; } #slideshow-nav .next:hover{ background:url(../img/ci/images/bg-slideshow-nav.png) no-repeat 0 0; } /* =news-box -----------------------------------------------------------------------------------------------*/ #news-box{ list-style-type:none; list-style-position:outside; margin-bottom:0; } #news-box li{ padding:15px 0; border-bottom:1px solid #efefef; } #news-box li img{ float:left; margin-right:10px; } #news-box li div{ float:left; width:170px; } #news-box li span{ color:#999999; } #news-box li.first{ padding-top:5px; } #news-box li.last{ border-bottom:none; } /* =news -----------------------------------------------------------------------------------------------*/ .news-picker{ padding:15px; } .news-picker strong{ width:50px; display:block; float:left; } .news-story{} .date{ color:#999999; padding-right:20px; } /* =kunden + =testimonials -----------------------------------------------------------------------------------------------*/ .latest-clients{} .client{} .client-logo{ width:208px; height:135px; border:1px solid #efefef; margin-bottom:20px; } .client p{ color:#999999; } .latest-clients-list{} .latest-clients-list p{ line-height:30px; } .testimonial{} /* =blog -----------------------------------------------------------------------------------------------*/ .blog-sidebar{} .blog-sidebar .date{ padding-right:0; } .blog{} .blog-post{} .comment{ margin-bottom:20px; } .comment .who{ margin-bottom:5px; } /* =referenzen -----------------------------------------------------------------------------------------------*/ .portfolio-item{} .portfolio-item-preview{ display:block; background:url(../img/ci/images/bg-fade.png) no-repeat center center; padding:20px 18px; border:1px solid #efefef; } .ie6 .portfolio-item-preview{ background:none; } .pagination{ list-style:none; } .pagination li{ display:inline; } .pagination li a{ display:block; float:left; padding:4px 9px; margin-right:7px; border:1px solid #efefef; } .pagination li.current a{ background-color:#f5f5f5; } #portfolio-item-preview-slideshow{ position:relative; } #portfolio-item-preview-slideshow ul{ list-style:none; width:700px; height:300px; overflow:hidden; position:relative; margin:0 auto; z-index:80; } #portfolio-item-preview-slideshow ul li{ width:700px; height:300px; position:relative; background-color: #f5f5f5; } #portfolio-item-preview-slideshow-prev{ background:url(../img/ci/images/bg-slideshow-nav.png) no-repeat 0 -225px; width:25px; height:32px; position:absolute; top:140px; left:20px; z-index:85; } #portfolio-item-preview-slideshow-prev:hover{ background:url(../img/ci/images/bg-slideshow-nav.png) no-repeat 0 -150px; } #portfolio-item-preview-slideshow-next{ background:url(../img/ci/images/bg-slideshow-nav.png) no-repeat 0 -75px; width:25px; height:32px; position:absolute; top:140px; right:20px; z-index:85; } #portfolio-item-preview-slideshow-next:hover{ background:url(../img/ci/images/bg-slideshow-nav.png) no-repeat 0 0; } /* Kontakt-Formular */ /* Div. Form */ .myForm input, .myForm select, .myForm textarea, .myForm checkbox { font-size: 1.1em; } .myForm .required { color: #E2001A; } .myForm { margin-top: 5px; border: 1px solid #EFEFEF; padding-left: 15px; padding-top: 15px; margin-bottom: 15px; } .myForm input, div.myForm textarea { margin: 1px 0 1px 0; } .callback td.error { padding: 5px 0 5px 0; color: #E2001A; font-weight: bold; } .callback input, .callback select, .callback textarea { font-size: 1.1em; margin-bottom: 10px; } .callback input { width: 300px; } .callback textarea { width: 425px; } .callback input.button { margin-top: 10px; width: auto; font-size: .97em; } .myForm select { margin: 1px 0 1px 0; } .myForm div.radio { position: relative; top: 4px; height: 25px; } .myForm div.radio input, div.myForm div.radio label { width: auto; float: left; } .myForm div.radio label { padding: 0 15px 0 3px; font-size: 1em; } .myForm input.button { width: auto; font-weight: bold; margin-bottom: 10px; font-size: 1em; margin-top: 10px; } .myForm td { padding: 1px 3px 3px 0; border: none; } .myForm td.formField, div.myForm td.error { padding-left: 5px; } .myForm td.error { padding-bottom: 10px; color: #E2001A; } .myForm td.formLabelRequired span { color: #E2001A; } .myForm td.formLabelRequired, .myForm td.formLabel { vertical-align: top; padding-top: 5px; } .myForm div.checkbox input, div.myForm div.checkbox label { width: auto; float: left; } .myForm H2 { font-size: 14px; color: #000000; text-decoration: none; } .myForm label.label { width: 100px; float: left; position: relative; text-align: right; margin-right: 8px; } .myForm td.input_section { padding: 0; width: 205px; } .myForm td.input_section input.w100p { display: block; width: 190px; margin: 0; padding: 2px; } .myForm td.input_section select.w100p { display: block; width: 196px; margin: 0; padding: 2px; } .myForm table { border: none; }