@import url('forms.css');
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,700);
@import url(http://fonts.googleapis.com/css?family=Alex+Brush);
/* Body
----------------------------------------------------------------------------------------------------*/
html {
	text-align: center;
}

body {
    margin: 0;
    padding: 0;
    background: #fff /*url(../img/bg.jpg) no-repeat center center fixed*/;
    /*-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
    text-align: center;
    font-family: 'PT Sans','Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
}

body, th, td, input, textarea, select {
	font-family: 'PT Sans','Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
	font-size: 11px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'PT Sans','Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
}

/* Container
----------------------------------------------------------------------------------------------------*/
.container {
	width: 980px;
  margin: 0px auto;
	padding: 0 0 0 35px;
	text-align: left;
	position: relative;
}

.container .rand{
    width: 980px;
    margin-top: 0px;
    background-color: #fff;
    /*-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
    -moz-border-radius: 15px;
    border-radius: 15px;*/
}

/* Header
----------------------------------------------------------------------------------------------------*/
.header {
    width: 980px;
    height: 44px;
    margin-bottom: 0px;
    padding-top: 70px;
    position: relative;
    z-index: 100;
}

    .header h1 {
      position: absolute;
      top:10px;
      left: 0px;
    	font-size: 0px;
    	line-height: 0px;
    	margin: 0;
    	padding: 0;
    }

        .header h1 a {
        	width: 230px;
        	height: 100px;
        	padding: 0,0;
        	background: url(../img/general/logo.png) no-repeat;
        	text-decoration: none;
        	display: block;
        }

            .header h1 a span {
            	visibility: hidden;
            }

            .header h1 a:focus {
                -moz-outline: none;
                outline: none;
            }

    .header .search {
        position: absolute;
        top: 0px;
        right: 12px;
        width: 295px;
        height: 45px;
        -moz-border-border-bottom-left-radius: 7px 7px;
        -moz-border-bottom-right-radius: 7px 7px;
         border-bottom-left-radius: 7px 7px;
         border-bottom-right-radius: 7px 7px;

    }

        .header .search .searchfield {
            position: absolute;
            top: 10px;
            left: 20px;
            width: 219px;
            height: 18px;
            border: 1px solid #47494a;
            padding: 2px 10px;
            line-height: 20px;
            color: #b6b6b6;
            font-size: 11px;
            -moz-border-radius: 5px;
            border-radius:5px;
        }

        .header .search .searchbutton {
            position: absolute;
            top: 10px;
            left: 256px;
        }

    .header .nav {
        position: absolute;
        top: 60px;
        left: 235px;
        float: left;
        width: 780px;
	    font-family: 'PT Sans','Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
    }

        .header .nav ul {
            list-style: none;
            margin: 0;
            padding: 0;
            font-size: 18px;
            line-height: 44px;
        }

        .header .nav ul li {
            float: left;
            padding: 0 4px 4px;
        }

            .header .nav ul li.first {
                padding-left: 0;
            }

            .header .nav ul li.last {
                padding-right: 0;
            }

        .header .nav ul li a {
            display: block;
            height: 44px;
            padding: 0 10px;
            color: #000;
            text-decoration: none;
        }

            .header .nav ul li a.active, .header .nav ul li a:hover, .header .nav ul li:hover a, .header .nav ul li a.active-child {
                color: #ff7200;
                background-color: none;
                text-decoration: bold;
            }

        .header .nav ul ul {
        	position: absolute;
        	width: 185px;
        	left: -999em;
        	z-index: 100;
        	font-size: 13px;
          margin: 4px 0 0;
        	padding: 4px 0;
        	border: 1px solid #ff7200;
        	background-color: rgba(0,0,0,0.7);
        	-webkit-border-radius: 7px;
          -moz-border-radius: 7px;
          border-radius: 7px;
        }

            .header .nav li ul li {
            	background: none;
            	padding: 0;
            	width: 185px;
            }

                .header .nav li ul li a {
                    display: block;
                    height: auto;
                	padding: 2px 0 2px 10px;
                	line-height: 24px;
                    color: #fff !important;
        	        background: none !important;
                }

                    .header .nav li ul li a:hover, .header .nav li ul li a.active-sub {
                        color: #ffffff !important;
                        background-color: #ff7200 !important;
                        margin: 0px 3px 0px 3px;
                        -webkit-border-radius: 5px;
                        -moz-border-radius: 5px;
                        border-radius: 5px;
                    }

                    .header .nav li ul li a.active {

                    }

                .header .nav li:hover ul {
                	left: auto;
                	z-index: 1000;
                }

                .header .nav li:hover {
                    position: static;
                }

    .header .social {
        position: absolute;
        top: 11px;
        right: 250px;
        width: 100px;
        height: 45px;
        width: 200px;
        padding: 0px 0px;
        text-align: center;
    }

        .header .social img {
            Height: 22px;
            width: 22px;
            margin: 0px 3px;
            -moz-border-radius: 2px;
            border-radius:2px;
        }

/* Content
----------------------------------------------------------------------------------------------------*/
.bg-visuals {
    position: absolute;
    top: 145px;
    left: 0;
    right: 0;
    height: 475px;
    background-repeat: repeat-x;
    background-position: center top;
    z-index: -1;
}

/* Content
----------------------------------------------------------------------------------------------------*/
.content-container {
    width: 960px;
    padding: 10px;
    background-color: #fff;
    font-size: 12px;
    line-height: 16px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

    .featured {
        float: left;
        width: 960px;
        height: 530px;
        font-family: 'Oswald','PT Sans','Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
    }

        .featured-left {
            float: left;
            width: 960px;
            height: 530px;
            overflow: hidden;
            /*-webkit-box-shadow: 0px 0px 10px 0px rgba(69, 85, 96, 0.5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(69, 85, 96, 0.5);
    box-shadow: 0px 0px 10px 0px rgba(69, 85, 96, 0.5);*/
    -moz-border-radius: 7px;
    border-radius: 7px;
        }

            .featured-left img {
                float: left;
                width: 960px;
                -moz-border-radius: 7px;
                border-radius: 7px;
            }
            .featured-left .slide .overlay {
                position: absolute;
                width: auto;
                height:40px;
                margin: 110px 0px 0px 20px;
                padding: 5px 10px 10px 10px;
                background-color: rgb(,0,0);
                background-color: rgba(0,0,0,0.3);
                font-family: 'Oswald','PT Sans','Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
                font-size: 20px;
                line-height: 40px;
                color: #ffffff;
                -moz-border-radius: 7px;
                border-radius: 7px;
               }
               .featured-left .slide .overlay .sub{
               font-family: 'Oswald','PT Sans','Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
               font-size: 12px;
               }
              .featured-left .slide .overlay .meer {
                position: absolute;
                width: 125px;
                height: 125px;
                bottom: 0px;
                margin-left: 675px;
                /*background: url(../img/general/fotome_logo_hart.png) no-repeat;*/
               }
                .featured-left .overlay.blue {
                    background-color: rgb(70,85,97);
                    background-color: rgba(70,85,97,0.5);
                }
                .featured-left #t0.overlay {
                    top: 335px;
                }

                .featured-left #t1.overlay {
                    top: 335px;
                }

                .featured-left #t2.overlay {
                    top: 335px;
                }

                .featured-left #t3.overlay {
                    top: 335px;
                }
                .featured-left #t4.overlay {
                    top: 335px;
                }
                .featured-left #t5.overlay {
                    top: 335px;
                }
                .featured-left #t6.overlay {
                    top: 335px;
                }
                .featured-left .overlay a, .featured-left .overlay a:hover {
                    display: block;
                    color: #ffffff;
                    text-decoration: none;
                    }

