/**
* General
**/
body {
    position: relative;
    background: #C1C9CE url('../images/bg.gif') repeat-x 0 28px;
    font-family: Tahoma;
    font-size: 75%;
    margin: 0;
    height:100%;
}

td, th {
    vertical-align: top;
    font-family: Tahoma;
}

th {
    font-weight: normal;
}

h1 {
    font-size:2em;
    line-height:1;
    margin-bottom:0.5em;
    margin-top:0.2em;
}
h2 {
    font-size:1.7em;
    margin-bottom:0.75em;
}
h3 {
    font-size:18px;
    margin-bottom:1em;
    font-weight: normal;
}
h4, span.h4 {
    font-size:1.2em;
    line-height:1.25;
    margin-bottom:1.25em;
}
span.h4 {
    display: block;
}
h5 {
    font-size:1em;
    font-weight:bold;
    margin-bottom:1.5em;
}
h6 {
    font-size:1em;
    font-weight:bold;
}
.bold {
    font-weight: bold;
}
.underline {
    text-decoration: underline;
}
a.more {
    color:#003E54 !important;
    font-size:1.4em;
    padding-bottom:10px;
    text-decoration:none;
}
a.back {
    color:#003E54 !important;
    font-size:1.2em;
    padding-bottom:10px;
    text-decoration:none;
}
.visualClear {
    clear: both;
}

div.address { 
    padding-left: 30px;
}


#language-form {
    position: absolute;
    right: 0;
    top: 0;
}
#language {
    float: right;
    padding: 10px;
}
#language #change-lang {
    color: #363734;
    text-decoration: none;
}
#language img{
    border: 0;
    vertical-align: sub;
}

/**
* Jquery UI stuff, ripped from UI theme.
* If we plan to use UI css heavily use UI theme...
**/
.ui-icon {
    background-image:url(../images/jquery-ui-icons.png);
    background-repeat:no-repeat;
    display:block;
    overflow:hidden;
    text-indent:-99999px;
    height: 16px;
    width: 16px;
}
ul#icons span.ui-icon {
    float:left;
    margin:0 4px;
}
.ui-icon-plus {
    background-position:-16px -128px;
}
.ui-icon-minus {
    background-position: -48px -128px;
}

/**
* Header
**/
#header {
    height: 117px;
    text-align: center;
    background: black url('../images/header_bg.png') repeat-y top left;
}
a img {
    border: 0;
}
#navigation {
    height: 43px;
    padding-top: 8px;
}
#navigation span,
#navigation .pages {
    float: left;
}
#navigation .actions {
    float: right;
}
.vertical-menu-list a {
    color: #000000;
    padding: 0 5px;
    text-decoration: none;
    font-size: 110%;
    padding-bottom: 9px;
}
.vertical-menu-list .selected a {
    font-weight: bold;
    color: #434A52;
}
.vertical-menu-list a:hover, .vertical-menu-list .pages .selected a:hover {
    color: #FF0000;
    text-decoration: underline;
}
.vertical-menu-list ul{
    margin: 0;
    padding-left: 0;
}
.vertical-menu-list li{
    display: inline;
    list-style-type: none;
}
.vertical-menu-list ul li ul{
    display:none;
}

li.menu-item a {
    clear:both;
    display: block;
}
li.menu-item ul.exoDropDown {
    z-index: 10;
    position: absolute;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:0;

    background-color: #f2f2f0;
    border: 1px solid #363734;
    border-top: 0px;
}
li.menu-item ul.exoDropDown li {
    position: relative;
    display: list-item;
    padding: 0px;
    width: 150px;
    border-top: 1px solid #363734;
    background-color: #f2f2f0;
}
li.menu-item ul.exoDropDown li a{
    padding: 8px 5px;
}
li.menu-item ul.exoDropDown li:hover {
    background-color: #e3eCee;
}
li.menu-item ul.exoDropDown li:hover a{
    color: #004057;
}

/**
* Product
**/
#portlet-product-img-buttons {
    width:100%;      
}

#portlet-product-img-buttons ul {
    margin: 0 0 20px 0;
    padding: 5px 0;
}

#portlet-product {
    width:100%;    
}

#portlet-product ul {
    background-color: rgb(199, 200, 195);
    margin: 0 0 20px 0;
    padding: 5px 0;
}

