@CHARSET "ISO-8859-1"; * { margin:0; padding:0; } /*fonts*/ p, h2, ul, label, input, a , span {font-family:Calibri,Arial,Helvetica,sans-serif; color:#666666;} p, ul, label {font-size:12px; margin:4px 0;} .around-darwin {} .small {font-size:10px; letter-spacing:1px; } .center {text-align: center;} .bold, .qii12-size {font-weight: bold; } .italic {font-style: italic; } h2 {font-size:18px; margin:0 0 10px 0;} h2.title {color:white; margin-left: 20px;} /*elements*/ a img {border: none;} ul li,li { color:#FE0000 } /* mozilla firefox link fix */ a:active, a:focus, input[type="image"] { outline: 0; } #content-left ul {margin: 10px 0 10px 15px;} ul.cycle li {list-style-type: none;} .qii12_rood {color:#FE0000;} /*divs*/ #container {margin: 25px 0 25px 170px;} /*header*/ #header {width:953px; height:198px} #logo {width:953px; height:145px; background-image:url(../img/layout/Qii12_inlog_01.jpg);} #languages {width:93px; height:25px; position:relative; top:42px; left:733px;} div.lang_nl, div.lang_en, div.lang_de {width:25px; height:25px; margin:0 3px; float:left;} #languages a {width:25px; height:25px; display: block;} #languages div.lang_nl {background-image:url(../img/layout/lang/vlag_nl.png);} #languages div.lang_en {background-image:url(../img/layout/lang/vlag_en.png);} #languages div.lang_de {background-image:url(../img/layout/lang/vlag_de.png);} #languages div.lang_nl:hover{background-image:url(../img/layout/lang/vlag_nl_hover.png);} #languages div.lang_en:hover{background-image:url(../img/layout/lang/vlag_en_hover.png);} #languages div.lang_de:hover{background-image:url(../img/layout/lang/vlag_de_hover.png);} /*header nav*/ #nav-left {width:114px; height:53px; background-image:url(../img/layout/Qii12site_05.jpg);float:left;} #nav-right-01 {width:226px; height:53px; background-image:url(../img/layout/new_layout/Qii12site_11.jpg);float:left;} #nav-right-02 {width:113px; height:53px; background-image:url(../img/layout/Qii12_inlog_02_02.jpg);float:left;} #nav-mid {height: 53px;float:left;} .nav-item {float:left;} /*content*/ #content-container{width:953px; height:473px;} #content-left{width:501px; height:473px; float:left;} #content-right{width:452px; height:473px; float:left;} #content-left-left{width:30px; height:473px; background-image:url(../img/layout/Qii12site_13.jpg); float:left;} #content-left-mid {float:left; } #content-left-right {float:left;} #content-left-right-top {width:36px; height:43px; background-image:url(../img/layout/Qii12site_15.jpg); } #content-left-right-bot {width:36px; height:430px; background-image:url(../img/layout/Qii12site_23.jpg); } #content-left-mid-top{width:435px; height:43px; background-image:url(../img/layout/Qii12site-for-web_home_14-2.jpg); } #content-left-mid-mid{position: relative;/*ie7 fix*/ width:435px; height:410px; overflow: hidden;} .content-left-home, .content-left-contact { background-image:url(../img/layout/Qii12kader_01_darwin.jpg);} .content-left-product, .content-left-news, .content-left-cases, .content-left-disclaimer { background-image:url(../img/layout/Qii12kader_vlakgroot.jpg);} #page-header { width:435px; height:20px; } #content-left-mid-bot{width:435px; height:20px; background-image:url(../img/layout/Qii12site_45.jpg);} #content-right-top {height:43px;} #content-right-mid {} #content-right-bot {} #content-right-top-left {width:113px; height:43px; background-image:url(../img/layout/new_layout/Qii12site_15-2.jpg); float:left;} #content-right-top-right {width:314px; height:43px; background-image:url(../img/layout/new_layout/Qii12site_new-01.jpg); float:left;} #content-right-mid-left {width:25px; height:276px; background-image:url(../img/layout/Qii12site_24.jpg); float:left;} #content-right-mid-mid {width:367px; height:276px; background-image:url(../img/layout/Qii12_kader_video.jpg); float:left;} #content-right-mid-right {width:37px; height:276px; background-image:url(../img/layout/Qii12site_26.jpg); float:left;} #content-right-bot-left-01 {width:25px; height:24px; background-image:url(../img/layout/Qii12site_32.jpg); float:left;} #content-right-bot-left-02 {width:89px; height:24px; background-image:url(../img/layout/Qii12site_33.jpg); float:left;} #content-right-bot-mid {width:225px; height:24px; background-image:url(../img/layout/Qii12site_34.jpg); float:left;} #content-right-bot-right-01 {width:53px; height:24px; background-image:url(../img/layout/Qii12site_35.jpg); float:left;} #content-right-bot-right-02 {width:37px; height:24px; background-image:url(../img/layout/Qii12site_36.jpg); float:left;} #content-clients {} #content-clients-left {width:25px; height:100px; background-image:url(../img/layout/Qii12site_40.jpg); float:left;} #content-clients-mid {float:left;} #content-clients-mid-top {width:367px; height:25px; background-image:url(../img/layout/Qii12site_41.jpg); } #content-clients-mid-bot {width:367px; height:75px; background-image:url(../img/layout/Qii12_kader_logos.jpg); } #content-clients-right {width:37px; height:100px; background-image:url(../img/layout/Qii12site_42.jpg); float:left;} #content-clients-bot {width:429px; height:30px; background-image:url(../img/layout/Qii12site_44.jpg); } /*footer*/ #footer {width:953px;height:76px;} #footer-top {width:953px; height:26px; background-image:url(../img/layout/new_layout/Qii12site_new-02.jpg); } #footer-bot {width:953px; height:50px; background:url(../img/layout/new_layout/Qii12site_new-03.jpg) no-repeat; } #metID {width:50px; height:50px; float:left; margin:10px 0 0 100px} #metID a {width:50px; height:22px; background:url(../img/layout/new_layout/LogometID-30ZW.png) no-repeat; display: block;} #metID a:hover {background:url(../img/layout/new_layout/LogometID_hover.png) no-repeat;} #copyright {width:600px; height:50px; float:left;} #copyright p {color:#BCBDC0; margin:10px 0 0 0;} #disclaimer {width:200px; height:50px; float:left;} #disclaimer p {margin:10px 0 0 0;} #disclaimer a {color:#BCBDC0; text-decoration: none; } #disclaimer a:hover {color:#878787;} /*news*/ #news-items {width:415px; height:410px; float:left;} #scroll-btns {width:20px; height:410px; float:left;} #scroll-btns button{border:none;} #news-items ul {list-style:none;} #news-items li {margin:0;padding:0;} .news-item {width:435px; height:auto; margin:7px 0;float:left; } .news-foto {width:145px; height:125px; float:left;} .news-text {width:260px; height:auto; float:left; margin-left:10px;} .news-title {font-size:12px; font-weight:bold; color:#DE0000;} .news-content {font-size:12px;} #news_prev {width:20px; height:20px; background-image:url(../img/layout/scroll/news_prev.png); cursor:pointer; } #news_next {width:20px; height:20px; background-image:url(../img/layout/scroll/news_next.png); margin-top:369px; cursor:pointer; } /*clients*/ #client-items {width:327px; height:75px; float:left;overflow: hidden;} #client-items ul {list-style:none;} #client-items li {margin:0;padding:0;} .client-item {width:auto; height:75px; margin:0 7px; } #clients_prev {width:20px; height:75px; background:url(../img/layout/scroll/clients_prev_effect.png) 0 50% no-repeat; float:left;} #clients_next {width:20px; height:75px; background:url(../img/layout/scroll/clients_next_effect.png) 0 50% no-repeat; float:left;} /*contact form*/ #contactform{width:435px;} #cform label {width: 110px; display:block; float:left; } #cform input.validate, #cform textarea {opacity:0.6; border:1px solid #666666;} #contactform div { margin: 10px 0 0 0 ; } .button{ background-color:#E6E6E6; border:1px solid #666666; margin:0 0 0 110px; cursor: pointer;} #errMsg { margin:2px 0; padding:3px; } .green { margin:2px 0; border: 1px solid #AAF7B4; font-weight: bold; background-color:#5BEB6F; } .red { margin:2px 0; border: 1px solid #FF9393; font-weight: bold; background-color:#FBF7F7; } /* img content xtra */ #img-content-xtra { margin:5px 0 0 5px; z-index:0;} #googlemap {width:367px; height:276px; margin:5px 0 0 5px; } /*google maps*/ #img-content-xtra-mask { z-index:100; width:367px; height:276px; background-image:url(../img/layout/new_layout/imgkaderQii12.png); position:relative; top:-280px; left:0; } /*scrollable content*/ #scrollable-content-left {width:410px; height:385px; margin-right:5px; float:left; overflow:hidden; } #scroll_btn_prev { width:20px; height:20px; background-image:url(../img/layout/scroll/news_prev.png); cursor:pointer; } #scroll_btn_next { width:20px; height:20px; background-image:url(../img/layout/scroll/news_next.png); margin-top:334px; cursor:pointer; } /*different classes*/ .clear { clear:both; }