/* Oude marges carossel tekst!
                .featured-left #t0.overlay {
                    top: 0;
                }

                .featured-left #t1.overlay {
                    top: 74px;
                }

                .featured-left #t2.overlay {
                    top: 149px;
                }

                .featured-left #t3.overlay {
                    top: 225px;
                }

                .featured-left .overlay a, .featured-left .overlay a:hover {
                    display: block;
                    color: #ffffff;
                    text-decoration: none;
                } */


    .content {
        float: left;
        min-Heigth:200px;
        _min-height:200px;
        width: 610px;
        margin: 10px 0px 0px 0px;
        padding: 0px 0px 0px 30px;
        background-color: #e8e8ea;
        -moz-border-radius: 7px;
        border-radius: 7px;
    }
    .content p { width: 590px;
    }
.content-left h1 {
	letter-spacing: 1px;
	font-size: 20px;
	font-weight: normal;
	color: #0067b4;
	margin-bottom: 15px;
}
.content-left h2 {
	margin-bottom: 15px;
	letter-spacing: 0px;
	font-size: 18px;
	font-weight: normal;
	color: #0067b4;
}
.content-left h3 {
	margin-bottom: 1em;
	font-size: 11px;
	font-weight: bold;
	color: #0067b4;
}
.content-left {
	margin-bottom: 1em;
	font-size: 9px;
	font-weight: normal;
	color: #444341;
}