#portlet-product h3 {
    color: #004057;
    font-size: 16px;
    margin-bottom: 5px;
    text-align: center;
}
a {
    color: rgb(0, 64, 87);
}

.portlet-brand {
    list-style-type:none;
    border-bottom: 1px solid #ffffff;

}

.portlet-brand:hover {
    background:#fff;
    color:#000 !important;
}

.portlet-brand.first {
    border-top: 1px solid #ffffff;
}

.portlet-brand a {
    color: #004057;
    text-decoration: none;
    display: block;
    height:100%;
    padding: 5px 7px;
}
.portlet-brand.active a {
    font-weight: bold;
    background-color: #ffffff;
}
.portlet-brand a:hover {
    color:#000;
}

.border_bottom {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #919191;
}


.model_table {
    margin-top: 20px;
}

.model_table h3 {
    margin-top: 0;
}

a.red_link {
    color: #F00;
    text-decoration: none;
}

a.red_link:hover {
    text-decoration: underline;
}

/**
* Product overview
**/
.product-overview h3 {
    margin-top: 0.5em;
    margin-bottom: 0.2em;
}
.product-overview img.header {
    float:left;
    padding: 10px;
}
.product-overview a,
#downloads li a {
    text-decoration: none;
    color: #004057;
    margin: 5px;
}
.product-overview a:hover,
#downloads li a:hover {
    text-decoration: none;
    color: #000;

}

/**
* Downloads
**/
#downloads {
    margin: 0;
    padding: 0;
}
#downloads li {
    list-style-type:none;
    padding: 3px;
}
#downloads li img {
    vertical-align: sub;
}
#downloads h4 {
    padding-top: 1em;
    margin: 0;
}

/**
* Customer cases
**/
#accordion {
    width: 550px;
    border-right: 1px solid #c7c8c3;
    border-bottom: 1px solid #c7c8c3;
    border-left: 1px solid #c7c8c3;
}
#accordion h3 {
    padding: 0.5em;
    margin: 0;
    width: 535px;
    background-color: #dfe0da;
    border-top: 1px solid #c7c8c3;
    font-size: 125%;
    cursor: pointer;
}
#accordion .detail {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    color: #3a4447;
    font-size: 110%;
}
#accordion .detail span {
    color: #003e54;
    font-weight: bold;
}
#accordion .detail a {
    color: #3a4447;
    text-decoration: none;
}
#accordion .detail a:hover {
    color: #4f5d62;
}
#accordion h3 span{
    margin-left: 5px;
}
#accordion div.ui-accordion-content {
    padding: 10px !important;
}

#accordion .ui-icon {
    float: left;
}
.customer_category {
    float: right;
}

/**
* Photo gallery
**/
.gallery a img {
    border: 0px;
}
.gallery ul.thumbs{
    margin: 0;
    padding: 0;

}
.gallery ul.thumbs li {
    display:inline;
    list-style-type:none;
}
#controls-adv {
    width: 640px;
}
#controls-adv a {
    text-decoration: none;
    color:#003E54;
    padding: 5px;
}
#controls-adv .ss-controls {
    float: left
}
#controls-adv .nav-controls {
    float:right;
}
#gallery-adv {
    margin-top: 10px;
}


/**
* Footer
**/
#footer-container {
    color: #003E54;
    background: #424A51 url('../images/footer_bg.png') repeat-x top;
    padding: 20px 0 20px 0;
    margin-top: 20px;
}
#footer {
    margin: 0 auto;
    width: 920px;
    color: #C7C7C7;
}

#footer h4 {
    font-weight: bold;
    font-size: 100%;
    color: white;
    padding: 0;
    margin: 0 0 14px 0;
}

#footer_navigation {
    float: right;
}

#footer_navigation a {
    color: #FFF;
    padding: 0 7px 0 7px;
    text-decoration: none;
}

#footer_navigation a:hover {
    text-decoration: underline;
}

#footer table.contact-info td {
    padding-right: 40px;
}

/**
* Contact form
**/
#demorequest {
    float: left;
}


/**
* pagination
**/
.pagination {
    text-align: center;

}


.tech-spec h4 {
    margin: 0 0 0 1em;
    padding: 0;
    font-size: 1em;
}

.tech-spec ul {
    margin: 0 0 1em 1em;
    padding: 0;
}


