*{

    margin:0;

    padding:0;



}

body{

    background:#fff url(images/bg.gif) repeat-x top;

    font:11px/20px Tahoma,Helvetica,sans-serif;

    color:#5c5b5b;

}



ul {margin-left: 20px;}





/* Layout Styles Starts */



#wrapper-outer{

    width:962px;

    margin:0 auto;

    background:url(images/wrapper-outer-bg.gif) no-repeat;

}

#wrapper{

    width:904px;

    margin:0 auto;

}

#header{

    height:86px;

    overflow:hidden;

    padding:34px 0 0 0;

}

h1#logo{

    background:url(images/logo.png) no-repeat;

    width:349px;

    float:left;

}

h1#logo a{

    display:block;

    height:48px;

}

h1#logo a span{

    display:none;

}

#header h2, #header h3{

    font-size:24px;

    color:#fff;

    margin:0;

    text-transform:capitalize;

}

#header h2{

    padding:5px 0;

}

#header h3{

    font-size:18px;

}

#banner, #s3slider{

    margin:8px 0 2px 0;

}

#s3slider{

    position:relative;

    height:160px;

    overflow:hidden;

}

#s3sliderContent {

    width: 900px; /* important to be same as image width or wider */

    position: absolute; /* important */

    top: 0; /* important */

    margin-left: 0; /* important */

}



.s3sliderImage {

    float: left; /* important */

    position: relative; /* important */

    display: none; /* important */

}



.s3sliderImage span {

    position: absolute; /* important */

    left: 0;

    font: 10px/15px Arial, Helvetica, sans-serif;

    padding: 10px 13px 15px 13px;

    width: 894px;

    background-color: #000;

    filter: alpha(opacity=50); /* here you can set the opacity of box with text */

    -moz-opacity: 0.7; /* here you can set the opacity of box with text */

    -khtml-opacity: 0.7; /* here you can set the opacity of box with text */

    opacity: 0.5; /* here you can set the opacity of box with text */

    color: #fff;

    display: none; /* important */

    bottom: 0;



    /*

			   if you put

			   top: 0; -> the box with text will be shown at the top of the image

			   if you put

			   bottom: 0; -> the box with text will be shown at the bottom of the image

		   */

}

#menu{

    height:55px;

    background:url(images/menu-bg.gif) repeat-x;

    overflow:hidden;

}

#menu, #menu ul{

    position:relative;

}

#menu ul{



}

#menu ul, #menu li{



    position:relative;

}

#menu li, #menu li a{

    display:block;

    float:left;

    height:55px;

    line-height:39px;

    color:#fff;

    text-transform:uppercase;

}

#menu li a{					

    padding:0 21px 0 22px;

    font-size:12px;

}

#menu li a:hover{

    background:url(images/menu-hover.gif) repeat-x;

    text-decoration:none;

}						

#container1, #container{

    padding:20px 0;

}

#container{

    background:url(images/divider.jpg) repeat-y 660px 0;

}

.block1{

    width:280px;

    float:left;

    margin:0 30px 0 0;

    display:block;

}

.block1.nomargin{

    margin:0;

}

.block1.ul{

    margin-top:0;

    margin-bottom:0;

}

.block1 h2{

    color:#5d5d5d;

}

.block1 img{

    border:1px solid #bfbfbf;

    padding:3px;

    margin:0 0 8px 0;

}





.block2{

    width:560px;

    float:left;

    margin:0 30px 0 0;

    display:block;

}

.block2.nomargin{

    margin:0;

}

.block2.ul{

    margin-top:0;

    margin-bottom:0;

}

.block2 h2{

    color:#5d5d5d;

}

.block2 img{

    border:1px solid #bfbfbf;

    padding:3px;

    margin:0 0 8px 0;

}

.block2 a{

    font-weight:normal;

    text-decoration:underline;

    color:#547607;

}

.block2 a:hover{

    color:#222;

    text-decoration:none;

}



#sidearea{

    width:220px;

    float:right;

}

#mainarea{

    width:650px;

    float:left;

}	

#footer-outer{

    border-top:1px solid #cfcfcf;

    width:100%;

}

#footer{

    width:904px;

    margin:0 auto;

    padding:6px 0 0 0;

    font-size:10px;

}

#footer a{

    font-weight:normal;

}



/* Layout Styles Ends */







/* Form Styles */



.input{

    border:1px solid #a5a5a5;

    background:none;

    cursor:text;

    margin:5px 0;

    padding:2px;

    width:200px;

}

textarea.input{

    width:415px;

    height:100px;

}

.input:focus, .textarea:focus{

    border:1px solid #000;

}

.signin-btn, .button1{

    background:#72aa00;

    line-height:20px;

    margin:8px 0;

    padding:2px 10px !important;

    padding:2px 0;

    color:#fff;

    font-weight:bold;

    border:none;

    outline:none;

    cursor:pointer;

}



/* Form Styles */