/** TEXTS */
.content-left p, blockquote, ol, dl {
	color: black;
  margin-top: 0px;
	margin-bottom: 1px;
	letter-spacing: 0.5px;
  line-height: 12pt;
  font-size: 12px;
}

        body.home .content {
            width: 610px;
            padding-right: 0;
            /*background: url(../img/backgrounds/bg-content-right.png) repeat-y left top;*/
        }

        .content-left {
            float: left;
            width: 610px;
            padding: 0 20px 0 0;
        }

        .content-right {
            float: right;
            width: 200px;
            padding: 0 10px 0 20px
        }

            .content-right span {
                display: inline-block;
                width: 76px;
                padding: 0 0 0 18px;
                color: #7b7b7b;
            }

        .content h2 {
            font-family: 'Oswald','PT Sans','Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
            font-size: 26px;
            color: #940c0f;
            margin-bottom: 20px;
        }

        .content a, .content a:hover {
            color: #940c0f;
            text-decoration: none;
        }

        .content p + ul {
            margin-top: -1em;
        }

        .content table p {
            margin: 0;
            float: left;
            width: 169px;
            padding-left: 10px;

        }
    .sidebar {
        float: left;
        height: auto;
        margin-left: 10px;
        width: 280px;
        text-align: left;
        color: #455560;
        margin-top: 10px;

       /* padding: 10px 10px 5px 10px;
        background: #e9e9e9 url(../img/backgrounds/bg-sidebar.png) no-repeat right bottom;
        -moz-border-radius: 7px;
        border-radius: 7px; */
    }
       .sidebar .featured-right {
            float: left;
            width: 310px;
            min-height: 205px;
            _min-height: 205px;
            background-color: #ff7200;
            -moz-border-radius: 7px;
            border-radius: 7px;
        }
            .sidebar .featured-right ul {
                Height: 182px;
                list-style: none;
                margin: 0;
                padding: 5px 5px 5px 5px;
                font-size: 12px;
                line-height: 20px;
            }
                .sidebar .featured-right ul li {
                    height: 54px;
                    margin: 0;
                }
                    .sidebar .featured-right ul li.last {
                        height: 55px;
                        border: none;
                    }
                    .sidebar .featured-right ul li a {
                        display: block;
                        padding: 5px 10px 5px 9px;
                        color: #fff;
                        text-decoration: none;
                    }
                        .sidebar .featured-right ul li.last a {
                            padding-bottom: 16px;
                        }
                        .sidebar .featured-right ul li a:hover, .featured-right ul li.activeSlide a {
                            color: #fff;
                            background-color: #940c0f;
                            -moz-border-radius: 7px;
                           border-radius: 7px;
                        }

                    .sidebar .featured-right ul li strong {
                        display: block;
                    }

                   /* .sidebar .featured-right .open {
          padding: 10px 0 0 30px;
          height: 50px;
	        font-family: Arial, Helvetica, sans-serif;
	        color: #940c0f;
        }

            .sidebar .featured-right .open h2 {
                font-size: 18px;
                color: #fff;
                margin-bottom: 24px;
            }

            .sidebar .featured-right .open span {
                display: inline-block;
                width: 76px;
                padding: 0;
                color: #b5b5b5;
            }*/
  @media screen and (-webkit-min-device-pixel-ratio:0) {
/* Insert your CSS code here for Chrome and Safari */
       .sidebar .featured-right .slogan {
            color: #fff;
            width:255px;
            margin-top:5px;
            padding: 15px 20px 15px 15px;
        }
        }
        .sidebar .featured-right .slogan {
            color: #fff;
            width:255px;
            Height: auto;
            padding: 15px 20px 0px 15px;
        }

            .sidebar .featured-right .slogan h2, h3, h4 {
                font-family: 'Oswald','PT Sans','Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
                padding: 0;
                font-size: 19px;
                line-height: 15px;
                color: #fff;
                margin: 0;
            }

            .sidebar .featured-right .slogan p {
                color: #fff;
                margin: 0;
            }
            .sidebar .featured-right .slogan a {
                font-size: 12px;
                color:#940c0f;
                text-decoration: none;
            }
              .sidebar .featured-right .slogan a:hover {
               font-size: 13px;
               color:#fff;
               text-decoration: none;
              }