/**
* Home
**/
#home_products {
    background: transparent url('../images/home_merken_bg.png') no-repeat top left;
    height: 303px;
}

#home_products_tabs {
    width: 168px;
    float: left;
    margin-top: 32px;
}

#home_products_tabs .tab {
    height: 59px;
    border-bottom: 1px solid #d9dad8;
}

#home_products_tabs .tab.first {
    border-top: 1px solid #d9dad8;
}

#home_products_tabs .tab.active {
    background: white;
}

#home_products_product {
    float: left;
    width: 752px;
}

.product_overview {
    margin-bottom: 20px;
}

.product_overview img {
    margin-right: 20px;
}

#home_products_product h2 {
    margin-top: 0;
}

#home_products_product .product {
    display: none;
    margin: 10px;
    cursor: pointer;
    position: relative;
}

#home_products_product .product.active {
    display: block;
}

#home_products_product .product .productsummary {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background: url('../images/transblack.png');
    width: 318px;
    color: white;
    padding: 10px;
}

#home_products_product img.image {
    width: 732px;
    height: 283px;
}

#home_content {
    margin-top: 20px;
    background: transparent url('../images/home_content_bg.png') no-repeat;
    color: #424A51;
}

#home_content_footer {
    background: transparent url('../images/home_content_bg.png') no-repeat left bottom;
    height: 20px;
}

#testemonial {
    width: 204px;
    padding: 20px;
}

#testemonial a {
    color: #424A51;
}

#testemonial img {
    height: 163px;
}

#quote_customer {
    font-weight: bold;
    color: #ed1c24;
}

#quote_company {
    color: #ed1c24;
    margin-bottom: 20px;
}

#testemonial a:hover {
    color: #000;
}

#home-teaser {
    width: 297px;
    padding: 20px;
}

#home-teaser img {
    max-width: 100%;
}

#news {
    padding: 20px;
}

#news a.newslink {
    display: block;
    margin-top: 20px;
    color: #585858;
    text-decoration: none;
}

#news a:hover {
    text-decoration: underline;
    color: #F00;
}


/**
* Forms
**/
ul.errorlist {
    margin: 0;
    padding: 0;
}
.errorlist li {
    background-color: red;
    color: white;
    display: block;
    font-size: 10px;
    margin: 0 0 3px;
    padding: 4px 5px;
}

#dynamic_tab {
    background: #FFFFFF;
}

/*main container*/
#container {
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: 920px;
}

#brand-widget-container {
    position:relative;
    overflow:auto;
    width:100%;
}

#qconf-logo {
    margin-bottom:10px;
}

.brand-widget {
    width: 270px;
    padding-right: 10%;
    float: left;
}

#brand_pictures h3 {
    margin:0;
    margin-bottom: 10px;
    font-size: 16px;
}

.brand-widget h3 {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight:bold;
}


/**
* Static pages
**/

#static {
    background: #fff;
    height:100%;
    overflow:auto;
}

#static-sidebar, #static-main {
    float:left;  
    overflow:auto;
}

/* main content for static pages*/
#static-main {
    padding: 0 20px 0 20px;
    background:#fff;
    width:705px;
}

/*right sidebar for static pages*/
#static-sidebar {
    width: 155px;
    padding-right: 20px;
}

#static-header {
    height: 20px;
    background: transparent url('../images/bg_content.png') no-repeat left top;
}

#static-footer {
    height: 20px;
    background: transparent url('../images/bg_content.png') no-repeat left bottom;
}

#content img.img_left { float: left !important; margin: 14px 20px 14px 0; }
#content img.img_right { float: right !important; margin: 14px 0 14px 20px; border: none; }
#content img.img_block { display: block; float: none !important; clear: both !important; margin: 14px 0 !important; border: none; }

#content img.img_left_nospacetop { float: left !important; margin: 2px 20px 14px 0; }
#content img.img_right_nospacetop { float: right !important; margin: 2px 0 14px 20px; border: none; }
#content img.img_block_nospacetop { display: block; float: none !important; clear: both !important; margin: 2px 0 14px 0 !important; border: none; }

/**
* Phone book
**/
#phonebook_q {
    width: 400px;
}

.phonebook_result span {
    padding-right: 10px;
}

.phonebook_result_name {
    font-weight: bold;
}

.phonebook_result_name span {
    display: none;
}

.phonebook_result {
    margin-top: 20px;
}