/* Paragraph and list Styles */



#container p.hr{

    border:solid #d3d3d3;

    border-width:1px 0 0 0;

    margin:0;

    outline:none;

}

#container p{

    margin:0 0 15px 0;

}

#container form p{

    margin:0 0 5px 0;

}

#container p img.floatleft{

    margin:0 20px 0 0;

}

#container p img.floatright{

    margin:0 0 0 20px;

}

#mainarea img.floatleft, #mainarea p img.floatleft{

    margin:10px 10px 10px 0;

}

#mainarea img.floatright, #mainarea p img.floatright{

    margin:10px;

}

#container ul, #container ol{

    margin:0 0 0 20px;

}

#container ol{

    margin:0 0 0 30px;

}

ul#portfolio{margin:0;}

#container dt, #container1 dt{

    font-weight:bold;

    margin:20px 0 10px 0;

}



/* Paragraph Styles */



/* Genric Styles Starts */



.clearfix:after {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;

}

.clearfix {

    display: inline-block;

}

html[xmlns] .clearfix {

    display: block;

}

* html .clearfix {

    height: 1%;

}

a {

    color:#222;

    text-decoration:none;

    font-weight:bold;

}

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

h1{font-size:32px;}

h2{font-size:22px;}

h3{font-size:18px;}

h4{font-size:16px;}

h5, h6{font-size:14px;}

h1,h2,h3,h4,h5,h6{margin:0 0 15px 0; color:#5c5b5b;font-family:"Myriad Pro Cond", "Trebuchet MS";font-weight:bold;}									

img{border:none;}

.clear{clear:both;}

.floatleft{float:left;}

.floatright{float:right;}

.center{text-align:center;}

.text-left{text-align:left;}

.text-right{text-align:right;}

.normal, .normal a{font-weight:normal;}

.textbold{font-weight:bold;}

#container .nomargin, .nomargin{margin:0;}

#container.nobg, .nobg{background:none;}

.padding15{padding:15px;}





/* Genric Styles Ends */





.cta_phone {

    color:#fff;

    font-size:20px;

    margin:1px;

    padding:1px

}



.cta_phone_small {

    color:#fff;

    font-size:xx-small;

    margin:1px;

    padding:1px

}



.vinkje{

    margin-bottom: -10px;

    margin-top: 10px;

    margin-right: 0em;

}



.vinkje2{

    margin-bottom: -10px;

    margin-top: 10px;

    margin-right: 10px;

}



.cta_verhuur

{

    list-style-image: url(images/vinkje2.gif);

}



.lst_none

{

    list-style: none;

    margin-left: 0px;

}



blockquote

{

    margin-bottom: 1em; margin-top: 1em;

    font-style: italic;

}



a.ctaButton:link, a.ctaButton:visited, a.ctaButton:active{

    text-decoration: none;

    color: #fff;

}



a.ctaButton:hover{

    text-decoration: none;

    color: #547607;

}



a.ctaButtonOrange:link, a.ctaButton:visited, a.ctaButton:active{

    text-decoration: none;

    color: #FFF;

}

a.ctaButtonOrange:selected{

    text-decoration: none;

    color: #FFF;

}



a.ctaButtonOrange:hover{

    text-decoration: none;

    color: #FFB442;

}



.ctaButton {

    font-family:Tahoma;

    font-weight:bold;

    font-size:14px;

    background-image: url(images/button-bg.jpg);

    background-repeat:repeat-x;

    color:#FFF;

    height:39px;

    padding: 5px 15px 5px 20px;

    margin: 5px;

    clear: left;

    border: 0px;



}

.ctaButtonOrange {

    font-family:Tahoma;

    font-weight:bold;

    font-size:14px;

    background-image: url(images/button-bg-orange.jpg);

    background-repeat:repeat-x;

    color:#FFF;

    height:39px;

    padding: 5px 15px 5px 20px;

    margin: 5px;

    border: 0px;

}

.ctaButtonBlue {

    font-family:Tahoma;

    font-weight:bold;

    font-size:14px;

    background-image: url(images/button-bg-blue.jpg);

    background-repeat:repeat-x;

    color:#FFF;

    height:39px;

    padding: 5px 15px 5px 20px;

    margin: 5px;

    border: 0px;

}



.products {

    float:left;

    border:0px;

    width:100%;

    clear: both;

    margin: 0px;

    padding:0px;

}



.kolom {

    float:left;

    width: 17%;

    padding-top:5px;

    padding-right:10px;

    padding-left:10px;

}



.kolom ul {

    list-style: none;

}



.products-title {

    font-weight: bold;

    color: #78853B;

    margin-bottom: 10px;

}



.products-text {

}



.products-price {

    color:#E6A236;

    font-weight: bold;

    font-size: 18px;

    margin-top:10px;

}



.products-button a{

    display:block;

    height:24px;

    width:101px;

    float:left;

    margin-left:0px;

    margin-top: 10px;

}