/* Products
----------------------------------------------------------------------------------------------------*/
.products {
    float: left;
    width: 946px;
    margin: 10px 0 0;
    padding: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background-color: #e8e8ea;
}

    .products .info {
        float: left;
        width: 190px;
        height: 122px;
        margin: 0 -14px 0 0;
        padding: 20px 30px 20px 23px;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
        background-color: #f3f3f3;
        font-size: 10px;
    }

        .products .info h2 {
            font-family: 'Oswald','PT Sans','Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
            font-size: 26px;
            color: #940c0f;
        }
        .products .info h3 {
            font-size: 22px;
            color: #940c0f;
        }

        .products .info h4 {
            font-family: 'PT Sans','Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
            font-size: 13px;
            color: #ff7200;
            margin: 0;
        }
        .products .info a {
         text-decoration: none;
         color: #940c0f;
        }

    .products .wrapper {
        float: left;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
        background-color: #fff;
        width: 671px;
        padding: 0 22px;
        position: relative;
    }

    .products .carousel {
        float: left;
        width: 671px;
        margin: 0;
        padding: 0;
        font-size: 10px;
    }
      .products img {
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
    }

        .products .carousel ul {
            list-style: none;
            margin: 0;
        }

            .products .carousel ul li {
                float: left;
                width: 217px;
                height: 146px;
                margin: 0 10px 0 0;
                padding: 8px 0;
                display: inline;
            }

        .products .carousel .jcarousel-clip {
            overflow: hidden;
        }

        .products .carousel .jcarousel-next-horizontal {
            background: url(../img/backgrounds/bg-carousel-next.png) no-repeat scroll 0 0 transparent;
            cursor: pointer;
            position: absolute;
            right: -46px;
            top: 44px;
            width: 24px;
            height: 70px;
        }

        .products .carousel .jcarousel-prev-horizontal {
            background: url(../img/backgrounds/bg-carousel-prev.png) no-repeat scroll 0 0 transparent;
            cursor: pointer;
            position: absolute;
            left: -46px;
            top: 44px;
            width: 24px;
            height: 70px;
        }

            .products .carousel .jcarousel-prev-disabled, .products .carousel .jcarousel-next-disabled {
                display: none !important;
            }
    #cboxTitle h2 { display: inline; float: left; margin: 0; margin-left: 70px; font-size: 16px; line-height: 20px; color: #434343; font-weight: bold; background:#ffffff;}
    #cboxTitle span { display: inline-block; float: right; padding-right: 55px; line-height: 20px; font-size: 14px;background:#ffffff;}
    #cboxTitle span img { width:22px; height: 22px; vertical-align: middle; margin-left:1px; line-height: 18px; margin-bottom: 4px; background:#ffffff;}

/* Footer
----------------------------------------------------------------------------------------------------*/
.footer {
    float: left;
    width: 100%;
    height:14px;
    /*background: url(../img/backgrounds/bg-footer.png) no-repeat center bottom */}

 .credits {
    Text-align: center;
    padding: 7px 0 0 35px;
    font-size: 10px;
    color: #47494a;
}

    .credits a {
        color: #e97d23;
        text-decoration: none;
    }
    .credits a:hover {
        color: #940c0f;
        text-decoration: none;
    }
    .footertabel {
        float: left;
        width: 960px;
        height: 200px;
        margin-top: 10px;
        padding: 10px 0px 5px 0px;
        background: #ffffff;
        background-color: #e8e8ea;
        -moz-border-radius: 7px;
        border-radius: 7px;

    }
 .footertabel .tagcloud a, .sidebar a:hover {
            color: #90a503;
            text-decoration: none;
            font-weight: none;
        }
         .footertabel .tagcloud {
            width: 610px;
            left: 0;
            bottom: 0;
            padding: 0 0 0 5px;
        }
            .footertabel .tagcloud ul {
                list-style: none;
                margin: 0;
                padding: 0;
                overflow: hidden;
            }

                .footertabel .tagcloud ul li {
                    float: left;
                    display: inline;
                    line-height: 22px;
                    font-family: 'Trebuchet MS','Lucida Sans unicode',Arial,Helvetica,sans-serif;
                    padding: 0 5px 0 0;
                }

                    .footertabel .tagcloud ul li.s1 {
                        font-size: 11px;
                    }

                    .footertabel .tagcloud ul li.s2 {
                        font-size: 14px;
                    }

                    .footertabel .tagcloud ul li.s3 {
                        font-size: 16px;
                    }

                    .footertabel .tagcloud ul li.s4 {
                        font-size: 19px;
                    }

                    .footertabel .tagcloud ul li a {
                        color: #a5a5a5;
                        text-decoration: none;
                    }

                        .footertabel .tagcloud ul li a:hover {
                            color: #707070;
                            text-decoration: none;
                        }

.footertabel .nowrap {
    white-space: nowrap;
}


.tweets ul {
    margin: 0;
    list-style: none;
    color: #333333;
}


    .tweets ul li {
        position: relative;
        min-height: 32px;
        height: auto !important;
        height: 32px;
        margin: 0 0 10px;
        padding: 0 0 10px 52px;
        border-bottom: 1px solid #ccc;
    }

        .tweets ul li.last {
            border-bottom: none;
        }

        .tweets ul li a, .tweets ul li a:hover {
            color: #940c0f;
            text-decoration: none;
        }

        .tweets ul li img {
            position: absolute;
            left: 0;
            top: 0;
            width: 32px;
            height: 32px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
        }

.tweets blockquote {
    margin: 0;
    font-style: normal;
    color: #777;
}